/* css zu klassenbrowser_filter */

/* InndataMenueCSS  */
/*voninndata*/
#jubaconMenu { display: flex; }

#headerTop {
    width: 1440px;
    max-width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 150;
}

#mainMenu {
    display: inline-block;
    width: calc(100% - 216px);
    padding-left: 68px;
    position: relative;
    z-index: 2;
    vertical-align: top;
}

#mainMenuIcons {
    width: 216px;
    float: right;
    background-color: #344756;
    position: relative;
}

#headerIconTel { background-image: url('/bilder/dropdown_telefon.svg'); }
#headerIconMail { background-image: url('/bilder/dropdown_mail.svg'); }
#headerIconAdress { background-image: url('/bilder/dropdown_standort.svg'); }




#mainMenuIcons input[type=checkbox] { display: none; }

#jubaconMenu a { border: none; }



#jubaconMenu > #jubaconMenuLogo {
    display: inline-block;
    height: 64px;
    width: 17%;
    margin-top: 14px;
    margin-right: -4.5px;
    background-image: url("/bilder/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 {
    display: inline-block;
    width: 83%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

#jubaconMenu > ul#menu_eb_1 > li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-right: -4.5px;
}

#jubaconMenu > ul#menu_eb_1 > li > a {
    display: inline-block;
    height: 91px;
    padding: 30px 0px;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 > li {
    vertical-align: top;
    position: relative;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0px;
    background-color: #527fa2;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 20px;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li { padding: 5px 20px; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a {
    display: block;
    color: #fff;
    font-family: Montserrat Regular, sans-serif;
}

#mainMenuIcons > ul {
    display: inline-block;
    margin: 0px; 
    padding: 0px; 
}

#mainMenuIcons > ul > li {
    display: inline-block; 
    vertical-align: top;
}

#mainMenuIcons > ul > li > .headerIconsPic {
    display: inline-block;
    height: 91px;
    padding: 0px 11px;
    vertical-align: top;
}

#mainMenuIcons > ul > li > a { border-bottom: none; }

.headerIconsPic > div {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 31px;
    background-size: contain;
    background-repeat: no-repeat;
}

#headerIconsContact > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt.svg'); }

#headerIconsLogin > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login.svg'); }

#mainMenuIcons > ul > li > ul {
    display: block;
    width: 300px;
    opacity: 0;
    margin: 0px;
    padding: 30px 10px 10px 10px;;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 100;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

#headerIconsContact > ul > li {
    display: inline-block; 
    margin-bottom: 5px;
}

#headerTop > section.bigIncludeTo { display: block; }



#jubaconMenu a,
#mainMenu label,
#mainMenu .MenuTooltipText,
#mainMenu input[type=radio] { display: none; }



#jubaconMenu > ul#menu_eb_1 > li:hover ul#menu_eb_2 {
    opacity: 1; 
    pointer-events: auto;
}

#headerIconsContact:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }

#headerIconsLogin:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login_hover.svg'); }

#mainMenuIcons > ul > li:hover > ul {
    opacity: 1;
    pointer-events: auto;
}



#jubaconMenu > ul#menu_eb_1 > li > a:hover::after {
    content: '';
    display: block;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 1px;
}

#mainMenuIcons::before {
    content: '';
    width: 100px;
    height: 91px;
    background-color: #344756;
    position: absolute;
    left: -100px;
}



#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) > a { color: #fff; }

#jubaconMenu > ul#menu_eb_1 > li:first-of-type { 
    width: 18%;
    margin-left: 3%; 
}

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) { width: 23%; }
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) { width: 21%; }
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { width: 15%; }

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { background-color: #344756; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:last-of-type { border-bottom: none; }

#headerIconsContact > ul > .headerIconsContactList > div:first-of-type {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#headerIconsContact > ul > li > div:nth-of-type(2) {
    display: inline-block;
    vertical-align: top;
}



@media screen and (min-width: 1025px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { min-width: 250px; }
    /*#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
		display: flex;
		flex-wrap: wrap;
		min-width: 460px;
	}

	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
		width: 50%;
		display: inline-block;
	}*/



    #jubaconMenu > ul#menu_eb_1 > li:hover { background-color: #527fa2; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:hover { background-color: #344756; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover > a,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2):hover > a { color: #344756; }

    #jubaconMenu > ul#menu_eb_1 > li::before, 
    #jubaconMenu > ul#menu_eb_1 > li::after {
        content: '';
        display: block;
        width: 40px;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
    }

    #jubaconMenu > ul#menu_eb_1 > li::before { left: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li::after { right: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before {
        opacity: 1;
        background-image: linear-gradient(to top right, #fff 49%, #344756 50%);
        z-index: 1;
    }

    #jubaconMenu > ul#menu_eb_1 > li:hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:hover::after { opacity: 1; }

    #jubaconMenu > ul#menu_eb_1 > li:hover::before { background-image: linear-gradient(to top right, #344756 49%, #527fa2 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2):hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3):hover::before { background-image: linear-gradient(to top right, #fff 49%, #527fa2 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, #344756 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, #fff 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type > ul#menu_eb_2 {
    	left: unset;
    	right: -20px;
    }
}


@media screen and (max-width: 1024px) {
    #mainMenu {
        width: 30%;
        padding-left: 50px; 
        position: static;
    }

    #mainMenuIcons {
        width: 65%;
        text-align: right;
		padding-left: 0;
    }

    ul#menu_eb_2 { overflow-y: auto; }



    #mainMenu label.toggleMenuButton {
        display: block;
        width: 38px;
        height: 29px;
        cursor: pointer;
        position: absolute;
        top: 31px;
        right: 45px;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #mainMenu label.toggleMenuButton#lbl_openMenu { z-index: 201; }

    #mainMenu label.lbl_hideSubMenu {
        display: block;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    label#lbl_openMenu span { margin: 13px 0px; }



    #jubaconMenu > #jubaconMenuLogo { width: 85%; }

    #jubaconMenu > ul#menu_eb_1 { display: none; }

    #mainMenuIcons > ul {
        margin-right: 160px; 
        text-align: left;
    }

    #mainMenuIcons > ul > li > label { cursor: pointer; }

    #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: hidden;
        position: fixed; 
        z-index: 300; 
		opacity: 0;
    }

    #jubaconMenu > ul#menu_eb_1 {
        display: block;
        height: 100%;
        width: 300px;
        max-width: 100%;
        font-size: 20px;
        padding: 76px 20px;
        background-color: #527fa2;
        position: fixed;
        right: -300px;
        top: 0;
        z-index: 200;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li {
        display: block;
        width: auto;
        padding: 10px;
        margin-right: 0px;
        text-align: left;
        border-bottom: 2px solid #344756;
        position: static;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a {
        height: auto;
        padding: 0px;
        color: #fff;
		font-family: Montserrat Regular, sans-serif;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
        display: block;
        width: 300px;
        height: 100%;
        max-width: 100%;
        opacity: 1;
        padding: 5px 20px;
        padding-top: 76px;
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: -300px;
        z-index: 250;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
        border-bottom: 2px solid #344756;
        padding: 10px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { left: auto; }



    #mainMenu #menu_eb_2 ~ label {
        display: block;
        height: 53px;
        width: 40px;
        margin-top: -42px;
        position: absolute;
        right: 20px;
    }



    #mainMenuIcons > ul > li:hover > ul {
        opacity: 0; 
        pointer-events: none;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover { text-decoration: underline; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a:hover {
        color: #fff;
        text-decoration: underline;
    }



    #mainMenuIcons::before {
        width: auto;
        height: auto;
        background-color: transparent;
        border-left: 42px solid transparent;
        border-top: 91px solid #344756;
        position: absolute;
        left: -42px;
        top: 0px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover::after { display: none; }

    #mainMenu #menu_eb_2 ~ label::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 20px;
        margin-left: 15px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    #mainMenu label.lbl_hideSubMenu::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 15px;
        margin-left: 10px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }

    label#lbl_openMenu span, 
    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
        border-radius: 2px;
        transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }

    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        content: '';
        position: absolute;
        left: 0px;
    }

    label#lbl_openMenu::before { top: 0px; }
    label#lbl_openMenu::after { bottom: 0px; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type {
        margin-left: 0px;
        width: auto;
    }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type { border-bottom: none; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { 
        width: auto;
        background-color: transparent; 
    }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before { display: none; }



    #mainMenuIcons > ul > li > input[type=checkbox]:checked ~ ul {
        opacity: 1;
        pointer-events: auto;
    }

    #mainMenuIcons > ul > li#headerIconsContact > input[type=checkbox]:checked ~ label.headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }


    #rad1_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1 {
        right: 0;
        box-shadow: -5px 10px 18px;
    }

    #rad1_menuOpen:checked ~ label.toggleMenuButton#lbl_openMenu { right: 20px; }

    #rad1_menuOpen:checked ~ #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: visible;
        right: 20px; 
    }

    #mainMenu #menu_eb_1 > li > input[type=radio]:checked ~ ul#menu_eb_2 { right: 0px; }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu > span { opacity: 0; }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after {
        bottom: 12px;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before {
        top: 13px;
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}


@media screen and (max-width: 600px) {
    #mainMenu { padding-left: 20px; }



    #mainMenu label.toggleMenuButton {
        width: 27px; 
        height: 24px; 
        top: 16px; 
        right: 20px;
    }

    label#lbl_openMenu span { margin: 10px 0px; }



    #mainMenuIcons > ul > li > .headerIconsPic { height: 55px; }

    .headerIconsPic > div {
        height: 26px;
        width: 26px;
        margin-top: 15px;
    }

    #jubaconMenu > #jubaconMenuLogo {
        display: block;
        height: 55px; 
        margin-top: 0px; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        font-size: 17px; 
        line-height: 24px;
    }

    #mainMenuIcons > ul { margin-right: 100px; }



    #mainMenuIcons::before {
        border-top: 55px solid #344756;
        border-left: 25px solid transparent;
        left: -25px;
    }



    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after { bottom: 10px; }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before { top: 10px; }
	
	#mainMenu #menu_eb_2 ~ label {
        height: 44px;
        margin-top: -38px;
    }
}





/* ---------- Uhr ---------- */

#uhrblatt {
    display: block;
    width: 192px;
    height: 192px;
    margin-left: 40px;
    margin-top: 30px;
    position: relative;
    background: url('/bilder/ziffernblatt.svg');
	background-size: contain !important;
}

#stundenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    background: url('/bilder/stundenzeiger.gif');
    position: absolute;
    left: 96px;
    -webkit-animation: stunden 86400s linear infinite;
    -moz-animation: stunden 86400s linear infinite;
    animation: stunden 86400s linear infinite;
	background-size: contain;
}

#minutenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    position: absolute;
    left: 96px;
    background: url('/bilder/minutenzeiger.gif');
    -webkit-animation: minuten 3600s linear infinite;
    -moz-animation: minuten 3600s linear infinite;
    animation: minuten 3600s linear infinite;
	background-size: contain;
}

#sekundenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    background: url('/bilder/sekundenzeiger.gif');
    position: absolute;
    left: 96px;
    -webkit-animation: sekunden 60s linear infinite;
    -moz-animation: sekunden 60s linear infinite;
    animation: sekunden 60s linear infinite;
	background-size: contain;
}
/* --- --- */
/* KlassenbrowserCS  */
#klassenbrowser_filter_mehr {display: none;}
#KlassenbrowserHeadline > h1 {margin-bottom: 50px}
#klassenbrowser_streifen {
	display: inline-block;
	background-color: #344756;
	position: relative;	
	font-size: 21px;
	padding: 16px 68px 16px 30px;
}
#klassenbrowser_streifen::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 29px solid transparent;
	border-bottom: 63px solid #344756;
	left: -29px;
	top: 0;
}
.bigIncludeTo.col24, #KlassenbrowserAnsichtOFilter, #KlassenbrowserEurostamm {
	width:63.5%;
	float: right;
}
#KlassenbrowserAnsicht, #KlassenbrowserAnsichtUnten, #KlassenbrowserUntenHeadlineContainer {
	padding-left: 80px;
}

.klassenAusgabeFirmen {
	border-bottom: 1px solid #D0D0D0;
	padding: 10px 5px;
}
.klassenAusgabeFirmen:last-of-type {border-bottom: none;}
.klassenAusgabeFirmenName {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	line-height: 150%;
}
.klassenAusgabeFirmenOrt {font-size: 15px;}
.klassenAusgabeFirmenLinks {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	text-align: right;
}
.freeclass_firmen_info, .freeclass_firmen_anfrage {
	display: inline-block;
	vertical-align: top;
	border-bottom: none;
}
.freeclass_firmen_info > img, .freeclass_firmen_anfrage > img {
	vertical-align: top;
}
.freeclass_firmen_info {margin-right: 30px;}
@media screen and (max-width: 1240px) {
	.freeclass_firmen_info {margin-right: 15px;}
}
@media screen and (max-width: 600px) {
	.klassenAusgabeFirmenName {width: 82%;}
	.klassenAusgabeFirmenLinks {width: 18%;}
	.freeclass_firmen_info {margin-right: 10px;}
	.freeclass_firmen_info > img, .freeclass_firmen_anfrage > img {height: 25px;}
}

.klassenbrowser_h3 {
	font-size: 22px;
	line-height: 100%;
	font-family: Montserrat Medium, sans-serif;
	font-weight: normal;
}
#filter_basismerkmale {
	display: inline-block;
	border-bottom: 1px solid #344756;
	margin-bottom: 8px;
}
#filter_basismerkmale > img{
	vertical-align: middle;
	margin-right: 16px;
}
#filter_basismerkmale_text {
	display: inline-block;
	vertical-align: middle;
	font-family: Montserrat SemiBold, sans-serif;
	font-size: 20px;
	color: inherit;
	border: none;
}
#klassenbrowser_filter_alle_selects {
	width: 80%;
	display: inline-block;
	overflow: hidden;
	max-height: 88px;
	transition: max-height 500ms;
	vertical-align: top;
	margin-bottom: 16px;
}
#klassenbrowser_filter_alle_selects select.kritselEnum {
	width: 49%;
	margin-top: 8px;
	appearance: none;
}
#klassenbrowser_filter_alle_selects select.kritselEnum + .klassenbrowser_select_plus {
	display: inline-block;
	width: 22px;
	height: 30px;
	background-image: url('/bilder/plus_grau.png');
	background-repeat: no-repeat;
	background-position: right;
	background-color: white;
	position: relative;
	pointer-events: none;
	margin-left: -22px;
	top: 10px;
	right: 11px;
}

.merkmalPrio, .merkmalPrio + .klassenbrowser_select_plus {background-color: #E6E7E8 !important;}


#klassenbrowser_filter_chck {
	display: none;
}
#klassenbrowser_filter_chck:checked ~ #klassenbrowser_filter_alle_selects {
	max-height: 1000px;
	transition: max-height 1000ms;
}
#klassenbrowser_filter_lbl {
	font-family: Montserrat SemiBold, sans-serif;
	color: #527fa2;
	border-bottom: 1px solid #527fa2;
	margin-right: 20%;
	cursor: pointer;
}
#klassenbrowser_anker {
	padding-top: 91px;
}



#klassenbrowser_filter_streifen {
	display: inline-block;
	height: 46px;
	width: 92%;
	background-color: #E6E7E8;
	position: relative;
	right: -68px;
	margin-top: 44px;
	margin-bottom: 26px;
}
#klassenbrowser_filter_streifen::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	left: -20px;
}
#klassenbrowser_filter_suche {
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 0;
	background-color: #527fa2;
	background-image: url('/bilder/klassenbrowser_filter_lupe.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	transition: 300ms;
	vertical-align: bottom;
	margin-bottom: 16px;
	margin-left: 8px;
}
#klassenbrowser_filter_suche:hover {background-color: #344756;}
#klassenbrowser_filter_suche {display: none;}
#KlassenbrowserAnsicht .attribut_bezeichnung, #KlassenbrowserAnsicht .attribut_auswahl {vertical-align: top; margin-bottom: 7px;}
#KlassenbrowserAnsicht .attribut_auswahl {position: relative}
#KlassenbrowserAnsicht .attribut_auswahl::after {
	content: '';
	width: 36px;
	height: 36px;
	display: inline-block;
	position: absolute;
	pointer-events: none;
	background-color: #E6E7E8;
	right: 20%;
	background-image: url('/bilder/pfeil_mittelblau.png');
	background-repeat: no-repeat;
	background-position: center;
}

/* Otto */
.found_records_0 {display: none;}
.optioninactive {color: #777 !important; font-style: italic;}
.klassenbrowserFilter.found_records_0 {display: none;}
div#picture_freeclass {
	max-width: 1079px;
	padding-bottom: 51%;
	display: block;
	background:url('/bilder/klassenbrowser_start_desktop.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.sprache_en div#picture_freeclass {background-image: url("/bilder/en/klassenbrowser_start_desktop_en.svg")}
.sprache_it div#picture_freeclass {background-image: url("/bilder/it/klassenbrowser_start_desktop_it.svg")}
.sprache_cs div#picture_freeclass {background-image: url("/bilder/cs/klassenbrowser_start_desktop_cz.svg")}
.sprache_ro div#picture_freeclass {background-image: url("/bilder/ro/klassenbrowser_start_desktop_ro.svg")}
.sprache_pl div#picture_freeclass {background-image: url("/bilder/pl/klassenbrowser_start_desktop_pl.svg")}
.sprache_sk div#picture_freeclass {background-image: url("/bilder/sk/klassenbrowser_start_desktop_sk.svg")}
.sprache_hu div#picture_freeclass {background-image: url("/bilder/hu/klassenbrowser_start_desktop_hu.svg")}
.sprache_fr div#picture_freeclass {background-image: url("/bilder/fr/klassenbrowser_start_desktop_fr.svg")}
.sprache_nl div#picture_freeclass {background-image: url("/bilder/nl/klassenbrowser_start_desktop_nl.svg")}


@media screen and (max-width: 1024px) {
	#KlassenbrowserHeadline {margin-top: 30px;}
	#KlassenbrowserAnsicht, #KlassenbrowserAnsichtUnten, #KlassenbrowserUntenHeadlineContainer {padding-left: 50px;}
	.bigIncludeTo.col24, #KlassenbrowserAnsichtOFilter, #KlassenbrowserEurostamm {width: 100%;}
	#klassenbrowser_filter_streifen {right: -50px;}
}

@media screen and (max-width: 768px) {
	div#picture_freeclass {width:95%; max-width: 609px; padding-bottom: 150%;
	display: block; background:url('/bilder/klassenbrowser_start_mobil.svg'); background-size: contain; background-repeat: no-repeat;}
	.sprache_en div#picture_freeclass {background-image: url("/bilder/en/klassenbrowser_start_mobil_en.svg")}
    .sprache_it div#picture_freeclass {background-image: url("/bilder/it/klassenbrowser_start_mobil_it.svg")}
	.sprache_cs div#picture_freeclass {background-image: url("/bilder/cs/klassenbrowser_start_mobil_cz.svg")}
	.sprache_ro div#picture_freeclass {background-image: url("/bilder/ro/klassenbrowser_start_mobil_ro.svg")}
	.sprache_pl div#picture_freeclass {background-image: url("/bilder/pl/klassenbrowser_start_mobil_pl.svg")}
	.sprache_sk div#picture_freeclass {background-image: url("/bilder/sk/klassenbrowser_start_mobil_sk.svg")}
	.sprache_hu div#picture_freeclass {background-image: url("/bilder/hu/klassenbrowser_start_mobil_hu.svg")}
	.sprache_fr div#picture_freeclass {background-image: url("/bilder/fr/klassenbrowser_start_mobil_fr.svg")}
    .sprache_nl div#picture_freeclass {background-image: url("/bilder/nl/klassenbrowser_start_mobil_nl.svg")}
}
@media screen and (max-width: 600px) {
	#klassenbrowser_filter_streifen {
		right: -20px;
		width: 100%;
	}
	#KlassenbrowserAnsicht, #KlassenbrowserAnsichtUnten, #KlassenbrowserUntenHeadlineContainer {padding-left: 20px;}
	#klassenbrowser_filter_alle_selects {width: 100%;}
	#klassenbrowser_filter_suche {
		margin-bottom: 0;
		margin-left: 0;
		float: right;
	}
	#klassenbrowser_filter_chck:checked ~ #klassenbrowser_filter_suche {margin-bottom: 0;}
	#klassenbrowser_filter_mehr {text-align: left;}
	#klassenbrowser_filter_lbl {margin-right: 0;}
	#klassenbrowser_filter_alle_selects select.kritselEnum {width: 100%;}
}
@media screen and (max-width: 360px) {
	.klassenbrowser_filter_select {
		width: 100%;
		padding-right: 0;
	}
	.klassenbrowser_filter_select:nth-of-type(2n-2) {padding-left: 0;}
	
}

/* Klassenbrowser Unten */
#KlassenbrowserAnsichtUnten {
	box-sizing: unset;
	max-width: 543px;
}
#KlassenbrowserAnsichtUnten.eurobau_artikelstamm {
	max-width: 100%;
	width: 63.5%;
	float: right;
	box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
	#KlassenbrowserAnsichtUnten.eurobau_artikelstamm {width: 100%;}
}
#klassenbrowser_ergebnis_head_1 {
	font-size: 20px;
	font-family: Montserrat SemiBold, sans-serif;
	margin-bottom: 5px;
}
#KlassenbrowserAnsichtUnten input[type=checkbox], #KlassenbrowserAnsichtUnten input[type=radio], #radioBoxAnsicht, #radioListenAnsicht {display: none;}
#KlassenbrowserAnsichtUnten ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.klassenbrowser_ergebnisse_eb2, .klassenbrowser_ergebnisse_eb3 {display: none;}
ul#klassenbrowser_ergebnisse_eb1 {margin-top: 30px;}
#klassenbrowser_ergebnisse_eb1 > li {
	padding: 12px;
	border-bottom: 1px solid #D0D0D0;
}
#klassenbrowser_ergebnisse_eb1 > li:first-of-type {border-top: 1px solid #D0D0D0;}
#klassenbrowser_ergebnisse_eb1 > li > input[type=checkbox]:checked ~ ul,
.klassenbrowser_ergebnisse_eb2 > li > input[type=radio]:checked ~ ul {display: block;}
.klassenbrowser_ergebnisse_firma > label, .klassenbrowser_ergebnisse_produktgruppe > label {
	display: block;
	cursor: pointer;
}
.klassenbrowser_ergebnisse_firma > label {
	font-family: Montserrat SemiBold, sans-serif;
	position: relative;
}
.klassenbrowser_ergebnisse_firma > label::after, .klassenbrowser_ergebnisse_produktgruppe > label::before, .klassenbrowser_ergebnisse_eb3 a::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}
.klassenbrowser_ergebnisse_firma > label::after {
	width: 22px;
	height: 17px;
	background-image: url('/bilder/plus_grau.png');
	background-position: right;
	background-color: white;
	position: absolute;
	top: calc(-17px/2 + 31px/2);
	right: 0;
}
#klassenbrowser_ergebnisse_eb1 > li > input[type=checkbox]:checked ~ label::after {background-image: url('/bilder/minus_grau.png');}
.klassenbrowser_ergebnisse_produktgruppe > label {font-family: Montserrat Medium, sans-serif;}
.klassenbrowser_ergebnisse_produktgruppe > label::before, .klassenbrowser_ergebnisse_eb3 a::before {
	width: 18px;
	height: 21px;
	background-image: url('/bilder/dokument_grau.png');
	background-position: center;
	margin-bottom: -5px;
	margin-right: 10px;
}
#KlassenbrowserAnsichtUnten ul.klassenbrowser_ergebnisse_eb2 {padding-top: 6px;}
#KlassenbrowserAnsichtUnten ul.klassenbrowser_ergebnisse_eb3 {padding: 6px 0 6px 28px;}
.klassenbrowser_ergebnisse_eb3 a {
	font-family: Montserrat Regular, sans-serif;
	color: inherit;
	border-bottom: none;
}
.klassenbrowser_ergebnisse_eb3 a:hover {color: #527fa2;}
.produkt_lbl_bild {display: none;}
.produkt_lbl_text {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 18px - 10px);
}
.produkt_link_idpl, .produkt_link_idpl_unten {
	display: none;
}
.produktLinkCover {display: none;}
 



/* Klassenbrowser Unten - Boxansicht - 221116 */
#klassenbrowser_ergebnis_head, #klassenbrowser_ergebnis_lbl_container {
	display: inline-block;
	vertical-align: top;
}
#klassenbrowser_ergebnis_head {
	width: calc(100% - 100px);
}
#klassenbrowser_ergebnis_lbl_container {
	width: 100px;
	text-align: right;
}
#lblListenAnsicht, #lblBoxAnsicht {
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
#lblListenAnsicht {
	background-image: url("/bilder/button_liste.gif");
	margin-right: 10px;
}
#lblBoxAnsicht {background-image: url("/bilder/button_boxen.gif");}
#radioListenAnsicht:checked ~ #KlassenbrowserUntenHeadlineContainer #lblListenAnsicht {background-image: url("/bilder/button_liste_selected.gif");}
#radioBoxAnsicht:checked ~ #KlassenbrowserUntenHeadlineContainer #lblBoxAnsicht {background-image: url("/bilder/button_boxen_selected.gif");}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten {max-width: unset;}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten #klassenbrowser_ergebnisse_eb1 > li {
	border: none !important;
	padding: 0;
	margin-bottom: 10px;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_firma > label {
	cursor: unset;
	pointer-events: none;
	margin-bottom: 10px;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_firma > label::after {display: none;}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_eb2 {display: block;}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > label::before {
	display: none;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 13.33px);
	margin-right: 20px;
	margin-bottom: 30px;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n + 3) {margin-right: 0;}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > label {
	position: relative;
	border: 1px solid #D0D0D0;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > label:hover,
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > label:hover .produkt_link_idpl {
	border-color: #527fa2;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > input[type=radio]:checked ~ label {border-color: #527fa2;}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_lbl_bild {
	display: block;
	width: 100%;
	height: 260px;
	object-fit: contain;
	padding: 15px;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_lbl_text {
	display: block;
	width: 100%;
	height: 160px;
	padding: 10px;
	background-color: #D0D0D0;
	line-height: 130%;
	overflow: hidden;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten ul.klassenbrowser_ergebnisse_eb3 {
	width: calc(300% + 40px);
	padding: 10px 20px;
	margin-top: 15px;
	position: relative;
	border: 1px solid #D0D0D0;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n+2) .klassenbrowser_ergebnisse_eb3 {
	left: calc(-100% - 20px);
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n+3) .klassenbrowser_ergebnisse_eb3 {
	left: calc(-200% - 40px);
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_link_idpl {
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	background-color: white;
	background-image: url("/bilder/edit.gif");
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_link_idpl:hover {
	background-color: #D0D0D0;
}
/*#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_link_idpl.show_fcls21,
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .produkt_link_idpl_unten.show_fcls21 {display: block;}*/
#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe > input[type=radio]:checked ~ label .produktLinkCover {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe {width: calc(50% - 10px);}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n + 3) {margin-right: 20px;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(2n + 2) {margin-right: 0;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten ul.klassenbrowser_ergebnisse_eb3 {width: calc(200% + 10px);}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n+2) .klassenbrowser_ergebnisse_eb3,
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(3n+3) .klassenbrowser_ergebnisse_eb3 {left: unset;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(2n+2) .klassenbrowser_ergebnisse_eb3 {left: calc(-100% - 20px);}
}
	
@media screen and (max-width: 600px) {
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe {width: 100%;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe {margin-right: 0 !important;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten ul.klassenbrowser_ergebnisse_eb3 {width: 100%;}
	#radioBoxAnsicht:checked ~ #KlassenbrowserAnsichtUnten .klassenbrowser_ergebnisse_produktgruppe:nth-of-type(2n+2) .klassenbrowser_ergebnisse_eb3 {left: unset;}
}
/* --- --- */
/* KlassenbrowserTree  */
aside#KlassenbrowserMenue {
	width: 36%;
	margin-bottom: 100px;
}
aside#KlassenbrowserMenue input[type=checkbox], aside#KlassenbrowserMenue label {display: none}
ul#KlassenbrowserMenue, ul#KlassenbrowserSuche {
	margin: 0;
	padding: 0;
	line-height: 29px;
}
ul#KlassenbrowserMenue li, ul#KlassenbrowserSuche li {
	list-style: none;
	position: relative;
}
ul#KlassenbrowserMenue li::before, ul#KlassenbrowserSuche li::before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 20px;
	background-image: url('/bilder/ordner_grau.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 14px;
}
ul#KlassenbrowserSuche li::before {background-image: url('/bilder/dokument_dunkelblau.png');}
ul#KlassenbrowserSuche > li > ul > li::before {
	width: 18px;
	height: 21px;
	background-image: url('/bilder/dokument_dunkelblau.png');
}
ul#KlassenbrowserMenue > li::before, ul#KlassenbrowserSuche > li::before {margin-left: 5px; margin-right: 22px;}
ul#KlassenbrowserMenue > li > ul li::before, ul#KlassenbrowserSuche > li > ul li::before  {
	margin-left: 36px;
	margin-right: 11px;
	top: 3px;
}
ul#KlassenbrowserMenue > li > ul > li > ul li::before {
	width: 18px;
	height: 21px;
	background-image: url('/bilder/dokument_grau.png');
}
ul#KlassenbrowserMenue > li > ul li::after, ul#KlassenbrowserSuche > li > ul li::after {
	content: '';
	display: inline-block;
	width: 22px;
	height: 1px;
	background-image: url('/bilder/strich_horizontal_grau.png');
	position: absolute;
	left: 0;
	top: 13px;
	background-color: white;
}
ul#KlassenbrowserMenue > li {
	padding: 12px 0;
	border-bottom: 1px solid #D0D0D0;
}
ul#KlassenbrowserSuche > li {
	padding: 12px 0;
	border-bottom: 1px solid #344756;
}
ul#KlassenbrowserMenue > li:first-of-type {border-top: 1px solid #D0D0D0;}
ul#KlassenbrowserSuche > li:first-of-type {border-top: 1px solid #344756;}
#KlassenbrowserMenue a {
	font-family: Montserrat Regular, sans-serif;
	border-bottom: none;
	color: #344756;
	display: block;
	margin-left: 52px;
	width: calc(100% - 82px);
}
#KlassenbrowserMenue > li > ul > li > a, #KlassenbrowserSuche > li > ul > li > a {
	margin-left: 70px;
	width: calc(100% - 100px);
}
#KlassenbrowserMenue > li > ul > li > ul > li > a {
	margin-left: 98px;
	width: calc(100% - 128px);
}
#KlassenbrowserMenue > li > ul > li > ul > li > ul > li > a {
	margin-left: 123px;
	width: calc(100% - 158px);
}
#KlassenbrowserMenue a:hover {color: #527fa2}
#KlassenbrowserSuche > li > div:hover ~ a {color: #527fa2;}
#KlassenbrowserMenue li > ul {
	display: none;
	padding-top: 18px;
	padding-bottom: 18px;
}


#KlassenbrowserMenue > li ul, #KlassenbrowserSuche > li ul {
	position: relative;
	padding-left: 15px;
}
#KlassenbrowserMenue > li ul::before, #KlassenbrowserSuche > li ul::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background-image: url('/bilder/strich_vertical_grau.png');
	position: absolute;
	left: 15px;
	top: 0;
}
#KlassenbrowserMenue > li > ul > li ul {
	padding-left: 0;
	background-color: white;
}
#KlassenbrowserMenue > li > ul > li > ul::before {left: 46px;}
#KlassenbrowserMenue > li > ul > li > ul > li::before {
	margin-left: 70px;
}
#KlassenbrowserMenue > li > ul > li > ul > li::after {
	width: 18px;
	left: 46px;
}
#KlassenbrowserMenue > li > ul > li > ul > li > ul > li::before {
	margin-left: 96px;
}
#KlassenbrowserMenue > li > ul > li > ul > li > ul::before {left: 78px;}
#KlassenbrowserMenue > li > ul > li > ul > li > ul > li::after {
	width: 8px;
	left: 78px;
}
#KlassenbrowserMenue > li > ul > li ul::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: calc(100% + 28px);
	background-color: white;
	position: absolute;
	top: -15px;
}
#KlassenbrowserMenue > li > ul > li > ul::after {left: 0;}
#KlassenbrowserMenue > li > ul > li > ul > li > ul::after {left: 45px;}

#KlassenbrowserMenue li.openleaf > ul {display: block}
#KlassenbrowserMenue li.isnode > div {
    float: right;
    width: 17px;
    height: 17px;
	margin-top: 6px;
	margin-left: 5px;
    background-image: url('/bilder/plus_grau.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#KlassenbrowserSuche li.isnode div {
background-image: url('/bilder/plus_dunkelblau.png');
margin-left: 0;
background-position: right;
position: absolute;
width: 100%;
}
#KlassenbrowserMenue > li > ul > li > ul > li > ul > li > div {display: none;}
#KlassenbrowserMenue li.openleaf > a {color: #527fa2}
#KlassenbrowserMenue li.openleaf > div {background-image: url('/bilder/minus_grau.png')}
#KlassenbrowserSuche li.openleaf > div {background-image: url('/bilder/minus_dunkelblau.png')}
#klassenbrowser_suche_button {
	height: 53px;
	padding: 0 35px;
	vertical-align: top;
	border: none;
	font-family: Montserrat SemiBold, sans-serif;
	font-size: 20px;
	color: white;
	background-color: #527fa2;
	cursor: pointer;
	transition: background-color 300ms;
	margin-right: 6px;
	margin-bottom: 20px;
}
#klassenbrowser_suche_button:hover {
	background-color: #344756;
}
#klassenbrowser_suche_textbox {
	height: 53px;
	border-radius: 0;
	border: 1px solid #E6E7E8;
	vertical-align: top;
	width: 100%;
	max-width: 200px;
	padding: 0 15px;
	transition: border-color 300ms;
	margin-bottom: 48px;
}
#klassenbrowser_suche_textbox::placeholder {
	color: #344756;
	font-size: 14px;
}
#klassenbrowser_suche_textbox:focus {
	outline: none;
}
#klassenbrowser_suche_textbox:focus, #klassenbrowser_suche_textbox:hover {
	border-color: #527fa2;
}
#KlassenbrowserMenue > li > ul > li > ul > li > ul > li.openleaf > a {
	font-family: Montserrat SemiBold, sans-serif;
}
#KlassenbrowserSuche > li > ul > li > div {
	display: none;
}
#KlassenbrowserSuche {
	margin-bottom: 50px !important;
	max-height: 400px;
	overflow-y: auto;
}
/* Mobiles Menu */
@media screen and (max-width: 1024px) {
	#KlassenbrowserSuche > li > div:hover ~ a {color: #344756;}
	#KlassenbrowserSuche > li.openleaf > div:hover ~ a {color: white;}
	#KlassenbrowserMenue li > ul {
		padding-top: 0;
		padding-bottom: 0;
	}
	aside#KlassenbrowserMenue {width: 0; padding-left: 0; margin-bottom: 0;}
	#klassenbrowser_streifen {display: none}
	#klassenbrowser_container {
		width: 0;
		padding: 0;
	}
	#klassenbrowser_container ul {overflow: auto}
	#KlassenbrowserMenue > li ul {position: static !important;}
	#klassenbrowser_seitenreiter {
		width: 300px;
		max-width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background-color: #527fa2;
		z-index: 200;
		padding: 50px 16px 30px 16px;
		font-size: 15px;
		overflow-y: auto;
	}
	#klassenbrowser_seitenreiter, #klassenbrowser_seitenreiter > ul > li.openleaf, #klassenbrowser_seitenreiter > ul > li > ul > li.openleaf, #klassenbrowser_seitenreiter > ul > li > ul > li > ul > li.openleaf {
		left: -300px;
		transition: left 600ms;
	}
	#check_kb_seitenreiter:checked ~ #klassenbrowser_seitenreiter, #check_kb_seitenreiter:checked ~ #klassenbrowser_seitenreiter > ul > li.openleaf, #check_kb_seitenreiter:checked ~ #klassenbrowser_seitenreiter > ul > li > ul > li.openleaf, #check_kb_seitenreiter:checked ~ #klassenbrowser_seitenreiter > ul > li > ul > li > ul > li.openleaf {
		left: 0;
	}
	#check_kb_seitenreiter:checked ~ #klassenbrowser_seitenreiter {box-shadow: 5px 10px 18px;}
	#suche_eingabe {display: none;}
	ul#KlassenbrowserMenue::before, #KlassenbrowserSuche::before {
		color: white;
		font-family: Montserrat SemiBold, sans-serif;
		font-size: 17px;
		display: inline-block;
		margin-bottom: 10px;
	}
	ul#KlassenbrowserMenue::before {content: 'Baustoffe';}
	.sprache_cs ul#KlassenbrowserMenue::before {content: 'Stavební materiály';}
	.sprache_hu ul#KlassenbrowserMenue::before {content: 'Építoanyagok';}
	.sprache_it ul#KlassenbrowserMenue::before {content: 'Materiali da costruzione';}
	.sprache_ro ul#KlassenbrowserMenue::before {content: 'Materiale de construc?ie';}
	.sprache_pl ul#KlassenbrowserMenue::before {content: 'Materialy budowlane';}
	.sprache_sk ul#KlassenbrowserMenue::before {content: 'Stavebné materiály';}
	
	#KlassenbrowserSuche::before {content: 'Suchergebnisse';}
	.sprache_cs ul#KlassenbrowserSuche::before {content: 'Výsledky vyhledávání';}
	.sprache_hu ul#KlassenbrowserSuche::before {content: 'Keresési eredmények';}
	.sprache_it ul#KlassenbrowserSuche::before {content: 'Risultati della ricerca';}
	.sprache_ro ul#KlassenbrowserSuche::before {content: 'Rezultatele cautarii';}
	.sprache_pl ul#KlassenbrowserSuche::before {content: 'Wyniki wyszukiwania';}
	.sprache_sk ul#KlassenbrowserSuche::before {content: 'Výsledky vyhladávania';}
	
	ul#KlassenbrowserMenue li::before, ul#KlassenbrowserSuche li::before {
		width: 21px;
		height: 17px;
		margin-left: 5px !important;
		margin-right: 0 !important;
		top: 14px !important;
	}
	ul#KlassenbrowserSuche li::before{
		background-image: url('/bilder/dokument_weiss.png');
	}
	ul#KlassenbrowserMenue li::before {
		background-image: url('/bilder/ordner_weiss.png');
	}
	#KlassenbrowserMenue li ul::before,
	#KlassenbrowserMenue ul::after,
	ul#KlassenbrowserMenue li::after,
	ul#KlassenbrowserSuche li::after,
	ul#KlassenbrowserSuche ul::after {
		display: none !important;
	}
	#KlassenbrowserMenue li ul {background-color: transparent !important;}
	#KlassenbrowserMenue a {
		color: white;
		width: calc(100% - 60px) !important;
		margin-left: 40px !important;
	}
	ul#KlassenbrowserMenue > li > ul > li > ul li::before, ul#KlassenbrowserSuche > li > ul > li::before {
		background-image: url('/bilder/dokument_weiss.png');
	}
	#KlassenbrowserMenue a:hover {
		color: #344756;
	}
	
	#KlassenbrowserMenue li.openleaf > a {color: white;}
	#KlassenbrowserMenue > li.openleaf > a,
	#KlassenbrowserMenue > li > ul > li.openleaf > a,
	#KlassenbrowserMenue > li > ul > li > ul > li.openleaf > a,
	#KlassenbrowserSuche > li.openleaf > a {
		display: inline-block;
		padding: 8px 0;
		width: 100%;
		font-family: Montserrat SemiBold, sans-serif;
		cursor: default;
		pointer-events: none;
		margin-left: 0 !important;
		padding-bottom: 10px;
		width: 100% !important;
	}
	#KlassenbrowserMenue > li.openleaf::before,
	#KlassenbrowserMenue > li > ul > li.openleaf::before,
	#KlassenbrowserMenue > li > ul > li > ul > li.openleaf::before,
	#KlassenbrowserSuche > li.openleaf::before {
		display: none !important;
	}
	#KlassenbrowserMenue li div {
		background-image: url('/bilder/plus_weiss.png');
	}
	#KlassenbrowserMenue > li.openleaf > div,
	#KlassenbrowserMenue > li > ul > li.openleaf > div,
	#KlassenbrowserMenue > li > ul > li > ul > li.openleaf > div,
	#KlassenbrowserSuche > li.openleaf > div {
		background-image: none;
		margin: 0;
		width: 11px;
		height: 11px;
		border-top: 1px solid white;
		border-right: 1px solid white;
		transform: rotate(225deg);
		position: absolute;
		top: 9px;
		left: 20px;
		margin-right: 20px;
		margin-top: 8px;
	}
	ul#KlassenbrowserMenue li {
		border-bottom: 1px solid white;
		padding: 8px 0;
	}
	#KlassenbrowserSuche > li > ul > li {padding: 8px 0;}
	ul#KlassenbrowserMenue li:last-of-type {border-bottom: none;}
	ul#KlassenbrowserMenue li:first-of-type {border-top: 1px solid white}
	
	ul#KlassenbrowserMenue li:first-of-type.openleaf,
	ul#KlassenbrowserSuche li:first-of-type.openleaf,
	#KlassenbrowserSuche li:first-of-type.openleaf {
		border-top: none;
	}
	
	#KlassenbrowserSuche li {
		border-bottom: 1px solid #344756;
		padding: 8px 0;
	}
	#KlassenbrowserSuche li:last-of-type {border-bottom: none;}
	#KlassenbrowserSuche li:first-of-type {border-top: 1px solid #344756;}
	ul#KlassenbrowserMenue > li.openleaf,
	ul#KlassenbrowserMenue > li > ul > li.openleaf,
	ul#KlassenbrowserMenue > li > ul > li > ul > li.openleaf,
	#KlassenbrowserSuche > li.openleaf {border-bottom: none;}
	#KlassenbrowserMenue > li.openleaf,
	#KlassenbrowserMenue > li > ul > li.openleaf,
	#KlassenbrowserMenue > li > ul > li > ul > li.openleaf,
	#KlassenbrowserSuche > li.openleaf {
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: #527fa2;
		padding: 30px 16px;
		top: 0;
		z-index: 1;
		overflow: auto;
		max-width: 300px;
	}
	#KlassenbrowserMenue li.openleaf > ul {padding-left: 0;}
	
	#lbl_kb_seitenreiter_show {
		display: block !important;
		width: 56px;
		height: 56px;
		background-color: #344756;
		background-image: url('/bilder/klassenIcon.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 68%;
		position: fixed;
		right: 0;
		top: calc(50% - 56px/2);
		cursor: pointer;
		z-index: 1;
		border-color: white;
		border-style: solid;
		border-width: 1px 0 1px 1px;
	}
	
	#lbl_kb_seitenreiter_hide {
		display: inline-block !important;
		width: 17px;
		height: 17px;
		background-image: url('/bilder/kb_mobile_close.png');
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 800;
		top: 15px;
		right: 15px;
		cursor: pointer;
	}

	#check_kb_seitenreiter:checked ~ label#lbl_kb_seitenreiter_show {
		background-image: url('/bilder/pfeil_klassenbrowser.svg');
		background-size: 100%;
	}
	#check_kb_seitenreiter:checked ~ label#lbl_kb_seitenreiter_hideArea {
		display: block;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.2);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 199;
		cursor: unset !important;
	}
	#KlassenbrowserSuche {
		position: absolute;
		z-index: 2;
		width: 100%;
		left: 0;
		height: 100%;
		top: 0;
		background: #527fa2;
		margin-top: 0 !important;
		padding: 30px 16px !important;
	}
	#klassenbrowser_suche_button {
		border: 1px solid transparent;
		background-color: #344756;
		font-size: 17px;
		height: 42px;
		padding: 0 15px;
		float: right;
		margin-bottom: 0;
		background-image: url('/bilder/lupe_weiss.svg');
		background-position: center;
		background-size: 75%;
		background-repeat: no-repeat;
		width: 42px;
	}
	#klassenbrowser_suche_textbox {
		height: 42px;
		max-width: calc(100% - 60px);
		margin-bottom: 0;
	}
	#klassenbrowser_suche_textbox:focus, #klassenbrowser_suche_textbox:hover {
		border-color: #344756;
	}
	#KlassenbrowserSuche > li.openleaf > ul > li:last-of-type {margin-bottom: 20px;}
	
	ul#KlassenbrowserMenue {
		margin-top: 20px;
	}
	#KlassenbrowserSuche {
		margin-bottom: 0 !important;
		max-height: unset;
		overflow-y: unset;
		height:fit-content;

	}
}
@media screen and (max-width: 600px) {
	#KlassenbrowserMenue_kb_show_menu {top: 530px}
	#lbl_kb_seitenreiter_show {
		width: 42px;
		height: 42px;
		top: calc(50% - 42px/2);
	}
}
@media screen and (max-width: 300px) {
}
@media screen and (max-width: 300px) {
	#KlassenbrowserMenue_kb_hide_menu {
		left: auto;
		right: 300px;
		transition: right 600ms;
	}
	#KlassenbrowserMenue_mobile_chk:checked ~ #KlassenbrowserMenue_kb_hide_menu {
		left: auto;
		right: 15px;
	}
}
/* --- --- */
#backtotopContainer {
	width: calc(100% - 54px);
	position: absolute;
	text-align: right;
	top: 0;
	left: 0;
}
#backtotop {
	display: none;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 37px solid rgba(82, 128, 166, 0.55);
	position: fixed;
	bottom: 14px;
	z-index: 900;
}
/* --- --- */
#sucheAjaxContainer {
	display: block;
	position: fixed;
	top: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}
#chkSucheAjax, #mandSucheAjax {display: none;}
#lblSucheAjax {
	position: absolute;
	top: 31px;
	right: 68px;
	width: 40px;
	height: 60px;
	pointer-events: all;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 30px;
}
#lblSucheCloseArea {
	opacity: 0;
	pointer-events: none;
	cursor: unset;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: 300ms;
}
#sucheAjax {
	max-width: 100%;
	max-height: calc(100% - 91px);
	padding: 20px;
	text-align: right;
	background-color: #fff;
	box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
	position: absolute;
	top: 91px;
	right: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	overflow: auto;
}
#chkSucheAjax:checked ~ #sucheAjax, #lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover, #chkSucheAjax:checked ~ #lblSucheCloseArea {
	opacity: 1;
	pointer-events: auto;
}
#chkSucheAjax:checked ~ #lblSucheAjax, #lblSucheAjax:hover {
	background-image: url("/bilder/menu_icon_suche_hover.svg");
}
#sucheAjaxTbBtn {
	max-width: 300px;
	display: inline-block;
}
#tbSucheAjax, #btnSucheAjax {vertical-align: top;}
#tbSucheAjax {
	width: calc(100% - 42px - 10px);
}
#btnSucheAjax {
	height: 42px;
	width: 42px;
	padding: 0;
	margin-left: 10px;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-repeat: no-repeat;
	background-position: center;
}
#ergebnisseSucheAjax {
	display: none;
	text-align: left;
	width: 500px;
	max-width: 100%;
}
#ergebnisseSucheAjax > article{
	padding: 20px 0;
	border-bottom: 1px solid #e6e7e8;
}
.ergebnisSucheAjaxHeadline {
	margin-top: 0;
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
	#lblSucheAjax {right: 118px;}
	#lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover {
		opacity: 0;
		pointer-events: none;
	}
	#chkSucheAjax:checked ~ #sucheAjax {
		opacity: 1;
		pointer-events: auto;
	}
}
@media screen and (max-width: 600px) {
	#lblSucheAjax {
		height: 40px;
		right: 64px;
		top: 15px;
		width: 36px;
		background-size: 26px;
	}
	#sucheAjax {
		top: 55px;
		max-height: calc(100% - 55px);
	}
}
/* --- --- */
footer {background-color: #344756;}
footer h3 {
	color: white;
	margin-top: 0;
	margin-bottom: 28px;
}
footer, footer a {
	color: #e6e7e8;
	line-height: 240%;
}
footer a {
	display: inline-block;
	font-family: Montserrat Regular, sans-serif;
	border: none;
	transition: color 100ms;
}
footer a:hover {color: #527fa2;}

@media screen and (max-width: 1024px) {
	footer h3 {margin-bottom: 17px;}
}
/* --- --- */