span.sub-position { color: white; font-size: small; }
@media only screen and (max-width: 480px) {
span.sub-position { font-size: 2.4vw; }
}
/*--------------------------------------------------------------
     CHRISTMAS BANNER
--------------------------------------------------------------*/
.popup-container { z-index: 99999998; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background: transparent; opacity: 0; visibility: hidden; pointer-events: none; }
.popup-container.active { }

.popup { width: 0; height: 0; max-width: 0; padding: 0 0; }
.popup p:last-of-type { margin-bottom: 0; }
.popup-container.active .popup { position: relative; background: #0c2c5d; color: #000000; background-image: url('https://www.gessner-jacobi.de/wp-content/uploads/2022/12/christmas-bg-desktop.jpg'); background-size: cover; 
width: 100%; max-width: 800px; height: auto; padding: 60px; box-shadow: 0.5px 0.866px 5px 1px rgba(0, 0, 0, 0.25); }

.popup, .popup a { font-size: 18px; }
.popup strong { font-family: Verdana, Geneva, sans-serif !important; font-weight: bold; } 
.popup-close { height: 0; width: 0; }
.popup-container.active .popup-close { position: absolute; right: 20px; top: 0; width: 50px; height: 50px; text-align: right; color: #ffffff; font-family: Arial !important; font-size: 2em; line-height: 54px; font-weight: 700; cursor: pointer; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ffffff; }
.active .popup-close { margin-bottom: 20px; }

@media only screen and (max-width: 868px) {
.popup { max-width: 90% !important; }
.popup, .popup a { font-size: 16px; }
.popup-container.active .popup { padding: 40px 2.5% 80px 2.5%; }
}






.home .news .col:nth-child(3) a img { object-fit: contain; }


/*--------------------------------------------------------------
     VORRÜBERGEHEND DEAKTIVIERT
--------------------------------------------------------------*/

#dasweltauto { margin-top: 40px !important; }

.page-id-1438 #aktuelles .news .col.newsbox:nth-child(3) { pointer-events: none !important; }
.page-id-1438 #aktuelles .news .col.newsbox:nth-child(3) .newspadding { display: none !important; }
.page-id-1438 #aktuelles .news .col.newsbox:nth-child(3) img { object-fit: contain !important; }
/*--------------------------------------------------------------
     CSS NEU
--------------------------------------------------------------*/

@media only screen and (max-width: 524px) { 
h1, h2, h3 { text-align: initial; }
}
/*--------------------------------------------------------------
      FINANZDIENSTLEISTUNGEN
--------------------------------------------------------------*/
#finanzmenu-container div a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; outline: none !important; box-shadow: none !important; background: transparent !important; z-index: 99999; }

#contentbox { max-width: 1400px; width: 75%; margin: 0 auto; }
#contentbox, #contentbox p, #contentbox div { text-align: justify; } 
#contentbox strong, #contentbox p strong, #contentbox div strong { text-align: left !important; } 
@media only screen and (max-width: 1024px) { #contentbox { width: 85%; } }
@media only screen and (max-width: 780px) { #contentbox { width: 100%; } }

.finanz-button { display: inline-block; margin: 20px 0; background: var(--blue); padding: 20px; }
.finanz-button a { display: block; width: 100%; height: 100%; color: var(--white) !important; font-weight: 700; }
.finanz-banner { margin: 20px 0; }
@media only screen and (max-width: 345px) { .finanz-button { padding: 10px; } .finanz-button a { font-size: 0.9em; } }

.video-wrap { max-width: 1400px; width: 100%; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; margin: 20px 0 40px 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } 

#breadcrumb { display: block; width: 100%; }
#breadcrumb, #breadcrumb a { font-size: x-small; text-align: left !important; }
@media only screen and (max-width: 450px) { #breadcrumb, #breadcrumb a { font-size: xx-small; } }

#finanz-list { list-style: disc; margin: 0 0 0 1.5em; }
#finanz-list li { padding: 2px 0; text-align: left !important; } 
.finanz-sublist { list-style: circle !important; }

@media only screen and (max-width: 1454px) { #finanz-list.second li:nth-child(2) { min-height: 52px; } }
@media only screen and (max-width: 1358px) { #finanz-list.first li:nth-child(3) { min-height: 52px; } }
@media only screen and (max-width: 780px) { 
#finanz-list.second li:nth-child(2), #finanz-list.first li:nth-child(3) { min-height: inherit; }
}

#finanz-tabelle { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; }
#finanz-tabelle .col-3 { outline: 1px solid #dee2e6; padding: 4px 2px; margin-top: 1px; margin-left: 1px; text-align: left; }
#finanz-tabelle .inhalt { width: 58%; } 
#finanz-tabelle .vergleich { width: 20%; } 
#finanz-tabelle .head { font-weight: 700; }
#finanz-tabelle .first, #finanz-tabelle .third { background: #f8f9fa; }

@media only screen and (max-width: 868px) { #finanz-tabelle .col-3 { font-size: 0.8em; } }
@media only screen and (max-width: 544px) {
#finanz-tabelle .inhalt { width: 48%; } 
#finanz-tabelle .vergleich { width: 25%; } 
}

#finanz-contentbox { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 40px 0; }
#finanz-contentbox .col-2 { width: 49%; outline: 1px solid #dee2e6; padding: 15px 2px; margin-top: 1px; margin-left: 1px; background: #f8f9fa; text-align: left; }
#finanz-contentbox .col-2 p { font-weight: 700; margin: 20px 0 10px 1.5em; } 
#finanz-contentbox .col-2 strong { font-size: 1.25em; margin: 0 0 0 1.2em; } 
 
@media only screen and (max-width: 1028px) { 
#finanz-contentbox .col-2 ul#finanz-list.first { min-height: 155px; }
#finanz-contentbox .col-2 ul#finanz-list.second { min-height: 104px; }
}
@media only screen and (max-width: 780px) { 
#finanz-contentbox .col-2 ul#finanz-list.first { min-height: inherit; }
#finanz-contentbox .col-2 ul#finanz-list.second { min-height: inherit; }
#finanz-contentbox .col-2 { width: 99%; }
}

/*--------------------------------------------------------------
      FARBEN COLORS
--------------------------------------------------------------*/
/* -- COLORS -- */
:root {
  --white: #ffffff; 
  --black: #080808;
  --grey: #666666;
  --blue: #0c2c5d;
  --lightblue: #3cabda;
}

/*--------------------------------------------------------------
      FOOTER
--------------------------------------------------------------*/
ul.footer-list li a { font-size: 1em; color: var(--blue); }
div#footer-box.privacy { font-size: 0.75em; }
div#footer-box.privacy .col-2:nth-child(1) a { color: var(--blue); }
div#footer-box.privacy .col-2:nth-child(2) a { color: var(--grey); }
ul.footer-list li a:hover { color: var(--lightblue) !important; }

div#footer-box h3 { line-height: normal; letter-spacing: -0.01em; font-weight: 700; color: var(--black); width: 100%; margin-bottom: 0px; }
div#footer-box h3 { font-size: 1.25em; }
div#footer-box h4 { font-size: 1.3em; line-height: 1.4; font-weight: 300; padding: 0; margin-bottom: 30px; }

div#socialmedia-box { width: 100% !important; height: auto !important; padding: 20px 4%; }
div#socialmedia-box i { color: var(--blue); font-size: 32px; }
div#socialmedia-box a:first-of-type { margin-right: 16px; } 

div#footer-box { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; height: auto; padding: 20px 4% 0 4%; border-top: 2px solid var(--blue); }
div#footer-box .col-4 { width: 25%; padding: 20px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
div#footer-box .col-4 iframe { transform: scale(0.75); margin-left: -25px; }

ul.footer-list { list-style-type: none; margin: 15px 0 0 0; }
ul.footer-list li { padding: 4px 0; }

div#footer-box.privacy { border-top: 0px; }
div#footer-box.privacy a, div#footer-box.privacy span { font-size: 0.8em; }
div#footer-box.privacy .col-2 { width: 50%; display: flex; padding: 20px 0; }
div#footer-box.privacy .col-2:nth-child(1) { justify-content: flex-start; }
div#footer-box.privacy .col-2:nth-child(2) { justify-content: flex-end; }

@media only screen and (max-width: 1080px) {
div#footer-box h3 { font-size: 1.1em; }
ul.footer-list li { line-height: normal; }
ul.footer-list li a { font-size: 0.9em; }
}
@media only screen and (max-width: 830px) {
div#footer-box h3 { font-size: 1em; }
ul.footer-list li a { font-size: 0.8em; }
}
@media only screen and (max-width: 800px) {
div#footer-box .col-4 { width: 50%; padding: 20px 0 0 10%; }
div#footer-box.privacy { font-size: 0.65em; }
}
@media only screen and (max-width: 570px) {
div#footer-box h3 { font-size: 0.7em; }
ul.footer-list { margin: 5px 0 0 0; }
ul.footer-list li a { font-size: 0.7em; }
div#footer-box .col-4 { padding: 20px 0 0 5%; }
div#footer-box.privacy { padding-bottom: 20px; }
div#footer-box.privacy .col-2 { width: 100%; justify-content: center !important; padding: 5px 0; }
}









/*--------------------------------------------------------------
      CSS Alte Version
--------------------------------------------------------------*/
#BorlabsCookieBox .show-cookie-box { z-index: 9999999999; }
#BorlabsCookieBox .cookie-preference .cookie-logo { max-width: 120px !important; }

.oldtimer-slide-slogan { display: inline-block; background: #0c2c5d; padding: 8px; color: white; }

div#n2-ss-5 .n-uc-KuaNkFWpkgh7 { margin-top: 0px !important; margin-bottom: -45% !important; }

/* --------------------------------------------------------------------------------
               OSTERN 2022
---------------------------------------------------------------------------------- */
#row-slider { position: relative; }
#oster-box { position: absolute; right: 1.5%; bottom: 2%; width: auto; height: auto; z-index: 9999; display: none !important; }
#oster-box img { display: none; box-shadow: none !important; height: 280px;  }
#oster-box a { display: block; }
.oster-popimg { height: 180px; max-height: 180px; width: auto; display: block; margin-bottom: 20px; }
.fab.fa-instagram.osterblue { color: #ffffff; font-size: 30px; }

@media only screen and (max-width: 1112px) { 
#oster-box img { height: 240px; }
}
@media only screen and (max-width: 768px) { 
#oster-box img { height: 130px; }
}
@media only screen and (max-width: 524px) { 
#oster-box { right: 1.5%; bottom: 4%; }
#oster-box img { height: 100px; }
.oster-popimg { height: 140px; max-height: 140px; }
.fab.fa-instagram.osterblue { color: #ffffff; font-size: 24px; }
}
@media only screen and (max-width: 355px) { 
#oster-box img { height: 80px; }
}
/* --------------------------------------------------------------------------------
               AKTUELLES GEBRAUCHTWAGEN NUR 2 KACHELN
---------------------------------------------------------------------------------- */
#pg-1522-1 .gw-aktuelles .flex-grid.news .col.newsbox:nth-child(2) { display: none; }
#pg-1522-1 .gw-aktuelles .flex-grid.news { justify-content: space-around !important; }
#pg-1522-1 .col.newsbox { max-width: 33.333%; }
/* --------------------------------------------------------------------------------
               AKTUELLES GEBRAUCHTWAGEN NUR 2 KACHELN
---------------------------------------------------------------------------------- */






.corono-info, .corona-sliderbox, .corona-sliderbox-2 {display:none!important;} /* -- CORONA HINWEISE AUSBLENDEN -- */


#BorlabsCookieBox a:hover { color: #000 !important; }
@media only screen and (max-width: 768px) { 
.borlabs-position-fix .gj-menu-bg.gj-menu-active { display: none !important; } 
span._brlbs-checkbox-indicator { margin-left: -10px !important; }
}

@media only screen and (max-width: 468px) {
.maprow {max-width:285px;margin:0 auto;}
.mapcolumn1 {min-width:28px;}
.mapcolumn2 {max-width:85%;}
.logo-grid--col-1 {width:80%!important;}

.startboxrow .box {margin:5px 1% 0 1%;}
#pg-4490-2 .rowmargintop {margin-top:0px!important;}
#pgc-4490-1-0 .row-padding {padding:0 0!important;}
#div-startbox div .start-icon {max-width:42px!important;}
}

@media only screen and (max-width: 768px) {sup{font-size:x-small!important;}}


.corona-hide {opacity:0!important;visibility:hidden;}
.corona-desktop {display:inherit;}
.corona-mobile {display:none;}
p.corona-p {background:red;padding:10px;font-weight:bold;max-width:850px;}

.corona-sliderbox { margin-top: 10px; width: auto !important; position: absolute; background: red; padding: 15px;
font-family: Verdana,Geneva,sans-serif !important; font-size: 1.3vw; font-weight: bold; color: #ffffff; left: 50%; margin-left: -27.5%;
}
.corona-sliderbox-2 { margin-top: 5.5%; width: auto !important; position: absolute; background: red; padding: 15px;
font-family: Verdana,Geneva,sans-serif !important; font-size: 1.3vw; font-weight: bold; color: #ffffff; left: 50%; margin-left: -27.5%;
}
#slider-headline-center-box.corona-edit-2 { background: transparent !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 768px) {
.corona-desktop { display: none !important; }
.corona-mobile { display: inherit; }
.corona-pop { display: none; }
p.corona-p {background: red; padding: 2px; font-weight: normal; text-align: left !important; letter-spacing: -0.3px !important; display: table; }

#slider-headline-center.corona-edit { margin-top: 0px !important; top: 50% !important; }
#slider-headline-center.corona-edit img { height: 50px !important; width: auto; margin-top: 5px !important; }

.corona-sliderbox { width: auto !important; position: relative !important; background: red; padding: 2px !important; margin: 15px 6% 0 6% !important;
font-family: Verdana,Geneva,sans-serif !important; font-size: 2vw !important; font-weight: bold; color: #ffffff; left: 0 !important; }

.corona-sliderbox-2 { width: auto !important; position: relative !important; background: red; padding: 2px !important; margin: 0px 6% 0 6% !important;
font-family: Verdana,Geneva,sans-serif !important; font-size: 2vw !important; font-weight: bold; color: #ffffff; left: 0 !important; }
}



.copyright { font-size:x-small; }

/* -- FLEX BOX POPUP NEU -- */
.id-box-1 { max-width: 76%; min-width: 76%; overflow: hidden !important; padding: 0px !important; }
.id-box-1 img { max-width: 100%; min-width: 100%; }
.id-box-2 { width: auto; max-width: 24%; padding-left: 20px !important; padding-right: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; position: absolute; top: 0px !important; color: #fff; right: 0; text-align: justify; }
.id-box-2 p {margin-bottom: 0px !important;}
.id-box {position: relative;}

.id-box-22 { margin-left: 24%; max-width: 76%; min-width: 76%; overflow: hidden !important; padding: 0px !important; right: 0 !important; float: right !important; }
.id-box-22 img { max-width: 100%; min-width: 100%; right: 0; float: right; }
.id-box-12 { width: auto; max-width: 24%; padding-right: 20px !important; padding-left: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; position: absolute; top: 0px !important; color: #fff; left: 0; text-align: justify; }
.id-box-12 p {margin-bottom: 0px !important;}

.historie-1 { max-width: 76%; min-width: 76%; overflow: hidden !important; padding: 0px !important; }
.historie-1 img { max-width: 100%; min-width: 100%; }
.historie-2 { width: auto; max-width: 24%; padding-left: 20px !important; padding-right: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; position: absolute; top: 0px !important; color: #fff; right: 0; text-align: justify; }
.historie-2 p {margin-bottom: 0px !important;}
.historie {position: relative;}

.serviceplus { width: 50%; color: #ffffff !important; }


/* --------------------------------------------------------------------------------
               SPITZBUB CSS
---------------------------------------------------------------------------------- */
.rowmargintop, .footerrow {margin-top:40px!important;}

/* --------------------
     AKTUELLES (3 Felder in Reihe)
---------------------- */
.newsrow {padding: 50px 3.5%; }
.col.newsbox { padding: 0px; margin: 25px 1% 0px 1%; background: #fff; overflow:hidden; width: 33.333%; max-width: 600px; float: left; }
.col.newsbox:hover { transform: scale(1.005); box-shadow: 0.5px 0.866px 5px 1px rgba(0, 0, 0, 0.07);}
.newsimage { height: auto; min-height: 110px; max-height: 166px !important; max-width: 460px; width: 100%; object-fit: cover; display: grid;align-items: center;justify-content: center;}
.newspadding { padding: 20px 10px 22px 10px; width: 100%; height: auto; }
.newscontent { margin-top: 22px; }

@media only screen and (min-width: 1920px) {
.newsimage { min-height: 200px; max-height: 200px !important; max-width: 100%; }
}

.aktuelles-button { float: left; margin-left: 5px; margin-top: 20px; margin-bottom: 20px; color: #0c2c5d; text-decoration: none; font-weight: bold; cursor: pointer; }
.aktuelles-button:hover { color: #3cabda !important; }
.aktuelles-button:before {content: "\276F";}

.newscontent.blocksatz { min-height: 54px; overflow: hidden;
   text-overflow: ellipsis; display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
/* --------------------
   LOGO TOP RIGHT (VW)
---------------------- */
.custom-logo-area { position: fixed; right: 5%; z-index:999999999 !important; top: 0 !important;}
.custom-logo-area img { height: 60px !important; width: auto; }


/* --------------------
     RESPONSIVE MENU
---------------------- */
#responsive-menu-container {z-index: 99999999 !important;}
#responsive-menu-button {z-index: 999999999 !important; margin-top:5px!important; }
.responsive-menu-button-text {display:none!important;}
.responsive-menu-button-text-open {position:absolute;float:left!important;text-align:left!important;color: #fff!important;width:auto!important;min-width:250px!important;margin-top:-7px; font-size: 1vw; font-weight: 300 !important; }

.responsive-menu-item-link { font-family: Verdana,Geneva,sans-serif !important; color: #fff !important; }
.responsive-menu-item-link:hover { color: #3cabda !important; }

#responsive-menu-wrapper, ul#responsive-menu { z-index: 999999999 !important; max-width: 50%; }
ul#responsive-menu { padding-top: 8em !important; width: auto !important; margin-left: 5em; }
ul#responsive-menu li { max-width: 420px; }

.gj-menu-link a { font-size: min(1.5vw, 26px) !important; font-weight: 300 !important; line-height: normal; }
.gj-menu-link a:focus { color: #3cabda!important; }
ul#responsive-menu li a:hover { text-decoration: none !important; }

.gj-submenu-link { max-height: 30px; } 
.gj-submenu-link a { font-size: min(1.3vw, 26px) !important; font-weight: 300 !important; line-height: normal !important; }

/* --- ZUSÄTZLICHER MENU INHALT ----- */
#responsive-menu-additional-content { position: absolute; bottom: 0; width: 100%; height: 100%; z-index: -10 !important; }
#responsive-menu-additional-content a, #responsive-menu-additional-content span {color:#ffffff!important;}
#menu-footer { position: absolute; bottom: 5%; width: 90%; }
#add-menu-content { position: absolute; color: #fff; 
right: 5%; bottom: 15%; 
border: 0px solid #fff; height: 150px; width: 20%;
}
#add-menu-content img { max-height: 200px; margin: auto; margin-left: 45px; }
/* --------------------
       MENU & LOGO
---------------------- */
header {overflow: visible;z-index: 99999999;}
.navigation-top div.wrap {min-width:100%;padding:0px!important;}
#masthead .wrap {text-align: center;}
#masthead, nav {background-color:transparent!important;background:transparent!important;height: 0px;}
.site-header {position:fixed;width:100%;height: 50px;}
.custom-logo-link:hover { -moz-opacity:1!important; -webkit-opacity:1!important; opacity:1!important;}

.navigation-top { background-color: transparent !important; background: transparent!important; }

#responsive-menu-title { max-height: 50px; padding-top: 13px !important; }

.site-branding { z-index: 999999999999; text-align: center; }
.custom-logo { height: 125px; max-height: 125px !important; margin-top: 15px; -webkit-transition: width 0.5s ease, height 0.5s ease; display: none !important; } 
.logo-size { height: 35px; margin-top: 7px; -webkit-transition: width 0.5s ease, height 0.5s ease; } 

body, #content {overflow-x: hidden !important; overflow-y: auto !important; }
#content { border-left: 1px solid #0c2c5d; border-right: 1px solid #0c2c5d; padding-top: 0px !important; }

.gj-menu-bg {background-color:#0c2c5d!important;background:#0c2c5d!important;height:60px!important;z-index:99999999!important;
top: 0 !important; left: 1px; transition: 0.7s; width:99.999% !important; display:none; }
.gj-menu-active {display:inherit!important; position: fixed !important; }
.site-navigation-fixed { display: none !important; }


/* --- Logo Section ------- */
img.logo-section { height: auto; max-height: 75px !important; padding: 0px 2%!important; margin: 0px auto; }
/* --------------------
   Content Boxen (links rechts)
---------------------- */

.box { border: 0px solid #000; margin: 15px auto; padding: 25px 0px !important; }
.box.image { max-width: 53%; min-width: 53%; overflow: hidden !important; }
.box.image img { height: auto; width: 100%; transition: transform .5s ease; }
.box.image img:hover, .img-wrapper img:hover { transform: scale(1.02); }

.box.content { width: auto; max-width: 47%; padding-left: 20px !important; padding-right: 20px !important; }
.box p { margin-top: 20px; }
.boxpadding { padding: 0px 10px 0px 10px; width: 100%; height: auto; }

.widget_text { margin: 0px !important; padding-top: 0px !important; }

.aktupopup { padding: 15px 0px !important; }

/* -- IMG Padding (top, right, bottom, left) -- */
.img-var-right-one img { padding: 0px 60px 60px 0px; }
.img-var-right-two img { padding: 0px 20px 0px 0px;  }
.img-var-left-one img { padding: 0px 0px 40px 80px; }
.img-var-left-two img { padding: 0px 0px 60px 40px; }

/* -- BILD FADE IN -- */
.star { visibility: hidden; }
.fadeIn { -webkit-animation: animat_show 0.8s; animation: animat_show 0.8s; visibility: visible !important; }
@-webkit-keyframes animat_show{ 0%{opacity:0} 100%{opacity:1} }
/* --------------------
    LOGOS
---------------------- */
.logo-wrap.desktop {display:inherit;}
.logo-wrap.mobile {display:none;}
.logo-wrap { width: 100%; max-width: 90%; min-width: 90%; margin: 0 auto; overflow: hidden; }
.logo-grid { display: grid; grid-gap: 52px; grid-template-columns: repeat(4, 1fr); }
.logo-margin {  margin-bottom: 35px !important; }
.logo-grid__centered {  justify-self: center; grid-column: 1 / -1; }
.logo-grid--col { grid-column: auto/span 1; }
.logo-grid--col-1 { grid-column: auto/span 1; justify-self: center; align-self: center; width: 25%; text-align: center; float: left; }
.logo-grid--col-2 { grid-column: auto/span 2; justify-self: center; align-self: center; width: 25%; text-align: center; float: left; }
.logo-grid div img {max-height:60px;}
.logo-grid div img.classic {max-height:100px;}
.logo-grid div img.taxi {max-height:35px;}
.logo-grid div img.fsc {max-height:50px;}
.logo-grid div img.weltauto {max-height:25px;}
/* --------------------
          SLIDER
---------------------- */
.so-widget-sow-hero {background-color:#0c2c5d!important;background:#0c2c5d!important;}
.sow-slide-nav a, .sow-slider-pagination li {box-shadow:none!important;border:0px!important;}
.sow-slide-nav a:hover {text-decoration:none !important;}
.so-widget-sow-hero { margin-top: 0px !important; }
.sow-slider-base .sow-slider-pagination {text-align: center !important;padding:0px!important;}
.slider-margin { margin-bottom: 30px !important; }
.sow-slider-image-wrapper { padding: 0px !important; }

#slider-headline-center-box { height: 100%;  position: relative; text-align: center !important; justify-content: center!important; align-items: center!important; }
#slider-headline-center { position: relative; text-align: center !important; margin: 0 auto !important; padding: 0px; color: #fff; margin-left: auto !important; margin-right: auto !important;
                                            font-family: Verdana,Geneva,sans-serif !important;  font-size: 1.8vw; font-weight: bold !important; 
                                           top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important;
}
#slider-headline-center img { height: 150px; width: auto; margin-top: 15px; }
#slider-headline-center a img { outline: none !important; box-shadow:none!important; }

#slider-headline-left, #slider-headline-1 { bottom: 10% !important; background: #0c2c5d; position: absolute; padding: 12px; max-width: 35%; }
#slider-headline-right, #slider-headline-2 { bottom: 10% !important; background: #0c2c5d; position: absolute; padding: 12px; max-width: 35%; right: 0% !important; }
h10.slider-header { font-family: Verdana,Geneva,sans-serif !important; font-size: 1.8vw; font-weight: bold !important; color: #fff; position: relative;}
h10.slider-header-2 { font-family: Verdana,Geneva,sans-serif !important; font-size: 1.2vw; font-weight: thin !important; color: #fff; position: relative;}

#slider-pod-bild { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size:cover; }
/*--------------------------------------------------------------
Ausklappen
--------------------------------------------------------------*/
p.accordion.switch, .accordion-link {
    width: 100%; color: #0c2c5d; text-decoration: none; font-weight: bold;
    padding: 10px 0px; text-align: left; border: none; outline: none; transition: 0.7s;
    margin-bottom: 0px; margin-top: 0px;
}
p.accordion.switch:hover { cursor: pointer;  }
p.accordion.switch.active { color: #eeeeee; }

div.panel {
    padding: 0px 0px; background-color: transparent; bottom: 0px !important; 
    max-height: 0; overflow: hidden; transition: 0.7s ease-in-out; opacity: 0; width: 100%; margin-bottom: 0px;
}
.show { opacity: 1; margin-top: 0px; max-height: 500px;  }
div.panel.show, div.panel2.show { opacity: 1; max-height: 500px; }

.AccordionBoxContentButton { width: 100%; background: transparent; cursor: pointer !important; 
    padding: 3px 0px 4px 0px; text-align: left; border: none; outline: none; transition: 0.4s;
    margin-bottom: 0px; margin-top: 0px !important; border-bottom: 2px solid #eee; }
.AccordionBoxContentButton:hover { cursor: pointer; border-bottom: 2px solid #0c2c5d; }

.AccordionBoxContentButton:after { content: ' \276E'; color: #0c2c5d !important; float: right; margin-left: 5px; margin-right: 5px; }
.AccordionBoxContentButton:hover:after { margin-right: 10px; }


/* --------------------
            FLEX BOX
---------------------- */
.flex-grid { display: flex; }
.col { flex: 1; padding: 0px 4%; }

.col.kontaktbox { margin-top: 25px; }
.col.footerbox { margin-bottom: 25px; padding-top: 20px;  }
.flex-grid.news {flex: 1; display: flex; justify-content: space-between; }

/* --------------------
         POPUP
---------------------- */
.pum-container { margin-left: auto !important; margin-right: auto !important; max-height: 90vh !important; }

html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay { overflow: hidden!important; }
.pum-container.popmake { min-width: 80%; min-height: 50%; max-height: 90vh !important; overflow: scroll; overflow-x: hidden !important; z-index: 99999999999999; }
.pum, .pum-overlay, .pum-container { transition: 0.7s; }
.pum-content.popmake-content { height: 100% !important; min-height: 430px; }
ul#popuplist { list-style-position: outside; list-style-type: bullet; margin-left: 2%; }
ul#popuplist li { margin-left: 10px; }

.pum-content.popmake-content, .pum-content.popmake-content h10 { color: #fff !important; font-color: #fff !important; }
.pum-content.popmake-content a { color: #fff !important; font-color: #fff !important; text-decoration: underline !important; }
.pum-content.popmake-content a:hover { text-decoration: none !important; }

.classic-img {max-height: 250px;}

.kleingedrucktes { font-size: xx-small; line-height: normal !important; max-width:80%; float:left; }
.sp-nfz-img { max-height: 35px; margin-right: 10px; }
.sp-nfz-img.smaller { max-height: 30px; }
.sp-nfz-span { display: flex; align-items:center; margin-top: 50px; }
/* --------------------
     PopUp Stellenanzeigen Karriere
---------------------- */
#popmake-2300 { background: #fff; background-color: #fff; }
div.pum-content.popmake-content h10.fontblack , .fontblack { color: #000 !important; font-color: #000 !important;}
#ifrCareerPage { min-height: 500px !important; height: 100% !important; overflow: scroll !important; }
.jobs-responsive-wrapper { max-width: 90%; }

/* -- POPUP INHALT Links Rechts -- */
#popup-content-wrapper { display: flex;  margin-top: 40px; position: relative; }
#popup-content-wrapper-first { color: #fff; font-color: #fff; min-width: 48%; max-width: 50%; }
#popup-content-wrapper-second { color: #fff !important; font-color: #fff; padding-left: 20px; top: 0px; height: inherit; }
#popup-content-wrapper-second img { max-height: 320px; height: auto; width: auto; }
.angebote-img {max-width:780px !important; }
.popup-img { max-height: 320px; height: auto; width: auto; }
.popup-img-wireuch { max-height: 520px; height: auto; width: auto; }
.popup-img-second { max-height: 160px; height: auto; width: auto; }
.popup-img-second-logo { max-height: 200px; margin-left: 40px; }
.popup-img-third { max-height: 80px; height: auto; width: auto; margin-top: 10px; }
.popup-img-four { max-height: 60px; height: auto; width: auto; margin-top: 10px; }
.img-historie { max-height: 320px; width: auto; }

/* -- POPUP INHALT Blocksatz -- */
.pum-content.popmake-content p { text-align: justify; }
.noblocksatz { text-align: inherit !important; }
/* --------------------
     POPUP SLIDER
---------------------- */
.mySlides {display:none;}
/* --------------------
     Ansprechpartner
---------------------- */
.contact-box {
   display: -webkit-flex;  // für alte Webkit-Browser
   display: -ms-flexbox;   // IE 10
   display: flex;          // alle anderen
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;

margin-top: 0px; margin-bottom: 40px;
}
.contact-box-one, .contact-box-two {margin-top:40px;float:left;}
.contact-box-one { width: 10%; margin-right: 1.66%; }
.contact-box-one img { height: auto; max-height: 125px; width: 100px; border: 0px solid #fff; }
.contact-box-two { margin-right: 3.33%; height: auto; min-height: 125px; max-height: 125px; min-width: 35%; display: block; position: relative; }
.contact-box-two div { font-color: #fff !important; color: #fff !important; bottom: 1px; position: absolute; }
/* --------------------
     Terminvergabe
---------------------- */
.cfdatepicker-dropdown { z-index: 900000000000000 !important; }
#popmake-1160 { min-height: 90% !important; }
.caldera_forms_form label { font-family: Verdana,Geneva,sans-serif !important; font-size: 1vw; font-weight: bold; color: #fff; letter-spacing: -0.01em; }
.field_required {display: none;}
.parsley-required { font-family: Verdana,Geneva,sans-serif !important; font-size: 1vw; font-weight: normal; color: #fff; letter-spacing: -0.01em; }
#fld_2891705_1 {font-color: #fff; color: #fff; font-size: x-small !important; }
span.form-info { background: #fff; background-color: #fff; border-radius: 20px; height: 17px; width: 17px; font-size: 0.9vw; align-items: center;justify-content: center; 
padding: 0px; text-align: center !important; color:#0c2c5d!important; font-color:#0c2c5d!important;}
/* --- FORMULAR i Infofeld 
 Fahrgestellnummer  i Ihre Fahrgestellnummer finden Sie auf Ihrem Fahrzeugschein im Feld "E" 
--- */
/* Tooltip container */
.tooltip {
  position: relative; text-align: center; font-size: small;
  display: inline-block; color: #0c2c5d; background: #fff; border-radius: 20px; width: 25px;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden; width: 250px; background-color: #0c2c5d;
  color: #fff; font-size: small; padding: 5px; border-radius: 2px;
  /* Position the tooltip text */
  position: absolute; z-index: 1; bottom: 125%; left: 50%;
  margin-left: -60px; opacity: 0; transition: opacity 0.3s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: ""; position: absolute;  top: 100%; left: 50%;
  margin-left: -5px; border-width: 5px; border-style: solid; border-color: #0c2c5d transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {  visibility: visible; opacity: 1; }

/* --------------------
    KONTAKT ROW
---------------------- */
.col.mapbox { padding: 0px; margin: 25px 4% 0px 4% !important; background: #fff; max-width: 50%; }
.mapboxwidth {overflow: hidden;}
.maprow { display: flex; }
.mapcolumn1 { min-width: 32px; margin-left: 10px; }
.mapcolumn1 i { margin: 0px 10px 0px 0px !important; }
.mapcolumn2 { margin-left: 0px; width: 400px; }
.mapcolumn3 { margin-right: 10px; min-width: 121px !important; }

.col.mapbox iframe { max-height: 155px; box-shadow: 0.5px 0.866px 5px 0 rgba(0, 0, 0, 0.05); max-width: 80%; }
.col.mapbox iframe:hover, .col.mapbox img:hover { transform: scale(1.005); box-shadow: 0.5px 0.866px 5px 1px rgba(0, 0, 0, 0.07);}
.col.mapbox i { color: #0c2c5d; font-size: 1.1vw; size: 1.1vw; }
.iconphone { margin-left: 12px !important; }
.mapcolumn1 i { color: #0c2c5d; font-size: 1.1vw; size: 1vw; }
#kontakt-img { height: 75vh; background-position: center center; background-repeat: no-repeat; background-size:cover; }
/* --------------------
            GOOGLE MAP
---------------------- */
.google-maps {position: relative;height: 0;overflow: hidden;
padding-bottom: 30%; // This is the aspect ratio }
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
/* --------------------
   ALLGEMEIN FONT
---------------------- */
html { -ms-overflow-style: -ms-autohiding-scrollbar; }
body, span, div, a { font-family: Verdana,Geneva,sans-serif !important; font-size: min(1.1vw, 20px);  font-weight: thin; letter-spacing: -0.01em; color: #000; }
div.pum-content.popmake-content, .pum-container.popmake, .pum-content { 
font-family: Verdana,Geneva,sans-serif !important; font-size: min(1.1vw, 20px); font-weight: 400; letter-spacing: -0.01em; color: #000; line-height: 1.4; }

.contentlink { color: #0c2c5d !important; text-decoration: underline; font-weight: bold; cursor: pointer; }

.blocksatz { text-align: justify; }

.pum-trigger h10.regular, .popswitch-regular, .newspadding h10.regular { font-size: 1.1vw; font-weight: bold; }
.pum-trigger h10.thin, .popswitch-thin { font-size: 1vw; font-weight: 300 !important; }

h10 { font-family: Verdana,Geneva,sans-serif !important;  font-size: 1.3vw; font-weight: bold; color: #000; }
h10.regular {  font-family: Verdana,Geneva,sans-serif !important; font-size: 1.3vw; font-weight: bold; color: #000; letter-spacing: -0.01em; }
h10.thin { font-family: Verdana,Geneva,sans-serif !important;  font-size: 1.4vw !important; font-weight: 300 !important; color: #000; position: relative; line-height: 1.4; }
h10.mixed { font-family: Verdana,Geneva,sans-serif !important;  font-size: 1.6vw; font-weight: bold !important; color: #000; position: relative; letter-spacing: -0.01em; }
h10.thin.team { line-height: 2.5; }

.col.box.content.boxpadding p h10.regular {font-size: 1.2vw !important; }
.col.box.content.boxpadding p h10.thin {font-size: 1.1vw !important; }

.hpadding { padding: 0px 10px; }
.pmargintop { margin-top: 20px; }
.pnomargintop { margin-top: 0px !important; margin-bottom: 5px; }

.trenner { margin: 0px 14px !important; }
.sitepadding { margin-left: 4% !important; }
.fontwhite { color: #fff !important; font-color: #fff !important;}

a, a:hover { box-shadow: none !important; }
a:hover, .footerlist a:hover, p.accordion.switch:hover, #menu-footer a:hover, .responsive-menu-button-text-open:hover {text-decoration:none; color: #3cabda !important; }
p.accordion.switch.active {color: #3cabda !important;}
.nolinkstyle, .custom-logo-area a img { outline: none !important; box-shadow: none !important; border: 0px !important; text-decoration: none !important; }
.blocklink {display: block; cursor:pointer!important;}

.newsrow, .kontaktrow { padding-top: 50px !important; padding-bottom: 50px !important; }
.logorow { padding-top: 50px !important; padding-bottom: 25px !important; }
.footerrow { padding-bottom: 50px !important; padding-top: 50px !important; }

/* --------------------
       ALLGEMEIN REGELN
---------------------- */
#page {margin-top: -1px!important;}
footer#colophon, .entry-header, .custom-header {display:none;}
.site-branding {padding:0px;margin-bottom:0px;}
.panel-row-style, .widget {padding:0px!important;}
.panel-grid, .panel-has-style {height:auto !important; margin-bottom:0px!important;}
a, a:hover, a:active, a:focus {outline: 0!important;}
#content, .site-content { margin-top: 0px !important; }

.row-padding { padding: 0px 4% !important; }
/*--------------------------------------------------------------
COOKIE HINWEIS
--------------------------------------------------------------*/
div.pea_cook_wrapper { align-items: center; justify-content: center;
z-index:999999999999999999999999999999999999 !important; background: #3cabda !important; background-color: #3cabda !important; opacity: 1; 
border-radius: 0 !important; min-width: 100% !important; top: 0px !important; left: 0px !important; margin: 0px !important; position: fixed !important;
}
.pea_cook_wrapper p a { font-size: small !important; }
.pea_cook_wrapper p a:hover { color: #0c2c5d !important; font-color: #0c2c5d !important; }
.pea_cook_wrapper p { width: 100%; min-height: 90px; padding: 40px 40px 40px 40px; align-items: center; justify-content: center; 
                                       font-size: small !important; text-align: justify; font-weight: normal !important; font-family: Verdana,Geneva,sans-serif !important; }

#pea_cook_btn { display: block; margin-right: auto; margin-left: auto; margin-top: 20px; padding: 5px;
background: #0c2c5d !important; background-color: #0c2c5d !important; border: 0px; border-radius: 0px; box-shadow: none; color: #fff; text-shadow: none; }

div.eucookie span { font-color: #fff !important; color: #fff !important; }
/* --------------------
            FOOTER
---------------------- */
hr.footerline { border-top: 2px solid #0c2c5d; border-radius: 2px; box-shadow: none !important; }
ul.footerlist { list-style-type: none !important; margin-left: 0px !important; margin-top: 15px; }
ul.footerlist li { padding: 4px 0px; }
ul.footerlist a, span.footerimprint a { font-size: 1vw; color: #0c2c5d; }

#socialmedia-box {height:45px!important; width:100% !important; text-align:left; padding-left: 4%; }
#socialmedia-box i { margin: 2.5px 20px 0px 0px; color: #0c2c5d; font-size: 35px !important; size: 35px !important; }
#socialmedia-box i:hover {text-decoration:none; color: #0c2c5d !important; }
/* -- SPITZBUB -- */
.spitzbub {color: #7b7b7b; font-weight: normal; font-size: small; letter-spacing: 0px; }
.spitzbub-span { float: right;  margin-right: 4% !important; }
/* --------------------
     SCROLL TOP BUTTON
---------------------- */
.scrollToTop { text-align:center; z-index: 999999999999;
    background: transparent; text-decoration: none; position:fixed; bottom:3%; right:2.5%; display:none;
    font-family: Verdana,Geneva,sans-serif !important; font-size: 2.2vw; font-weight: bold; color: #0c2c5d; }

/* --------------------
       FULL WIDTH
---------------------- */
.wrap {width:auto!important;padding-top:0px!important;padding:0px!important;}

@media screen and (min-width: 48em) {.wrap {max-width: 100%;}}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {max-width: 100%;}
@media screen and (min-width: 30em) {.page-one-column .panel-content .wrap {max-width: 100%;}}


/* -------------------- MOBILE ----------------------------------------------------------------------------------------------------------------------------------------- */
/* -- IOS ZOOOM - -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input { font-size: 16px !important;  }
}

/* ----------- DISABLE LANDSCAPE MOBILE ------------ */
#turn-device { display: none; }
@media only screen and (orientation: landscape) and (max-width: 768px) {
html, body { background-color: #0c2c5d; background: #0c2c5d; overflow: hidden; }
    #turn-device {
        background-color: #0c2c5d; background: #0c2c5d; z-index: 9999999999999999999;
        display: block;
        height: 100vh; overflow: hidden !important; padding-top: 10%;
        position: fixed;
        top: 0; left: 0; right: 0;
        width: 100%;
    }
}


@media only screen and (max-width: 768px) {
#slider-headline-center-box { position: absolute; width: 100%; }
#slider-headline-center { padding: 0px; top: 100px !important; font-size: 3vw!important; }
#slider-headline-center.justimg { margin-top: -10px !important; }
#slider-headline-center img { height: 80px!important; width: auto; margin-top: 0px; }

#div-startbox .textcenter.newspadding, div.img-wrapper {display:none;}
#div-startbox div .start-icon {max-width: 35px; height: auto !important; margin-bottom: 5px;  }

#datenschutz { max-width: 90% !important; margin-bottom: 30px; }


.mapcolumn3 { margin-right: 10px; min-width: 100px !important; }
}

@media only screen and (max-width: 600px) {
.flex-grid { display: block; } 
.flex-grid.news {flex: auto; justify-content: center; flex-direction: column; }

.flex-grid.flex { display: flex!important; }
.col { margin-bottom: 25px; max-width: 90%; margin:auto;}
.box {max-width: 90% !important; }
.box .blocksatz.newspadding, .umbruch {display:none;}

}

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

.serviceplus { width: 100%; color: #ffffff !important; }

.navigation-top { top: 0 !important; }


#add-menu-content, .custom-header, .menu-company { display: none !important; }
#menu-footer a, #menu-footer span { font-size: 2.6vw !important; }
.responsive-menu-button-text-open, .responsive-menu-button-text-open a {font-size: 3vw!important; }
#responsive-menu-wrapper, ul#responsive-menu { max-width: 90%; }
#responsive-menu { margin-top: 20% !important; }
#responsive-menu li a { font-size: 4vw !important; }
.custom-logo-area img { height: 50px !important; max-height: 50px !important; margin-top: 5px;}
.custom-logo-area.nfz img { margin-top: 7.5px !important;}

#slider-headline-center-box { position: absolute; width: 100%; }
#slider-headline-center { padding: 0px; top: 120px !important; font-size: 3vw!important; }
#slider-headline-center.justimg { margin-top: 110px !important; }
#slider-headline-center img { height: 70px!important; width: auto; margin-top: 15px; }
#slider-headline-left, #slider-headline-1 {  bottom: 2px !important; padding: 4px!important; max-width: 65%!important; left: 0%; }
#slider-headline-right, #slider-headline-2 { bottom: 2px !important; padding: 4px!important; max-width: 65%!important; }

h10.slider-header {font-size: 3vw !important; line-height: normal !important; }
h10.slider-header-2 {font-size: 2.2vw !important; line-height: normal !important; }

.sow-slider-pagination { padding:0px!important;bottom:0px!important;}
.sow-slider-pagination li a {max-height:5px!important;max-width:5px!important;}

h10, h10.regular { font-size: 3vw !important; line-height: 5vw !important; }
.col.box h10.regular { font-size: 2.1vw !important; }
h10.thin, h10.mixed { font-size: 2.7vw !important; letter-spacing: 0px !important; }
.pop-mixed { margin: 0px !important; text-align: left !important; }
.blocksatz { font-size: 2.4vw!important; }
div, a, span { font-size: 2.4vw; }

.box:hover { transform: scale(1) !important; box-shadow: none !important;}
.col.newsbox { padding: 0px; margin: 25px auto 0px auto !important; }

#kontakt-img, #gj-header { height: 40vh !important;  background-attachment: initial !important; }

.col.mapbox { padding: 0px; margin: 25px 4% 0px 4%; max-width: 100%!important; }
.col.mapbox:first-child { margin-bottom: 45px!important; }
.col.mapbox iframe { max-height: 125px!important; max-width: 100%!important; }
.kontaktrow {padding-bottom:25px!important;}

.footerrow {padding-top:15px!important;}
.col.footerbox { margin: 0px 0px 25px 0px !important; padding: 20px 10px 0px 10px; float: left; }
.col.footerbox.rating { width: 100%!important; min-width: 100%!important; padding-top:0px!important; margin: 0 auto 0 auto !important; text-align: center; }
ul.footerlist a, span.footerimprint a { font-size: 2.1vw; }

.scrollToTop { bottom:5%; right:5%; display:none; font-size: 9vw !important; }

/* -- LOGOS ---- */
.logo-wrap.desktop {display:none!important;}
.logo-wrap.mobile {display:inherit;}
.logo-grid--col-2 { grid-column: auto/span 3;  }
.logo-grid { display: grid; grid-gap: 22px; grid-template-columns: repeat(3, 1fr); }
.logo-margin {  margin-bottom: 5px !important; }
.logo-grid div img {max-height:50px;}
.logo-grid div img.classic {max-height:70px;}
.logo-grid div img.taxi {max-height:55px;}
.logo-grid div img.fsc {max-height:25px!important;}
.logo-grid div img.weltauto {max-height:25px!important; }

/* --- AKTUELLES (3 Felder in Reihe) -- */
.newsrow {padding: 0px 3.5% !important;  }
.col.newsbox { min-width:90%; padding: 0px; margin: 15px 1% 0px 1%; overflow: hidden; }
.col.newsbox:hover { transform: scale(1); box-shadow: none; }
.newsimage { max-height: 102px; }
.sbi_photo_wrap {max-height:102px;}
.newspadding { padding: 10px 5px 12px 5px; width: 100%; height: auto; }
.newscontent { margin-top: 12px; }
.instagramfeed { padding-top:20px; }
.aktuelles-button { margin-top: 0px; margin-bottom: 10px; }
.newscontent.blocksatz { min-height: 42px; }

/* --- Kontakt ICONS -- */
.mapcolumn1 i { font-size: 2.4vw !important; size: 2.4vw !important; }
.col.mapbox i { font-size: 2.4vw; size: 2.4vw; }

/* --- BLUE HEADER -- */
#gj-header { height: auto; max-height: 160px !important; margin-bottom:0px!important; }
#slider-headline-center.justimg { margin-top: -40px !important; }

/* -- BILD FADE IN -- */
.star { visibility: visible !important; }
.fadeIn { -webkit-animation: none !important; animation: !important; visibility: visible !important; }
@-webkit-keyframes animat_show{ 0%{opacity:0} 100%{opacity:1} }

/* --- POPUP -- */
.kleingedrucktes { font-size: .75em !important; line-height: normal !important; max-width:100%; }
.sp-nfz-img { max-height: 25px; margin-right: 10px; }
.sp-nfz-img.smaller { max-height: 20px; }

.pum-container.popmake {overflow-x: hidden; overflow-y: scroll !important; }
.pum-container, .popmake, .theme-669, .pum-responsive, .pum-responsive-large, .responsive size-large, .pum-position-fixed { padding: 25px 10px!important; 
width: 90% !important; min-width: 90% !important; height: auto !important; max-height: 90% !important; margin:0px !important; position: absolute !important;
}

div.pum-content.popmake-content h10.mixed, div.pum-content.popmake-content h10.thin { display: block; max-width: 240px !important;}
.AccordionBoxContentButton:after { display: none !important; }

ul#popuplist { padding: 0px 10px!important; }
.pum-content.popmake-content p, .contact-box-two, ul#popuplist li { font-size: 2.4vw!important; line-height: 15px!important;}

.classic-img {max-height: 250px;margin-top:15px;}


.popup-logo-img {position:relative !important; align-items: center !important; justify-content: center!important; width: 100%; }
.popup-logo-img img { max-width: 120px; margin-top: 35px; margin-left: 25px; display: block; }

.popup-img { max-height: 320px; height: auto; width: auto; }
.popup-img-2 { max-height: 200px; height: auto; width: auto; }
.popup-img-second { max-height: 100px; height: auto; width: auto; margin-top: 20px; }
.popup-img-second-logo { margin-left: 0px; margin-top: 80px; max-width: 50% !important; height: inherit; }
.popup-img-third { max-height: 80px !important; margin-top: 10px; }
.popup-img-four { max-height: 40px; margin-top: 10px; }

/* -- POPUP INHALT Links Rechts -- */
#popup-content-wrapper { display: grid; }
#popup-content-wrapper-first { min-width: 100%; }
#popup-content-wrapper-second img { max-height: 320px; height: auto; width: 100%; }
#popup-content-wrapper-second { padding-left: 0px; }

/* -- FLEX BOX POPUP NEU -- */
.id-box-1, .id-box-22 { max-width: 100%; min-width: 100%; overflow: hidden !important; padding: 0px !important; }
.id-box-1 img, .id-box-22 img { max-width: 100%; min-width: 100%; position: relative;  margin-top: 5px; margin-bottom: 5px; display: block; }
.id-box-2, .id-box-12 { width: 100%; max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; position: relative; right: auto; margin-top: 5px; margin-bottom: 5px; }
.id-box-2 p {margin-bottom: 0px !important;}
.id-box {position: relative;}

.id-margin {margin-top: 40px; }

/* --- BOXEN LINKS RECHTS -- */
.flexReverse { display: flex; flex-direction: column-reverse; }
.flexReverse .col { display: block; }

.col.box.image {padding-bottom:0px!important; }
.col.box.image img {max-height:220px; object-fit: cover;}
.col.box.content.boxpadding {padding:10px 5px 5px 5px !important; min-width: 90%; }

.boxpaddingonly {padding:10px 5px 5px 5px !important; min-width: 90%; }

.panel.show, .panel.show p {margin-top: 0px!important;}
div.show {margin-top: 0px!important;}

.pum-trigger .popswitch-regular { font-size: 2.4vw !important; }
.pum-trigger .popswitch-thin { font-size: 2.4vw !important; }

#popmake-4875, #popmake-4875 div.pum-content.popmake-content,
#popmake-2648, #popmake-2648 div.pum-content.popmake-content,
#popmake-2483, #popmake-2483 div.pum-content.popmake-content,
#popmake-1046, #popmake-1046 div.pum-content.popmake-content,
#popmake-2530, #popmake-2530 div.pum-content.popmake-content,
#popmake-1487, #popmake-1487 div.pum-content.popmake-content,
#popmake-2532, popmake-2532 div.pum-content.popmake-content
{ max-height: 300px !important; min-height: 250px !important; overflow: hidden !important; }

#popmake-1037, #popmake-1037 div.pum-content.popmake-content,
#popmake-3162, #popmake-3162 div.pum-content.popmake-content
{ max-height: 340px !important; min-height: 300px !important; overflow: hidden !important; }


/* -- IMG Padding (top, right, bottom, left) -- */
.img-var-right-one img { padding: 0px !important; }
.img-var-right-two img { padding: 0px !important;  }
.img-var-left-one img { padding: 0px !important; }
.img-var-left-two img { padding: 0px !important; }
/* ---- Ansprechpartner ----- */
.contact-box { margin-top: 15px; margin-bottom: 10px; }
.contact-box-one, .contact-box-two {margin-top:15px;}
.contact-box-one { width: 70px; margin-right: 10px; }
.contact-box-one img { min-height: auto; max-height: 87px; width: 70px; min-width: 70px; }
.contact-box-two { margin-right: 0px; min-height: 87px; min-width: 60%; }
.contact-box-two div { bottom: 1px; }

/* -- Terminvergabe ------ */
#popmake-1160 { width: 90% !important; min-width: 90% !important; margin:0px !important; position: absolute !important; }
.caldera_forms_form label { font-family: Verdana,Geneva,sans-serif !important; font-size: 1vw; font-weight: bold; color: #fff; letter-spacing: -0.01em; }
.field_required, span.help-block {display: none!important;}
#popmake-1160 div p h10.thin {display: none!important;}
.parsley-required { font-family: Verdana,Geneva,sans-serif !important; font-size: 1vw; font-weight: normal; color: #fff; letter-spacing: -0.01em; }

input { max-height:22px!important; max-width: 90%; padding:1px!important; }
select { max-height:22px!important; max-width: 90%; padding:1px!important;}
textarea {  max-height:140px!important; max-width: 90%; padding:1px!important;}
input.btn.btn-default {padding:2px!important; font-size: 2.1vw!important;}
label, label a { font-size: 2.1vw!important;}
.form-group {margin-bottom: 8px!important; }

::-webkit-input-placeholder { font-size: 11px; padding-top: 4px; }
::-moz-placeholder { font-size: 11px; }padding-top: 4px; 
:-ms-input-placeholder { font-size: 11px; padding-top: 4px; }
::placeholder { font-size: 11px; padding-top: 4px;  }

/* Tooltip container */
.tooltip { font-size: xx-small; border-radius: 20px; width: 10px; }
/* Tooltip text */
.tooltip .tooltiptext { width: 250px; font-size: xx-small; line-height: normal;
  /* Position the tooltip text */
  position: absolute; z-index: 1; bottom: 125%; left: 50%;
  margin-left: -60px; opacity: 0; transition: opacity 0.3s;
}

/* -- FOOTER ------ */
.col.footerbox { min-width: 28%; width: auto; }
/* -- SPITZBUB -- */
.spitzbub { font-size: xx-small; }
.spitzbub-span { float: right;  margin-right: 4% !important;  margin-top: 20px; }

#socialmedia-box {margin-top: 20px !important;}

html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* -------------------- MOBILE  ENDE ------------------------------------------------------------------------------------------------------------------------------------ */
}


/*------------ TABLETS ------------*/
@media only screen 
  and (min-width: 1023px) and (max-width: 1367px) 
  and (min-height: 600px) and (max-height: 1367px) 
  and (orientation: landscape) and (hover: none) {

.contact-box-two { min-height: inherit; }

}
@media only screen 
  and (min-width: 600px) and (max-width: 1367px) 
  and (min-height: 1023px) and (max-height: 1367px) 
  and (orientation: portrait) and (hover: none) {

.contact-box-two { min-height: inherit; }


}