/*
 * Theme Name: SwissSchool
 * Description: SwissSchool is fully responsive, clean and minimal WordPress theme. It has various options in WordPress Customizer to change look of the theme - primary design color, background and header, page layout (left or right sidebar, full or centered content). Clean valid code, semantic markup, markup by Schema.org, full adaptation to mobile devices. SwissSchool is ready to use with child themes and gives for developers simple design change with custom hooks and action. Translation Ready (English, Russian, Ukrainian, French, German, Polish, Turkish). Fully compatible with WPML, WooCommerce, bbPress.
 * Theme URI: https://swissschools.ahja.li/themes/swissschool/
 * Author: SwissSchool
 * Author URI: https://swissschools.ahja.li/
 * Version: 1.3.10
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: swissschool
 */



/* reset & 12 columns
 * ============================================================================ */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; border: 0 }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
ol, ul { list-style: none }
a:focus { outline: 0 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
table { border-collapse: collapse; border-spacing: 0 }
img, object, embed, video { max-width: 100% }
object, embed, video { width: 100% }
img { height: auto; vertical-align: middle; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
.clearfix:after { clear: both }
.grid { width: 90%; margin-left: auto; margin-right: auto }
.grid [class*=col] { width: 100%; margin-left: 0 }
@media screen and (min-width:1024px) {
.grid { width: 100% }
.grid [class*=col] { float: left }
.grid:after, .grid:before, .grid .newrow:before { display: table; line-height: 0; content: "" }
.grid:after, .grid .newrow, .grid .newrow:before { clear: both }
.grid [class*=col] { margin-left: 1.694915254%; margin-right: 0 }
.grid .newrow, .grid [class*=col]:first-of-type { margin-left: 0 }
.grid .col1 { width: 6.779661017% }
.grid .col2 { width: 15.25423729% }
.grid .col3 { width: 23.72881356% }
.grid .col4 { width: 32.20338983% }
.grid .col5 { width: 40.6779661% }
.grid .col6 { width: 49.15254237% }
.grid .col7 { width: 57.62711864% }
.grid .col8 { width: 66.10169492% }
.grid .col9 { width: 74.57627119% }
.grid .col10 { width: 83.05084746% }
.grid .col11 { width: 91.52542373% }
.grid .col12 { width: 100% }
}
.fl { float: left }
.fr { float: right }
.b { font-weight: bold }
.i { font-style: italic }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.pn { padding: 0 }
.mn { margin: 0 }
.hide { display: none }

*,*::before,*::after{box-sizing: border-box}
html { height: 100%; }
body{background: #fff; font: 16px/1.4 'Open Sans', sans-serif; color: #666; word-wrap: break-word; }
a{color: #222; text-decoration: none;}
a:hover { color: #ce0808; }
p { padding: 0 0 1em;}
p:last-child{padding-bottom: 0;}
h1, h2, h3, h4, h5, h6, .wtitle, .title { margin: 0; padding: 0 0 0.5em; line-height: 1.1; font-family: 'Open Sans', sans-serif; font-weight: bold; }
h1 { font-size: 36px; padding: 0; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }
blockquote, q { position: relative; padding: 30px 30px 30px 80px; margin: 10px 0 20px 30px; color: #444; font-family: 'Open Sans', sans-serif; background: #EFEFEF; border-left: 3px solid #ce0808; border-radius: 3px; display: block; }
blockquote:after { content: '”'; position: absolute; top: 10px; left: 20px; font-size: 4em; line-height: 1; }
table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
table tr th:last-child { border-right: 1px solid #ddd; }
table td { padding: 5px 20px; border: 1px solid #ddd; }
pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.25; margin: 0 0 1em 0; overflow: auto }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
sup { bottom: 1ex }
sub { top: .5ex }
small { font-size: 75% }
big { font-size: 125% }
/* ============================================================================
*		FORM HTML TAG
* ============================================================================ */
input, textarea, select, button { padding: 10px 10px 10px 0; border-color: #ddd; border-radius: 0; font: 300 16px/1.25 'Open Sans', sans-serif; color: #666;}
textarea { min-height: 90px; max-width: 100%; box-sizing: border-box; resize: none;}
textarea, select, input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=time], input[type=month], input[type=week], input[type=number], input[type=search] { padding: 9px 10px; border-width: 1px; border-style: solid; min-height: 20px; -webkit-appearance: none;}
input[type=search] { height: 40px; }
input[type=color] { padding: 0; border: 0; background: #fff; }
input:focus, textarea:focus, select:focus { outline: none; border-color: #ce0808; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); box-shadow: inset 0 0 8px rgba(0,0,0,0.08);}
input[type=submit], input[type=button], button, .submit, .button { padding: 10px 20px; border: 0; background-color: #ce0808; color: #fff; font-size: 16px; line-height: 1.25; border-radius: 0; cursor: pointer; -webkit-appearance: none;}
input[type=submit]:hover, input[type=button]:hover, button:hover, .submit:hover, .button:hover { opacity: 0.9; }
/* ============================================================================ */
/* ============================================================================ */


/* ============================================================================
*		LAYOUT
* ============================================================================ */
/**---- custom css ------**/
a.close{ opacity: 0; display: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.wrapper { margin: 0 auto; }
#header { width: 100%; z-index: 99; background: #fff; padding: 23px 0 11px; box-shadow: 0 0 20px rgba(0,0,0,0.5); position: fixed; width: 100%; left: 0; top: 0 }
#main { padding: 60px 0; margin: 0 auto; position: relative; }
#content { width: 100%; float: none; }
#footer { width: 100%; padding: 20px 0; margin: 0; }
.maxwidth { margin: 0 auto; position: relative; width: 90%; max-width: 1280px; }
.flex_row { width: 100%; display: flex }
#header .flex_row { justify-content: space-between;}
#header .logo { margin: 0 }
#header .right_details { text-align: right; }
#menutoggle{width: 35px; height: 35px; position: relative; cursor: pointer; margin: 10px 0 0;}
#menutoggle span { display: block; position: absolute; height: 3px; width: 100%; background: #a09f9f; border-radius: 9px; opacity: 1; left: 0;}
#menutoggle span:nth-child(1) { top: 0px; }
#menutoggle span:nth-child(2) { top: 13px; }
#menutoggle span:nth-child(3) { top: 26px; }

#header .right_details .top_row { display: flex; align-items: center}
#header .right_details .top_row .language{padding-bottom: 0px;}
.wpml-ls-legacy-list-horizontal{padding: 0; border: 0 none;}
.wpml-ls-legacy-list-horizontal ul{display: flex;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item{border-right: 1px solid #ce0808; padding: 0 8px;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child{border-right: 0 none;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item a{display: block; font-size: 15px; line-height: 1; padding: 0; width: 20px; text-transform: uppercase; color: #a09f9f;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-item-fr a{width: 17px;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-item-it a{width: 12px;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item a span{display: block; white-space: nowrap; overflow: hidden;}
#header .right_details .top_row .quick_links{padding-left: 20px; position: relative;display: flex;align-items: center;}
#header .right_details .top_row .quick_links ul{ display: flex; align-items: flex-end; }
#header .right_details .top_row .quick_links ul li a,
#header .right_details .top_row .quick_links ul li span{ display: block; color: #a09f9f; font-size: 15px; line-height: 18px; font-weight: 400; padding: 0 7px }
#header .right_details .top_row .quick_links ul li span,
#header .right_details .top_row .quick_links ul li.current_page_parent a{color: #666;}
#header .right_details .top_row .quicks-btn{margin-left: 46px;}
#header .right_details .top_row .quicks-btn{background-color: #ce0808; border: none; color: #fff; padding: 8px 40px 7px;}

.login-box{position: absolute; z-index: 1; top: 100%; right: 0; margin-top: 0; background-color: rgba(51, 51, 51, 0.92); padding: 20px 95px 40px 25px; width: 1145px; text-align: left; opacity: 0; visibility: hidden; transition: all linear 0.2s;} 
/* .login-box {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    margin-top: 0;
    background-color: rgba(51, 51, 51, 0.92);
    padding: 20px 40px 40px 40px;
    width: 500px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: all linear 0.2s;
} */
.login-box.open{opacity: 1; visibility: visible; margin-top: 17px;}
.login-box .close-login{position: absolute; top: 18px; right: 25px; width: 18px; height: 18px; cursor: pointer;}
.login-box .close-login::before,
.login-box .close-login::after{position: absolute; content: ""; top: 8px; left: -2px; background-color: #FFF; height: 2px; width: 22px;}
.login-box .close-login::before{transform: rotate(45deg);}
.login-box .close-login::after{transform: rotate(-45deg);}
.login-box h6{font-weight: 400; color: #fff; font-size: 16px; line-height: 1.5; padding-bottom: 0; margin-bottom: 28px;}
.login-form{display: flex; flex-wrap: wrap;}
.login-form .login-field{width: 315px;}
.login-form .login-field a{color: #fff; text-decoration: none; display: block; font-size: 12px; line-height: 1; margin-top: 20px; text-align: right;}
.login-form .login-field a span{text-decoration: underline;}
.login-form .form-control{display: block; width: 100%; background-color: #fff; border: 0 none; height: 38px; border-radius: 10px; font-size: 12px;}
.login-form .field-username{margin-right: 40px;}
.login-form .field-password{margin-right: 85px;}
.login-form .form-action{width: 265px; text-align: right;}
.login-form .form-action p{color: #fff; font-size: 12px; line-height: 1; padding-bottom: 0; margin-bottom: 36px;}
.login-form .form-action p a{color: #fff; text-decoration: underline;}
.login-form .form-action button{border-radius: 7px; padding: 5px; font-size: 12px; line-height: 1;}

#header .right_details .bottom_row { display: flex; text-align: right; justify-content: flex-end; padding: 20px 0 0; }
#header .right_details .bottom_row .search{position: relative;}
#header .right_details .bottom_row .pro_search img { margin: 4px 20px 0; }
.searching-form{position: absolute; top: 100%; right: 0; margin-top: 20px; background-color: #fff; width: 350px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.searching-form .search-field{width: 70%;}
.searching-form input[type=submit]{width: 25%; padding: 10px 0;}

#header #menu {position: absolute; top: 100%; left: 0; background-color: rgba(51, 51, 51, 0.95); width: 100%; height: 100vh; margin-top: 20px; opacity: 0; visibility: hidden; transition: all ease 0.3s; padding: 45px 0 0 110px;}
#header #menu.open{opacity: 1; visibility: visible; margin-top: 0;}
.block-menu .close-menu{position: absolute; z-index: 9999; top: 45px; right: 35px; width: 31px; height: 33px; cursor: pointer;}
.block-menu .close-menu::before,
.block-menu .close-menu::after{position: absolute; content: ""; top: 15px; left: -5px; background-color: #FFF; height: 2px; width: 42px;}
.block-menu .close-menu::before{transform: rotate(45deg);}
.block-menu .close-menu::after{transform: rotate(-45deg);}
.megamenu{display: flex;}
.megamenu a,
.megamenu span{color: #fff; text-decoration: none; display: block;}
.megamenu > li.menu-schulen{width: 315px;}
.megamenu > li.menu-der-vsp{width: 345px;}
.megamenu > li.menu-projekte{width: 510px;}
.megamenu > li.menu-stipendien{width: 275px;}
.megamenu > li > a,
.megamenu > li > span{font-size: 30px; font-weight: 700; line-height: 1.5;}
.megamenu > li > .sub-menu{margin-top: 15px;}
.megamenu > li > .sub-menu > li{margin-bottom: 45px;}
.megamenu > li > .sub-menu > li:last-child{margin-bottom: 0;}
.megamenu > li > .sub-menu > li > a,
.megamenu > li > .sub-menu > li > span{font-weight: 700; line-height: 1.5;}
.megamenu > li > .sub-menu > li > .sub-menu > li > a{line-height: 1.5; color: rgba(255, 255,255,0.8);}

.block-mobile-menu{display: none; position: absolute; top: 100%; left: 0; background-color: #333333; width: 100%; height: calc(100vh - 100%); overflow: auto; margin-top: 20px; opacity: 0; visibility: hidden; transition: all ease 0.3s;}
.block-mobile-menu.open{opacity: 1; visibility: visible; margin-top: 0;}
.mobile-language{padding: 19px 15px 14px 15px;}
.mobile-language .wpml-ls-legacy-list-horizontal .wpml-ls-item{padding-left: 0; margin-right: 8px;}
.mobile-language .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child{margin-right: 0;}
.mobile-language .wpml-ls-legacy-list-horizontal .wpml-ls-item a{color: #fff; font-size: 16px; line-height: 1.25;}
.mobile-search{padding: 0 12px 0 9px;}
.mobile-search .searchform{position: relative;}
.mobile-search .s{display: block; width: 100%; padding: 0 55px 0 15px; border: 0 none; height: 38px; border-radius: 10px; font-size: 15px; line-height: 1.2;}
.mobile-search .search_submit{position: absolute; top: 0; right: 0; bottom: 0; width: 45px; padding: 0; font-size: 0; line-height: normal; background: url(img/search_icon.png) no-repeat center center transparent; background-size: 17px auto;}

.bellows{padding: 20px 0 38px; margin: 0;}
.bellows .bellows-nav .bellows-target{color: #fff; padding: 0;}
.bellows .bellows-nav > li{border-bottom: 1px solid #fff;}
.bellows .bellows-nav > li > .bellows-target{font-size: 25px; line-height: 1; font-weight: 700; padding: 6px 15px 8px 15px;}
.bellows .bellows-nav .bellows-menu-item-has-children > .bellows-target,
.bellows .bellows-nav .bellows-submenu .bellows-menu-item-has-children .bellows-target{padding-right: 60px;}
.bellows .bellows-nav .bellows-subtoggle{width: 60px; font-size: 0; background: url(img/arrow-menu.png) no-repeat center center; background-size: 11px auto; transition: all linear 0.2s;}
.bellows .bellows-nav .bellows-active > a .bellows-subtoggle{transform: rotate(90deg);}
.bellows .bellows-nav .bellows-active > .bellows-submenu{border-top: 1px solid #fff;}
.bellows .bellows-nav .bellows-submenu .bellows-target{padding: 8px 15px 10px;}
.bellows .bellows-nav .bellows-item-level-1 > .bellows-target{font-weight: 700;}
.bellows .bellows-nav .bellows-item-level-1 .bellows-submenu{border-top: 0 none;}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target{padding: 4px 60px 4px 15px; color: rgba(255, 255, 255, 0.8);}

.mobile-quick-links{display: flex; justify-content: space-between; align-items: flex-end; padding: 0 16px 25px 15px;}
.mobile-quick-links .menu{display: flex; padding-bottom: 11px;}
.mobile-quick-links .menu li{margin-right: 12px;}
/* .mobile-quick-links .menu li:last-child{display: none;} */
.mobile-quick-links .menu li a{display: block; color: #fff; font-size: 15px; line-height: 1;}
.mobile-quick-links .login-link{color: #fff; font-size: 15px; line-height: 1.25; width: 56px; padding-bottom: 54px; background: url(img/icon-login-mobile.png) no-repeat center bottom; background-size: 100% auto; text-align: center; cursor: pointer;}

.mobile-login-box{display: none; position: absolute; top: 100%; left: 0; background-color: #333333; width: 100%; height: calc(100vh - 100%); overflow: auto; margin-top: 20px; opacity: 0; visibility: hidden; transition: all ease 0.3s; padding: 62px 15px;}
.mobile-login-box.open{opacity: 1; visibility: visible; margin-top: 0;}
.mobile-login-box .close-login{position: absolute; top: 22px; right: 17px; width: 20px; height: 20px; cursor: pointer;}
.mobile-login-box .close-login::before,
.mobile-login-box .close-login::after{position: absolute; content: ""; top: 8px; left: -2px; background-color: #FFF; height: 2px; width: 24px;}
.mobile-login-box .close-login::before{transform: rotate(45deg);}
.mobile-login-box .close-login::after{transform: rotate(-45deg);}
.mobile-login-box h6{font-weight: 400; color: #fff; font-size: 16px; line-height: 1.5; padding-bottom: 0; margin-bottom: 37px;}
.mobile-login-box .login-form{display: block;}
.mobile-login-box .login-form .field{margin-bottom: 62px;}
.mobile-login-box .login-form .field a{color: #fff; text-decoration: none; display: block; font-size: 12px; line-height: 1; margin-top: 16px; text-align: right;}
.mobile-login-box .login-form .field a span{text-decoration: underline;}
.mobile-login-box .login-form p{font-size: 12px; color: #fff; padding-bottom: 38px;}
.mobile-login-box .login-form p a{text-decoration: underline; color: inherit;}
.mobile-login-box .login-form .form-action{width: 100%;}

.slide_container{position: relative; z-index: 2;}
.slide_container .slide { width: 100%; padding: 240px 0 470px;}
.slide_container .slide h2 { font-size: 50px; line-height: 55px; font-weight: 400; color: #171717;}
.slide_container .banner_content { max-width: 720px; margin: 0 auto; position: relative; z-index: 9; text-align: left; font-size: 50px; line-height: 55px; font-weight: 600; }
.slide_container .banner_content strong { font-weight: 600; display: block; padding-left: 15%;}
.slide_container .banner_content .strong-2{padding-left: 30%;}
.slide_container .slick-arrow { position: absolute; z-index: 10; }
.slide_container .slick-next { right: 20px; top: 37%; background: none;/* border-bottom: 2px solid #333;*/ border-radius: 0; padding: 0; color: #fff; background:rgba(51,51,51,0.5); padding:5px 10px }
.slide_container .slick-prev { left: 20px; top: 37%; background: none;/* border-top: 2px solid #333;*/ border-radius: 0; padding: 0;  color: #fff; background:rgba(51,51,51,0.5); padding:5px 10px }
.slide_container .slick-next:hover, .slide_container .slick-prev:hover { border-color: #fdc747 }
.banner-form{position: absolute; top: 163px; right: 320px; width: 294px; background: -moz-linear-gradient(left,  rgba(103,4,4,0.8) 0%, rgba(206,8,8,0.8) 100%); background: -webkit-linear-gradient(left,  rgba(103,4,4,0.8) 0%,rgba(206,8,8,0.8) 100%); background: linear-gradient(to right,  rgba(103,4,4,0.8) 0%,rgba(206,8,8,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6670404', endColorstr='#e6ce0808',GradientType=1 ); border-radius: 22px; padding: 28px 29px 41px 38px;}
.banner-form h3{color: #fff; font-size: 25px; font-weight: 600; line-height: 1.2; padding-bottom: 0; margin-bottom: 23px;}
.banner-form .field{margin-bottom: 20px;}
.banner-form button{border-radius: 0; font-size: 16px; line-height: 31px; width: 101px; text-align: center; padding: 0; margin-top: 13px;}
.select-box{position: relative; text-align: left;}
.select-box .selected-text{display: block; background-color: #fff; border-radius: 14px; font-size: 16px; font-weight: 300; line-height: 25px; color: rgba(102, 102, 102, 0.7); padding: 3px 50px 3px 13px; cursor: pointer; max-width: 100%; text-overflow: ellipsis; white-space: pre; overflow: hidden;}
.select-box .selected-text::after{position: absolute; content: ""; top: 50%; right: 14px; margin-top: -6px; width: 14px; height: 12px; background: url(img/select-arrow.png) no-repeat left top;}
.select-box .selected-text.open::after{transform: rotate(180deg);}
.select-box ul{position: absolute; z-index: 1; top: 100%; left: 0; background-color: #fff; margin-top: 6px; padding: 5px 8px; display: none; min-width: 100%;}
.select-box ul.open{display: block;}
.select-box ul li{border-bottom: 1px solid #707070; padding: 10px 5px; color: #666; font-size: 14px; line-height: 25px; cursor: default;}
.select-box ul li:last-child{border-bottom: 0 none;}

.sfps-box{position: absolute; bottom: 50px; right: 546px; width: 263px; background-color: rgba(255, 255, 255, 0.9);}
.sfps-box h5{padding: 20px 20px 0; color: #ce0808; font-size: 20px; font-weight: 600; line-height: 1.4;}
.sfps-box ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sfps-box ul li:last-child{border-bottom: 0 none;}
.sfps-box ul li a{display: block; text-decoration: none; padding: 10px 20px; font-weight: 300; line-height: 1.5; color: rgba(27, 27, 27, 0.8);}
.sfps-box ul li a:hover{color: #ce0808;}

.inner_banner{padding: 110px 0 115px;position: relative;}
.schools-single-bnr:after{
position: absolute;
left:0px;
content:"";
right:0px;
top:0px;
bottom: 0px;
background:rgb(2 2 2 / 48%) repeat 0 0;
}
.inner_banner h2{text-align: left; font-size: 50px; line-height: 55px; font-weight:600; color:#fff; padding-bottom: 0;position: relative;z-index:1; }
.inner_banner h2 strong {font-weight:600; display: block; padding-left: 5%; color:#fff;}

.page-template-template-organization .wrapper{background: url(img/bg-map-full.png) no-repeat -55px 108%;}
.page-content{padding-top: 60px; background: url(img/bg-map.png) no-repeat calc(100% - 145px) top;}
.page-content .maxwidth{max-width: 1020px;}
.page-content .content-box{width: 615px; margin-bottom: 60px;}
.page-content .content-box:last-child{margin-bottom: 0;}
.page-content .content-box.content-box-2{margin-left: 40%;}
.page-content h2{font-size: 25px; line-height: 1; font-weight: 400; color: #ce0808; padding-bottom: 0; margin-bottom: 20px;}
.page-content p{font-weight: 300; line-height: 1.5; padding-bottom: 0; margin-bottom: 25px;}
.page-content p:last-of-type{margin-bottom: 0;}
.page-content p a{color: #ce0808; font-weight: 600; text-decoration: none;}

.page-schulen-content{background: url(img/bg-map.png) no-repeat calc(100% - 145px) top; position: relative;}
.page-schulen-content::after{position: absolute; content: ""; z-index: -1; bottom: 0; left: 0; width: 100%; height: 100%; background: url(img/bg-map-full.png) no-repeat left bottom;}
.filter-block{max-width: 634px; margin: -30px auto 135px; background-color: #EBEAEA; position: relative; text-align: center; padding: 35px 58px 45px;}
.filter-block::before{position: absolute; content: ""; top: 0; left: 0; right: 0; display: block; margin: 0 auto; max-width: 90%; height: 21px; background: rgb(103,4,4); background: -moz-linear-gradient(left,  rgba(103,4,4,1) 1%, rgba(206,8,8,1) 100%); background: -webkit-linear-gradient(left,  rgba(103,4,4,1) 1%,rgba(206,8,8,1) 100%); background: linear-gradient(to right,  rgba(103,4,4,1) 1%,rgba(206,8,8,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#670404', endColorstr='#ce0808',GradientType=1 ); margin-top: -12px;}
.filter-block h3{font-size: 25px; font-weight: 700; line-height: 30px; color: #ce0808; padding-bottom: 0; margin-bottom: 34px;}
.filter-block .filter-box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.filter-block .filter-box .field{width: 227px; margin-bottom: 20px;}
.filter-block .filter-box button{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); font-size: 16px; line-height: 1; padding: 11px 38px 15px; border-radius: 0;}

.schools-list{padding-bottom: 170px; position: relative;}
.schools-list .maxwidth{max-width: 1020px;}
.schools-list .maxwidth > .desktop-list{display: flex; flex-wrap: wrap; margin: 0 -14px;}
.schools-list .maxwidth > .desktop-list > li{padding: 0 14px; width: 50%; margin-bottom: 28px;}
.schools-list .maxwidth > .desktop-list > li .box{border: 1px solid transparent; height: 100%;}
.schools-list .maxwidth > .desktop-list > li:hover .box{border-color: #dedddd;}
.schools-list .maxwidth > .desktop-list > li a{display: block; text-decoration: none; border: 1px solid #dedddd; background-color: #fff; padding: 35px 17px 26px 24px; height: 100%;}
.schools-list .maxwidth > .desktop-list > li h3{font-size: 25px; font-weight: 400; line-height: 1; padding-bottom: 0; text-transform: uppercase; margin-bottom: 30px; color: #ce0808;}
.schools-list .maxwidth > .desktop-list > li p{padding-bottom: 0; color: #666; font-weight: 300; line-height: 1.5;}
.schools-list .maxwidth > .desktop-list > li hr{border: 0 none; border-top: 1px solid #dedddd; margin: 21px 0 22px;}
.schools-list .maxwidth > .desktop-list > li li{color: #ce0808; line-height: 1.5;}

.schools-list .maxwidth > .mobile-list{display: none;}

.page-template-template-location-php .page-schulen-content::after{bottom: 12%;}
.page-template-template-location-php .page-schulen-content .maxwidth{max-width: 1014px;}
.school-details{padding-top: 100px;}
.school-details .back{display: block; text-decoration: none; background: url(img/arrow-back.png) no-repeat left center; background-size: 16px auto; padding: 10px 0 10px 27px; font-size: 16px; font-weight: 300; line-height: 1; color: #666; margin-bottom: 55px;}
.school-details .content{max-width: 615px;}
.school-details .content h2{font-size: 25px; font-weight: 400; line-height: 1; padding-bottom: 0; margin-bottom: 30px; color: #ce0808;}
.school-details .content p{padding-bottom: 0; color: #666; font-weight: 300; line-height: 1.5;}
.school-details .map-img{text-align: right; margin-top: -30px; margin-right: -135px;}
.school-details .details-box{margin: 50px -10px 0; display: flex; flex-wrap: wrap;}
.school-details .details-box li{padding: 0 10px; width: 50%; margin-bottom: 20px;}
.school-details .details-box .box{border: 1px solid #dedddd; padding: 24px; min-height: 203px; height: 100%; background-color: #fff;}
.school-details .details-box .box h3{font-size: 25px; font-weight: 400; line-height: 1; padding-bottom: 0; text-transform: uppercase; margin-bottom: 30px; color: #ce0808;}
.school-details .details-box .box p{padding-bottom: 0; color: #666; font-weight: 300; line-height: 1.5;}

.search-no-results h1 { text-align: center; font-size: 20px; padding-bottom: 20px }
.search-no-results .searchform { margin: 0 auto; max-width: 400px }
.search-no-results .inner_banner { background: #fdc747 url(img/search.png) no-repeat center center!important; background-size: contain!important }
.search-no-results .inner_banner .title_box { display: none }
/* .slide_container .slick-next, .slide_container .slick-prev {/*transform: rotate(-90deg); transform-origin: bottom right; */
.home_content_area { background: url(img/map_bg.png) no-repeat top center; margin-top: -270px; position: relative; padding-top: 240px }
.home_content_area .slick-slide { margin: 0 12px }
.home_content_area .slick-prev, .home_content_area .slick-next { background: none; height: 30px; width: 30px; position: absolute }
.home_content_area .slick-prev i, .home_content_area .slick-next i { font-size: 24px; }
.home_content_area .slick-prev { left: 45.5%; bottom: 50px; z-index: 9 }
.home_content_area .slick-next { right: 46%; bottom: 50px; z-index: 9 }
.content_block { padding: 40px 0; }
.content_block .maxwidth { max-width: 1050px; }
.content_block .custom_page_content { padding: 20px 0; font-weight: 300;}
.content_block h2 { color:#ce0808; font-size: 25px; font-weight: 400; line-height: 30px; padding: 0 0 20px }
.content_block p { padding: 10px 0 }
.content_block p strong{ color:#ce0808;}

.home .content_block .custom_page_content:nth-child(1) { width: 60%; }
.home .content_block .custom_page_content:nth-child(2) { width: 60%; float: right; clear: both }

.error404 .inner_banner { background: #ce0808 url(img/404.png) no-repeat center center!important; background-size: contain!important }
.error404 .inner_banner .title_box { display: none }
.error404 .inner_container { text-align: center }
.error404 .searchform, .search-results .searchform { margin: 0 auto; float: none; display: inline-block }
.search-results .inform { text-align: center; padding: 0 0 20px }
.search-results .inform h1 { padding: 0 0 10px }
.search-results .status-publish { margin: 0; padding: 10px; border: 1px solid #f2f2f2 }
.search-results .status-publish h2 { margin: 0; padding: 0 }
.search-results .serp::before { display: none }

.home .blog_list { max-width: 1050px; margin: 0 auto; padding: 50px 0 0; list-style: none; color: #fff }
.home .blog_list li .content  { background: rgba(212,95,95,0.9); color: #fff; border-radius: 50%; padding: 0 10px; text-align: center; width: 325px; height: 325px; font-size: 16px; line-height: 25px; display: flex; align-items: center; }
.home .blog_list li .content .content_details h3{font-size: 25px; line-height: 30px; padding: 0 0 15px; font-weight: 400; max-width: 90%; margin: 0 auto;}
.home .blog_list li .content .content_details h3 a { color:#fff}
.home .blog_list li .content .content_details p strong{ font-weight:700}
.home .blog_list li .content .content_details a { color:#ffd7d7;; text-decoration: none; }

.blog_list { width: 100%; padding: 50px 0 }
.blog_list ul,
.blog_list li { width: 100%; }
.blog_list li { padding: 30px 0 }
.blog_list li .post { display: flex; font-size: 17px; line-height: 23px; color: #191919 }
.blog_list li .post figure { width: 480px }
.blog_list li .post figure img { width: 100% }
.blog_list li .post .details { padding: 0 0 0 100px }
.btn, .more-link { padding: 15px 25px; text-transform: uppercase; font-weight: 700; color: #fff; border: 1px solid #ce0808; display: inline-block; clear: both; text-decoration: none; margin: 10px 0 0; background: #ce0808; border-radius: 0 }
.btn:hover, .more-link:hover { border-color: #272727; background: #272727; color: #fff }
.blog_list li h3 { font-size: 21px; line-height: 30px; color: #191919; padding: 0 0 20px }
.blog_list li p { width: 100%; display: block }

.page-kontakt #pageid-25{padding-bottom: 62px;}
.page-kontakt .wrapper{background: url(img/bg-map-full.png) no-repeat -55px calc(100% - 139px);}
.page-kontakt .f_row{ display:flex}
.page-kontakt .f_col input:not([type="radio"]),
.page-kontakt .f_col textarea{border:1px solid #dedddd; width:100%; height: 40px; font-size:14px; color:#666; font-weight: 300; line-height: 1.2; margin: 0; padding: 0 10px;}
.page-kontakt .f_col textarea{height: 205px; padding: 10px; line-height: 1.5;}
.page-kontakt .f_col:nth-child(1){width: 464px; margin-right: 58px;}
.page-kontakt .f_col:nth-child(1) h2{margin-bottom: 50px;}
.page-kontakt .f_col:nth-child(1) p{margin-bottom: 0;}
.page-kontakt .f_col:nth-child(1) label{ display:block; width:100%; font-weight: 300; margin-bottom: 10px;}
.page-kontakt .f_col:nth-child(1) .f_row{justify-content: space-between; flex-wrap: wrap;}
.page-kontakt .f_col:nth-child(1) .f_row div:first-child{width: 173px;}
.page-kontakt .f_col:nth-child(1) .f_row div:last-child{width: 268px;}
.page-kontakt .f_col:nth-child(2){padding-top: 393px; width: 497px;}
.page-kontakt .f_col:nth-child(2) h2{margin-bottom: 30px;}
.page-kontakt .f_col:nth-child(2) h2:nth-of-type(2){margin-top: 73px; margin-bottom: 10px;}
.page-kontakt .wpcf7-radio{display: flex; align-items: center; flex-wrap: wrap;}
.page-kontakt .wpcf7-list-item{margin: 0; width: 33.33%;}
.page-kontakt .wpcf7-radio label{width: 100% !important; display: block; padding-top: 0!important;}
.page-kontakt .wpcf7-radio input{display: none;}
.page-kontakt .wpcf7-radio label .wpcf7-list-item-label{position: relative; display: block; padding-left: 32px;}
.page-kontakt .wpcf7-radio label .wpcf7-list-item-label::after{position: absolute; content: ""; top: 2px; left: 0; width: 20px; height: 20px; border: 2px solid #dedddd; background-color: #fff; border-radius: 50%;}
.page-kontakt .wpcf7-radio label input:checked + .wpcf7-list-item-label::after{background-color: #ce0808; border-color: #ce0808;}
.page-kontakt .f_col:nth-child(2) .f_row{ margin-bottom:28px; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.page-kontakt .f_col:nth-child(2) .f_row .wpcf7-form-control-wrap{width: 322px;}
.page-kontakt .f_col:nth-child(2) .f_row .radio_buttons{width: 100%; margin-bottom: 7px;}
.page-kontakt .f_col:nth-child(2) label{ width:155px; font-weight: 300; padding-top: 7px;}
.page-kontakt .f_col:nth-child(2) .f_row.quiz-row label{width: 235px;}
.page-kontakt .f_col:nth-child(2) .f_row.quiz-row .wpcf7-form-control-wrap{width: 244px;}
.page-kontakt .f_col:nth-child(2) .f_row.quiz-row .wpcf7-form-control-wrap label{width: 100%; padding-top: 0;}
.wpcf7-quiz-label{display: none;}
.page-kontakt .f_col input[type="submit"]{color: #fff; background-color: #ce0808; font-size: 16px; line-height: 1; padding: 13px 30px; border: 0 none; text-transform: lowercase; margin-top: 8px; display: inline-block; width: auto; height: auto;}
.wpcf7 .ajax-loader{display: none;}

.wpcf7 input:not([type="radio"]), .wpcf7 textarea { border: 1px solid #000000; font-size: 16px; font-weight: 600; color: #676767; text-transform: capitalize; margin: 0 0 15px; width: 100%; border-radius: 0; padding: 10px; }
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #ff0000 }
#footer #main { border-top: 2px solid #707070; padding: 40px 0; margin-top: 40px }
#footer #main > .flex_row{align-items: flex-end;}
#footer .left { font-size: 16px; line-height: 25px; width: 80% }
#footer .left h3 { font-size: 16px; font-weight: 700; color: #ce0808; padding: 0 0 20px }
#footer .left .flex_row{flex-wrap: wrap;}
#footer .left .box { width: 200px }
#footer .left .box + .box{width: 300px;}
#footer .left strong { font-size: 17px; padding: 0 0 5px; }
#footer .left ul li a { text-decoration: none; color: inherit;}
#footer .left ul li a:hover{color: #ce0808;}
#footer .copyright { font-size: 12px; line-height: 16px; max-width: 500px }
#footer .right { width: 20%; text-align: right }
#footer .links li a{text-decoration: none; display: block; color: inherit;}
#footer .links li a:hover{color: #ce0808;}
#toTop{position: fixed; z-index: 9; bottom: 15%; right: -10px; display: none; cursor: pointer; background: url(img/top_arrow.png) no-repeat 0 0; width: 93px; height: 38px;}

.blogs-container{padding: 50px 0;}
.blogs-container h1{font-size: 40px; font-weight: 600; padding-bottom: 30px;}
.blogs-container article,
.blogs-container .alm-item{border: 1px solid #dedddd; padding: 35px !important; background-color: #fff; margin-bottom: 30px;}
.blogs-container h3{font-size: 25px; font-weight: 400; text-transform: uppercase; padding-bottom: 20px; color: #ce0808;}
.blogs-container h3 a{color: inherit;}
.blogs-container h3 a:hover{color: #666;}
.blogs-container figure{margin-bottom: 20px;}
.blogs-container figure img{display: block;}
.blogs-container .read-more{color: #ce0808;}
.blogs-container .read-more:hover{color: #666;}

.aligncenter{display: block; margin: 10px auto;}
.alignleft{float: left; margin: 10px;}
.alignright{float: right; margin: 10px;}
.blog-details{padding-top: 50px;}
.blog-details .post-date{margin-bottom: 20px;}
.entry ul{list-style: disc outside; margin: 0 0 20px 20px;}
.entry ol{list-style: decimal outside; margin: 0 0 20px 20px;}
.entry li{margin-bottom: 10px; font-weight: 300;}
.post-nav{display: flex; justify-content: space-between; padding-top: 50px;}
.post-nav .button{position: relative; padding: 0;}
.post-nav .button a{color: #fff; display: block; padding: 10px 20px;}
.post-nav .button i{position: absolute; top: 50%; transform: translateY(-50%);}
.post-nav .button.button-prev a{padding-left: 40px;}
.post-nav .button.button-prev i{left: 20px;}
.post-nav .button.button-next a{padding-right: 40px;}
.post-nav .button.button-next i{right: 20px;}


.school-details .content p {padding-bottom: 25px;}


/*30-07-2021*/
.desktop-list.mydiv{ display: initial!important;  }
.mydiv > li{padding: 0 14px; width: 50%; margin-bottom: 28px; }
.mydiv li.left_side{ float: left;   }
.mydiv li.right_side{ float: right;  }
.mydiv h3{font-size: 25px; font-weight: 400; line-height: 1; padding-bottom: 0; text-transform: uppercase; margin-bottom: 30px; color: #ce0808;}
.mydiv h3 a{color: #ce0808}
.mydiv li .box{text-decoration: none; border: 1px solid #dedddd; background-color: #fff; padding: 35px 17px 26px 24px;}
.mydiv hr{ border-bottom: 1px solid#DEDDDD;} 
.mydiv .box_detail{ margin-bottom: 15px; }
.mydiv li .box li{color: #ce0808;line-height: 1.5;}
.pagination{ display: inline-block;  width: 100%; padding-left: 47px; }
.pagination a,.pagination span{display: inline; padding:8px 16px; }
.pagination .current{color: #ce0808}
/*05-08-2021*/
.page-schulen-content .pagination{padding-left: 0px;}


@media all and (max-width: 1600px){
    #header #menu{padding: 25px 0 0 40px;}
    .megamenu > li.menu-schulen,
    .megamenu > li.menu-der-vsp{width: 265px;}
    .megamenu > li.menu-projekte{width: 450px;}
    .megamenu > li.menu-stipendien{width: 215px;}
    .megamenu > li > .sub-menu > li{margin-bottom: 25px;}
    .banner-form{right: 5%;}
    .sfps-box{right: 20%;}
}

@media all and (max-width: 1500px){
    #header .logo{width: 720px;}
    #header #menu{padding: 25px 40px; overflow: auto; height: calc(100vh - 100%);}
    .block-menu .close-menu{top: 20px; right: 20px; width: 22px; height: 22px;}
    .block-menu .close-menu::before,
    .block-menu .close-menu::after{top: 10px; left: -4px; width: 30px;}
    .megamenu > li.menu-projekte{width: 390px;}
    .megamenu > li > a,
    .megamenu > li > span{font-size: 24px;}
    .slide_container .slide{padding-bottom: 400px;}
    .slide_container .banner_content{max-width: 620px; font-size: 44px; line-height: 1.2;}
    .sfps-box{right: 23%; bottom: 5%;}
    .sfps-box ul li a{font-size: 15px;}
    #toTop{bottom: 20%;}
    .inner_banner h2{font-size: 44px; line-height: 1.2;}
    .page-schulen-content,
    .page-content{background-size: 60% auto; background-position: calc(100% - 50px) top;}
    .page-schulen-content::after{background-size: 60% auto;}
    .page-template-template-location-php .page-schulen-content::after{bottom: 0;}
    .filter-block{margin-bottom: 100px;}
    .schools-list{padding-bottom: 80px;}
    .school-details .map-img img{width: 700px;}
}

@media all and (max-width: 1400px){
    .sfps-box{right: 25%;}
    .select-box ul{max-width: 280px;}
    .page-template-template-organization .wrapper{background-position: left bottom; background-size: 60% auto;}
    .page-kontakt .wrapper{background-size: 60% auto;}
}

@media all and (max-width: 1300px){
    #header{padding: 10px 0;}
    #header .logo{width: 680px;}
    #header .right_details .top_row .quick_links{padding-left: 15px;}
    #header .right_details .top_row .quick_links ul li:last-child{margin-left: 25px;}
    #header .right_details .bottom_row{padding-top: 10px;}
    .megamenu > li.menu-projekte{width: 370px;}
    .megamenu > li.menu-stipendien{width: 165px;}
    .slide_container .banner_content{font-size: 40px;}
    .slide_container .slide{padding: 200px 0 400px;}
    .banner-form{top: 15%;}
    .sfps-box{right: 27%;}
    .school-details .map-img{margin-top: 0; margin-right: 0;}
}

@media all and (max-width: 1200px){
    #header .logo{width: 550px;}
    #header .flex_row{align-items: center;}
    #header .right_details .top_row{display: none;}
    #header .right_details .bottom_row{padding-top: 0;}
    #header #menu.open{display: none !important;}
    .slide_container .slide{padding: 80px 0 320px;}
    .slide_container .banner_content{font-size: 30px;}
    .banner-form{position: relative; top: auto; right: auto; width: 95%; margin: -150px auto 30px;}
    .sfps-box{position: relative; bottom: auto; right: auto; width: 95%; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);}
    .home_content_area{margin-top: 0; padding-top: 0; background-size: 110% auto;}
    .blog_list li{padding: 0;}
    .home .blog_list li .content{margin: 0 auto;}
    .blog_slide .slick-dots{display: flex; justify-content: center; margin-top: 17px;}
    .blog_slide .slick-dots li{width: auto; margin: 0 5px; line-height: 0;}
    .blog_slide .slick-dots li button{width: 16px; height: 16px; border-radius: 50%; padding: 0; font-size: 0; background-color: #EBEAEA;}
    .blog_slide .slick-dots li.slick-active button{background-color: #ce0808;}
    .content_block{padding: 80px 0 0;}
    .home .content_block .custom_page_content:nth-child(2){float: none;}
    .inner_banner{padding: 50px 0 320px;}
    .inner_banner h2{font-size: 30px;}
    .page-content .content-box.content-box-2{margin-left: 0;}
    .schools-list .maxwidth > .desktop-list > li a{padding: 25px 20px;}
    .school-details{padding-top: 50px;}
    .school-details .map-img{margin-top: 30px;}
    .form-row{flex-wrap: wrap;}
    .page-kontakt .f_col:nth-child(2) .f_row.quiz-row .wpcf7-form-control-wrap{width: 60%;}
    .page-kontakt .f_col:nth-child(1){margin-right: 0;}
    .page-kontakt .f_col:nth-child(2){padding-top: 50px;}
    .home .content_block .custom_page_content:nth-child(1),
    .home .content_block .custom_page_content:nth-child(2),
    .page-content .content-box,
    .school-details .content,
    .page-kontakt .f_col:nth-child(1) .f_row div:first-child,
    .page-kontakt .f_col:nth-child(1) .f_row div:last-child,
    .page-kontakt .f_col:nth-child(1),
    .page-kontakt .f_col:nth-child(2),
    .page-kontakt .f_col:nth-child(2) label,
    .page-kontakt .f_col:nth-child(2) .f_row .wpcf7-form-control-wrap{width: 100%;}
}

@media all and (max-width: 767px){
    .maxwidth{width: 100%; padding-left: 15px; padding-right: 15px;}
    #header{padding: 10px 0 18px;}
    #header .flex_row{flex-wrap: wrap;}
    #header .logo,
    #header .right_details{width: 100%;}
    #header .right_details{margin-top: 3px;}
    #header .right_details .bottom_row{align-items: center;}
    #header .right_details .bottom_row .pro_search{display: block;}
    #header .right_details .bottom_row .pro_search img{display: block; margin: 0 16px 0 0; width: 29px;}
    #menutoggle{width: 27px; height: 24px; margin-top: 0;}
    #menutoggle span:nth-child(2){top: 10px;}
    #menutoggle span:nth-child(3){top: 21px;}
    #menutoggle.open{height: 20px; margin-top: 6px;}
    #menutoggle.open span:nth-child(2){display: none;}
    #menutoggle.open span{top: 9px; transition: all linear 0.2s;}
    #menutoggle.open span:first-child{transform: rotate(45deg);}
    #menutoggle.open span:nth-child(3){transform: rotate(-45deg);}
    .search.hide-mobile{visibility: hidden;}
    .search .woocommerce-product-search{display: none !important;}
    .block-mobile-menu,
    .mobile-login-box{display: block;}
    .searching-form{width: 320px;}
    .slide_container .slide{padding: 34px 0 0; height: 352px;}
    .slide_container .banner_content{font-size: 20px; padding-left: 40px; }
    .slide_container .banner_content .strong-2{padding-left: 0;}
    .slide_container .banner_content .span-1{padding-left: 20px;}
    .slide_container .banner_content .strong-1{padding-left: 75px;}
    .slide_container .banner_content .strong-2{display: inline-block; padding-left: 0;}
    .banner-form{margin: -128px auto 18px; padding: 24px 17px 29px 15px; background: -moz-linear-gradient(left,  rgba(103,4,4,0.9) 0%, rgba(206,8,8,0.9) 100%); background: -webkit-linear-gradient(left,  rgba(103,4,4,0.9) 0%,rgba(206,8,8,0.9) 100%); background: linear-gradient(to right,  rgba(103,4,4,0.9) 0%,rgba(206,8,8,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6670404', endColorstr='#e6ce0808',GradientType=1 );}
    .banner-form h3{font-size: 19px; margin-bottom: 17px;}
    .banner-form .field{margin-bottom: 10px;}
    .banner-form button{margin-top: 10px;}
    .sfps-box h5{padding: 19px 18px 0;}
    .sfps-box ul li a{padding: 8px 18px;}
    .home_content_area{background-size: 120% auto; background-position: center -40px;}
    .home .blog_list{padding-top: 60px;}
    .content_block{padding-top: 100px;}
    .content_block .custom_page_content{padding: 0 0 60px;}
    .content_block h2{font-size: 20px; line-height: 1.25; padding-bottom: 28px;}
    .content_block p{line-height: 1.5; padding: 0;}
    .content_block .custom_page_content:nth-child(2){padding-bottom: 0;}
    #footer{padding: 0; color: #707070;}
    #footer #main{width: calc(100% - 20px); margin-top: 75px; border-top-color: #aeaeae; padding: 30px 0 25px;}
    #footer #main > .flex_row{flex-wrap: wrap;}
    #footer .left,
    #footer .right{width: 100%;}
    #footer .left h3{max-width: 60%; line-height: 25px;}
    #footer .left .flex_row{justify-content: space-between; margin-bottom: 40px;}
    #footer .left .box{width: 120px;}
    #footer .left .box + .box{width: 190px;}
    #footer .left ul li .span-info{display: none;}
    #footer .right{text-align: left;}
    #footer .links ul{display: flex;}
    #footer .links ul li{padding-right: 10px; margin-right: 9px; border-right: 1px solid #8d8d8d;}
    #footer .links ul li:last-child{padding-right: 0; margin-right: 0; border-right: 0 none;}
    #footer .links ul li a{line-height: 1.25;}
    #toTop{display: none !important;}
    .inner_banner{padding: 34px 0 0; height: 352px;}
    .inner_banner h2{font-size: 20px; padding-left: 51px;}
    .inner_banner h2 strong{padding-left: 9%;}
    .page-schulen-content{background-size: 110% auto; background-position: left 305px;}
    .filter-block{max-width: 345px; margin: -117px auto 116px; padding: 24px 55px 33px;}
    .filter-block h3{font-size: 20px; line-height: 1.25;}
    .filter-block .filter-box .field{width: 100%; margin-bottom: 10px;}
    .filter-block .filter-box button{padding: 8px 13px 10px;}
    .schools-list .maxwidth > .desktop-list,
    .page-schulen-content::after{display: none;}
    .schools-list{padding-bottom: 0;}
    .schools-list .maxwidth > .mobile-list{display: block;}
    .schools-list .maxwidth > .mobile-list > li{border-bottom: 1px solid #DEDDDD; position: relative;}
    .schools-list .maxwidth > .mobile-list > li:last-child{margin-bottom: 0;}
    .schools-list .maxwidth > .mobile-list > li a{display: block; text-decoration: none; position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: url(img/icon-plus.png) no-repeat left top; background-size: 100% auto; font-size: 0;}
    .schools-list .maxwidth > .mobile-list > li h3{font-size: 20px; font-weight: 400; line-height: 1.25; padding: 20px 30px 20px 0; text-transform: uppercase; margin-bottom: 0; color: #ce0808; position: relative;}
    .schools-list .maxwidth > .mobile-list > li h3::after{position: absolute; content: ""; top: 0; bottom: 0; right: 5px; width: 11px; height: 20px; display: block; margin: auto; background: url(img/arrow-menu-red.png) no-repeat left center; background-size: 100% auto;}
    .schools-list .maxwidth > .mobile-list > li .box{display: none;}
    .schools-list .maxwidth > .mobile-list > li p{padding-bottom: 0; color: #666; font-weight: 300; line-height: 1.5;}
    .schools-list .maxwidth > .mobile-list > li hr{border: 0 none; border-top: 1px solid #dedddd; margin: 15px 0 7px;}
    .schools-list .maxwidth > .mobile-list > li li{color: #ce0808; line-height: 1.5;}
    .schools-list .maxwidth > .mobile-list > li.open{border-bottom: 0 none; margin-bottom: 30px;}
    .schools-list .maxwidth > .mobile-list > li.open h3{margin-bottom: 10px; padding: 20px 0 5px; border-bottom: 1px solid #dedddd;}
    .schools-list .maxwidth > .mobile-list > li.open h3::after{transform: rotate(90deg); top: 10px;}
    .page-template-template-location-php .inner_banner h2,
    .page-template-template-organization-php .inner_banner h2{padding-left: 0;}
    .page-template-template-location-php .page-schulen-content,
    .page-content{background-image: url(img/bg-map-full.png); background-position: center 8%; background-size: 110% auto;}
    .school-details{padding-top: 34px;}
    .school-details .back{margin-bottom: 36px;}
    .school-details .content h2{font-size: 20px; line-height: 1.25;}
    .school-details .details-box{margin: 30px 0 0;}
    .school-details .details-box li{padding: 0; width: 100%;}
    .school-details .details-box .box{padding: 22px 18px; min-height: 150px;}
    .school-details .details-box .box h3{font-size: 20px; margin-bottom: 5px;}
    .page-content{padding-top: 46px;}
    .page-content h2{font-size: 20px; line-height: 1.25;}
    .page-content .content-box{margin-bottom: 90px;}
    .page-kontakt .wrapper,
    .page-template-template-organization .wrapper{background-image: none;}
    .page-kontakt .inner_banner h2{padding-left: 0;}
    .page-kontakt #pageid-25{padding-bottom: 35px;}
    .page-kontakt .f_col:nth-child(2){padding-top: 37px;}
    .page-kontakt .wpcf7-list-item{width: 100%; margin-bottom: 7px;}
    .page-kontakt .f_col:nth-child(2) .f_row{margin-bottom: 10px;}
    .page-kontakt .f_col:nth-child(2) label{padding-top: 0;}
    .page-kontakt .f_col:nth-child(2) h2:nth-of-type(2){margin-top: 38px;}
    .page-kontakt .f_col:nth-child(2) .f_row.quiz-row label{padding-top: 7px;}
    .page-kontakt .f_col:nth-child(2) .f_row.quiz-row .wpcf7-form-control-wrap{width: 92px;}
    .page-kontakt .f_col input[type="submit"]{margin-top: 66px;}
    .blogs-container{padding: 30px 0 0;}
    .blogs-container h1{font-size: 30px;}
    .blogs-container article,
    .blogs-container .alm-item{padding: 20px !important;}
    .blogs-container h3{font-size: 20px;}
    .blog_bg .title_box h2{padding-left: 0;}
    .blog-details{padding-top: 30px;}
    .mydiv{width: 100%;}
    .mydiv > li{width: 100%;}
    .mydiv li.left_side{float: none;}
    .mydiv li.right_side{float: none;}
}

.trans_bg{ display:inline-block; padding:8px 20px}
form#loginform-custom label {
    color: white;
    display: block;
}
@media screen and (min-width:1200px) {
form#loginform-custom {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
p.login-username, .login-password, .login-submit {
    width: 31%;
}

}
form#loginform-custom .login-username input, form#loginform-custom .login-password input {
    display: block;
    width: 100%;
    background-color: #fff!important;
    border: 0 none;
    height: 38px;
    border-radius: 10px;
    font-size: 12px;
    margin-top: 10px;
}
.login-submit{
    text-align: right;
}
.login-submit input#wp-submit {
    padding: 4px 7px;
    font-size: 12px;
    border-radius: 7px;
    margin: 10px 0px;
}
#forwards{
    text-align: right;
}
#forwards a{
    font-size: 12px;
    color: #fff;
}
.flex_col {
    flex: 0 0 31%;
}
.flex_summer_row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 50px;
    gap: 30px;
    justify-content: center;
}
.flex-inner {
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-box-shadow: 0px 0px 23px -10px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 0px 23px -10px rgb(0 0 0 / 36%);
    box-shadow: 0px 0px 23px -10px rgb(0 0 0 / 36%);
}
.inner-content{
    padding: 25px 22px 0px;
}
.flex-inner figure{
    height: 185px;
    overflow: hidden;
}
.flex-inner figure img{
    height: 185px;
    object-fit: cover;
    width: 100%;
}
.school-desc {
    padding-bottom: 75px;
    /* font-weight: 600; */
}
.school-name h2{
    font-size: 20px;
}
.read-more-btn a{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ce0808;
    padding: 8px 20px 8px 20px;
    border: 1px solid #ce0808;;
    color: #fff;
    text-transform: uppercase;
}
.mb-3{
    margin-bottom: 1.5em;
}
.fw-bold{
    font-weight: 600;
}
.read-more-btn a:hover{
    background-color: transparent !important;
    color:#ce0808 !important;
}
@media screen and (max-width:1199px) {
    .flex_summer_row{
        gap: 23px;
    }
    .flex_pag{
        padding-left: 0px !important;
    }
}
@media screen and (min-width:577px) and (max-width:767px) {
    .flex_col {
        flex: 0 0 46%;
    }
}
@media screen and (max-width:576px) {
    .flex_pag a, .flex_pag span {
        line-height: 34px;
    }
    .flex_col {
        flex: 0 0 100%;
    }
}
.image-box img{
    border-radius: 10px;
}
.inner_banner {
    display: flex;
    align-items: center;
}
.box-content-inside ul {
    list-style: disc !important;
    padding-left: 25px !important;
    margin-bottom: 20px;
    color: #666;
    font-weight: 300;
}
.box-content-inside ul li {
    padding-bottom: 5px;
}