/* roboto-condensed-300italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 200;
	font-size: 24px;
	text-align: center;
	background: #ffffff;
	text-align:center;
	margin:0;
	height: 100%;
	width: 100%;
}

#wrapper { 
	text-align: left;							
	margin: auto;
	width: 100%;
}

.clear {clear:both;}

#kopf {
	position: fixed;
	width: 100%;
	background-color: #fff;
}

#header {height: 110px;}

#pilz {
	float: left;
	font-size: 32px;
	line-height: 25px;
	font-weight: 700;

	padding: 30px 0 0 280px;
}

#pilz span{
	font-size:16px;
	font-weight: 200;
}

#logo {
	float:right;
	width:5%;
	text-align: right;
	margin-right: 40px;
	margin-top:10px;
	padding-right: 100px;
}

#smartnav {display:none;}

nav {
	font-size: 16px;
	background-color: #87918D;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
}
nav ul {
	text-align: left;
	display: inline;
	margin-left: 240px;
	padding: 15px 4px 17px 0;
	list-style: none;
}

nav ul li { 
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 15px 5px;
	background: #87918D;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li:hover {
	background: #DA3449;
	color: #fff;
}
nav ul li ul {
	padding: 0;
	position: absolute;
	top: 50px;
	left: -240px;
	width: 188px;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}


nav ul li ul li { 
	background: #DA3449; 
	display: block; 
	color: #fff;
	padding:0;
 
}

nav ul li ul li:hover { 
	background: #E87700;
}

nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

nav ul li a {
    text-decoration: none;
    color: #fff;
	padding: 15px 35px;

}

nav ul li ul li a {
    text-decoration: none;
    color: #fff;
	padding: 15px 20px 15px 40px;
	display: block;
}
	
#content_home {
	padding-top: 250px;
	background-image: url(../images/h_home_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content_uns, #content_kontakt, #content_impressum, #content_daten, #content_unfall {
	padding-top: 220px;
	background-image: url(../images/h_unfall_2_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content_kontakt a:hover{
	color:#E87700;
}

.space{
	padding-top:130px;
}

.article span {
	font-weight: 700;
}

#content_home .article {
	padding: 0px 400px 120px 590px;
}

#content_impressum span{
	font-weight: 700;
}
h1 {
	font-weight: 700;
	font-size: 28px;
}

.taet {
	float:left;
	width:510px;
	text-align:right;
	margin-right:80px;
	min-height:520px;
	padding-top:100px; 
}
.klein {display:none;}

.saeule2 {
	width:150px;
	float:none;
	margin-left:260px;
}
.saeule3 {
	width:110px;
	float:none;
	margin-left:300px;
}

.taet img{
	margin-bottom:10px;
}

.text {
	padding: 100px 200px 0 600px;
}

.anschrift{
	margin-top:15px;
}
.anschrift td {
	padding-right:20px;
}
.line {
	background-color: #DA3449;
	height: 2px;
	margin-left:125px;
	margin-right:100px;
}

.bem {
	font-size:14px;
	padding: 20px 20px 20px 590px;
	min-height: 90px;
		
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(171,171,171,1));

}
.balken{
	height: 1px;
}
.verlauf {
	height: 110px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(171,171,171,1)); 
    background: linear-gradient(to top, rgba(255,255,255,0), rgba(171,171,171,1));

}
.bem .eins{
	width:50px;
}
.bem .zwei{
	width:250px;
}

.bem ul {
	list-style-type:disc;
	color: #DA3449;
	margin:0;
	padding:0;
	list-style-position:inside;
}
.text ul {
	list-style-type:disc;
}

#content_unfall {
	background-image: url(../images/h_unfall_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	height:980px
}
#content_unfall .article {height:830px;}
#content_bio , #content_fahrzeug , 
#content_speicher , #content_elektronik , #content_mikro  {
	height:1050px;
}
#content_material{
	height: 1060px;}
#content_bio .article, #content_fahrzeug .article,
#content_speicher .article, #content_elektronik .article, #content_mikro .article {
	height:807px;
}
 #content_material .article{
	height: 799px;}

#content_bio {
	background-image: url(../images/h_bio_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#content_fahrzeug {
	background-image: url(../images/h_fahrzeug_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#content_material {
	background-image: url(../images/h_materialschaden.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#content_speicher {
	background-image: url(../images/h_speicher.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#content_elektronik {
	background-image: url(../images/h_elektronik.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#content_mikro{
	background-image: url(../images/h_mikro.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

#content_stellen{
	background-image: url(../images/h_fahrzeug_2_2.jpg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#content_kontakt table a {
	text-decoration:none;
	color:#DA3449;
	width:100%;
}
#footer {
	background-color: #ababab;
	font-size:12px;
	color: #bcbcbc;
	padding-left:100px;
	margin-top:1px;
}

#footer .navfoo {
	float:left;
	width:18%;
}
#footer .navfoo2 {
	float:left;
	width:15%;
}

#footer ul{
	padding:0px;
}

#footer ul li{
	text-align:left;
	list-style: none;
}

#footer ul li a {
    text-decoration: none;
    display: block;
	color: #000;
}

#footer ul li a:hover {
    color: #DA3449;
}
#navbottom .weg , .telefon .weg, .weg tr{
		display:block;
}

#navbottom .weg2, .telefon .weg2, .weg2 tr{
		display:none;
}
.copy{
	color:#fff;}	

@media screen and (max-width:1450px){
	body {font-size:20px;}


	#pilz {
		padding: 30px 0 0 180px;
	}

	#logo {
		padding-right: 200px;
	}
	nav ul {
		margin-left: 140px;
	}
	
	nav ul li ul {
		left: -140px;
	}
	
	#content_unfall , #content_bio , #content_fahrzeug , #content_material,
	#content_speicher , #content_elektronik , #content_mikro  {
	height:auto;
}

	#content_unfall .article, #content_bio .article, #content_fahrzeug .article, #content_material .article,
	#content_speicher .article, #content_elektronik .article, #content_mikro .article {
		height:auto;
	}

	#content_home .article {
		padding: 20px 200px 20px 490px;
		min-height:80%;
	}
		
	.taet {
		width:410px;
		min-height:500px;
		padding-top:50px; 
	}
	.text {
		padding: 50px 200px 20px 490px;
	}
	
	#content_kontakt .text, #content_impressum .text{
		padding: 50px 50px 20px 490px;
	}

	.bem {
		padding: 20px 20px 20px 490px;
	}
	
	#footer {
		padding: 10px 10px 10px 190px;
	}
}

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


	#pilz {
		padding: 30px 0 0 80px;
	}

	#logo {
		padding-right: 100px;
	}
	nav ul {
		margin-left: 40px;
	}
	
	nav ul li ul {
		left: -40px;
	}
	
	#content_home .article{
		padding: 20px 100px 20px 390px;
		min-height:80%;
	}
	
	#content_kontakt, #content_home{ 
		background-image: url(../images/h_unfall_3.jpg);
		background-position: left bottom;
	}

	
	.taet {
		width:310px;
		padding-top:50px; 
	}
	
	.saeule, .saeule2 {
		width:150px;
		float:none;
		margin-left:160px;
	}
	 	
	.saeule3 {
		width:120px;
		float:none;
		margin-left:190px;
	}
	
	.klein {display:block;}
	.gross {display:none;}
	
	.text {
		padding: 50px 100px 20px 390px;
	}
	#content_kontakt .text, #content_impressum .text{
		padding: 50px 20px 20px 390px;
	}
	.bem {
		padding: 20px 20px 20px 390px;
	}
	.kosten{
		padding-right: 30px;
	}
	#footer {
		padding: 10px 10px 10px 80px;
	}
}
	

@media screen and (max-width:1000px){
	
	#content_home .article {
		padding: 20px 100px 20px 195px;
		min-height:80%;
	}
	
	.space{
		padding-top:50px;
	}
	.taet {
		width:280px;
		min-height:520px;
		margin-right:30px;
	}
	.text {
		padding: 50px 80px 20px 310px;
	}
	#content_kontakt .text, #content_impressum .text {
		padding: 50px 20px 20px 310px;
	}
	
	#content_bereiche .text {
		padding-top:1px;
	}
	
	#content_bereiche .taet {
		padding-top:0px;
	}
	#content_uns .bem, #content_kontakt .bem, #content_impressum .bem {
		padding: 20px 20px 20px 190px;
	}

	.saeule, .saeule2 {
		margin-left:130px;
	}
	
	.saeule3{
		margin-left:160px;
	}
	

	#footer .navfoo {
	float:left;
	width:21%;
	}
	#footer .navfoo2 {
		float:left;
		width:15%;
	}
	.bem {
		padding: 20px 20px 20px 310px;
	}
	
	.line {
		margin-left:20px;
		margin-right:20px;
	}
		#smartnav {
		display:block;
		background-color: #87918D;
		height:40px;
		width:100%;
	}
	
	#smartnav img{
		padding: 8px 20px 7px 20px;
	}
	
	#smartnav  a{
		width:100%;
		text-decoration:none;
	}
	
	#smartnav  a :hover, #zeig a :hover{
		background-color: #DA3449;
		padding: 8px 20px 7px 20px;
	}
	
	nav {display:none;}
	
	#navbottom a {
		width:98%;
		background-color:#ffffff;
		padding:10px 6px;
		text-align:center;
	}
	
	#zeig {
		color:#000000;
	}
		
	#navbottom .weg, #navbottom .weg3 {
		display:none;
	}
	#navbottom .weg2 {
		display:block;
	}
	
	#footer {
		padding-left:20px;
		padding-right:25px;
	}
	#footer .navfoo {
		float:none;
		width:100%;
	}
	#footer .navfoo2 {
		float:none;
		width:100%;
	}
	.telefon .weg {
		display:none;
	}
	.telefon .weg2 {
		display:block;
	}
	
}

@media screen and (max-width:860px){
	
	body {font-size:18px;}
	
	h1 {
		font-weight: 700;
		font-size: 22px;
	}
	
	#header {height: 110px;}

	#pilz {
		width: auto;
		padding: 30px 0 0 10px;
	}

	#pilz span{
		font-size:16px;
	}
	#logo {
		margin: 15px 0 0 0;
		width:2%;
	}	

	#logo img{width:90px;}
			
	#content_home {
		padding-top: 150px;
	}

	#content_home .article {
		padding: 40px 20px 40px 70px;
	}
	.taet {
		width:220px;
		min-height:520px;
		}
		
	#content_uns .taet, #content_stellen .taet, #content_kontakt .taet, #content_impressum .taet {
		width:90%;
		margin:0;
		text-align:left;
		min-height:auto;
		padding:0 0 0 20px;
	}
	#content_uns .text, #content_stellen .text, #content_bereiche .text{
		padding: 0 20px 20px 20px;
	}
	 #content_kontakt .text, #content_impressum .text  {
		padding:0 0 0 20px;
		margin:0px;
	}
	.saeule, .saeule2, .saeule3 {
		margin-left:70px;
	}
	
	.bem {
		padding: 20px 20px 20px 70px;
	}
	#content_uns .bem, #content_kontakt .bem , #content_impressum .bem {
		padding: 20px 20px 20px 20px;
	}
	
}


@media screen and (max-width:550px){
    body {font-size:16px;}
	#pilz {
		font-size:25px;
		line-height: 28px;
		padding: 30px 0 0 10px;
		width:70%;
		margin:0 0 20px 0;
	}
	#logo {
		margin-top:20px;
		margin-right:0;
		width:2%;
	}	
	#logo img{width:80px;}
	
	#content_bereiche .article {
		width: 90%;
		margin:0;
		padding-top:0;
	}
	#content_unfall, #content_uns{ 
		background-image: url(../images/h_unfall_3.jpg);
		background-position: left bottom;
	}

	#content_bio {
		background-image: url(../images/h_bio_2_2.jpg);
		background-position: left bottom;
	}

	#content_fahrzeug , #content_stellen {
		background-image: url(../images/h_fahrzeug_2_2.jpg);
		background-position: left bottom;
	}

	#content_material {
		background-image: url(../images/h_materialschaden_3.jpg);
		background-position: left bottom;
		}

	#content_speicher {
		background-image: url(../images/h_speicher_3.jpg);
		background-position: left bottom;
	}

	#content_elektronik {
		background-image: url(../images/h_elektronik_3.jpg);
		background-position: left bottom;
	}
	.klein {display:none;}
	.gross {display:block;}
	
	.saeule2, .saeule3{
		margin:0 2% 0 0;
		width:30%;
	}
	
	.saeule{
		margin:0;
		width:100%;
	}
	.saeule img{width:100%;}
		
	.taet {
		width:100%;
		margin-left:20px;
		text-align:left;
		min-height:auto;
		padding:0;
	}
	.text {
		width:100%;
		font-size:16px;
		margin:0;
		padding:0;
	}
	
}


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

	#pilz {
		padding: 20px 0 0 10px;
		width:60%;
	}
}

@media screen and (max-width:480px){
	.taet {
		width:90%;
		margin-left:20px;
		text-align:left;
		min-height:auto;
		padding:0;
	}
	.text {
		width:90%;
		font-size:16px;
		margin:0;
		padding:0;
	}
	.anschrift .weg{
		display:none;
	}

	.weg2 tr{
		display:block;
	}
}

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

	#pilz span{font-size: 12.5px;}
	
	#logo {
		margin-top:20px;
		margin-right:-10px;
		}

}