/*RESPONSIVE*/

.LogoMobile {display: none;}
.monavfil0 {fill:#929292}
.monavfil1 {fill:white}
.iconNavi {display: none}
.iconNaviB svg {position: relative; z-index:10000000;}

@media (max-width:1024px){
	.galerieThmb {width:13.9%!important;}
}

@media (max-width: 970px) {
	.fuss2, .fuss3 {padding-top:unset;}
	.NewsBox {width:100%}
	.NewsBox h3 {margin-top:4%;margin-bottom:4%;}
	.fussfern {display:none;}
	.galerieThmb {width:13.6%!important;}
}

@media (max-width: 860px) {
	.fuss1, .fuss2, .fuss3, fuss4 {text-align: left;
	min-width: 100%;}
	.fuss4{ margin-top: -40px;}
	.fuss2, .fuss3 { margin-top: 40px;}
}


@media (max-width: 780px) {
	.parallax-innen {
		background: url(/bilder/grafik/rotes-feld.png)no-repeat;
		background-size: 658px;
		color: #fff;
		max-width:90%;
		padding-left:1%!important;
	}
	.funktionsimg {padding-bottom:2%;padding-top:2%;width:10%}
	.funktionsimg svg {height:50px!important;}


	.galerieThmb {width:32%!important;}
	.galeriedesktop, .galerieiphone {display:none;}
	.galerieipad {display: inline-block;}
	.paketediv {margin-bottom:15%}
}
@media (max-width:768px){
	
	.svgdt {display: none;}
	.svgmo {display: block}
	.nurDesktop {display:none!important;}
	.nurIpad {display:contents;}
	.nurIPad {display:block;}
	.paketeresponsive {margin:5% 2% 5% 0}
	.paketeresponsive td {width:200px;height:120px;}
	.paketeresponsive td svg{padding:0 20px}
	.paketeresponsive td svg{height:80px}
	.paketeresponsive td:nth-child(1), 	.paketeresponsive td:nth-child(2), .paketeresponsive.funktion td:nth-child(3) {border-right:1px solid #cbcbcb}
	.funktionsimg svg {height:50px!important;margin-bottom:-25%;}
	.form50 {width:100%}
	input[type=text],textarea {width: 100%;}
	.sendform {width: 50%;}
	.news50 {width:100%; float:left;}
	.news501 {padding-right:0px;}
	.news502 {padding-left:0px;}	
	.Logo svg {width: 290px;}
	.beratung { font-size: 1rem}
	.NewsBoxarchiv {margin-left:2%}
	.startliste-icon:before { padding: 25% 0 0 20%;}
		.fuss3 {text-align:left;}
}


@media (max-width: 767px){
	.Logo,.special-md-9  {width: 50%}
	.beratung {display:none;}
	.startliste {width:55%;}
	.startliste td {vertical-align: unset;padding-bottom:4%;}
		.startliste-icon:before { padding: 25% 0 0 18%;}
	.nurDesktopIpad {display:none;}
}


@media (max-width: 480px) {
	.headlogo {height: 250px}

	.Logo,.special-md-9  {width: 100%}
	.Logo  {display: none;}
	.LogoMobile {display: block;height: 100px;width: 100%;margin-top:80px; !important;}
	.header {padding: 12% 2%;margin: 0 0 10px 0;!important}
	.mitAbstandA {padding: 2rem 0}
	.navbarcontainer {	
		background: transparent;
		background-image: url(/data/images/dropbg2.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-position-y: 35px;
		margin-top: 60px;}


	.mynavbar {
		width: 320px;
		position: absolute;
		z-index: 100000;
		border: none;
		right: -20px;
		top: 30px;}

.iconNavi {display: block;position: absolute;top: 30px;}
	
.iconNavi a.iconNaviB svg {width: 60px;}
	.LogoMobile svg {
		height: 180px;
		width: 300px}

	body, .card-body {font-size:1rem;}

	h1 {
		font-size: 2.4em }
	.tabellenliste-icon {width:10%;padding:0 0 1% 0}
	.tabellenliste-icon:before {font-size:1.6rem;margin-left:25%;}
	.parallax-innen {
		background: url(/bilder/grafik/rotes-feld-handy.png)no-repeat;
		background-size: 390px;
		color: #fff;
		max-width:88%;
	}
	.funktionsimg {padding-bottom:2%;padding-top:2%;width:11%}
	.funktionsimg svg {height:35px!important;margin-bottom:-25%;}

	.galerieThmb {width:49%!important;}
	.parallax-innen{margin: 20px auto;}
	.fuss2, .fuss3 {padding-top:8%;}
	.fuss4 {padding-top: 0.5%}
	.galeriedesktop, .galerieipad {display:none;}
	.galerieiphone {display: inline-block;}
	.paketeresponsive td {height:100px;}
	.paketeresponsive td svg{height:60px;padding:0 20px}
	.startliste {width:71%;}
	.startliste td {vertical-align: top;padding-bottom:4%;}
	
	

}

@media (max-width: 420px) {
	h1 {	font-size:2.2em }
	h2, .extraklasse {font-size:2rem}
	.subline {font-size:1.4rem;}
	.tabellenliste-icon {width:5%;padding:0 0 1% 0}
	.tabellenliste-icon:before {font-size:1.4rem;margin-left:15%;}
	.tabellenliste-icon {width:5%;padding:0 0 1% 0}
	.tabellenliste-icon:before {font-size:1.4rem;margin-left:15%;}
	.parallax-innen {
		background-size: 350px;
		max-width:90%;
		padding:5%}
	.funktionsimg {padding-bottom:2%;padding-top:2%;width:11%}
	.funktionsimg svg {height:30px!important;margin-bottom:-25%;}
	.paketeresponsive td svg{height:60px;padding:0 10px}
}
@media (max-width: 375px) {
	.paketeresponsive td svg{height:55px;padding:0 5px}
}