.informationen { background-repeat:no-repeat;background-position:top;padding-top:400px;background-size:cover; background-attachment: fixed; }
.informationen.info_nobild { padding-top:100px; }
.informationen > img { display:none }
.informationen > div { max-width:1155px;margin:0px auto 0px auto;padding-top:100px;background-color:white }
.informationen .graybg { padding-left:236px;background-color:#EFF3F5;margin-bottom:30px;margin-top:40px  }
.informationen .graybg { font-size:24px;line-height:24px;padding-right:200px;padding-bottom:65px  }
.informationen .graybg .text { font-size:22px;line-height:32px  }
.informationen .graybg h3 { font-size:35px;line-height:35px;padding-top:122px;margin-bottom:5px  }
.informationen .graybg h2 { font-size:35px;line-height:35px;font-weight:bold;padding-bottom:56px  }
.informationen .intro { padding: 30px 100px 0px 100px;text-align:center;clear:both;  }
.informationen .intro h3 { font-size:28px;line-height:28px;margin-bottom:30px }
.informationen .intro h2 { font-size:60px;line-height:70px;font-weight:bold  }
.informationen .infos .inhalt { margin-bottom:30px;margin-left:100px;margin-right:100px  }
.informationen .infos .inhalt .text { margin-bottom:30px;  }
.informationen .infos .inhalt h3 { margin-top:60px;margin-bottom:30px;  }
.informationen .infos .inhalt .aktuelles { padding-bottom:60px }
.informationen .infos .inhalt .aktuelles h2 { font-size:35px;line-height:35px;font-weight:bold;margin-bottom:30px }
.informationen .infos .inhalt .aktuelles h3 { font-size:35px;line-height:35px;margin-bottom:5px }
.informationen .infos .inhalt .aktuelles .text { padding-top:30px }
.informationen .infos .abotypen { margin:52px 200px 30px 200px;  }
.informationen .infos .abotypen > p { margin:40px 0px 15px 30px;  }
.informationen .infos .abotypen > p > img { height:35px }
.informationen .infos .abotypen > div { margin-bottom:10px;overflow:hidden;border-radius: 20px 20px 20px 20px;padding:26px;background-color:#EFF3F5;position:relative;/*height:100px*/ }

.informationen .infos .abotypen > div > div h4 { font-size:16px;line-height:16px;margin-bottom:5px;display:inline-block;margin-left:15px }
.informationen .infos .abotypen > div > div h5 { font-size:22px;line-height:22px;font-weight:bold;display:inline-block }
.informationen .infos .abotypen > div > div > div:first-child { float:right;font-size:16px;line-height:16px; }
.informationen .infos .abotypen > div > div > p { font-size:16px;line-height:23px;padding-top:10px }

.informationen .infos .mitglied_btn { display:block;text-align:center;margin-top:40px }

.informationen .qa { padding:120px 200px;min-height:400px }

.informationen .footer { max-height:520px;position: absolute; left: 0px; width: 100%;  }

.maps { padding:30px; position:relative;margin:0px auto; }
.maps .rectangle.left { position:relative;width:60% }
.maps .rectangle.right { width:40%;padding:15px 0px }
 #map { padding:0px;margin:0px;position:absolute;top:0px;left:0px;right:0px;bottom:0px }
 
.suche  { margin-top:80px; padding:0px 250px 0px 47px;/*position:absolute;*/ }
.suche.mittreffer  { margin-left:0px;margin-right:50px;padding-right:0px;padding-left:0px;margin-top:37px }
.suche .icon-suche, .suche .suchenbtn { display:none }
.suche h2 { font-size:36px;line-height:50px;padding:0px;margin-bottom:20px }

.suchform { display:none;background-color:white;z-index:79;padding:30px 30px 30px 70px }


.suchform > div input, .suchform > div select { border-bottom:solid 1px #F27405;color:#F27405 }
.suchform .button { border:solid 1px #F27405; }
.suchform .button > span { color:#F27405; }
.suchform .button:hover { border-color:#F27405 }
.suchform .button:hover > span { background-color:#F27405; }

.suchtreffer a:hover h3 { color:#F27405 }
.suchtreffer a h3 .icon-official:before { color:#F27405;font-size:16px;position:relative;top:-6px }
.lehrer_info h1 .icon-official:before { color:#F27405; }

.suchefilter { background-color:#F27405;color:white }
.suchform .ui-slider .ui-slider-handle { background: #F27405;border-color:#F27405 }

.suchform > div > h3 { font-size: 37px; line-height: 39px;}
.suchform > div > .icon-schliessen { display:none }
.suchform > div > div { padding:20px 0px 5px 0px; }
.mittreffer .suchform > div > div { padding-top:7px; }
.suchform > div > div > p { margin-bottom:5px;margin-left:10px;font-size:18px;line-height:18px;color:#8190A3;margin-top:20px }
#slider_km, #slider_whg { margin:30px 0px 0px 0px }
.suchform > div input, .suchform > div select { border-width:0px;padding:5px 10px; width:100%;font-size:26px;line-height:26px; }
.suchform .button { border-radius: 24px;padding:0px;margin-top:0px;margin-right:54px;cursor:pointer;padding:2px;display:inline-block; }
.suchform .button > span { background-color:white;display:inline-block; border-radius: 20px;padding:8px 22px 7px 22px;font-size:18px;line-height:18px;font-weight:bold; }
.suchform .button:hover > span { color:white; }
.suchform > div input, .suchform > div select { border-bottom:solid 1px #F27405;color:#F27405 }
.suche.mittreffer h2, .suche.mittreffer .suchenbtn { display:none }

.treffer_head  { padding:35px 0px 23px 0px }
.treffer_head > span { color:#757575;font-size:20px;line-height:20px }
.treffer_head h2 { font-size:37px;line-height:39px;padding:11px 0px 18px 0px }
.treffer_head > div { font-size:17px;line-height:25px;color:#8190A3 }
.treffer_head > div > b { color:#757575;display:inline-block;margin-right:10px }
.treffer_head > div span > div { display:inline-block;margin-right:10px }
.treffer_head > div span  span { color:#757575;display:inline-block;margin-right:4px }

.suchtreffer { height: 100%;padding-right: 40px;margin-left:70px; overflow:auto;  }
.suchtreffer h3 { font-weight:bold;font-size:24px;line-height:24px;padding:0px 8px 0px 12px }
.suchtreffer h4 { font-weight:bold;padding-top:6px }
.suchtreffer .type { padding-bottom:6px;padding-left:12px;font-weight:bold }
.suchtreffer .type div { float:right;font-weight:normal;font-size:13px }
.suchtreffer .organisation { font-weight:bold;padding-bottom:6px;padding-left:12px }
.suchtreffer .city { margin:4px 0px 7px 12px;padding-left:30px;position:relative;font-size:14px }
.suchtreffer .city img { position:absolute;left:2px }
.suchtreffer .icon-standort { font-size:14px;line-height:14px;margin-right:6px }
.suchtreffer .instr > div { padding:10px 5px 10px 12px; }
.suchtreffer .instr > div:last-child { padding-bottom:0px }
.suchtreffer a { display:block;font-size:15px;line-height:15px;border-top:solid 1px #E4E4E4;color:black;padding:7px 8px 8px 0px;clear:both }
.suchtreffer > a > div:last-child { margin-left:147px;margin-top:17px;margin-bottom:12px }
.suchtreffer .keintreffer { text-align:center;margin-top:50px }
.suchtreffer .keintreffer h3 { font-size:20px;line-height:20px;font-weight:bold;margin-bottom:8px }
.suchtreffer .keintreffer div { font-size:15px;line-height:15px; line-height:22px }

.suchtreffer .person { width:130px; height:160px;position:relative;overflow:hidden;float:left;margin-bottom:15px  }
.suchtreffer .person img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius:10px;overflow:hidden;
    max-width:130px;max-height:130px;
}



.treffer { height: 100%;padding-right: 10px;margin-left:70px; overflow:auto;  }
.treffer h3 { font-weight:bold;font-size:24px;line-height:24px;padding:0px 8px 0px 12px }
.treffer h4 { font-weight:bold;padding-top:6px }
.treffer .type { padding-bottom:6px;padding-left:12px;font-weight:bold }
.treffer .type div { float:right;font-weight:normal;font-size:13px }
.treffer .organisation { font-weight:bold;padding-bottom:6px;padding-left:12px }
.treffer .city { margin:4px 0px 7px 12px;padding-left:30px;position:relative;font-size:14px }
.treffer .city img { position:absolute;left:2px }
.treffer .icon-standort { font-size:14px;line-height:14px;margin-right:6px }
.treffer .instr > div { padding:10px 5px 10px 12px; }
.treffer .instr > div:last-child { padding-bottom:0px }
.treffer a { display:block;font-size:15px;line-height:15px;color:black;float:left;width:188px;margin-right:10px;height:360px }
.treffer > a > div:last-child { margin-top:17px;margin-bottom:12px }
.treffer .keintreffer { text-align:center;margin-top:50px }
.treffer .keintreffer h3 { font-size:20px;line-height:20px;font-weight:bold;margin-bottom:8px }
.treffer .keintreffer div { font-size:15px;line-height:15px; line-height:22px }

.treffer .person { width:188px; height:188px;position:relative;overflow:hidden;float:left;margin-bottom:15px  }
.treffer .person img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius:10px;overflow:hidden;
    max-width:188px;max-height:188px;
}


 .suchefilter { font-size:23px;line-height:23px;position:absolute;top:124px;margin-top:-20px;left:60%;margin-left:-36px;cursor:pointer;
                width:60px;height:60px;border-radius:50%;border:solid 1px white;overflow:hidden;text-align:center;padding-top:17px }
  .suchefilter .icon-schliessen { display:none }
 .suchform .ui-slider .ui-widget-header { background: #EFF3F5; }
 .suchform .ui-slider .ui-slider-handle { width: 3.5em; height: 1.8em; top: 50%; margin-top: -.9em; text-align: center; line-height: 1.8em;color:white; }

 
.mitgliedwerden { border-radius: 24px;border:solid 1px white;padding:0px;cursor:pointer;padding:2px;display:inline-block; }
.mitgliedwerden span { border:solid 1px #F27405;display:inline-block; border-radius: 20px;padding:8px 18px 6px 18px;color:#F27405;font-size:18px;line-height:18px;font-weight:bold; }
.mitgliedwerden:hover { border-color:#F27405 }
.mitgliedwerden:hover span { background-color:#F27405;color:white }

@media screen and (max-width: 2000px) { 
    .qa { padding:80px 50px 0px 50px }
    .qa h3 { font-size:40px;line-height:40px }
    .qa h2 { font-size:40px;line-height:40px;margin-bottom:26px;margin-top:6px }
    .qa_info .text { font-size: 20px; line-height: 28px; }
    .qa_info { width:100%;float:none;padding:50px 20px 20px 20px; }
    
    .qa_head:hover h5 { font-weight:normal; }
}


@media screen and (max-width: 1550px) { 
.maps .rectangle.left { width:50% }
.maps .rectangle.right { width:50%; }
.suchefilter { left:50%; }
}

@media screen and (max-width: 1280px) { 
    .informationen > div { max-width:900px; }
 }

/*@media screen and (min-width: 1021px) and (max-width: 1280px) {
    .maps .mittreffer { display:none }
    .suche.mittreffer { position:absolute;background-color:white;z-index:2;margin-right:30px;padding-left:37px;padding-right:50px;top:0px;bottom:0px;padding-top:110px;margin-top:0px }
}*/

@media screen and (max-height: 900px) {    
    .maps { padding:20px 20px 20px 20px }
    .suchform > div > div { padding:10px 0px 3px 0px; }
    .suchform > div > div > p { margin-bottom:3px;font-size:14px;line-height:14px;margin-top:10px }
    #slider_km, #slider_whg { margin:15px 0px 0px 0px }
    .informationen { padding-top:250px; }
}

@media screen and (max-height: 750px) {
    .informationen { padding-top:150px; }
}

@media screen and (max-width: 1500px) {
    .suche  { padding-right:80px }
}

@media screen and (max-width: 1199px) {
    .inhalt .text, .informationen .graybg .text, .qa_info .text { font-size:18px;line-height:26px }
    .qa h3 { font-size:24px;line-height:24px }
    .qa h2 { font-size:26px;line-height:26px; }
    .qa .qa_head h5 { font-size: 18px;line-height:18px; }
    .qa .qa_info h4 { font-size:24px;line-height:24px }
    
    .suche h2 { font-size:30px;line-height:42px;margin-bottom:10px }
    .suchform > div input, .suchform > div select { padding:3px 7px; font-size:20px;line-height:20px }
    
    .informationen .intro h3 { font-size:24px;line-height:24px;margin-bottom:10px }
    .informationen .intro h2 { font-size:40px;line-height:50px;  }
}




@media screen and (max-width: 1020px) {
    .informationen { padding-top:0px; }
    .informationen > div { max-width: 100%;padding-top:50px }
    .informationen > img { display:block;max-width:100% }
    .informationen .intro h2 { font-size:35px;line-height:42px; }
    .informationen .infos .inhalt { margin-top:40px }

    .informationen .qa { padding:120px 100px; }
    .informationen .graybg { padding-left:100px;padding-right:100px }
    .informationen .infos .abotypen { margin-left:100px;margin-right:100px }
    
    .maps .rectangle.right { display:block; width:100%;padding-bottom:0px;position:static;padding-left:0px;padding-right:0px  }
    .maps .rectangle.right h2 { margin:0px auto;  }
    .maps .rectangle.left { display:block; width:100%; border-radius:20px 20px 20px 20px;border-right-width:1px;position:static;float:none }
    
    .suche { padding-top:10px;min-height:150px;position:static;margin-top:0px }
    .suchefilter { top:unset;margin-top:-40px }
    .suchtreffer { overflow:unset;width:100%;margin:0px;padding-right:0px }
    .suchtreffer a { width:50%;float:left; box-sizing: border-box; }
    .suchform > div > h3 { display:block;font-size:40px;line-height:40px;color:#F27405 }
    .suchform { display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background-color:white;z-index:79;padding:30px }
    .suchform > div { padding:80px;border-radius:20px;height:100% }
    /*.suche .icon-suche {     display: inline-block; width: 100px; position: absolute; left: 50%; margin-left: -50px; margin-top: -90px; background-color: white; height: 50px; text-align: center; font-size: 40px;line-height:40px; border-radius:50px 50px 0px 0px;padding-top:20px }*/
    .suche .suchenbtn { display:inline-block;margin:20px auto 0px auto;cursor:pointer;border-radius: 24px;padding:8px 22px 7px 22px;font-size:18px;line-height:18px;font-weight:bold;position: absolute; left: 50%; margin-left: -50px; }
    .suchform > div > div > p { color:#8190A3; }
    .suchform > div > div:last-child { text-align:center; }
    .suchform .button { margin-right:0px;margin-top:5px }
    .suchform .button:hover { border-color:#ffffff }
    .suchform .button:hover > span { background-color:#ffffff; }
    .suchform > div > .icon-schliessen { margin-top: 0px; font-size: 21px;line-height:21px; color: black; display: inline-block;margin-bottom: 26px; background-color: white; border-radius: 50%; width: 98px; height: 98px; padding-top: 50px; box-sizing: border-box; top: -20px; position: absolute;text-align:center;left:50%;margin-left:-50px }
    .treffer_head { text-align:center; }
    
    .informationen .intro { padding: 0px 40px;  }
    .informationen .infos .inhalt { margin-bottom: 20px;  margin-left: 40px; margin-right: 40px; }
    .informationen .graybg { padding-left: 40px; padding-right: 40px; padding-bottom:40px}
    .informationen .graybg h3 { padding-top:40px }
    .informationen .graybg h2 { padding-bottom:20px }
    .informationen .infos .abotypen { margin-left: 40px; margin-right: 40px; }

    .informationen .qa { padding:60px 40px }
}

@media screen and (max-width: 750px) {
    .portale_item > div { width: 42%; }
    .portale_item > div:nth-child(2n) { margin-right:2px }
    .suchtreffer a { width:auto;float:none;margin-right:5px }
    .informationen .infos .abotypen > div > div h4 { margin-bottom:0px;display:block;margin-left:0px }
    .informationen .infos .abotypen > p img { height:26px  }
}

@media screen and (max-width: 650px) {
    
    .suchform { padding:20px }
    .suchform > div > h3 { font-size:30px;line-height:30px; }
    .suchform > div { padding:80px 30px 30px 30px; }
    .suchform > div > .icon-schliessen {  top: -30px;  }
    .maps .rectangle.right h2 { font-size:26px;line-height:35px  }
    .suche { padding-left:0px;padding-right:0px }

    .informationen .intro { padding: 0px 30px;  }
    .informationen .infos .inhalt { margin-left: 30px; margin-right: 30px; }
    .informationen .graybg { padding-left: 30px; padding-right: 30px; padding-bottom:30px}
    .informationen .graybg h3 { padding-top:30px }
    .informationen .infos .abotypen { margin-left: 30px; margin-right: 30px; }

    .informationen .qa { padding:60px 30px }
    .informationen .infos .inhalt .aktuelles h3 { font-size: 30px; line-height: 30px; }
    .informationen .infos .inhalt .aktuelles h2 { font-size: 30px; line-height: 30px; margin-bottom:0px }
    
    .informationen.info_nobild { padding-top:40px; }
}



@media screen and (max-width: 420px) {
    .impressum .rectangle.left { margin-left:10px; }
}

@media screen and (max-width: 400px) {
    .suchform { padding:10px }
    .maps .rectangle.right h2 { font-size:20px;line-height:20px;  }
    .suchform > div > .icon-schliessen { font-size: 17px;line-height:17px; margin-bottom: 0px; width: 72px; height: 72px; padding-top: 36px; top: -26px;margin-left:-36px }
}

@media screen and (max-width: 370px) {
    .maps .rectangle.right h2 { font-size:18px;line-height:18px;  }

    .informationen .infos .abotypen > p { margin-left:10px;  }
    .informationen .infos .abotypen > div > div > div:first-child font { display:block;padding-bottom:10px }

    .suchform > div > h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .suchform > div { padding:50px 20px 20px 20px; }
    .suche .icon-suche {   width: 60px; left: 50%; margin-left: -30px; margin-top: -65px; height: 30px; font-size: 25px;line-height:25px; border-radius:30px 30px 0px 0px;padding-top:15px }
    .suchform > div > div > p { font-size:14px;line-height:14px; }
    .suchform > div input, .suchform > div select { font-size:20px;line-height:20px }

    .suchtreffer h3 { font-size:18px;line-height:18px; }
    .suchtreffer a { font-size:14px;line-height:14px }
}