/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */

 


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {margin:0; padding:0;font-family: "Roboto", Sans-serif; font-weight: 400; font-size:16px;line-height:1.7; color:#2B2339;overflow-x: hidden!important}


h1 {font-size:40px}
h2 {font-size:30px;margin:5px 0}
h3 {font-size:22px;font-weight:400; margin:5px 0}
h4 {font-size:18px}


@media (max-width: 1024px) {
body {font-size:15px;}
h1 {font-size:30px}
h2 {font-size:24px}
h3 {font-size:20px}
}

@media (max-width: 768px) {
body {font-size:14px;}
h1 {font-size:22px}
h2 {font-size:18px}
h3 {font-size:18px}
}


a, a:visited, a:focus,a:active {color:#00a5e9; outline:none!important}
a:hover {color:inherit}


strong {font-weight:700}
::placeholder {font-family: "Roboto", Sans-serif!important; }

div {outline:none!important}

/* temporär
-------------------------------------------------------------- */


 

/* Schule
-------------------------------------------------------------- */
.pdfemb-viewer,.pdfemb-pagescontainer,.pdfemb-the-canvas {width:100%!Important}





.mensa h2 {font-size: 40px;font-weight: 300; margin:0; color:#0E4269}
.back {text-align:center}
.back a {background:#0E4269; color:#fff; padding:15px 25px}
.ausz img {margin-left:20px;}

.schulleitung td {width:30.333%; vertical-align:top; padding-right:3%}
.schulleitung h4 {margin:5px 0}
.schulleitung p {margin:0 0 10px}

.schulvorstand td {vertical-align:top; padding:10px; line-height:2}
.schulvorstand td:nth-child(1),.schulvorstand td:nth-child(3) {width:175px}
.schulvorstand td:nth-child(2),.schulvorstand td:nth-child(4) {width:85px; padding-right:150px}

.schulvorstand td:nth-child(1),.schulvorstand td:nth-child(2) {background:#EEF3F9}
.schulvorstand td:nth-child(3),.schulvorstand td:nth-child(4) {background:#F5F9FC}

.elementor-widget-tabs .elementor-tab-content {padding: 2px 0 0 20px!Important;}
.elementor-widget-tabs .elementor-tab-content h3 {margin-top:0!important}


.ganztag {border-top:1px solid #EEF3F9; border-left:1px solid #EEF3F9; margin-bottom:30px; width:100%}
.ganztag td {border-bottom:1px solid #EEF3F9; border-right:1px solid #EEF3F9; padding:4px 7px; text-align:center; width:16.67%; min-width:125px}
.ganztag td:nth-child(1) {text-align:left}
.ganztag td p {margin:0; padding:0}


.sekretariat {margin-bottom:30px}
.personal td, .sekretariat td {width:27%; vertical-align:top; padding-right:3%}
.personal td:nth-child(3),.sekretariat td:nth-child(3) {width:40%;padding-right:0%}
.personal h4,.sekretariat h4 {margin:5px 0}

.mitglied {position:absolute; right:0; padding: 10px 15px; background:#00a5e9}
.mitglied a {color:#fff!important}

.klassen {width:100%;}
.klassen td {padding:10px 15px}
.klassen tr:nth-child(odd) {background:#EEF3F9}
.klassen tr:nth-child(even){background:#F5F9FC}

.kollegium {width:100%;}
.kollegium td {padding:5px; vertical-align:top}
.kollegium tr:first-of-type {font-weight:bold}
.kollegium tr td:nth-child(2) {width:170px}
.kollegium tr:nth-child(odd) {background:#EEF3F9}
.kollegium tr:nth-child(even){background:#F5F9FC}

.fachkonferenz {width:100%;}
.fachkonferenz td {padding:10px 15px; width:50%!important}

.fachkonferenz tr:nth-child(odd) {background:#EEF3F9}
.fachkonferenz tr:nth-child(even){background:#F5F9FC}



.konferenz {width:50%;border-top:1px solid #EEF3F9; border-left:1px solid #EEF3F9; float:left}
.konferenz td {border-bottom:1px solid #EEF3F9; border-right:1px solid #EEF3F9; padding:4px 7px!important; width:auto}
.konferenz td.kfirst {background:#EEF3F9; border-bottom:1px solid #fff}

.beratung td:nth-child(2) {width:250px; vertical-align:top; padding-left:75px; font-style:italic}

.eltern1 {width:42%;vertical-align:top}
.eltern2,.eltern3 {width:25%; vertical-align:top; padding-left:2%}


.elternvertreter {width:100%;}
.elternvertreter td {padding:10px 10px;}
.elternvertreter tr:nth-child(odd) {background:#EEF3F9}
.elternvertreter tr:nth-child(even){background:#F5F9FC}

.eltern1 .elternvertreter td:nth-child(1) {width:10px; padding:10px 0 10px 10px}
.eltern2 .elternvertreter td:nth-child(2),.eltern3 .elternvertreter td:nth-child(2) {width:10px; padding:10px 10px 10px 0px; text-align:right}

.downloads, .konzepte,.termine {margin-top:20px}
.konzepte, .termine {margin-bottom:50px}
.downloads td,.konzepte td, .termine td {padding-right:15px; width:33.333%}


.unterrichtszeiten {width:100%; margin-top:15px}

.unterrichtszeiten tr:nth-child(odd) {background:#EEF3F9}
.unterrichtszeiten tr:nth-child(even){background:#F5F9FC}
.unterrichtszeiten tr:nth-child(1) {background:#0e4269; color:#fff}

.unterrichtszeiten td {padding:5px}
.unterrichtszeiten tr.pause {background:#fff!important;}
.unterrichtszeiten tr.pause td {padding:10px;font-weight:bold; font-size:120%}

.unterrichtszeiten td.space {background:#0e4269!important;}


.termine-bo strong {padding-top:20px; display:block}
.termine-bo p {margin-bottom:7px!important;}
.termine-bo ul {margin-top:0; margin-bottom:0}

.termine-bo table.bo-termin td {width:50%}

.bb h4 {margin-bottom:0; color:#00a5e9; font-weight:300}
.bb h4 + p {margin-top:0}


.bluebutton {background:#0E4269; padding:15px 25px;transition: all 0.5s ease; color:#fff!important; width:100%; display:block; text-align:center; border:1px solid #fff}
.bluebutton:hover {background:#00A5E9;}

.bluebutton-small {background:#0E4269; padding:10px 20px;transition: all 0.5s ease; color:#fff!important; width:auto; text-align:center; margin-top:10px; display:inline-block}
.bluebutton-small:hover {background:#00A5E9;}

.pdf:before {font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f1c1"; font-size: 15px; padding-right:10px}


.ba-logo {float:right; width:300px; height:auto}


.bo-massnahmen img {width:600px;}

 
.tablepress-id-4 tr:nth-child(odd) td, .tablepress-id-5 tr:nth-child(odd) td {background:#EEF3F9}
.tablepress-id-4 tr:nth-child(even)td, .tablepress-id-5 tr:nth-child(even)td {background:#F5F9FC}
.tablepress-id-4 tr.row-1 th, .tablepress-id-5 tr.row-1 th {background:#0e4269; color:#fff}

.tablepress-id-5 td.column-2 {min-width:170px}

@media (min-width:1025px) and (max-width:1300px) {
.logo img {width:200px!important; height:auto}
.logo > div {margin:0!important}
}



@media (max-width:1300px) {
.bo-massnahmen img {width:87.5%;}
}



@media (max-width:1300px) {
.downloads td,.konzepte td, .termine td {padding-right:15px; width:50%; display:inline-block; padding-bottom:15px}
}


@media (max-width:1024px) {
.mensa h2 {font-size: 38px;}
.termine .elementor-widget-theme-post-excerpt {text-align:center}

.schulleitung td {padding-bottom:25px}
.schulleitung td:nth-child(1),.schulleitung td:nth-child(3){width:48%;padding-right:2%; display:inline-block}
.schulleitung td:nth-child(2){width:48%;padding-right:0%; padding-left:2%;display:inline-block}


.schulvorstand td:nth-child(1),.schulvorstand td:nth-child(3),.schulvorstand td:nth-child(2),.schulvorstand td:nth-child(4) {width:25%; display:inline-block;padding-right:0}
.schulvorstand td:nth-child(5) {width:100%; display:block; padding-top:20px}

.personal td:nth-child(1),.sekretariat td:nth-child(1) {width:48%; vertical-align:top; padding-right:2%;display:inline-block;}
.personal td:nth-child(2),.sekretariat td:nth-child(2) {width:48%; vertical-align:top; padding-right:0%; padding-left:2%;display:inline-block;}
.personal td:nth-child(3),.sekretariat td:nth-child(3) {width:100%;padding-right:0%; padding-left:0%;display:block;}

.konferenz {width:100%;float:none}
.konferenz td {width:30%}
.konferenz td.kfirst {width:40%}


.eltern1 {width:100%;display:block}
.eltern2 {width:49%;padding-left:0%; display:inline-block; padding-top:25px; padding-right:1%}
.eltern3 {width:49%;padding-left:1%; display:inline-block; padding-top:25px}

.downloads td,.konzepte td, .termine td {padding-right:0px; width:100%; display:inline-block;}

.ba-logo {float:none; display:block; padding-bottom:25px}


.bo-massnahmen img {width:100%;}



.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.elementor-tabs-wrapper {width:25%!important}


.navi.elementor-sticky--effects {top:70px!important}
.navi .elementor-nav-menu__align-right .elementor-nav-menu { margin-right: auto;}

.tablepress-id-5 td.column-2 {min-width:140px}

}

@media (max-width:767px) {
.mensa h2 {font-size: 26px;}
.ausz img {height:50px!important; width:auto;margin-left:5px; margin-right:5px}
.header-kontakt .elementor-inline-item:nth-child(1) .elementor-icon-list-text,.header-kontakt .elementor-inline-item:nth-child(2) .elementor-icon-list-text {display:none!important}
.header-kontakt .elementor-icon-list-item,.header-vertretung .elementor-icon-list-item {display: inline-block!important; width: auto!important; padding:0 10px!important;}
.elementor-menu-toggle {outline:none!important}
.elementor-widget-tabs .elementor-tab-content {padding: 0px!Important;}
.elementor-tab-mobile-title {display:none!Important}

.schulvorstand td:nth-child(1),.schulvorstand td:nth-child(3){width:75%;}
.schulvorstand td:nth-child(3),.schulvorstand td:nth-child(4) {padding-top:20px}
.konferenz td {width:50%; display:inline-block}
.konferenz td.kfirst {width:100%; display:block}

.mobilnav .elementor-icon-list-item {display: inline-block!important; width: auto!important;}
.navi.elementor-sticky--effects {top:60px!important}
.termine-bo table.bo-termin td {width:100%; display:block}
.tablepress-id-5 td.column-2 {min-width:120px}
}



@media (max-width:500px) {
.schulleitung td:nth-child(1), .schulleitung td:nth-child(2),.schulleitung td:nth-child(3),.personal td:nth-child(1),.sekretariat td:nth-child(1),.personal td:nth-child(2),.sekretariat td:nth-child(2),.personal td:nth-child(3),.sekretariat td:nth-child(3){width:100%;padding-right:0%; padding-left:0%; display:block}

.personal h4,.sekretariat h4,.schulleitung h4 {font-size:16px}
.mitglied {position:2px 5px; font-size:12px}
.beratung td,.beratung td:nth-child(2) {width:100%; padding-left:0; display:block }
.beratung td:nth-child(2) {font-size:10px; margin-bottom:30px }
.eltern2,.eltern3 {width:100%;display:block; padding-left:0; padding-right:0}

}


/* Read more
-------------------------------------------------------------- */

.yrm-inner-content-wrapper {color:#2B2339!Important}
.yrm-btn-wrapper {text-align: left!important; padding-top: 20px!important}
.yrm-toggle-expand { border: 1px solid #fff!important;background:#0e4269;padding: 10px 20px;color: #fff;}


/* Calendar
-------------------------------------------------------------- */

#vsel .vsel-content {width:23%; float:left; clear:none!Important; margin:0!Important; padding:0 3% 0 0!Important;border-bottom:none!important; height:auto}
.vsel-content p {margin:0}
.vsel-content .vsel-info {font-size:85%; font-style:italic}
.vsel-meta,.vsel-image-info {width: 100%!important; float:none!Important}
.vsel-content h3 {color:#00a5e9; font-size: 20px;}
.vsel-content .vsel-meta-date {font-weight:bold}
.terminehome .vsel-nav, .vsel-meta-time {display:none}

.vsel-meta-link a {font-size:12px; text-transform:uppercase; padding-left:5px}
.vsel-meta-link:before {font-family: "Font Awesome 5 Free";
font-weight: 900;content:"\f30b"; font-size: 12px;}
.vsel-info-block {width:100%!important}

.vsel-info.vsel-alignright {float:left!important}

@media (max-width:1024px) {
.vsel-content h3 {font-size: 16px;}

}

@media (max-width:850px) {
.vsel-content h3 {font-size: 14px; margin-bottom:2px}
#vsel .vsel-content {width:48%; margin-bottom:20px!important; height:auto; padding:0 2% 0 0!Important}
}


@media (max-width:450px) {
#vsel .vsel-content {width:100%; padding:0!Important}
.vsel-content h3 {font-size: 18px;}
}


/* News
-------------------------------------------------------------- */
.news p {margin:0 0 15px 0;}

.news .elementor-row > .elementor-column > .elementor-element-populated {padding:0!Important}




/* Menü
-------------------------------------------------------------- */
@media (min-width:768px) {
.elementor-nav-menu li.contact, .elementor-nav-menu li.imprint, .elementor-nav-menu li.privacy {display:none!important}
}

@media (max-width:1200px) {

.navi .elementor-nav-menu--main .elementor-item {padding-left: 10px!important; padding-right: 10px!important;}
}


@media (min-width:1023px) and (max-width:1220px) {
.elementor-widget-theme-site-logo img {width:250px}
.home h1.elementor-heading-title {font-size:36px!important}
}



#responsive-menu-pro-container #responsive-menu-pro {margin-top: 80px;}


/* Tabs
-------------------------------------------------------------- */
.elementor-widget-tabs .elementor-tab-desktop-title { padding: 10px 0!important;}


/* Impressum / Datenschutz
-------------------------------------------------------------- */

.hinweis h1 {font-size:40px; font-weight:300; margin-top:0}
.hinweis h2,.hinweis h3 {margin-bottom:2px; font-weight:400}
.hinweis h3 + p,.hinweis h2 + p {margin-top:0px}

@media (max-width:768px) {
.hinweis h1 {font-size:38px}
}

@media (max-width:768px) {
.hinweis h1 {font-size:24px}
}



/* To Top
-------------------------------------------------------------- */

.js-to-top { display: inline-block; position: fixed; overflow: hidden;  white-space: nowrap; visibility: hidden; opacity: 0; bottom: 20px; right: 20px; }
.to-top--show {visibility: visible; opacity: 1;}

.to-top:before {font-family: "Font Awesome 5 Free";content: "\f30c"; font-size: 30px; color: #0E4269;  background: #fff;  padding:5px 10px;transition: 0.5s ease; line-height:1.5}
.to-top:hover:before {background:#0E4269; color:#fff }


@media (max-width: 1024px) {
.to-top  {display:none!important}
}