.MODcvNEWS {}
.MODcvNEWS h2 {
font-size: 32px;
line-height: 35px;
margin-bottom: 20px;
}
.MODcvNEWShKLEIN {
font-size: 23px;
line-height: 28px;
font-weight: 500;
display: grid;
}
.MODcvNEWS .pt-cv-view .pt-cv-readmore {
background: #EC7110 !important;
padding: 5px 15px 5px 15px !important;
border-radius: 300px !important;
color: #fff !important;
transition: all 0.3s ease-in-out 0s !important;
border: 0px !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 20px !important;
text-align: center !important;
float: right;
}
.MODcvNEWS .pt-cv-view .pt-cv-readmore:hover {
color: #fff !important;
background: #E1551E !important;
}
@media (max-width: 450px) {
.MODcvNEWS .pt-cv-view .pt-cv-readmore {
float: left;
}
}
.MODcvNEWS .pt-cv-view .pt-cv-title a {
color: #000;
font-size: 22px;
line-height: 28px;
border: 0px !important;
hyphens: none;
max-width: 430px;
display: -webkit-inline-box;
}
@media (max-width: 700px) {
.MODcvNEWS .pt-cv-view .pt-cv-title a {
max-width: unset;
display: unset;
}
}
@media (max-width: 450px) {
.MODcvNEWS .pt-cv-view .pt-cv-title a {
max-width: 430px;
display: -webkit-inline-box;
margin-top: 5px;
}
}
.MODcvNEWS .pt-cv-meta-fields {
margin-bottom: 0px !important;
}
.MODcvNEWS .pt-cv-view .pt-cv-title {
margin-bottom: 0px !important;
margin-top: 20px !important;
}
.MODcvNEWS .pt-cv-ifield > *, .pt-cv-view .pt-cv-content-item > * {
margin-bottom: 0px !important;
}
.MODcvNEWS .pt-cv-ifield {
padding: 10px 20px 15px 20px !important;
position: relative;
border: 3px solid #136191;
border-radius: 10px;
margin-bottom: 20px !important;
}
.MODcvNEWS .pt-cv-content {
line-height: 27px;
}
.MODcvNEWS .pt-cv-meta-fields {
position: absolute;
top: 0px;
left: 0px;
background: #136191;
padding: 0px 10px 0px 10px;
color: #fff;
border-radius: 5px 0px 8px 0px;
}
@media (max-width: 480px) {
.MODcvNEWS .pt-cv-meta-fields {
border-radius: 0px;
width: 100%;
text-align: center;
height: 23px;
overflow: hidden;
}
}
.MODcvNEWS .terms a {
pointer-events: none !important;
color: unset;
border: 0px !important;
}
.MODcvNEWS .terms a {
pointer-events: none !important;
color: unset;
border: 0px !important;
} .MODcvNEWS .pt-cv-thumbnail.pull-left {
width: 150px;
margin-top: 26px !important;
margin-bottom: 0px !important;
}
.MODcvNEWS .pt-cv-ifield {
display: flow-root;
} .MODcvDOWN {}
.MODcvDOWN h2 {
font-size: 32px;
line-height: 35px;
margin-bottom: 20px;
}
.MODcvDOWN .pt-cv-view .pt-cv-readmore {
background: #EC7110 !important;
padding: 5px 15px 5px 15px !important;
border-radius: 300px !important;
color: #fff !important;
transition: all 0.3s ease-in-out 0s !important;
border: 0px !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 20px !important;
text-align: center !important;
}
.MODcvDOWN .pt-cv-view .pt-cv-readmore:hover {
color: #fff !important;
background: #E1551E !important;
}
.MODcvDOWN .pt-cv-view .pt-cv-title a {
color: #000;
font-size: 18px;
line-height: 21px;
border: 0px !important;
display: -webkit-inline-box;
font-weight: 600;
height: 65px;
overflow: hidden;
}
.MODcvDOWN .pt-cv-meta-fields {
margin-bottom: 0px !important;
}
.MODcvDOWN .pt-cv-wrapper [class*="pt-cv-"] a {
border: 0px !important;
}
.MODcvDOWN .pt-cv-view .pt-cv-title {
margin-bottom: 0px !important;
hyphens: none;
}
.MODcvDOWN .pt-cv-ifield > *, .pt-cv-view .pt-cv-content-item > * {
margin-bottom: 0px !important;
}
.MODcvDOWN .pt-cv-ifield {
padding: 35px 20px 20px 20px !important;
position: relative;
border: 3px solid #136191;
border-radius: 10px;
margin-bottom: 20px !important;
min-height: 345px;
}
.MODcvDOWN .pt-cv-meta-fields {
position: absolute;
top: 0px;
left: 0px;
background: #136191;
padding: 0px 10px 0px 10px;
color: #fff;
width: 100%;
text-align: center;
height: 23px;
overflow: hidden;
}
.MODcvDOWN .terms a {
pointer-events: none !important;
color: unset;
border: 0px !important;
}
.MODcvDOWN .terms a {
pointer-events: none !important;
color: unset;
border: 0px !important;
} .MODcvDOWN .pt-cv-thumbnail {
margin-bottom: 3px !important;
}
.MODcvDOWN .pt-cv-ifield {
display: flow-root;
max-width: 317px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.MODcvDOWN .pt-cv-wrapper img {
max-width: 290px !important;
width: 100%;
} .MODcvDOWNcover {}
.MODcvDOWNcover .pt-cv-view .pt-cv-title {
position: absolute;
top: 85px;
background: #ffffffd9;
text-align: center;
left: 0;
width: 100%;
padding: 0px 10px 0px 10px;
overflow: hidden; background: linear-gradient(to right, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 17%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 67%,rgba(255,255,255,0.85) 82%,rgba(255,255,255,0.85) 100%); }
.MODcvDOWNcover .pt-cv-ifield {
min-height: unset;
}
.MODcvDOWNcover .pt-cv-rmwrap {
text-align: center;
} .Tumbruch {}
.MODcvDOWNcover .Tumbruch {
white-space: nowrap;
width: 100%;
display: inline-grid;
}.HEADER {
padding: 120px 0px 35px 0px;
margin-top: 10px;
margin-bottom: 70px;
position: relative;
background: #eeeeee;
}
.HEADERabstand {
padding: 30px 0px 30px 0px;
}
.HEADER img {
height: auto;
width: 200px;
display: block;
margin: 0px auto 0px auto;
}
.HEADER h1, .HEADER h2, .HEADER h3 {
font-size: 32px;
line-height: 35px;
color: #000;
border-bottom: 3px solid #EC7110;
margin-bottom: 10px;
padding-bottom: 10px;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.HEADERhKLEIN {
font-size: 23px;
line-height: 28px;
font-weight: 500;
display: grid;
}
.HEADER p {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.HEADER .CTAnormal, .HEADER .CTAnormal:visited {
display: block;
margin: 0px auto 0px auto;
max-width: 450px;
margin-left: auto;
margin-right: auto;
} .HEADERsub {
padding: 30px 0px 30px 0px;
margin-top: -75px;
margin-bottom: 70px;
position: relative;
background: #EC7110;
color:#fff;
}
.HEADERsubABSTAND {
padding: 30px 0px 30px 0px;
}
.HEADERsub img {
height: auto;
width: 310px;
display: block;
margin: 0px auto 0px auto;
}
.HEADERsub h1, .HEADERsub h2, .HEADERsub h3 {
font-size: 32px;
line-height: 35px;
color: #fff;
border-bottom: 3px solid #fff;
margin-bottom: 10px;
padding-bottom: 10px;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.HEADERsubHklein {
font-size: 23px;
line-height: 28px;
font-weight: 500;
display: grid;
}
.HEADERsub p {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.HEADERsub .CTAnormal, .HEADERsub .CTAnormal:visited {
background: #fff;
color: #0E4B83;
display: block;
margin: 0px auto 0px auto;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.HEADERsub .CTAnormal:hover, .HEADERsub .CTAnormal:focus, .HEADERsub .CTAnormal:active {
background: #0E4B83;
color: #fff;
} .BLOGtext {} .BLOGtext h1 {
font-size: 33px;
margin-bottom: 20px;
line-height: 40px;
border-bottom: 3px solid #EC7110;
padding-bottom: 10px;
}
.BLOGtext h2 {
font-size: 28px;
line-height: 35px;
}
.BLOGtext h3 {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
border-bottom: 3px solid #EC7110;
padding-bottom: 10px;
padding-top: 20px;
}
.BLOGtext h4 {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
}
.BLOGtext h6 {
font-size: 20px;
line-height: 25px;
font-weight: 700;
margin-top: 20px;
}
.BLOGtextHEADLINEsubline {
font-size: 23px;
line-height: 28px;
font-weight: 500;
display: -webkit-box;
}
.BLOGtext .textwidget ul li::marker {
font-family: "fontelloicon";
content: '';
}
.BLOGtext em {
font-style: unset;
color: #000;
}
.BLOGtext img {
border: 1px solid #ddd;
margin-top: 7px;
} .BLOGquelle {
background: #eee;
padding: 20px 30px 30px 30px;
}
.BLOGquelle h6 {
font-size: 25px;
line-height: 30px;
margin-bottom: 15px;
border-bottom: 3px solid #bbb;
padding-bottom: 10px;
padding-top: 0px;
margin-top: 0px;
color:#000;
}
.BLOGquelleSUBLINE {
font-size: 20px;
line-height: 25px;
font-weight: 500;
display: -webkit-box;
}
.BLOGquelleCTA, .BLOGquelleCTA:active, .BLOGquelleCTA:focus {
padding: 5px 10px;
background: #aaa;
color: #fff;
font-size: 16px;
line-height: 16px;
font-weight: 600;
border-radius: 7px;
transition: all 0.3s ease-in-out 0s;
text-decoration: none;
display: inline-block;
text-align: center;
border: 0px !important;
z-index: 11;
position: relative;
min-width: 110px;
margin-right: 5px;
}
.BLOGquelleCTA:hover {
background: #EC7110;
color: #fff;
border: 0px !important;
}
.BLOGquelleCTAkleinTXT {
font-size: 12px;
font-weight: 400;
display: inline-flex;
line-height: 17px;
hyphens: none;
}
@media (max-width: 650px) {
.BLOGquelleCTA, .BLOGquelleCTA:active, .BLOGquelleCTA:focus {
margin-right: 0px;
width: 100%;
margin-bottom: 8px;
}
} .SOURCEboxPOST {
background: #E8E8E8;
overflow: hidden;
}
.SOURCEboxPOST h6 {
text-align: left;
font-size: 25px;
line-height: 30px;
color: #000;
font-weight: 700;
padding: 10px 15px 5px 15px;
margin: 0px;
}
.SOURCEboxPOST p {
padding: 7px 15px 7px 15px;
border-radius: 0px;
margin-bottom: 0px;
font-size: 18px;
line-height: 23px; background: #f2f2f2; background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 100%); background: linear-gradient(to right, #f2f2f2 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); }
.SOURCEboxPOST b, .SOURCEboxPOST strong {
font-weight: 600;
}
.SOURCEboxPOST p:nth-child(2n+1) {
background: #E8E8E8;
}
.SOURCEboxPOST a {
border: 0px !important;
display: -webkit-box;
transition: all 0.2s ease-in-out 0s;
position: relative;
padding-right: 70px;
padding-left: 25px;
}
.SOURCEboxPOST a:after {
content: "öffnen";
padding: 1px 7px 1px 7px;
border-radius: 300px;
color: #8a8a8a;
transition: all 0.3s ease-in-out 0s;
border: 2px solid #aaa;
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-top: -1px;
margin-left: 10px;
margin-bottom: 3px;
text-align: center;
position: absolute;
right: -5px;
top: -1px;
}
.SOURCEboxPOST a:hover:after {
color: #fff;
background: #EC7110;
border: 2px solid #EC7110;
}
.SOURCEboxPOSTiconVIDEO {}
.SOURCEboxPOSTiconVIDEO:before {
font-family: "fontello";
font-size: 19px !important;
font-weight: 300 !important;
margin-right: 7px;
content: "";
color: #8a8a8a;
transition: all 0.1s ease-in-out 0s;
position: absolute;
left: 0px;
top: 0px;
}
.SOURCEboxPOSTiconVIDEO:hover:before {
color: #EC7110;
}
.SOURCEboxPOSTiconARTIKEL {}
.SOURCEboxPOSTiconARTIKEL:before {
font-family: "fontello";
font-size: 19px !important;
font-weight: 300 !important;
margin-right: 7px;
content: "";
color: #8a8a8a;
transition: all 0.1s ease-in-out 0s;
position: absolute;
left: 0px;
top: 0px;
}
.SOURCEboxPOSTiconARTIKEL:hover:before {
color: #EC7110;
} .BLOGinfo {
border: 3px solid #ddd;
border-radius: 0px 40px 0px 40px;
padding: 30px 40px 30px 40px;	
} .IverzeichnisDEZENT {
width: 100%;
}
.IverzeichnisDEZENT p, .IverzeichnisDEZENT a {
}
.IverzeichnisDEZENTlink {
counter-increment: mycounter 1;
color: #555;
transition: all 0.3s ease-in-out 0s;
font-size: 18px;
line-height: 22px;
display: inline-flex;
margin-bottom: 3px;
width: 100%;
padding: 10px 125px 10px 46px;
border-bottom: 2px dotted #ccc !important;
}
.IverzeichnisDEZENTlink:hover, .IverzeichnisDEZENTlink:active {
color: #000;
border-bottom: 2px dotted #ccc;
}
.IverzeichnisDEZENTlink:before {
color: #fff !important;
font-size: 20px !important;
font-weight: 600 !important;
vertical-align: middle;
margin-right: 15px;
content: counter(mycounter);
background: #136191;
border-radius: 300px;
width: 35px;
height: 35px;
display: inline-flex;
padding: 0px 0px 0px 12px;
line-height: 35px;
margin-top: -9px;
transition: all 0.3s ease-in-out 0s;
position: absolute;
left: 0;
}
.IverzeichnisDEZENTlink:hover:before {
color: #fff !important;
background: #EC7110;
transition: all 0.3s ease-in-out 0s;
}
.IverzeichnisDEZENTlink a {
color: #555;
transition: all 0.3s ease-in-out 0s;
}
.IverzeichnisDEZENTlinkABzehn {}
.IverzeichnisDEZENTlinkABzehn:before {
padding: 0px 0px 0px 6px !important;
}
.IverzeichnisDEZENTlink:after {
content: "Kapitel lesen";
background: #fff;
padding: 2px 7px 2px 7px;
border-radius: 300px;
color: #bbb;
transition: all 0.3s ease-in-out 0s;
border: 2px solid #ddd;
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-top: -4px;
margin-left: 10px;
margin-bottom: 3px;
text-align: center;
position: absolute;
right: 0;
}
.IverzeichnisDEZENTlink:hover:after {
color: #fff;
background: #EC7110;
border: 2px solid #EC7110;
}
.IverzeichnisBESTELLEN {
padding: 10px 100px 10px 46px !important;
}
.IverzeichnisBESTELLEN:after {
content: "bestellen" !important;
min-width: 90px;
}
.IverzeichnisDOWNLOAD {
padding: 10px 100px 10px 46px !important;
}
.IverzeichnisDOWNLOAD:after {
content: "Download" !important;
min-width: 90px;
}
.IverzeichnisLESEN {
padding: 10px 100px 10px 46px !important;
}
.IverzeichnisLESEN:after {
content: "lesen" !important;
min-width: 90px;
}
.IverzeichnisANGEBOT {
padding: 10px 100px 10px 46px !important;
hyphens: none;
}
.IverzeichnisANGEBOT:after {
content: "anfordern" !important;
min-width: 90px;
}
.IverzeichnisFOKUS {
padding: 10px 100px 10px 46px !important;
}
.IverzeichnisFOKUS::before {
background: #000;
}
.IverzeichnisDEZENTlinkABzehn:before {
padding: 0px 0px 0px 6px !important;
} .ANLEITUNGpunkt {
padding: 27px;
border-radius: 300px;
margin-top: 7px;
width: 105px;
height: 105px;
text-align: center;
overflow: hidden;
margin-right: 15px;
background: #2f86c3;
position: absolute;
color: #fff;
font-weight: 700;
font-size: 50px;
line-height: 45px;
}
.ANLEITUNGpunktlICON {
color: #fff !important;
font-family: "fontelloicon";
font-size: 50px;
line-height: 47px;
font-weight: 300 !important;
}
.ANLEITUNGtxtfeld {}
.ANLEITUNGtxtfeld h4 {
font-size: 24px;
line-height: 27px;
margin-left: 130px;
margin-bottom:0px;
}
.ANLEITUNGtxtfeld p {
margin-left: 130px;
margin-bottom: 0px;
min-height: 80px;
}
.ANLEITUNGtxtfeld ul {
margin-left: 130px;
}
@media (max-width: 450px) {
.ANLEITUNGpunkt {
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 15px;
}
.ANLEITUNGtxtfeld p {
min-height: 0px;
margin-left: 0px;
}
.ANLEITUNGtxtfeld ul {
margin-left: 0px;
}	
.ANLEITUNGtxtfeld h4 {
margin-left: 0px;
}
.ANLEITUNGtxtfeld img {
padding-left: 0px;
}
} .ANLEITUNGpunktKLEIN {
padding: 5px;
border-radius: 300px;
margin-top: 0px;
width: 60px;
height: 60px;
text-align: center;
overflow: hidden;
margin-right: 15px;
background: #2f86c3;
position: absolute;
color: #fff;
font-weight: 700;
font-size: 35px;
line-height: 47px;
}
.ANLEITUNGpunktlKLEINicon {
color: #fff !important;
font-family: "fontelloicon";
font-size: 35px;
line-height: 47px;
font-weight: 300 !important;
}
.ANLEITUNGtxtfeldKLEIN {}
.ANLEITUNGtxtfeldKLEIN h4 {
font-size: 24px;
line-height: 27px;
margin-left: 80px;
margin-bottom:0px;
padding-top: 4px;
}
.ANLEITUNGtxtfeldKLEIN p {
margin-left: 80px;
margin-bottom: 0px;
}
.ANLEITUNGtxtfeldKLEIN .CTAnormal, .ANLEITUNGtxtfeldKLEIN .CTAnormal:visited {
padding: 6px 13px !important;
margin-top: 7px !important;
font-size: 18px !important;
}
.ANLEITUNGtxtfeldKLEIN .CTAnormalICON {
font-size: 18px !important;
margin-right: 4px !important;
} .BLOGausstieg {
padding: 30px 40px 30px 40px;
background: #136191;
margin-top: 40px;
color: #fff;
border-radius: 10px;
}
.BLOGausstieg h4 {
color: #fff;
margin-bottom: 10px;
border-bottom: 3px solid #FFF;
padding-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.BLOGausstieg .CTAnormal, .BLOGausstieg .CTAnormal:visited {
background: #fff;
color: #18679D;
}
.BLOGausstieg .CTAnormal:hover, .BLOGausstieg .CTAnormal:focus, .BLOGausstieg .CTAnormal:active {
background: #EC7110;
color: #fff;
} .CODEfeld {
background:#eee;
padding:30px 40px 30px 40px;
}
.CODEfeld h5 {
font-size: 24px;
line-height: 30px;
margin-bottom: 5px;
font-weight: 700;
margin-left: 0px;
}
.CODEfeld em {
font-style: unset;
color: #000;
border-bottom: 2px solid #000;
}
.ANLEITUNGtxtfeldKLEIN .CODEfeld {
margin-left: 80px;
margin-top: 7px;
}
.ANLEITUNGtxtfeld .CODEfeld {
margin-left: 130px;
margin-top: 7px;
} .PRODUKTinfo {}
.PRODUKTinfo h1 {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
border-bottom: 3px solid #EC7110;
padding-bottom: 10px;
padding-top: 20px;
}
.PRODUKTinfoHklein {
font-size: 23px;
line-height: 28px;
font-weight: 500;
display: -webkit-box;
}
.PRODUKTinfo h2 {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
} .PRODUKTfeld {
border: 3px solid #ddd;
padding: 30px 40px 30px 40px;
border-radius: 10px;
position: relative;
}
.PRODUKTfeldTIPP {
border: 3px solid #136191 !important;
}
.PRODUKTfeldTIPP:before {
font-family: "fontelloicon";
content: '';
color: #fff;
font-size: 18px;
position: absolute;
left: 0;
top: 0;
background: #136191;
padding: 5px 10px;
border-radius: 5px 0px 10px 0px;
}
.PRODUKTfeld img {
max-height: 230px;
}
.PRODUKTfeld h3 {
font-size: 26px;
line-height: 33px;
margin-bottom: 15px;
border-bottom: 3px solid #EC7110;
padding-bottom: 10px;
}
.PRODUKTfeldHklein {
font-size: 20px;
line-height: 25px;
font-weight: 500;
display: -webkit-box;
}
.imageHEADLINEsymbol {
font-family: "fontelloicon";
font-weight: 300 !important;
content: '';
color: #EC7110;
font-size: 53px;
position: absolute;
left: 40px;
top: 18px;
}
.imageHEADLINEtext {
padding-left: 65px;
} .PRODUKTliOHNEsymbol {}
.PRODUKTliOHNEsymbol ul li::marker {
content: unset !important;
color: unset !important;
}
.PRODUKTliOHNEsymbol ul li {
margin: 0px 20px 5px 0px;
padding: 0px 0px 0px 0px;
}
.PRODUKTliOHNEsymbol ul, .PRODUKTliOHNEsymbol ol {
margin-bottom: 0px;
}
.PRODUKTliOHNEsymbol .CTAfeldDOPPEL {
padding-top: 10px;
} .PRODUKTfeldTEXTzweiTeilung {
float: left;
width: 50%;
hyphens: none;
}
@media (max-width: 1300px) {
.PRODUKTfeldTEXTzweiTeilung {
width: 100%;
}
}
@media (max-width: 1000px) {
.PRODUKTfeldTEXTzweiTeilung {
width: 50%;
}
}
@media (max-width: 650px) {
.PRODUKTfeldTEXTzweiTeilung {
width: 100%;
}
} .CTAfeldDOPPEL {
display: flex;
width: 100%;
}
.CTAfeldDOPPELctaKLEINER {
width: 50% !important;
}
.CTAfeldDOPPELuntenLINK {
text-align: center;
margin-top: 5px;
margin-bottom: -5px;
}
.CTAfeldDOPPELuntenLINK a {
color: #aaa;
border-bottom: 2px dotted #ccc;
transition: all 0.3s ease-in-out 0s;
}
.CTAfeldDOPPELuntenLINK a:hover {
color: #555;
border-bottom: 2px dotted #555;
}
.CTAfeldDOPPEL .CTAnormal {
width: 100%;
margin-right: 10px;
margin-bottom: 0px;
}
.CTAfeldDOPPEL .CTAnormalDEZENT {
width: 100%;
}
@media (max-width: 1300px) {
.CTAfeldDOPPEL {
display: unset;
}
.CTAfeldDOPPELctaKLEINER {
width: 100% !important;
}
.CTAfeldDOPPEL .CTAnormal {
width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.CTAfeldDOPPEL .CTAnormalDEZENT {
width: 100%;
}
}
@media (max-width: 1000px) {
.CTAfeldDOPPEL {
display: flex;
}
.CTAfeldDOPPELctaKLEINER {
width: 65% !important;
}
.CTAfeldDOPPEL .CTAnormal {
width: 100%;
margin-right: 10px;
margin-bottom: 0px;
}
.CTAfeldDOPPEL .CTAnormalDEZENT {
width: 100%;
}
}
@media (max-width: 680px) {
.CTAfeldDOPPEL {
display: unset;
}
.CTAfeldDOPPELctaKLEINER {
width: 100% !important;
}
.CTAfeldDOPPEL .CTAnormal {
width: 100%;
margin-right: 0px;
margin-bottom: 10px;
}
.CTAfeldDOPPEL .CTAnormalDEZENT {
width: 100%;
}
} .abspielLISTE {
max-width: 500px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.abspielLISTE p {
border-bottom: 2px dotted #ccc;
margin: 0;
padding: 8px 80px 10px 140px;
line-height: 24px;
font-size: 18px;
display: grid;
}
.abspielLISTE p:last-child {
border-bottom: 0px;
}
.abspielLISTEnurEINEspalte {}
.abspielLISTEnurEINEspalte p {
padding: 8px 80px 10px 30px !important;
}
.abspielLISTE h2 {
margin-bottom: 15px;
}
.abspielLISTE h6 {
font-size: 30px;
line-height: 33px;
color: #000000;
margin-bottom: 15px;
font-weight: 700;
margin-top: 50px;
}
.abspielLISTE b, .abspielLISTE strong {
width: 120px;
padding-right: 15px;
position: absolute;
left: 30px;
}
.abspielLISTE a, .abspielLISTE a:focus, .abspielLISTE a:active {
border-bottom: 0px !important;
display: inline-flex;
}
.abspielLISTE a:hover {
border-bottom: 0px !important;
}
.abspielLISTE a:after {
content: "öffnen";
background: #fff;
padding: 2px 10px 2px 10px;
border-radius: 300px;
color: #bbb;
transition: all 0.3s ease-in-out 0s;
border: 2px solid #ddd;
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 3px;
text-align: center;
position: absolute;
right: 0;
}
.abspielLISTE a:hover:after {
color: #fff;
background: #EC7110;
border: 2px solid #EC7110;
}
.abspielLISTEicon {
font-family: "fontelloicon";
font-size: 21px !important;
font-weight: 300 !important;
margin-right: 5px;
width: 25px;
position: absolute;
left: 0;
} .pLISTE {
margin-top: -15px;
}
.pLISTE p {
padding: 5px 10px 5px 10px;
margin: 0; background: #f2f2f2; background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 100%); background: linear-gradient(to right, #f2f2f2 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); }
.pLISTE p:nth-child(2n+1) { background: #e1e1e1; background: -moz-linear-gradient(left, #e1e1e1 0%, #eeeeee 100%); background: -webkit-linear-gradient(left, #e1e1e1 0%,#eeeeee 100%); background: linear-gradient(to right, #e1e1e1 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#eeeeee',GradientType=1 ); } .AUDIOdownloadHEADER {
margin-top: 110px;
}
.AUDIOdownloadHEADER h1 {
font-size: 33px;
line-height: 36px;
color: #000000;
border-left: 0px;
padding-left: 0px;
margin-bottom: 15px;
margin-top: 0px;
font-weight: 700;
border-bottom: 3px solid #EC7110;
margin: 0px 0px 30px 0px;
padding: 0px 0px 10px 0px;
}
.AUDIOdownloadHEADERklein {
font-size: 26px;
line-height: 32px;
display: -webkit-inline-box;
hyphens: auto;
font-weight: 400;
}
.AUDIOdownloadHEADERdownload {
margin-top: -25px;
margin-bottom: -20px;
}
.AUDIOdownloadHEADERdownload .CTAnormal {
margin-bottom: 10px;
} .AUDIOdownloadINHALTSVERZEICHNIS {
margin-top: 50px;
}
.AUDIOdownloadINHALTSVERZEICHNIS h2 {
font-size: 33px;
line-height: 36px;
color: #000000;
border-left: 0px;
padding-left: 0px;
margin-bottom: 15px;
margin-top: 0px;
font-weight: 700;
border-bottom: 3px solid #EC7110;
margin: 0px 0px 30px 0px;
padding: 0px 0px 10px 0px;
}
.AUDIOdownloadINHALTSVERZEICHNISheadlineklein {
font-size: 26px;
line-height: 32px;
display: -webkit-inline-box;
hyphens: auto;
font-weight: 400;
}
.AUDIOdownloadINHALTSVERZEICHNIS p {
border-bottom: 2px dotted #ccc;
padding: 12px 0px 12px 0px;
margin: 0;
}
.AUDIOdownloadINHALTSVERZEICHNIS p:last-child {
border-bottom: 0px;
} .TICKERkalender {
margin-top: 30px;
}
.TICKERkalender p {
background: #fff;
padding: 15px 20px 20px 20px;
border-radius: 10px;
}
.TICKERkalender b, .TICKERkalender strong {
font-size: 20px !important;
line-height: 20px !important;
}
.TICKERkalender p:nth-child(2n+1) {
background: #eee;
}
.TICKERkalender a {
border: 0px !important;
display: -webkit-box;
}
.TICKERkalender a:after {
content: "Mehr Infos";
margin-left: 5px;
background: #fff0 !important;
padding: 2px 5px 2px 5px !important;
border-radius: 30px !important;
color: #999 !important;
transition: all 0.3s ease-in-out 0s !important;
border: 2px solid #ccc !important;
font-weight: 600 !important;
display: inline-flex !important;
font-size: 14px;
line-height: 14px;
}
.TICKERkalender a:hover:after {
color: #fff !important;
background: #EC7110 !important;
border: 2px solid #EC7110 !important;
}
.TICKERiconDATUM {}
.TICKERiconDATUM:before {
font-family: "fontelloicon";
font-size: 20px !important;
font-weight: 300 !important;
margin-right: 5px;
content: "";
}
.TICKERicon {
font-family: "fontelloicon";
margin-right: 3px;
} .BEITRAGheader {
padding-top: 90px;
background: #fff;
padding-bottom: 40px;
}
@media (max-width: 1540px) {
.BEITRAGheader {
padding-top: 140px;
}
}
.BEITRAGheader h1 {
font-size: 33px;
line-height: 36px;
color: #000;
border-left: 0px;
padding-left: 0px;
margin-bottom: 15px;
margin-top: 0px;
font-weight: 700;
border-bottom: 3px solid #EC7110;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
}
.BEITRAGheaderKLEIN {
font-size: 26px;
line-height: 32px;
display: -webkit-inline-box;
hyphens: auto;
font-weight: 400;
}
.BEITRAGheader p {
color: #555;
} .KAPITELfeld {
padding: 30px 30px;
border-radius: 10px;
margin-top: 15px;
text-align: center;
margin-right: 40px;
position: relative;
min-height: 120px; 
background: #136191;
}
@media (max-width: 1000px) {
.KAPITELfeld  {
margin-right: auto;
margin-left: auto;
max-width: 420px;
margin-bottom: 0px; 
}
}
.KAPITELfeld:after, .KAPITELfeld:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
@media (max-width: 1000px) {
.KAPITELfeld:after, .KAPITELfeld:before {
top: 100%;
left: 50%;
}
}
.KAPITELfeld:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #136191;
border-width: 27px;
margin-top: -27px;
}
@media (max-width: 1000px) {
.KAPITELfeld:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #136191;
border-width: 30px;
margin-left: -30px;
margin-top: 0px;
}
}
.KAPITELfeld, .KAPITELfeld h6 {
-webkit-align-items: center;
align-items: center;
display: grid !important;
display: -webkit-box;
-webkit-box-align: center;
}
.KAPITELfeld h6 {
font-size: 25px;
margin: 0px;
color: #fff;
hyphens: none;
line-height: 30px;
}
.KAPITELfeld p {
text-align: center;
color: #fff;
font-size: 20px !important;
margin: 0px 0px 3px 0px;
line-height: 24px;
font-weight: 400;
hyphens: none;
} .BEITRAGbittebeachten {
background: #FFF347;
padding: 10px 20px 10px 20px;
margin-top: -15px;
}
.BEITRAGbittebeachten p {
margin: 0px;
color: #000;
}
.BEITRAGbittebeachtenICON {
font-family: "fontelloicon";
color: #000;
font-weight: 300 !important;
line-height: 0px;
margin-bottom: 10px !important;
} .BEITRAGverzeichnis {
width: 100%;
}
.BEITRAGverzeichnis p, .BEITRAGverzeichnis a {
}
.BEITRAGverzeichnisLINK {
counter-increment: mycounter 1;
color: #555;
transition: all 0.3s ease-in-out 0s;
font-size: 18px;
line-height: 22px;
display: inline-flex;
margin-bottom: 3px;
width: 100%;
padding: 10px 125px 10px 46px;
border-bottom: 2px dotted #ccc !important;
}
.BEITRAGverzeichnisLINK:hover, .BEITRAGverzeichnisLINK:active, .BEITRAGverzeichnisLINK:focus {
color: #000;
border-bottom: 2px dotted #aaa;
}
.BEITRAGverzeichnisLINK:before {
color: #fff !important;
font-size: 20px !important;
font-weight: 600 !important;
vertical-align: middle;
margin-right: 15px;
content: counter(mycounter);
background: #136191;
border-radius: 300px;
width: 35px;
height: 35px;
display: inline-flex;
padding: 0px 0px 0px 12px;
line-height: 35px;
margin-top: -9px;
transition: all 0.3s ease-in-out 0s;
position: absolute;
left: 0;
}
.BEITRAGverzeichnisLINK:hover:before {
color: #fff !important;
background: #EC7110;
transition: all 0.3s ease-in-out 0s;
}
.BEITRAGverzeichnisLINK a {
color: #fff;
transition: all 0.3s ease-in-out 0s;
}
.BEITRAGverzeichnisLINK:after {
content: "Kapitel lesen";
padding: 2px 7px 2px 7px;
border-radius: 300px;
color: #bbb;
transition: all 0.3s ease-in-out 0s;
border: 2px solid #ddd;
font-weight: 600;
font-size: 15px;
line-height: 20px;
margin-top: -4px;
margin-left: 10px;
margin-bottom: 3px;
text-align: center;
position: absolute;
right: 0;
}
.BEITRAGverzeichnisLINK:hover:after {
color: #fff;
background: #EC7110;
border: 2px solid #EC7110;
}
.BEITRAGverzeichnisLINKabZEHN {}
.BEITRAGverzeichnisLINKabZEHN:before {
padding: 0px 0px 0px 6px !important;
}
.BEITRAGverzeichnisLINKabZEHN:before {
padding: 0px 0px 0px 6px !important;
}
.BEITRAGverzeichnisLINKfokus {}
.BEITRAGverzeichnisLINKfokus::before {
background: #FFF347;
color: #000 !important;
} .PFEILrunterBLAU {
position: relative;
padding: 30px 30px 30px 30px;
border-radius: 10px;
margin-bottom: 20px;
background: #136191;
color: #fff;
}
.PFEILrunterBLAU:after, .PFEILrunterBLAU:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.PFEILrunterBLAU:after {
border-color: rgba(238, 238, 238, 0);
border-top-color: #136191;
border-width: 30px;
margin-left: -30px;
}
.PFEILrunterBLAU:before {
border-color: rgba(221, 221, 221, 0);
border-width: 31px;
margin-left: -31px;
}
.PFEILrunterBLAU h3 {
color: #fff;
font-size: 25px;
line-height: 28px;
font-weight: 700;
margin-bottom: 5px;
border-bottom: 3px solid #FFF;
padding-bottom: 10px;
}
.PFEILrunterBLAUheadlineKLEIN {
font-size: 21px;
line-height: 26px;
font-weight: 500;
display: -webkit-box;
}