﻿/* R5 Module 
 =========================================================================== */
.foursplit,
.treysplit,
.twosplit,
.onesplit{
  float:left;	
} 

.twosplit{
	width:48%;
	margin-right:3%;		
} 
.twosplit:last-child{
	margin-right:0%
}

.treysplit {
	width:31.5%;
	margin-right:2.5%;	
}
.treysplit:last-child{
	margin-right:0%
}

.foursplit{
	width:23%;
	margin-right:2.5%;
} 
.foursplit:last-child{
	margin-right:0%
}


@media (max-width: 767px){
.foursplit,
.treysplit,
.twosplit,
.onesplit{
  float: none;	
  width:94%;
  margin-right:3%;
  margin-left:3%;
}}

/* ==== Abstand oben und unten ==== */

.mtb{ margin-top: 40px; margin-bottom: 50px;} /* Abstand ober und unterhalb*/

.mt { margin-top: 40px; }/* Abstand oberhalb*/

.mb { margin-bottom: 40px; } /* Abstand unterhalb*/

.mtc{ margin: 20px 0 20px 0!important;}

@media (max-width: 767px) {
.mtb,.mt,.mb{
	margin-top: 20px; margin-bottom: 20px;
}}

/* ==== Trenline ==== */
.hline {
	border-bottom: 1px solid #384452;
	margin: 40px 0 20px;
}

/* ==== Grauer Hintergrund ==== */
.grey{
	color:#FFFFFF!important;
	padding:35px 10px 35px 20px;
	background:#2E3239;
	font-weight:normal;
}
.grey h1,.grey h2, .grey h3,.grey h4,.grey h5,.grey h6{
	color:#ffffff!important;
	margin-bottom:10px;
}

.grey ul {
  list-style: none!important;
}
.grey li {
  position: relative;
  padding-left: 40px;
  margin-left:10px!important;
  font-family: 'Open Sans', sans-serif;
}
.grey li:before {
  content:url(../images/listenpunkt.png) '';
  position: absolute!important;
  left: 0!important;
  top: 0!important;
  line-height: 26px!important;
}
.grey a{
	color:#ffffff!important;
	text-decoration:none;
	font-weight:500;
}
.grey .cont li{
	color:#ffffff!important;
}
.grey a:hover{
	color:#ffffff!important;
	text-decoration:underline!important;
}
.grey li + li {
  margin-top: 20px!important;
}
.grey li a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
.grey{

}
.grey li:before{
	
}}

/* ==== Bildausrichtung ==== */
.picRight figure {
    float: right;
    max-width: 400px;
    padding: 1.2em .8em .8em;
    text-align: center;
    font: .8em/1.6 Arial;
}
.picCenter figure {
    float: none;
    max-width: 400px;
    padding: 1.2em .8em .8em;
    text-align: center;
    font: .8em/1.6 Arial;
    margin:0 auto!important;
}
.picLeft img{
    float: left;
    max-width: 400px;
    padding: 0 1.2em .8em 0em;
    text-align: center;
    font: .8em/1.6 Arial;
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.mtb,.mtb1,.mtb2,.mb,.mt{
}}

/* ==== Textformatierung ==== */
.cont a{
	color:#6c6d74!important;
	text-decoration:underline;
}
.cont a:hover{
	text-decoration:none;
}

.cont ul{
	margin-left:30px;
}
.cont ul li{margin-bottom:6px!important;}
.cont ul li{
	font-family: 'Open Sans', sans-serif!important;	
	font-size:15px!important;	
	position:relative;
	display:block;
	margin-left:30px;
	line-height:1.8;
	color:#6c6d74!important;
}
.cont ul li:before{
	position:absolute;
	display:block;
	left:-20px;
	content:"\f105";
	font-family:FontAwesome;
	color:#6c6d74!important;
	font-size: 16px!important;
	font-weight: 300!important;	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.cont ul li:hover:before{
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	-ms-transform:scale(1.4);
	-o-transform:scale(1.4);
	transform:scale(1.4);
	color:#6c6d74!important;
} 

.cont ol{
  margin:15px 0 15px 0;
}
.cont ol li{
  list-style-type:decimal!important;
  padding-left: 4px!important;
  margin-left:24px!important;
  content: ""!important;
}

/* Galerie (Image Manager (Bildtyp: magnific_popup_gallery_thumb))
 ====================================================================== */

.galerie-image {
	float: left;
	position: relative;
	padding: 5px;
	margin-bottom:10px;
}
.galerie-image img {
	/*margin:0 10px 10px 0;
	max-width:240px!important;
	height:auto!important;*/
}
.galerie-image .thumbs{
	max-width:205px!important;
	height:180px;
	border:1px #e8e8e8 solid;
	padding:2px;
	margin:0 10px 10px 0;
	float: left;
}


/* Bilder
 ===================================================================== */
.sec-au1 { 
  position: relative;
  min-height: 10vh
} 
.sec-au2 { 
  position: relative;
  min-height: 20vh
}
.sec-au3 { 
  position: relative;
  min-height: 30vh
}
.sec-au4 { 
  position: relative;
  min-height: 40vh
}
.sec-au5 { 
  position: relative;
  min-height: 50vh
}
.sec-au6 { 
  position: relative;
  min-height: 60vh
}
.sec-au7 { 
  position: relative;
  min-height: 70vh
}
.sec-au8 { 
  position: relative;
  min-height: 80vh
}
.sec-au9 { 
  position: relative;
  min-height: 90vh
}
.sec-au10 { 
  position: relative;
  min-height: 100vh
}
.sec { 
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-10%,-50%); 
} 

/* Rechtes Menü
 ========================================================================== */
#seitmenu{
	
}

} 
 
#seitmenu { width:100%; margin:0px 0 20px 0;}

#seitmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#seitmenu ul li {
	display: inline;
	height:37px;
	font-weight:300;
	font-size: 0.9em;
	line-height: 1.6em;
	background:transparent;
}

#seitmenu ul li a {
	display: block;
	padding: 7px 0 7px 15px;
	color: #000000;
	text-decoration: none;
	background:#F0F0F0;
	background-position: 10px 15px;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;
}
#seitmenu ul li a:hover {
	color: #000000;
	background:#D8D8D8;
	background-position: 10px -25px;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;
}

#seitmenu ul li a.rex-current{
	color: #000000;
	background:#D8D8D8;
	background-position: 10px -25px;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;
}
#seitmenu ul li .rex-active {
	color: #000000;
	background:#D8D8D8;
	background-position: 10px -25px;
}

#seitmenu ul li a.rex-current:hover {
	 color: #000;
}
/* Ebene 2 */

#seitmenu ul ul {
/* background: url(none);*/
	margin: 0px;
	padding: 0px;
}

#seitmenu ul ul li {

}
#seitmenu ul ul li a {
	display: block;
	padding: 7px 0 7px 35px;
	color: #898888;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.6em;
	/*background:#F0F0F0;*/
	background-position: 34px 15px;
	/*border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}
#seitmenu ul ul li a:hover {
	display: block;
	padding: 7px 0 7px 35px;
	color: #000;
	/*background:#468A28;*/
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.6em;
	background-position: 34px -25px;
	/*border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}
#seitmenu ul ul li a.rex-current {
	color: #ffffff;
	/*background:#468A28;*/
	background-position: 34px -25px;
	/*border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}
#seitmenu ul ul li .rex-active {
	color: #0064a3;
	/*background:#468A28;*/
	background-position: 34px -25px;
}

/* Ebene 3 */

#seitmenu ul ul {
	background: url(none);
	margin: 0px;
	padding: 0px;
}

#seitmenu ul ul ul li {

}

#seitmenu ul ul ul li a {
	display: block;
	padding: 7px 0 7px 55px;
	color: #0064a3;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.6em;
	/*background:#F0F0F0;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}

#seitmenu ul ul ul li a:hover {
	display: block;
	padding: 7px 0 7px 55px;
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.6em;
	/*background:#468A28;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}
#seitmenu ul ul ul li a.rex-current {
	color: #ffffff;
	font-weight:bold;
	/*background:#468A28;
	border-bottom: 1px #BCBCBC solid;
	border-right:1px #BCBCBC solid;
	border-left:1px #E8E8E8 solid;*/
}
 


