/* Scroll 2 Top Balken */

.sp-scroll-up {
  background: #164194;
  color: #ffcc00;
}


/* ########### HEADER START ##############################################################*/

/* Schriftzug im Header, Textfarbe des Links */
#sp-header .logo a {
  color: #164194;
  text-decoration:none;
  font-weight: bold;
  font-size: 18px;
}

/* Header wird auf die gesamte Breite aufgeteilt */
.col-lg-3 { /* Schriftzug links */
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
.col-lg-9 { /* Canvas Menü rechts (3 Striche)*/
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

/* Canvas Menü Inhalt*/
.offcanvas-menu {
  /*background-color: #bfe7ff;*/
  background-color:#e6f4ff
  color: #164194;
  background-image: url("/images/Logo/schullogo.png");
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-size:50%;
}



/* Schatten um animiertes Willkommen*/
#sppb-addon-1606724446540 .animated-text-words-wrapper {
  text-shadow: 0 0 3px black;
}

.fa-quote-left {
  text-shadow: 0 0 3px black;
  
}

/* Icon bei Schulformen einen Schatten geben */
h1.sppb-addon-title .sppb-addon-title-icon {
	text-shadow: 0 0 3px black;
}

.sppb-section .headerRahmen {
  border-radius: 10px 80px 10px 10px;
  border-width: 0.3px !important;
}

/* ########### HEADER STOP */


/* ########### Modals verändern ################################################################*/

/*#rl_modals_close, #rl_modals_next, #rl_modals_previous {
 	top:0 !important; 
}
*/
/*Hintergrund anpassen vom IFRAME Modal 
.rl_modals_iframe {
  background-color: #e6f4ff;
}
*/

/* ########### Modals verändern STOPP */


/* ########### Schulformen ################################################################*/
/*Hovereffekt auf Kacheln */


.schulform:hover {
   filter: brightness(0.7);
}

.schulform img {
  border-radius: 10px 20% 10px 10px;
  
}

#sppb-addon-1608497728805 img{
border-radius: 10px 20% 10px 10px;
}

/* ########### Schulformen STOPP */



/* Accordian FAQ-Plugin */
#accordion1.graybarfaq .accordionfaqheader {
 min-height: 50px;
 display: flex;
 align-items: center; 
 color: #164194:
}
#accordion1.graybarfaq.headerbackground .accordionfaqheader, #accordion1.graybarfaq.headerbackground .accordionfaqheader a, #accordion1.graybarfaq.headerbackground .accordionfaqheader:hover, #accordion1.graybarfaq.headerbackground .accordionfaqheader:hover a, #accordion1.graybarfaq.headerbackground .accordionfaqheader.selected, #accordion1.graybarfaq.headerbackground .accordionfaqheader.selected a {
  margin: 10px 0px 0px !important;
  padding-left: 30px;
  font-weight: normal;
  font-size: 100%;
}

.accordionfaq.arrow span.accordionfaqicon {
  background-image: url(../images/collapsed-black_neu.gif);
}
#accordion1.graybarfaq.arrow .accordionfaqheader.selected span.accordionfaqicon, #accordion1.graybarfaq.rtl.arrow .accordionfaqheader.selected span.accordionfaqicon {
  background-image: url(../images/expanded-black_neu.gif);
}
#accordion1.graybarfaq.arrow .accordionfaqheader:hover span.accordionfaqicon {
  background-image: url(../images/expanded-black_hover.gif);
}


/* Ende Accordian FAQ-Plugin */


/* Kontakt Icons */
 .sppb-nav-lines > li.active > a{
  color: #ffcc00 !important;
  border-bottom-color: #164194 !important;
}

.sppb-tab-icon > li.active > a, .sppb-tab-icon > li.active > a:hover, .sppb-tab-icon > li.active > a:focus {
  color: #ffcc00;
  border-bottom-color: #164194;  
}



/*BBB Label-Schrift */

.form-builder-radio-content label {
 font-size:larger; 
}