@charset "utf-8";
@font-face {
    font-family: 'BasicComLight';
    src: url('../fonts/BasicCommercialLTComLight.eot');
    src: url('../fonts/BasicCommercialLTComLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BasicCommercialLTComLight.woff') format('woff'),
         url('../fonts/BasicCommercialLTComLight.ttf') format('truetype'),
         url('../fonts/BasicCommercialLTComLight.svg#bacoli') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BasicComBold';
    src: url('../fonts/BasicCommercialLTComBold.eot');
    src: url('../fonts/BasicCommercialLTComBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BasicCommercialLTComBold.woff') format('woff'),
         url('../fonts/BasicCommercialLTComBold.ttf') format('truetype'),
         url('../fonts/BasicCommercialLTComBold.svg#bacoli') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Grundenstellungen */
body {
	margin:0;
	padding:0;
	font-size:16px;
  	background:#efefef;
	}
bodyarea {
	margin:0;
	padding:0;
	font-family: 'BasicComLight' , Arial, Helvetica, sans-serif;	
	}
.center {
	width: 1280px;
	min-height: 800px;
	margin: auto;
	position: relative;
	overflow:hidden;
	background:#ffffff;
}
@media (max-width: 1400px) {
.center {
	width:90%;
		}
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* HEADERAREA */
#headerarea{
  float:left;
  width:100%;
  height:7.5rem;
  padding: 1rem 0 0 0;
  background:#efefef;
}
#logoarea{
  float:left;
  width:25%;
}
#menuarea{
  float:left;
  width:75%;
}
#menuarea ul.nav.menu {
  height:auto;
  padding:0 0 2rem 0;
  margin:1.5rem 0 0 0;
  text-align:left;
  font-size:0.875rem;
  letter-spacing:-0.02em;
}
#menuarea ul.nav.menu li{
  display:inline-block;
  text-transform: uppercase;
  width:13%;
  height:1rem;
  margin: 0;
  text-align:center;
  position:relative;
}
#menuarea ul.nav.menu li a{
  color:#535353;
  font-family: 'BasicComBold' , Arial, Helvetica, sans-serif;
  text-decoration:none;
  width:100%; 
  padding:1rem 0 2rem 0;
  display:block;
  background: none;
}
#menuarea ul.nav.menu li a::after {
	display:block;
	transform: skew(0deg, 0deg);
	content:" ";
	height: 2rem;
	width:100%;
	background:none;
	position:absolute;
	top: 3rem;
	left:0;
 transition: transform 300ms ease-in-out 200ms;
 -webkit-transition: transform 300ms ease-in-out 200ms;
 -moz-transition: transform 300ms ease-in-out 200ms; 
 -o-transition: transform 300ms ease-in-out 200ms; 
 -ms-transition: transform 300ms ease-in-out 200ms;
	}
#menuarea ul.nav.menu li a:hover,
#menuarea ul.nav.menu li a:active,
#menuarea ul.nav.menu li.active a{
  background: #d72364;
  color:#fff;
  position:relative;
  z-index:15;
}
#menuarea ul.nav.menu li a:hover::after,
#menuarea ul.nav.menu li a:active::after,
#menuarea ul.nav.menu li.active a::after {
	transform: skew(0deg, -6deg);
	background:#d72364;
 transition: transform 300ms ease-in-out 0ms;
 -webkit-transition: transform 300ms ease-in-out 0ms;
 -moz-transition: transform 300ms ease-in-out 0ms; 
 -o-transition: transform 300ms ease-in-out 0ms; 
 -ms-transition: transform 300ms ease-in-out 0ms;
	}
#mobilebutton {
	display:none;
	}
#menubigarea > input {
	display:none;
	}	
	
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
#menuarea ul.nav.menu {
  text-align:right;
}
#menuarea ul.nav.menu li{
  width:17%;
}
}
@media (max-width: 959px) {
#menuarea ul.nav.menu {
  text-align:right;
}
#menuarea ul.nav.menu li{
  width:20%;
}
}
@media (max-width: 767px) {
#logoarea{
  float:none;
  width:100%;
  text-align:center;
}
#headerarea #menubigarea {
	clear:both;
	position:relative;
	float:none;
  	width: 100%;
	padding:0;
	margin:0 0 2rem 0;
	top:1rem;
	}
#mobilebutton {
	clear:both;
	position:relative;
	top:0;
	display:block;
    width: 100%;
    z-index: 10;
	background: #d72364;
	text-align:center;
	}
#mobilebutton #bars {
    display: block;
    padding: 10px 82px 10px 10px;
    width: 82px;
	margin:0 auto;
	position:relative;
	}
#mobilebutton #bars span.bar {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    margin: 0 auto 5px;
    padding-bottom: 5px;
    width: 32px;
}
#mobilebutton #bars::after {
	content:"Menu";
    display: block;
    padding: 10px 0;
    width: 82px;
	margin:0 0 0 10px;
	color:#ffffff;
	text-transform:uppercase;
  	font-family: 'BasicComLight' , Arial, Helvetica, sans-serif;
	font-size:0.875rem;
	position:absolute;
	top:3px;
	left:50px;
}

#menuarea {
	width:100%;
	float:none;
	padding:0;
	height:auto;
	margin:0;
	}
#menuarea ul.nav-child {
	opacity: 1;
	height:auto;
	display:block;
	overflow: visible;
	}
#menuarea li.parent:hover ul.nav-child {
	opacity:1;
	height:auto;
	}
#menuarea ul.nav.menu {
  margin:0;
}
#menuarea ul.nav.menu li {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	float:none;
	text-align:center;
	color:#ffffff;
	position:relative;
	margin:0;
	padding:0;
	border-top:1px solid #ffffff;
	}
#menuarea ul.nav.menu li a {
    padding: 1rem 0;
	color:#ffffff;
}
#menuarea ul.nav.menu li a::after {
	transform: none;
	height: 0;
	background:none;
	top: 0;
	}
#menuarea ul.nav.menu li a:hover::after,
#menuarea ul.nav.menu li a:active::after,
#menuarea ul.nav.menu li.active a::after {
	transform: none;
	background: none;
	}


#menubigarea > div#menuarea{
	clear:both;
	position:relative;
	float:none;
  	width: 100%;
	padding:0;
	margin:0 0 2rem 0;
	height: 0;
	display:block;
	overflow:hidden;
  	color:#ffffff;
  	z-index:300;
	background: #d72364;
 transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
#menubigarea > label + input:checked + div#menuarea{
  height:16rem;
  transition: all 0.5s ease-in-out 50ms;
 -webkit-transition: all 0.5s ease-in-out 50ms;
 -moz-transition: all 0.5s ease-in-out 50ms; 
 -o-transition: all 0.5s ease-in-out 50ms; 
 -ms-transition: all 0.5s ease-in-out 50ms;
}
}
@media (max-width: 460px) {
}

/* MAINMODUL */
#mainmodule{
  position: relative;
  top: 7rem;
}
#mainmodule h1{
  	font-family: 'BasicComLight' , Arial, Helvetica, sans-serif;
  	font-size:3em;
    color:#535353;
  	padding:0;
  	margin:0;
  	text-transform: uppercase;
  	position: relative;
  	left: 56%;
	width:44%; 
	top:0;	
}
p.readmore{
	transform: skew(0deg, -6deg);
	padding:1rem 1rem;
  	width:8rem;
	text-align:center;
	background:#535353;
 transition: background 300ms ease-in-out 200ms;
 -webkit-transition: background 300ms ease-in-out 200ms;
 -moz-transition: background 300ms ease-in-out 200ms; 
 -o-transition: background 300ms ease-in-out 200ms; 
 -ms-transition: background 300ms ease-in-out 200ms;
  	}
p.readmore:hover {
    background:#d72364;
 transition: background 300ms ease-in-out 0ms;
 -webkit-transition: background 300ms ease-in-out 0ms;
 -moz-transition: background 300ms ease-in-out 0ms; 
 -o-transition: background 300ms ease-in-out 0ms; 
 -ms-transition: background 300ms ease-in-out 0ms;
 }
p.readmore a{
  	text-decoration:none;
  	color:#fff;
  	transform: skew(0deg, +6deg);
  	padding:0rem 0rem;
  	width:100%;
  	display:block;
  	text-transform: uppercase;
  	font-family: 'BasicComLight' , Arial, Helvetica, sans-serif;
  	font-size:0.875rem;
	text-align:center;
}
#mainmodule p.readmore {
    position: relative;
    left: 56%;
    margin:2rem 0 0 0;
    line-height: 2rem;
 }
#mainmodule .custom {
	min-height:943px;
	width:100%;
	display:block;
	}
#mainmodule::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: -5.5rem;
    content: " ";
    display: block;
    height: 10rem;
    position: absolute;
    transform: skew(0deg, -6deg);
    width: 100%;
}
@media (max-width: 1400px) {
#mainmodule .moduletable > div{
	background-size:100% auto;
	background-repeat:no-repeat;
}
#mainmodule .custom {
	min-height:830px;
	}
}
@media (max-width: 1200px) {
#mainmodule .custom {
	min-height:680px;
	}
#mainmodule h1{
  	font-size:2em;
  	position: relative;
  	left: 56%; 
	top:-5rem;
	overflow:hidden;
}
#mainmodule p.readmore {
    position: relative;
    left: 56%;
	margin:1rem 0 0 0;
	top:-5rem;
 }
}
@media (max-width: 959px) {
#mainmodule::after {
    bottom: 25rem;
    height: 26.5rem;
    position: relative;
}
}
@media (max-width: 767px) {
#mainmodule {
	margin: 3rem 0 0;
}
#mainmodule h1{
  	font-size:1.5em;
  	position: relative;
  	left: 56%; 
	width:44%;
	top:0;	
}
#mainmodule p.readmore {
    position: relative;
    left: 56%;
	margin:1rem 0 0 0;
	top:0;
	line-height: 1rem;
 }
}
@media (max-width: 460px) {
#mainmodule .custom {
	min-height:550px;
	}
#mainmodule h1{
  	font-size:1.2em;
  	position: relative;
  	left: 56%; 
	width:44%;
	top:-5rem;	
	}
#mainmodule p.readmore {
    position: relative;
    left: 56%;
	margin:0.5rem 0 0 0;
	top:-5rem;
	line-height: 1rem;
	display:none;
 	}
}

/* contentarea */
#contentarea {
  	top:-20rem;
	position:relative;
}
.item-page{
  position:relative;
  z-index:9;
  width: 55%;
  min-height: 27rem;
  margin:0 auto;
  background:#fff;
  padding: 0 10% 0 10%;
  margin-bottom:5rem;
}
.item-page p{
  width:75%;
}
#contentarea h1,
#contentarea .item-page h2{    
	color: #535353;
    text-align: left;
    font-family: 'BasicComLight', Arial, Helvetica, sans-serif;
    margin: 0 0 1rem 0;
    line-height: 2.5rem;
    font-size: 2rem;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 3rem 0 0 0;
 }
#contentarea h1::after,
#contentarea .item-page h2::after {
    border-top: 3px solid #535353;
    content: " ";
    display: block;
    height: 0;
    margin: 2rem 0 0 0.0rem;
    position: relative;
    width: 20%;
}
#contentarea h3 {
   	color: #d72364;
    text-align: left;
    font-family: 'BasicComLight', Arial, Helvetica, sans-serif;
    margin: 0 0 1rem 0;
    line-height: 2.5rem;
    font-size: 1.5rem; 
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    padding: 3rem 0 0 0;
    }
#contentarea p,
#contentarea li{
  color:#535353;
  text-align:left;
  font-family:'BasicComLight', Arial, Helvetica, sans-serif;
  line-height:2rem; 
  }
 #contentarea li{
	 list-style:square;
	 }
#contentarea p a {
	color:#d72364;
	font-weight:bold;
 }
p strong {
	color:#d72364;
	font-family: 'BasicComBold' , Arial, Helvetica, sans-serif;
	font-weight:normal;
 }
.dreispalter p strong {
	color:#535353;
	font-family:'BasicComLight', Arial, Helvetica, sans-serif;
	font-weight:bold;
 }
.leading-0, 
.leading-1,
.leading-2,
.row-0,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8
{
	float:left;
	width:25%;
	display:block;
  	z-index: 20;
	position:relative;
	padding: 1rem 0 7rem 0;
	}
.leading-0, 
.leading-1,
.leading-2 {
	height:17rem;
	}
.row-0,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8 {
	min-height:19rem;
	}
.leading-0,
.row-0 {
	margin:0 0 0 12.5%;
	background:#d72364;
	overflow:visible;
	}
.leading-1,
.row-1 {
	margin:0;
	background:#fd93a9;
	}
.leading-2,
.row-2 {
	margin: 0 12.5% 7rem 0;
	background:#82737a;
	}
.row-3 {
	margin:0 0 0 12.5%;
	background:#82737a;
	overflow:visible;
	}
.row-4 {
	margin:0;
	background:#d72364;
	}
.row-5 {
	margin: 0 12.5% 7rem 0;
	background:#fd93a9;		
	}
.row-6 {
	margin:0 0 0 12.5%;
	background:#d72364; 
	overflow:visible;
	}
.row-7 {
	margin:0;
	background:#fd93a9;
	}
.row-8 {
	margin: 0 12.5% 7rem 0;
	background:	#82737a;	
	}
.leading-0 p::after,
.leading-1 p::after,
.leading-2 p::after {
	display:block;
	transform: skew(0deg, -6deg);
	content:" ";
	height: 5rem;
	width:100%;
	position:absolute;
	top: 21.8rem;
	left:0;
	}
.leading-0 p::after {
	background:#d72364;
	}
.leading-1 p::after {
	background:#fd93a9;
	}
.leading-2 p::after {
	background:#82737a;
	}
.row-0 p::after,
.row-1 p::after,
.row-2 p::after,
.row-3 p::after,
.row-4 p::after,
.row-5 p::after,
.row-6 p::after,
.row-7 p::after,
.row-8 p::after {
	display:block;
	transform: skew(0deg, -6deg);
	content:" ";
	height: 5rem;
	width:100%;
	position:absolute;
	top: 23.8rem;
	left:0;
	}
.row-0 p::after,
.row-4 p::after,
.row-6 p::after {
	background:#d72364;
	}
.row-1 p::after,
.row-5 p::after,
.row-8 p::after {
	background:#fd93a9;
	}
.row-2 p::after,
.row-3 p::after,
.row-7 p::after {
	background:#82737a;
	}
h2.item-title, 
.page-header h2{
	text-align:center;
	padding:2rem 2rem 2rem 2rem;
  	margin:0 0 0 0;
  	font-size:2rem;
	line-height:1.1em;
  	text-transform: uppercase;
  	font-family:'BasicComBold', Arial, Helvetica, sans-serif;
}
h2.item-title a,
.page-header h2 a{
	text-decoration:none;
	color:#fff;
}
.items-leading h2.item-title::after,
.page-header h2::after {
    border-top: 3px solid #ffffff;
    content: " ";
    display: block;
    height: 0;
    margin: 2rem auto 0.5rem;
    position: relative;
    width: 50%;
	}
.items-leading p,
.items-row p {
  color:#fff !important;
  text-align:center!important;
  font-family:'BasiComLight', Arial, Helvetica, sans-serif;
  margin:0 2rem !important;
  line-height:1.5rem !important;
}
.img_caption {
	max-width:100%;
	}
.img_caption img {
	max-width:100%;
	height:auto;
	}
p.img_caption {
	font-style:italic;
	padding:0 0 1.5rem;
	}
@media (max-width: 1400px) {
h2.item-title, 
.page-header h2{
  	font-size:1.8rem;
}
}
@media (max-width: 1200px) {
h2.item-title, 
.page-header h2{
  	font-size:1.6rem;
	padding:2rem 5%;
}
.items-leading p,
.items-row p {
  margin:0 5% !important;
}
}
@media (max-width: 959px) {
#contentarea {
  	top:-40rem;
}
.leading-0, 
.leading-1,
.leading-2,
.row-0,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8
{
	width:30%;
	}
.leading-0,
.row-0 {
	margin:0 0 0 5%;
	}
.leading-2,
.row-2 {
	margin: 0 5% 7rem 0;
	}
.row-3 {
	margin:0 0 0 5%;
	}
.row-5 {
	margin: 0 5% 7rem 0;	
	}
.row-6 {
	margin:0 0 0 5%;
	}
.row-8 {
	margin: 0 5% 7rem 0;	
	}
.item-page{
  width: 75%;
  padding: 0;
}
h2.item-title, 
.page-header h2{
  	font-size:1.3rem;
}
.leading-0 h2.item-title,
.leading-1 h2.item-title,
.leading-2 h2.item-title{
  	font-size:1.6rem;
}
}
@media (max-width: 767px) {
.leading-0, 
.leading-1,
.leading-2
{
	width:90%;
	margin:0 5% 5rem;
	height:14rem;
	}
.leading-0 p::after, .leading-1 p::after, .leading-2 p::after {
    top: 19rem;
}
.row-0,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8
{
	width:45%;
	max-height:19rem;
	}
.row-0 {
	margin:0 0 0 5%;
	overflow:visible;
	}
.row-1 {
	margin: 0 5% 7rem 0;
	}
.row-2 {
	margin:0 0 0 5%;
	}
.row-3 {
	margin: 0 5% 7rem 0;
	overflow:visible;
	}
.row-4 {
	margin:0 0 0 5%;
	}
.row-5 {
	margin: 0 5% 7rem 0;
	}
.row-6 {
	margin:0 0 0 5%;
	overflow:visible;
	}
.row-7 {
	margin: 0 5% 7rem 0;
	}
.row-8 {
	margin:0 0 0 5%;
	}
.item-page p{
  width:100%;
}
.leading-0 h2.item-title,
.leading-1 h2.item-title,
.leading-2 h2.item-title{
  	font-size:2rem;
}
}
@media (max-width: 460px) {
.row-0,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8
{
	width:90%;
	margin:0 5% 5rem;
	}
#contentarea h1,
#contentarea .item-page h2{    
    line-height: 2rem;
    font-size: 1.6rem;
 }
#contentarea h3 {
    line-height: 2rem;
    font-size: 1.2rem; 
    }
#contentarea p{
  line-height:1.6rem; 
  }
}


/*CONTENTAREA-SKEWER*/
.skewer {
	position:relative;
	}
.skewer p {
  color:#535353;
  font-family:'BasicComLight', Arial, Helvetica, sans-serif;
  line-height:1.5rem;
}
.skewer h3 {
  color:#535353;
  font-family:'BasicComLight', Arial, Helvetica, sans-serif;
  margin:0 0 1rem 0;
  line-height:2.5rem;
  font-size:2rem;
  font-weight:normal;
  text-transform: uppercase;
  position:relative;
  width:100%;
  padding: 3rem 0 0 0;
}
.custom.greyed h3::after {
  	border-top: 0px solid #535353!important;
}
.custom.blued h3::after {
  	border-top: 0px solid #535353!important;
}
.custom.dreispalter h3::after {
  	border-top: 3px solid #535353!important;
  	width: 50%;
}
.moduletable .custom h3::after {
    border-top: 3px solid #535353;
    content: " ";
    display: block;
    height: 0;
    margin: 2rem 0 0 0;
    position: relative;
    width: 20%;
}
.greyed h3 {
  	color:#535353;
	font-family:'BasicComLight', Arial, Helvetica, sans-serif;
  	text-align:center;
}
.greyed h3 strong {
	font-family:'BasicComBold', Arial, Helvetica, sans-serif;
}
.greyed p,
.blued h3,
.blued p {
 	text-align:center;
}
address{
	text-align:center;
	font-weight:bold;
	font-family:'BasicComLight', Arial, Helvetica, sans-serif;
	font-style:normal;
}
.skewer p.readmore {
  	position: relative;
	margin:2rem auto 0;
}
.btn-fl-right{
	float:right;
	position:relative !important;
	left:0 !important;
  	margin:0!important;;
}
p.row1,p.row2{
  width:48%;
  float:left;
}
p.row1{
  padding:0 1% 0 0;
}
p.row2{
  padding:0 0 0 1%;
}
.custom.dreispalter {
    position: relative;
    width: 100%;
}
.custom.dreispalter .dreispalter {
	width:32%;
	float:left;
	margin:0 2% 0 0;
	text-align:left;
	}
.custom.dreispalter .dreispalter:last-child{
    margin: 0;
}
.dreispalter h3 {
  font-family:'BasicComBold', Arial, Helvetica, sans-serif;
  margin:0 0 0rem 0;
  font-size:1.5rem;
  letter-spacing:0px;
}
.dreispalter p {
  font-family:'BasicComLight', Arial, Helvetica, sans-serif;
}
.dreispalter a{
  text-decoration:none;
  color:#535353;
}



.skewer .moduletable {
  transform: skew(0deg, -6deg);
  background:#ffffff;
  padding: 2rem 23% 4rem;
  margin: 0rem 0 0rem 0;
  width:54%;
  float: left;
  clear:both;
  z-index: 10;
  top:-24rem;
  position:relative;
}
.skewer .moduletable > div {
  transform: skew(0deg, 6deg);
}
.skewer .moduletable.greyed {
	background:#535353;
	color:#fff;
   	top:-31rem;
 	position:relative;
}	
.skewer .moduletable.blued {
	background:#d72364;
	color:#fff;
  	margin: 0 0 0rem 0;
  	padding: 8rem 23%;
	width:54%;
	}
.skewer .moduletable.greyed p,
.skewer .moduletable.blued p,
.skewer .moduletable.greyed h3,
.skewer .moduletable.blued h3 {
	color:#fff;
	}
.skewer .moduletable.greyed::before {
	content: ' ';
    display: block;
	background-image: url(../images/augenarzt-tisch-sw.jpg);
	opacity:0.25;
	position:absolute;
	left:0;
	top:0;
	width: 100%;
    height: 100%;
	}
.skewer .moduletable.blued::before {
	content: ' ';
    display: block;
	background-image: url(../images/untersuchung-sw.jpg);
	opacity:0.25;
	position:absolute;
	left:0;
	top:0;
	width: 100%;
    height: 100%;
	}
.quote::before {
	content:"„";
	font-size:9rem;
	position:absolute;
	top:-2rem;
	left:45%;;
  	font-family:'BasicComBold', Arial, Helvetica, sans-serif;
	}
.skewer h3.quote {
  padding:5rem 0 0 0;
}
.custom.greyed{
  margin:5rem 0 0 0;
}
.greyed p.readmore{
	background:#d72364;
  	}
.greyed p.readmore:hover {
    background:#535353;
 }
 
.map {
	width:100% !important;
	}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
.skewer .moduletable.blued {
  	padding: 8rem 12.5%;
	width:75%;
	}
.skewer .moduletable {
  padding: 2rem 12.5% 4rem;
  width:75%;
}
}
@media (max-width: 959px) {
.skewer .moduletable.blued {
  	padding: 8rem 5%;
	width:90%;
	}
.skewer .moduletable {
  padding: 2rem 5% 4rem;
  width:90%;
  top:-34rem;
}
.skewer .moduletable.greyed h3,
.skewer .moduletable.blued h3 {
	padding:0;
	}
.quote::before {
	top:-6rem;
	}
}
@media (max-width: 767px) {
.moduletable .custom h3::after {
    margin: 2rem auto 0;
}
.custom.dreispalter .dreispalter {
	width:100%;
	float:none;
	margin:0;
	text-align:center;
	}
p.row1,p.row2{
  width:100%;
  float:none;
  padding:0;
  margin:0 auto;
}
.skewer .moduletable {
  top:-44rem;
}
.custom.greyed{
  margin:2rem 0 13rem 0;
}
.skewer p.readmore {
	margin:2rem 0 0 auto;
}
}
@media (max-width: 460px) {
} 
 

/* Socials */
#socials {
  margin:0 auto;
  width:100%;
  top: -27em;
  z-index: 11;
  position:relative;
  clear:both;	
}
#socials .moduletable {
	width:100%;
	min-height:2rem;
	text-align:center;
	display:block;
	}
#socials p{
	display:inline-block;
  text-align:center;
  margin:0;
}
#socials p:first-child {
	background:#d72364;
	width:37px;
	padding:1rem 9px;
	margin:0 -5px 0 0;
	display:inline-block;
	overflow:hidden;
	transform: skew(0deg, -6deg);
}
#socials p:last-child {
	background:#82737a;
	width:37px;
	padding:1rem 9px;
	margin:0 0 0 -5px;
	display:inline-block;
	overflow:hidden;
	transform: skew(0deg, -6deg);
}
#socials p:nth-child(2) {
	background:#fd93a9;
	width:37px;
	padding:1rem 9px;
	margin:0;
	display:inline-block;
	overflow:hidden;
	transform: skew(0deg, -6deg);
}
.socjameda {
	background:url(../images/social-jameda.png) no-repeat;
	padding:0 0 0 37px;
	width:0;
	height:37px;
	display:block;
	overflow:hidden;
}
.socgoogle {
	background:url(../images/social-google.png) no-repeat;
	padding:0 0 0 37px;
	width:0;
	height:37px;
	display:block;
	overflow:hidden;
}
.socfacebook {
	background:url(../images/social-facebook.png) no-repeat;
	padding:0 0 0 37px;
	width:0;
	height:37px;
	display:block;
	overflow:hidden;
	}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
#socials {
  top: -28em;
}
}
@media (max-width: 460px) {
}


/* Fussbereich */
#footer{
  float:left;
  width:100%;
}
.footer1{
	font-family:'BasicComLight', Arial, Helvetica, sans-serif;
	color:#535353;
	text-align:center;
    position: relative;
}
.footer1 a{
	text-decoration:none;
	color:#535353;
}
#footer .moduletable {
  transform: skew(0deg, -6deg);
  background:#efefef;
  padding: 6rem 0 4rem;
  margin: 0rem 0 0rem 0;
  width:100%;
  float: left;
  clear:both;
  z-index: 10;
  top:-31rem;
  position:relative;
}
#footer .moduletable > div,
#footer .moduletable > ul {
  transform: skew(0deg, 6deg);
}
#footer .menu {
	font-family:'BasicComLight', Arial, Helvetica, sans-serif;
	color:#535353;
	text-align:center;
    position: relative;
	}
#footer .menu a {
	text-decoration:none;
	color:#535353;
	}
#footer ul.menu li {
	display:inline-block;
	list-style:none;
	padding: 0 5px;
	}
#footer::after {
	content:" ";
	width:100%;
	height:36rem;
	display:block;
	background:#efefef;
	bottom:0;
	position:absolute;
	}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
#footer .moduletable {
  top:-31rem;
}
}
@media (max-width: 460px) {
}


/* Cookie-Hinweis */
.cc_container {
    padding: 5px 2% !important;
}
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
    color: #fff;
    background-color: transparent !important;
	border:1px solid #fff;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.cc_banner-wrapper:hover a.cc_btn.cc_btn_accept_all {
    background-color: #fff !important;
	color: #000;
}
.cc_banner-wrapper:hover a.cc_more_info {
    color: #fff !important;
}



#redim-cookiehint {
 font-family: 'BasicComLight', Arial, Helvetica, sans-serif;   
}




ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}

@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}