.schulen_wrapper, .physiofont{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}

/* breadcrump */
.breadcrump-scroller {position: relative;z-index: 2;overflow-y: hidden;}
.breadcrumb.schulen{background: transparent;line-height: 1.2em;font-size: 1.2em;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;padding: 8px 15px;margin-bottom: 20px;list-style: none;border-radius: 4px;}
.breadcrumb>li {display: inline-block;}

/* Flexlayout */
.flexcontainer-schulen {display: flex;flex-wrap: wrap;align-content: space-around;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}
.flexcontainer-schulen > .flexchild-schulen:nth-child(1) {flex: 3;overflow: auto;margin: 0em .5em;height: 100%;position: -webkit-sticky;position: sticky;top: 5em;border: 1px solid lightgray;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;}
.flexcontainer-schulen > .flexchild-schulen:nth-child(1)::-webkit-scrollbar {width: 0px;}
.flexcontainer-schulen > .flexchild-schulen:nth-child(2) {flex: 8;border: 1px solid lightgray;margin: 0em .5em;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background: #ffffff;border-radius: 1em;height: 100%;}
.flexcontainer-schulen:last-child {border-bottom: none !important;border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.flexcontainer-schulen:last-child > .flexchild-schulen-liste:first-child{border-bottom-left-radius: 1em;}
.flexcontainer-schulen:last-child > .flexchild-schulen-liste:last-child{border-bottom-right-radius: 1em;}

li.list-group-item.schulen{border: 1px solid lightgray;padding:0em 1em 1em 1em;}
.list-group-item.schulen:first-child{border-top-left-radius: 1em;border-top-right-radius: 1em;}
.list-group-item.schulen:last-child{border-bottom-right-radius: 1em;border-bottom-left-radius: 1em;}
.list-group-item.schulen.active{background: #92bcec;}
.list-group-item.schulen.active > a {color: #fff !important;}
.list-group-item.schulen.active > a > svg{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

span#ausbildung{position: relative;top: -.1em;}
.ueberschrift-schulen{border-top-right-radius: .4em;border-top-left-radius: .4em;font-weight: 700;padding: .5em .75em;background: #eee;border-bottom: 1px solid lightgray;margin-bottom: 0;}
.info_schulen{padding:1em;}
.info_schulen.result_liste{font-size: 1.2em;}
.auswahl_schulen{font-size: 2em;padding: 1em;text-align: center;}
.infos_ausbildung{font-size: 1.2em;padding: 1.5em 2em .5em 2em;background: #eee;border-top: 1px solid lightgray;}
ul.ausbildung_liste{display: block;padding: .5em 1em;list-style-type: circle;margin-left: .5em;}
td.responsive-td{padding: 1em .25em;border-top: 1px solid lightgray}
.unterueberschrift_seite{font-size: .5em;font-weight: 300;display: block;padding: .5em .3em 0em .3em;}

/* Drodown Button */
.schulen-dropdown{display: inline-block;position: relative; margin: .1em .3em;}
.dd-button {font-size: .9em;display: inline-block;border: 1px solid gray;border-radius: 4px;padding: 5px 25px 5px 10px;background-color: #ffffff;cursor: pointer;white-space: nowrap;font-weight: normal;}
.dd-button:after {content: '';position: absolute;top: 55%;right: 10px;transform: translateY(-50%);width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid black;}
.dd-button:hover {background-color: #eeeeee;}
.dd-input {display: none;}
.dd-menu {position: absolute;top: 100%;z-index: 2;border: 1px solid #ccc;border-radius: 4px;padding: 0;margin: 2px 0 0 0;box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);background-color: #ffffff;list-style-type: none;}
.dd-menu.bundeslaender{max-height: 250px;overflow: scroll;overflow-x: hidden;}
.dd-input + .dd-menu {display: none;} 
.dd-input:checked + .dd-menu {display: block;} 
.dd-menu li {padding: 7px 10px;text-align: left;cursor: pointer;white-space: nowrap;font-weight: normal;font-size: .6em;}
.dd-menu li:not(:last-child) {border-bottom: 1px solid lightgray;}
.dd-menu li:hover {background-color: #f6f6f6;}
.dd-menu li a {display: inline;margin: -10px -20px;padding: 10px 20px;}
img.bundesland{position: relative;top: -.2em;width: 25px;height: 35px;margin-right: .3em;}
ul.ausbildung_liste{display: block;padding: .5em 1em;list-style-type: circle;margin-left: .5em;}
li.margin_list{margin:.75em 0em;}

/* Detail Seite */
.card {box-shadow: 0 6px 30px rgb(0 0 0 / 20%), 0 4px 6px rgb(0 0 0 / 15%);background: #ffffff;border-radius: 10px;margin: 0px auto;max-width: 650px;min-height: 200px;padding: 1.2em 2em;position: relative;width: 100%;overflow: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: ease 1s;transition: ease 1s;}
.card h1 {font-weight: 700;margin: 0 0 0.625rem;}
h3.schulname{font-size: 1.4em;}
.flexbox-kontakt {display: flex;flex-wrap: wrap;align-content: space-around;font-size: 1.1em;padding-bottom: .5em;}
.detail_adresse{font-size: 1.2em;margin: .5em 0em 1em 0em;font-weight: 500;}
.hinweis{font-size: 1.1em;padding: .5em 0em;}
.btn-kontakt{padding: 1em;color: white;background: #337ab7;border-radius: 2em;border: none;font-weight: 500;text-decoration: none;cursor: pointer;}
.btn-kontakt:hover {background: #296394 !important;}
.btn-zurueck{padding: 1em;color: #92bcec;border: 1px solid #92bcec;margin-right: 2em;background: white;border-radius: 2em;font-weight: 500;text-decoration: none;}
.btn-zurueck:hover {background: #296394 !important;border: 1px solid #296394;color: white;text-decoration: none;}
.card svg.bottomsvg {left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;width: 100% !important;}
svg.bottomsvg:not(:root) {overflow: hidden;}


@media (max-width: 991px) { 
   .ueberschrift-schulen{font-size: 25px;}
   .auswahl_schulen{font-size: 1.6em;}
   td.responsive-td{border:0;padding-left: 1em;}
   form#bestellen_form{padding: 0em .5em;}
   .table-responsive{border:none}
   .flexcontainer-schulen > .flexchild-schulen:nth-child(1) {flex: none;width: 100%;height: 100%;position: relative;top: 0;margin: 0;margin-bottom: 1em;}
   .flexcontainer-schulen > .flexchild-schulen:nth-child(2) {margin: 0 !important;width: 100%;flex: 7;}
   .breadcrumb.schulen {margin: 0em 0em .5em 0em;padding: 0em 0em .7em 0em;border-bottom: 1px solid lightgray;border-radius: 0;font-size: 1.1em;}
}

@media (max-width: 425px) { 
   a#zurueck-uebersicht{margin:0em 0em 2em 0em;}
   input#material-bestellen{margin-top:2em;}
}