@media only screen and (min-width: 700px) and (max-width: 999px) {
	
	
* {font-family: 'Arial', sans-serif; font-size: 100%;}

body {margin: 0; padding: 0; text-align: center; background-color:#000; height: 100%;}

#container { width: 100%; position: relative; background-image: url(img/back_2020.jpg); background-repeat: no-repeat; z-index:1; 
margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #000;
min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important}


/** für Content top **/


#content-top { width: 90%; position: relative; text-align: left; float: left; z-index:2; margin-left:5%; margin-top:20px;}
#content-top img {width:100%; border:none;}
#content-top  h1 { display:none;}		#content-top  h2 { display:none;}

#content-top-mob { display:none;}		#content-top-mob img {display:none;}


/** für Content **/

#content-rubrik { width: 90%; position: relative; text-align: left; float: left; z-index:10; margin-left:5%; margin-top:20px;
/**		border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #fff;	**/ }
.content-rubrik img {width:60%; border:none;}

#content-mitte { width: 90%; position: relative; text-align: left; float: left; z-index:3; margin-left:5%; margin-top:2%;
border-top-width: 2px; border-top-style: solid; border-top-color: #fff;}

#content-mitte-noline { width: 90%; position: relative; text-align: left; float: left; z-index:3; margin-left:5%; margin-top:2%;}

/** sub Container Content **/
#content-mitte-links { width: 55%; position: relative; text-align: left; float: left;}
#content-mitte-rechts { width: 38%; position: relative; text-align: left; float: left; padding-left:30px; padding-top:10px;}
/** sub Container Content **/


#content-links {width: 43%; position: relative; text-align: left; float: left; z-index:4; margin-left:5%; margin-top:2%;}
#content-rechts {width: 41%; position: relative; text-align: left; float: left; z-index:5; margin-left:3%; margin-top:2%; padding-left: 30px;
border-left-width: 3px; border-left-style: solid; border-left-color: #fff;}

ul.content {font-size: 1.000em; font-weight:400; color: #fff; text-decoration: none; line-height:1.500em; text-align: left;}		
ul.content li {margin-left: -10px; list-style-type:disc; padding-left: 0px;}


#content-bilder { width: 90%; position: relative; text-align: left; float: left; z-index:6; margin-left:5%; margin-top:2%;}
.padding-bilder { padding-left: 50px;}

.table_fon-nummer{	width: 80%; border:none;}
.fon-nummer {font-size: 1.000em; color: #fff; font-weight: 400; text-align: left; padding-left: 0%;}


/** allgemein **/

p { font-size: 1.000m	; font-weight: 400; line-height: 1.500em; color: #fff;}
h1 { font-size: 1.750em; font-weight: 700;}
h2 { font-size: 1.250em; font-weight: 700;}
h3 { font-size: 1.000em; font-weight: 700;}
.p-dkrg { font-size: 1.000em; font-weight: 700; color: #8FB628;}

.weiss { color: #fff;}	.rot { color: #DC0000;}

a {font-size: 1.000em; color: #fff; font-weight: 700; text-decoration: none; }
a:hover {color: #DC0000; font-weight: 800; font-style: italic;}	a:active {color: #DC0000;}  a:visited {font-size: 1.000em;}

}