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

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

.uk-container {
box-shadow: 0px 20px 30px grey;
}

.tm-headerbar .uk-panel {
    float: none;
}

.uk-slideshow .uk-margin {
	font-size: 44px;
	text-shadow: 3px 5px 5px grey;
}


/*********** Menü Farben und Abstände ***********/
.menu-outer {
    padding-right: 35px;
}

ul.uk-nav-sub {
	padding-left:40px;
}

.uk-navbar-nav > li > a {
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: normal;
    height: 80px;
    line-height: 80px;
    padding-bottom: 0;
    padding-left: 10px;
}

/*********** Links ***********/
a, .uk-link {
    color: #f9b233; /*#264fa2;*/
}
.readmore::before {
	content: "\f054";
	font-family: FontAwesome;
	font-size:5px;
	padding-right: 5px;
}
.readmore {
    color: #0097dd;
}



/*********** Berichte ***********/
.berichte #main-content img {
    border:1px solid #ccc;
    display: block;
    padding: 4px;
    margin-right: 10px !important;
}
.berichte h1 {
    font-size: 27px;
    line-height: 31px;
}
.berichte p {
    max-width: 650px;
}


/*********** Blog Aktuelles ***********/
.blog_aktuell {
	border: 1px solid #eaeaea;

} 
.aktuell img {
	display:none;
}
.blog_aktuell h3 {
	margin:0;
	padding:10px;
	color:#444;
	font-size:20px;
	text-transform: uppercase;
}

.aktuell a {
	line-height:24px;
}
.aktuell * + p {
    margin-top: 0;
    font-size:12px;
    line-height:14px;
}
.tm-sidebar-a div.aktuell  {
    padding:10px;
    border-top: 1px solid #eaeaea;
}
.tm-sidebar-a div.aktuell:nth-child(even)  {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f5f5f5;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.aktuell_alle_anzeigen {
	font-size:11px;
	padding:10px;
	margin-top: 0;
	text-align: center;
	border-top: 1px solid #eaeaea;
}
.startseite .blog_wichtiges + .uk-panel {
    margin-top: 35px !important;
}
.blog_wichtiges + .uk-panel {
    margin-top: 0 !important;
}



/*********** Blog Wichtiges!!! ***********/
.uk-panel-box-primary {
	font-size: 12px;
    line-height: 14px;
    padding:10px;
	}
	
.uk-panel-box-primary h3 {
	color:white;
	}
	
.uk-panel-box-primary .readmore, .uk-panel-box-primary a{
	color: #fff;
	}

/** Gymnasium **/
.gymnasium .uk-panel-box-primary {
	background-color: #009fe3;
	}


/** Oberschule **/
.oberschule .uk-panel-box-primary {
	background-color: #95C11F;
	}


/*********** Termine ***********/
.dp-upcoming p {
	font-size:11px;
}
a.dpc-upcoming-event-link {
	font-size: 13px;
}
#dpc-upcoming-125-container {
	padding-left:8px;
}
.termine h3 {
	margin:0;
	padding:10px 10px 5px 10px;
	color:#444;
	font-size:20px;
	text-transform: uppercase;
	border-bottom: 1px solid #f5f5f5;
}

.link_alle_termine {
	margin-top:10px !important;
	background: #f9b233;
	padding: 15px 10px;
	text-align:left;
	margin-bottom: -25px;
}

.link_alle_termine a {
	color: #fff;
}

.link_alle_termine a::before {
    content: "\f138";
    padding: 0 1px;
    font-family: FontAwesome;
    padding-right:7px;
}
.link_alle_termine a:hover::before {
	text-decoration:none !important;
}


.uk-panel-box-primary a{
	color: #fff !important
	}

/*********** Herrenhuter Losungen ***********/

div#losungen_127.losungen {
	background-image: url("/images/farbspiel1_410214738.jpg");
	background-size: cover;
	}


div#losungen_127.losungen {
	padding: 15%;
	color:  #fff;
	}

div#losungen_127.losungen div.introzeile span.introtext {
	font-size: 34pt;	
	}

div#losungen_127.losungen div.introzeile span.datum {
	font-size: 28pt;
	font-weight: bold; 
	}

div#losungen_127.losungen div.losungstext{
	font-size: 24pt;	
	}

div#losungen_127.losungen div.lehrtext{
	font-size: 24pt;	
	}

div#losungen_127.losungen div.lehrtextvers a.losungstext.hasTooltip {
	font-size: 15pt;	
	color: #fff;
	}

div#losungen_127.losungen div.losungsvers a.losungstext.hasTooltip {
	font-size: 15pt;	
	color: #fff;
	}

div#losungen_127.losungen div.introtext {
	font-size: 16pt;	
	}

div#losungen_127.losungen div.copyright a {
	font-size: 16pt;	
	color: #fff;
	}

.link_losung{
	margin-top: 10px !important;
	}

.losungen {
	border: 1px solid #eaeaea;
	padding:15px;
	background-color: ; 
	color:  ;
}

div#losungen_157.losungen {
	background-image: url("/images/papier_61200666.jpg");
	background-size: cover;
	}

.losungen .introtext {
	font-size: 20pt;	
	font-weight: bold; 	
	}


.losungen .datum {
	font-size: 14pt;
	font-weight: bold; 
	}

.losungen  .losungstext {
	font-size: 12pt;	
	}

.losungen  .lehrtext {
	font-size: 12pt;	
	}

a.losungstext.hasTooltip {	
	font-size: 12pt;
	color: #f9b233;
	}

div.copyright a{
	padding-top: 15px;
	color: #f9b233;
	}

.losungen a{
	color: #444;
}


div#losungen_127.losungen  {
	margin-top: -40px;
	margin-bottom: -45px;
	margin-left: -25px;
	margin-right: -25px;
	}

..gymnasium .losungen {
	border: 1px solid #eaeaea;
	padding:15px;
	background-color: #009fe3;
	color: #fff;
}

.oberschule .losungen a{
	color: #444;
}

..oberschule .losungen {
	border: 1px solid #eaeaea;
	padding:15px;
	background-color: #95C11F;
	color: #fff;
}

.gymnasium .losungen a{
	color: #444;
}

.losungen .introzeile {
    font-size: 20px;
    font-family: "Abel";
}
.introtext {
    float: left;
}
.datum {
    clear: left;
    float: left;
    font-size: 15px;
}
.losungen .losungstext, .losungen .lehrtext {
    clear: left;
}





/*********** Blog-Layot Startseite ***********/
.startseite .uk-article-title, .uk-width-medium-1-2 h1 {
    font-size: 26px;
    line-height: 31px;
    border-bottom:none;
    padding-bottom:0;
}
.startseite .uk-width-1-1 .uk-article-title {
    font-size: 34px;
    line-height: 39px;
}




.btn {
	background-color:#f5f5f5;
	color: #222;
}
.btn:focus, .btn:hover {
	background-color:#0097dd;
	color:white;
}



/* Responsive Layout */
/*----------------------------------------------------------------------------------------------------*/
/* Phone landscape and smaller */
@media (max-width: 850px) {
/*** Darstellung der Module  ***/
.widget_eltern .uk-cover-background {
    background-position: 50% 50%;
}
.widget_schueler .uk-cover-background {
    background-position: 50% 50%;
}
.widget_stellenangebote .uk-cover-background {
    background-position: 20% 50%;
}
.uk-cover-background {
    background-position: 0% 100%;
}


}


/* Phone landscape and smaller */
@media (max-width: 750px) {
/*** Darstellung der Module  ***/
.uk-slideshow .uk-margin {
	font-size: 34px;
}

}



/* Phone landscape and smaller 590*/
@media (max-width: 590px) {
html {
	background: none;
}
.uk-slideshow .uk-margin {
	font-size: 24px;
}
#path-search {
	display:none;
}
.menu-outer {
    padding-left: 0px;
    padding-right:0;
}
h1 {
	font-size:26px;
	line-height:28px;
}
h2 {
	font-size:22px;
	line-height:24px;
}
h3 {
	font-size:20px;
	line-height:22px;
}
}




/*** Mobile-Menue ***/
/*----------------------------------------------------------------------------------------------------*/
.uk-nav-offcanvas > li > a::before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    transform: translateZ(0px);
    transition-duration: 0.1s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.uk-nav-offcanvas > li > a {
	font-size: 1.1em;
	color: #0097dd;
	text-transform:uppercase;
	border-top:1px solid grey;    
    -moz-osx-font-smoothing: grayscale;
    
    
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding-right: 2.2em;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.1s;
    vertical-align: middle;
    padding-top:5px;
    padding-bottom:5px;
}


/* Sub */
.uk-nav-offcanvas ul a {
line-height:1.1em;
}
ul.uk-nav-sub {
    padding-top: 0;
}

/* Modifier: `uk-table-striped`
 ========================================================================== */
.blog_wichtiges .uk-panel-box-primary .uk-table-striped tbody tr:nth-of-type(odd) {
  background: rgba(0,0,0,0.2);
}


/*--------------------------------------- Farben Menü ----------------------------------------------*/


/* Hintergründe */


.startseite {
	background: url(../images/schule_bg_84486555.jpg);
	background-size:cover;	
	background-attachment: fixed;
}



.allgemein {
	background: url(../images/schule_bg_84486555.jpg);
	background-size:cover;	
	background-attachment: fixed;
}



.oberschule {
	background: url(../images/schule_bg_gruen_84486555.jpg);
	background-size:cover;	
	background-attachment: fixed;
	}



/* Farbe toolbar */

.toolbar-outer {
	background-color: #fff;
	}

.toolbar-outer a{
	color: #f9b233;
	}	

.toolbar-outer a:hover{
    color: #444;
	}	

/* Farbe Menü allgeim */


.uk-nav-offcanvas > li > a {
	color: #fff;
	}
	
.uk-navbar-toggle{
	color: #f9b233;
	}

.tm-navbar, .menu-outer{
	background-color: #fff;
	}

a.link_startseite, a.link_service, a.link_kontakt, a.link_ueberuns {
    background-color: #f9b233;
	}


.uk-navbar-nav > li > a.link_ueberuns + .uk-dropdown a:hover,
.uk-navbar-nav > li > a.link_ueberuns + .uk-dropdown a:focus,
.uk-navbar-nav > li > a.link_kontakt + .uk-dropdown a:hover,
.uk-navbar-nav > li > a.link_kontakt + .uk-dropdown a:focus,
.uk-navbar-nav > li > a.link_service + .uk-dropdown a:hover,
.uk-navbar-nav > li > a.link_service + .uk-dropdown a:focus {
	background-color: #f9b233;
}

.uk-navbar-nav > li:hover > a.link_startseite, .uk-navbar-nav > li:focus > a.link_startseite,
.uk-navbar-nav > li:hover > a.link_service, .uk-navbar-nav > li:focus > a.link_service,
.uk-navbar-nav > li:hover > a.link_ueberuns, .uk-navbar-nav > li:focus > a.link_ueberuns,  
.uk-navbar-nav > li:hover > a.link_kontakt, .uk-navbar-nav > li:focus > a.link_kontakt, 
.uk-navbar-nav > li.uk-open{
    color: #444;
} 



/* Farbe Oberschule */


.link_oberschule a{
	color: #95C11F !important;
}


.oberschule a {
    color: #95C11F;
}

.oberschule .uk-navbar-toggle{
	color: #fff;
	}

.oberschule .uk-navbar-toggle:hover{
	color: #444;
	}

a.link_oberschule {
    background-color: #95C11F;
}
.oberschule .tm-navbar {
    background-color: #95C11F;
}
.oberschule .menu-outer{
    background-color: #95C11F;
}

.uk-navbar-nav > li:hover > a.link_oberschule,
.uk-navbar-nav > li:focus > a.link_oberschule,
.uk-navbar-nav > li.uk-open{
    background-color: #95C11F;
} 

/*aktiver Hauptlink*/
.uk-navbar-nav > li.uk-active > a.link_oberschule {
	background-color: #95C11F;

}

.uk-navbar-nav > li.uk-active > a.link_oberschule + .uk-dropdown a:hover,
.uk-navbar-nav > li.uk-active > a.link_oberschule + .uk-dropdown a:focus {
	background-color: #95C11F;
}


.uk-navbar-nav > li > a.link_oberschule + .uk-dropdown a:hover,
.uk-navbar-nav > li > a.link_oberschule + .uk-dropdown a:focus {
	background-color: #95C11F;
}

.uk-navbar-nav > li.uk-open > a.link_oberschule:hover,
.uk-navbar-nav > li.uk-open > a.link_oberschule:focus,
.uk-navbar-nav > li.uk-open > a.link_oberschule:active {
	background-color: #95C11F;
}	
	
	
/* Farbe Gymnasium */	
	

.gymnasium {
	background: url(../images/schule_bg_blau_84486555.jpg);
	background-size:cover;	
	background-attachment: fixed;
	}


.gymnasium a {
    color: #009fe3;
}

.link_gymnasium a{
	color: #009fe3 !important;
}

.gymnasium .uk-navbar-toggle{
	color: #fff;
	}

.gymnasium .uk-navbar-toggle:hover{
	color: #444;
	}

a.link_gymnasium {
    background-color: #009fe3;
}

.gymnasium .tm-navbar {
    background-color: #009fe3;
}
.gymnasium .menu-outer{
    background-color: #009fe3;
}

.uk-navbar-nav > li:hover > a.link_gymnasium,
.uk-navbar-nav > li:focus > a.link_gymnasium,
.uk-navbar-nav > li.uk-open {
	background-color: #009fe3;
} 

.uk-parent > li:focus > a.link_gymnasium{
	background-color: #009fe3;
} 


/*aktiver Hauptlink*/
.uk-navbar-nav > li.uk-active > a.link_gymnasium {
	background-color: #009fe3;

}

.uk-navbar-nav > li.uk-active > a.link_gymnasium + .uk-dropdown a:hover,
.uk-navbar-nav > li.uk-active > a.link_gymnasium + .uk-dropdown a:focus {
	background-color: #009fe3;
}

.uk-navbar-nav > li > a.link_gymnasium + .uk-dropdown a:hover,
.uk-navbar-nav > li > a.link_gymnasium + .uk-dropdown a:focus {
	background-color: #009fe3;
}

.uk-navbar-nav > li.uk-open > a.link_gymnasium:hover,
.uk-navbar-nav > li.uk-open > a.link_gymnasium:focus,
.uk-navbar-nav > li.uk-open > a.link_gymnasium:active {
	background-color: #009fe3;
}	
	

	

/* stellen*/
	
.stellen{
	position: relative;
	top: 55px;
	left: 600px;
	float: right;
	overflow: hidden;
	z-index: 5;
}



/* Logo */
	
#logo {
	position: absolute;
	z-index: 2;

	}

.uk-navbar-center {
	max-width: 90%;
	float: right;
}

#logo_mobile {
	width: 100%;
	}

#logo_mobile_small{
	display: none !important;
	}

@media (max-width: 500px) {

	.uk-navbar-center {
		max-width: 70%;
	}

	#logo_mobile {
		display:  none !important;
		}
	#logo_mobile_small{
		margin-left: -100px;
		width: 90%;
		display: inherit !important;
		}
	}

#logo1 {
	display: none !important;
	}

#logo2 {
	display: none !important;
	}

/* uk-navbar */
	
.uk-active #logo {
	display: none !important;
	}

.uk-active #logo2 {
	display: inherit !important;
	position: absolute;
	margin-top: 10px;
	margin-left: -20px;
	}

@media (max-width: 1140px) {

.uk-active #logo1 {
	position: absolute;
	display: inherit !important;	
	}

.uk-active #logo2 {
	display: none !important;
	}


}

.listenbutton {
	background-color: #f9b233;
	color: #fff;
	padding: 5px;
	}

.beschreibungsspalte {
	background-color: rgba(200, 200, 200, 0.1);
	border-bottom: solid 10px #fff !important;
	}

.gesamtspalte {
	border-bottom: solid 10px #000;	
	}


.beschreibungsspalte_unten {	
	padding-bottom: 10px !important;
	background-color: rgba(200, 200, 200, 0.1);	
	}	
	
.dp-table__thead {
	color: #fff !important;
	}	
	
	
	
em {
	color: #000;
	}	
	
	
/* ----------  DP Calendar   ---------- */
/*    Buchung   */	
	

	
.com-dpcalendar-bookingform .dp-form-input {
	background-color: #eee;
	border: unset;
	color: #323232;
	padding-left: 5px;
	}	
	
.dp-select {
	background-color: #fff;
	color: #323232;
	border: unset;
	}	



.dp-fields dl.dp-description.dp-field-aenderungen {
	margin-bottom: 0px;
	}	
	
.dp-event__display-before-content div.dp-fields dl.dp-description.dp-field-aenderungen dt.dp-description__label	 {
	margin-top: 15px;
	color: #df7d0a;
	}	
	
.com-dpcalendar-event__information, .com-dpcalendar-event__actions, .com-dpcalendar-event__cta {
	border-bottom: unset;
	}
	
.control-group input {
	min-height: 30px !important;
	}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	padding: unset;
	width: 100%;
	}	
textarea {
	width: 100%;
	height: unset;	
	padding: unset;
	}
	
input.uk-search-field {
	padding-left: 30px;
	}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #eee;
	border: unset;
	}	
	
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	color: #323232;
	}		

	
@media (max-width: 767px) {

.com-dpcalendar-bookingform .dp-table td, .com-dpcalendar-bookingform .dp-table th {
	padding-bottom: 0px; 
	}
	
.control-group {
	margin-bottom: 0px;
	}	
	
.com-dpcalendar-bookingform .dp-ticket__title, .com-dpcalendar-bookingform .dp-option__title {
	padding-bottom: 15px !important;
	margin-bottom: 0px !important;
	background-color: #323232 !important;
	color: #eee;
	padding: 1.5em !important;
	padding-top: 0.7em !important;
	}


table.dp-event__tickets.dp-table tbody tr.dp-ticket td.dp-ticket__title {
	display: none;

}

.com-dpcalendar-bookingform__events {
	overflow: unset;
	}
}	

.cell {
	width: 100%;
	}	
	
.com-dpcalendar-event .dp-button_cta {
	color: #fff;
	}		
	
.com-dpcalendar-event .dp-button_cta:hover {
	color: #fff;
	background-color: #95C11F;	
	}	

		

button.dp-button.dp-button-save {
	border: unset;
	background-color: #eee;	
	}	
	
button.dp-button.dp-button-save:hover {
	border: unset;
	background-color: #95C11F;
	color: #fff;
	}		
	
	
button.dp-button.dp-button-cancel {
	border: unset;
	background-color: #eee;	
	}	
	
button.dp-button.dp-button-cancel:hover {
	border: unset;
	background-color: #f9b233;
	color: #fff;
	}