@charset "UTF-8";
@-ms-viewport {
	width: extend-to-zoom;
	zoom: 1.0;
	}

html, body, td {
	color: #231f20;
	width: 100%;
	height: 100%;
	margin:0px;
	padding: 0px;
	vertical-align: top;
	font-family: 'fira_sanslight', sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.03rem;
	text-align: left;
	background-color:white;
	-moz-hyphens: auto;
	-o-hyphens: auto;
 	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: grayscale;
	}
table,
table.rstable {
	width: 100%;
	border-collapse:collapse;
	background-color: transparent;
	}
td {
	background-color: transparent;
	}
.rsTD {
	width: auto;
	margin: 0px;
	padding: 0.1rem 0.2rem 0.2rem 0px;
	border-top:3px solid #fff;
	background-color: transparent;
	}

/***************** Tags ***************/
h1, h2, h3 {
	display: inline-block;
	font-weight: normal;
	margin: 0px;
	font-family: 'fira_sanslight', sans-serif;
	letter-spacing:0px;
	-moz-hyphens: none;
	-o-hyphens: none;
 	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	}
h1 {
	font-family: 'fira_sansultralight', sans-serif;
	display: block;
	text-align: center;
	font-size: 3.25vw;
	line-height: 4.25vw;
	}
h2 {
	display: block;
	text-align: center;
	font-size: 2vw;
	line-height: 2.5vw;
	}
h3 {
	font-family: 'fira_sansmedium', sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: 0.03rem;
	padding-top: 0.5rem;
	}
b {
	font-family: 'fira_sansmedium', sans-serif;
	font-weight: normal;
	}
i {
	font-family: 'fira_sanslight_italic', sans-serif;
	font-weight: normal;
	font-style: normal;
	}
b i,
i b {
	font-family: 'fira_sansmedium_italic', sans-serif;
	font-weight: normal;
	font-style: normal;
	}
sup {
	display: inline-block;
	margin-top:	-0.5rem;
	}
.rot {
	color: red;
	}
ul, ol {
	padding: 0px;
	margin: 0px;
	}
li {
	margin: 0.6rem 0px 0.4rem 1.3rem;
	padding: 0px 0px 0px 0.2rem;
	line-height: 1.3rem;
	}
hr {
	height:0px;
	border:0px;
	border-top:1px solid black;
	margin: 1rem 0px;
	clear: both;
	}
a:link, a:visited, a:active, a:focus, a:hover {
	text-decoration: none;
	color: black;
	border:0px;
	outline: none;
	border-bottom:1px solid black;
	margin-bottom: -1px;
	}
a:hover { 
	border-bottom: 2px dashed black;
	margin-bottom: -2px;
	}
img,
a img, 
p a img,
a.rsBildlink {
	display: block;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	outline: none;
	}
	
.film_container3x4,
.film_container16x9 {
	padding-bottom: 75%; /* bei 3x4 */
	position: relative; 
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
	}
.film_container16x9 {
	padding-bottom: 56.25%; /* bei 16x9 */
	}
.film_container16x9 iframe,
.film_container3x4 iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: gray;
	}

/***************** Inhalt ****************/
.contentbereich {
	width: 80%
	margin: 0px;
	padding: 0px 10% 1rem 10%;
	}
.Textblock_1_1,
.Textblock_5_6,
.Textblock_3_4,
.Textblock_2_3,
.Textblock_1_2,
.Textblock_1_3,
.Textblock_1_4,
.Textblock_1_6 {
	display: inline-block;
	vertical-align: top;
	text-align:left;
	margin: 0px;
	padding: 0.75rem 1rem 0.75rem 0px;
	background-color:#fff;
	}
.Textblock_1_1 {
	width: calc(100% - 1rem);
	}
.Textblock_5_6 {
	width: calc(83.3333333333% - 1rem);
	}
.Textblock_3_4 {
	width: calc(75% - 1rem);
	}
.Textblock_2_3 {
	width: calc(66.6666666666% - 1rem);
	}
.Textblock_1_2 {
	width: calc(50% - 1rem);
	}
.Textblock_1_3 {
	width: calc(33.3333333333% - 1rem);
	}
.Textblock_1_4 {
	width: calc(25% - 1rem);
	}
.Textblock_1_6 {
	width: calc(16.6666666666% - 1rem);
	}
.Textabstand,
.Textabstand_lange_Zeilen {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
.Textabstand {
	max-width: 42rem;
	}
.Textblock_1_6 .Textabstand {
	font-family: 'fira_sanslight', sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	letter-spacing: 0rem;
	}
	
 .Bild {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 1rem 0px;
	}
.Legende,
.LegendeGrossbild {
	font-family: 'fira_sanslight_italic', sans-serif;
	}
.Legende {
	width: 100%;
	margin-top: -0.5rem;
	}
.LegendeGrossbild {
	width: 88%;
	padding: 0rem 0rem 3rem 10%;
	margin-top:-0.5rem;
	}
.klein {
	font-size: 0.8em;
	line-height: 1.2em;
	}

 .Abstand {
	width: 100%;
	height: 2rem;
	}


/************* Kontaktformular ***********/
#kontaktformular {
	font-family: 'fira_sanslight', sans-serif;
	font-size: 0.8rem;
	width: 100%;
	}
.Mitteilungsarea {
	font-family: 'fira_sanslight', sans-serif;
	font-size: 1rem;
	width: calc(100% - 0.5rem); 
	height: 8rem; 
	margin: 0.3rem 0px 1.5rem 0px;
	padding: 0.5rem;
	}
input {
	font-family: 'fira_sanslight', sans-serif;
	font-size: 1rem;
	display: block;
	width: calc(100% - 0.5rem);
	height: 2rem;
	margin: -0.2rem 0px 1rem 0rem;
	padding: 0rem 0.5rem;
	}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    border:1px solid silver;
    cursor:pointer;
    background: url("../pic/open.gif") no-repeat center right;
	background-color: #fff;
	font-family: 'fira_sanslight', sans-serif;
	font-size: 0.8rem; 
	height: 2rem; 
	width: calc(100% - 0.5rem);
	margin: 1rem 0px;
	padding: 0rem 2rem 0rem 0.5rem;
	}
input.Absendebutton {
	font-family: 'fira_sanslight', sans-serif;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
	display: block;
	width: auto; 
	height: auto;
	margin: 1rem 0px 1rem 0rem;
	padding: 0.2rem 0.5rem;
	}
#DankMeldungRot,
#DankMeldungGruen {
	font-family: 'fira_sansmedium', sans-serif;
	font-size: 1rem;
	color: white;
	background-color: #c30;
	width: calc(100% - 2.5rem);
	margin: 1rem 0px 0px 0px;
	padding: 0.5rem 1rem;
	}
#DankMeldungGruen {
	background-color: #093;
	}

/****************** Kopf ****************/
#kopf {
	width: 100%;
	text-align:center;
	}
#kopflink,
#kopflink:link,
#kopflink:visited,
#kopflink:active,
#kopflink:hover {
	display:block;
	width: 100%;
	text-align:center;
	border:none;
	padding: 0px 0px 4vw 0px;
	margin: 0px;
	}
#kopflink:hover {
	background-color: #efefef;
	}
#logo {
	display:inline-block;
	width: 60%;
	padding: 5vw 0vw 0vw 0vw;
	}
/********* Infomenue **********/
#infomenue {
	position:fixed;
	bottom: 0px;
	right: 0px;
	width:100%;
	background-color:#fff;
	border-top: 1px solid black;
	text-align:center;
	}
#infomenue a.nav,
#infomenue a.nav:link,
#infomenue a.nav:visited,
#infomenue a.nav:active,
#infomenue a.nav:hover,
#infomenue a.navX,
#infomenue a.navX:link,
#infomenue a.navX:visited,
#infomenue a.navX:active,
#infomenue a.navX:hover {
	display:inline-block;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 0.5rem 1rem 1rem 1rem;
	font-family: 'fira_sanslight', sans-serif;
	font-weight: normal;
	whitespace: nowrap;
	text-decoration: none;
	color: #231f20;
	border: none;
	outline: none;
	}
#infomenue a.navX,
#infomenue a.navX:link,
#infomenue a.navX:visited,
#infomenue a.navX:active,
#infomenue a.navX:hover {
	font-family: 'fira_sansmedium', sans-serif;
	}
#infomenue a.nav:hover,
#infomenue a.navX:hover {
	background-color: #efefef;
	}
/***************** Menü ****************/
	
.closePfeilbereich {
	width: 100%;
	height: 6vw;
	margin: 0px;
	padding:0px;
	text-align:center;
	}
a.pfeillink,
a.pfeillink:link,
a.pfeillink:visited,
a.pfeillink:active,
a.pfeillink:hover {
	display:block;
	width: 100%;
	height: 6vw;
	text-align:center;
	border: none;
	outline: none;
	text-decoration: none;
	background-color: red;
	background-color: green;
	background-color: transparent;
	}
a.pfeillink:hover {
	background-color: #efefef;
	}
img.pfeilpic {
	display:inline-block;
	width: 6vw;
	height: 6vw;
	background-color: green;
	background-color: transparent;
	}
	
.menuecontainer {
	float:left;
	width: 100%;
	margin: 0px;
	padding:0px;
	}
a.nav1,
a.nav1:link,
a.nav1:visited,
a.nav1:active,
a.nav1:hover,
a.nav1X,
a.nav1X:link,
a.nav1X:visited,
a.nav1X:active,
a.nav1X:hover,
a.nav1A,
a.nav1A:link,
a.nav1A:visited,
a.nav1A:active,
a.nav1A:hover,
a.nav2,
a.nav2:link,
a.nav2:visited,
a.nav2:active,
a.nav2:hover,
a.nav2X,
a.nav2X:link,
a.nav2X:visited,
a.nav2X:active,
a.nav2X:hover,
a.nav2A,
a.nav2A:link,
a.nav2A:visited,
a.nav2A:active,
a.nav2A:hover {
	display: block;
	width: 80%;
	color: #231f20;
	border: none;
	border-top: 1px solid black;
	outline: none;
	margin: 0px;
	padding: 2vw 10% 2vw 10%;
	text-decoration: none;
	text-align: center;
	}
a.nav1:hover,
a.nav2:hover {
	background-color: #efefef;
	}
	
#bottomspace {
	display: block;
	height: 6rem;
	}