html {
overflow-y: scroll;
}

img
         {
         border: 0px;

         }

		 @font-face {
			font-family:'Jost';
			font-style: normal;
			font-weight: 400;
			font-display:swap;
			src: local('Jost'), local('Jost-VariableFont_wght'),
			url(../webfonts/Jost-VariableFont_wght.woff) format('woff');
		}
		
		@font-face {
			font-family:'Itim';
			font-style: normal;
			font-weight: 400;
			font-display:swap;
			src: local('Itim'), local('Itim-Regular'),
			url(../webfonts/Itim-Regular.woff) format('woff');
		}
		 
body {
	font-family: 'ABeeZee', sans-serif;
	font-size : 11pt;
	color: #632829;
	background-image : url('../jpg/dankerode.jpg');
	background-size: cover;
}

a:link, a:visited {
 text-decoration: none;
 color: #000;
}

.compress {
display:none;
}	
		


.koerper
	{
		
	position: relative;
	left: 0px;
    top: 0px;
	bottom: 0px;
	text-align: center;
	background-color: #f3f8e2;
	background-image : url('../jpg/lindehg.jpg');
	border: 0px solid black;
	min-height: 100px;
	width: 95%;
	margin: 0 auto;
	}
	
.seitenkopf
	{
	position: relative;
	left: 0px;
	top: 0px;
	min-height: 106px;
	border: 0px solid yellow;
	background-color: #81bf69;
	text-align: center;
	}
	
.banner
	{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
text-align: center;
	}
	

.flags
{
	position: absolute;
	width: 100%;
	text-align: left;
	top: 55px;
	left: 7px;
	z-index: 110;
}

.uetext
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 730px; 
	font-size: 30px;
	text-align: center;
	 color: #3f611b;
	font-family: 'Jost', sans-serif;
}

.logo2
{

	position: relative;
	top: 0px;
	right: 0px;
	width: 227px; 
	height: 106px;
}

.container {
  display: inline-flex;
  text-align: center;
}
	


	.schriftstart {
		font-size: 18px;
		color: #3f611b;
		font-family: 'Itim', cursive;
	
	}
	.tabschrift {
		font-size: 16px;
		color: #000000;
		font-family: 'Jost', sans-serif;
	
	}
.topfont {
	text-align: center;
	background-color: #40ac49;
	color: #fff;
}
	
.tab1
{
	border: 1px;
	position: relative;
	top: 130px;
	left: 5px;
	width: 120px;
	 height: 15px;
}

.tabtxt
{
	font-size: 15px;
	text-align: center;
	font-family: 'Itim', cursive;
	}


.inhalt
	{
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	border: 0px solid green;
	width: 95%;
	min-height: 150px;
	font-weight: normal;
	font-size: 18px;
	font-family: 'Itim', cursive;
	color: #3f611b;
	text-align: justify;
	z-index: 95;
	}	
	
.red {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
	z-index: 95;
	
}
	


/* responsive Änderungen für die Speisekarte ---------------------- Start------------------------------------------- */

.box {
			text-align: center;
            margin: 30px;
            height: 150px;
			max-width: 70%;
            background-color: #ebe0a4;
			border-radius: 20px;
			border:  2px solid darkgreen;
            overflow-wrap: break-word;
			
        }
		
.zustoff {
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
}

.fett {
	font-weight: bold;
	font-family: 'Itim', cursive;
    font-size: 18px;
}


.kleiner {
	font-size: 16px;
}
		
@media screen and (max-width: 64em) {
 .box {
			text-align: center;
            margin: 30px;
            height: 150px;
			max-width: 70%;
            background-color: #ebe0a4;
			border-radius: 20px;
			border:  2px solid darkgreen;
            overflow-wrap: break-word;
 }
.zustoff {
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
}

.fett {
	font-weight: bold;
	font-family: 'Itim', cursive;
    font-size: 18px;
}


.kleiner {
	font-size: 16px;
}
			
 
}

@media screen and (max-width: 50em) {
 .box {
			text-align: center;
            margin: 30px;
            height: 170px;
			max-width: 95%;
            background-color: #ebe0a4;
			border-radius: 20px;
			border:  2px solid darkgreen;
            overflow-wrap: break-word;
			
        }
		
.zustoff {
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 9px;
}

.fett {
	font-weight: bold;
	font-family: 'Itim', cursive;
    font-size: 16px;
}


.kleiner {
	font-size: 14px;
}
}

@media screen and (max-width: 30em) {
  .box {
			text-align: center;
            margin: 30px;
            height: 190px;
			width: 95%;
            background-color: #ebe0a4;
			border-radius: 20px;
			border:  2px solid darkgreen;
            overflow-wrap: break-word;
			
        }
.zustoff {
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 8px;
}

.fett {
	font-weight: bold;
	font-family: 'Itim', cursive;
    font-size: 14px;
}


.kleiner {
	font-size: 12px;
}
}

/* responsive Änderungen für die Speisekarte ---------------------- Ende------------------------------------------- */
		
.p {
            margin: 10px;
            padding: 10px;
        }
		
/* responsive Änderungen für die Öffnungszeiten ---------------------- Anfang------------------------------------------- */
		
.tabelle1 {
			text-align: center;
            border: 1px;
			width: 50%;
	
 }	

.th1 {
	background-color: #40ac49;
	border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	width: 100%;
}

.th2 {
	background-color: #40ac49;
	 border: 1px;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #fff;
    font-size: 16px;
	width: 50%;
}


.td1 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	width: 50%;
} 

		


@media screen and (max-width: 64em) {
 .tabelle1 {
			text-align: center;
            border: 1px;
			width: 50%;
	
 }
.th1 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	width: 100%;
}

.th2 {
	background-color: #40ac49;
	 border: 1px;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #fff;
    font-size: 16px;
	width: 50%;
}


.td1 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	width: 50%;
}
}
		


@media screen and (max-width: 50em) {
.tabelle1 {
			text-align: center;
            border: 1px;
			width: 50%;
	
 }
.th1 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	width: 100%;
}

.th2 {
	background-color: #40ac49;
	 border: 1px;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #fff;
    font-size: 16px;
	width: 50%;
}


.td1 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	width: 50%;
}
}

@media screen and (max-width: 30em) {
  .tabelle1 {
			
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
.th1 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	width: 100%;
}

.th2 {
	background-color: #40ac49;
	 border: 1px;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #fff;
    font-size: 10px;
	width: 50%;
}


.td1 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	width: 50%;
}
}

/* responsive Änderungen für die Öffnungszeiten ---------------------- Ende------------------------------------------- */	


/* responsive Änderungen für die Seitentexte ---------------------- Anfang------------------------------------------- */


 
.textres1 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: justify;

}


@media screen and (max-width: 64em) {
 
.textres1 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: justify;

}

}

@media screen and (max-width: 30em) {

.textres1 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 12px;
	text-align: justify;

}

}

/* responsive Änderungen für die Seitentexte ---------------------- Ende------------------------------------------- */	


/* responsive Änderungen für die  Ausflugtipps ---------------------- Anfang------------------------------------------- */

 .tabelle2 {
			text-align: center;
            border: 1px;
			width: 90%;
	
 }
 
.th5 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 20%;
}

.th6 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 60%;
}

.th7 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 10%;
}

.th8 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 10%;
}


.td5 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 20%;
}

.td6 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 60%;
}

.td7 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: center;
	width: 10%;
}

.td8 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: center;
	width: 10%;
}
}

@media screen and (max-width: 64em) {
 .tabelle2 {
			text-align: center;
            border: 1px;
			width: 90%;
	
 }
 
.th5 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 20%;
}

.th6 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 60%;
}

.th7 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 10%;
}

.th8 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 16px;
	text-align: center;
	width: 10%;
}


.td5 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 20%;
}

.td6 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 60%;
}

.td7 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: center;
	width: 10%;
}

.td8 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: center;
	width: 10%;
}
}

@media screen and (max-width: 30em) {
 .tabelle2 {
			text-align: center;
            border: 1px;
			width: 90%;
	
 }
 
.th5 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 20%;
}

.th6 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 60%;
}

.th7 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 10%;
}

.th8 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 10%;
}


.td5 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: left;
	
	width: 20%;
}

.td6 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: left;
	width: 60%;
}

.td7 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 10%;
}

.td8 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 10%;
}
}

/* responsive Änderungen für die Tabelle Ausflugtipps ---------------------- Ende------------------------------------------- */	

/* responsive Änderungen für die Tabelle Preise Hotel ---------------------- Anfang------------------------------------------- */


 .tabelle3 {
			text-align: center;
            border: 1px;
			width: 95%;
	
 }
 
.th9 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 40%;
}

.th10 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 20%;
}

.td9 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 40%;
}

.td10 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 20%;
}

}

@media screen and (max-width: 64em) {
 

 .tabelle3 {
			text-align: center;
            border: 1px;
			width: 95%;
	
 }
 
.th9 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 40%;
}

.th10 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 20%;
}

.td9 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 40%;
}

.td10 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 20%;
}

}

@media screen and (max-width: 30em) {

 .tabelle3 {
			text-align: center;
            border: 1px;
			width: 100%;
	
 }
 
.th9 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 40%;
}

.th10 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 20%;
}

.td9 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 40%;
}

.td10 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 20%;
}

}

/* responsive Änderungen für die Tabelle Preise Hotel ---------------------- Ende------------------------------------------- */	

/* responsive Änderungen für die Tabelle Preis Aufschlag ---------------------- Anfang------------------------------------------- */


 .tabelle4 {
			text-align: center;
            border: 1px;
			width: 50%;
	
 }
 
.th11 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 70%;
}


.td11 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 30%;
}

}

@media screen and (max-width: 64em) {
 

.tabelle4 {
			text-align: center;
            border: 1px;
			width: 50%;
	
 }
 
.th11 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 70%;
}


.td11 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 30%;
}

}

@media screen and (max-width: 30em) {

.tabelle4 {
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
 
.th11 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: normal;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 70%;
}


.td11 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 30%;
}

}

/* responsive Änderungen für die Tabelle Preis Aufschlag ---------------------- Ende------------------------------------------- */	

/* responsive Änderungen für die Tabelle Preise Fewo ---------------------- Anfang------------------------------------------- */


 .tabelle5 {
			text-align: center;
            border: 1px;
			width: 95%;
	
 }
 
.th12 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 33%;
}



.td12 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 33%;
}

}

@media screen and (max-width: 64em) {
 
 .tabelle5 {
			text-align: center;
            border: 1px;
			width: 95%;
	
 }
 
.th12 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 18px;
	text-align: center;
	width: 33%;
}



.td12 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 33%;
}

}


@media screen and (max-width: 30em) {

 .tabelle5 {
			text-align: center;
            border: 1px;
			width: 100%;
	
 }
 
.th12 {
	background-color: #40ac49;
	 border: 1px;
	font-family: 'Itim', cursive;
	font-weight: bold;
	color: #fff;
    font-size: 10px;
	text-align: center;
	width: 33%;
}



.td12 {
	background-color: #ebe0a4;
	 border: 1px;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: center;
	width: 33%;
}

}


/* responsive Änderungen für die Tabelle Preise FeWo ---------------------- Ende------------------------------------------- */	

/* responsive Änderungen für die Tabelle Preiszusatz ---------------------- Anfang------------------------------------------- */

.td13 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: left;


}

@media screen and (max-width: 64em) {
 
 .td13 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: left;

}

}


@media screen and (max-width: 30em) {

.td13 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: left;

}

}


/* responsive Änderungen für die Tabelle Preiszusatz ---------------------- Ende------------------------------------------- */	

/* responsive Änderungen für die Tabelle Impressum ---------------------- Anfang------------------------------------------- */


 .tabelle6 {
			text-align: center;
            border: 1px;
			width: 40%;
	
 }
 
.td13 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: right;
	width: 40%;
}



.td14 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 60%;
}

@media screen and (max-width: 64em) {
 
 .tabelle6 {
			text-align: center;
            border: 1px;
			width: 40%;
	
 }
 
.td13 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: right;
	width: 40%;
}



.td14 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 60%;
}

}


@media screen and (max-width: 30em) {

 .tabelle6 {
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
 
.td13 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: right;
	width: 40%;
}



.td14 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: left;
	width: 60%;
}
}


/* responsive Änderungen für die Tabelle Impressum ---------------------- Ende------------------------------------------- */

/* responsive Änderungen für die Tabelle Disclaimer ---------------------- Anfang------------------------------------------- */


 .tabelle7 {
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
 
.td16 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 100%;

}



.td17 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 14px;
	text-align: justify;
	width: 100%;
}

@media screen and (max-width: 64em) {
 
 .tabelle7 {
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
 
.td16 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 16px;
	text-align: left;
	width: 100%;

}



.td17 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 14px;
	text-align: justify;
	width: 100%;
}

}


@media screen and (max-width: 30em) {

 .tabelle7 {
			text-align: center;
            border: 1px;
			width: 80%;
	
 }
 
.td16 {
	background-color: #ebe0a4;
	font-weight: bold;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 11px;
	text-align: left;
	width: 100%;

}



.td17 {
	background-color: #ebe0a4;
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 10px;
	text-align: justify;
	width: 100%;
}
}


/* responsive Änderungen für die Tabelle Disclaimer ---------------------- Ende------------------------------------------- */

/* responsive Änderungen für die Linktexte ---------------------- Anfang------------------------------------------- */


 
.td15 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 50%;
}

@media screen and (max-width: 64em) {
 
 .td15 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 18px;
	text-align: center;
	width: 50%;
}

}


@media screen and (max-width: 30em) {

.td15 {
	font-weight: normal;
	font-family: 'Itim', cursive;
	color: #3f611b;
    font-size: 12px;
	text-align: center;
	width: 50%;
}
}


/* responsive Änderungen für die Linktexte ---------------------- Ende------------------------------------------- */	

details {
    text-align: center;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Itim', cursive;
	color: #3f611b;
}

summary:hover {
	text-decoration: underline;
	cursor: pointer;
}

.tabdaten {
	text-align: center;
	width:80%;
     border: 1px solid black;
}
		
.tabellestart {
	 width:80%;
     border:0;
	 text-align:center;
}



.schriftstart {
	text-align: justify;
}
	
.uetextstart
{

	top: 0px;
	text-align: center;
	
}
	
.main {
	text-align: center;
	
}

/* responsive Änderungen für die Fusszeile ---------------------- Anfang------------------------------------------- */

.footext
	{
		
	clear: both;
	position: relative;
	left: 0px;
	top: 6px;
	color: #3f611b;
	font-family: 'Itim', cursive;
	font-size:14px;
	}



@media screen and (max-width: 64em) {
 
.footext
	{
		
	clear: both;
	position: relative;
	left: 0px;
	top: 6px;
	color: #3f611b;
	font-family: 'Itim', cursive;
	font-size:14px;
	}

}


@media screen and (max-width: 30em) {

.footext
	{
		
	clear: both;
	position: relative;
	left: 0px;
	top: 6px;
	color: #3f611b;
	font-family: 'Itim', cursive;
	font-size:10px;
	}


}
/* responsive Änderungen für die Fusszeile ---------------------- Ende------------------------------------------- */

.footer
	{
	clear: both;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 30px;
	margin: 0 0 0 0px;
	border: 0px solid blue;
	background-color: #92c13e;
	text-align: center;
	color: #3f611b;
	font-family: 'Itim', cursive;
	font-size:14px;
	}

}