table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}


a {
	text-decoration:none;
	font-family:"Verdana", Geneva, sans-serif;
	color:black;
	
}

.empty li {    
    all: initial;
}

.outer {
	width:100%;
	text-align:center;
}

.inner {
	display:inline-block;
}


.tin {
	color: #AC0A17;
	
}
.hrg {
	height:0.2em;
	color: #5F5F5F;
	background-color: #5F5F5F;
	margin-top:0em;
}
.vollbild
{	
height: 100%;
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 90%;
	padding-bottom:3em;
	
}


img {
	margin-bottom:0em;
	max-width: 100%;
    height: auto;
	width: 17em;

}
.gri {
	
	width: 50em;
}

.btn-slide-left {
	border:none;
    position: fixed;
    top: 50%;
	width:3em;
	height:6em;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
	color:white;
	background-color:black;

}

.btn-slide-right {
	border:none;
    position: fixed;
    top: 50%;
	right:0%;
	width:3em;
	margin-right:0em;
	height:6em;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
	color:white;
	background-color:black;

}

body {
	padding-left:1em;
	margin-top:0em;
	margin-left:0em;
	margin-right:0em;
	margin-bottom:0em;
	background-color:white ;
}
.impressum {
	position:absolute; bottom:0;
	
}

.rechts {
	
	float:right;	

	
}

.linksIn{
	overflow:hidden;
	float:left;
	margin-right:3em;
}


.rechtsIn {
	margin-left:21em;
	overflow:auto;
}

.rechtsIn, .linksIn {
	display:block;
	
}

ul {
	
    list-style-type: none;
    margin: 0;
	margin-top:0em;
    padding: 0;
    overflow: hidden;
    background-color: #5F5F5F;
}
/*#f1f1f1*/
li {
	float: left;
}
li a{
	 
	     display: block;
    color: white;
    text-align: center;
    padding: 1em 2em;
    text-decoration: none;
}

h3 {
	font-family:"Verdana", Geneva, sans-serif;
}
p {
	font-family:"Verdana", Geneva, sans-serif;
	 line-height: 1.5;
}






/* ändert Farbe beim überstreichen*/
li:hover a .dunkel, li:hover, .dropdown:hover, li:hover input{
	
    background-color: #414141;
}

.untp 
{
	background-color:white;
}



.active {
	color:white;
    background-color: #AC0A17;
	
}

/* dropdown*/

/* Dropdown Button */
.dropbtn {
		     display: block;
    color: white;
    text-align: center;
    padding: 1em 2em;
	overflow: visible;
	margin-bottom:0em;
	font-family:"Verdana", Geneva, sans-serif;
    background-color:  #5F5F5F;
    color: white;
    /*padding: 16px;*/
    font-size: 1em;
    border: none;
    cursor: pointer;
}


.dropdown {
	overflow: visible;
	position:center;    
}


/* Links inside the dropdown */
.dropdown-content a {
	
	font-size:1.1em;
	overflow: hidden;
	display: none;
	border-bottom: none;
    color: black;
    padding: 1em 1.5em;
    text-decoration: none;
		margin-left:0em;
    display: block;
}
.dropdown-content a
{
	background-color: white;
		margin-left:0em;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
*/

.angebote 
{
	position:relative;
	border-radius: 0px 50px 0px 0px;
    display: block;
    position: relative;
    background-color: #f1f1f1;
    min-width: 1em;
}

.angebote a {
	font-size:1em;
	display: none;
	border-bottom: none;
    color: black;
    padding: 0.4em 1em;
    text-decoration: none;
    display: block;
}

.angebote p{
	font-size:1em
}

.box {

	border: 0.2em solid #bbb;
	margin: 1em 1em 1em 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius: 10px 10px 10px 10px;
	overflow:auto;
	position:relative;
}

.boxbild {
	float:left;
	margin-right:1em;
}



h2 {
	font-family:"Verdana", Geneva, sans-serif;
}


.ueberkat {
	margin-top:2em;
}



.mobile
{
	display:none;
}

.dropdown-content {
	
	overflow: hidden;
    display: none;
    position: absolute;
    background-color: #white;
    box-shadow: 0em 2em 4em 0em rgba(0,0,0,0.2);
		padding-left:0em;
    z-index: 1;
}


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

.vollbild
{	
	width: 100%;
}


.btn-slide-left {
	cursor: pointer;
    position: fixed;
    top: 50%;
    left: 0%;

}

.btn-slide-right {
	cursor: pointer;
    position: fixed;
    top: 50%;
    right: 0%;
	margin-right:0em;

}

.dropbtn {
	
	width:100%;
	
}

h2 {
	margin-left:1em;
}	
	
.linksIn{
	display:none;	
}
body 
{
	padding-left:0em;
}

.mobile
{
	display:inline;
	width:60%;
	height:10em;
	align="middle";
}
li {
	float:none;
}	

li a{
	 display:block;
	 
}

.dropdown-content {
    width:100%;
}
	
.rechts {
	float:none;	
}	

.linksIn{
	
	position:static;

}
.dropdown:hover .dropdown-content {
    display: none;
}
.dropdown:focus .dropdown-content {
    display: block;
}

.rechtsIn {
	margin-left:0em;}

}

iframe{
	height:50em;
	width:100%
}