/* custom styles */

.femanager_show {display:none!important;}

.browsehappy {
  display:none;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px;
  background: #fff;
}

@media all and (-ms-high-contrast:none) {
     .homecards, .suitencards { display:none } /* IE10 */
     *::-ms-backdrop, .homecards, .suitencards { display:none } /* IE11 */
}
@media all and (-ms-high-contrast:none) {
     .browsehappy {display:block} /* IE10 */
     *::-ms-backdrop, .browsehappy {display:block} /* IE11 */
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: static !important; /* damit stickyfooter funktioniert */
}
a:hover {text-decoration: none; }
footer a:hover {color: #fff;}

.anchor {margin-top: -70px; position:absolute;}

.main-content {min-height: 500px;}

.wirsection {
  border-top: 1px solid #dfdfdf;
  border-bottom: 0px solid #dfdfdf;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
  }

@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('../fonts/ArchitectsDaughter-webfont.eot');
    src: url('../fonts/ArchitectsDaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ArchitectsDaughter-webfont.woff') format('woff'),
         url('../fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('../fonts/ArchitectsDaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 {
  font-family:'ArchitectsDaughterRegular',"Quicksand", "Open Sans",Verdana,Arial, sans-serif;
  margin-bottom:30px;
  color: #444;
  }
h4.jpfaqCatCommentFormIntroHeader {font-size: 1.2rem;}


/* ########################
** ### Nav 
** ##################### */

#main-navbar {height: 50px;}
.navbar-brand {margin-right: 20px;}
.navbar .form-control {padding-left: 5px;}
.navbar #searchbox input[type="text"] {background-color:rgba(255,255,255,0.3); color: #fdfdfd;}
.navbar-nav li {
  border-left: 1px solid rgba(255,255,255,0.2);
  font-weight:600;
  font-size:1.1rem;
  line-height: 20px;
}
.navbar-nav li:last-child {border-right: 1px solid rgba(255,255,255,0.2);margin-right: 10px;}
.navbar-nav li:first-child {margin-left: 10px;}

/* searchicon anstatt Suchfeld, envelopeicon anstatt Kontakt, loginicon > template navigation.html > Zeile 115 */
.nav-item.additionalicon {list-style: none;}
.additionalicon a {color: rgba(255, 255, 255, 0.75);}
.additionalicon a:hover {color: rgba(255, 255, 255, 1.0);}
.noshow {display:none}

/* je nach breakpoint anpassen */
@media (max-width: 992px) {
  #main-navbar {height:auto;overflow-y: auto!important;} /* overflow-y auf .navbar-expand-lg von bootstrap wird aufgehoben */
  .navbar {padding-top:0px;padding-bottom:0px;margin-top:-10px;}
  .navbar .navbar-collapse.show ul {margin-top:0px}
  .navbar-nav li {border: 0px}
  .navbar-nav li:last-child {margin-right: 0px;}
  .navbar-nav li:first-child {margin-left: 0px;}
  .nav-fill .nav-item {text-align: left;border-bottom: 1px solid lightgrey;}
  .nav-fill .nav-item:first-child {border-top: 1px solid lightgrey;}
  .nav-fill .nav-item a {font-size:1.2rem;padding-bottom: 4px; padding-top:4px;}
  .navbar #searchbox input[type="text"] {min-width:400px}
  .navbar-collapse li.additionalicon {display: inline-block;}
}

/* eigener Toggler fuer HamburgerMenu: ueber TypoScript im plugin.t3sbootstrap eigenes Template fuer Navbar.html einbinden */
.navbar-toggler { 
    border: 0px solid transparent;
    border-radius: 5px;
    height:57px;
    /* background: transparent url(/fileadmin/website/images/MENU.png) top no-repeat; */
    padding-top: 10px;
}

/* beim scrollen */
.tinynav #main-navbar {
  height: 50px;
  margin-top: 0px;
  -webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
   transition: all .25s linear;
}

/* je nach breakpoint anpassen */
@media (max-width: 992px) {
  .tinynav #main-navbar {height: auto;margin-top:-10px;}
  .tinynav .navbar {padding-top:0px;padding-bottom:0px;}
  .tinynav .navbar-toggler {
    height: 45px;
    -webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
   transition: all .25s linear;
    }
}

.tinynav .navbar-toggler { 
   margin-top:0px;
   -webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
   transition: all .25s linear;
   }
.tinynav .navbar .form-control {
 /* margin-top:80px; */
  -webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
   transition: all .25s linear;
  }

.navbar-toggler .icon-bar {
    display: block;
    width: 50px;
    height: 3px;
    border-radius: 2px;
    margin-bottom: 7px;
}  
.navbar .navbar-toggler .icon-bar {background-color: #fff;}  
.navbar button[aria-expanded="true"] .icon-bar {background-color: gold;}
/* .navbar button[aria-expanded="true"].navbar-toggler {background-image:none;} */

.navbar button[aria-expanded="true"] .icon-bar1 {
   transition: all 0.3s linear;
   margin-top: 10px;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
} 

.navbar button[aria-expanded="true"] .icon-bar2 {
   transition: all 0.3s linear;
   background-color:transparent;
}

.navbar button[aria-expanded="true"] .icon-bar3 {
  transition: all 0.3s linear;
  margin-top: -20px;  
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
} 

.tinynav .navbar-nav .nav-link {
   -webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
   transition: all .25s linear;
}

.dropdown-menu {
    padding: 0px;
    border-radius: 0px;
    background-color: #d9230f;
  }

.dropdown-menu .dropdown-item {
  text-align: center;
    color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
  }
 .dropdown-menu .dropdown-item:hover {
    color: #dfdfdf;
  } 

/* Animation: je nach breakpoint anpassen */
@media (min-width: 992px) {

.nav-fill li a {
	background:
     -webkit-gradient(
       linear, left top, left bottom, from(#d9230f),
       to(#fdfdfd)
     );
 background:
     linear-gradient(
       to bottom, #d9230f 33%,
       #fdfdfd 100%
     );
    background-position: 100% 0;
	/* Animation von unten nach oben */
	/* background-position: 0 100%; */
    background-repeat: repeat-x;
    background-size: 0px 1px;
  text-decoration: none;
  -webkit-transition: background-size .5s;
  transition: background-size .5s;
}

.nav-fill li a:hover, .nav-fill li.active a {
  background-size: 4px 94px;
  border-radius:0px;
}

}

@media (max-width: 992px) {
 aside .collapse:not(.show) { display: block; z-index:-1 !important; /* unsichtbar beim Scrollen */}
}

/* ########################
** ### felogin 
** ####################  */

.tx-felogin-pi1 h3 {display:none;}

.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
    display: block;
    width: 100%;
    max-width: 400px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bbb;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tx-felogin-pi1 input[type="submit"] {margin-top: 20px;}

/* ########################
** ### jpFAQ 
** ####################  */

.jpfaqList li {
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  background-color: #fff;
}
.jpfaqList li.list-group-item {
	border: 0px;
	padding: 10px 0;
}

.jpfaqAnswer li {
  margin-bottom: 0px;
  cursor: default;
  border: 0px;
  border-radius: 0;
  background-color: transparent;
  list-style-type: circle;
  margin-left: 20px;
}
.jpfaqAnswer li.list-group-item {
	margin-left: 0px;
	padding: 5px 0;
}

.jpfaqList li h3, .tx-jpfaq li h3.questionUnfolded {
  font-size: 1.1rem;
  font-weight: 500;
  color: #d9230f;
  padding: 10px;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  background-position: right;
  background-origin: content-box, content-box;
  }

.tx-jpfaq li h3.questionUnfolded  {
  border-bottom: 1px solid lightgrey;
}
.jpfaqAnswer {
  padding: 10px;
  margin-top:10px;
  border-top: 0px solid lightgrey;
}
.jpfaqList li h3:hover {color: #178afe;}

.jpfaqQuestionCommentContainer {
  font-size: 90%;
  border-top: 1px solid lightgrey;
  margin-top: 20px;
  padding-top: 5px;
  max-width: 100%!important;
}
/* Zeilenumbruch erzwingen */
.jpfaqCatCommentContainerIntroText::after {content: "\A"; white-space: pre;}

 .toggleTriggerContainer:hover {cursor:default}

/* ########################
** ### News, News Frontend
** ##################### */

/* Aktuell Home, Aktuell */
#tabContent-144 .news .news-list-category, #tabContent-144 .news .news-list-date {display:none;}
#c65 .news .news-list-category, #c65 .news .news-list-date {display:none;}
#c65 .news .media-body .text-muted, #tabContent-144 .news .media-body .text-muted {display:none;}

/* Aus der Schule Home, Aus der Schule + Archiv */
#c67 .news .media-body .text-muted, #c85 .news .media-body .text-muted, #c521 .news .media-body .text-muted {display:none;}
#accordion-112 .news .media-body .text-muted {display:none;}

/* Agenda Home, Agenda, Agenda intern */
#tabContent-57 .news .media img, #tabContent-195 .news .media img,  #c66 .news .media img {display:none;}
#tabContent-57 .news .news-list-category, #tabContent-195 .news .news-list-category, #c66 .news .news-list-category {display:none;}
#tabContent-57 .news .media-body .text-muted, #tabContent-195 .news .media-body .text-muted, #c66 .news .media-body .text-muted {color:transparent !important;} /* Pipe unsichtbar */
#tabContent-57 .news .news-list-date, #tabContent-195 .news .news-list-date, #c66 .news .news-list-date {
  color: #777;
  font-size: 1.1rem;
  font-weight:600;
}
#tabContent-57 .news .news-list-date:after, #tabContent-195 .news .news-list-date:after, #c66 .news .news-list-date:after {
  padding-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f133"
}

.news-single .news-list-date {
  color: #444;
  font-size: 1.25rem;
  font-weight:600;
  padding: 10px;
  border-left: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.tx-md-newsfrontend h1 {
  color: #666;
  font-size:1.3rem;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
  }
  .tx-md-newsfrontend label {
    font-weight:600;
  }
  .tx-md-newsfrontend legend {
    font-size: 1.2rem;
  }
.tx-md-newsfrontend .newsfrontend-list div {
   border-bottom: 1px solid lightgrey;
   padding-bottom: 5px;
   padding-top: 5px; 
   }
.tx-md-newsfrontend .row {margin-left: 0px;margin-right:0px;}
.tx-md-newsfrontend .odd, .tx-md-newsfrontend .even {border-bottom: 1px solid lightgrey; padding: 5px 0px;}


/* ########################
** ### footer 
** ##################### */
footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f3f3f3
}

/* ########################
** ### Jumbotron 
** ########################
*/
/* Bild bis an den Seitenrand */
.jumbotron {
  padding:0px;
  margin:0px;
  margin-top: -10px; /* falls main-nav 50px hoch */
  background-color:#fcfcfc;
  }
.jumbotron figure {margin-left: -15px;margin-right: -15px;}
.jumbotron picture img {width:100% !important}
.jumbotron-topbild {margin-left: -15px;margin-right: -15px;margin-top:60px;}
/* je nach breakpoint anpassen */
@media (max-width: 992px) {
  .jumbotron-topbild {margin-left: -15px;margin-right: -15px;margin-top:65px;}
}

/* ########################
** ### Carousel 
** ##################### */
.carousel-caption h5 {}
.carousel-item figure img {width: 100%;}  
/* carousel auf home */
#carousel-39 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -3rem !important;
    margin-bottom: 30px;
}

/* ########################
** ### Accordion 
** ##################### */

.collapsible-accordion .card-header a  {
   background: transparent url(/fileadmin/website/icons/plus.png) no-repeat right;
}
.collapsible-accordion .card-header a[aria-expanded="true"]  {
   background: transparent url(/fileadmin/website/icons/min.png) no-repeat right;
}
/* .collapsible-accordion .card-header a::after  {
   position:relative;
   float:right;
   top: 0px;
   right:10px;
   font-size: 16px;
   font-family: 'fontawesome';
    content: "\f067";
}
.collapsible-accordion .card-header a[aria-expanded="true"]::after  {
   position:relative;
   float:right;
   top: 0px;
   right:10px;
   font-size: 16px;
   font-family: 'fontawesome';
    content: "\f068";
} */
.collapsible-accordion .card-header h5 {font-size:1.0rem;}

/* ########################
** ### Powermail 
** ##################### */ 
.powermail_fieldset .col-md-6 {flex: 0 0 99%; max-width: 99%;}
.powermail_fieldset label.col-sm-2 {flex: 0 0 99%; max-width: 99%;}

.tx-powermail fieldset, .tx-md-newsfrontend fieldset {
  border: 1px solid #ddd;
  padding: 1rem;
  margin-top: 0px;
  margin-bottom: 30px;
  background: #fff;
}

.tx-powermail fieldset legend, .tx-nd-newsfrontend fieldset legend {
  padding: 10px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
	background:
     -webkit-gradient(
       linear, left top, left bottom, from(#fff),
       to(#fcfcfc)
     );
    background:
     linear-gradient(
       to bottom, #fff 33%,
       #fcfcfc 100%
     );
    background-position: 100% 0;
	/* Animation von unten nach oben */
	/* background-position: 0 100%; */
    background-repeat: repeat-x;
    background-size: 0px 1px;
  text-decoration: none;
  -webkit-transition: background-size .5s;
  transition: background-size .5s;
}

/* ########################
** ### Cards 
** ##################### */ 

.card.ce-link-content {box-shadow: 0 1px 3px rgba(217,35,15,0.12), 0 1px 2px rgba(217,35,15,0.24);}
.card.ce-link-content:hover{box-shadow:0 10px 20px rgba(217,35,15,0.20),0 7px 7px rgba(217,35,15,0.18)}
.homecolumns .card {min-height:250px;}

/* #####################
** ### femanager  ###
** ################## */ 
.femanager_list .list-group-item {padding: 0.75rem 0.75rem 0px 0.75rem;}
.femanager_list .table {margin-bottom:0px;}
.femanager_list .table > tbody > tr > td {border-top:0px;padding-top:0px}
.femanager_list h4 {font-size:1.2em;}
.femanager_list .user-company, .femanager_list .user-email {color: #888}
.femanager_list .femanager-name {font-weight:500}
.femanager_list .femanager-email {font-size:90%;margin-top:-10px;}
.femanager_list .femanager-title {font-size:90%;}
.femanager_list .femanager-image img {width:200px;height:200px;border-radius:5px}
.femanager_list .list-group-item{border-radius: 4px;}
.femanager_list .list-group-item:first-child {background: #fdfdfd;width:100%;}
.femanager_list .media-left, .media>.pull-left {padding-right: 0px;margin-right: 15px;}
.femanager_list p {margin-bottom: 5px;}
.femanager_list .media-body {margin-bottom: 15px;}
.femanager_list .fas {margin-right: 10px;}
.femanager_list .user-email .fas {margin-left: 3px;margin-right:11px}

/* ########################
** ### indexed_search 
** ##################### */ 

.tx-indexedsearch-info {display:none}
.tx-indexedsearch-percent {font-size: 12px}