﻿@media (max-width: 749px) { /* max-device-width */

	.fancy {
		pointer-events: none;
		cursor: default;
	}
	
	.top {
		height: auto !important;
		margin-left: 0px !important;
		width: auto !important;
		left: 0px !important;
		position: relative !important;
	}
	
	
	.Logo {
		display: none;
	}
	
	.suche {
		display: none;
	}
	
	#slideshow {
		display: none;
	}
	
	#socialmedia_sidebar {
	}
	
	#faehnchen {
		display: none;
	}
	
	.layout26boxLeft, .layout26boxMiddle, .layout26boxRight {
		width: 100% !important;
	}
	
	.cycle-slideshow { width: auto !important; min-width: 200px !important; }
	
	.ui-accordion-header { font-size: 85% !important; }
	
	.titlePics { 
		width: auto !important;
		margin: 0 0 0 0 !important
	}
	
	.titleBild { 
		width: auto !important;
		margin: 0 0 0 0 !important
	}
	
	.defaultBild { 
		width: auto !important;
		margin: 10px 0 0 0 !important
	}
	
	.hotline {
		display: none;
	}
	
	.nav-rechtliches {
		display: none;
	}
	
	/* kacheloption deaktivieren */
	.form-group.darstellung { display: none; }

	/* keine container */
		/* keine container */
	#right-visibility {
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid;
		font-size: 13px;
		padding: 5px;
	}
	div.right { display: none; width: 100% !important; max-width: 100% !important; margin-right: 0 !important; top: 0 !important; }
	div.right > .anzeigecontainer { display: none; }
	div.left { display: none !important; }
	
	/* kein hintergrundbild */
	body { background-image: none !important; background-color : #fff !important; }
	
	.outer {
		background-image: none !important;
		border-left: 0 !important;
		position: static !important;
	}
	
	.center {
		background-image: none !important;
		width: auto !important;
		top: 0px !important;
	}
	
	div.wrapper {
		min-width: 0 !important;
		max-width: 100% !important;
		width: auto !important;
	}
	
	div.outer {
		border-right: 0 !important;
		border-left: 0 !important;
		width: auto !important;
		margin-left: 0px;
		left: 0px;		
	}
	
	div.inner {
		border-right: 0 !important;
		border-left: 0 !important;
		width: auto !important;
		margin-left: 0px;
		left: 0px;		
	}
	
	div.footer {
		padding: 0 3%;
    width: 94% !important;
	}
		
	div.bottom {
		width: 100% !important;
	}
	
	div.bottom-adfc {
		left: 10px !important;
	}
	
	div.bottom-sueden {
		top: -260px !important;
		right: 0 !important;
	}
	
	div.bottom-text {
		padding-top: 10px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	
	.top a img {
		
	}
	
	.allpics img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	img.allpics {
		max-width: 100% !important;
		height: auto !important;
	}
	
	img.headerr {
		display: inline-block !important;
		width: 100% !important;
	}
	
	.center a img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.nav {
		width: 100% !important;
		position: relative !important;
		max-height: auto !important;
		height: auto !important;
	}
	
	.nav.closed {
		display: none !important;
	}

	.nav.opened {
		position: relative !important;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		padding: 0 !important;
		border: 0 !important;
	}

	.nav.opened {
		max-height: 9999px;
	}

	.nav.disable-pointer-events {
		pointer-events: none !important;
	}

	.nav .alt a {
		background: #555;
	}

	.nav.opened li {
		/*display: block  !important;*/
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.nav.opened li:hover ul {
		opacity: 1 !important;
	}

	.nav.opened li a{
		background-color: #fff !important;
		color: #884b91 !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 20px !important;
		font-size: 16px !important;
		text-align: left !important;
		font-weight: normal !important;
	}

	.nav.opened li.act > a, .nav.opened li a:hover{
		color: #fff !important;
		background-color: #884b91 !important;
	}

	.nav ul  {
		display: block !important;
		position: static !important;
		border: none !important;
		padding: 5px 0 10px 0 !important;
		margin: 0 !important;
		width: 100% !important;
		opacity: 1 !important;
		float: left !important;
		background-color: #ffffff !important;
	}

	.nav ul ul {

	}

	.nav li:hover > ul {
		display: block !important;
	}

	.nav ul  a { text-indent: 5px !important; }

	.nav ul  ul a { text-indent: 10px !important; }

	.nav ul  ul  ul a { text-indent: 15px !important; }


	.nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 100px;
		height: 55px;
		float: left;
		overflow: hidden;
		background: #884b91 url("/statimages/hamburger.gif") no-repeat right;
		line-height: 55px;
		font-weight: bold;
		text-decoration: none !important;
		color: #721965 !important;
		text-indent: -9999px;
		font-size: 22px;
		outline: none !important;
	}
	
	.flyout { height: auto; width: auto; }
	.flyout .nav li { position: static !important; }
	
	.dropdown-menu {
		box-shadow: none;
	}
	
	.dropdown-menu a:hover {
		background: #721965 !important
	}
	
	.pic4 img { max-width: 100% !important; }
	.pic19 { text-align: center !important; max-width: 550px !important; margin: 0 auto !important; }
	.pic19 div { float: none !important; display: inline-block; vertical-align: top; }
	.flyout a img {display:none !important;position:static !important;}
	.flyout a img.headerr{display: inline-block !important;}
	.contentrahmen {margin:20px !important;}
	
	select { width: auto !important; }
}


@media (min-width: 750px) {
	/* navigationsknopf verstecken */
	.nav-toggle {
		display: none;
	}
	.nav {
		position: absolute !important;
	}
	
	#right-visibility { display: none; }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("/statimages/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}
