@font-face {
         font-family: opensans;
         src: url(fonts/opensans_regular.woff);
		 font-style: normal;
         }
@font-face {
         font-family: opensans;
         src: url(fonts/opensans_bold.woff);
         font-weight: bold;
         }
@font-face {
         font-family: opensans;
         src: url(fonts/opensans_italic.woff);
         font-style: italic;
         }
@font-face {
         font-family: opensans_condensed;
         src: url(fonts/opensans_condensed_regular.woff);
		 font-style: normal;
         }
@font-face {
         font-family: goudy;
         src: url(fonts/goudy.woff);
         font-style: normal;
         }
@font-face {
         font-family: raleway;
         src: url(fonts/raleway.woff);
		 font-style: normal;
         }
@font-face {
		 font-family:awesome;
		 src: url(fonts/line_awesome.woff);
		 }
		 	
/* Navigation */		 
html {
	font-size: 100%;}
body {
	margin: 0 0 0 0;}
main {
	text-align: center;
	position: static;
	display: block;
	width: 100%;}
footer {
		position: static;
		font-family: opensans;
		font-size: 0.8rem;
		margin: 0.5%;
		text-align: center;
		line-height: 0.8rem;}
footer p {
	margin: 0%;}
footer a {
	text-decoration: underline;}
footer a:hover {
	color:#003399;}
.kopf {
		position: fixed;
		display: inline-block;
		top: 0;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		z-index: 1;
		width: 100%;
		border: 0 0 0 0;}
div.title {
		position: relative;
         display: inline-block;
         width: 100%;
         z-index: 1;
         background-color:#FFFFFF;
		 border-bottom-width: 3px;
		 border-bottom-color:#003399;
		 border-bottom-style: solid;
         text-align: left;
         padding-top: 10px;
		 padding-left: 10px;
         padding-bottom: 0px;}
#subtitle {
		display: inline-block;
         width: 100%;
         z-index: 1;
         background-color:#FFFFFF;
         text-align: center;
         padding-top: 5px;
         padding-bottom: 0px;
		 padding-left: 10px;
		 margin: 0 0 0 0;
         border: 0;}
#subtitle p {
		text-align: left;}
#subtitle1 {font-size: 1.1rem;}
		 
header {
		padding: 0 0 0 0;
		margin: 0 0 0 0;}
		
header p {
         font-family: goudy;
         font-weight: normal;
         font-size: 0.8rem;
         line-height: 1.1;
         margin: 1px;}
		 
header #tline1 {	
		font-size: 1.3rem;}
header #tline2 {
		font-size: 2.3rem;}

a {
         text-decoration: none;
         color:#000000;}
a:hover {
         text-decoration: underline;}
a:visited {
		color:#000000;}
nav {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 0 0 0;}
	
nav ul {
	margin: 0 0 0 0;}
	
.submenu a:hover {
	color: #003399;}

span.symbol {
	font-family: awesome;
}

span.symbol_button {
	font-family: awesome;
	background-color: #FFD700;
	padding: 0.2rem;
	border: 1px solid #FFD700;
	border-radius: 7px;
	margin-right: 0.4rem;
	}
	

.language_active {
	color: #003399;
	background-color: #FFD700;
	padding: 0.2rem;
	border: 0px solid;
	border-radius: 7px;
}

/* Scroll */
#subtitle.weg {
	display: none;}

.clearfix::after {
    content: "";
    clear: both;
    display: table;}

/* Animiertes Symbol*/
.container {
    display: inline-block;
    cursor: pointer;}
	
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFD700;
    margin: 6px 0;
    transition: 0.2s;}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.bar_subtitle {
    width: 100px;
    height: 3px;
    background-color: #003399;
    margin-top: -1rem;}	

/*Bilder*/
.img_breit {
	max-width: 100%;
	height: auto;}
	
.img_hoch {
	width: auto;
	max-height: 100%;}
	
.img_sidebyside
	{float: left;
	width: 45%;
	padding: 5px;}
	
/*Startseite Animation*/
.img_index {
	max-width: 80%;
	height: auto;}
	
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.myslides {display: none;}
	
#map {
margin: 0.8rem;}

/*Konstantes*/
a.readmore {
	display: inline-block;
	background-color: #FFD700;
	margin-top: 0.2rem;
	padding: 0.3rem;
	color: #003399;
	text-decoration: none;
	text-align: left;}

a.readmore:hover {
	font-weight: bold;}
	
a.intext {
	color: #003399;
	text-decoration: underline;
	text-align: left;}
	
a.intext:hover {
	font-weight: bold;}

	
.wichtig {font-size: 1.1rem;
		margin-bottom: 0rem;
		background-color: #f2f2f2;
		border-left: 0.5rem solid #FFD700;
		display: block;
		padding: 1rem;}
	
ul {margin-top: 0rem;
margin-bottom: 1rem;
margin-bottom: 0.3rem;}

	
h1 {
	font-size: 2.5rem;
	font-family: opensans;
	font-weight: bold;
	margin: 0 0 0 -2rem;
	padding-top: 0.3rem;
	color: #003399;
	text-align: left;
	letter-spacing: 1px;
	border-bottom: 0px solid #003399;
	margin-bottom: 0.5rem;
	line-height: 2.2rem;}

h1 a {color: #003399;}
	
h1 a:hover {margin-bottom: 0.5rem;
	text-decoration: underline;}

h1 a:visited {
color: #003399;}

h1::before {
	display: block; 
  content: " "; 
  margin-top: -120px; 
  height: 120px; 
  visibility: hidden; 
pointer-events: none;}

h2 {
	font-size: 2rem;
	font-family: opensans;
	font-weight: bold;
	margin-bottom:0.5rem;
	margin-top: 1.5rem;
	margin-left: -2rem;
	padding-bottom: 3px;
	color: #003399;
	text-align: left;
	line-height: 1.8rem;
	letter-spacing: -1px;
	border-bottom: 2px solid #003399;
	margin-bottom: 0.5rem;}
	
h2 a:hover {
	text-decoration: underline;}

h2 a:visited {
color: #003399;}

h2::before { 
  display: block; 
  content: " "; 
  margin-top: -120px; 
  height: 120px; 
  visibility: hidden;
  pointer-events: none;}

h3  {
	font-size: 1.7rem;
	font-family: opensans;
	font-weight: normal;
	padding: 0px;
	color: #003399;
	text-align: left;
    line-height: 1.6rem;
	margin-top: 1.0rem;
	margin-bottom: 0.3rem;
	letter-spacing: -0.5px;}

	
h4 {
	font-size: 1.2rem;
	font-family: opensans;
	font-weight: normal;
	margin:0%;
	padding: 0px;
	color: #003399;
	text-align: left;
    line-height: 1.4rem;
	margin-top: 0.7rem;
	margin-bottom: 0.3rem;}
	
h5 {
	font-size: 1.0rem;
	font-family: opensans;
	font-weight: normal;
	margin:0%;
	padding: 0px;
	color: #003399;
	text-align: left;
	line-height: 1.2rem;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;}

.subh1 {
	font-size: 1.1rem;
	letter-spacing: 0px;
	margin-bottom: 0.5rem;
	line-height: 1.2rem;
	color: #000000;
	text-align: left;
	letter-spacing: 3px;}

h9 {
	font-size: 1.9rem;
	font-family: opensans_condensed;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 3%;
	padding: 0px;}
	
.subh9 {
	font-style:normal;
	font-size: 1.0rem;
	font-family: opensans_condensed;
	letter-spacing: 1px;
	margin: 0%;
	padding: 0;
	line-height: 1.0rem;}

.quote {
	font-style:italic;
	font-size:1.15rem;}

.plain {
	font-size: 1.1rem;
	margin: 0;
	padding: 0;}

ul.plain {list-style: none;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
margin-left: 1rem;
padding-left: 2.5rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #f2f2f2;}
	
ul.plain li::before {content: "-"; font-family:"Arial Black"; color: #003399;
  display: inline-block; width: 1.5rem; margin-left: -1.5rem;}
	
.plain_small {
	font-size: 1.0rem;
	margin: 0;
	padding: 0;}

div.index {
	text-align: left;
	padding: 0px;
	margin-top: 0.5rem;
	margin-bottom: 0.3rem;
	font-size: 1.0rem;}

.index a {
	color: #003399;
	text-decoration: underline;
	text-align: left;
	font-size: 1.0rem}

.index a:hover {
	font-weight: bold;}

a.backtop, a.backtop_re30 {
	display: block;
	color: #003399;
	border-top: solid 1.0px #003399;
	margin-top: 1rem;
	text-decoration:none;
	text-align: left;
	font-size: 0.7rem;}
	
a.backtop:hover, a.backtop_re30:hover {
	font-weight: bold;}
	
.infobox {
		font-size: 1.1rem;
		margin-bottom: 0.4rem;
		background-color: #f2f2f2;
		border-left: 0.5rem solid #FFD700;
		display: block;
		padding: 1rem;}
		
.infobox ul {list-style: none;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
margin-left: 1rem;
padding-left: 2.5rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #f2f2f2;}
	
.infobox li::before {content: "-"; font-family:"Arial Black"; color: #003399;
  display: inline-block; width: 1.5rem; margin-left: -1.5rem;}

.spalte_li70 p {
	margin-left: 1rem;
	margin-top: 0rem;}
	
.spalte_li70 table {
	margin-left: 1rem;}

.spalte_full p {
	margin-left: 1rem;
	margin-top: 0rem;}
	
.spalte_full table {
margin-left: 1rem;}

.content_button {
		margin: 0;}

.content_button li {
		display: inline-block;
		width: 200px;
		font-size: 1rem;
		text-align: center;
		border: solid 0px #003399;
		border-radius: 0px 0px 0px 0px;
		background-color: #FFD700;
		margin: 0.5% 0% 0.5% 0%;
		padding: 0.5rem;
		color: #003399;}

.content-button a {
	color: #003399;}

.content_button a:hover {
		text-decoration: underline;
		font-weight: bold;}


.text_small {
	font-size: 0.8rem;
	font-weight: normal;}

div.spalte_links:hover {
	background-color: #f2f2f2;}

a.link_ohne:hover {
	text-decoration: none;}
	
div.spalte_rechts:hover {
background-color: #f2f2f2;}

table.zart {
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	width: 100%;}

table.zart td, th {
    border: 1px solid #ddd;
    padding: 5px;
	border-collapse: collapse;
}

table.zart tr:nth-child(even){
	background-color: #e6e6e6;}


.zart th {
font-size:1.3rem;
font-weight: bold;}

.zart .centered {text-align: center;}

table.zart p {margin-left: 0rem;}

	
/* Größenanpassung */
@media screen and (min-width: 900px), {

.submenu {display: inline-block;
position: fixed;
right: 10px;
top: 30px;
z-index: 2;}

.submenu a {
	display: block;
	position: relative;
	text-decoration: none;
	color: black;
	padding-left: 0.3rem;
	padding-right: 0.4rem;
	padding-bottom: 5px;
	padding-top: 3px;}

.submenu li {
	display: inline-block;
	}
	
nav {
		display: inline-block;
		position: fixed;
		right: 10px;
		top: 30px;
		z-index: 1;
         font-family: raleway;
         font-size: 1.2rem;
         align: center;
         background-color:#FFFFFF;
         text-align: center;}
nav .icon {
	display: none;}
		 		 
.submenu .dropdown-menu {
	position: absolute; 
	display: none;
	width: 180px;
	z-index: 1;
	margin:0px;
	align: center;
	font-size: 1.1rem;}
	
.submenu .dropdown-menu a {
	color: black;
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	padding: 3% 0 3% 0;
	border-top: 1px solid #003399;}
	
.submenu .dropdown-menu a:hover {
	background-color: #f9f9f9;}

.submenu-responsive {
	display: inline-block;}

.submenu-responsive a {
	display: block;
	position: relative;
	text-decoration: none;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;}
	
.submenu-responsive li {
	display: inline-block;}

.submenu-responsive .dropdown-menu {
	position: absolute; 
	display: none;
	width: 180px;
	z-index: 1;
	margin:0px;
	align: center;
	font-size: 1.1rem;}
.submenu-responsive .dropdown-menu a {
	color: black;
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	padding: 1% 0 1% 0;
	border-top: 1px solid #003399;}
.submenu-responsive .dropdown-menu a:hover {
	background-color: #f9f9f9;}

#button5 {
	display: inline-block;
	padding: 0.2rem;
	border: 0px solid;
	border-radius: 7px;}

#button6 {
	display: inline-block;
	padding: 0.2rem;
	border: 0px solid;
	border-radius: 7px;}
	
#sbm1:hover #ddm1 {
	display:block;}
#sbm1:hover #button1 {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px 7px 0 0;}
#sbm2:hover #ddm2 {
	display:block;}
#sbm2:hover #button2 {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px 7px 0 0;}
#sbm3:hover #ddm3 {
	display:block;}
#sbm3:hover #button3 {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px 7px 0 0;}
#sbm4:hover #ddm4 {
	display:block;}
#sbm4:hover #button4 {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px 7px 0 0;}
#button5:hover  {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px;}
#button6:hover  {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px;}
/* Bilder */
.img_breit_neben {
	min-width: 150px;
	max-width: 350px;
	height: auto;
	margin: 0%;}

.img_hoch_neben {
	min-width: 150px;
	max-height: 50%;
	margin: 0%;}
	
/* Inhaltsteil */

#main {
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	border: 0px solid black;
	border-color: black;
	width: 70%;
	font-size: 1.1rem;
	font-family: opensans;
	text-align: center;
	z-index: 0;
	margin: 11rem 0 0 0;
	padding: 0px;}
	
.spalte_full {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	text-align: left;
	clear: both;
	max-width: 1200px;}
	
.spalte_full_top {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	text-align: center;}
		
.spalte_links {
	width: 46.5%;
	height: 14.5rem;
	padding: 0.6%;
	margin: 0.5%;
	float: left;
	clear: left;
	border: 3px solid #003399;
	border-radius: 15px 0px 0px 15px;
	text-align: left;}

	
.spalte_rechts {
	width: 46.5%;
	height: 14.5rem;
	padding: 0.6%;
	margin: 0.5%;
	float: left;
	clear: right;
	border: 3px solid #003399;
	border-radius: 0px 15px 15px 0px;
	text-align: left;}

.spalte_li70 {
	display: block;
	width: 63%;
	padding: 0.6%;
	float: left;
	clear: both;
	text-align: left;}

.spalte_re30 {
	width: 27%;
	padding: 0.6%;
	margin: 0.5%;
	float: right;
	clear: right;
	border: 0px solid #003399;
	border-radius: 0px 15px 15px 0px;
	text-align: left;}	

.platzhalter_5 {
	display: block;
	height: 5rem;}
	
.inspalte {
	height: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0.5% 0 0 0;
	font-size: 1.0rem;}
.inspalte p {
	margin: 0px;
	padding: 0px;}
	
.inspalte ul {
	list-style: none;
	margin-left: 1rem;}
	
.inspalte li::before {
	content: "-"; font-family:"Arial Black"; color: #003399;
	display: inline-block; width: 1.5rem; margin-left: -1.5rem;}
  
a.inspalte {
	font-size: 1.0rem;
	color: #003399;
	text-decoration: none;
	text-align: left;
	margin-left: 1rem;
	display: inline-block;
	background-color: #FFD700;
	border: 1px solid #FFD700;
	border-radius: 4px 4px 4px 4px;
	}
	
a.inspalte:hover {
	font-weight: bold;}
	
.zart td {
 min-width: 200px;}
	
.glossarlist {
column-count: 3;}

#oeffiplan_gross {
display: block;}

#oeffiplan_klein {
display: none;}

a.backtop_re30 {
display: none;}
}

@media screen and (max-width: 899px), {
html {font-size: 80%;}
.submenu {
  display: none;}
	  
nav {
	display: inline-block;
    font-family: raleway;
	text-align: right;
	width: 100%;}
		  
nav .icon {
	font-family: raleway;
	width: 50px;
    position: fixed;
	top: 10px;
	right: 0px;
	display: inline-block;
	z-index: 2;
	background-color:#FFFFFF;
	font-size: 2.5rem;
	text-align: center;}

nav .icon a {
	color: #003399;}
	
nav .icon a:hover {
	text-decoration: none;}

.submenu-responsive {
	  display: block;
	  padding: 0 0 0 0;
	  position: fixed;
	  top: 5.2rem;
	  right: 0px;
	  text-align: right;}
	  
.submenu-responsive a:hover {
	text-decoration: none;}

.submenu-responsive a {
		border-right: 0px;
		border-left: 0px;
		line-height: 3rem;}
.submenu-responsive li {
	text-align: left;
	float: none;
	display: block;
	border-right: 0px;
	border-left: 0px;
	border-bottom: solid 1px #003399;
	min-width: 300px;
	line-height: 2rem;
	background-color:#FFFFFF;
	font-size: 1.3rem;}
	
.submenu-responsive .dropdown-menu {position: relative; display: none; min-width: 150px; margin-left:10px; align: center; background-color:#FFFFFF; font-size: 1.1rem;}
.submenu-responsive .dropdown-menu a {color: black; text-decoration: none; display: block; line-height: 1.5rem;}
.submenu-responsive .dropdown-menu a:hover {text-decoration: underline; background-color:#f9f9f9;}

#sbm1:hover #button1 {
	color: #003399;}
#sbm2:hover #button2 {
	color: #003399;}
#sbm3:hover #button3 {
	color: #003399;}
#sbm4:hover #button4 {
	color: #003399;}
#sbm5:hover #button5 {
	color: #003399;}

#button5 {
	display: inline;
	padding: 0.2rem;
	border: 0px solid;
	border-radius: 7px;}

#button6 {
	display: inline;
	padding: 0.2rem;
	border: 0px solid;
	border-radius: 7px;}
	
#button5:hover  {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px;}
#button6:hover  {
	color: #003399;
	background-color: #FFD700;
	border-radius: 7px;}

/* Bilder */
.img_breit_neben {
	min-width: 150px;
	max-width: 300px;
	height: auto;
	margin: 0%;}

.img_hoch_neben {
	width: auto;
	min-height: 150px;
	max-height: 300px;
	margin: 0%;}
	
/* Inhaltsteil */

#main {
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	border: 0px solid black;
	border-color: black;
	width: 95%;
	font-family: opensans;
	text-align: center;
	margin: 11rem 0% 0% 0;
	padding: 0%;}	

.spalte_full {
	display: block;
	width: 90%;
	padding: 0 4% 0 4%;
	text-align: left;
	float: none;
	clear: both;}

.spalte_full_top {
	display: block;
	width: 90%;
	padding: 0 4% 0 4%;
	text-align: center;}
	
.spalte_links {
	width: 90%;
	max-height: 8rem;
	padding: 1% 0% 0% 2%;
	margin: 1% 0 0 3%;
	float: none;
	clear: none;
	border: 3px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}

.spalte_links a:hover {
text-decoration: none;}
	
.spalte_rechts {
	width: 90%;
	max-height: 8rem;
	padding: 1% 0% 0% 2%;
	margin: 1% 0 0 3%;
	float: none;
	clear: none;
	border: 3px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}

.spalte_rechts a:hover {
text-decoration: none;}

.spalte_li70 {
	width: 90%;
	padding: 0 4% 0 4%;
	margin: 1%;
	float: none;
	clear: both;
	border: 0px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}
	
.spalte_re30 {
	width: 90%;
	padding: 0 4% 0 4%;
	margin: 1%;
	float: none;
	clear: both;
	border: 0px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}
	
h1 {
	margin-left: -0.5rem;}

h2 {
	margin-left: -0.5rem;}
	
.platzhalter_5 {
	display: none;
	height: 5rem;}

.inspalte {
	max-height: 3.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.0rem;}
	
.img_sidebyside
	{float: left;
	display: block;
	width: 30%;
	padding: 20px;}

.inspalte p {
	margin: 0px;
	padding: 0px;}

.inspalte ul {
	list-style: none;
	margin-left: 1rem;}
	
.inspalte li::before {
	content: "-"; font-family:"Arial Black"; color: #003399;
	display: inline-block; width: 1.5rem; margin-left: -1.5rem;}
  
a.inspalte {
	font-size: 1.0rem;
	color: #003399;
	text-decoration: none;
	text-align: left;
	margin-left: 1rem;
	display: inline-block;
	background-color: #FFD700;
	border: 1px solid #FFD700;
	border-radius: 4px 0px 4px 0px;}
	
a.inspalte:hover {
	font-weight: bold;}
	
.glossarlist {
column-count: 1;}
	
.zart td {
 min-width: 120px;}

#oeffiplan_gross {
display: none;}

#oeffiplan_klein {
display: block;}
}



@media screen and (max-width: 550px) {
html {
	font-size: 75%;}
.submenu-responsive {
		width: 100%;
		top: 5.3rem;}

.submenu-responsive li {
	padding-left: 10px;}
}

/*Bilder -  Modal*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

	
.modal-sichtbar {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(230,230,230,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
	padding-top: 5%;
    display: block;
	max-width: 80%;
	max-height: 80%;
    z-index: 3;
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #cccccc;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
	z-index: 4;
}
.close a {
color: #003399;}

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

.caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #000000;
    padding: 2%;
	height: 150px;}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: auto;
    }
}


/*Formular*/

form {
text-align: left;
margin-left: -1rem;}

form legend {
	font-size: 2.0rem;
	font-family: opensans;
	font-weight: bold;
	margin:0%;
	padding: 0;
	color: #003399;
	text-align: left;}
	
form fieldset {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border: solid 2px #003399;
	border-radius:10px 0px 10px 0px;}

label {
display: block;
font-size: 1.0rem;
padding: 2px;}

label.feedback {
font-size: 1.2rem;
font-weight: bold;
padding: 0px;}

div.feedback {
color: black;
border: solid 0px black;
}

form h3 {
margin-top: 2rem;}

p.feedback_title {
margin: 0px;
font-size: 1.2rem;
font-weight: bold;
padding: 0px;}

div.feedback-error {
color: red;
border: solid 2px red;}

.invi {
	display: none;}	

.eingabefeld {
height: 1.4rem;
width: 300px;
font-size: 1.1rem;}

.eingabefeld-error {
border: solid 2px red;
height: 1.4rem;
width: 300px;
font-size: 1.1rem;}

.schaltflaeche {
	border: 0px solid #003399;
	background-color: #FFD700;
	color: #003399;
	padding: 0.3rem;
	font-family: opensans;
	font-size: 1.4rem;
	width: 150px;}

.schaltflaeche:hover {
	font-weight: bold;}

.nachrichtenfeld {
	display: block;
	width: 80%;
	min-width: 300px;
	font-family: opensans;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;}
	
.nachrichtenfeld-error {
	border: 2px solid red;
	display: block;
	width: 50%;
	font-family: opensans;
	font-size: 1.1rem;
	margin-bottom: 0.5rem;}

.spamschutz {
display: none;}

.error {
	font-size: 1rem;
	color: red;
	padding: 10px;
	line-height: 1px;
	display: inline-block;}

.error-weg {
	display: none;}
	
.dstext-begleit {
border: 0px solid black;}

.dstext-begleit-error {
border: 2px solid red;}
	
 /* Customize the label (the container) */
.hakerl {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0px;
  margin-right: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.hakerl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.hakerl:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.hakerl input:checked ~ .checkmark {
  background-color: #FFD700;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.hakerl input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.hakerl .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slideout-open .slideout-panel-container {
  overflow: hidden;
}

/* Druckbereich */
@media print { 
	#nav {display:none;}
	#main {font-family: opensans;
		margin-top:0px; margin-left:5%; margin-right:5%;
			text-align: left;
			font-size: 11px;}
	h1 {font-size: 18px;}
	.subh1 {font-size: 15px;
			line-height: 15px;}
	h2 {font-size: 17px;
		line-height: 17px;}
	h3 {font-size: 15px;}
	h4 {font-size: 13px;}
	h5 {font-size: 11px;}
	.wichtig {font-size: 13px;}
	a.backtop {display:none;}
	.index {display: none;}
	.infobox {font-size: 14px;}
	table.zart {padding: 1px;}
	table.zart {line-height: 11px;}
	.symbol {font-family: awesome;}
	#oeffiplan_gross {
		display: none;}
	#oeffiplan_klein {
		display: block;}
	
	header {
		display: none;}
		
	nav {
		display: none;}
	
	
	.spalte_full {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	text-align: left;
	clear: both;
	float: none;}

.spalte_full_top {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	text-align: center;}
	
.spalte_links {
	width: 98%;
	max-height: 8rem;
	padding: 0.6%;
	margin: 1%;
	float: none;
	clear: none;
	border: 3px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}

.spalte_links a:hover {
text-decoration: none;}
	
.spalte_rechts {
	width: 98%;
	
	padding: 0.6%;
	margin: 1%;
	float: none;
	clear: none;
	border: 3px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}

.spalte_rechts a:hover {
text-decoration: none;}

.spalte_li70 {
	width: 98%;
	padding: 0.6%;
	margin: 1%;
	float: none;
	clear: both;
	border: 0px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}
	
.spalte_re30 {
	width: 98%;
	padding: 0.6%;
	margin: 1%;
	float: none;
	clear: both;
	border: 0px solid #003399;
	border-radius: 15px 0px 15px 0px;
	text-align: left;}

.inspalte {
	max-height: 2.5rem;
	overflow: hidden;
	text-overflow: ellipsis;}
.img_index {
	max-width: 100%;
	height: auto;}
	
.img_breit {
	max-width: 100%;
	height: auto;}
	
.img_hoch {
	width: auto;
	max-height: 100%;}
	
.img_breit_neben {
	width: 100%;
	min-width: 100px;
	max-width: 150px;
	height: auto;
	margin: 0%;}

.img_hoch_neben {
	max-height: 300px;
	width: auto;
	margin: 0%;}
	
.img_sidebyside
	{float: left;
	max-width: 150px;
	padding: 5px;}
}