html { overflow-y	: scroll; }
body {
	font-family : Verdana;
	font-size		: 0.8em;
	color				: #333333;
	text-align	: center;
	margin			: 0 0 2em 0;
	background	: url(images/background.gif) #FFFFFF;
}

/* Farben
 blau : #0E0082
*/

* {
	margin : 0;
	padding : 0;
}

table {
	border-spacing:0;
}

td {
	font-family : Verdana;
	color				: #333333;
	vertical-align : top;
}

p { margin : 1em 0; }

div {
	text-align : left
}

h1 {
	font-size : 1.4em;
	color			: #0E0082;
	margin-bottom : 1em;
}
h2 {
	font-size : 1.2em;
	color			: #333333;
	margin		: 1em 0;
}

a {
	color : #333333;
	font-weight : bold;
	text-decoration : none;
}
a:hover { color: #0E0082; }

a.menu {
	display		: inline-block;
	font-size	: 14px;
	color			: #777372;
	font-weight : normal;
	margin		: 0 10px 0 0;
	padding-left : 15px;
}
a.menu:hover {
	color : #454344;
	background : url(images/menu_on.gif) no-repeat 0 3px;
}
a.menu_on {
	display		: inline-block;
	font-size	: 14px;
	color			: #454344;
	font-weight : normal;
	margin		: 0 10px 0 0;
	padding-left : 15px;
	background : url(images/menu_on.gif) no-repeat 0 3px;
}

a.link {
	display		: inline-block;
	font-size	: 12px;
	color			: #777372;
	font-weight : normal;
	padding-left : 15px;
	background : url(images/menu_on.gif) no-repeat 0 1px;
}
a.link:hover {
	color : #454344;
}
a.link_on {
	display		: inline-block;
	font-size	: 12px;
	color			: #454344;
	font-weight : normal;
	padding-left : 15px;
	background : url(images/menu_on.gif) no-repeat 0 1px;
}

img {
	border : none;
}

ul {
	margin-left : 1.3em;
	color				: #0E0082;
	list-style-type : square;
}
li { padding-bottom : 8px; }
span.li { color : #333333; } 

textarea, input {
	font-family : Verdana;
	color				: #333333;
	border			: none;
	background	: #E8E8E8;
	margin			: 1px 0;
	font-size		: 1em;
}

#scroll {
 position : absolute;
 top      : 0px;
 bottom   : -0.1px;
 z-index  : -1;
 visibility  : hidden;
 width    : 1px;
}

.email {
	display	: none;
}

/* Betriebsferien Popup */
.modal{
	display:none;
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.5);
}

.popup-content-betriebsferien{
	display:block;
	position:relative;
	width:auto;
	max-width:576px;
	margin:15% auto;
}

.popup-text{
	position:absolute;
	bottom:5px;
	left:5px;
	border-radius:5px;
	padding:.5rem;
	background-color:rgba(255,255,255,.8);
	box-shadow:2px 2px 16px 0px rgba(255,255,255,.8);
}
.popup-text p:first-child{
	margin-top:0;
}
.popup-text p:last-child{
	margin-bottom:0;
}

.close{
	color:#aaa;
	position:absolute;
	top:0;
	right:10px;
	font-size:28px;
	font-weight:bold;
}

.close:hover, .close:focus{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#maedchenname{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

@media screen and (min-width:768px){
	.row{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin:0 -15px;
		box-sizing:border-box;
	}
	.col-md-2, .col-md-3, .col-md-5, .col-12{
		padding:0 15px;
		box-sizing:border-box;
	}
	.col-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width:100%;
	}
	.col-md-2{
		-ms-flex:0 0 16.6666667%;
		flex:0 0 16.6666667%;
		max-width:16.6666667%;
	}
	.col-md-3{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width:25%;
	}
	.col-md-5{
		-ms-flex: 0 0 41.6666667%;
		flex: 0 0 41.6666667%;
		max-width:41.6666667%;
	}
}