/*
 Theme Name:   Eshkool Child
 Theme URI:    http://keenitsolutions.com/products/wordpress/eshkool/
 Description:  Eshkool Child
 Author:       RS Theme
 Author URI:   http://rstheme.com
 Template:     eshkool
 Version:      2.1
 License:      GNU General Public License v2 or later.rs-video-2
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* @import url('https://fonts.googleapis.com/css?family=Fira+Sans|Lato|Open+Sans|Oswald'); */
/* main color */

.menu-area .get-quote, .menu-area .menu-offcanvas .get-quote .nav-link-container a.nav-menu-link, .readon, .services-style-2 .services-desc .btn-more, .rs-portfolio .portfolio-item .p-zoom:hover, #rs-testimonial .slick-dots button, .owl-dots .owl-dot span, #rs-footer .footer-top h3.footer-title::after, #rs-footer .footer-top .recent-post-widget .post-item .post-date, #rs-footer .footer-top .mc4wp-form-fields input[type="submit"], #scrollUp i, .sidenav .nav-close-menu-li button:hover::after, .sidenav .nav-close-menu-li button:hover::before, #cl-testimonial .slider4 .slick-active button, .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-title::after, .team-slider-style2 .team-item-wrap .team-img .normal-text .team-name, .team-slider-style2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover, #cta-sec, .owl-carousel .owl-nav [class*="owl-"]:hover, #about-sec2 a.mt-20, .rs-about3 .vc_tta-panel.vc_active .vc_tta-panel-heading a i, .rs-about3 .vc_tta-panel-heading, .rs-about3 .vc_tta-panel-heading:hover a i, .services-tabs .vc_tta-tab.vc_active>a, .services-tabs .vc_tta-tab>a:hover, #cleaning-sec-contact, .readon-sm, .contact-form-area input[type="submit"], .widget_brochures a:hover, .inquiry-btn .vc_btn3, .team-gird .team-style2 .team-content .display-table .display-table-cell .team-title::after, .team-gird .team-style2 .team-content .display-table .display-table-cell .team-social .social-icon:hover, .team-gird .team-style2 .team-img .normal-text .team-name, .team-gird .team-style1 .team-item .team-content, .team-gird .team-style3 .team-wrapper .team_desc::before, .team-gird .team-style4 .team-content .team-social a:hover, .comment-respond .form-submit #submit, #loading .object, .services-style-3::after, .rs-blog-details .author-block, #rs-testimonial .slider2 .testimonial-content:hover .cl-author-info, .rs-heading.border-style h2::after, code, mark, ins, .rs-course .cource-item .cource-img .course-price, .rs-calltoaction .cta-button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce .wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .rs-events .event-item .event-btn a, .latest-news-slider .slick-arrow:hover, .rs-latest-news .news-normal-block .news-btn a, .rs-video-2 .popup-videos::before, .rs-video-2 .popup-videos::after, #rs-footer .footer-share ul li a:hover, #rs-header.header-style2 .sticky_search .rs-search, button, html input[type="button"], input[type="reset"], input[type="submit"], .rs-services-style3 .services-item i, .rs-courses-2 .cource-item .cource-btn, .rs-team-style1 .team-item .team-social .social-icon, .rs-team-style1 .team-item .team-title::after, .rs-courses-categories .courses-item i, .rs-gallery .gallery-desc, #rs-header.header-style-4 .sidebarmenu-area .sticky_search a, #rs-header.header-styl-3 .menu-area .toggle-btn.active .border-icon, #rs-header.header-styl-3 .menu-area .toggle-btn:hover .border-icon, #rs-header.header-style-4 .sidebarmenu-area .nav-link-container a:hover, .rs-heading.style1::after, #cl-testimonial .testimonial-slide2.slider2 .slick-dots li.slick-active button, .latest-news-nav .slick-slide.slick-current, .latest-news-nav .slick-slide:hover, .rs-heading.style2 h2::after, .rs-branches .wpb_column .rs-services::before, .rs-team-style3 .team-item .team-title::after, .rs-courses-3 .course-item .course-img .course-price, .rs-courses-details .detail-img .course-seats, .course-summary .course-tabs .learn-press-nav-tabs .course-nav.active::before, .course-summary .course-tab-panel-overview .course-description h4.desc-title::before, .course-summary .course-tab-panel-curriculum .course-description h4.desc-title::before, .course-summary .course-tab-panel-instructor .course-description h4.desc-title::before, .course-summary .course-tab-panel-reviews .course-description h4.desc-title::before, .lp-single-course .author-info ul li a, .rs-events-2 .event-item .event-btn a, body.single-events .course-features-info .book-btn a, .rs-blog .blog-item .full-blog-content .blog-button a, .comments-area .comment-list li.comment .reply a, #content .about-tabs .vc_tta-tabs-container li.vc_active a::before, .rs-blog-details .meta-info-wrap .tag-line a:hover, .bs-sidebar .tagcloud a:hover, body.search article .blog-button a {
    background-color: #990000 !important;
}

/* Page Error 404 */ 

.page-error .content-area {
	z-index: auto;
}

.bs-sidebar .bs-search input {
	border-radius: 0;
}


/* selection color */
::selection{  
  background-color: #003366;  
} 

/* FontAwesome */
.fa, .far, .fas {
	font-family: "FontAwesome" !important; 
	font-style:normal;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: #990000 !important;
    border-radius: 0 !important;
}

.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    background-color: #003366 !important;

}

.vc_btn3.vc_btn3-size-md {

    padding: 4px 20px !important;
    line-height: 26px !important;
    font-size: 13px !important;

}

/* special news */

.head_message  {	
	position: relative;
	z-index:5;	
}
#teaser {
	color: #fff;
	font-size: 1.4rem;		
}

#teaser h1, #teaser h2, #teaser h3 {
	color: #fff !important;
}

/* eval */

.schulart_details li {
    padding-left: 1.3em;
    padding: 0 !important;
}

.schulart_details ul {
    list-style: none !important;
}

.schulart_details li::before {
    content: "\f00c";
    /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    /* same as padding-left set on li */
    width: 1.3em;
    /* same as padding-left set on li */
}

.schulart_details li li::before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -0.7em;
    width: 1.0em;
    /* font-weight: bold; */
}

/* end eval */

.rs-heading.style4 .title-inner h2 span.red-color, .rs-heading.style5 .title-inner h2 span.red-color, .rs-heading.style4 .title-inner h2 span.red-color-last, .rs-heading.style5 .title-inner h2 span.red-color-last {
    color: #990000;
}

.pos_rel {
    position: relative;
}

.readon {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    border: none;
    background: #990000;
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #ffffff !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-transform: none;
    font-weight: 400;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

/* min width page */

#page {
    min-width: 320px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* heading */

h1, h2, h3, h4, h5, h6 {
    font-family: 'poppins', sans-serif;
    color: #003366;
    margin: 0 0 26px;
    font-weight: 700;
    clear: none !important;
}

/* === Toolbar === */

/* toolbar schmäler machen und HG-Farbe ändern */

#rs-header .toolbar-area {
    padding: 1px 0;
    background: #e3e9ee;
    /* border-bottom: 2px solid #a6b8ca; */
}

/* Koordinaten in toolbar ausblenden */

.rs-contact-location {
    display: none !important;
}

/* login Link in toolbar ausblenden */

.toolbar-login-btn {
    display: none;
}

/* qoute button in Menü ausblenden */

.menu-area .get-quote .quote-button {
    display: none;
}

/* Schriftfarbe der Links in der toolbar ändern */

#rs-header .toolbar-area .toolbar-contact ul li a, #rs-header .toolbar-area .toolbar-sl-share ul li a {
    color: #003366;
}

/* === Schulname und Untertitel === */

.title_descr {
    position: relative;
}

h1#site-title {
    margin: 0;
    text-align: right;
    font-size: 2rem;
    line-height: 1.8rem;
    font-family: 'Roboto', sans-serif;
    color: #800000;
    position: absolute;
    width: 100%;
    top: 26px;
    /* bei topbar: 54px */
    right: 0;
}

.sub-title {
    color: #003366;
    font-size: 1.6rem;
}

/* === Logo Bereich === */

/* Logo weiter nach unten setzen */

#rs-header .logo-area {
    top: 14px;
}

/* === Hauptmenü === */

/* Menüleiste über 100% des Containers => liegt dann unter Logo */

.nav-to-home a, .nav-to-schularten a  {
	cursor: pointer !important;
}

.menu-area .col-sm-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Menüleiste Höhe anpassen */

#rs-header.style1 .menu-area .navbar ul li {
    line-height: 40px;
    height: 40px;
}
/* Cursor Weichenseiten Pfeil */
#rs-header.style1 .menu-area .navbar ul li a {
	cursor: default;
}

/* Größere Abstände Hauptmenüpunkte */

.menu-area .navbar ul li {
    padding: 0 16px;
}

/* Auch nach dem letzten Menüpunkt Innenabstand rechts */

#rs-header.style1 .menu-area .navbar .menu>li:last-child {
    padding-right: 16px;
}

/* Text im Hauptmenü nicht uppercase und größer */

#primary-menu-single a {
    font-size: 18px !important;
    text-transform: none;
    font-weight: 700;
}

/* Hintergrundfarbe Hauptmenüpunkte bei hover */

#rs-header.style1 .menu-area .navbar ul li:hover {
    background-color: #e3e9ee;
}

/* Trenner Untermenüpunkte */

.menu-area .navbar ul li ul.sub-menu li+li {
    border-top: 1px solid rgba(255, 255, 255, 1);
}

/* Kein Abstand mehr nach links bei hover Untermenüpunkte (wie in Template) */

.menu-area .navbar ul li ul.sub-menu li a:hover {
    margin-left: 0px;
}

/* Schriftgröße der Untermenüs Ebene 2 und Ebene 3 verkleinern */
/* Cursor Unterseiten Pointer */

#rs-header .menu-area .navbar ul li .sub-menu li a, #rs-header.style1 .menu-area .navbar ul li ul li a {
    font-size: 90% !important;
	cursor: pointer;
}

/* === Suche === */

/* Suche im Menü positionieren und Dimensionen anpassen */

#rs-header.style1 .sticky_search {
    margin-left: 0;
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
}

#rs-header.style1 .sticky_search:hover {
    background: #e3e9ee;
}

.menu-area .active {
    background: #e3e9ee;
}

/* Farbe Such-Icon anpassen */

#rs-header.style1 .sticky_form .menu_search button i {
    color: #800000;
}

/* Symbol im Menü und im Feld gleich gross */

.sticky_search .fa-search::before {
    font-size: 18px;
}

/* Suchfeld anpassen */

#rs-header.style1 .sticky_form .menu_search [type="search"] {
    border-width: 0px;
    border-radius: 0;
    background: #e3e9ee;
}

/* Symbol im Menü und im Feld in einer Linie übereinander */

.bs-search .search-wrap {
    margin-right: -19px;
}

.fm-search .fm-input {	
	padding: 0.8rem;
	border: none;
}
.fm-search .fm-input:focus-visible {
   outline: 2px solid #003366;	
}

.fm-right.fm-connected .fm-item-1-2 .fm-label {	
	padding-left: 1rem !important;
}



/* Ende Suchfeld anpassen */

#rs-header.style1 .sticky_form .menu_search button i {
    font-size: 18px;
    padding-right: 6px;
}
.bs-search button {
	z-index: 1;
}
/* Suche in Sidbar WP widget */
.widget_search .bs-search .search-wrap {
    margin-right: 0;
}

.no-results input[type="search"] {
	border-radius:0 !important;
}

.search-input:focus-visible {
   outline: 2px solid #003366;	
}

.widget.widget_search {
    margin-top: -20px;
}

body.search article h3.entry-title a {
	color: #003366;
} 

body.search article h3.entry-title a:hover, body.search article h3.entry-title a:active {
	color: #990000;
} 
body.search article:hover h3.entry-title a {
	color: #990000;
}

body.search article .blog-button a {	
	border-radius: 0; 

}

.pagination-area .nav-links > :first-child {
	border-radius: 0;
}

.pagination-area .nav-links > :last-child {
		border-radius: 0;
}
.pagination-area .nav-links > :hover, .pagination-area .nav-links > .current {
	color: #990000;
}

/* === Header === */

/* Schlagschatten Header in Slider von oben her */

/*
	 #rs-header.style1 .menu-area {
		 padding: 38px; 
		 box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.3);
		 position: relative; 
		 z-index: 33; 
	 }
	 */

/* Floating Menu */

/* rechts */

.floating-menu {
    font-family: Roboto, Helvetica, Arial, sans-serif !important;
}

.float-menu-1 .fm-bar {
    z-index: 999 !important;
}

.float-menu-1 .fm-bar.fm-button-space li:not(:last-child) {
    margin-bottom: 6px !important;
}

/* Datenschutz */

.float-menu-2 .fm-bar {
    width: 100%;
}

.float-menu-2 .fm-bar li {
    margin: 0 auto;
    background: #fff;
    width: 300px;
    border-radius: 8px 8px 0 0;
}

.float-menu-2 .fm-label {
    display: block;
}

.float-menu-2 .fm-connected .fm-label {
    border-radius: 8px 8px 0 0 !important;
}

.float-menu-2 .fm-icon {
    border-radius: 8px 8px 0 0 !important;
}

.floating-menu.fm-ready {
    visibility: visible;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    z-index: 6;
}

/* Slider */

.slider_text {
    text-shadow: 0 1px 1px #212121;
}

/* === Main === */

/* Schlagschatten Main in Slider von unten her */

/*
	 .main-contain {
		 box-shadow: 0px 8px 8px 12px  rgba(0,0,0,0.3);
		 position: relative; 
		 z-index: 33; 
	 }
	 */

/* Features Boxen */

.rs-services-responsive {
    margin-top: -50px;
	z-index: 6;
	position: relative;
}

rs-services-style2 .services-icon {
    display: flex;
    background: white;
}

.services-style-2 .services-title a {
    color: #036;
}

.services-style-2.center {
    background: #e3e9ee;
    border: none;
    padding: 1em;
}

.services-style-2 {
    margin-bottom: 20px;
}

.services-style-2 img {
    border: 12px solid #fff;
    align-self: center;
}

.rs-services-style3 .services-item .services-title a {
    color: #003366;
	
}

/* Video Home */

.writing-vid {
	margin-top: -94px;
	width: 212%;
	margin-left: -98px;
	z-index: -100;
	position: relative;
}


/* news */

.rs-latest-news .news-list-block .news-list-item {
    border: none;
}

.rs-latest-news .news-list-block .news-list-item .news-title a {
    color: #003366;
}

.rs-latest-news .news-list-block .news-list-item .news-title a:hover, .rs-latest-news .news-list-block .news-list-item .news-title a:focus {
    color: #990000 !important;
}

.rs-latest-news .news-normal-block .news-title a {
    color: #003366;
}
.rs-latest-news .news-normal-block .news-title a:hover, .rs-latest-news .news-normal-block .news-title a:focus {
	color: #990000;
}


/* Metadaten (Author etc. entfernen)*/

/* Datum bei Downloads im Title weg */
h1.page-title #subtitle + .meta-info-wrap2  {
	display: none;
}

.meta-info-wrap .bs-general-meta li+li, .btm-cate li+li {
    display: none;
}

.blog-title a {
    color: #003366;
}

.rs-blog .blog-item .blog-img::before {
    background: rgba(0, 0, 0, 0.3);
}

.rs-blog .blog-item .full-blog-content .blog-button a {
    border-radius: 2px;
}

.rs-blog .blog-item .blog-img .blog-link {
    color: #E3E9EE;
    border: 2px solid #E3E9EE;
}

/* events */

.rs-events .event-item .events-details {
    padding: 17px 27px 27px;
}

.rs-events .event-item .event-date i {
    color: #003366 !important;
}

.rs-events .event-item .event-meta>div i {
    color: #003366 !important;
}

.rs-latest-news .news-list-block .news-list-item .news-date i, .rs-latest-news .news-normal-block .news-date i {
    color: #990000 !important;
}

#rs-events.event-list-items .event-item {
    transition: all 0.3s ease 0s;
}

#rs-events.event-list-items .event-item:hover {
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

#rs-events.event-list-items .event-item+.event-item {
    margin-top: 23px;
}

.sec-color {
    background-color: rgba(255, 255, 255, 1);
}

.rs-events .event-item .event-btn a {

    border-radius: 0;
    text-transform: none;
}

.event-item .event-img .image-link {
    color: #e3e9ee;
}

/* Sidebar events */

.rs-events .event-item .events-details {
    padding: 17px 27px 27px;
    background: #f8f8f8;
    border: 1px solid #f0f0f0;
}

/* Detailseite events */

.course-features-info {
    background: #003366;
    padding: 12px 24px;
}

.course-features-info h3.title {
    color: #fff;
}

body.single-events .course-features-info .book-btn {
    display: none;
}

.course-features-info ul li i {
    color: #fff;
}

.course-features-info ul li+li {
    border-top: 1px solid rgba(227, 233, 238, 0.3);
}

/* Kooperation und Vernetzung */

.koop h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 12px;
}

.koop h4 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
}

.koop p {
    line-height: 1.5;
}

.koop_text_einzel .vc_column-inner {
    padding: 0 !important;
}

/* Schularten */

div#schularten_pos {
    margin-top: -487px;
    position: relative;
    /*z-index: 10; */
}

a.flyer_dl {
    color: white !important;
    margin: 2px 0;
    padding-left: 24px;
    font-size: 20px;
    font-weight: 500;
    height: 76px;
    line-height: 76px;
    font-family: poppins;
    display: block;
}

.flyer_dl a:hover {
    color: white !important;
}

ul#schularten {
    padding: 0 !important;
    margin: 0 !important;
}

ul#schularten li {
    list-style: none;
    background-color: rgba(0, 0, 0, 0);
}

ul#schularten li:hover {
    background-color: rgba(0, 0, 0, 1) !important;
}

.fas.fa-download, .fas.fa-link {
    margin-right: 20px;
    font-size: 26px;
    opacity: 0.5;
}

ul#schularten li:hover .fas.fa-download, ul#schularten li:hover .fas.fa-link {
    opacity: 1 !important;
}

.rs-services4 .service-item .service-button a {
    background: #990000 !important;
    border: none;
}
.rs-services-style3 .services-item .services-title {
	font-size: 1.3em;
	text-transform: none;
	margin-top: 12px;
}
.rs-services-style3 .services-item .services-title a:hover {
    color: #990000;
}

/* BS */

.flyer_dl.bs {
    background-color: rgba(227, 29, 60, 0.95);
}

.rs-services4.bs .service-item .service-img::before {
    background: rgb(227, 29, 60) !important;
}

.rs-services4.bs .service-item .service-img::after {
    background: rgb(227, 29, 60) !important;
}

.rs-services4.bs .service-item .service-content::before {
    background: rgb(227, 29, 60) !important;
}

/* BKI */

.flyer_dl.bki {
    background: rgb(247, 148, 30, 0.95);
}

.rs-services4.bki .service-item .service-img::before {
    background: rgb(247, 148, 30) !important;
}

.rs-services4.bki .service-item .service-img::after {
    background: rgb(247, 148, 30) !important;
}

.rs-services4.bki .service-item .service-content::before {
    background: rgb(247, 148, 30) !important;
}

/* FEET */

.flyer_dl.feet {
    background: rgb(67, 53, 140, 0.95);
}

.rs-services4.feet .service-item .service-img::before {
    background: rgb(67, 53, 140) !important;
}

.rs-services4.feet .service-item .service-img::after {
    background: #43358c !important;
}

.rs-services4.feet .service-item .service-content::before {
    background: #43358c !important;
}

/* BFE */

.flyer_dl.bfe {
    background: rgb(33, 154, 49, 0.95);
}

.rs-services4.bfe .service-item .service-img::before {
    background: rgb(33, 154, 49) !important;
}

.rs-services4.bfe .service-item .service-img::after {
    background: rgb(33, 154, 49) !important;
}

.rs-services4.bfe .service-item .service-content::before {
    background: rgb(33, 154, 49) !important;
}

/* FTA */

.flyer_dl.fte {
    background: rgb(0, 148, 201, 0.95);
}

.rs-services4.fte .service-item .service-img::before {
    background: rgb(0, 148, 201) !important;
}

.rs-services4.fte .service-item .service-img::after {
    background: rgb(0, 148, 201) !important;
}

.rs-services4.fte .service-item .service-content::before {
    background: rgb(0, 148, 201) !important;
}

/* FTE  */

.flyer_dl.fta {
    background: rgb(0, 116, 188, 0.95);
}

.rs-services4.fta .service-item .service-img::before {
    background: rgb(2, 110, 183) !important;
}

.rs-services4.fta .service-item .service-img::after {
    background: rgb(2, 110, 183) !important;
}

.rs-services4.fta .service-item .service-content::before {
    background: rgb(2, 110, 183) !important;
}

/* Einzelseiten Schularten */

h2.schulart_allg {
    color: white !important;
    padding: 2rem 0.8rem;
    font-size: 26px;
    line-height: 34px;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    -ms-hyphens: none;
}

.schulart h3 {
    font-size: 22px;
    line-height: 30px;
}

.schulart_details a {
    color: #505050;
}

.schulart_details a::before {
    content: "\f14c";
    font-family: "FontAwesome";
    padding-right: 4px;
}

.schulart_details a[href^="mailto"]::before {
    content: "\f0e0";
    font-family: "FontAwesome";
    padding-right: 4px;
}

.schulart_details a:hover {
    color: #707070;
}

h2.feet_bg {
    background: #43358c;
}

h2.bfe_bg {
    background: rgb(33, 154, 49);
}

h2.bki_bg {
    background: #F7941E;
}

h2.fst_bg {
    background: #0074bc;
}

h2.gbs_bg {
    background: #e3143d;
}

.feet h2, .feet h3 {
    color: rgb(67, 53, 140);
    margin: 0 0 12px !important;
}

.bfe h2, .bfe h3 {
    color: rgb(33, 154, 49);
    margin: 0 0 12px !important;
}

.bki h2, .bki h3 {
    color: rgb(247, 148, 30);
    margin: 0 0 12px !important;
}

.fst h2, .fst h3 {
    color: rgb(0, 116, 188);
    margin: 0 0 12px !important;
}

.gbs h2, .gbs h3 {
    color: rgb(227, 20, 61);
    margin: 0 0 12px !important;
}

.attend {
    color: white;
    line-height: 22px;
    padding: 15px;
    margin-bottom: 28px;
    margin-top: -15px;
}

.attend h3 {
    color: white;
}

.attend a {
    color: white;
}

.attend a::before {
    content: "\f14c";
    font-family: "FontAwesome";
    padding-right: 4px;
}

.attend a:hover {
    color: white;
}

.attend p.small {
    line-height: 18px !important;
}

.bki .attend {
    background: #F7941E;
}

.fst .attend {
    background: #0074bc;
}

/* -- Schulart-Videos */

.schularten .rs-video-2 {
    position: absolute;
    top: 150px;
    right: 90px;
}

.bfe .rs-video-2 .popup-videos::after, .bfe .rs-video-2 .popup-videos::before {
    background-color: #219a31 !important;
}

.bki .rs-video-2 .popup-videos::after, .bki .rs-video-2 .popup-videos::before {
    background-color: rgb(247, 148, 30) !important;
}

.fst .rs-video-2 .popup-videos::after, .fst .rs-video-2 .popup-videos::before {
    background-color: rgb(0, 116, 188) !important;
}

.bfe .rs-video-2 .video-content h4 {
    color: #219a31;
    font-size: 18px;
    text-transform: none;
    line-height: 1.2;
    width: 88px;
    margin-top: 30px;
}

.bki .rs-video-2 .video-content h4 {
    color: rgb(247, 148, 30) !important;
    font-size: 18px;
    text-transform: none;
    line-height: 1.2;
    width: 88px;
    margin-top: 30px;
}

.fst .rs-video-2 .video-content h4 {
    color: rgb(0, 116, 188) !important;
    font-size: 18px;
    text-transform: none;
    line-height: 1.2;
    width: 88px;
    margin-top: 30px;
}

/* Downloads */

.downloads {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.w3eden .mb-2, .w3eden .my-2 {
    margin-bottom: 1rem !important;
}

.w3eden .card-body {
    padding: 1rem;
}

/*
.w3eden .card {
	background-color: #e3e9ee;
	border: 1px solid #a6b8ca;
	border-radius: 0 !important;
}
*/
.w3eden .card {
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    border-radius: 0 !important;
}

.w3eden .text-muted, .w3eden .mr-3 {
    display: none;
}

.w3eden .media {
    flex-direction: column;
}

.downloads h2, .downloads h3 {
    color: #003366;
    margin: 0 0 12px !important;
    font-family: roboto;
}


.media-body span#subtitle {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.3rem;
    display: block;
    color: #003366;
    margin-top: 0.3rem;
}


.page-title span#subtitle {
    font-size: 2rem;
    display: block;
    text-transform: none;
}

.w3eden .ml-3, .w3eden .mx-3 {
    width: 100%;
    margin-left: 0 !important;
}

.w3eden a.btn {
    width: 100%;
    font-size: 1.3rem;
    text-transform: unset;
}

.wpdm-download-link.btn.btn-primary {
    border-radius: 0px !important;
    position: relative;
    line-height: 1.5;
    padding: 0;
    padding-bottom: 7px;
}

.wpdm-download-link.download-on-click.btn.btn-primary::before {
    content: "\f019";
    font-family: "FontAwesome";
    font-size: 28px;
    padding-right: 16px;
    position: relative;
    top: 5px;
}



/* Team */

.team_text {

	background: url("/wp-content/uploads/2022/03/vc_bg-1.png") no-repeat left top;	
	padding: 8px 33px 8px 0px;
	text-align: right;
	box-sizing: content-box;
	color: #003366;
	line-height: normal;
	font-size: 22px;
	background-size: contain;
	height: 327px;
	margin-top: -21px;
}

.team_text .dg {
	padding-top: 130px;
}
.team_text .name {
	font-weight: bold;
	font-size: 28px;	
}

.team_text .funktion {	
}

.team_text .email {
	padding-top: 66px;
}

.single-teams .ps-informations {
	display: none;
}

.team-member-vc {
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
	
}

/* A bis Z Schlagwörter Widget */
.menu-infos-von-a-z-container ul li::before {	
	display: none !important;
}

#menu-infos-von-a-z {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.abisz .widget ul li {
    position: relative;
    padding: 0.7rem;
    list-style-type: none;
    margin: 0.5rem;
    background: #990000;
    font-size: 20px;
    flex: auto;
    border: 1px solid #990000;
    text-align: center;
}

.abisz .widget ul li a {
    color: #fff;
}

.abisz .widget ul li:hover {
    background: #ffff;
}

.abisz .widget ul li:hover a {
    color: #990000;
}

/* === Footer === */

.footer-top .container, .footer-top ul, .footer-top ul li, .footer-top li a {
    z-index: 1 !important;
}

/* Submenu im Footer Top */

#rs-footer.has-footer-contact {
    margin-top: 0;
}

#rs-footer.has-footer-contact .footer-top {
    padding-top: 36px;
}

#rs-footer.has-footer-contact .footer-contact-desc {
    margin-top: 0 !important;
    padding: 0;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    /* box-shadow:none; */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    position: static;
    transform: none;
    text-align: center;
}

#rs-footer.has-footer-contact .footer-contact-desc .widget {
    margin: 0.5em 0;
}

#rs-footer.has-footer-contact .footer-contact-desc ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0;
	line-height: 1.8;
}

#rs-footer.has-footer-contact .footer-contact-desc ul li {
    padding: 0 1em 0 1.15em;
}

/*
	 #rs-footer.has-footer-contact .footer-contact-desc ul li:first-child {
		 padding-left:0;
	 }
	 */

#rs-footer.has-footer-contact .footer-contact-desc .widget ul li::before {
    content: "|";
    line-height: 1.8em;
}

#rs-footer.has-footer-contact .footer-contact-desc .widget ul li:first-child::before {
    content: "";
}

#rs-footer.has-footer-contact .footer-contact-desc .widget a {
    line-height: 1.6em;
}

#rs-footer.has-footer-contact .footer-contact-desc .widget a:hover {
    color: #e3e9ee;
}

/* Footer Direktlinks */

#rs-footer .widget.widget_nav_menu h3.footer-title::after {
    background-color: #e3e9ee !important;
    height: 3px;
    display: none;
}

#rs-footer .footer-top h3.footer-title {
    margin: 16px 0;
    color: #ffffff;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 18px !important;
}

#rs-footer .footer-top.footer3 {
    padding-bottom: 0;
}

/* Innenabstand im Footer nach oben ändern */

#rs-footer .footer-top {
    padding: 36px 0 0px;
}

/* Linkes Footer-Menü vom Template unterschiedlich layoutet -> Angleichung an die anderen Footer Menüs hier */

#rs-footer .footer-top ul#menu-footer-menu li {
    padding: 3px 0 3px 15px;
    width: 100%;
    float: none;
    line-height: 26px;
}

#rs-footer .widget a:hover, #rs-footer .widget a:focus {
	color: #fff !important;
}

/* Footer Copyright */

/* Freisperren für Datenschutz-Link */

#rs-footer .footer-bottom.footer3 {
    padding: 25px 0 90px 0;
    overflow: auto;
}

/* === Sidebar === */
.page .bs-sidebar {
    padding: 0 !important;
    margin-top: 0;
}

.bs-sidebar .widget {
    margin-bottom: 50px;
}


.bs-sidebar .sidebar-title {
    position: relative;
    padding-bottom: 10px;
}

.bs-sidebar .sidebar-title::after {
    content: "";
    position: absolute;
    background: #990000;
    height: 2px;
    width: 50px;
    left: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

.widget ul.wp-block-latest-posts__list li::before {
    display: none !important;
}

.bs-sidebar .widget ul li:first-child {
    border-top: none;
}

.bs-sidebar .widget ul li {
    padding-left: 0;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 15px;
    border-bottom: none;
    line-height: 22px;
}

.bs-sidebar .widget-title::after {
    background: #990000;
}

.bs-sidebar ul a:hover {
    color: #990000;
}

.bs-sidebar ul a {
    display: block;
    font-size: 17px;
    color: #003366;
    font-weight: 600;
    margin-top: -4px;
    line-height: 22px;
}

.bs-sidebar ul a:hover {
    color: #990000;
}

.ps-navigation {
    display: none;
}

/* === Sub-Pages === */

.header_sub_page.rs-heading.style1 {
    padding-bottom: 10px;
}

.header_sub_page.rs-heading.style1 h2 {
    margin-bottom: 0px;
}

.header_sub_page.rs-heading.style1::after {
    height: 2px;
}

.rs-heading h2 {
    z-index: auto;
    display: block;

}

.rs-heading.style1 h2 {
    text-transform: none;
}

.sidebar_subpage .rs-heading.style1::after {
    width: 50px;
}

.rs-heading .sub-text {
    color: #990000;
}

.vc_row.gap-30-subpage.vc_column-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.duale-partner-logos img {
    padding: 20px;
}

/* Tabs */
ul.vc_tta-tabs-list, li.vc_tta-tab {
    display: flex !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    color: #990000 !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    line-height: 1.5 !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #900 !important;

}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* === Allgemein === */

/* Farbe Links bei active und focus anpassen */

a:active {
    color: #a6b8ca !important;
}

a:focus {
    color: #a6b8ca !important;
}

blockquote {
    margin-top: 0;
}

.vp-center {
    align-items: top !important;
}

.rs-video-2 .overly-border::before {
    border-top: 5px solid #e3e9ee;
    border-bottom: 5px solid #e3e9ee;
}

.rs-video-2 .overly-border::after {
    border-right: 5px solid #e3e9ee;
    border-left: 5px solid #e3e9ee;
}

.view-more {
    position: absolute;
    bottom: 20px;
    right: 28px;
}

.entry-footer {
    display: none;
}

/* Tabellen */
td, th {
    display: table-cell;
    min-width: 90px;
    border: none !important;
}

.space {
    height: 1em;
}

/* Default Template */
/* Breadcrumb */

.rs-breadcrumbs ul {	
	padding: 2px 6px !important;
	line-height: 16px;
	/* background: rgba(255,255,255,0.2) !important; */
}

.rs-breadcrumbs ul li{
	color: #fff;
}

.rs-breadcrumbs ul li.trail-end {
	font-weight: 500;	
}

.rs-breadcrumbs ul li a:hover {
    color: #fff;
}

.rs-breadcrumbs ul li a {
    color: #E3E9EE;
}

.rs-breadcrumbs ul li::after {
	color: #E3E9EE;
}

/* Special banner for home */
.home .rs-breadcrumbs .breadcrumbs-single {	
	height: 50vw;
	max-height: 750px;
}

.home .breadcrumbs-single::after {	
	background:none;	
}

/* Breadcrumbs deaktivieren */
.single-events .breadcrumb-trail.breadcrumbs {
    visibility: hidden;
}

.breadcrumbs-single::after {
    content: "";
    display: block;
    min-height: 300px;
    background: rgba(0, 0, 0, 0.3);
}

.breadcrumbs-inner .category-name::after {
    background: #990000;
}

/*------------------------------------
				 Mobile Off Canvas Menü
	  --------------------------------------*/
/* ### Suchfeld im Mobile Off Canvas Menü ###*/
.search_in_ham {
	display: none !important;
}


/* Container Hintergrund un Positionierung */

.mobile-menu-container .sidenav.nav-active-menu-container {
    background: #003366 !important;
}

.mobile-menu-container ul {
    padding-top: 38px;
    padding-left: 0;
}

/* Hauptmenüpunkte umgestalten */

.mobile-menu-container .sidenav ul li a:active, .mobile-menu-container .sidenav ul li a:focus {
    color: #fff !important;
    background: #800000 !important;
}

.mobile-menu-container ul.sidenav .menu>li.menu-item-has-children::before {
    content: "\f078";
    right: 0;
    top: 0;
    width: 42px;
    height: 100%;
    line-height: 51px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 24px;
}

/* Close-Button umgestalten */

.mobile-menu-container .nav-close-menu-li {
    max-width: 51px;
    right: 0;
}

.mobile-menu-container .sidenav .nav-close-menu-li button {
    border: none;
    width: 42px;
    height: 42px;
    line-height: 35px;
    border-radius: 0;
}

.mobile-menu-container .sidenav .nav-close-menu-li button::after, .mobile-menu-container .sidenav .nav-close-menu-li button::before {
    width: 5px;
    height: 27px;
    top: 10px;
    left: 21px;
}

.mobile-menu-container .sidenav .nav-close-menu-li button:hover::before {
    transform: rotate(135deg);
}

.mobile-menu-container .sidenav .nav-close-menu-li button:hover::after {
    transform: rotate(-135deg);
}

.mobile-menu-container .sidenav .nav-close-menu-li button:hover {
    background: #003366 !important;
    transform: none;
}

.mobile-menu-container .sidenav .nav-close-menu-li button {
    background: #003366 !important;
}

.mobile-menu-container .sidenav .nav-close-menu-li button:hover::before {
    background-color: #fff !important;
    left: 21px;
}

.mobile-menu-container .sidenav .nav-close-menu-li button:hover::after {
    background-color: #fff !important;
    left: 21px;
}

/* Untermenüpunkte umgestalten */

.mobile-menu-container .sidenav ul li a {
    padding: 12px 22px;
    border-bottom: none;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    font-size: 1.2rem;
    font-weight: 500;
}

.mobile-menu-container .sidenav ul li:last-child a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.mobile-menu-container .sidenav .sub-menu {
    padding-top: 0;
}

.mobile-menu-container .sidenav .menu li ul.sub-menu li a {
    padding-left: 36px;
    border-top: none;
    border-bottom: none;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 400;
    font-size: 1.1rem;
}

.mobile-menu-container .sidenav .menu li ul.sub-menu li a:hover {
    color: #a6b8ca;
}


/*------------------------------------
					 Media Queries
	 --------------------------------------*/

/* #### Breakpoint 1 <= 1200 ### */

@media only screen and (max-width: 1199px) {
	/* main menu */
	
	/* padding l/r bei Untermenü entfernen */
	#rs-header.style1 .menu-area .navbar ul li ul li {
		padding: 0;
	}

    /* nach dem letzten Menüpunkt keinen Innenabstand rechts */
    #rs-header.style1 .menu-area .navbar .menu>li:last-child {
        padding-right: 0;
    }
	
	/* Video Home */
	.writing-vid {
		margin-top: -42px;
		width: 214%;
		margin-left: -70px;
	}
	
	/* Services round */
	.rs-services-style3 .services-item .services-title {
		font-size: 1.2em;	
		letter-spacing: -0.3px;	
	}
	
    /* Schularten */
    div#schularten_pos {
        margin-top: -391px;
    }

    a.flyer_dl {
        font-size: 19px;
        height: 60px;
        line-height: 60px;
        padding-left: 18px;
    }

    /* Einzelseiten Schularten */
    h2.schulart_allg {
        font-size: 24px;
        padding: 1.6rem 0.8rem;
    }

    .schularten .downloads h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .fas.fa-download, .fas.fa-link {
        margin-right: 14px;
    }

    .schularten .rs-video-2 {
        position: absolute;
        top: 98px;
        right: 77px;
    }
	
	
	/* Team */
	.team_text {	
		padding: 8px 28px 8px 0px;
		font-size: 18px;	
		height: 270px;		
	}
	.team_text .dg {
		padding-top: 106px;
	}
	.team_text .name {
		font-size: 24px;
	}
	.team_text .email {
		padding-top: 58px;
	}	
	
	/* Downloads - Events - Aktuelles: Titel im Banner */
	.page-title span#subtitle {
		font-size: 1.8rem;	
	}

}

/* #### Breakpoint 2 <= 991 ### (off canvas menu on) */

@media only screen and (max-width: 991px) {
	/* Special banner for home */
	.home .rs-breadcrumbs .breadcrumbs-single {	
		min-height: 200px;
	}	

    /* === Toolbar === */
    /* Info-Spalte in toolbar breiter um Zeilenumbruch zu verhindern */
    #rs-header .toolbar-area .col-sm-7 {
        flex: auto;
        max-width: 100%;
    }

    /* === Schulname und Untertitel === */
    /* Kleiner und nach links positionieren */
    h1#site-title {
        font-size: 1.8rem;
        line-height: 1.7rem;
        right: 78px;
    }

    .sub-title {
        font-size: 1.45rem;
    }

    /* === Hauptmenü === */
    /* Menüleiste über 75% des Containers - Hamburger */
    .menu-area .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    /* === Logo Bereich === */
    /* Logo wieder nach oben (vertikal zentrieren) */
    #rs-header .logo-area {
        top: 0;
    }

    /* Hamburger größer und in #003366 */
    #rs-header.style1 .menu-area .mobile-menu-link .nav-menu-link i {
        color: #003366;
        font-size: 28px !important;
    }

    /* Hamburger weiter nach rechts */
    #rs-header.style1 .menu-area .menu-responsive .nav-link-container {
        right: -18px;
    }
	/* ### Suchfeld im Mobile Off Canvas Menü ###*/
	li.search_in_ham {
		display: block !important;
		position: absolute;
		top: 8px;
	}

	.search_in_ham a {	
		border-top: none !important;	
	}

	.search_in_ham a:hover {
		background:none !important;
	}

	.mobile-menu-container .sidenav ul li a:active, .mobile-menu-container .sidenav ul li.search_in_ham a:focus {	
		background: none !important;
	}

	.search_in_ham .widget {
		padding: 0;
		margin-bottom: 0;
	}

	.search_in_ham .widget.widget_search {
		padding: 0;
		margin-top: 0;
	}

	.search_in_ham .wp-block-search__inside-wrapper {
		display: block;
		border: none;
	}

	.wp-block-search__label {	
		display: none;
	}

	.wp-block-search__input {	
		border: none;
		color: #003366;
		width: 220px;
		outline:none;
		font-weight:normal;
		background-color: #fff;
		border-radius:0;
		height: 36px;
	}

	.search_in_ham .wp-block-search__button {
		margin-left: 0;
	}

	.search_in_ham button {
		color: #003366;
		padding: 5px 12px;
		background: #fff !important;
		border: none;
		height: 36px;
	}

    /* Floating Menu */
    .float-menu-1 .fm-bar {
        top: 102px !important;
        left: 4px !important;
    }

    .float-menu-1 .fm-bar .fm-button-space li:not(:last-child) {
        margin-bottom: 4px !important;
    }

    /* Features Boxes */
    .rs-services-responsive .vc_col-sm-3 {
        width: 25%;
    }

    .services-style-2 .services-title {
        font-size: 15px;
        margin: 10px 0 8px;
    }

    rs-services-style2 .services-desc h4 {
        line-height: 24px;
    }

    /* .gap-30-subpage .koop.vc_column_container>.vc_column-inner */
    #rs-services .vc_column_container>.vc_column-inner {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .rs-services-responsive {
        padding-top: 0;
    }
	
	/* Video Home */	
	
	.writing-vid {
		margin-top: -50px;
		width: 216%;
		margin-left: -37px;
	}
	
	/* Services round */
	.rs-services-style3 .services-item .services-title {
		font-size: 1.1em;		
	}
	
    /* Kooperation und Vernetzung */
    .koop.vc_col-sm-3 {
        width: 50% !important;
        float: left;
    }

    .gap-30-subpage .koop h3 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 8px;
        line-height: 22px;
    }

    .gap-30-subpage .koop h4 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        height: 3rem;
    }
	
	
    /* Schularten */
    div#schularten_pos {
        margin-top: -301px;
    }

    a.flyer_dl {
        font-size: 15px;
        height: 45px;
        line-height: 45px;
    }

    .fas.fa-download, .fas.fa-link {
        margin-right: 14px;
        font-size: 22px;
    }

    /* mehr Platz für rechte Spalte (downloads) */
    .schularten .vc_column_container>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .schularten .downloads h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .w3eden .card h3 {
        font-size: 13pt;
        line-height: 1.2;
    }

    /* video */
    .rs-video-2 .popup-videos::after, .rs-video-2 .popup-videos::before {
        width: 60px;
        height: 60px;
    }

    .schularten .rs-video-2 {
        top: 86px;
        right: 52px;
    }

    .rs-video-2 .video-content h4 {
        margin-top: 10px;
    }

    /* Sidebar */

    .page aside.widget-area {
        margin-top: 0 !important;
    }

    .bs-sidebar h2.sidebar-title {
        font-size: 25px;
        line-height: 28px;
    }
	
	/* Team */
	.team_text {	
		padding: 8px 21px 8px 0px;
		font-size: 15px;	
		height: 193px;		
	}
	.team_text .dg {
		padding-top: 76px;
	}
	.team_text .name {
		font-size: 19px;
	}
	.team_text .email {
		padding-top: 32px;
	}	

    /* Subpages */


    /* Footer Direktlinks */
    #rs-footer .widget_nav_menu {
        margin-top: 0;
    }
	
 	/* Überschrift beim 2. Footer-Menü verbergen (gehört noch zu Footer-Menü links) */
    #rs-footer #nav_menu-11 h3.footer-title {
        display: none;
    }
	section#nav_menu-9.widget {
		margin-bottom: 0;
	}	
	
 	#nav_menu-2.widget.widget_nav_menu {
        margin: 0;
    }
	
	/* Downloads - Events - Aktuelles: Titel im Banner */
	.page-title span#subtitle {
		font-size: 1.4rem;	
	}

}

/* #### Breakpoint 3 <= 767 M O B I L E  ### */

@media only screen and (max-width: 767px) {
	/* special news */	
	.vc_row.wpb_row.head_message {
		text-align: center;		
		margin-top: 0 !important;
	}
	
	
    /* === Schulname und Untertitel === */
    /* Kleiner und enger positionieren */
    h1#site-title {
        font-size: 1.6rem;
        line-height: 1.6rem;
        top: 28px;
        /* bei topbar: 56px */
        right: 78px;
    }

    .sub-title {
        font-size: 1.3rem;
    }

    /* === Logo Bereich === */
    /* Logo nicht zu kleinn */
    #rs-header .logo-area {
        width: 120%;
    }

    /* Features Boxes */
    #rs-services .vc_column_container>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rs-services-responsive .vc_col-sm-3 {
        width: 50%;
    }

    #rs-services .vc_column_container {
        float: left;
        padding: 0 10px !important;
    }

    .services-style-2 .services-title {
        font-size: 18px;
        margin: 10px 0 10px;
    }

    rs-services-style2 .services-desc h4 {
        line-height: 30px;
    }
	
	/* Video Home */	
	  .writing-vid {		
		width: 128%;
		margin-left: 0;
	}
		
	.video-order {
		display: flex;
		flex-direction: column;
	}
	
	#video-order-first {
		order: 1;		
	}
	
	#video-order-second {
		order: 2;		
	}
	
	/* Services round */
	.rs-services-style3 .services-item .services-title {
		font-size: 1.2em;	
		letter-spacing: normal;
	}

    /* Kooperation und Vernetzung */


    .koop h3, .gap-30-subpage .koop h3 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .koop h4, .gap-30-subpage .koop h4 {
        font-size: 17px;
        line-height: 23px;
        font-weight: 600;
    }

    /* Schularten */
    div#schularten_pos {
        margin-top: -479px;
    }

    a.flyer_dl {
        font-size: 20px;
        height: 90px;
        line-height: 90px;
        padding-left: 24px;
    }

    .fas.fa-download, .fas.fa-link {
        margin-right: 20px;
        font-size: 26px;
    }

    /* Einzelseiten Schularten */
    h2.schulart_allg {
        font-size: 22px;
        padding: 1.4rem 1.4rem;
        line-height: 30px;
    }

    .schularten .downloads h2 {
        font-size: 30px;
        line-height: 40px;
    }

    /* Video */
    .schularten .rs-video-2 {
        top: 116px;
        right: 86px;
    }

    .rs-video-2 .popup-videos::after, .rs-video-2 .popup-videos::before {
        width: 80px;
        height: 80px;
    }

    .rs-video-2 .video-content h4 {
        margin-top: 30px;
    }

    /* Sidebar */
    .bs-sidebar.dynamic-sidebar {
        margin-top: 50px !important;
    }

    .rs-heading.style1 {
        /* margin-top: 50px; */
    }

    /* mehr Platz für rechte Spalte (downloads) rückgängig */
    .w3eden .card h3 {
        font-size: 14pt;
        line-height: 24px;
    }
	
	/* Team */

	.team_text {
		padding: 8px 34px 8px 0px;	
		font-size: 22px;	
		height: 308px;	
	}

	.team_text .dg {
		padding-top: 126px;
	}
	.team_text .name {	
		font-size: 28px;	
	}

	.team_text .email {
		padding-top: 64px;
	}

    /* Sub-Pages */
    /* Tabs */
    .vc_tta-panel-body h4 {
        display: none;
    }	
	
	/* Downloads - Events - Aktuelles: Titel im Banner */
	.page-title span#subtitle {
		font-size: 1.0rem;	
		line-height: 1.3;
	}
	
	/* Datenschutz */
	
	.float-menu-2 .fm-bar li {		
		width: 224px;		
	}
}

/* #### Breakpoint 4 <= 590 ### */

@media only screen and (max-width: 590px) {

    /* === Hauptmenü === */
    /* Hamburger-Position beibehalten */
    #rs-header.style1 .menu-area .menu-responsive .nav-link-container {
        right: 7px !important;
    }

    /* === Logo Bereich === */
    /* Logo-Dimensionen beibehalten */
    #rs-header .logo-area {
        width: 120%;
    }

    /* Kooperation und Vernetzung  */
    .koop h3 br, .koop h4 br {
        display: block !important;
    }

    .nw_home.vc_row.vc_column-gap-30 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
	
	/* Suchfeld im Mobile Off Canvas Menü */
	.wp-block-search__input {	
			width: 154px;		
	}
}

/* #### Breakpoint 5 <= 575 ### */

@media only screen and (max-width: 575px) {

    /* === Logo Bereich === */
    /* Logo-Dimensionen kleiner */
    #rs-header .logo-area a img {
        width: 100px;
    }
	/* Team */

	.team_text {	
		height: 57vw;	
	}	
}

/* #### Breakpoint 6 <= 540 ### */

@media only screen and (max-width: 540px) {

    /* === Schulname und Untertitel === */
    /* Kleiner */
    h1#site-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
        top: 30px;
        /* bei topbar: 58px */
        right: 90px;
    }

    .sub-title {
        font-size: 1.2rem;
    }

    /* Einzelseiten Schularten */
    h2.schulart_allg {
        font-size: 18px;
        padding: 1rem 1rem;
        line-height: 28px;
    }

    /* Kooperation und Vernetzung */
    .vc_row.vc_column-gap-30>.vc_column_container {
        padding: 8px !important;
    }

    .vc_row.vc_column-gap-30 {
        margin-left: -7px !important;
        margin-right: -7px !important;
    }

    .koop h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .koop h4 {
        font-size: 14px;
        line-height: 21px;
    }
	/* Team */
	.team_text {	
		padding: 8px 8vw 8px 0px;
		font-size: 16px;	
		height: 55.5vw;		
	}
	.team_text .dg {
		padding-top: 110px;
	}
	.team_text .name {
		font-size: 21px;
	}
	.team_text .email {
		padding-top: 70px;
	}	
	/* Footer */
	#rs-footer.has-footer-contact .footer-contact-desc ul li {
		padding: 0 0.7em 0 0.8em;
	}


}

/* #### Breakpoint 7 <= 480 ### */

@media only screen and (max-width: 480px) {

    /* === Schulname und Untertitel === */
    /* Kleiner */
    h1#site-title {
        font-size: 1.25rem;
        line-height: 1.25rem;
        top: 33px;
        /* bei topbar: 61px */
        right: 90px;
    }

    .sub-title {
        font-size: 1.1rem;
    }

    /* Features Boxes */
    .services-desc h4 {
        line-height: 24px;
    }

    .services-style-2 .services-title {
        font-size: 15px;
        margin: 6px 0 0;
    }
	
	/* Team */
	.team_text {	
		padding: 8px 7vw 8px 0px;
		font-size: 15px;	
		height: 55.5vw;		
	}
	.team_text .dg {
		padding-top: 100px;
	}
	.team_text .name {
		font-size: 19px;
	}
	.team_text .email {
		padding-top: 60px;
	}	


}

/* #### Breakpoint 8 <= 440 ### */

@media only screen and (max-width: 440px) {

    /* === Logo Bereich === */
    /* Logo weiter nach oben */
    #rs-header.style1 .logo-area {
        top: -22px;
    }

    /* === Schulname und Untertitel === */
    /* Kleiner, weiter nach unten und nach links unter Logo*/
    h1#site-title {
        text-align: left;
        font-size: 1.2rem;
        line-height: 1.15rem;
        top: 56px;
        /* bei topbar: 110px */
        left: 0;
        padding-left: 15px;
    }

    .sub-title {
        font-size: 1.0rem;
    }

    /* Kooperation und Vernetzung */
    .koop.vc_col-sm-3 {
        width: 100% !important;
        float: none;
    }

    .vc_row.vc_column-gap-30>.vc_column_container {
        padding: 15px !important;
    }

    .vc_row.vc_column-gap-30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .koop h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .koop h4 {
        font-size: 18px;
        line-height: 24px;
    }
	/* Team */
	.team_text {	
		padding: 8px 7vw 8px 0px;
		font-size: 15px;	
		height: 54vw;		
	}
	.team_text .dg {
		padding-top: 84px;
	}
	.team_text .name {
		font-size: 19px;
	}
	.team_text .email {
		padding-top: 40px;
	}	
}

/* #### Breakpoint 9 <= 370 ### */

@media only screen and (max-width: 370px) {
	 /* Schularten */
    div#schularten_pos {
        margin-top: -391px;
    }

    a.flyer_dl {
        font-size: 19px;
        height: 70px;
        line-height: 70px;
        padding-left: 18px;
    }
	
    /* Features Boxes */
    .rs-services-responsive .vc_col-sm-3 {
        width: 100%;
    }

    .vc_column_container {
        float: none;
    }

    rs-services-style2 .services-desc h4 {
        line-height: 30px;
    }

    .services-style-2 .services-title {
        font-size: 20px;
        margin: 20px 0 12px;
    }
	/* Team */
	.team_text {	
		background-size: 100%;
	
		padding: 8px 5vw 8px 0px;
		font-size: 13px;	
		height: 166px;		
	}
	.team_text .dg {
		padding-top: 66px;
	}
	.team_text .name {
		font-size: 16px;
	}
	.team_text .email {
		padding-top: 34px;
	}	
}

/*------------------------------------
					  04. Sticky Menu
		--------------------------------------*/

@media only screen and (min-width: 992px) {

    /* === Logo Bereich === */
    /* Logo wieder nach oben (vertikal zentrieren, ohne Menütext) */
    #rs-header.style1 .menu-sticky.sticky .logo-area, #rs-header.style1 .menu3sticky.sticky .logo-area {
        top: 0 !important;
    }
}

@media only screen and (max-width: 440px) {

    /* Logo wieder nach unten (ohne Schulnamen-Text) */
    #rs-header.style1 .menu-sticky.sticky .logo-area, #rs-header.style1 .menu3sticky.sticky .logo-area {
        top: -5px !important;
    }
}

@media only screen and (min-width: 100px) {

    /* === Logo Bereich === */
    /* Keinen Schulname und Untertitel anzeigen, somit Logo wieder in Ausgangsposition rücken */
    #rs-header .menu-sticky.sticky .logo-area.sticky-logo {
        top: -5px;
    }

    /* Logo im sticky menu etwas kleiner */
    #rs-header .menu-sticky.sticky .logo-area a img {
        max-width: 86%;
    }

    /* === Hauptmenü === */
    /* Menüleiste wieder 75% des Containers => liegt dann neben Logo */
    #rs-header .menu-sticky.sticky .menu-area .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    /* Hamburger wieder runter bei Sticky und Breakpoint 8 */
    #rs-header.style1 .menu-sticky.sticky .menu-area .menu-responsive .nav-link-container {
        top: 0;
    }

    /* Menüleiste Höhe anpassen */
    #rs-header.style1 .menu-sticky.sticky .menu-area .navbar ul.menu>li {
        line-height: 99px;
        height: 99px;
    }

    /* === Suche === */
    /* Dimensionen Suche im sticky Menü anpassen */
    #rs-header.style1 .menu-sticky.sticky .sticky_search {
        line-height: 99px;
        height: 99px;
    }

    .menu-area .container {
        z-index: 999;
    }

    .menu-sticky, .menu3sticky {
        margin: 0;
        width: 100%;
        z-index: 999;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        transition: all .7s;
        background: transparent;
    }

    .menu-sticky.sticky, .menu3sticky.sticky {
        position: fixed !important;
        background: #fff;
        opacity: 1;
        box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
        padding: 0;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: sticky-animation;
        animation-name: sticky-animation;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .menu-sticky.sticky .logo-area, .menu3sticky.sticky .logo-area {
        display: block !important;
    }
}