CSS Custom




/* 
------------
Fonts
------------
*/

/* Fonts */


h1 {
    font-size: 64px;
    line-height: 74px;
    font-weight: 800;
}

h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
}
h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 800;
}
h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 800;
}
h5 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}
h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
h7 {
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
}
p {
    font-size: 16px;
    line-height: 24px;
    font-weight: ;
}
body {
    font-size: 16px;
    line-height: 24px;
    font-weight: ;
}
b,
 strong {
    font-weight: 800 !important;
}

a {
    color: #023164;
    font-weight: 600;
}

a:hover {
    color: #023164;
    font-weight: 600;
}

p a:link {
        color: #023164;
        }

p a:visited {
        color: #023164;
        }

.infobottom {

a {
    color: #757575 !important;
    font-weight: 400;
    font-size: 10px;
}


a:hover {
    color: #757575 !important;
    font-weight: 400;
}

p a:link {
    color: #757575 !important;
}

p a:visited {
    color: #757575 !important;
}

ul {
padding: 0;
margin: 0 auto;
text-align: center;
width: max-content;
max-width: 100%;
list-style-type: none;
line-height: 13px;
}

ul li {
text-align: left;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
list-style-type: none;
padding: 0px 0px 10px 0px;
}

.sppb-row-column {
padding-right: 10px;
padding-left: 10px;
}

}

#sp-footer ul.menu li a {
font-weight: 400;
font-size: 12px;
}

.sp-copyright {
font-size: 10px;
color: #757575;
}

.convertforms a:link {
        color: #023164;
        font-weight: 400;
        }

.convertforms a:visited {
        color: #023164;
        }

@media (min-width:1200px) {

h1 {
    font-size: 64px;
    line-height: 74px;
    font-weight: 800;
}

h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
}
h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 800;
}
h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 800;
}
h5 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}
h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
h7 {
    font-size: 12px;
    line-height: 10px;
    font-weight: 600;
}
p {
    font-size: 16px;
    line-height: 24px;
    font-weight: ;
}
body {
    font-size: 16px;
    line-height: 24px;
    font-weight: ;
}

}


.entry-header h2 {
    font-size: 32px !important;
    line-height: 1;
    margin: 8px 0 0;
}

.article-details .article-header h1, .article-details .article-header h2 {
font-size: 45px;
line-height: 58px;
font-weight: 700;
}

.titlecenter .article-details .article-header h1, .article-details .article-header h2 {
text-align: center
}



.sppb-addon-overlay-image-content {
    padding: 0px;
}

.title-subtitle-bottom-center .sppb-addon-title {
    transform:translate3d(0, 0px, 0)
}

.overlay-background-style::after {
opacity: 1;
}



.logo-image {
margin: 0px 0px 0px 30px;
}


.logo-image-phone {
margin: 0px 0px 0px 30px;
}





.offcanvas-menu .logo-image-phone {
margin: -9px 0px 0px 10px;
width: 200px;
height: auto;
}






.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
color: #fffff;
}


.sp-megamenu-parent {
padding: 0;
margin: 0px 30px 0px 0px;
text-transform: uppercase;
}


.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
font-size: 12px;
}

@media (max-width:1400px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
padding: 0 10px;
}
}




@media (max-width:1300px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
font-size: 10px;
}
}



@media (max-width:1200px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
padding: 0 7px;
font-size: 9px;
}
}

#sp-header {
border-bottom: solid 1px #fff;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weightoff: unset;
}




.close-offcanvas {
z-index: 99;
}


#sp-main-body {
padding: 0px 0px 0px 0px;
}

.titlecenter .article-details .article-full-image img {
    width: 600px;
}


.article-details .article-ratings-social-share {
padding: 0px 0px 0px 0px;
border-top: 0px solid #f5f5f5;
border-bottom: 0px solid #f5f5f5;
margin-bottom: 0px;
max-height: 0px;
}


.article-details .article-can-edit {
margin-bottom: 0px;
}

#sp-footer {
text-align: center;
}


/* Font Types */


.text-block-centered .sppb-addon-text-block {
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}

h1, h2, h3, h4, h5, h6, p, body {
    font-family: 'montserrat' !important;
}

/* 900 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-black.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-blackitalic.ttf') format('truetype');
}


/* 800 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-extrabold.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-extrabolditalic.ttf') format('truetype');
}


/* 700 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-bolditalic.ttf') format('truetype');
}


/* 600 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-semibolditalic.ttf') format('truetype');
}


/* 500 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-mediumitalic.ttf') format('truetype');
}


/* 400 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-italic.ttf') format('truetype');
}


/* 300 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 1 300 0;
  src: url('../fonts/montserrat-light.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-lightitalic.ttf') format('truetype');
}


/* 200 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-extralight.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-extralightitalic.ttf') format('truetype');
}


/* 100 */

@font-face {
  font-family: 'montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-thin.ttf') format('truetype');
}

@font-face {
  font-family: 'montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-thinitalic.ttf') format('truetype');
}




.width900 {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}



@media only screen and (max-width: 1200px) {

}



}

@media only screen and (max-width: 992px) {
p {
    font-size: 15px;
}
body {
    font-size: 15px;
}
}

@media only screen and (max-width: 768px) {
h1 {
    font-size: 36px;
    line-height: 48px;
}
h2 {
    font-size: 36px;
    line-height: 46px;
}
h3 {
    font-size: 24px;
    line-height: 36px;
}
h4 {
    font-size: 21px;
    line-height: 34px;
}
h5 {
    font-size: 18px;
    line-height: 24px;
}
h6 {
    font-size: 16px;
    line-height: 20px;
}
h7 {
    font-size: 12px;
    line-height: 10px;
}
p {
    font-size: 15px;
    line-height: 24px;
}
body {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400 !important;
}

.entry-header h2 {
    font-size: 24px !important;
    line-height: 1;
    margin: 8px 0 0;
}

.h3-subtitles {
h3 {
    font-size: 24px;
    line-height: 28px;
}
}


.article-details .article-header h1, .article-details .article-header h2 {
font-size: 24px;
line-height: 36px;
}

.view-article #sp-main-body .container .article-info, .view-article #sp-main-body .container .article-header .view-article #sp-main-body .container .article-ratings-social-share, .view-article #sp-main-body .container .article-print-email, .view-article #sp-main-body .container ul.pager, .view-article #sp-main-body .container hr .view-article #sp-main-body .container div[itemprop="articleBody"] {
  max-width: 540px;
}

.view-article #sp-main-body .container .article-info, .view-article #sp-main-body .container .article-header {
  max-width: 540px;
}

.view-article #sp-main-body .container .article-ratings-social-share, .view-article #sp-main-body .container .article-print-email, .view-article #sp-main-body .container ul.pager, .view-article #sp-main-body .container hr {
  max-width: 540px;
}

.view-article #sp-main-body .container div[itemprop="articleBody"] {
  max-width: 540px;
}

.shariff .orientation-horizontal {
  max-width: 540px;
}

.column-margin .sppb-row-column {
margin: 0px 30px 30px 30px;
} 

}






#offcanvas-toggler >i {
  color: #023164 !important;
}

#offcanvas-toggler >i:hover {
  color: #969696;
}

#offcanvas-toggler {
    font-size: 25px;
    line-height: 60px;
    padding: 10px 0px 0 0;
    margin: 0px 30px 0px 0px;
}

.offcanvas-menu .offcanvas-inner {
    padding: 50px 0;
}

.offcanvas-menu {
    height: 100%;
    opacity: 1;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 99999;
    color: #ffffff;
    background-color: #023164;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 20px 10px 30px;
    text-transform: none;
    transition: all 300ms ease 0s;
}

/* Title */


#sp-title {
    min-height: auto;
}


#sp-title .container {
    width: auto;
    max-width: 100%;
    }

.sp-page-title {
    background: #023164;
    height: 50px;
    padding: 15px 15px 15px 20px;
    border-bottom: solid 1px #ffffff;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
}

.sp-page-title h2, .sp-page-title h3 {
    font-weight: 600 !important;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.sp-page-title h2 {
    font-size: 18px !important;
    line-height: 1;
    color: #ffffff !important;
    text-align: left !important;
}

.sp-page-title h3 {
    font-size: 20px;
    line-height: 1;
    color: #000000 !important;
    margin-top: 0px;
}


@media only screen and (max-width: 768px) {
.sppb-btn-primary {
    font-weight: 300;
    font-size: 12px;
}

}


.column-margin .sppb-row-column {
margin: 0px 0px 30px 0px;
}

/* Weblinks */

.isotope_button-group {
padding-bottom: 20px;
}

.isotope_button-group .btn:active, .isotope_button-group .btn.is-checked, .isotope_button:active, .isotope_button.is-checked {
background-color: #023164;
background: #023164;
color: white;
font-weight: 700;
}

.isotope_button-group .btn:hover, .isotope_button:hover {
background-color: #023164;
color: white;
}

.isotope_button-group .btn {
background-color: #fff;
color: #023164;
border-width: 1px;
border-color: #023164;
font-weight: 700;
}

.isotope_grid .isotope_item {
padding: 50px 10px 5px 0px !important;
}

.isotope_item {
margin: 0px;
padding: 0px;
background: #fff;
line-height: 12px;
}


.iso_button_more {
background-color: #fff;
color: #023164;
border-width: 1px;
border-color: #023164;
font-weight: 700;
margin-top: 0px;
margin-left: 30%;
margin-right: 30%;
max-width: 40%;
visibility: collapse;
max-height: 0px;
}


.weblinkstitle {
font-size: 24px;
line-height: 28px;
font-weight: 700;
}
.weblinkstitle a:link {
color: #303030;
}

.weblinkstitle a:visited {
color:#303030;
}


.isotope_item a {
font-weight: 700 !important;
}

.isotope_item p {
margin-top: 6px;
margin-bottom: 0px;
line-height: 15px;
}

.simpleweblinks .fg-row {
visibility: collapse;
max-height: 0px;
}

.simpleweblinks a {
font-size: none;
line-height: none;
}

.weblinksinfo {
font-size: 12px;
line-height: 10px;
}

.weblinksimage {
    float: left;
    width: 29%;
    max-width:300px;
}



.weblinksimage img {
    border-radius: 10px;
}



.weblinksinfo {
    float: right;
    width: 70%;
}
.weblinksintro {
font-size: 15px;
line-height: 24px !important;
}

.weblinkstitletag {
    color: #215d36;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
}

    

@media only screen and (max-width: 992px) {
.weblinkstitle {
font-size: 16px;
line-height: 20px;
}


.weblinksintro {
font-size: 0px;
line-height: 0px !important;
visibility: collapse;
}
}



@media screen and (max-width: 600px)


{
    .isotope_item img{
    max-width:100% !important}

    .isotope_item {
    width: 100% !important;}




.weblinksimage {
    float: left;
    width: 36%;
    max-width:300px;
}

.weblinksinfo {
    float: right;
    width: 60%;
}




  
}





.bonuscodeborder {
border: 3px solid #023164;
border-radius: 12px;
}

.bonuscodetitle p {
font-size: 18px;
font-weight: 800;
background-color: #023164;
color: #fff;
padding: 10px 10px 10px 10px;
}

.bonuscodetexts {
padding: 0px 10px 0px 10px;
font-weight: 500;
}


.iso_fields_title{
    
}


.isotope-main {
overflow: hidden;
}


.acym_module_success {
color: #ffffff !important;
border-radius: 5px !important;
background-color: #023164 !important;
font-size: 16px;
font-weight: 500;
}



.ison-cancel-squared:before {
font-size: 36px;
color: #023164;
}

[class^="ison-"]:before, [class*=" ison-"]:before {
line-height: 36px;
text-shadow: none;
}

.iso_cat_img {
max-width: 0px;
}

.iso_cat_img_art {
max-width: px;
}

/* GDPR */

.cc-banner .cc-message {
font-size: 13px;
line-height: 15px;
font-weight: 500;
padding-right: 15px;
}

.cc-banner.cc-bottom {
background-color: #023164 !important;
}

div.cc-revoke, div.cc-window {
font-size: 10px !important;
font-weight: 500;
font-family: Montserrat;
text-decoration: none !important;
}


.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: .5em;
border-top-right-radius: .5em;
background-color: rgba(0,0,0,0.4) !important;
}

.cc-banner a:link {
color: #fff;
font-weight: 900;
}

.cc-banner a:hover {
color: auto;
font-weight: 900;
}

.cc-banner a:visited {
color: #fff;
font-weight: 900;
}

.cc-btn {
    border-radius: 5px;
}

.cc-banner .cc-btn.cc-allow {
background-color: #fff !important;
border-color: #fff;
color: auto;
font-size: 13px;
font-weight: 700;
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child {
text-decoration: none !important;
font-size: 12px !important;
font-weight: 700;
}

label {
  font-weight: 300;
  font-size: 13px;
  line-height: 48px;
}

div.control-label {
  font-weight: 300;
  font-size: 13px;
  line-height: 48px;
}


.min-75 {
  min-height: 75px;
}


@media only screen and (max-width: 768px) {

}


.newsletter-row {
margin-right: auto !important;
margin-left: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}

.escooteelinksinfo {
font-size: 12px;
line-height: 10px;
margin-bottom: 0px;
}

.escooteelinkstitle {
font-size: 18px;
line-height: 24px;
}
.escooteelinkstitle a:link {
color: #303030;
}

.escooteelinkstitle a:visited {
color:#303030;
}

@media only screen and (max-width: 992px) {

.escooteelinkstitle {
font-size: 16px;
line-height: 20px;
}
}

.margintop-7 {
margin-top: -7px;
}

.imgwide img{
    width: 6000px;
    max-width: 100%;
}











.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%; /* Die unteren 25% */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  pointer-events: none; /* Damit das Overlay keine Interaktionen blockiert */
}




.width900 {
.sppb-row-container {
max-width: 900px;
}
}





.sppb-addon-wrapper .addon-root-dynamic-content-image {
float: left;
width: 29%;
}

.sppb-dynamic-content-image-wrapper img {
border-radius: 20px;
margin: 6px 0px 0px 0px;
}

.sppb-addon-wrapper .addon-root-dynamic-content-text {
float: right;
width: 70%;
}




@media screen and (max-width: 600px) {

.sppb-addon-wrapper .addon-root-dynamic-content-image {
float: left;
width: 29%;
}

.sppb-addon-wrapper .addon-root-dynamic-content-text {
float: right;
width: 60%;
}
}

.escootee-mod-languages {
    position: absolute;
    top: 0px;
    right: 20px;
    float: right;
    z-index: 1000;
}



div.mod-languages ul li.lang-active {
background-color: rgba(130, 130, 130, 0) !important;
}







.escootee-list {
ul {
padding: 0;
margin: 0 auto;
text-align: center;
width: max-content;
max-width: 100%;
}

ul li {
text-align: left;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}

ul li:first-child {
margin: 0px 0px 10px 0px;
font-weight: bold;
font-size: 20px;
line-height: 26px;
list-style-type: none; 
}

ul li:not(:first-child) {
list-style-type: disc; 
margin-left: 20px;
}
}

@media only screen and (max-width: 576px) {
.escootee-list {
ul {
padding: 0px 30px 0px 30px;
margin: 0;
text-align: center;
width: max-content;
max-width: 100%;
}

ul li {
text-align: left;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}

ul li:first-child {
margin: 0px 0px 10px 0px;
font-weight: bold;
font-size: 20px;
list-style-type: none;
}

ul li:not(:first-child) {
list-style-type: disc; 
margin-left: 20px;
}
}
}

.boldtitles {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 800;
}
}

.smallertitles {
p {
font-size: 15px;
}
body {
font-size: 15px;
}
}

@media only screen and (max-width: 576px) {
.smallertitles {
p {
font-size: 15px;
}
body {
font-size: 15px;
}
}
}





.smallerlists {
ul {
font-size: 15px;
}
}

@media only screen and (max-width: 576px) {
.smallerlists {
ul {
font-size: 13px;
line-heighT: 18px;
}
}
}


.escootee-grey-title {
padding: 20px 0px 20px 0px !important;
}




.article-social-share {
visibility: collapse;
}



.escootee-info-block {
padding: 30px 20px 30px 20px !important;
}


.escootee-subtitle {
height: 10px !important;
}



.escootee-fachberatung .sppb-addon-overlay-image-content {
height: auto !important;
width: 100%;
border-radius: 20px 20px 0px 0px !important;
aspect-ratio: 4 / 3;
overflow: hidden;
}

@media only screen and (max-width: 992px) {
.escootee-fachberatung .sppb-addon-overlay-image-content {
height: auto !important;
width: 100%;
border-radius: 20px 20px 20px 20px !important;
aspect-ratio: 4 / 3;
overflow: hidden;
}
}


.escootee-topics {
@media (min-width:1500px) {
ul {
font-size: 18px;
}
}
}