:root {
  --main-color: #5893de;
  --orange: var(--bs-orange);
  --center-content: white;
  --banner-link-color: #333333;
  --banner-font-color: #333333;
  --banner-color: white;
  --head-font-color: #333333;
  --head-background-color: #5893de;
  --head-background-hover-color: #90b5e4;
  --head-border-color: rgba(255, 255, 255, .5);
  --font-color: #333333;
  --main-header-color: #2a5c80;
}

body {font-family: arial,sans-serif; font-size:14px;line-height:1.6em;}
html, body {height: 100%;}
iframe {margin: 0;
padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
iframe {margin:16px;}

/* Clear Floated Elements */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after, .ce_text:after, .last:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.invisible {display: inline;left: -1000px;overflow: hidden;position: absolute;top: -1000px;}
a.invisible {display:none;}
.last:after {
  content: "";
  display: table;
  clear: both;
}

.button {display: inline-block;padding: 5px 18px;
border-radius: 5px;box-shadow:0 0 5px rgba(0, 0, 0, .1);
color: #fff;margin: 5px;background:#5893de;}
a.button:hover {color: #fff;box-shadow:0 0 5px rgba(0, 0, 0, .2);text-decoration:none;}

video {max-width:100%;height:auto;display:block;}
img {
    vertical-align: middle;
    width: 100%;
}
.ce_text img {width: auto;}

.image_container.float_right {float:right;margin-left:16px;position: relative;
display: inline-block;}
.image_container.float_left {float:left;margin-right:16px;margin-left: 2px;
position: relative;display: inline-block;}
.image_container.float_above, .image_container.float_below {display: flex;align-items: center;justify-content: left;overflow: hidden;}

/*			Fonts			*/
@font-face {
  font-family: "Bodoni MT";
  src: url("../fonts/BodoniMT.eot"); /* IE9 Compat Modes */
  src: url("../fonts/BodoniMT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/BodoniMT.otf") format("opentype"), /* Open Type Font */
    url("../fonts/BodoniMT.svg") format("svg"), /* Legacy iOS */
    url("../fonts/BodoniMT.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/BodoniMT.woff") format("woff"), /* Modern Browsers */
    url("../fonts/BodoniMT.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

#header h1 {font-family: "Bodoni MT";}
h1, h2, h3, h4, h5, h6, a {
  color: var(--main-header-color);
}

a:hover,#right a[href^="mailto:"]:hover, #right a[href^="mailto:"]:hover:before {
  color: var(--head-background-hover-color);
}

#header {
  background-color: var(--banner-color);
}

#header h1 {
  color: var(--banner-font-color);
  font-size: 40px;
  margin-top: 2px;
}

#header.col-md-12, #header.col-sm-12,#header.col-xs-12 ,
#container.col-md-12, #container.col-sm-12,#container.col-xs-12{
	padding: 0 !important;
}
#container { 
    float: left;
    background-image: 
        linear-gradient( 
           to right, 
           #FFF 0%, #FFF 75%, 
           #5893DE 75%, #5893DE 100%);
}
#container:after { 
    content:" "; display: table; margin-bottom: 0;
}
/* Slider*/
.rsts-skin-default .rsts-nav-bullets a {
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 0 0 0 #777;
    -moz-box-shadow: 0 0 0 #777;
    box-shadow: 0 0 0 #777;
}
.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #5893de;
    -webkit-box-shadow: inset 0 0 0 0 rgba(255,255,255,0.5),inset 0 0 0 0 rgba(0,0,0,0.3),0 0 0 0 #555;
    -moz-box-shadow: inset 0 0 0 0 rgba(255,255,255,0.5),inset 0 0 0 0 rgba(0,0,0,0.3),0 0 0 0 #555;
    box-shadow: inset 0 0 0 0 rgba(255,255,255,0.5),inset 0 0 0 0 rgba(0,0,0,0.3),0 0 0 0 #555;
}
.rsts-skin-default .rsts-nav ul {
     position: relative;
     float: left;
     left: 50%;
     margin: 0 auto;
     padding: 0;
}
.rsts-skin-default .rsts-nav li {
     position: relative;
     float: left;
     right: 50%;
     margin-right: 0;
     padding: 2px;
     list-style: none;
}
/*News*/
.mod_newslist .info {margin-top:16px;}
.mod_newslist h3 {margin-top: 8px;}
.mod_newslist .more, .mod_eventlist .event {border-bottom:1px dashed #666;}

a[href$=".pdf"]:before {
  font-family: 'Font Awesome 5 Free';
  margin-right:.5em;
  content: "\f1c1";
  color:#5893de;
  font-weight:400;
}
a[href^="mailto:"]:before {
  font-family: 'Font Awesome 5 Free';
  margin-right:.5em;
  content: "\f0e0";
  color:#5893de;
  font-weight:400;
}
#right a[href^="mailto:"]:before, #right a[href^="mailto:"] {
  color:#FFF;
}
a[target="_blank"]:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f35d";
  margin-left:.5em;
  font-weight:900;
  color:#5893de;
}

/* Minicalender*/
th.current, th.previous, th.next, .mod_calendar td, .mod_calendar th {
text-align:center;color:#EE7F01;}
.mod_calendar {}
table.minicalendar {width:100%;background:#FFF;}
th.label {padding: 0;font-size: 100%;display: table-cell;color: #EE7F01;}
.pagination {text-align: center;width: 100%;}
.pagination ul {display: inline;list-style-type: none;
padding: 0;margin-left: 30px;margin-bottom: 24px;}
.pagination ul li {display: inline;padding: 0 3px;margin-top: 4px;}

.head, .inside {
  padding: 16px;
}
#header a {
/*  margin-right: 10px;*/
  /* color: var(--banner-link-color); */
}
.topnav li ul {
	width:100%;
	list-style: none;position: relative;
}
.topnav li {
	float: left;position: relative;padding-left: 16px;
}
.topnav ul {
	list-style:none;
	margin:0;
	padding:0;
	float: right;
margin-right: 16px;
}
.nav_ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: var(--head-background-color);
}

.sf-menu {
  margin-bottom: 0;
}
.sf-menu ul {background-color: var(--head-background-color);}

.sf-menu li, .sf-menu ul li, .sf-menu ul li ul li {
  background-color: var(--head-background-color);
}
.sf-menu li:hover, .sf-menu ul li:hover, .sf-menu ul li ul li:hover, .sf-menu li.sfHover {
  background-color: var(--head-background-hover-color);
}
.sf-menu a {
	display: block;
	position: relative;
  border-style: none;
  color: var(--head-font-color);
}
.sf-menu a.active,.sf-menu a.trail {
	 background-color: var(--head-background-hover-color);
}
.end a, .sf-menu a.end {
  border-right-style: none;
}

.content {
  margin: 0;
  padding: 0;
}

.row, .main-content, .right-content {
  margin: 0;
  padding: 0;
}

.main-content {
  padding: 0;
  background-color: var(--center-content);
}

.right-content {
  background-color: var(--main-color);
}
#right {height: 100%;
	min-height: 100%;}
#footer {
  background-color: var(--main-color);
  padding: 10px;
  color: var(--font-color);
}

#navmobile, .navmobil {display:none;}

/* Toplink */
#footer .nach_oben_link{position:fixed;bottom:93px;right:33px;z-index:15;opacity:0.9}
#footer a .nach_oben_link .fas {color:#999999;background-color:transparent;height:40px;width:40px;display:block;font-size:4.8em;text-align:center;text-decoration:none}
#footer a:hover .nach_oben_link,
#footer a:focus .nach_oben_link{text-decoration:none;}
#footer a:hover .nach_oben_link .fas {color:#90b5e4;}
#footer .nach_oben_link a:before{font-family:'Font Awesome 5 Free';content:" \f139";}

.ce_gallery {margin: 16px 0;padding: 5px 0;display: inline-block;}
.ce_gallery ul li {float: left;list-style: outside none none;margin-left: 4px;padding: 0;margin-bottom: 4px;}
.ce_gallery ul {display: inline;list-style: outside none none;}

/* Accordion */
.ce_accordion {margin-top:2px;}
.toggler {background: #f6f6f6; /* url("../img/ui_icon_toggel.png") 10px 16px no-repeat;*/
border: 1px solid #999;color: #EE7F01;font-weight: bold;line-height: 1.62em;font-size: 18px;
border-radius: 4px;padding: 0.5em 0.5em 0.5em 2.2em;cursor:pointer;}
.toggler.active {
background: #F2F2F2 url("../img/ui_icon_toggel_active.png") 10px 12px no-repeat;padding: 0.5em 0.5em 0.5em 2.2em;border-radius: 4px 4px 0 0;
border: 1px solid #999;color: #EE7F01;font-weight: bold;}
.accordion {overflow: auto;padding: 1em;
border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;
border-width: 1px;border-color:#999;border-top-style:none;border-right-style:solid;
border-bottom-style:solid;border-left-style:solid;}
.accordion[aria-hidden=false] {border-bottom: 1px solid #999 !important;}
.ce_accordionSingle.ce_text, .ce_accordionStart {margin-bottom:16px;}
.ce_accordion.ce_text ul + p {margin-top:16px;}

.vertretungsplan table {width: 100%;}
.vertretungsplan table, .vertretungsplan table td {/*border:1px solid #666;*/}
.vertretungsplan table td {padding:6px;}
.vertretungsplan td:nth-child(1), .vertretungsplan td:nth-child(3){
  width: 25% !important;}
.vertretungsplan td:nth-child(2) { width: 50% !important;}
.vertretungsplan table {width:100%;border-collapse:collapse;margin-bottom:24px;}
.vertretungsplan table th {display:none;font-weight:600;text-align:left;}
.vertretungsplan table td {padding:6px 0;line-height: 1.5em;vertical-align: top;}
.vertretungsplan th *:first-child,.vertretungsplan td *:first-child {margin-top: 0;}
.vertretungsplan thead th {text-align: left;color: #000;border-bottom: 1px #000 solid;}
.vertretungsplan tbody th, .vertretungsplan td {text-align: left;border-top: 1px solid #ccc;}
.vertretungsplan tbody tr:hover th,.vertretungsplan tbody tr:hover td {background: #f8f8f8;}
.vertretungsplan tfoot {border-top: 4px solid #ccc;}


form {padding-left:16px;}
fieldset {border:#EEE 0px solid;padding:2% 0;}
input[type="text"],input[type="password"], input[type="checkbox"], input[type="email"],input[type="tel"],textarea {
font-size:13px;box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);background:#FCFCFC;
border:#EEE 1px solid;color:#999;font-family:"Droid Sans", sans-serif;margin-bottom: 2px;padding: 1%;}
input, textarea {width: 40%;}
input[type="file"] {width: 100%;}
label {display: block;float: left;position: relative;width: 35%;}
.captcha_text {display: flex;height: 3em;margin-left: 35%;margin-top: 16px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
textarea {font-size:15px;}
button[type=submit],input[type=submit],input[type=reset],input[type=button] {padding:4px 15px;margin-left: 35%;
border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#5893de;
background:linear-gradient(#5893de, #5893de);
border:none;border-bottom:#DDD 1px solid;color:#FFF;
font-family:"Open Sans", sans-serif;font-size:13px;}
button[type="submit"], input[type="submit"] {width: auto;}
button[type=submit]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
box-shadow:#aaa 0 0 5px;}
button[type=submit]:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus {
box-shadow:#aaa 0 0 5px;
background:linear-gradient(#5893de, #5893de);}
input[type="radio"], input[type="checkbox"] {float: left;width: 5%;}
.checkbox_container label, .radio_container label {width: auto;}
.radio_container label {width: 95%;}
.widget-checkbox.mandatory input[type="checkbox"] {width: 20px;}
.checkbox_container legend, .radio_container legend {float: left;width: 35%;}
.radio_container legend {display: block;position: relative;height: 32px;width: 100%;}

.select-wrapper {
  position: relative;
  width: 200px;
}

.select-wrapper::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f107";
  color: #333;
  font-weight: 900;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 20px;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #FCFCFC;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .3);
  color: #333;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: 100%;
}

select option {
  color: #666;
}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
}


.mod_registration, .mod_login {padding:16px;}
#tl_login input[type="text"],#tl_login input[type="password"] {width: 60%;}
#tl_lost_password input[type="text"],
#tl_lost_password input[type="email"]  {width: 60%;}


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

}

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

}

@media screen and (max-width: 767px){
	#navmobil {display: flex;margin: 0;}
	#navmobile {display: flex;/*margin: 0 19px 0 0;*/}
	#navmobile a {font-size: 30px;/*font-size: 14px;*/padding: 0 8px; margin: 0; 
	color: var(--main-color);text-decoration:none;font-weight: bold;}
	.navbar-toggle {padding:0;}
	.btn.navbar-toggle {margin: 8px;}
	.navdesk.mod_navigation.block {display: none;}
	h1 {font-size: 26px;}
	#header {box-shadow: 0px 15px 10px -15px #111;margin-bottom: 40px;}
	#container {padding-bottom:16px;}
	#right {border-bottom: 2px solid #FFF;}
	/* Force table to not be like tables anymore */
	.vertretungsplan table, .vertretungsplan thead, 
	.vertretungsplan tbody, .vertretungsplan th, .vertretungsplan td, 
	.vertretungsplan tr { display: block; width: 100%;}
	/* Hide table headers (but not display: none;, for accessibility) */
	.vertretungsplan thead { position: absolute;top: -9999px;left: -9999px;}
	.vertretungsplan tr { border: 1px solid #ccc; margin-bottom: 20px;}
	.vertretungsplan td, .vertretungsplan th { /* Behave  like a "row" */border: none;
	/*border-bottom: 1px solid #eee; */position: relative;width: 100%;}
	.vertretungsplan td:before { /* Label the data */content: attr(data-title);
	display: inline-block;/*width: 50%;*/ padding-right: 10px; white-space: nowrap;}
	.vertretungsplan td {/*padding-left: 55%;*/}
	.vertretungsplan td:before {/*width: 40%;*/}
	.vertretungsplan td:first-child {font-weight:bold;}
		.vertretungsplan td:first-child:before {font-weight:normal;}
	.vertretungsplan td:nth-child(1), .vertretungsplan td:nth-child(3){
  width: 100% !important;}
	.vertretungsplan td:nth-child(2) {width: 100% !important;}
	#header h1 {font-size: 26px;margin-top: 18px;}
	.mm-menu--position-top.mm-menu--opened {min-height: 80vh;}
}

@media print {
	h1, h2,h3, h4, h5, h6 {color: #000;background-color: #fff;}
	h2, .h2 {font-size: 20px;}
	h3, .h3 {font-size: 16px;}
	* {font-family: Arial,serif;text-align: justify;}
	.navtop, .navdesk, #footer, #right, #navmobil, .mod_navigation, .mod_rocksolid_slider, .button {display: none;}
	#main {width: 90%;}
	.vertretungsplan table {margin-bottom: 0;}
}