body.page-id-7 #footer  , body.page-id-7 .nb, body.single-sac_standort #footer, body.single-sac_standort .nb,
    body.home  #footer  ,  body.home  .nb ,
  body.page-id-9  #footer  ,  body.page-id-9  .nb 

     { border:none; }






.horizontal-nav .btn {width:200px}

.horizontal-nav b {font-weight:normal}

.btn-group .btn { border:#fff; background:#2A3E92;border-radius:0;}
.btn-group .btn a,
.btn-group .btn span
 {color:#fff; }


.btn-group .btn span { font-weight:bold;font-size:22px}

button.btn-center { border-left:6px solid #fff !important; border-right:6px solid #fff !important; }
.btn-group .btn a { position:relative;top:-3px;left:0}

h3 { 
font-size:20px;
font-weight:bold;
margin-bottom:0px;
padding-top:20px !important;

clear:left;
}


.claim , .logo { position:relative}







/*was ist mit den desktopicons zwischen 768 -*/





/* Navbar (Bootstrap 5, Maße wie zuvor unter Bootstrap 3) */
.navbar-custom { display:block; padding:0; background:#fff; min-height:30px; margin-right:-15px; margin-bottom:8px; }
.navbar-custom::after { content:""; display:table; clear:both; }
#navbar { clear:both; padding-left:15px; }

.navbar-custom .navbar-nav .nav-link {
    padding: 10px 25px;
    line-height: 20px;
    color:#2A3E92;
    text-transform: uppercase;
}

@media  (max-width:767px) {
.navbar-custom .navbar-nav .nav-link {
    padding: 10px 15px;}
}

.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-link:focus
{color:#98D320}

.navbar-custom .navbar-toggler {
    float:right; margin:8px 15px 8px 0; padding:9px 10px;
    border:1px solid #2A3E92; border-radius:4px; line-height:normal; font-size:inherit;
}
.navbar-custom .navbar-toggler:focus:not(:focus-visible) { box-shadow:none; }
.icon-bar { display:block; width:22px; height:2px; border-radius:1px; background:#2A3E92; }
.icon-bar + .icon-bar { margin-top:4px; }


body.page-template-default	 .content  { background:#fff;padding: 50px 0;}

body.page-id-9   .content  { padding-top:0;}

body.page-id-9   .content  .imgwrapper {margin:0 -15px}

/*
.content > div:last-child { margin-bottom:120px}
*/
/* Containerbreiten und 30px-Raster wie unter Bootstrap 3 */
.container, .row { --bs-gutter-x: 30px; }
.container { max-width:none; }
@media (min-width:768px)  { .container { max-width:750px; } }
@media (min-width:992px)  { .container { max-width:970px; } }
@media (min-width:1200px) { .container { max-width:1024px; } }
/* Kinder ohne Spaltenklasse (Slideshow, Karte, Footer-Widgets) liefen unter BS3 ohne Innenabstand über die volle Breite */
.row > :not([class*="col-"]) { padding-left:0; padding-right:0; }
/*
.content { padding:50px 0; }
*/





iframe { margin-top:20px}

body .content a,
body #footer a {color:#2A3E92}




strong , h3 { letter-spacing: 0px} 


body {    font-family: FFDINWebProRegular, sans-serif;
background:#fff; color:#2A3E92; font-size:14px; line-height:1.428571429;}

/* Typo-Grundwerte wie unter Bootstrap 3 */
p { margin:0 0 10px; }
h1 { margin-top:20px; margin-bottom:10px; line-height:1.1; }
a { color:#337ab7; text-decoration:none; }
a:hover, a:focus { color:#23527c; text-decoration:underline; }
/* steht im Seiteninhalt (Unternehmen) */
.img-responsive { display:block; max-width:100%; height:auto; }



h1 {     font-size:16px;font-weight:bold;}
   

.logo { margin:0 -15px; }




.leaflet-tooltip {

    
}


.leaflet-tooltip p {

  color:#2A3E92;


    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;

    color:#2A3E92;

}

.leaflet-tooltip img { width:100px; filter: grayscale(100%); }



.mapmarker { 
  width:24px !important;
  height:24px !important;
  border-radius: 18px; 
  border:2px solid #98D320;
  background:#fff;
  text-align:center;
  line-height:25px;
  font-size:15px;
  color:#98D320;
  font-weight:bold;
}

.locationmarker { 
  width:24px !important;
  height:24px !important; 
  border-radius: 15px; 
  border:2px solid #98D320;
  background:#fff;
  text-align:center;
  line-height:25px;
  font-size:15px;
  color:#98D320;
  font-weight:bold;
}

.box { 
  width:12px;
  height:12px;
  margin:5px 0 0 5px;
  background:#98D320;
  border:1px solid #fff;

}



#circle { 
 
  background:#fff;
  width:460px; 
  height:460px;


  border-radius: 230px; 
   padding:90px 10%  0 10% ;
   margin:10% auto;
   opacity: 0.75;
}


#outer-circle {

  width:100%;
  position:absolute; 
  z-index:1000;
  left:0;
  top:0;

}


#claim {

   font-size:42px;
   line-height:130%;

   border-bottom:2px solid #2A3E92;
   color:#2A3E92;
   opacity: 1;
   text-transform:uppercase;

}


  .size-full { width:1024px; }


  .nb { border-bottom:2px solid #2A3E92; }


    #footer { border-top:2px solid #2A3E92; padding-top:10px; }






    ul { list-style-type:none; margin:0 ; padding:0; }

    .menu-footer-container {text-align:center; text-transform: uppercase}



    .logo { position:relative; width:100%;}
    #mobile { cursor:pointer;position:absolute;right:-6px; top:26px; width:40px;z-index:10;}
        #envelope { position:absolute;right:-6px; top:64px; width:40px;z-index:10;}


        #navbar { padding-right:10px; }
        


        #circle { display:none; }



        .slide { display:none; }
        .slide:first-child { display:block; } 




#shadow   { 
  padding-left:8px; 
  line-height:28px;
  height:28px;
  color:#fff;
  font-weight:bold;
  background:#2A3E92;
  position:absolute;
  right:20px; 
  top:4px;

  width:0px;
  display:none;
  overflow:hidden;
  
}



#storeshow {

 display:none;
 background:rgba(152,211,32,0.8);

 padding-top:20%;
 margin-top:-680px;
 z-index:1000;
 position:relative;
 min-height:680px;

}
/*
.slick-center div ,
.slick-active div {background:rgba(152,211,32,0.4);} 
*/


#storeshow img {width:100%;  }


.slick-active  img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity : 0.6;
}

.slick-center img {

  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
   opacity : 1;
}

/* wächst bei langen Titeln nach oben ins Bild; gleiche Höhe für alle setzt map.js (fitTitles) */
.storetitle { 
  padding:5px 8px;
  line-height:20px;position:relative; color:#fff;transform:translateY(-100%);background:rgba(152,211,32,0.6);}

/* mobil: Slider mit einem Slide (map.js), Bild + Titel 280px zentriert */
@media  (max-width:600px) {
  #storeshow .storeshowslide img,
  #storeshow .storeshowslide .storetitle { max-width:280px; margin-left:auto; margin-right:auto; }
  #storeshow .storeshowslide img { display:block; }
}



    #mobile img,
    #envelope img {
      width:40px;
    }

  #shadow , #mobile img { 
    position:absolute; 
    z-index:5;
  }


@media  (max-width:767px) {

  #shadow {
           right:auto;
           top:4px;
           left:13px;

  }

  #shadow.open {

           padding-left:24px;


  }



  
   

.navbar-custom .navbar-toggler{
        margin-top:-52px;

   }

   .navbar-collapse  ul { margin-top:36px; }
   #navbar { border-top:1px solid transparent; } /* verhindert Margin-Collapse wie unter BS3 */


   div.nb {
        margin-top:-20px;


   }

   .logo {  min-height:86px;}

   #envelope { 
    right:auto;
    left:33px;
    top  :56px;
    }

    #mobile { 
    right:auto;
    left:73px;
    top  :56px;
    }   


    .navbar-custom .navbar-nav .nav-link {
    padding: 10px 0;
    margin-left: -10px;
}

.navbar-nav {
    margin: 7.5px 0px;
}

  
}

@media  (max-width:400px) {

.navbar-custom .navbar-toggler{
        margin-top:-11px;

   }

      .navbar-collapse  ul { margin-top:5px; }



}

@media  (min-width:992px) {
.navbar {margin-left:275px;}

}


@media  (min-width:700px)  AND (max-width:992px) {

#circle {

  height:380px;
  width:380px;
  padding-top:100px;
}

#claim {

   font-size:36px;

}
}


@media  (min-width:400px)  AND (max-width:699px) {


  #circle {

  height:300px;
  width:300px;
  padding-top:60px;
  margin-top:6%;
}

#claim {

   font-size:30px;

}}


@media   (max-width:399px) {

  #circle {

  height:200px;
  width:200px;
  padding-top:60px;
  margin-top:6%;
}

#claim {

   font-size:18px;

}

}


#contactmap { width:100%; min-height:460px; }


.logopopup img{ width:200px; margin:0 -20px; }
.logopopup p { margin-top:-5px !important}


.page-id-14  .leaflet-popup-close-button {display:none;}



.storeshowslide {  float:left; width:33%;}

#storeshow.just2 div:first-child {margin-left:16.666666667%}



#storeshow.just1 div:first-child {padding-left:33.3333333333333%;}


#storeshow.just1  .storeshowslide { width:66%; }
#storeshow.just2  .storeshowslide { width:33.3333333333333%; }
/*
.image {border:1px solid red;left:0;top:0;position:absolute; }
*/



.slick-nav { 
  padding:0; 
  width:34px;
  height:34px; 
  background-color:transparent;
  border:none;
  position:absolute;
  bottom:3%;
  z-index:100; 
  
  color:#fff;
} 

.slick-prev { left:20px;  background-image:url(../img/links.png);
 }
.slick-next { right:20px; background-image:url(../img/rechts.png);}


#sac-close  { 
  cursor:pointer;
  display:none; 
  
  right:15px; 
  top:15px;
  position:absolute;
  z-index:1001; 

    width:34px;
  height:34px; 
  background-color:transparent;
  background-image:url(../img/close.png);
 
}

#reset {

   position:absolute;
  z-index:1001; 

    width:34px;
  height:34px; 
  background-color:transparent;
  background-image:url(../img/zurueck.png);
  display:none;
  left:21px;
  top:626px;


}


#map {  height:680px; } 
     

        #reset:hover {text-decoration: none}



#sac-close:hover {text-decoration: none} 




#menu-footer li { float:left ; margin-right:4px;margin-left:4px;margin-bottom:10px}

#nav_menu-2 .menu-footer-container {
	text-align:center
	
}

#menu-footer{ width:195px; margin:0 auto}

body.page-id-752 .content ul {
	
	list-style-type : disc;
	margin-left:20px;
	margin-bottom:20px;
	
	
}

/* Leaflet-Schrift wie unter Leaflet 1.2; "body" schlägt das später geladene leaflet.css */
body .leaflet-container, body .leaflet-popup-content { font-size: 12px; }
body .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }
body .leaflet-container .leaflet-control-attribution { font-size: 11px; }