@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway'); 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
body {
    /* === css:::4103!important=== */
}
img, object, embed, video {	max-width: 100%;}
/* =====================================================
   spezielle Vereinbarungen
   =====================================================    */

.box1{
	background-color: #ccc;
	padding:15px;
}
.hgfarbe_3 {
    background-color: #1876a0;
    color:white;
 }
.hgfarbe_2 {
    background-color: #fbfafa;
	}
.top.plus:before {
    border-color: darkred transparent transparent transparent;
    }
.hide{display:none;}
.clear{clear:both}
table.hanna{width: 98%;}
table.hanna td{padding:2%}
*{
	margin:0;
	padding:0;
    max-width:100%
}
.theme-default .nivoSlider {
    min-height: 600px;
}
.beschreibung{
	background-color:rgba(0,0,0,.5);
	float:left;
	display:block;
	top: 344px;
	left: 11%;
	position: absolute;
	padding: 4% 8% 4% 4%;
	z-index: 44;
	box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75);
}
.beschreibung h1{
	font-size: 260%;
	color:white;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	}
.beschreibung h2{
	font-size:190%;
	color:white;
	margin-bottom: 34px;
	}
.nivo-directionNav{display:none}

.block		{text-align:justify}

.oben{float:left; 
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	display:block;
	text-align:right;
}

.up{
	clear:both;
	float:right
}

.login{
	margin-bottom:25px;
	width: 50%;
	clear: both;
	float:left;
	margin-left:10%;
	margin-top: 35px;
	color:#ccc


}
/* ======================================================
   generelle Vereinbarrungen
   ===================================================== */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 86%;
}

body, table{
	width: 100%;
	font-family: 'PT Serif', serif;
    line-height: 26px;;
	color:rgba(102,102,102);
	font-size: 100%;
}

body, input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], textarea {
	background-color:white;
}


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* ======================================================
   Links
   ===================================================== */


a {
	height: 28px;
	line-height: 26px;
	color: #1876a0;
	text-decoration:none;
}

a:hover {
	color: #c93;
}

.footer a {
    color: #ccc;
}

/* ======================================================
   Formatierungen
   ===================================================== */


hr {
	width: 100%;
	background-color: #666;
	height: 0.02em;
	margin-top: 2px;
	margin-bottom: 8px;
	margin-left:0px;
}

p {	line-height: 26px;
	text-align:justify;}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

blockquote{
	-webkit-margin-start: 4.5%;
	-webkit-margin-end: 4.5%;
}

/* ===================================================
   Listen
   =================================================== */

ul{    
    width: 100%;
    -webkit-padding-start: 28px;
    margin-top:15px;
    margin-bottom:15px;
}

li {
	line-height: 26px;
	margin-left: 4%;
	list-style-image:url(../daten/img/green.png);
	}


/* ======================================================
   Farben
   ===================================================== */

input[type="button"], input[type="submit"], .button1, .button2{
		/* background-color: #47a39a; */
}
		
 input[type="button"]:hover, input[type="submit"]:hover, .button1:hover{
		background-image: -webkit-gradient(linear, left top, left bottom, from( #ccc), to(white));
		background-image: -webkit-linear-gradient(#ccc,white);
		background-image: -moz-linear-gradient(#ccc,white );
		background-image: -ms-linear-gradient(#ccc,white);
		background-image: -o-linear-gradient(#ccc,white);
		background-image: linear-gradient(#ccc,white);
		}




/* =====================================================
   Schalter und Formulare
   ========================================= */

a.button {
    width: 150px;
    background-color: #1876a0;
    height: 45px;
    float: right;
    line-height: 45px;
    color: white;
    margin-right: 30%;
}
fieldset { border: 0; margin: 0; padding: 0; }

label {
	cursor: default;
	display:block;
	float:left;
	clear: both;
	/* margin-top: 22px; */
	width: 96%;
}
#loginfield label, .logoutfield label{color:white}
legend { border: 0;  padding: 0; }



input[type="button"], input[type="submit"]{
	min-width: 180px;
	height: 40px;
	display: inline-block;
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
	cursor: default;
	text-align: center;
	font-size:96%;
}



input[type="button"]:active, [type="submit"]:active{}

input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], input[type="submit"],  input[type="password"] , .button1{
	border: 1px solid silver;
	/* width: 99%; */
	min-width: 100px;
	max-width: 100%;
	min-height: 38px;
	color: black;
	cursor: text;
	clear: none;
	margin-bottom: 12px;
	padding: 5px;
	/* float:right; */
	clear: none;
	float: left;
	text-align:center;
}

textarea {
	border: 1px solid silver;
	color: black;
	cursor: text;
	text-align: left;
	display: block;
	width: 100%;
	height:160px;
	font-family: arial;
}

textarea:active {border: 1px solid #ccc;}
/* ====================================================
   Tabellen
   ================================================ */

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:96%
}
td {
	vertical-align: top;
}

#name{
		font-size:200%;
		line-height:160px;
		color:white
	}
	
.handy{
	visibility:visible;
	display:block;
	float:left
}

.hoehe{
	height:25px
	}
	
.balken{
	display:block;
	float:left;
	border-bottom: 18px solid#1876a0;
	width: 100%;
	margin-top: -57px;
}

.seite{width:2200px;margin:0 auto;float:none}

.header{
	width: 70%;
	float: left;
	display: block;
	margin-left: 15%;
}

.header img{
	max-width: 220px;
	}

.logo{
	width: 20%;
	float: left;
	margin-top: 15px;
	min-width: 260px;
}

.slogan{
	width: 50%;
	max-width: 420px;
	margin-top:15px;
	float: left;
	font-size: 160%;
	text-transform: uppercase;
}


.mitte {
	width: 70%;
	margin-left: 15%;
	font-size: 15px;
}

ol {
    -webkit-padding-start: 10px;
	}
.links,.c_33_footer, .footer, .mitte, .header{
	float:left;
	display: block;
	z-index: 0;
	}
.links {
	width: 29.33%;
	}
.termine .date {
    color: white;
    }
h1, h2, h3, h4, h5, h6{
	margin-bottom: 5px;
	font-weight: 100;
	}
h1{
	font-size: 180%;
	margin-top: 80px;
	margin-bottom: 34px;
	color: #343292;
	}
h2{
		font-size: 150%;
		line-height:45px;
		color: #1876a0;
		}
h3{
	font-size: 98%;
	text-transform: uppercase;
	color:#1876a0;
	width:100%;
	border-bottom: 1px solid#1876a0;
	margin-bottom:18px;
	margin-top: 24px;
	}
.footer h3{
	color:white;
	border-bottom: 1px solid white;
	}
h4{
	text-transform: uppercase;
	text-align:left;
	width:92%;
	color:#ccc;
	border-bottom: 1px #ccc solid;
	margin:22px 0 12px 0;
	}
h5{	
	font-size: 180%;
	text-align:right;
	color:#b80b0b;
	font-family:"Times New Roman";
	font-style: italic
	}
	
h6{ 	
	font-size: 180%; 
 	line-height:45px;
 	}

.logo{
	/* margin-top:0; */
	}
	
.kontakt.rechts {
    /* width: 22%; */
    /* margin-top: 1px; */
    padding: 30px 0 10px 0;
    line-height:20px;
    float: right!important;
    /* min-width: 200px; */
    color: #343292;
    font-weight: bold;
    /* margin-right: 13%!important; */
    text-align: right!important;
    }
    
.slogan{
	 margin-top: 40px;
	}

.bild{		
	width:19%;
	margin-bottom: 5px;
}

.footer{
	margin-top:15px;
	width:100%;
	background-color: #444;
	color: #ccc;
	padding-bottom: 25px;
}
.rechts		{
	float:right;
	}

	
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
}


#inh, :not(:target) #inh {
	background-color: #555;
	width: 100%;
	position:relative;
	z-index: 93;
	float: left;
	margin-top: 20px;
	height: 70px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	font-family: Raleway!important;
}
.unter_menue {
 
    color: white;
    line-height: 50px;
}


#inh ul{
    width: 80.2%;
    -webkit-padding-start: 0;
    margin-bottom:0;
    height: auto;
    margin-top: 0;
    margin-left: 10%;
}

#inh  li{
	/* width: 25%; */
	text-transform: uppercase;
	float:left;
	text-align:center;
	list-style-type: none;
	list-style-image: none;
}

#inh ul li {
	/* width: 20%; */ /* ========DIE BREITE DER TABELLENREITER IM MENÜ =======*/
	float:left;
	overflow:hidden;
	/* height: 70px; */
	margin-left: 0;
	padding-right: 6%;
}

#inh ul li:nth-child(6) {/* padding-right: 1.5%!important; *//* float: right; */}
#inh li:hover {
	overflow:visible; 
}

#inh ul li a{
	width: 100%;
	color:  white;
	display: block;
	height: 70px;
	line-height: 70px;
	font-size: 100%;
	margin-top: 0;
	padding: 0 12%;
	}

#inh ul li a.current{
color: white;

    color:#9BD7E3;
	}

#inh ul li a:hover{
		color: #9BD7E3;
	}

#inh ul li ul{
	width:100%;
	min-width: 220px;
	clear:both;
	z-index: 33999999999999993;
	margin-top: 0px;
	height:auto;
	}

#inh ul ul li {
	width:100%;
	height: auto;
	background-color: rgba(35,70,110,.3);
	padding: 2px 0;
	}

#inh ul ul li a{	

	line-height:20px;
	padding: 4px 12px;
	text-transform: none;
	font-size:100%;	
	height:45px;
	 width: 500px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
    }
@media only screen and (max-width: 2040px) {
#inh ul li {
	padding-right: 5%;
	}
}	
@media only screen and (max-width: 1800px) {
#inh ul li {
	padding-right: 4.5%;
	}
}
@media only screen and (max-width: 1700px) {
#inh ul li {
	padding-right: 3.5%;
	}
}	


@media only screen and (max-width: 1628px) {
.slogan{
	width: 36%;
	}
.beschreibung {
    top: 309px;
    }
.theme-default .nivoSlider {
    /* min-height: 600px; */
    }
.seite{
	width:100%;
	margin-left:0;
	float:left
	}
}
@media only screen and (max-width: 1600px) {
#inh ul li {
	/* padding-right: 7%; */
	}
}
@media only screen and (max-width: 1500px) {
#inh ul li {
	padding-right: 3%;
	}
#inh ul li:nth-child(6) {
    /* padding-right: 1.5%!important; */
    /* float: right; */
   }
.kontakt.rechts {
    /* margin-right: 11%!important; */
   }
#name{
	font-size:170%;
	line-height: 155px;
	}
.beschreibung{
	top: 256px;
	left: 10%;
	padding: 4% 8% 4% 4%;
	}
.beschreibung h1{
	font-size: 260%;
	}
.beschreibung h2{
	font-size:190%;
	margin-bottom: 34px;
	}
}
@media only screen and (max-width: 1400px) {
#inh ul li {
	padding-right: 3.5%;
	}
   #inh ul li:nth-child(6) {
   	/* padding-right: 2%!important; */
   	/* float:left; */
   	}
   #inh ul {
    width: 90.2%;
    -webkit-padding-start: 0;
    margin-bottom: 0;
    height: auto;
    margin-top: 0;
    margin-left: 5%;
   }	
.theme-default .nivoSlider {
    min-height: 500px;
   }
}

@media only screen and (max-width: 1350px) {
.beschreibung{
	top: 279px;
	left: 10%;
	padding: 3% 8% 3% 3%;
	}
.beschreibung h1{
	font-size: 260%;
	}
.beschreibung h2{
	font-size:190%;
	margin-bottom: 14px;
	}
}
@media only screen and (max-width: 1300px) {
#inh ul li {
	padding-right: 2.3%;
	}

}

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

.logo{
	min-width: 260px;
	}
.beschreibung {
    top: 259px;
    padding: 2% 8% 2% 2%;
    }
.beschreibung h1{
   font-size:200%;
   }
 h1{
   margin-top: 40px;
   }
.beschreibung h2{
   font-size:130%
    }
}
@media only screen and (max-width: 1200px) {
#inh ul li {
	padding-right: 2%;
	}
#inh ul li:nth-child(6) {
   	padding-right: 1.7%!important;
   	}
.mitte {
    width: 80%;
    margin-left: 10%;
  }
  .header {
    width: 80%;
    margin-left: 10%;
}
}

@media only screen and (max-width: 1130px) {
#inh ul li {
	padding-right: 2%;
	}
.theme-default .nivoSlider {
    min-height: 200px;
   }
}
@media only screen and (max-width: 1200px) {
#name{
		font-size:160%;
		}
.slogan{
	display: none;
	}
.logo{
	}
h6{
	font-size:140%
	}
.header{
	margin-top:0;
	width: 90%;
	padding: 0;
	margin: 0 5%;
	}
.kontakt.rechts {
    margin-right: 5%!important;
	}
#inh{
	background-color: #444;
	}
.theme-default .nivoSlider {
    min-height: 180px;
	}
#inh, :not(:target) #inh {	
	width:94%;
	top: -1280px;	
	position:absolute;	
	left:0;
	width: 100%;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
#inh:target {    
	top:0;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
#inh  li{	
	width: 100%;	
	text-transform: uppercase;	
	float:left;
	text-align:center;
	list-style-type: none;
	list-style-image: none;
}

#inh ul li {
	/* width: 40%; */
	float:left;
	margin-left: 0;
	height: auto;
	margin-left: 0;
	}
#inh ul li:nth-child(6) {
   width: 100%;
   float:left;
   margin-left: 0;
   height: auto;
   margin-left: 0;
   padding: 0!important;
   margin: 0!important;
   }
#inh ul li ul li{
	width: 47%;
	padding-left:3%
	}
#inh ul li a{
	height: 45px;
	line-height: 45px;
	font-size: 98%;
	text-align:left;
	padding-left:2%;
	width:98%;
	}
#inh ul li li a{
	height: 45px;
	line-height: 45px;
	font-size: 100%;
	text-align:left;
	padding-left:5%;
	}
.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 12px;
	top:18px;
	width: 40px;
	}
}

@media only screen and (max-width: 1023px) {
#name{
		font-size:140%;
		line-height: 140px;
		}

 .handy{
	display:none;
	visibility:hidden;
	height:0px
}
.clear1{
	clear:both
}
.hoehe{
	height:15px
	}
h1{
	font-size: 130%;
	margin-top: 1px;
	margin-bottom:12px;
	}
	
h2{	
	font-size: 120%;
	line-height:24px;
	}
	
h3{	
	font-size: 110%;
	}
	
h6{ 
	font-size: 140%;
	 }
	 
.kontakt.rechts {
    padding: 10px 0 10px 0;
	}
.box2{
	display:none;
	visibility:hidden;
	}
.mitte{
	width:92%;
	margin-left: 4%;
	}
.logo{
	width: 40%;
	margin: 10px 0 10px 0;
	}
.logo img{
	max-width: 160px;
	}
.footer{
 padding:4%;
 width: 92%;
	 }

.beschreibung {
    top: 162px;
    padding: 2% 8% 2% 2%;
    left: 3%;
    }
.beschreibung h1{
   font-size:170%;margin-top:24px
    }
.beschreibung h2{
   font-size:130%
    }

}
@media only screen and (max-width: 795px) {
.beschreibung {
    top: 159px;
    padding:2% 4% 2% 2%;
    }
.beschreibung h1{
   font-size:200%;margin-top:8px;margin-bottom:8px
    }
.beschreibung h2{
   font-size:130%;margin-top:8px;margin-bottom:8px
    }
 .kontakt.rechts {
    margin-right: 12%!important;
    }
 }
@media only screen and (max-width: 560px) {
.slogan{
		width: 0;
		}
.beschreibung {
    top: 191px;
    padding: 2% 8% 2% 2%;
    }
.beschreibung h1{
   font-size: 160%;
   }
.beschreibung h2{
   font-size:130%
    }
.beschreibung p{
	height:0
	}
}

@media only screen and (max-width:560px) {
table, tr, tbody, td{
	/* display:block; */
	/* width:100%; */
	/* float:left; */
	}
tr:nth-child(1) td:nth-child(1) {
	/* display:none */
	}
.kontakt.rechts {
    width: 80%;
    padding: 5px 0 10px 0;
    float: left!important;
	}
}
@media only screen and (max-width: 420px) {
.rechts{
	float:left
	}
h1{
	font-size: 130%;
	}
	
h2{	font-size: 120%;}

h3{
	font-size: 110%;
	}
h4{ 
	font-size: 100%; 
	}
h5{
	font-size: 130%;
	font-style: italic;
	}
h6{
	font-size: 110%;
	text-transform: uppercase;
	}
.abstand_rechts{	
	margin-right:0
	}
.seite {
	width: 96%;
	margin-left: 2%;
	float: left;
	}
.header{
	width: 100%;
	float:left;
	margin-bottom: 5px;
	margin: 0;
	}
.logo{
	min-width: 80px;
	float: left;
	margin-left: 3%;
	margin-top: 0;
	}
.slogan{
	width: 62%;
	margin-top: 8px;
	float: left;
	font-size: 140%;
	text-transform: uppercase;
	}
.kontakt{
	margin-top: 0;
	}
.mitte {
	width: 92%;
	margin-left: 4%;
	}
.footer{
 width: 92%;
	}
.beschreibung {
    top: 174px;
    padding: 2% 8% 2% 2%;
    width: 83%;
    }
.beschreibung h1{
   font-size: 160%;
   }
.beschreibung h2{
   font-size:130%
    }
}

@media only screen and (max-width: 420px) {
.kontakt.rechts{
	 width: 90%;
	 margin-left: 5%;
	 float: left!important;
	 padding-top: 5px;
	}
h1{
	margin-top:4px!important;
	margin-bottom: 8px;
	}
}
@media only screen and (max-width: 370px) {
.slogan{
	width: 82%;
	margin-left: 5%;
	display: none;
	}
.kontakt{
	 margin-left: 5%; 
	margin-top: 0;
	}
.beschreibung {
    top: 167px;
    padding: 1% 6% 1% 4%;
    width: 83%;
    }
.beschreibung h1{
   font-size: 160%;
   }
.beschreibung h2{
   font-size:100%
    }
}
@media only screen and (min-width: 2500px) {
.beschreibung{
	left: 25%;
	}
}