@charset "utf-8";

/* raleway-regular - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/raleway-v22-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v22-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v22-latin-ext_latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-display: swap;	   
}
/* raleway-600 - latin-ext_latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/fonts/raleway-v22-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v22-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v22-latin-ext_latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-display: swap;	   
}
/* crimson-pro-300 - latin-ext_latin */
@font-face {
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/crimson-pro-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/crimson-pro-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/crimson-pro-v17-latin-ext_latin-300.ttf') format('truetype'); /* Safari, Android, iOS */
  font-display: swap;	   
}

html {
	width:100%;
	scroll-behavior: smooth;
	font-size: 1.1em;
}
body {
	font-family: 'Raleway', Geneva, Verdana, sans-serif;
	font-weight:400;
	word-wrap: break-word;
	color: #000;
	background-color: #FFFFFF;
	margin:0;
	font-size: 1rem;
}

h1, h2, h3, h4, h5, legend {
	font-family: 'Crimson Pro', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	line-height: 0.9em;
	margin: 0;
	padding:15px 0 10px 0;
}
h1 {
	font-size:2.7rem;
	color: #800;
}
h2 {
	font-size:2rem;
	color: #036;
}
h3 {
	font-size:1.7rem;
	color: #333;
}
h4, h5 {
	font-size:1.5rem;
}


img { border: 0px; }
table { font-size: 1rem;  }
table[width="580"], table[width="572"] { width:100% !important; }
br.clear, .clear{ clear:both; }
hr {
	width:60%;
	background-color:#bdbdbd;
	background: linear-gradient(90deg, rgba(222,222,222,1) 0%, rgba(222,222,222,0) 100%);
	height:2px;
	border-width:0;
	text-align:left;
	margin-left:0;
}
hr.hell {  }

p {
	margin: 0;
	padding: 5px 0;
}
form {  	
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
}
ol {
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img.space {
	margin-top: 3px;
}

a:link  {  color: #003399; transition:0.3s; }
a:visited  {  color: #6699CC; }
a:hover, a:active, a:focus  {  color: #880000; }

h2 a:link, h2 a:visited {
	color: #036;
	text-decoration:none;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #800;
	text-decoration:none;
}
#footer h2 a:link, #footer h2 a:visited {
    color: #57e8ff;
    text-decoration: none;
}
#footer h2 a:hover, #footer h2 a:active, #footer h2 a:focus {
    color: #fff;
}

input, select, textarea {  
	background-color: #ffffff; 
	border: 1px solid #333333; 
	padding: 5px; 
	font-family: 'Raleway', Verdana, Geneva, sans-serif;
	font-size: 1rem; 
	border-radius: 3px;
} 
.input:focus {  background-color: #F5F5F5;  }
.input-x {	background-image: url(https://www.1zu160.net/images/formular-x.gif); background-repeat: no-repeat; padding-left: 14px; }	
input[type=checkbox], input[type=radio]
{
	width:20px;
	height:20px;
}
.normal {  font-weight:400; color: #333333; font-size:1rem; } 
.submit {  
	background-color: #cccccc; 
	border: 1px solid #333333; 
	padding: 10px 30px;
	border-radius: 5px;
	border-bottom-width: 5px;
	transition:0.5s;
}
input.submit:hover, input.submit:active, input.submit:focus {
	background-color:#333;
	color:#FFF;
	border-color:#666;
}
input, .input {  /* für iOS */
	color:#000;
}

.smalltext {  font-size: 0.85rem; }
.smallertext {  font-size: 0.95rem; }
.neu { color: #FF0000; font-weight: 400;}
.gruen { color: #090; font-weight: 600; }
.bold, b, strong { font-weight: 600; }
.hidden { display:none; }

.center { text-align:center; }

.efefef { background-color: #EFEFEF; }
.f4f4f4 { background-color: #F8F8F8; }
.cccccc { background-color: #D6D6D6; }
.link a:link, .link a:visited { color: #003366; }
.link a:hover, .link a:active, .link a:focus  { color: #990000; }

.forlink a:link, .forlink a:visited { text-decoration: none;  }
.forlink a:hover, .forlink a:active, .forlink a:focus  { text-decoration: underline;  }

.dblau { color: #FFFFFF; background-color: #003366;  }
.dblau a:link, .dblau a:visited  { color: #FFFFFF; }
.dblau a:hover, .dblau a:active, .dblau a:focus { color: #FFCC66; }

.dgrau { color: #FFFFFF; background-color: #666;  }
.dgrau a:link, .dgrau a:visited  { color: #FFFFFF; }
.dgrau a:hover, .dgrau a:active, .dgrau a:focus { color: #FFCC66; }


.graulink a:link, .graulink a:visited { color: #666666; }
.graulink a:hover, .graulink a:active, .graulink a:focus { color: #990000; }

a.button:link, a.button:visited {
	display:inline-block;
	padding:3px 10px;
	border:1px solid #000;
	text-decoration:none;
	color:#000;
	background-color:#fff;
	transition:0.4s;
}
a.button:hover, a.button:active, a.button:focus  {
	background-color:#036;
	color:#fff;
	border:1px solid #fff;
}


#seitenzahl a:visited { color: #003399; }

.textbg { background-color: #FFFF00; }
.textbg2 { background-color: #00FFFF; }
.textbg3 { color: #FFFFFF; background-color: #FF0000; }
.border { margin-bottom: 4px !important; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }

.kurz { display:none; }  /*Breaks bei gro�er Ansicht z.B. h�ndler, Forum -erst ab 600 px*/
.lang { display:inline; } /*Bis 600 Px */

a.s_active { /* H�ndler, Nliste, Clubs */
	display:inline-block;
	padding:2px;
	outline:1px solid #fff;
	background-color:#066;
}
/*tabellen club etc*/
.negativ { color: #FFFFFF} 
.negativ a:link, .negativ a:visited { color: #FFFFFF; }
.negativ a:hover, .negativ a:active, .negativ a:active { color: #FFCC66; }
.table thead tr { background-color:#036; }
.table td { padding: 5px 3px; }
.table tbody tr:nth-child(odd) { background: #FFF; }
.table tbody tr:nth-child(even) { background: #EFEFEF; }
.table tbody tr:hover { background-color:#EFF3FC; }

.tablelist td { padding: 5px 0; } /* Wei�e Tabellen f�r Auflistungen */
.tablelist td:first-child { padding-right:10px; } 


.jumf { box-sizing: border-box; }
table.jumf { border: 1px solid #ccc; } /*Jahresumfrage*/
.jumf h2 { font-size:1.5rem; padding:10px 0;} 
.jumf tr:first-child { background-color:#ccc !important; } 
.jumf td { width:50%; padding:5px; }

#inhalt table.t_umfragen table  { max-width:600px !important; }


blockquote:before {
    display: block;
    font-family: Georgia,Times,serif;
    font-style: italic;
    content: "\00BB";
    font-size: 80px;
    position: absolute;
    left: -55px;
    top: -35px;
    color: #666;
}
blockquote {
    font-style: italic;
    position: relative;
    border: none;
    margin: 0 0px 0px 50px;
    color: #4b4b4d;
	padding-top:5px;
	font-size:110%;
}

.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.warning {
	border:10px solid red;
	background-color:#FEEDED;
	padding:10px;
	box-shadow:3px 3px 5px 0px #666;
	margin:5px 0px 15px 0px;
	border-radius:20px;
}

.rss {
	font-weight: 600;
	color: #FFFFFF;
	background-color: #FF9900;
	padding: 2px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video {
	position: relative;
	padding-bottom: 64.3%; /* 560x360 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.galerie {
	/*display:flex;
	flex-wrap: wrap; 
	justify-content: space-between;
	align-items: center;*/
	display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 2fr));
}
.galerie div {
	/*padding: 10px;*/
}
.galerie div img {
	border:5px solid #fff;
	box-shadow:2px 2px 10px #666;
}
.galerie div img:hover {
	border:5px solid #066;
	box-shadow:2px 2px 10px #000;
}


#inhalt img {
	max-width:100%;
	height:auto;
}
#inhalt table {
	max-width:100% !important;
	/*display: inline-block;*/
}
#inhalt td {
	max-width:100% !important;
}
#inhalt input {
	max-width:100%;
}
#inhalt textarea {
	max-width:100%;
	width:100% !important;
	box-sizing: border-box;
}
img[height="10"] { height:10px !important; } /* Umfragebalken */


.seitenzahl290 a, .seitenzahl a {
	border:1px solid #ccc;
	padding:1px 7px 1px 7px;
	display:inline-block;
	border-radius:3px;
	text-decoration:none;
	margin: 0 5px 5px 0;
}
.seitenzahl290 a.active, .seitenzahl a.active{
	background-color:#efefef;
	border:1px solid #666;
}
.seitenzahl290 a:hover, .seitenzahl a:hover {
	background-color:#666;
	color:#FFF;
	border:1px solid #CCC;
}


#inhalt ul {
	margin-left: 20px;
	list-style-type: square;
}
#inhalt ul li {
	padding-bottom:7px;
}

/* DIVs */
.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

#top {
	padding-top:100px;
}

#header {
	position:fixed;
	width:100%;
	max-width:100vw;
	height:80px;
	background-color:#036;
	box-shadow:0px 0px 10px #666;
	z-index:99;
	margin:0px;
	transition:0.4s;
}
.hide #header {
   transform: translate3d(0, -100px, 0); /* um 100px nach oben verschieben */
}
.wrapper {
	position:relative;
	margin:0 auto;
	padding:0 2% 0 2%;
	width:96%;
	max-width:1250px; 
}
#nav_close {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#left_close {
	display:none;
}
#navi {
	position:relative;
	padding-top:15px;
	min-height:calc(100% - 15px); /*f�r nav_close*/
}
#navi a {
	padding:4px 7px;
	text-decoration:none;
	color: #000;
}
ul.haupt {
	width:250px;
	float:right;
	position:relative;
}
ul.haupt li {
	border-bottom:2px solid #9db1c5;
	width:96%;
	margin:0 0 0 4%;
	background-color:#efefef;
	transition:0.5s;
}
ul.haupt li.active {
	width:96%;
	margin:0 4% 0 0;
	background-color:#066;
	padding:6px 0;
}

ul.haupt li a {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
ul.haupt li.active a span:first-child {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	transition:0.5s;
}
ul.haupt li a span:last-child {
    text-align:right;
}

#navi ul.haupt li.active a {
	color:#fff !important;
}
#navi ul.haupt li.active a:hover, #navi ul.haupt li.active a:active, #navi ul.haupt li.active a:focus  
{
	background-color:#066;
}

#navi ul.haupt li a:hover, #navi ul.haupt li a:active, #navi ul.haupt li a:focus {
    background-color: #036;
    color: #fff;
}
ul.haupt li h4 {
	font-size:1.25rem;
	padding: 14px 0 7px 7px;
	color:#FF0;
}
ul.haupt li hr {
	margin-top:3px;
	margin-bottom:3px;
}
ul.sub1 {
	position:absolute;
	top:0;
	right:250px;
	width:350px;
	border:none;
	background-color:#066;
	min-height:100%;
	padding:0;
	border-bottom:20px solid #A2B5C8;
	margin:0;
}
ul.sub1 li {
	background-color:#066;
	width:100%;
	margin:0;
	border-bottom:1px solid #026e6e;
}
ul.sub1 li:first-child {
	border-top:1px solid #026e6e;
}
ul.sub1 li.active {
	width:100%;
	margin:0;
	background-color:#055;
	background: linear-gradient(90deg, rgba(0,85,85,1) 50%, rgba(0,102,102,1) 100%);
}

#navi ul.sub1 li a:hover, #navi ul.sub1 li a:active, #navi ul.sub1 li a:focus {
	background-color:#055 !important;
	background: linear-gradient(90deg, rgba(0,85,85,1) 50%, rgba(0,102,102,1) 100%) !important;
}
ul.sub1 li a {
    display: block;
}
ul.haupt li.active ul.sub1 span:first-child {
	-webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: 0.5s;
    border: 1px solid #fff;
    display: inline-block;
    padding: 1px 5px 4px 4px;
    border-radius: 10px;
    color: #fff;
    background-color: #066;
	margin: 0 13px 0 5px
} 
ul.haupt li.active ul.sub1 li.active span:first-child {
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border: 1px solid #fff;
    display: inline-block;
    padding: 1px 5px 4px 4px;
    border-radius: 10px;
    color: #066;
    background-color: #fff;
	margin: 0 13px 0 5px
}
ul.haupt li ul span:last-child {
    text-align:left;
}

ul.sub2 {
	width:87%;
	margin:0 0 0 10%;
}
.nullpx {
	height:0 !important;
	min-height:0 !important;
	overflow:hidden;
}
.sub1, .nullpx, li.active a {
	transition:0.2s;
}
#navi ul.haupt li.active ul.nullpx li a {
    color: #066 !important;
}


/* Linksseitiges Menü */
@media screen and (min-width: 901px) {
	.naviLinks ul.haupt { float:left; margin-left: 100px; margin-top: 25px; }
	.naviLinks ul.haupt li { margin:0 4% 0 0; }
	.naviLinks ul.haupt li a { display: block; }
	.naviLinks ul.haupt li.active { margin:0 0 0 4%; }
	.naviLinks ul.haupt li a span:first-child {
		float:right;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.naviLinks ul.haupt li a span:last-child {
		text-align:left;
		float:none;
	}
	.naviLinks ul.haupt li a span:last-child {
		text-align:left;
		float:none;
	}
	.naviLinks ul.haupt li.active a span:first-child {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	.naviLinks ul.sub1 {
		left:250px;
		right:auto;
	}
	.naviLinks ul.haupt li ul.sub1 li a span:first-child { float:left; }
	.naviLinks ul.haupt li.active ul.sub1 li  { margin: 0; }
	.naviLinks ul.haupt li.active ul.sub1 span:first-child {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	
	.naviLinks #left_close {
		display:block;
		position: absolute;
		width:95px;
		height:95px;
		margin-top: 25px; 
		background-color:#036;
		color:#fff;
		cursor: pointer;
		font-family: 'Crimson Pro', serif;
		font-size: 16px; 
		box-sizing:border-box;
		padding-top:70px;
		text-align:center;
		border-radius: 2px;
	}
	.naviLinks #left_close::before, .naviLinks #left_close::after {
		content: "";
		position: absolute;
		display: block;
		left: 0;
		width: 80px;
		height: 2px;
		background-color: #fff;
	}
	.naviLinks #left_close::before {
		top:6px;
		-webkit-transform: rotate(45deg) translate(34px, 22px) ;
		transform: rotate(45deg) translate(34px, 22px) ;
	}
	.naviLinks #left_close::after {
		bottom: 6px;
		-webkit-transform: rotate(-45deg) translate(34px, -25px) ;
		transform: rotate(-45deg) translate(34px, -25px) ;
	}

}
/* Ende Linksmen� */


#sidenav {
	float:left;
	width:18%;
	padding:80px 0 60px 0;
	margin:0 0 0 0;
	font-size:0.95rem;
	background: rgb(216,228,240);
	background: linear-gradient(180deg, rgba(216,228,240,1) 40%, rgba(255,255,255,1) 100%);
}
#sidenav h4 {
	font-size: 1.3rem;
    padding: 12px 2px 3px 10px;
    color: #066;
}
#sidenav a, #sidenav .subspace {
	display:block;
	padding:3px 2px 3px 10px;
}
#sidenav a:link, #sidenav a:visited {
	text-decoration:none;
	color: #000;
}
#sidenav a:hover, #sidenav a:active, #sidenav a:focus {
	text-decoration:none;
	color: #000;
}
#sidenav hr {
	background: linear-gradient(90deg, rgba(33,33,33,1) 0%, rgba(222,222,222,0) 100%);	
}
#sidenav ul {
	padding-top:40px;
}
#sidenav ul ul {
	padding-top:0px;
	padding-left:18px;
}
#sidenav li {
	transition:0.2s;
}
#sidenav li a {
	transition:0.1s;
}
#sidenav li:hover {
	background-color:#036;
    color: #fff;
}
#sidenav li:hover a {
    color: #fff;
}
#sidenav li.h4:hover {
	background-color:unset;
}

#sidenav ul ul li:hover {
	background-color:#C0D9ED;
}
#sidenav ul ul li:hover a {
    color: #000;
}
#sidenav li.bereichnavpunkt {
	background-color:#066;
	color:#fff;
	padding:7px 2px 7px 5px;
	border-bottom:3px solid rgb(216,228,240);
}
#sidenav li.topnavpunkt {
	background-color:#036;
	position:relative;
}
#sidenav li.topnavpunkt:hover {
	background-color:#024;
}
#sidenav li.topnavpunkt a {
	text-indent:26px;
	padding:9px 0;
	color:#fff;
}

#sidenav .dots {
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    background: #fff;
}
#sidenav .dots::before, .dots::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
#sidenav .dots::before {
    top:6px;
}
#sidenav .dots::after {
    bottom: 6px;
}
.topnavpunkt:hover .dots, .topnavpunkt:focus .dots{
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
/* Startseite */
#startimg {
    width: 100%;
    height: calc(100vh - 80px);
	max-height:800px;
    position: absolute;
    top: 80px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}
@media screen and (min-width: 2500px) {
	#startimg {
		background-size:contain;
	}
}
#startimg #verlauf {
	width:100%;
	height:100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 99%);
}
#welcome {
	width:78%;
    position: absolute;
	top:100px;
	left:22%;
	height:auto;
	z-index:25;
	line-height:1.3;
}
#welcome h1 {
    margin-top: 0;
    text-shadow: 1px 1px 6px #000, 0px 0px 8px #000;
    padding-top: 17px;
    line-height: 0.7em;
    transition: 0.5s;
    font-size: 3.3em;
    color: #fff;
}
#spacer {
	height:77vh;
	max-height:700px;
}
#starttext {
	padding:0 10px 0 15px;
}
#startseite #inhalt {
	background-color:#FFFFFFcc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#startseite #sidenav {
	min-height:740px;
	background: linear-gradient(180deg, rgba(216,228,240,0.9) 40%, rgba(255,255,255,1) 90%);
}
@media screen and (max-width: 700px) {

	#startimg {
		height: 50vh;
		position:relative;
	}
	#startimg #verlauf {
		background: none !important;
	}
	#welcome {
		top:-10px;
	}
	#spacer {
		height:80px;
	}
	#starttext {
		position:relative;
		padding:7px 15px 15px 15px;
		background-color:#066;
		color:#fff;
		box-sizing:border-box;
		width:104%;
		left:-2%;
	}
	#starttext h2 { color:#fff; }

}
#inhalt .infobox {
    background-color: #EFEFEF;
    padding: 0 10px;
    border: 5px double #066;
    border-radius: 10px;
}
#startseite #inhalt ul.lastnews li a:link, #startseite #inhalt ul.lastnews li a:visited {
	text-decoration:none;
}
#startseite #inhalt ul.lastnews li::marker {
	color:#800;
}
/* Startseite Ende */

#inhalt {
	float:right;
	width:80%;
	padding:104px 0 0 0;
	margin:0;
	height:auto;
	background-color:#FFFFFF;
	z-index:20;
	line-height:1.3;
    position: relative;
}

#startseite #inhalt {
	padding:0;
}

#logo {
	position:static;
	float:left;
	padding-top:16px;
	width:80%;
	height:48px;
	border-radius:0;
	text-align:center;
	transition:0.4s;
}
#logo img {
	width:auto;
	height:auto !important;
	max-height:100%;
}
#bildchen {
	position:static;
	float:left;
	width:18%;
	height:80px;
	border-radius:0;
	transition:0.4s;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	background-color:#069;
	cursor: pointer;
}

#nav_icon {
	position:absolute;
	right:2%;
	top:14px;
	width:35px;
	height:50px;
	z-index:1;
	
    display: inline-block;
    cursor: pointer;
	font-family: 'Crimson Pro', serif;
	transition:0.5s;
}
#nav_icon::after {
    content: "MENÜ";
    font-size: 12px; 
    color: #fff; 
    transition: 0.4s;
}
.showNavi #nav_icon::after {
    content: "CLOSE";
}
.showNavi #nav_icon {
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 2px;
    background-color: #fff;
	margin: 8px 0;
    transition: 0.4s;
}
.bar2 { transition: 0.5s; }
.bar3 { transition: 0.6s; }
#nav_icon:hover div, #nav_icon:focus div
{
	-webkit-transform: rotate(175deg);
	transform: rotate(175deg);
}
/* Rotate first bar */
.showNavi #nav_icon div.bar1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 6px) ;
    transform: rotate(-45deg) translate(-7px, 6px) ;
	float:none;
}

/* Fade out the second bar */
.showNavi #nav_icon div.bar2 {
    opacity: 0;
	float:none;
}

/* Rotate last bar */
.showNavi #nav_icon div.bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -8px) ;
    transform: rotate(45deg) translate(-7px, -8px) ;
    width: 35px !important;
	float:none;
	margin-bottom: 11px;
}
#nav_overlay {
	position:fixed;
	top:80px;
	left:0;
	width:100%;
	max-width:100vw;
	background-color:#036;
	background-color:rgba(0,51,102,0.95);
	background-color:rgba(157,177,197,0.95);
	opacity: 0;
    transition: 0.4s;
	height:0;
	overflow:hidden;
	z-index:1020;

}
.showNavi #nav_overlay {
    opacity: 1;
	height: calc(100% - 80px);
	overflow:auto;
}
body.showNavi  {
   height: 100%;
   overflow-y: hidden;
}

#navi h1 {
	font-size:1.3rem;
	color:#fff;
}

#footer {
	clear:both;
	width:100%;
	background-color:#036;
	color:#fff;
	padding: 20px 0 0 0;
    font-size: 0.95rem;
	z-index:111;
}
#footer .wrapper {
	display:flex;
	align-content: space-around;
}
#f1 {
	width:190px;
	padding:0 1% 0 20%;
	border-right:1px dashed #57e8ff;
	float:left; /*For old Browsers*/
}
#f2 {
	width:calc(76% - 190px);
	padding:0 0 0 2%;
	float:right; /*For old Browsers*/
}
#footer a {
	display:inline-block;
	padding:2px 0;
}
#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dashed #036;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dashed #69C;
}

#footer h2 {
	font-size:1.4rem;
	color:#57e8ff;
	margin:0;
	padding:0 0 10px 0;
}
#footer p {
	color:#fff;
	margin:0;
	padding:0;
}
#f_special a {
	border-bottom:none !important;
	padding:0 10px; /*For old Browsers*/
}
#f_special {
	display:flex;
	justify-content: space-around;
	align-items: center;
	padding:20px 0;
	background-color:#066;
	margin-top:20px;
	text-align:center; /*For old Browsers*/
}

#banner {
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	
	width:80%;
	overflow:auto;
	float:right;
	z-index:1;
	min-height:280px;
	background-image:url(/images/blindtext.png);
	background-repeat:no-repeat;
	background-position:center center;
	outline:1px solid #CCC;
}
#banner ins {
	background-color:#fff;
	min-height: 280px;
}

/* ENDE DIVS */

.box100prozent, .box100prozentright  {
	width:100%;
	margin: 0px;
	padding: 0px;
	clear:both;
	box-sizing: border-box;
}
.box100prozentright {
	text-align:right;
}

.box100, .box480, .box140, .box440, .box170, .box410, .box290, .box70, .box510, .box200, .box380 {
	float: left;
	margin: 0px;
	padding: 0;
	margin-top: 3px;
	box-sizing: border-box;
}

.box100 { width:20%; }
.box480 { width:80%; }
.box140 { width:25%; }
.box440 { width:75%; }
.box170 { width:30%; }
.box410 { width:70%; }
.box290 { width:50%; }
.box70  { width:14%; }
.box510 { width:86%; }
.box200 { width:36%; }
.box380 { width:64%; }

/*divs mit padding 98%*/
.seitenzahl, .seitenzahl290, .pdbox100prozent, .pdbox100prozentright, .pdbox360, .pdbox220right, .pdbox290, .pdbox290right  {
	float: left;
	margin: 0px;
	padding: 3px 5px 4px 5px;
	box-sizing: border-box;
}
.seitenzahl { /*andere def fuer a:visited*/
	float: none;
	width:100%;
	clear:both;
} 
.seitenzahl290 { /*andere def fuer a:visited*/
	width:50%;
	padding-right: 0px;
} 
.pdbox100prozent {
	float: none;
	width:100%;
	clear:both;
}
.pdbox50prozent {
	float: left;
	width:50%;
	border-right:1px solid #999;
}
.pdbox360 {
	width:60%;
	padding-right: 0px;
}
.pdbox220right {

	width:40%;
	padding-left: 0px;
	text-align:right;
}
.pdbox290 {
	width:50%;
	padding-right: 0px;
}
.pdbox290right {
	width:50%;
	padding-left: 0px;
	text-align:right;
}
.pdbox100prozentright {
	float: none;
	width:100%;
	text-align:right;
	clear:both;
	
}

.imgbox100 {
	width:100px;
	float:left;
	margin: 0px;
	text-align:center;
	padding: 7px 14px 20px 0px;
}

@media screen and (max-width: 900px) {
	.wrapper {
		margin:0;
	}
	#sidenav {
		display:none;
	}
	#inhalt {
		float:none;
		width:100%;
	}
	#welcome{
		width:97%;
		left:2%;
	}
	
	#header {
		width:100%;
		height:80px;
		margin:0px;
	}
	#bildchen { display:none; }
	#logo {
		width:100%;
	}
	#banner {
		width:93vw;
		left:0.75vw;
		float:none;
	}
	#f1 {
		padding:0 1% 0 0;
	}
	#f2 {
		width:calc(96% - 190px);
	}
}
@media screen and (max-width: 800px) {
	ul.haupt {
		width:45%;
	}
	ul.sub1 {
		position:absolute;
		top:0;
		right:100%;
		width:120%;
	}
	h1 { font-size:2.5rem; }
	h2 { font-size:1.7rem; }
	h3 { font-size:1.5rem; }
	h4, h5 { font-size:1.4rem; }
	#welcome h1 { font-size:3em; }
	.t_umfragen td { width:100%; float:left; }
	.t_umfragen table td { width:auto; float:none; }
}

@media screen and (max-width: 700px) {
	#footer .wrapper {
		display:inherit;
	}
	#f1 {
		float:none;
		width:100%;
		padding:0 0 15px 0;
		border-right:none;
		border-bottom:1px dashed #57e8ff;
	}
	#f1 li {
		float:left;
		width:50%;
	}
	#f2 {
		clear:left;
		float:none;
		width:100%;
		padding:15px 0 0 0;
	}
	#welcome h1 { font-size:2.75em; }
}


@media screen and (max-width: 600px) {
	h1 { font-size:2.2rem; }
	h2 { font-size:1.7rem; }
	h3 { font-size:1.5rem; }
	h4, h5 { font-size:1.4rem; }
	#welcome h1 { font-size:2.5em; }
	.kurz { display:inline; }
	.lang { display:none; }
	
	#inhalt .box100 img { max-width:95% }
	.box140, .box440, 
	.box170, .box410,
	.box200, .box380, form .box100
	{ 
		width:100%;
		padding-bottom:1px; 
	}
	.box440, .box410, .box380, form .box480
	{ 
		width:100%;
		padding-bottom:12px; 
	}
	#inhalt .galerie div {
		max-width:calc(50% - 21px);
	}

}
@media screen and (max-width: 400px) {
	#logo {
		height:40px;
		padding-top:20px;
	}
}
@media screen and (max-width: 380px) {  /*  Alte Iphones etc */
	html { font-size: 1em; }
	h1 { font-size:2.0rem; }
	h2 { font-size:1.6rem; }
	h3 { font-size:1.4rem; }
	h4, h5 { font-size:1.4rem; }
	#welcome h1 { font-size:2.3em; }
}

@media print
{
	body {
		color: #000000;
	}
	#bildchen, #footer, #nav_overlay, .nonprint, .fornonprint, .fnp, #header, #sidenav, #banner, #usricon, #NEU { display:none; }
	.wrapper {
		margin:0;
	}
	#inhalt {
		float:none;
		width:100%;
	}
}