/* Media Querys */
@media (max-width: 880px) {
         #teaser .left { font-size: 1.0em; }
         .appstores img { max-height: 68px; width: auto; }
         #teaser #slider_text { font-size: 1.0em; }
}
@media (max-width: 800px) {
	.appstores img { max-height: 50px; width: auto; }
         .appstores b { font-size: 0.85em; }
}
@media (max-width: 720px) {
 	#teaser #slider_text { font-size: 0.8em; width: 250px; }
}
@media (max-width: 680px) {
         #teaser .left { font-size: 1.1em; padding-top: 20px;  }
         .appstores { text-align: center; }
         .appstores b { font-size: 1.0em; text-align: center; }
         .appstores img { max-height: 60px; width: auto; }

	#teaser .left { float: none; width: calc(100% - 0px); }
         #teaser .left .titel {  width: calc(100% - 0px); height: auto; text-align: center; }

         #teaser #smartphone { float: none; margin: 50px auto 0 auto; }
         #teaser #smartphone .pfeil_right { display: none; }
         #teaser #smartphone .pfeil_top { display: block; }

         #teaser #slider_text { display: none; }
         #teaser #slider_text2 { display: block; }
}

@media (max-width: 600px) {
	.in { padding: 0px 10px; }
         #teaser #smartphone {  width: 300px; }
	#header { height: auto; padding: 10px 0px; }
	#header .logo img { float: none; }
	#header .logo { float: none; display: block; width: 100%; text-align: center; }
	#header .menu { float: none; display: block; width: 100%; text-align: center; font-size: 1.2em; padding-top: 10px; }

         #content { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); margin-top: -70px; padding: 80px 0px 20px 0px; }
         #content .vorteile .item { float:none; width: calc(100% - 0px); margin: 10px 0px; border-top: 5px #000000 dotted; font-size: 1.0em; padding-top: 20px; text-align: center; }
	#content .vorteile .item:nth-child(2) { margin: 10px 0px; }
         #content .vorteile .item img { float: none; margin-left: 0; }
}

@media (max-width: 480px) {
	table td { display: block; text-align: left; width: 100%; }
	table td:first-child { display: block; text-align: left; width: 100%; }
	table td:last-child { display: block; text-align: right; width: 100%; font-weight: bold; padding-bottom: 5px; }
}