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-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 20px;
}





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


.micromobiles-home-column .sppb-row-column {
background-color: #ffffff;
border-radius: 20px;
margin: 0px auto 30px auto;
p {
font-size: 12px!important;
line-height: 18px;
}
@media (min-width:1400px) {
max-width: 15% !important;
flex-basis: 15% !important;
}
@media (max-width:1399px) {
max-width: 30% !important;
flex-basis: 30% !important;
}
@media (max-width:1200px) {
max-width: 30% !important;
flex-basis: 30% !important;
}
@media (max-width:992px) {
max-width: 45% !important;
flex-basis: 45% !important;
}
@media (max-width:768px) {
max-width: 45% !important;
flex-basis: 45% !important;
}
}


.micromobiles-home-column .sppb-row sppb-nested-row {
background-color: #ffffff;
margin: 0px 5px 0px 5px;
border-radius: 20px;
}







.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 .sp-dropdown .sp-dropdown-inner {
border-radius: 0px 0px 15px 15px;
}

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

@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: 15px;
}
}



@media (max-width:1200px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
padding: 0 7px;
font-size: 15px;
}
h1 {
    font-size: 48px;
    line-height: 64px;
}
h2 {
    font-size: 36px;
    line-height: 46px;
}
h3 {
    font-size: 28px;
    line-height: 36px;
}
h4 {
    font-size: 24px;
    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;
}

}

#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: 15px;
    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: 0px 0px 0 0;
    margin: 0px 20px 0px 0px;
}

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

.offcanvas-menu {
    height: 100%;
    opacity: 1;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 99999;
    color: #ffffff;
    background-color: #002a60;
}
.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: linear-gradient(to bottom, #023164, #215d36);
    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: 400;
  font-size: 13px;
  line-height: 24px;
}

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


.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: 13px;
}
}

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


.escootee-grey-title {
padding: 20px 0px 20px 0px !important;
background-color: RGBA(0, 0, 0, 0.06);
}




.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;
}
}
}

.width300 {
width: 300px;
margin-left: auto !important;
margin-right: auto!important;
}


.micromobiles-categorybox {
}

.micromobiles-categorybox-img {
}

.micromobiles-categorybox-title {
}

.micromobiles-categorybox-text {
}

.micromobiles-categorybox-text-title {
}

.micromobiles-rowtitle-text {
}

.micromobiles-rowsubtitle {
}

.micromobiles-rowsubtitle-text {
}

.micromobiles-categorybox-text {
}

.micromobiles-footer-text {
p {
font-size: 10px !important;
text-align: left;
margin-bottom: 0px;
}
}


.subheadermenu {
background-color: #f2f2f2;
height: 30px;
margin: 0px 20px 0px 20px;
border-radius: 0px 0px 10px 10px;
z-index: 999 !important;
padding: 2px 15px 5px 15px !important;
}

.subheadermenu .sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
color: #555555;
text-align: right;
text-transform:;
line-height: 10px;
}

.subheadermenu .d-flex {
float: right;
}



.logo-image {
height: auto !important;
}


.micromobilesbobhome {

@media (max-width:1500px) {
img {
width: 300px;
}
}

@media (max-width:1200px) {
img {
width: 250px;
}
}


@media (max-width:992px) {
img {
width: 180px;
}
}
}





.micromobilesmicromobilityhome {

@media (max-width:1500px) {
img {
width: 400px;
margin: 30px 50px 30px -50px;
}
}

@media (max-width:1200px) {
img {
width: 400px;
margin: 0px 20px 30px -50px;
}
}

@media (max-width:992px) {
img {
width: 300px;
margin: 0px 10px 20px -45px;
}
}

@media (max-width:768px) {
img {
width: ;
margin: 30px 50px 30px -50px;
}
}
}


.micromobilesspeakshome {

@media (max-width:1500px) {
img {
width: 300px;
}
}

@media (max-width:1200px) {
img {
width: 200px;
}
}

@media (max-width:1200px) {
img {
width: ;
}
}
}



/* =========================================
   MARKETPLACE ARTICLE LAYOUT V4.0 (Final)
   Aktiviert durch Checkbox "reviewlayout"
   ========================================= */

/* --- 1. H2: Der graue Endlos-Balken (ZENTRIERT) --- */
/* Wir setzen .reviewlayout DAVOR */
.reviewlayout h2 {
    background-color: #f2f2f2;
    color: #333;
    padding: 15px 0;
    margin: 40px 0 30px 0;
    width: 100%;
    text-align: center !important;
    font-size: 24px;
    line-height: 36px;
    
    /* Visueller Trick für volle Breite */
    box-shadow: 0 0 0 100vmax #f2f2f2; 
    clip-path: inset(0 -100vmax);
    
    clear: both;
    display: block;
    position: relative;
    z-index: 1; 
}

/* --- 2. Desktop-Layout (ab 992px) --- */
@media (min-width: 992px) {
    
    /* H3: Die linke Spalte */
    .reviewlayout h3 {
        float: left;
        width: 25%;       
        padding-right: 30px; 
        margin-top: 0;
        margin-bottom: 20px;
        clear: both;      
        text-align: left !important; 
        font-weight: 700;
        font-size: 1.2rem; 
    }

    /* --- DER INHALT RECHTS (Text & NORMALE BILDER) --- */
    /* Alles was nach einer H3 kommt, INNERHALB von .reviewlayout */
    
    .reviewlayout h3 ~ p,
    .reviewlayout h3 ~ ul,
    .reviewlayout h3 ~ ol,
    .reviewlayout h3 ~ div,
    .reviewlayout h3 ~ blockquote,
    .reviewlayout h3 ~ figure,  
    .reviewlayout h3 ~ img {    
        margin-left: 25% !important; 
        display: block;
        width: auto;
        max-width: 75%; 
    }

    /* Korrektur für Bilder innerhalb von P-Tags */
    .reviewlayout h3 ~ p > img {
        margin-left: 0 !important;
        max-width: 100%;
    }

    /* --- 3. Der Stopper (Reset) --- */
    /* H2 setzt im Reviewlayout alles zurück */
    .reviewlayout h2 ~ * { 
        margin-left: 0 !important; 
        max-width: 100%; 
    }
    
    /* Trennlinie <hr> setzt alles zurück */
    .reviewlayout hr {
        clear: both;
        display: block;
        margin: 50px 0;
        border: 0;
        border-top: 1px solid #ddd;
    }
    .reviewlayout hr ~ * { 
        margin-left: 0 !important; 
        max-width: 100%; 
    }
}

/* --- 4. Bilder-Logik (DAS GROSSE BILD) --- */

.reviewlayout img.fullwidth,
.reviewlayout figure.fullwidth {
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    
    float: none;
    clear: both;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
}

/* --- 5. Mobile Reset (unter 992px) --- */
@media (max-width: 991px) {
    .reviewlayout h3 {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .reviewlayout h3 ~ * { 
        margin-left: 0 !important; 
        max-width: 100% !important; 
    }
    .reviewlayout img.fullwidth {
        width: 100% !important;
        margin-left: 0 !important;
        left: 0;
    }
}


.micromobiles-lowercase {
text-transform: none;
font-size: 13px;
font-weight: 500;
}





#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: none;
    padding: 30px;
    border-radius: none;
}




legend {
    padding: 30px 0px 30px 0px;
    font-size: 24px;
}






.com-users-registration__form {
margin: 0px 30px 0px 30px;
}


.register-title {
white-space: nowrap;
z-index: 10;
}




.micromobiles-register #dj-classifieds .dj-additem .djform_row .label {
    font-weight: 400;
    margin: 5px 30px 5px 0;
    text-align: left;
    width: 300px;
    color: inherit;
    font-size: 15px;
}


.micromobiles-register #dj-classifieds .dj-additem .title_top {
    background-color: #ffffff;
    border-bottom: none;
    color: #212121;
    font-weight: 400;
    padding: 30px 0px 10px 18px;
    text-align: left;
    font-size: 24px;
}




.micromobiles-register #dj-classifieds .dj-additem .additem_djform {
    border: none;
}


.micromobiles-register . title_top {
visibility: collapse;
max-height: 0px;
margin: 0px;
padding: 0px;
}




.micromobiles-register #dj-classifieds .dj-additem .djform_row {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 20px;
    display: block;
}



.micromobiles-register #post_code-lbl {
visibility:collapse;
}

.micromobiles-register #post_code {
visibility:collapse;
}


.micromobiles-register .password1 {
margin: 10px 0px 0px 0px;
background-color: #f2f2f2;
border-radius: 15px;
padding: 10px 15px 10px 15px;
}

.micromobiles-register .password2 {
margin: -30px 0px 30px 0px;
background-color: #f2f2f2;
border-radius: 15px;
padding: 10px 15px 10px 15px;
}

.micromobiles-register .email {
margin: 30px 0px 0px 0px;
}

.micromobiles-register .profile_fields .title_top {
visibility:collapse;
height: 0px !important;
}


.micromobiles-register .profile_fields {
margin: -70px 0px 0px 0px;
}


.micromobiles-register .password-group {
margin: 0px 0px 0px -15px;
}


.micromobiles-register #dj-classifieds .form-validate .classifieds_buttons .button {
    margin: 0px 0px 30px 18px;
}


.form-control {
    width: 100%;
    font-size: 13px;
}

.micromobiles-register #dj-classifieds .dj-additem .terms_and_conditions {
    text-align: left;
    margin: -10px 0px 0px 18px;
}



.micromobiles-mobile-login .list-group-item {
color: #000000 !important;
font-size: 13px;
}




@media (min-width:992px) {
#dj-classifieds .dj-item .images_wrap {
float: left;
width: 50% !important;
max-width: 600px !important;
}
}

@media (min-width:992px) {
#dj-classifieds  .general_det {
width:calc(100% - 1px - 50%) !important;
min-width: calc(50% - 1px);
float: left !important;
}
}


#dj-classifieds .dj-item .general_det .price_wrap {
background: #f2f2f2;
border: none;
font-size: 24;
border-radius: 10px;
margin: 0px 0px 10px 0px;
}




#dj-classifieds .dj-item .title_top {
background-color: #ffffff;
border: 0px solid #ffffff !important;
padding: 30px 20px 10px 20px;
}



#dj-classifieds .dj-item .title_top h2 {
font-size: 24px;
}

#dj-classifieds .dj-item {
border: none;
margin-bottom: 10px;
}


#dj-classifieds .group_name {
font-size: 16px;
font-weight: 700;
}



#dj-classifieds .dj-item .general_det span.row_label {
border-bottom: none;
color: #212121;
margin: 0px 0px 0px 0px;
padding: 0 0 10px 25px;
}









#dj-classifieds .dj-item .custom_det h2 {
background: url(../images/custom_details.svg) no-repeat left 20%;
border-bottom: none;
color: #212121;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px 25px;
}




#dj-classifieds .dj-item .additional h2 {
background: url(../images/custom_details.svg) no-repeat left 20%;
border-bottom: none;
color: #212121;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px 25px;
}

























#dj-classifieds #ask_form_button {
background-color: #002a60;
font-weight:500;
border: none;
border-radius: 15px;
font-size: 15px;
padding: 10px 15px 10px 15px;
}

#dj-classifieds #abuse_form_button {
margin: 0px 10px 10px 0;
background-color: #f2f2f2;
color: #757575;
border: none;
border-radius: 15px;
font-size: 15px;
padding: 10px 15px 10px 15px;
}


#dj-classifieds .dj-item .ask_form_abuse_outer {
margin-bottom: -30px;
}



#dj-classifieds .dj-item .djc_mainimage img {
border-radius: 15px;
}

#dj-classifieds .dj-item .djc_thumbnails.djc_thumbs_gal5 .djc_thumbnail img {
border-radius: 10px;
}



#dj-classifieds .dj-item .general_det .added span.row_label {
margin: 10px 0px -5px 0px;
}


#dj-classifieds .dj-item .general_det .user_name span.row_label {
margin: 10px 0px -10px 20px;
}

@media (min-width:992px) {
#dj-classifieds .dj-item .general_det .user_name span.row_label {
margin: 10px 0px -10px 0px;
}
}


#dj-classifieds .profile_img img {
border: none;
padding: 0px;
border-radius: 10px;
}



#dj-classifieds .dj-item .custom_det h2 {
visibility: collapse;
height: 0px;
}


#dj-classifieds .dj-item .additional h2 {
visibility: collapse;
height: 0px;
}


.label-off span.row_label {
visibility: collapse;
height: 0px;
}


#dj-classifieds .dj-item .general_det .price_wrap .row_negotiable {
margin: 5px 0px 0px 25px;
text-align: left;
color: #757575;
font-size: 15px;
font-weight: 400;
}



#dj-classifieds .added .row_value {
margin: 0px 0px 0px 25px !important;
}

#dj-classifieds .user_name .row_value {
margin: -5px 0px 0px 43px;
}

@media (min-width:992px) {
#dj-classifieds .user_name .row_value {
margin: -5px 0px 0px 25px;
}
}

#dj-classifieds .profile_adverts_link {
margin: -10px 0px 0px 0px;
font-size: 12px;
}

#dj-classifieds .dj-item .profile_item_box .profile_name {
margin: 0px 0px 10px 0px;
}



#dj-classifieds .dj-item .general_det .added {
float: left;
margin-left: 20px;
}


@media (min-width:992px) {
#dj-classifieds .dj-item .general_det .added {
width: calc(43% - 20px);
}
}



#dj-classifieds .dj-item .general_det .added {
float: left;
margin-left: 20px;
}


@media (min-width:992px) {
#dj-classifieds .dj-item .general_det .added {
width: calc(43% - 20px);
}
}


#dj-classifieds .dj-item .title_top .title_edit, #dj-classifieds .dj-item .title_top .title_delete, #dj-classifieds .dj-item .title_top .title_save {
border: none;
color: #444444;
background: #f2f2f2;
text-transform: none;
padding: 5px 10px;
border-radius: 15px;
cursor: pointer;
text-decoration: none;
font-weight: 600;
font-size: 12px;
}


#dj-classifieds .group_wrapper {
background-color: #f2f2f2;
padding: 10px 20px 20px 20px;
border-radius: 15px;
margin: 0px 0px 30px 0px;
}

#dj-classifieds .dj-item span.row_label {
font-weight: bold;
margin: 0px 0px 0px -15px;
}

#dj-classifieds .dj-item span.row_value {
margin: 0px 0px 0px 15px;
}



#dj-classifieds .dj-item .djc_thumbnails .djc_thumbnail {
margin: 0px 0px -10px 0px;
}







#dj-classifieds .title_promote {
display: none !important;
}




#dj-classifieds .custom_det_content .row {
display: flex;
flex-wrap: wrap;
margin-bottom: 12px;
align-items: baseline;
}

#dj-classifieds .custom_det_content .row_label {
width: calc(60% - 50px);
max-width: 300px;
flex-shrink: 0;
font-weight:400 !important;
color: #555555;
padding-right: 15px;
font-size: 13px;
line-height: 15px;
}

@media (max-width:454px) {
#dj-classifieds .custom_det_content .row_label {
width: 100%;
padding-right: 15px;
font-size: 13px;
line-height: 15px;
}
}





































#dj-classifieds .custom_det_content .row_value {
font-weight: 600;
color: #000000;
flex: 1;
min-width: 150px;
font-size: 15px;
}

#dj-classifieds .micromobiles-shoplink a {
color: #ffffff;
font-size: 15px;
font-weight: 600;
margin: 0px 0px 0px -20px;
}

#dj-classifieds .micromobiles-shoplink a:hover {
text-decoration: none;
}


#dj-classifieds .micromobiles-shoplink {
text-align: center;
margin-bottom: -10px !important;
}

@media (max-width:576px) {
#dj-classifieds .row_gd.added {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 5px;
}
#dj-classifieds .row_gd.added .row_value {
margin: 0 !important;
padding: 0 !important;
}
}


.row_marke .row_label::before {
content: "\f0ac";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_modell .row_label::before {
content: "\f21c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_baujahr_modelljahr .row_label::before {
content: "\f073";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_top_speed_km_h .row_value::after {
content: " km/h";
}

.row_top_speed_km_h .row_label::before {
content: "\f625";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_dauer_nennleistung_kw .row_value::after {
content: " kW";
}

.row_dauer_nennleistung_kw .row_label::before {
content: "\f0e7";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_peak_maximalleistung_kw .row_value::after {
content: " kW";
}

.row_peak_maximalleistung_kw .row_label::before {
content: "\f0e7";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_reichweite_herstellerangabe_km .row_value::after {
content: " km";
}

.row_reichweite_herstellerangabe_km .row_label::before {
content: "\f4d7";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}





#dj-classifieds .group_name {
color: #999999;
}








.row_label {
display: flex;
align-items: flex-start;
}



.row_label {
position: relative;
padding-left: 45px;
display: block;
min-height: none;
}





.row_top_speed_km_h .row_label::before {
content: "\f625";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}


.price_unit {
font-size: 15px;
}



.row_city_reichweite .row_label::before {
content: "\f4d7";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_city_reichweite .row_value::after {
content: " km";
}

.row_farbe .row_label::before {
content: "\f53f";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}

.row_zustand .row_label::before {
content: "\f013";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 7px;
position: absolute;
left: 15px;
top: 2px;
font-size: 18px;
line-height: 1;
}




.row_energieinhalt_pro_batterie_wh .row_value::after {
    content: " Wh";
}


.row_drehmoment .row_value::after {
    content: " Nm";
}

#dj-classifieds .row_bonuscode {
background-color: #f2f2f2;
padding: 15px 20px 15px 20px;
border-radius: 15px 15px 10px 0px;
margin: 0px 0px 0px 0px !important;
}

#dj-classifieds .row_bonuscode_wert {
background-color: #f2f2f2;
padding: 0px 20px 15px 20px;
border-radius: 0px 0px 15px 15px;
margin: -5px 0px 30px 0px !important;
}


















#dj-classifieds .row_kilometerstand .row_value::after {
content: " km";
}





.row_top_speed_km_h .row_value::after {
    content: " km/h";
}

/* Styling fuer vertikale Checkbox Listen (custom.js Teil 6) */
.lademoeglichkeiten-list ul {
margin: 0;
padding: 0;
text-align: left;
}

/* Darstellung bei nur einem Wert */
.lademoeglichkeiten-list .djcf-list-no-bullets {
list-style: none;
}

/* Darstellung bei mehreren Werten */
.lademoeglichkeiten-list .djcf-list-with-bullets {
list-style: disc;
padding-left: 15px; 
}

/* Abstand der Zeilen und Farbe der Punkte in Deinem CI Blau */
.lademoeglichkeiten-list ul li {
margin: 5px 0px 5px 0px;
}

.lademoeglichkeiten-list .djcf-list-with-bullets li::marker {
color: #002a60 none;
}