var body = document.body; body.className += " u-body"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Neustart am Gymnasium Musik hörenund Gutes tun Mehr erfahren Vielfalt, die bereichert Previous Next Vorteile des Aufbaugymnasiums Eine starke Schulgemeinschaft Gemeinsamer Neustart am Gymnasium Aktuelle Mitteilungen Die kommenden Termine Tag der Offenen Tür Tag der Offenen Tür und Menschenrechtstag. Interessierte, Freunde und Gäste sind herzlich eingeladen. 30.Nov. Weihnachtsferien Wir wünschen allen Schülern und Eltern eine erholsame Ferienzeit. 23. Dez. Neues aus dem Schulleben Endlich online! 29.11.2019 Nach Monaten der Arbeit, Recherche und Design ist es endlich soweit: Das neue Webseiten-Layout geht online!weiterlesen Tag der offenen Tür 30.11.2019 Die UNESCO-Schule lädt alle interessierten Eltern und Schüler am Samstag dem 30. November ab 9 Uhr zum Tag der Offenen Tür und Menschenrechtstag ein!weiterlesen Kooperationen und Partner Previous Next .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Roboto,sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: 'Open Sans',sans-serif !important; } .u-custom-font.u-heading-font { font-family: Roboto,sans-serif !important; }/*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #4688e4; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #4688e4 !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #2c77e0 !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #4688e4 !important; } a.u-link.u-hover-palette-1:hover { color: #4688e4 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before { color: #ffffff; background-color: #1e5096; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #1e5096 !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover { color: white !important; background-color: #1b4887 !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-1-base[href]:active, a.u-btn.u-active-palette-1-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-base[href].active, a.u-nav-link.u-active-palette-1-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #1e5096 !important; } a.u-link.u-hover-palette-1-base:hover { color: #1e5096 !important; } /*end-color palette-1-base*//*begin-color palette-2-dark-2*/ .u-palette-2-dark-2, .u-body.u-palette-2-dark-2, .u-container-style.u-palette-2-dark-2:before { color: #ffffff; background-color: #32576a; } .u-button-style.u-palette-2-dark-2, .u-button-style.u-palette-2-dark-2[class*="u-border-"] { color: #ffffff !important; background-color: #32576a !important; } .u-button-style.u-palette-2-dark-2:hover, .u-button-style.u-palette-2-dark-2[class*="u-border-"]:hover { color: white !important; background-color: #2d4e5f !important; } a.u-button-style.u-hover-palette-2-dark-2:hover, a.u-button-style.u-hover-palette-2-dark-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-2-dark-2[href]:active, a.u-btn.u-active-palette-2-dark-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2-dark-2[href].active, a.u-nav-link.u-active-palette-2-dark-2[class*="u-border-"][href].active { color: #ffffff !important; background-color: #32576a !important; } a.u-link.u-hover-palette-2-dark-2:hover { color: #32576a !important; } /*end-color palette-2-dark-2*//*begin-color palette-2*/ .u-palette-2, .u-body.u-palette-2, .u-container-style.u-palette-2:before { color: #ffffff; background-color: #3bafe8; } .u-button-style.u-palette-2, .u-button-style.u-palette-2[class*="u-border-"] { color: #ffffff !important; background-color: #3bafe8 !important; } .u-button-style.u-palette-2:hover, .u-button-style.u-palette-2[class*="u-border-"]:hover { color: white !important; background-color: #21a4e5 !important; } a.u-button-style.u-hover-palette-2:hover, a.u-button-style.u-hover-palette-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-2[href]:active, a.u-btn.u-active-palette-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2[href].active, a.u-nav-link.u-active-palette-2[class*="u-border-"][href].active { color: #ffffff !important; background-color: #3bafe8 !important; } a.u-link.u-hover-palette-2:hover { color: #3bafe8 !important; } /*end-color palette-2*//*begin-color palette-3*/ .u-palette-3, .u-body.u-palette-3, .u-container-style.u-palette-3:before { color: #111111; background-color: #43e5b7; } .u-button-style.u-palette-3, .u-button-style.u-palette-3[class*="u-border-"] { color: #111111 !important; background-color: #43e5b7 !important; } .u-button-style.u-palette-3:hover, .u-button-style.u-palette-3[class*="u-border-"]:hover { color: black !important; background-color: #29e1ad !important; } a.u-button-style.u-hover-palette-3:hover, a.u-button-style.u-hover-palette-3[class*="u-border-"]:hover, a.u-btn.u-active-palette-3[href]:active, a.u-btn.u-active-palette-3[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-3[href].active, a.u-nav-link.u-active-palette-3[class*="u-border-"][href].active { color: #111111 !important; background-color: #43e5b7 !important; } a.u-link.u-hover-palette-3:hover { color: #43e5b7 !important; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-palette-3-base, .u-body.u-palette-3-base, .u-container-style.u-palette-3-base:before { color: #ffffff; background-color: #168767; } .u-button-style.u-palette-3-base, .u-button-style.u-palette-3-base[class*="u-border-"] { color: #ffffff !important; background-color: #168767 !important; } .u-button-style.u-palette-3-base:hover, .u-button-style.u-palette-3-base[class*="u-border-"]:hover { color: white !important; background-color: #147a5d !important; } a.u-button-style.u-hover-palette-3-base:hover, a.u-button-style.u-hover-palette-3-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-3-base[href]:active, a.u-btn.u-active-palette-3-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-3-base[href].active, a.u-nav-link.u-active-palette-3-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #168767 !important; } a.u-link.u-hover-palette-3-base:hover { color: #168767 !important; } /*end-color palette-3-base*//*begin-color palette-5-dark-2*/ .u-palette-5-dark-2, .u-body.u-palette-5-dark-2, .u-container-style.u-palette-5-dark-2:before { color: #ffffff; background-color: #743844; } .u-button-style.u-palette-5-dark-2, .u-button-style.u-palette-5-dark-2[class*="u-border-"] { color: #ffffff !important; background-color: #743844 !important; } .u-button-style.u-palette-5-dark-2:hover, .u-button-style.u-palette-5-dark-2[class*="u-border-"]:hover { color: white !important; background-color: #68323d !important; } a.u-button-style.u-hover-palette-5-dark-2:hover, a.u-button-style.u-hover-palette-5-dark-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-5-dark-2[href]:active, a.u-btn.u-active-palette-5-dark-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-5-dark-2[href].active, a.u-nav-link.u-active-palette-5-dark-2[class*="u-border-"][href].active { color: #ffffff !important; background-color: #743844 !important; } a.u-link.u-hover-palette-5-dark-2:hover { color: #743844 !important; } /*end-color palette-5-dark-2*//*begin-color palette-5*/ .u-palette-5, .u-body.u-palette-5, .u-container-style.u-palette-5:before { color: #ffffff; background-color: #ea385c; } .u-button-style.u-palette-5, .u-button-style.u-palette-5[class*="u-border-"] { color: #ffffff !important; background-color: #ea385c !important; } .u-button-style.u-palette-5:hover, .u-button-style.u-palette-5[class*="u-border-"]:hover { color: white !important; background-color: #e71e47 !important; } a.u-button-style.u-hover-palette-5:hover, a.u-button-style.u-hover-palette-5[class*="u-border-"]:hover, a.u-btn.u-active-palette-5[href]:active, a.u-btn.u-active-palette-5[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-5[href].active, a.u-nav-link.u-active-palette-5[class*="u-border-"][href].active { color: #ffffff !important; background-color: #ea385c !important; } a.u-link.u-hover-palette-5:hover { color: #ea385c !important; } /*end-color palette-5*//*begin-color palette-5-base*/ .u-palette-5-base, .u-body.u-palette-5-base, .u-container-style.u-palette-5-base:before { color: #ffffff; background-color: #b41e3c; } .u-button-style.u-palette-5-base, .u-button-style.u-palette-5-base[class*="u-border-"] { color: #ffffff !important; background-color: #b41e3c !important; } .u-button-style.u-palette-5-base:hover, .u-button-style.u-palette-5-base[class*="u-border-"]:hover { color: white !important; background-color: #a21b36 !important; } a.u-button-style.u-hover-palette-5-base:hover, a.u-button-style.u-hover-palette-5-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-5-base[href]:active, a.u-btn.u-active-palette-5-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-5-base[href].active, a.u-nav-link.u-active-palette-5-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b41e3c !important; } a.u-link.u-hover-palette-5-base:hover { color: #b41e3c !important; } /*end-color palette-5-base*//*begin-color grey*/ .u-grey, .u-body.u-grey, .u-container-style.u-grey:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey, .u-button-style.u-grey[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey:hover, .u-button-style.u-grey[class*="u-border-"]:hover { color: white !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey:hover, a.u-button-style.u-hover-grey[class*="u-border-"]:hover, a.u-btn.u-active-grey[href]:active, a.u-btn.u-active-grey[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey[href].active, a.u-nav-link.u-active-grey[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-white, .u-body.u-white, .u-container-style.u-white:before { color: #111111; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover { color: black !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-white:hover, a.u-button-style.u-hover-white[class*="u-border-"]:hover, a.u-btn.u-active-white[href]:active, a.u-btn.u-active-white[class*="u-border-"][href]:active, a.u-nav-link.u-active-white[href].active, a.u-nav-link.u-active-white[class*="u-border-"][href].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-black, .u-body.u-black, .u-container-style.u-black:before { color: #ffffff; background-color: #000000; } .u-button-style.u-black, .u-button-style.u-black[class*="u-border-"] { color: #ffffff !important; background-color: #000000 !important; } .u-button-style.u-black:hover, .u-button-style.u-black[class*="u-border-"]:hover { color: white !important; background-color: #000000 !important; } a.u-button-style.u-hover-black:hover, a.u-button-style.u-hover-black[class*="u-border-"]:hover, a.u-btn.u-active-black[href]:active, a.u-btn.u-active-black[class*="u-border-"][href]:active, a.u-nav-link.u-active-black[href].active, a.u-nav-link.u-active-black[class*="u-border-"][href].active { color: #ffffff !important; background-color: #000000 !important; } a.u-link.u-hover-black:hover { color: #000000 !important; } /*end-color black*//*begin-color grey-5*/ .u-grey-5, .u-body.u-grey-5, .u-container-style.u-grey-5:before { color: #111111; background-color: #f2f2f2; } .u-button-style.u-grey-5, .u-button-style.u-grey-5[class*="u-border-"] { color: #111111 !important; background-color: #f2f2f2 !important; } .u-button-style.u-grey-5:hover, .u-button-style.u-grey-5[class*="u-border-"]:hover { color: black !important; background-color: #dadada !important; } a.u-button-style.u-hover-grey-5:hover, a.u-button-style.u-hover-grey-5[class*="u-border-"]:hover, a.u-btn.u-active-grey-5[href]:active, a.u-btn.u-active-grey-5[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-5[href].active, a.u-nav-link.u-active-grey-5[class*="u-border-"][href].active { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-link.u-hover-grey-5:hover { color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color grey-15*/ .u-grey-15, .u-body.u-grey-15, .u-container-style.u-grey-15:before { color: #111111; background-color: #d9d9d9; } .u-button-style.u-grey-15, .u-button-style.u-grey-15[class*="u-border-"] { color: #111111 !important; background-color: #d9d9d9 !important; } .u-button-style.u-grey-15:hover, .u-button-style.u-grey-15[class*="u-border-"]:hover { color: black !important; background-color: #c3c3c3 !important; } a.u-button-style.u-hover-grey-15:hover, a.u-button-style.u-hover-grey-15[class*="u-border-"]:hover, a.u-btn.u-active-grey-15[href]:active, a.u-btn.u-active-grey-15[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-15[href].active, a.u-nav-link.u-active-grey-15[class*="u-border-"][href].active { color: #111111 !important; background-color: #d9d9d9 !important; } a.u-link.u-hover-grey-15:hover { color: #d9d9d9 !important; } /*end-color grey-15*//*begin-color grey-30*/ .u-grey-30, .u-body.u-grey-30, .u-container-style.u-grey-30:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey-30, .u-button-style.u-grey-30[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey-30:hover, .u-button-style.u-grey-30[class*="u-border-"]:hover { color: white !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey-30:hover, a.u-button-style.u-hover-grey-30[class*="u-border-"]:hover, a.u-btn.u-active-grey-30[href]:active, a.u-btn.u-active-grey-30[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-30[href].active, a.u-nav-link.u-active-grey-30[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey-30:hover { color: #b3b3b3 !important; } /*end-color grey-30*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #4688e4; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #4688e4; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #2c77e0; } .u-btn.u-border-palette-1 { color: #4688e4 !important; } .u-button-style.u-border-palette-1 { border-color: #4688e4 !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #4688e4 !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #4688e4 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #4688e4 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #1e5096; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #1e5096; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #1b4887; } .u-btn.u-border-palette-1-base { color: #1e5096 !important; } .u-button-style.u-border-palette-1-base { border-color: #1e5096 !important; background-color: transparent !important; } .u-btn.u-border-palette-1-base:hover { color: #ffffff !important; background-color: #1e5096 !important; } a.u-btn.u-border-hover-palette-1-base:hover, a.u-btn.u-border-active-palette-1-base[href]:active { color: #1e5096 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-active-palette-1-base[href]:active, a.u-nav-link.u-border-active-palette-1-base[href].active { border-color: #1e5096 !important; } /*end-color palette-1-base*//*begin-color palette-2-dark-2*/ .u-border-palette-2-dark-2, .u-separator-palette-2-dark-2:after { border-color: #32576a; } .u-link.u-border-palette-2-dark-2[class*="u-border-"] { border-color: #32576a; } .u-link.u-border-palette-2-dark-2[class*="u-border-"]:hover { border-color: #2d4e5f; } .u-btn.u-border-palette-2-dark-2 { color: #32576a !important; } .u-button-style.u-border-palette-2-dark-2 { border-color: #32576a !important; background-color: transparent !important; } .u-btn.u-border-palette-2-dark-2:hover { color: #ffffff !important; background-color: #32576a !important; } a.u-btn.u-border-hover-palette-2-dark-2:hover, a.u-btn.u-border-active-palette-2-dark-2[href]:active { color: #32576a !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2-dark-2:hover, a.u-button-style.u-border-active-palette-2-dark-2[href]:active, a.u-nav-link.u-border-active-palette-2-dark-2[href].active { border-color: #32576a !important; } /*end-color palette-2-dark-2*//*begin-color palette-2*/ .u-border-palette-2, .u-separator-palette-2:after { border-color: #3bafe8; } .u-link.u-border-palette-2[class*="u-border-"] { border-color: #3bafe8; } .u-link.u-border-palette-2[class*="u-border-"]:hover { border-color: #21a4e5; } .u-btn.u-border-palette-2 { color: #3bafe8 !important; } .u-button-style.u-border-palette-2 { border-color: #3bafe8 !important; background-color: transparent !important; } .u-btn.u-border-palette-2:hover { color: #ffffff !important; background-color: #3bafe8 !important; } a.u-btn.u-border-hover-palette-2:hover, a.u-btn.u-border-active-palette-2[href]:active { color: #3bafe8 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2:hover, a.u-button-style.u-border-active-palette-2[href]:active, a.u-nav-link.u-border-active-palette-2[href].active { border-color: #3bafe8 !important; } /*end-color palette-2*//*begin-color palette-3*/ .u-border-palette-3, .u-separator-palette-3:after { border-color: #43e5b7; } .u-link.u-border-palette-3[class*="u-border-"] { border-color: #43e5b7; } .u-link.u-border-palette-3[class*="u-border-"]:hover { border-color: #29e1ad; } .u-btn.u-border-palette-3 { color: #43e5b7 !important; } .u-button-style.u-border-palette-3 { border-color: #43e5b7 !important; background-color: transparent !important; } .u-btn.u-border-palette-3:hover { color: #111111 !important; background-color: #43e5b7 !important; } a.u-btn.u-border-hover-palette-3:hover, a.u-btn.u-border-active-palette-3[href]:active { color: #43e5b7 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-3:hover, a.u-button-style.u-border-active-palette-3[href]:active, a.u-nav-link.u-border-active-palette-3[href].active { border-color: #43e5b7 !important; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-border-palette-3-base, .u-separator-palette-3-base:after { border-color: #168767; } .u-link.u-border-palette-3-base[class*="u-border-"] { border-color: #168767; } .u-link.u-border-palette-3-base[class*="u-border-"]:hover { border-color: #147a5d; } .u-btn.u-border-palette-3-base { color: #168767 !important; } .u-button-style.u-border-palette-3-base { border-color: #168767 !important; background-color: transparent !important; } .u-btn.u-border-palette-3-base:hover { color: #ffffff !important; background-color: #168767 !important; } a.u-btn.u-border-hover-palette-3-base:hover, a.u-btn.u-border-active-palette-3-base[href]:active { color: #168767 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-3-base:hover, a.u-button-style.u-border-active-palette-3-base[href]:active, a.u-nav-link.u-border-active-palette-3-base[href].active { border-color: #168767 !important; } /*end-color palette-3-base*//*begin-color palette-5-dark-2*/ .u-border-palette-5-dark-2, .u-separator-palette-5-dark-2:after { border-color: #743844; } .u-link.u-border-palette-5-dark-2[class*="u-border-"] { border-color: #743844; } .u-link.u-border-palette-5-dark-2[class*="u-border-"]:hover { border-color: #68323d; } .u-btn.u-border-palette-5-dark-2 { color: #743844 !important; } .u-button-style.u-border-palette-5-dark-2 { border-color: #743844 !important; background-color: transparent !important; } .u-btn.u-border-palette-5-dark-2:hover { color: #ffffff !important; background-color: #743844 !important; } a.u-btn.u-border-hover-palette-5-dark-2:hover, a.u-btn.u-border-active-palette-5-dark-2[href]:active { color: #743844 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-5-dark-2:hover, a.u-button-style.u-border-active-palette-5-dark-2[href]:active, a.u-nav-link.u-border-active-palette-5-dark-2[href].active { border-color: #743844 !important; } /*end-color palette-5-dark-2*//*begin-color palette-5*/ .u-border-palette-5, .u-separator-palette-5:after { border-color: #ea385c; } .u-link.u-border-palette-5[class*="u-border-"] { border-color: #ea385c; } .u-link.u-border-palette-5[class*="u-border-"]:hover { border-color: #e71e47; } .u-btn.u-border-palette-5 { color: #ea385c !important; } .u-button-style.u-border-palette-5 { border-color: #ea385c !important; background-color: transparent !important; } .u-btn.u-border-palette-5:hover { color: #ffffff !important; background-color: #ea385c !important; } a.u-btn.u-border-hover-palette-5:hover, a.u-btn.u-border-active-palette-5[href]:active { color: #ea385c !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-5:hover, a.u-button-style.u-border-active-palette-5[href]:active, a.u-nav-link.u-border-active-palette-5[href].active { border-color: #ea385c !important; } /*end-color palette-5*//*begin-color palette-5-base*/ .u-border-palette-5-base, .u-separator-palette-5-base:after { border-color: #b41e3c; } .u-link.u-border-palette-5-base[class*="u-border-"] { border-color: #b41e3c; } .u-link.u-border-palette-5-base[class*="u-border-"]:hover { border-color: #a21b36; } .u-btn.u-border-palette-5-base { color: #b41e3c !important; } .u-button-style.u-border-palette-5-base { border-color: #b41e3c !important; background-color: transparent !important; } .u-btn.u-border-palette-5-base:hover { color: #ffffff !important; background-color: #b41e3c !important; } a.u-btn.u-border-hover-palette-5-base:hover, a.u-btn.u-border-active-palette-5-base[href]:active { color: #b41e3c !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-5-base:hover, a.u-button-style.u-border-active-palette-5-base[href]:active, a.u-nav-link.u-border-active-palette-5-base[href].active { border-color: #b41e3c !important; } /*end-color palette-5-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey { color: #b3b3b3 !important; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey:hover, a.u-btn.u-border-active-grey[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-border-active-grey[href]:active, a.u-nav-link.u-border-active-grey[href].active { border-color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6; } .u-btn.u-border-white { color: #ffffff !important; } .u-button-style.u-border-white { border-color: #ffffff !important; background-color: transparent !important; } .u-btn.u-border-white:hover { color: #111111 !important; background-color: #ffffff !important; } a.u-btn.u-border-hover-white:hover, a.u-btn.u-border-active-white[href]:active { color: #ffffff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-border-active-white[href]:active, a.u-nav-link.u-border-active-white[href].active { border-color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-border-black, .u-separator-black:after { border-color: #000000; } .u-link.u-border-black[class*="u-border-"] { border-color: #000000; } .u-link.u-border-black[class*="u-border-"]:hover { border-color: #000000; } .u-btn.u-border-black { color: #000000 !important; } .u-button-style.u-border-black { border-color: #000000 !important; background-color: transparent !important; } .u-btn.u-border-black:hover { color: #ffffff !important; background-color: #000000 !important; } a.u-btn.u-border-hover-black:hover, a.u-btn.u-border-active-black[href]:active { color: #000000 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-black:hover, a.u-button-style.u-border-active-black[href]:active, a.u-nav-link.u-border-active-black[href].active { border-color: #000000 !important; } /*end-color black*//*begin-color grey-5*/ .u-border-grey-5, .u-separator-grey-5:after { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"] { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"]:hover { border-color: #dadada; } .u-btn.u-border-grey-5 { color: #f2f2f2 !important; } .u-button-style.u-border-grey-5 { border-color: #f2f2f2 !important; background-color: transparent !important; } .u-btn.u-border-grey-5:hover { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-btn.u-border-hover-grey-5:hover, a.u-btn.u-border-active-grey-5[href]:active { color: #f2f2f2 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-5:hover, a.u-button-style.u-border-active-grey-5[href]:active, a.u-nav-link.u-border-active-grey-5[href].active { border-color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color grey-15*/ .u-border-grey-15, .u-separator-grey-15:after { border-color: #d9d9d9; } .u-link.u-border-grey-15[class*="u-border-"] { border-color: #d9d9d9; } .u-link.u-border-grey-15[class*="u-border-"]:hover { border-color: #c3c3c3; } .u-btn.u-border-grey-15 { color: #d9d9d9 !important; } .u-button-style.u-border-grey-15 { border-color: #d9d9d9 !important; background-color: transparent !important; } .u-btn.u-border-grey-15:hover { color: #111111 !important; background-color: #d9d9d9 !important; } a.u-btn.u-border-hover-grey-15:hover, a.u-btn.u-border-active-grey-15[href]:active { color: #d9d9d9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-15:hover, a.u-button-style.u-border-active-grey-15[href]:active, a.u-nav-link.u-border-active-grey-15[href].active { border-color: #d9d9d9 !important; } /*end-color grey-15*//*begin-color grey-30*/ .u-border-grey-30, .u-separator-grey-30:after { border-color: #b3b3b3; } .u-link.u-border-grey-30[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey-30[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey-30 { color: #b3b3b3 !important; } .u-button-style.u-border-grey-30 { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey-30:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey-30:hover, a.u-btn.u-border-active-grey-30[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-30:hover, a.u-button-style.u-border-active-grey-30[href]:active, a.u-nav-link.u-border-active-grey-30[href].active { border-color: #b3b3b3 !important; } /*end-color grey-30*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #4688e4 !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #2c77e0 !important; } .u-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #4688e4 !important; } .u-text-palette-1 svg { fill: #4688e4; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, .u-text-palette-1-base a, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #1e5096 !important; } .u-link.u-text-palette-1-base:hover, a.u-nav-link.u-text-palette-1-base:hover { color: #1b4887 !important; } .u-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-base.active .u-nav-link { color: #1e5096 !important; } .u-text-palette-1-base svg { fill: #1e5096; } /*end-color palette-1-base*//*begin-color palette-2-dark-2*/ .u-text-palette-2-dark-2, .u-text-palette-2-dark-2 a, a.u-button-style.u-text-palette-2-dark-2, a.u-button-style.u-text-palette-2-dark-2[class*="u-border-"] { color: #32576a !important; } .u-link.u-text-palette-2-dark-2:hover, a.u-nav-link.u-text-palette-2-dark-2:hover { color: #2d4e5f !important; } .u-link.u-text-hover-palette-2-dark-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-dark-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2-dark-2.active, .u-popupmenu-items.u-text-hover-palette-2-dark-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2-dark-2.active .u-nav-link { color: #32576a !important; } .u-text-palette-2-dark-2 svg { fill: #32576a; } /*end-color palette-2-dark-2*//*begin-color palette-2*/ .u-text-palette-2, .u-text-palette-2 a, a.u-button-style.u-text-palette-2, a.u-button-style.u-text-palette-2[class*="u-border-"] { color: #3bafe8 !important; } .u-link.u-text-palette-2:hover, a.u-nav-link.u-text-palette-2:hover { color: #21a4e5 !important; } .u-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2.active, .u-popupmenu-items.u-text-hover-palette-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2.active .u-nav-link { color: #3bafe8 !important; } .u-text-palette-2 svg { fill: #3bafe8; } /*end-color palette-2*//*begin-color palette-3*/ .u-text-palette-3, .u-text-palette-3 a, a.u-button-style.u-text-palette-3, a.u-button-style.u-text-palette-3[class*="u-border-"] { color: #43e5b7 !important; } .u-link.u-text-palette-3:hover, a.u-nav-link.u-text-palette-3:hover { color: #29e1ad !important; } .u-link.u-text-hover-palette-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-3.active, .u-popupmenu-items.u-text-hover-palette-3:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-3.active .u-nav-link { color: #43e5b7 !important; } .u-text-palette-3 svg { fill: #43e5b7; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-text-palette-3-base, .u-text-palette-3-base a, a.u-button-style.u-text-palette-3-base, a.u-button-style.u-text-palette-3-base[class*="u-border-"] { color: #168767 !important; } .u-link.u-text-palette-3-base:hover, a.u-nav-link.u-text-palette-3-base:hover { color: #147a5d !important; } .u-link.u-text-hover-palette-3-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-3-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-3-base.active, .u-popupmenu-items.u-text-hover-palette-3-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-3-base.active .u-nav-link { color: #168767 !important; } .u-text-palette-3-base svg { fill: #168767; } /*end-color palette-3-base*//*begin-color palette-5-dark-2*/ .u-text-palette-5-dark-2, .u-text-palette-5-dark-2 a, a.u-button-style.u-text-palette-5-dark-2, a.u-button-style.u-text-palette-5-dark-2[class*="u-border-"] { color: #743844 !important; } .u-link.u-text-palette-5-dark-2:hover, a.u-nav-link.u-text-palette-5-dark-2:hover { color: #68323d !important; } .u-link.u-text-hover-palette-5-dark-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-5-dark-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-5-dark-2.active, .u-popupmenu-items.u-text-hover-palette-5-dark-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-5-dark-2.active .u-nav-link { color: #743844 !important; } .u-text-palette-5-dark-2 svg { fill: #743844; } /*end-color palette-5-dark-2*//*begin-color palette-5*/ .u-text-palette-5, .u-text-palette-5 a, a.u-button-style.u-text-palette-5, a.u-button-style.u-text-palette-5[class*="u-border-"] { color: #ea385c !important; } .u-link.u-text-palette-5:hover, a.u-nav-link.u-text-palette-5:hover { color: #e71e47 !important; } .u-link.u-text-hover-palette-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-5.active, .u-popupmenu-items.u-text-hover-palette-5:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-5.active .u-nav-link { color: #ea385c !important; } .u-text-palette-5 svg { fill: #ea385c; } /*end-color palette-5*//*begin-color palette-5-base*/ .u-text-palette-5-base, .u-text-palette-5-base a, a.u-button-style.u-text-palette-5-base, a.u-button-style.u-text-palette-5-base[class*="u-border-"] { color: #b41e3c !important; } .u-link.u-text-palette-5-base:hover, a.u-nav-link.u-text-palette-5-base:hover { color: #a21b36 !important; } .u-link.u-text-hover-palette-5-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-5-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-5-base.active, .u-popupmenu-items.u-text-hover-palette-5-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-5-base.active .u-nav-link { color: #b41e3c !important; } .u-text-palette-5-base svg { fill: #b41e3c; } /*end-color palette-5-base*//*begin-color grey*/ .u-text-grey, .u-text-grey a, a.u-button-style.u-text-grey, a.u-button-style.u-text-grey[class*="u-border-"] { color: #b3b3b3 !important; } .u-link.u-text-grey:hover, a.u-nav-link.u-text-grey:hover { color: #a1a1a1 !important; } .u-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } /*end-color grey*//*begin-color white*/ .u-text-white, .u-text-white a, a.u-button-style.u-text-white, a.u-button-style.u-text-white[class*="u-border-"] { color: #ffffff !important; } .u-link.u-text-white:hover, a.u-nav-link.u-text-white:hover { color: #e6e6e6 !important; } .u-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-white.active, .u-popupmenu-items.u-text-hover-white:hover .u-nav-link, .u-popupmenu-items.u-text-hover-white.active .u-nav-link { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } /*end-color white*//*begin-color black*/ .u-text-black, .u-text-black a, a.u-button-style.u-text-black, a.u-button-style.u-text-black[class*="u-border-"] { color: #000000 !important; } .u-link.u-text-black:hover, a.u-nav-link.u-text-black:hover { color: #000000 !important; } .u-link.u-text-hover-black:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-black:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-black.active, .u-popupmenu-items.u-text-hover-black:hover .u-nav-link, .u-popupmenu-items.u-text-hover-black.active .u-nav-link { color: #000000 !important; } .u-text-black svg { fill: #000000; } /*end-color black*//*begin-color grey-5*/ .u-text-grey-5, .u-text-grey-5 a, a.u-button-style.u-text-grey-5, a.u-button-style.u-text-grey-5[class*="u-border-"] { color: #f2f2f2 !important; } .u-link.u-text-grey-5:hover, a.u-nav-link.u-text-grey-5:hover { color: #dadada !important; } .u-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-5.active, .u-popupmenu-items.u-text-hover-grey-5:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-5.active .u-nav-link { color: #f2f2f2 !important; } .u-text-grey-5 svg { fill: #f2f2f2; } /*end-color grey-5*//*begin-color grey-15*/ .u-text-grey-15, .u-text-grey-15 a, a.u-button-style.u-text-grey-15, a.u-button-style.u-text-grey-15[class*="u-border-"] { color: #d9d9d9 !important; } .u-link.u-text-grey-15:hover, a.u-nav-link.u-text-grey-15:hover { color: #c3c3c3 !important; } .u-link.u-text-hover-grey-15:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-15:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-15.active, .u-popupmenu-items.u-text-hover-grey-15:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-15.active .u-nav-link { color: #d9d9d9 !important; } .u-text-grey-15 svg { fill: #d9d9d9; } /*end-color grey-15*//*begin-color grey-30*/ .u-text-grey-30, .u-text-grey-30 a, a.u-button-style.u-text-grey-30, a.u-button-style.u-text-grey-30[class*="u-border-"] { color: #b3b3b3 !important; } .u-link.u-text-grey-30:hover, a.u-nav-link.u-text-grey-30:hover { color: #a1a1a1 !important; } .u-link.u-text-hover-grey-30:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-30:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-30.active, .u-popupmenu-items.u-text-hover-grey-30:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-30.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey-30 svg { fill: #b3b3b3; } /*end-color grey-30*//*begin-variables sitestylecss*/ h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; } .u-link, a { margin-top: 20px; margin-bottom: 20px; text-decoration: underline; border-style: none; } .u-link:hover, a:hover { text-decoration: underline; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header h1.u-title, .u-gradient > .u-container-layout > h1.u-title, .u-image:not(.u-shading) > .u-container-layout > h1.u-title, h1.u-title { color: #1e5096; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #1e5096; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #1b4887; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #1e5096; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #1b4887; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #1e5096; } .u-body-color h1.u-title,.u-palette-1-base h1.u-title,.u-palette-1-dark-3 h1.u-title,.u-palette-1-dark-2 h1.u-title,.u-palette-1-dark-1 h1.u-title,.u-palette-1 h1.u-title,.u-palette-1-light-1 h1.u-title,.u-palette-2-base h1.u-title,.u-palette-2-dark-3 h1.u-title,.u-palette-2-dark-2 h1.u-title,.u-palette-2-dark-1 h1.u-title,.u-palette-2 h1.u-title,.u-palette-3-base h1.u-title,.u-palette-3-dark-3 h1.u-title,.u-palette-3-dark-2 h1.u-title,.u-palette-3-dark-1 h1.u-title,.u-palette-4-dark-3 h1.u-title,.u-palette-4-dark-2 h1.u-title,.u-palette-4-dark-1 h1.u-title,.u-palette-5-base h1.u-title,.u-palette-5-dark-3 h1.u-title,.u-palette-5-dark-2 h1.u-title,.u-palette-5-dark-1 h1.u-title,.u-palette-5 h1.u-title,.u-palette-5-light-1 h1.u-title,.u-grey-40 h1.u-title,.u-grey-30 h1.u-title,.u-grey-90 h1.u-title,.u-grey-80 h1.u-title,.u-grey-75 h1.u-title,.u-black h1.u-title,.u-grey-70 h1.u-title,.u-grey-60 h1.u-title,.u-grey-50 h1.u-title,.u-grey-dark-3 h1.u-title,.u-grey-dark-2 h1.u-title,.u-grey-dark-1 h1.u-title,.u-grey h1.u-title,.u-shading h1.u-title,.u-overlap-contrast .u-header h1.u-title { color: #b0cdf4; } .u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-3-base .u-link, .u-palette-3-base a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-5-base .u-link, .u-palette-5-base a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-palette-5 .u-link, .u-palette-5 a,.u-palette-5-light-1 .u-link, .u-palette-5-light-1 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #b0cdf4; } .u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-3-base .u-link:hover, .u-palette-3-base a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-5-base .u-link:hover, .u-palette-5-base a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-palette-5 .u-link:hover, .u-palette-5 a:hover,.u-palette-5-light-1 .u-link:hover, .u-palette-5-light-1 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-3-base .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-5-base .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-palette-5 .u-btn,.u-palette-5-light-1 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #b0cdf4; color: #000000; } .u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-1-light-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-base .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-5-base .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-palette-5 .u-btn:hover,.u-palette-5-light-1 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #8bb6ef; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-block-a9c4-5 {position: absolute; width: 72px; height: 3px; top: auto; bottom: 10px} .u-block-a9c4-6 {position: absolute; left: calc(((100% - 1140px) / 2) + -62px); width: 45px; height: 45px} .u-block-a9c4-7 {position: absolute; width: 45px; height: 45px; right: calc(((100% - 1140px) / 2) + -62px)} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-block-a9c4-5 {width: 59px; margin-top: 0; margin-left: 0} .u-block-a9c4-6 {width: 40px; height: 40px; margin-top: 0; margin-left: 0} .u-block-a9c4-7 {width: 40px; height: 40px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-block-a9c4-5 {width: 45px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-block-a9c4-5 {width: 43px; margin-top: 20px; margin-left: 299px} .u-block-a9c4-6 {margin-top: 20px; margin-left: 320px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-block-a9c4-5 {width: 36px; margin-left: 188px} .u-block-a9c4-6 {left: calc(((100% - 1140px) / 2) + 256px); width: 20px; height: 20px} .u-block-a9c4-7 {right: calc(((100% - 1140px) / 2) + 256px)} }/*/RESPONSIVE_MEDIA*/ .u-section-1-1 {min-height: 0} .u-section-1-1 .u-sheet-1 {min-height: 432px} .u-section-1-1 .u-image-1 {min-height: 432px; height: auto; background-image: url("https://my.unesco-schule-essen.de/images/nicepage-images/Teenageclassmatesstandinginhighschoolhallway.jpeg"); background-position: 50% 2.64%; margin: 0 auto 0 0} .u-section-1-1 .u-container-layout-1 {padding-left: 52px; padding-right: 20px} .u-section-1-1 .u-group-2 {min-height: 102px; height: auto; width: 737px; background-image: none; margin: -102px auto 0} .u-section-1-1 .u-container-layout-2 {padding: 20px} .u-section-1-1 .u-text-1 {font-size: 1.875rem; font-weight: 700; margin: 15px 1px 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1-1 {min-height: 433px} .u-section-1-1 .u-image-1 {margin-right: initial; margin-left: initial} .u-section-1-1 .u-container-layout-1 {padding-left: 43px; padding-right: 16px} .u-section-1-1 .u-group-2 {width: 608px; margin-left: 166px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1-1 .u-container-layout-1 {padding-left: 33px; padding-right: 13px} .u-section-1-1 .u-group-2 {width: 465px; margin-left: 127px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1-1 .u-sheet-1 {min-height: auto} .u-section-1-1 .u-image-1 {margin-bottom: -71px; margin-right: initial; margin-left: initial} .u-section-1-1 .u-container-layout-1 {padding-left: 25px; padding-right: 9px} .u-section-1-1 .u-group-2 {margin-right: initial; margin-left: initial; width: auto} .u-section-1-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-1-1 .u-text-1 {margin-left: 0; margin-right: 0} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1-1 {min-height: 431px} .u-section-1-1 .u-image-1 {min-height: 469px; margin-top: -38px; margin-bottom: 65px; margin-right: initial; margin-left: initial} .u-section-1-1 .u-container-layout-1 {padding-left: 6px; padding-right: 6px} }/*/RESPONSIVE_MEDIA*/ .u-section-1-2 {min-height: 0} .u-section-1-2 .u-sheet-1 {min-height: 432px} .u-section-1-2 .u-image-1 {min-height: 431px; height: auto; background-image: url("https://my.unesco-schule-essen.de/images/nicepage-images/Violinorchestramusicalinstruments.jpeg"); background-position: 50% 50%; width: 1140px; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto 0 0} .u-section-1-2 .u-container-layout-1 {padding: 0 20px 0 52px} .u-section-1-2 .u-group-2 {min-height: 244px; height: auto; width: 523px; background-image: none; top: auto; bottom: auto; left: auto; right: auto; margin: -337px 1px 45px auto} .u-section-1-2 .u-container-layout-2 {padding: 0 20px 35px} .u-section-1-2 .u-text-1 {font-size: 1.875rem; line-height: 1.4; min-height: 0; font-weight: 700; font-family: "Open Sans", sans-serif; top: auto; bottom: auto; left: auto; right: auto; height: auto; width: auto; margin: 48px 0 0 3px} .u-section-1-2 .u-btn-1 {background-image: none; min-height: 0; top: auto; bottom: auto; left: auto; right: auto; height: auto; width: auto; margin: 21px auto 0 155px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1-2 {min-height: 433px} .u-section-1-2 .u-image-1 {width: 940px} .u-section-1-2 .u-container-layout-1 {padding-left: 43px; padding-right: 16px} .u-section-1-2 .u-group-2 {width: 431px} .u-section-1-2 .u-container-layout-2 {padding-left: 16px; padding-right: 16px} .u-section-1-2 .u-text-1 {margin-left: 11px; height: 134px; width: 396px} .u-section-1-2 .u-btn-1 {height: 46px; width: NaNpx; margin-left: 128px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1-2 .u-image-1 {width: 720px} .u-section-1-2 .u-container-layout-1 {padding: 0 13px 0 33px} .u-section-1-2 .u-group-2 {width: 330px} .u-section-1-2 .u-container-layout-2 {padding: 0 13px 20px} .u-section-1-2 .u-text-1 {margin-left: 8px; width: 303px} .u-section-1-2 .u-btn-1 {width: 109px; margin-left: 98px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1-2 .u-sheet-1 {min-height: auto} .u-section-1-2 .u-image-1 {width: 540px} .u-section-1-2 .u-container-layout-1 {padding-left: 25px; padding-right: 9px} .u-section-1-2 .u-group-2 {margin-right: initial; margin-left: initial; width: auto} .u-section-1-2 .u-container-layout-2 {padding-left: 9px; padding-right: 9px} .u-section-1-2 .u-text-1 {margin-right: -5px; margin-left: 6px; width: 284px} .u-section-1-2 .u-btn-1 {width: 102px; margin-left: 74px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1-2 {min-height: 431px} .u-section-1-2 .u-image-1 {width: 340px} .u-section-1-2 .u-container-layout-1 {padding-left: 6px; padding-right: 6px} .u-section-1-2 .u-container-layout-2 {padding-left: 6px; padding-right: 6px} .u-section-1-2 .u-text-1 {margin-right: -3px; margin-left: 4px} .u-section-1-2 .u-btn-1 {margin-left: 46px} }/*/RESPONSIVE_MEDIA*/ .u-section-1-3 {min-height: 0} .u-section-1-3 .u-sheet-1 {min-height: 432px} .u-section-1-3 .u-image-1 {min-height: 432px; height: auto; background-image: url("https://my.unesco-schule-essen.de/images/nicepage-images/AdobeStock_106177219.jpeg"); background-position: 50% 0%; margin: 0 auto 0 0} .u-section-1-3 .u-container-layout-1 {padding-left: 52px; padding-right: 20px} .u-section-1-3 .u-group-2 {min-height: 102px; height: auto; width: 737px; background-image: none; margin: -102px auto 0 202px} .u-section-1-3 .u-container-layout-2 {padding: 20px} .u-section-1-3 .u-text-1 {font-size: 1.875rem; font-weight: 700; margin: 15px 1px 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1-3 {min-height: 433px} .u-section-1-3 .u-image-1 {margin-right: initial; margin-left: initial} .u-section-1-3 .u-container-layout-1 {padding-left: 43px; padding-right: 16px} .u-section-1-3 .u-group-2 {width: 608px; margin-left: 166px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1-3 .u-container-layout-1 {padding-left: 33px; padding-right: 13px} .u-section-1-3 .u-group-2 {width: 465px; margin-left: 127px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1-3 .u-sheet-1 {min-height: auto} .u-section-1-3 .u-image-1 {margin-bottom: -71px; margin-right: initial; margin-left: initial} .u-section-1-3 .u-container-layout-1 {padding-left: 25px; padding-right: 9px} .u-section-1-3 .u-group-2 {margin-right: initial; margin-left: initial; width: auto} .u-section-1-3 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-1-3 .u-text-1 {margin-left: 0; margin-right: 0} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1-3 {min-height: 431px} .u-section-1-3 .u-image-1 {min-height: 469px; margin-top: -38px; margin-bottom: 65px; margin-right: initial; margin-left: initial} .u-section-1-3 .u-container-layout-1 {padding-left: 6px; padding-right: 6px} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: none} .u-section-2 .u-sheet-1 {min-height: 151px} .u-section-2 .u-layout-wrap-1 {min-height: 0; top: 0; bottom: 0; left: 0; right: 0; width: 1140px; height: 151px; margin: 0 auto 0 0} .u-section-2 .u-layout-cell-1 {min-height: 167px; background-image: none} .u-section-2 .u-container-layout-1 {padding-left: 30px; padding-right: 30px} .u-section-2 .u-text-1 {font-size: 1rem; letter-spacing: 2px; min-height: 0; top: 0; bottom: 0; left: 0; right: 0; width: 310px; height: 18px; margin: 101px 0 0} .u-section-2 .u-icon-1 {height: 59px; width: 58px; min-height: 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: -92px auto 0} .u-section-2 .u-image-1 {height: 149px; top: 0; bottom: 0; left: 0; right: 0; width: 310px; min-height: 0; margin: -86px auto 0 -30px} .u-section-2 .u-layout-cell-2 {min-height: 167px; background-image: none} .u-section-2 .u-container-layout-2 {padding: 0} .u-section-2 .u-text-2 {font-size: 1rem; letter-spacing: 2px; top: 0; bottom: 0; left: 0; right: 0; width: 368px; min-height: 0; height: 18px; margin: 101px 1px 0} .u-section-2 .u-icon-2 {height: 59px; width: 57px; position: relative; top: 0; bottom: 0; left: 0; right: 0; min-height: 0; margin: -92px auto 0} .u-section-2 .u-image-2 {height: 149px; top: 0; bottom: 0; left: 0; right: 0; width: 370px; min-height: 0; margin: 63px auto 0 0} .u-section-2 .u-image-3 {height: 149px; min-height: 0; width: 370px; top: 0; bottom: 0; left: 0; right: 0; margin: -297px auto 0 0} .u-section-2 .u-layout-cell-3 {min-height: 167px; background-image: none} .u-section-2 .u-container-layout-3 {padding-left: 30px; padding-right: 30px} .u-section-2 .u-text-3 {font-size: 1rem; letter-spacing: 2px; top: 0; bottom: 0; left: 0; right: 0; width: 368px; min-height: 0; height: 37px; margin: 91px -29px 0} .u-section-2 .u-icon-3 {height: 58px; width: 57px; background-image: none; top: 0; bottom: 0; left: 0; right: 0; min-height: auto; margin: -104px auto 0 126px} .u-section-2 .u-image-4 {height: 149px; min-height: 0; width: 369px; top: 0; bottom: 0; left: 0; right: 0; margin: -80px -29px 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 419px} .u-section-2 .u-layout-wrap-1 {margin-right: initial; margin-left: initial; width: auto} .u-section-2 .u-layout-cell-1 {min-height: 380px; z-index: auto} .u-section-2 .u-container-layout-1 {padding-left: 25px; padding-right: 25px} .u-section-2 .u-text-1 {width: 256px} .u-section-2 .u-image-1 {height: 123px; margin-top: -60px; margin-right: initial; margin-left: initial; width: auto} .u-section-2 .u-layout-cell-2 {min-height: 246px; z-index: auto} .u-section-2 .u-text-2 {width: 303px; margin-top: 278px} .u-section-2 .u-icon-2 {margin-top: -66px} .u-section-2 .u-image-2 {height: 123px; margin-right: initial; margin-left: initial; width: auto} .u-section-2 .u-image-3 {height: 123px; margin-top: -270px; margin-right: initial; margin-left: initial; width: auto} .u-section-2 .u-layout-cell-3 {min-height: 256px; z-index: auto} .u-section-2 .u-container-layout-3 {padding-left: 25px; padding-right: 25px} .u-section-2 .u-text-3 {margin-left: -24px; margin-right: -24px; width: 303px} .u-section-2 .u-icon-3 {margin-left: 104px} .u-section-2 .u-image-4 {height: 123px; margin-top: -54px; width: 304px; margin-right: -24px; margin-left: -24px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-layout-cell-1 {min-height: 127px} .u-section-2 .u-container-layout-1 {padding-left: 19px; padding-right: 19px} .u-section-2 .u-text-1 {width: 196px} .u-section-2 .u-image-1 {height: 94px; margin-top: -31px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-2 {min-height: 127px} .u-section-2 .u-container-layout-2 {padding: 0} .u-section-2 .u-text-2 {width: 232px; margin-right: 0} .u-section-2 .u-image-2 {height: 94px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-image-3 {height: 94px; margin-top: -242px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-3 {min-height: 546px} .u-section-2 .u-container-layout-3 {padding-left: 19px; padding-right: 19px} .u-section-2 .u-text-3 {margin-left: -18px; margin-right: -18px; width: 232px} .u-section-2 .u-icon-3 {margin-left: 80px} .u-section-2 .u-image-4 {height: 94px; margin-top: -25px; width: 233px; margin-right: -19px; margin-left: -19px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 591px} .u-section-2 .u-layout-wrap-1 {height: 591px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 232px; z-index: 0} .u-section-2 .u-container-layout-1 {padding-left: 14px; padding-right: 14px} .u-section-2 .u-text-1 {width: 184px; margin-top: 0; margin-left: auto; margin-right: auto; height: 38px} .u-section-2 .u-image-1 {height: 88px; width: 512px; margin: -11px auto -74px} .u-section-2 .u-layout-cell-2 {min-height: 243px; z-index: 1} .u-section-2 .u-text-2 {width: 218px; margin-top: 123px; margin-left: auto; margin-right: auto; height: 38px} .u-section-2 .u-icon-2 {margin-top: -94px; margin-left: 242px} .u-section-2 .u-image-2 {height: 88px; margin-top: 21px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-image-3 {height: 199px; margin-top: -221px; width: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-3 {min-height: 132px; z-index: 3} .u-section-2 .u-container-layout-3 {padding-left: 14px; padding-right: 14px} .u-section-2 .u-text-3 {width: 218px; margin-top: 0; margin-left: auto; margin-right: auto; height: 38px} .u-section-2 .u-icon-3 {margin-left: auto} .u-section-2 .u-image-4 {height: 88px; width: 218px; margin: -19px auto -67px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 1300px} .u-section-2 .u-layout-cell-1 {min-height: 315px} .u-section-2 .u-container-layout-1 {padding-left: 9px; padding-right: 9px} .u-section-2 .u-image-1 {width: 340px} .u-section-2 .u-layout-cell-2 {min-height: 246px} .u-section-2 .u-icon-2 {margin-left: 152px} .u-section-2 .u-layout-cell-3 {min-height: auto} .u-section-2 .u-container-layout-3 {padding-left: 9px; padding-right: 9px} .u-section-2 .u-text-3 {margin-left: -9px; margin-right: -9px} .u-section-2 .u-icon-3 {margin-left: 38px} .u-section-2 .u-image-4 {margin-right: -9px; margin-left: -9px} }/*/RESPONSIVE_MEDIA*/ .u-section-3 {background-image: none} .u-section-3 .u-sheet-1 {min-height: 372px} .u-section-3 .u-layout-wrap-1 {top: 0; bottom: 0; left: 0; right: 0; height: 372px; min-height: 0; margin: 0 auto 0 0} .u-section-3 .u-layout-cell-1 {background-image: none; min-height: 380px} .u-section-3 .u-container-layout-1 {padding: 0 0 1px 60px} .u-section-3 .u-text-1 {font-weight: 400; top: 0; bottom: 0; left: 0; right: 0; width: 570px; min-height: 0; margin: 40px 3px 0 0} .u-section-3 .u-layout-cell-2 {background-image: none; min-height: 380px} .u-section-3 .u-container-layout-2 {padding-left: 30px; padding-right: 30px} .u-section-3 .u-text-2 {font-weight: 400; width: 507px; top: 0; bottom: 0; left: 0; right: 0; min-height: 0; height: 36px; margin: 41px -13px 0 13px} .u-section-3 .u-group-1 {width: 315px; min-height: 98px; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: 28px auto 0 0} .u-section-3 .u-container-layout-3 {padding-left: 20px; padding-right: 20px} .u-section-3 .u-text-3 {font-weight: 600; margin: 17px 54px 0 0} .u-section-3 .u-text-4 {font-size: 0.75rem; line-height: 1.5; position: relative; margin: 2px 0 0} .u-section-3 .u-group-2 {width: 96px; min-height: 96px; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: -97px 0 0 auto} .u-section-3 .u-container-layout-4 {padding: 20px} .u-section-3 .u-text-5 {font-weight: 700; font-size: 1.125rem; position: relative; margin: 0} .u-section-3 .u-group-3 {width: 315px; min-height: 80px; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: 27px auto 0 0} .u-section-3 .u-container-layout-5 {padding-left: 20px; padding-right: 20px} .u-section-3 .u-text-6 {font-weight: 600; top: 0; bottom: 0; left: 0; right: 0; width: 264px; min-height: 0; height: 26px; margin: 15px 54px 0 0} .u-section-3 .u-text-7 {font-size: 0.75rem; line-height: 1.5; min-height: 0; top: 0; bottom: 0; left: 0; right: 0; width: 275px; height: 35px; margin: 4px 0 0} .u-section-3 .u-group-4 {width: 96px; min-height: 96px; height: auto; margin: -80px -2px 0 auto} .u-section-3 .u-container-layout-6 {padding: 20px} .u-section-3 .u-text-8 {font-weight: 700; font-size: 1.125rem; margin: 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 501px} .u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-3 .u-layout-cell-1 {min-height: 435px} .u-section-3 .u-container-layout-1 {padding-left: 25px} .u-section-3 .u-text-1 {margin-right: 2px; font-weight: normal; height: 36px; width: 470px} .u-section-3 .u-layout-cell-2 {min-height: 435px} .u-section-3 .u-container-layout-2 {padding-left: 25px; padding-right: 0} .u-section-3 .u-text-2 {width: 418px; font-weight: normal; margin-left: 11px; margin-right: -11px} .u-section-3 .u-group-1 {width: 260px} .u-section-3 .u-container-layout-3 {padding-left: 16px; padding-right: 16px} .u-section-3 .u-text-3 {font-weight: normal; margin-top: 10px; margin-right: 44px} .u-section-3 .u-text-4 {margin-top: -20px} .u-section-3 .u-group-2 {width: 79px} .u-section-3 .u-group-3 {width: 260px} .u-section-3 .u-container-layout-5 {padding-left: 16px; padding-right: 16px} .u-section-3 .u-text-6 {font-weight: normal; margin-right: 45px; width: 218px} .u-section-3 .u-text-7 {width: 227px} .u-section-3 .u-group-4 {width: 79px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-3 .u-container-layout-1 {padding-left: 19px} .u-section-3 .u-text-1 {width: 360px} .u-section-3 .u-container-layout-2 {padding-left: 19px; padding-right: 0} .u-section-3 .u-text-2 {width: 320px; margin-left: 8px; margin-right: -8px} .u-section-3 .u-group-1 {width: 199px} .u-section-3 .u-container-layout-3 {padding-left: 13px; padding-right: 13px} .u-section-3 .u-text-3 {margin-right: 34px} .u-section-3 .u-text-4 {margin-top: -38px} .u-section-3 .u-group-2 {width: 61px} .u-section-3 .u-group-3 {width: 199px} .u-section-3 .u-container-layout-5 {padding-left: 13px; padding-right: 13px} .u-section-3 .u-text-6 {margin-right: 34px; width: 167px} .u-section-3 .u-text-7 {width: 174px} .u-section-3 .u-group-4 {width: 61px; margin-right: -1px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-3 .u-container-layout-1 {padding-left: 14px} .u-section-3 .u-text-1 {width: 337px; margin-right: 1px} .u-section-3 .u-container-layout-2 {padding-left: 14px} .u-section-3 .u-text-2 {width: 300px; margin-right: -6px; margin-left: 6px; height: 73px} .u-section-3 .u-group-1 {width: 187px} .u-section-3 .u-container-layout-3 {padding-left: 9px; padding-right: 9px} .u-section-3 .u-text-3 {margin-right: 25px} .u-section-3 .u-group-2 {width: 57px} .u-section-3 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-3 .u-group-3 {width: 187px} .u-section-3 .u-container-layout-5 {padding-left: 9px; padding-right: 9px} .u-section-3 .u-text-6 {width: 156px; margin-right: 26px} .u-section-3 .u-text-7 {width: 163px; height: 53px} .u-section-3 .u-group-4 {width: 57px} .u-section-3 .u-container-layout-6 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-3 .u-container-layout-1 {padding-left: 9px} .u-section-3 .u-container-layout-2 {padding-left: 9px} .u-section-3 .u-text-2 {margin-left: 4px; margin-right: -4px} .u-section-3 .u-container-layout-3 {padding-left: 6px; padding-right: 6px} .u-section-3 .u-text-3 {margin-right: 16px} .u-section-3 .u-text-4 {margin-top: -56px} .u-section-3 .u-container-layout-5 {padding-left: 6px; padding-right: 6px} .u-section-3 .u-text-6 {margin-right: 16px} }/*/RESPONSIVE_MEDIA*/ .u-section-4 {background-image: none} .u-section-4 .u-sheet-1 {min-height: 87px} .u-section-4 .u-text-1 {font-size: 1.875rem; font-weight: 400; position: relative; margin: 19px 20px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-4 .u-text-1 {margin-left: 16px; margin-right: 16px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-4 .u-text-1 {margin-left: 13px; margin-right: 13px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-4 .u-sheet-1 {min-height: 481px} .u-section-4 .u-text-1 {margin-top: 1px; margin-left: 9px; margin-right: 9px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-4 .u-sheet-1 {min-height: 500px} .u-section-4 .u-text-1 {margin-left: 6px; margin-right: 6px} }/*/RESPONSIVE_MEDIA*/ .u-section-5 {background-image: none} .u-section-5 .u-sheet-1 {min-height: 299px} .u-section-5 .u-layout-wrap-1 {position: relative; margin: 0 auto 0 0} .u-section-5 .u-image-1 {background-image: url("https://my.unesco-schule-essen.de/images/Beitraege/Bildschirmfoto_2019-10-21_um_00.02.43.png"); order: 0; min-height: 299px; background-position: 50% 50%} .u-section-5 .u-container-layout-1 {padding: 20px} .u-section-5 .u-layout-cell-2 {order: 0; min-height: 299px} .u-section-5 .u-container-layout-2 {padding: 20px 30px} .u-section-5 .u-text-1 {position: relative; font-size: 1.5rem; margin: 0} .u-section-5 .u-text-2 {position: relative; margin: 0} .u-section-5 .u-text-3 {position: relative; margin: 9px 0 0} .u-section-5 .u-btn-1 {margin: 20px auto 0 18px} .u-section-5 .u-layout-cell-3 {min-height: 299px} .u-section-5 .u-layout-cell-4 {order: 0; min-height: 299px} .u-section-5 .u-container-layout-4 {padding: 20px 30px} .u-section-5 .u-text-4 {position: relative; font-size: 1.5rem; margin: 0} .u-section-5 .u-text-5 {margin: 0} .u-section-5 .u-text-6 {position: relative; line-height: 1.3; margin: 9px 0 0} .u-section-5 .u-btn-2 {margin: 18px auto 0} .u-section-5 .u-image-2 {min-height: 299px; background-image: url("https://my.unesco-schule-essen.de/images/Beitraege/Einladung_Web.png"); order: 0; background-position: 50% 50%} .u-section-5 .u-container-layout-5 {padding: 20px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-5 .u-sheet-1 {min-height: 250px} .u-section-5 .u-image-1 {min-height: 254px} .u-section-5 .u-layout-cell-2 {min-height: 254px} .u-section-5 .u-container-layout-2 {padding-left: 25px; padding-right: 25px} .u-section-5 .u-btn-1 {margin-left: 15px} .u-section-5 .u-layout-cell-4 {min-height: 254px} .u-section-5 .u-container-layout-4 {padding-left: 25px; padding-right: 25px} .u-section-5 .u-image-2 {min-height: 254px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-5 .u-sheet-1 {min-height: 300px} .u-section-5 .u-image-1 {min-height: 310px} .u-section-5 .u-container-layout-1 {padding-left: 30px; padding-right: 30px} .u-section-5 .u-layout-cell-2 {min-height: 310px} .u-section-5 .u-container-layout-2 {padding-left: 30px; padding-right: 30px} .u-section-5 .u-btn-1 {margin-left: 11px} .u-section-5 .u-layout-cell-4 {min-height: 310px} .u-section-5 .u-container-layout-4 {padding-left: 30px; padding-right: 30px} .u-section-5 .u-image-2 {min-height: 310px} .u-section-5 .u-container-layout-5 {padding-left: 30px; padding-right: 30px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-5 .u-sheet-1 {min-height: 1201px} .u-section-5 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-5 .u-image-1 {min-height: 232px} .u-section-5 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-5 .u-layout-cell-2 {min-height: 232px} .u-section-5 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-5 .u-btn-1 {margin-left: 9px} .u-section-5 .u-layout-cell-3 {min-height: 276px} .u-section-5 .u-layout-cell-4 {min-height: 232px} .u-section-5 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-5 .u-image-2 {min-height: 232px} .u-section-5 .u-container-layout-5 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-5 .u-sheet-1 {min-height: 904px} .u-section-5 .u-image-1 {min-height: 226px} .u-section-5 .u-layout-cell-2 {min-height: 226px} .u-section-5 .u-btn-1 {margin-left: 5px} .u-section-5 .u-layout-cell-4 {min-height: 226px} .u-section-5 .u-image-2 {min-height: 226px} }/*/RESPONSIVE_MEDIA*/ .u-section-6 {background-image: none} .u-section-6 .u-sheet-1 {min-height: 29px} .u-section-7 .u-sheet-1 {min-height: 84px} .u-section-7 .u-group-1 {min-height: 52px; height: auto; width: 947px; margin: 32px 95px 0 auto} .u-section-7 .u-container-layout-1 {padding: 0 60px} .u-section-7 .u-text-1 {font-size: 2.0625rem; margin: 6px 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-7 .u-sheet-1 {min-height: 352px} .u-section-7 .u-group-1 {min-height: 150px; width: 547px; margin-right: auto; margin-bottom: 35px} .u-section-7 .u-container-layout-1 {padding-left: 12px; padding-right: 12px} .u-section-7 .u-text-1 {margin-top: 15px; margin-left: auto; margin-right: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-7 .u-sheet-1 {min-height: 401px} .u-section-7 .u-group-1 {width: 419px} .u-section-7 .u-container-layout-1 {padding: 0 9px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-7 .u-group-1 {width: 393px} .u-section-7 .u-container-layout-1 {padding-left: 7px; padding-right: 7px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-7 .u-group-1 {width: 330px} .u-section-7 .u-container-layout-1 {padding-left: 4px; padding-right: 4px} .u-section-7 .u-text-1 {margin-top: 0} }/*/RESPONSIVE_MEDIA*/ .u-block-25ae-2 {position: absolute; bottom: 10px} .u-block-25ae-3 {position: absolute; left: calc(((100% - 1140px) / 2) + -45px); width: 45px; height: 45px} .u-block-25ae-4 {position: absolute; width: 45px; height: 45px; right: calc(((100% - 1140px) / 2) + -45px)} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-block-25ae-2 {margin-top: 0; margin-left: 0} .u-block-25ae-3 {left: calc(((100% - 940px) / 2) + -37px); width: 37px; height: 37px; margin-top: 0; margin-left: 0} .u-block-25ae-4 {width: 37px; height: 37px; right: calc(((100% - 940px) / 2) + -37px)} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-block-25ae-3 {left: calc(((100% - 720px) / 2) + -28px); width: 28px; height: 28px} .u-block-25ae-4 {width: 28px; height: 28px; right: calc(((100% - 720px) / 2) + -28px)} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-block-25ae-2 {margin-top: 20px; margin-left: 266px} .u-block-25ae-3 {left: calc(((100% - 540px) / 2) + -94px); width: 27px; height: 27px; margin-top: 20px; margin-left: 320px} .u-block-25ae-4 {width: 27px; height: 27px; right: calc(((100% - 540px) / 2) + -94px)} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-block-25ae-2 {margin-left: 166px} .u-block-25ae-3 {left: calc(((100% - 340px) / 2) + -158px); width: 20px; height: 20px; margin-left: 220px} .u-block-25ae-4 {right: calc(((100% - 340px) / 2) + -158px)} }/*/RESPONSIVE_MEDIA*/ .u-section-8-1 .u-sheet-1 {min-height: 200px} .u-section-8-1 .u-layout-wrap-1 {height: 198px; top: 0; bottom: 0; left: 0; right: 0; min-height: 0; margin: 1px auto 1px 0} .u-section-8-1 .u-layout-cell-1 {min-height: 198px} .u-section-8-1 .u-container-layout-1 {padding: 20px} .u-section-8-1 .u-image-1 {height: 78px; width: 188px; left: 0; top: 0; bottom: 0; right: 0; min-height: 0; margin: 0 auto 0 0} .u-section-8-1 .u-layout-cell-2 {min-height: 198px; background-position: 0% 0%} .u-section-8-1 .u-container-layout-2 {padding: 20px} .u-section-8-1 .u-image-2 {height: 79px; left: 0; right: 0; margin: 0 auto 0 0} .u-section-8-1 .u-layout-cell-3 {min-height: 198px; background-position: 0% 0%} .u-section-8-1 .u-container-layout-3 {padding: 20px} .u-section-8-1 .u-image-3 {height: 103px; left: 0; right: 0; margin: 0 auto 0 0} .u-section-8-1 .u-image-4 {min-height: 198px; background-image: url("https://www.xing.com/img/custom/cp/assets/logo/c/7/4/15476/square_256px/SPK_Essen_1zlg_rot_RGB20140304-12615-36gvde.jpg"); background-position: 50% 50%} .u-section-8-1 .u-container-layout-4 {padding: 20px} .u-section-8-1 .u-layout-cell-5 {min-height: 198px} .u-section-8-1 .u-container-layout-5 {padding: 20px} .u-section-8-1 .u-image-5 {height: 89px; min-height: 0; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-8-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-8-1 .u-layout-cell-1 {z-index: auto} .u-section-8-1 .u-image-1 {height: 64px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-1 .u-layout-cell-2 {z-index: auto} .u-section-8-1 .u-image-2 {left: 21px; right: 7px; height: 65px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-layout-cell-3 {z-index: auto} .u-section-8-1 .u-image-3 {left: 21px; right: 7px; height: 85px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-4 {z-index: auto} .u-section-8-1 .u-layout-cell-5 {z-index: auto} .u-section-8-1 .u-image-5 {height: 73px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-8-1 .u-image-1 {height: 49px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-2 {left: 16px; right: 5px; height: 50px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-3 {left: 16px; right: 5px; height: 65px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-5 {height: 56px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-8-1 .u-sheet-1 {min-height: 799px} .u-section-8-1 .u-layout-cell-1 {min-height: 137px} .u-section-8-1 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-8-1 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-1 .u-layout-cell-2 {min-height: 176px} .u-section-8-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-8-1 .u-image-2 {left: 12px; right: 4px; height: 47px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-layout-cell-3 {min-height: 137px} .u-section-8-1 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-8-1 .u-image-3 {left: 12px; right: 4px; height: 61px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-8-1 .u-layout-cell-5 {min-height: 137px} .u-section-8-1 .u-container-layout-5 {padding-left: 10px; padding-right: 10px} .u-section-8-1 .u-image-5 {height: 53px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-8-1 .u-sheet-1 {min-height: 800px} .u-section-8-1 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-2 {left: 7px; right: 2px; margin-right: initial; margin-left: initial} .u-section-8-1 .u-image-3 {left: 7px; right: 2px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ .u-section-8-2 .u-sheet-1 {min-height: 200px} .u-section-8-2 .u-layout-wrap-1 {height: 197px; top: 0; bottom: 0; left: 0; right: auto; min-height: 0; margin: 1px auto 0 0} .u-section-8-2 .u-layout-cell-1 {min-height: 196px} .u-section-8-2 .u-container-layout-1 {padding: 20px} .u-section-8-2 .u-image-1 {height: 78px; width: 188px; left: 0; top: 0; bottom: 0; right: 0; min-height: 0; margin: 0 auto 0 0} .u-section-8-2 .u-layout-cell-2 {min-height: 196px; background-position: 0% 0%} .u-section-8-2 .u-container-layout-2 {padding: 20px} .u-section-8-2 .u-image-2 {height: 79px; width: 188px; left: 0; right: 0; margin: 0 auto 0 0} .u-section-8-2 .u-layout-cell-3 {min-height: 196px; background-position: 0% 0%} .u-section-8-2 .u-container-layout-3 {padding: 20px} .u-section-8-2 .u-image-3 {height: 103px; width: 188px; left: 0; right: 0; margin: 0 auto 0 0} .u-section-8-2 .u-layout-cell-4 {min-height: 196px; background-position: 0% 0%} .u-section-8-2 .u-container-layout-4 {padding: 20px} .u-section-8-2 .u-image-4 {width: 182px; height: 65px; margin: 0 auto 0 0} .u-section-8-2 .u-layout-cell-5 {min-height: 196px} .u-section-8-2 .u-container-layout-5 {padding: 20px} .u-section-8-2 .u-image-5 {height: 97px; min-height: 0; top: auto; bottom: auto; left: auto; right: auto; margin: 0 auto 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-8-2 .u-layout-wrap-1 {right: 0; margin-right: initial; margin-left: initial} .u-section-8-2 .u-layout-cell-1 {z-index: auto} .u-section-8-2 .u-image-1 {height: 64px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-2 .u-layout-cell-2 {z-index: auto} .u-section-8-2 .u-image-2 {left: 21px; right: 7px; height: 65px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-2 .u-layout-cell-3 {z-index: auto} .u-section-8-2 .u-image-3 {left: 21px; right: 7px; height: 85px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-2 .u-layout-cell-4 {z-index: auto} .u-section-8-2 .u-image-4 {width: 150px; height: 54px} .u-section-8-2 .u-layout-cell-5 {z-index: auto} .u-section-8-2 .u-image-5 {height: 80px; margin-top: 55px; top: 0; bottom: 0; left: 0; right: 0; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-8-2 .u-image-1 {height: 49px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-image-2 {left: 16px; right: 5px; height: 50px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-image-3 {left: 16px; right: 5px; height: 65px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-image-4 {width: 115px; height: 41px} .u-section-8-2 .u-image-5 {height: 61px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-8-2 .u-sheet-1 {min-height: 799px} .u-section-8-2 .u-layout-cell-1 {min-height: 137px} .u-section-8-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-8-2 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-layout-cell-2 {min-height: 176px} .u-section-8-2 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-8-2 .u-image-2 {left: 12px; right: 4px; height: 47px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-layout-cell-3 {min-height: 137px} .u-section-8-2 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-8-2 .u-image-3 {left: 12px; right: 4px; height: 61px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-layout-cell-4 {min-height: 164px} .u-section-8-2 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-8-2 .u-image-4 {width: 108px; height: 38px} .u-section-8-2 .u-layout-cell-5 {min-height: 137px} .u-section-8-2 .u-container-layout-5 {padding-left: 10px; padding-right: 10px} .u-section-8-2 .u-image-5 {height: 57px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-8-2 .u-sheet-1 {min-height: 800px} .u-section-8-2 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-image-2 {left: 7px; right: 2px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-2 .u-image-3 {left: 7px; right: 2px; width: auto; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ .u-section-8-3 .u-sheet-1 {min-height: 200px} .u-section-8-3 .u-layout-wrap-1 {height: 197px; top: 0; bottom: 0; left: 0; right: auto; min-height: 0; margin: 1px auto 0 0} .u-section-8-3 .u-layout-cell-1 {min-height: 196px} .u-section-8-3 .u-container-layout-1 {padding: 20px} .u-section-8-3 .u-image-1 {height: 78px; width: 188px; left: 0; top: 0; bottom: 0; right: 0; min-height: 0; margin: 0 auto 0 0} .u-section-8-3 .u-layout-cell-2 {min-height: 196px; background-position: 0% 0%} .u-section-8-3 .u-container-layout-2 {padding: 20px} .u-section-8-3 .u-image-2 {height: 79px; width: 188px; left: 0; right: 0; margin: 0 auto 0 0} .u-section-8-3 .u-layout-cell-3 {min-height: 196px; background-position: 0% 0%} .u-section-8-3 .u-container-layout-3 {padding: 20px} .u-section-8-3 .u-image-3 {height: 103px; left: auto; right: auto; margin: 26px auto 0 0} .u-section-8-3 .u-layout-cell-4 {min-height: 196px; background-position: 0% 0%} .u-section-8-3 .u-container-layout-4 {padding: 20px} .u-section-8-3 .u-image-4 {width: 182px; height: 91px; object-position: 50% 1.2400000095367432%; background-position: 50% 1.2400000095367432%; margin: 0 auto} .u-section-8-3 .u-layout-cell-5 {min-height: 196px} .u-section-8-3 .u-container-layout-5 {padding: 20px} .u-section-8-3 .u-image-5 {height: 97px; min-height: 0; top: auto; bottom: auto; left: auto; right: auto; margin: 0 auto 0 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-8-3 .u-layout-wrap-1 {right: 0; margin-right: initial; margin-left: initial} .u-section-8-3 .u-layout-cell-1 {z-index: auto} .u-section-8-3 .u-image-1 {height: 64px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-3 .u-layout-cell-2 {z-index: auto} .u-section-8-3 .u-image-2 {left: 21px; right: 7px; height: 65px; margin-right: initial; margin-left: initial; width: auto} .u-section-8-3 .u-layout-cell-3 {z-index: auto} .u-section-8-3 .u-image-3 {left: 21px; right: 7px; height: 85px; margin-right: initial; margin-left: initial} .u-section-8-3 .u-layout-cell-4 {z-index: auto} .u-section-8-3 .u-image-4 {width: 150px; height: 75px} .u-section-8-3 .u-layout-cell-5 {z-index: auto} .u-section-8-3 .u-image-5 {height: 80px; margin-top: 55px; top: 0; bottom: 0; left: 0; right: 0; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-8-3 .u-image-1 {height: 49px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-image-2 {left: 16px; right: 5px; height: 50px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-image-3 {left: 16px; right: 5px; height: 65px; margin-right: initial; margin-left: initial} .u-section-8-3 .u-image-4 {width: 115px; height: 58px} .u-section-8-3 .u-image-5 {height: 61px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-8-3 .u-sheet-1 {min-height: 799px} .u-section-8-3 .u-layout-cell-1 {min-height: 137px} .u-section-8-3 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-8-3 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-layout-cell-2 {min-height: 176px} .u-section-8-3 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-8-3 .u-image-2 {left: 12px; right: 4px; height: 47px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-layout-cell-3 {min-height: 137px} .u-section-8-3 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-8-3 .u-image-3 {left: 12px; right: 4px; height: 61px; margin-right: initial; margin-left: initial} .u-section-8-3 .u-layout-cell-4 {min-height: 164px} .u-section-8-3 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-8-3 .u-image-4 {width: 108px; height: 54px} .u-section-8-3 .u-layout-cell-5 {min-height: 137px} .u-section-8-3 .u-container-layout-5 {padding-left: 10px; padding-right: 10px} .u-section-8-3 .u-image-5 {height: 57px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-8-3 .u-sheet-1 {min-height: 800px} .u-section-8-3 .u-image-1 {height: 46px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-image-2 {left: 7px; right: 2px; width: auto; margin-right: initial; margin-left: initial} .u-section-8-3 .u-image-3 {left: 7px; right: 2px; margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
