/*
 * 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: #000; 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: 5px 40px 5px;border-radius: 5px;}

.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;*/
    position: relative;
}
.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: relative; width: 100%; margin: 0 auto; background: -moz-linear-gradient(left,  #CE0808 0%, #670404 100%); background: -webkit-linear-gradient(left,  #CE0808 0%,#670404 100%); background: linear-gradient(to right,  #CE0808 0%,#670404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CE0808', endColorstr='#670404',GradientType=1 ); border-radius: 10px; padding: 28px 29px 41px 38px;}
.banner-form h3{color: #fff; font-size: 35px; font-weight: 400; line-height: 1.2; padding-bottom: 0; margin-bottom: 23px;}
.banner-form .field{margin-bottom: 20px;}
.banner-form button{border-radius: 4px; 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: 18px; font-weight: 300; line-height: 25px; color: #000000; padding: 7px 50px 7px 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{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{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{padding-top: 60px;}
.page-content .maxwidth, .page-top-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: 28px; 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; font-size: 20px;}
/* .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{ 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: -100px auto 30px; border-radius: 10px; 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: 85%; 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: 300; 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: 35px; font-weight: 400; line-height: 44px; 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 #666; 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, .blog-details h1{color: #ce0808; font-size: 35px; font-weight: 400; line-height: 1.25em; padding-bottom: 20px;}
.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: 35px; line-height: 1.25em; font-weight: 400; padding: 0; color: #CE0808; margin-bottom: 20px;}
.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 p, .blogs-container ul li, .blogs-container ol li, .blog-details p, .blog-details ul li, .blog-details ol li, .blog-details .post-date{
    font-weight: 300;
    line-height: 1.5;
    padding-bottom: 0;
    margin-bottom: 25px;
    font-size: 20px;
}
.blogs-container ul{
    list-style: disc outside;
    margin: 0 0 20px 20px;
}
.blogs-container ol{
    list-style: number outside;
    margin: 0 0 20px 20px;
}
.blogs-container ul li, .blogs-container ol li, .blog-details ul li, .blog-details ol li{
    margin-bottom: 10px;
}
.blogs-container .read-more{
    color: #ce0808;
    font-size: 13px;
    font-weight: 500;
}
/*.blogs-container .read-more:hover{color: #666;}*/
.blogs-container .maxwidth .blogs-block .ajax-load-more-wrap ul{
    list-style: none;
    margin: 0;
}
.blogs-container .maxwidth .blogs-block .ajax-load-more-wrap ul li h3{
    margin-bottom: 20px;
}
.blogs-container .maxwidth .blogs-block .ajax-load-more-wrap ul li figure{
    margin-bottom: 20px;
}
.blogs-container .maxwidth .blogs-block .ajax-load-more-wrap ul li figure img{
    position: relative;
    display: block;
    max-width: 450px;
    width: 450px;
    height: 250px;
    object-fit: cover;
    vertical-align: middle;
}
.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;}
.entry ul li, .entry ol li, .entry ul li strong, .entry ol li strong {
    font-weight: 300;
	font-size: 20px;
}
.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{   }
.mydiv li.right_side{ float: right;  }
.mydiv h3{font-size: 25px; font-weight: 300; line-height: 1; padding-bottom: 0; text-transform: uppercase; margin-bottom: 15px; 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{width: 472px;}*/
    /*.select-box .selected-text{}*/
    .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: 30px;}
    .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: 172px;}
    #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 10px;}
    #header .flex_row{flex-wrap: wrap;}
    #header .logo,
    #header .right_details{max-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: 0px 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: 25px; line-height: 30px; 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: 10px 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: 25px;}
    .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;}
    .blogs-container h1, .blog-details h1{
        font-size: 25px;
    }
}

.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;
}


.mt-15{
    margin-top: 15px;
}
.mt-30{
    margin-top: 30px;
}
.mt-45{
    margin-top: 45px;
}
.mt-50{
    margin-top: 50px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-30{
    margin-bottom: 30px;
}
.d-grid{
    display: grid;
    grid-template-columns: 1fr;
}
.grid-columns-1{
    grid-template-columns: 1fr;
}
.grid-columns-2{
    grid-template-columns: repeat(2, 1fr);
}
.col-gap-40{
    column-gap: 2.5rem;
}
.max-w-44{
    max-width: 44rem;
}
.max-w-64{
    max-width: 64rem;
}
.border-top{
    border-top: 1px solid #707070;
}
.border-bottom{
    border-bottom: 1px solid #707070;
}
.sub-heading{
    font-size: 25px;
    line-height: 1.25em;
    color: #CE0808;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 400;
}
.page-top-content{
    padding-top: 50px;
}
/*.page-top-content .page-top-details{*/
/*    max-width: 80%;*/
/*}*/
.page-top-content .page-top-details p{
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}
.school-form-box .school-form-inner-box{
    padding: 30px 0;
}
.form-inner-box label{
    font-size: 18px;
}
.form-inner-box .wpcf7-form-control{
    border-radius: 10px !important;
}
.medium-form-box .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label{
    line-height: 1em;
}
.bottom-form-box .copies-field{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.bottom-form-box .copies-field .wpcf7-form-control{
    margin-bottom: 0 !important;
}
.bottom-form-box .copies-field .copies-box p{
    display: flex;
    flex-direction: row-reverse;
    align-items:center;
    column-gap: 20px;
}
.bottom-form-box .copies-field .copies-box p .wpcf7-form-control-wrap{
    width: 85px;
}
.button-section{
    width: 100%;
    margin-top: 50px;
}
.button-section .wpcf7-submit{
    margin-bottom: 0 !important;
    color: #fff !important;
    width: unset !important;
}
.button-section .wpcf7-spinner{
    display: none;
}
.button-section .wpcf7-submit{
    padding: 5px 10px !important;
}
@media(min-width:576px){
    .banner-form{width: 470px;}
}
@media(min-width:768px){
    .mt-md-65{
        margin-top: 65px;
    }
    .mt-md-70{
        margin-top: 70px;
    }
    .grid-columns-md-2{
        grid-template-columns: repeat(2, 1fr);
    }
    .col-gap-md-20{
        column-gap: 20px;
    }
    .col-gap-md-40{
        column-gap: 40px;
    }
    .sub-heading{
        font-size: 30px;
    }
    .page-top-content{
        padding-top: 70px;
    }
    .page-top-content .page-top-details p{
        font-size: 22px;
        line-height: 28px;
    }
    .school-form-box .school-form-inner-box{
        padding: 50px 0;
    }
    .medium-form-box .inline-field{
        margin-bottom: 15px;
    }
    .medium-form-box .inline-field p{
        display: flex;
        align-items: center;
    }
    .medium-form-box .inline-field.align-start p{
        align-items: start;
    }
    .medium-form-box .inline-field p label{
        display: inline-block;
        width: 220px;
    }
    .medium-form-box .inline-field p .wpcf7-form-control{
        margin-bottom:0;
    }
    .bottom-form-box .copies-field .copies-box p{
        display: flex;
        flex-direction: row;
    }
    .bottom-form-box .copies-field .copies-box p .wpcf7-form-control-wrap{
        width: unset;
    }
    .button-section{
        width: unset;
        margin-top: 0;
    }
    .banner-form{width: 667px;}
}
@media(min-width:992px){
    .mt-lg-100{
        margin-top: 100px;
    }
    .sub-heading{
        font-size: 35px;
    }
    .page-top-content{
        padding-top: 80px;
    }
    .page-top-content .page-top-details p{
        font-size: 25px;
        line-height: 35px;
    }
    .school-form-box .school-form-inner-box{
        padding: 80px 0;
    }
    .select-box .selected-text{
        font-size: 20px;
    }
    .form-inner-box label{
        font-size: 20px;
    }
    .medium-form-box .wpcf7-form-control .wpcf7-list-item{
        width: 200px;
    }
}

/* New styles */

.hero-area {
    position: relative;
}
.hero-area .maxwidth, .slide_container .maxwidth {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
.hero-content-box {
    position: absolute;
    right: 0;
    top: 56%;
    background: linear-gradient(180deg, #CE0808, #670404);
    max-width: 645px;
    border-radius: 10px;
    padding: 30px;
}
.hero-content-box h1 {
    font-size: 35px;
    font-weight: 400;
    color: #fff;
    line-height: 1.25em;
}
.home .content_block .custom_page_content:nth-child(1) {
    width: 70%;
}
.home .content_block .custom_page_content:nth-child(2){
    width: 90%;
    padding-right: 105px;
}
.content_block p {
    padding: 10px 0;
    font-size: 25px;
    color: #000;
    letter-spacing: 0.2px;
}
.home .content_block .custom_page_content:nth-child(2) p {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 300;
}
.inner_banner img {
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.page-template-template-schulen .content_block .maxwidth, .page-schulen-content .pagination .maxwidth{
    max-width: 1280px;
}
.page-template-template-schulen .content_block .custom_page_content{
    width: 55%;
}
.schools-lists {
    /*padding-top: 50px;*/
}
.schools-lists ul.desktop-lists {
    width: 80%;
}
.page-template-template-schulen .content_block p {
    font-size: 20px;
    font-weight: 300;
}
.schools-lists ul.desktop-lists {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.schools-lists ul.desktop-lists > li {
    display: flex;
}
.schools-lists ul.desktop-lists > li > div{
    width: 100%;
}
.page-schulen-content::after{
    background: none;
}
span.subHeading {
    font-size: 20px;
    color: #000;
    display: block;
}

.info-boxes .maxwidth {
    margin-top: 80px;
    border-top: 1px solid #000;
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
	justify-content: center;
}
.info-box-container {
    display: flex;
    width: 66%;
    gap: 50px;
}
.info-boxes {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.info-box {
    flex: 1 1 30%;
    background: #F2F2F2;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 6px 9px #00000029;
}
.info-box.contact-box {
    width: calc(32% - 31px);
    background: linear-gradient(134deg, #CE0808, #670404);
    flex: unset;
}
.info-box .icon {
    text-align: right;
}
.info-box .icon img {
    width: 136px;
    height: auto;
    filter: opacity(0.5);
}
.info-box h3 {
    font-size: 20px;
    color: #CE0808;
    margin-bottom: 10px;
    font-weight: 400;
}
.info-box p {
    font-size: 26px;
    color: #000000;
    font-weight: 300;
}
.info-box .btn-container {
    text-align: right;
}
.info-box .btn {
    display: inline-block;
    padding: 6px 33px;
    background: #CE0808;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}
.info-box.contact-box .icon img {
    filter: invert(1);
}
.info-box.contact-box h3,
.info-box.contact-box p,
.info-box.contact-box a {
    color: #fff;
}
.info-box.contact-box h3 {
    margin-top: -38px;
}
.news-container .maxwidth {
    margin-top: 80px;
    border-top: 1px solid #000;
    padding-top: 48px;
}
.news-container.vsp-news .maxwidth{
    margin-top:0;
}
.news-container h2 {
    font-size: 35px;
    font-weight: 400;
    color: #CE0808;
    padding-bottom: 0;
}
.news-block {
    display: flex;
    gap: 50px;
    padding-top: 34px;
}
.news-block article {
    width: calc(33.33% - 33px);
    box-shadow: 0px 3px 6px #00000029;
}
.news-block article figure img {
    height: 248px;
    object-fit: cover;
    width: 100%;
}
.news-block article .article-content {
    padding: 21px 18px 31px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 248px);
}
.news-block article .article-content h3{
    font-size: 28px;
    line-height: 1.25em;
    font-weight: 300;
}
.news-block article .article-content h3 a {
    color: #CE0808;
}
.news-block article .article-content p {
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
    padding-bottom: 35px;
}
.news-block article .article-content div a {
    color: #CE0808;
}
.news-block article .article-content div a.read-more::after {
    content: '';
    height: 24px;
    width: 24px;
    background: url(img/ArrowSquareOut.svg);
    background-size: cover;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -4px;
}
.news-block article .article-content p.post-date {
    margin-top: 0;
    padding-bottom: 5px;
    font-weight: 500;
    color: #000;
    font-size: 20px;
}
.page-content.vsp p, .page-content.vsp ul {
    font-size: 20px;
    margin-bottom: 0;
    color: #000;
    letter-spacing: 0.2px;
    line-height: 1.5em;
}
.page-content.vsp h2{margin-bottom: 15px}
.page-content.vsp ul {
    margin-bottom: 40px;
}
.page-content.vsp ul li {
    margin-bottom: 0;
}


.infobox .custom-boxes {
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  padding-top: 76px;
  padding-bottom: 80px;
}
.infobox .box {
    width: 64%;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border-radius: 12px;
  box-shadow: 0px 6px 9px #00000029;
  padding: 92px 22px 40px 240px;
  position: relative;
}

.infobox .box.dark {
    width: calc(32% - 12px);
  background: #A09F9F;
  color: #fff;
  padding: 81px 22px 40px 32px;
}
.infobox .box img {
  position: absolute;
  opacity: 0.2;
  width: 218px;
  top: 55px;
  left: 40px;
  filter: brightness(0);
  z-index: 0;
}
.infobox .box.dark img {
    width: 187px;
    left: auto;
    right: 15px;
    top: 19px;
}
.infobox .box-content {
    position: relative;
    z-index: 1;
  flex: 1;
}
.infobox .box-title {
    font-size: 20px;
    color: #CE0808;
    font-weight: 500;
}
.infobox .box-description {
    line-height: 1.2;
    font-size: 28px;
    font-weight: 300;
    color: #000;
}
.infobox .box.dark .box-description {
    color: #fff;
}

.infobox .box-button {
  display: inline-block;
  background: #c00;
  color: #fff;
  text-decoration: none;
  padding: 0.4rem 1.2rem;
  border-radius: 4px;
  font-size: 0.9rem;
}
.bottom-block {
    padding-bottom: 36px;
}
.news-pagination{
    margin-top: 45px;
}
.news-pagination ul{
    display:flex;
    column-gap: 5px;
}

.news-pagination ul li span, .news-pagination ul li a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #ededed;
}
.news-pagination ul li span.current{
    color: #ce0808;
} 
/*.bottom-block .maxwidth{ padding-top: 76px;}*/
.bottom-block h2 {
    color: #ce0808;
    font-size: 35px;
    font-weight: 400;
    line-height: 44px;
    padding: 0 0 20px;
}
.bottom-block .custom-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    border-top: 1px solid #707070;
    padding-top: 76px;
    
}
.bottom-block .custom-boxes .left-box {
    width: 64%;
}
.bottom-block .news-block{padding-top: 20px;}
.bottom-block .news-block article{width: calc(50% - 25px); background: #F2F2F2; padding: 40px 22px 70px 22px; position: relative;}
.bottom-block .news-block article .article-content{padding: 0;}
.bottom-block .news-block article .article-content p.post-date{padding-bottom: 14px;}
.bottom-block .news-block article .article-content div a{font-size: 13px; font-weight: 500; } 
.bottom-block .news-block article .article-content div a.read-more::after{display: none;}
.bottom-block .news-block article::after {
    content: '';
    background: linear-gradient(90deg, #CE0808, #670404);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
}
.bottom-block .right-box {
    width: calc(32% - 12px);
}
.bottom-block .sfps-box {
    margin-top: 20px;
    padding: 25px 15px;
    background: #f2f2f2;
    box-shadow: 0px 3px 6px #00000029;
    height: calc(100% - 85px);
}
.bottom-block .sfps-box ul li a{font-size: 20px; padding: 15px 0px 15px 15px;}
.bottom-block .sfps-box ul li:last-child{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.sfps-box ul li a::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url(img/right-arrow.svg);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.load-more-wrap {
    display: none;
}
.news-block article .article-content p.strong-text {
    padding-bottom: 0px;
    font-weight: 500;
    color: #000;
}

.entry h3 {
    font-size: 35px;
    font-weight: 400;
    color: #CE0808;
}
.entry h3 strong {
    font-weight: 400;
}

@media (max-width: 575px){
    .entry h3 {font-size: 25px;}
    .maxwidth{padding-left: 20px; padding-right: 20px;}
    .hero-content-box { display: none;}
    .hero-area > img {
        height: 364px;
        object-fit: cover;
    }
    .home .content_block .custom_page_content:nth-child(1), .home .content_block .custom_page_content:nth-child(2), .bottom-block .left-box, .bottom-block .right-box{width: 100%;}
    .home .content_block .custom_page_content:nth-child(1){padding-bottom: 15px;}
    .home .content_block .custom_page_content:nth-child(2){padding-right: 0; padding-bottom: 25px; }
    .content_block h2{padding-bottom: 15px;}
    .content_block p{font-size: 20px;}
    .content_block .custom_page_content{pading-bottom: 30px;}
    .home .content_block .custom_page_content:nth-child(2) p {font-size: 18px;}
    #header .flex_row {
        flex-wrap: nowrap;
        align-items: end;
        /*align-items:center;*/
    }
    #header .right_details{margin-bottom: 12px;}
    .infobox .custom-boxes{padding-top: 30px; padding-bottom: 30px;}
    .infobox .box{width: 100%; padding: 22px 19px 40px;}
    .infobox .box-title{font-size: 15px; padding-bottom: 10px;}
    .infobox .box-description{font-size: 22px; line-height: 1.35em;}
    .infobox .box img {
        position: static;
        margin-bottom: 21px;
        width: 132px;
    }
    .infobox .box .btn-container {
        padding-top: 20px;
    }
    .infobox .box.dark{width: 100%;}
    .infobox .box.dark img {
        width: 135px;
        position: absolute;
    }
    #footer #main {
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    .bottom-block{padding-bottom: 20px;}
    .bottom-block .news-block{flex-wrap: wrap; padding-top: 0;}
    .bottom-block h2, .news-container h2{font-size: 25px;}
    .bottom-block .news-block article{width: 100%;}
    .bottom-block .custom-boxes .left-box{width: 100%;}
    .bottom-block .custom-boxes {
        padding-top: 30px;
    }
    .left-box .owl-nav-dots-container, .news-container .owl-nav-dots-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 25px;
    }
    .left-box .owl-dots, .news-container .owl-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .left-box .owl-dots button, .news-container .owl-dots button {
        height: 6px;
        width: 6px;
        padding: 0;
        background: #A09F9F;
        border-radius: 50%;
    }
    .left-box .owl-dots button.active, .news-container .owl-dots button.active { background: #CE0808; }
    .left-box .owl-nav-dots-container > button, .news-container .owl-nav-dots-container > button {
        padding: 13px 6px;
        background-color: transparent;
        background-image: url(img/left-arrow.svg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .left-box .owl-nav-dots-container > button.owl-next, .news-container .owl-nav-dots-container > button.owl-next {
        background-image: url(img/right-arrow-new.svg);
    }
    .left-box .owl-nav-dots-container > button span, .news-container .owl-nav-dots-container > button span{display: none;}
    .left-box .owl-stage, .left-box .owl-stage .owl-item, .news-container .owl-stage, .news-container .owl-stage .owl-item { display: flex;}
    .bottom-block .sfps-box ul li a {
        font-size: 18px;
        padding: 10px 0px 10px 15px;
    }
    .bottom-block .sfps-box{
        height: auto;
        width: 100%;
        padding: 25px 15px 35px;
        margin-top: 0;
    }
    /*.inner_banner{padding-top: 0; height: 364px;}*/
    .inner_banner .maxwidth{padding: 0;}
    .inner_banner img{height: 364px;}
    .filter-block{max-width: calc(100% - 40px); padding: 24px 55px 94px; margin-bottom: 0;}
    .filter-block h3 {font-size: 25px; margin-top: 5px;}
    .filter-block .filter-box .field {
        margin-bottom: 16px;
    }
    .filter-block .filter-box button {
        bottom: 35px;
        transform: translateX(-50%);
    }
    .content_block{padding-top: 40px;}
    .page-template-template-schulen .content_block .custom_page_content{width: 100%; padding-bottom: 0px;}
    .page-template-template-schulen .content_block p{padding-top: 5px;}
    .schools-lists ul.desktop-lists{width: 100%;}
    .schools-lists ul.desktop-lists > li{padding: 0; display: none;}
    .schools-lists ul.desktop-lists > li:nth-child(-n+3) {
        display: block;
    }
    .page-schulen-content .pagination{display: none;}
    .load-more-wrap {
        display: block;
        text-align: center;
    }
    .load-more-wrap button#loadMore {
        background: transparent;
        color: #CE0808;
        font-size: 18px;
    }
    .load-more-wrap button#loadMore span {
        display: block;
        margin-bottom: 5px;
    }
    .news-block article{width: 100%; margin: 5px;}
    .page-top-details::before {
        position: static;
        display: block;
        margin-bottom: 15px;
    }
    span.subHeading {
    font-size: 15px;
    margin-bottom: 5px;}
    .info-boxes .maxwidth{gap: 40px; margin-top: 50px; padding-top: 50px;}
    .info-box-container {
        flex-wrap: wrap;
        width: 100%;
        gap: 40px;
    }
    .news-container .owl-nav-dots-container{
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .news-block{padding-top: 15px;}
    .news-container .maxwidth{margin-top: 30px; padding-top: 35px;}
    
    .info-box.contact-box{width: 100%;}
    .news-block article .article-content h3{font-size: 22px;}
}
.entry table td{
    border: none;
}
.bottom-block.vsp-news-box .custom-boxes{
    gap: 0;
}