*{
	margin:0;
	padding:0;
	}

html{height: 100%}
body	{
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'karlaregular', sans-serif;
	font-size:15px;
	line-height:21px;
  font-weight: 300;
	color: rgb(51,51,51);
	background-color:rgb(243,248,249);
}

:focus {outline: none;}

p {margin-bottom:20px;}

a {text-decoration: none; color:rgb(68,180,194)}

strong {font-weight: 600;}

h1, h2, h3, h4 {font-family: 'vidaloka_regular', sans-serif;}
h1 {font-size: 50px; line-height: 50px; margin-bottom:20px;}
h2 {font-size: 50px; line-height: 50px; margin-bottom:20px;}
h3 {font-size: 30px; line-height: 30px; margin-bottom:20px;}


#header  {clear:both; margin:0 0 50px 0;}

.logo {
	position: absolute; 
	z-index:555; 
	left:20px; 
	top:0px; 
	width: 100px!important;
}

/* -------------------- Header Slider -------------------- */ 

#header .mod_article {padding:0!important; border:none;}

#header .bg-image { 
   /* Sizing */
   width: 100%;
   height: 100vh!important;
    
   /* Flexbox stuff */
   display: flex;
   justify-content: center;
   align-items: top;
    
   /* Text styles */
   text-align: left;
   
   /* Background styles */
   
   background-size: cover!important;
   background-position: center !important;
   background-repeat: no-repeat!important;
   -webkit-background-size: cover!important;
   -moz-background-size: cover!important;
   -o-background-size: cover!important;
}  

#header .bg-image-small { 
   /* Sizing */
   width: 100%;
   height: 500px;
    
   /* Flexbox stuff */
   display: flex;
   justify-content: center;
   align-items: top;
    
   /* Text styles */
   text-align: left;
   
   /* Background styles */
   
   background-size: cover;
   background-position: center !important;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
}  



#container {clear:both;}

/*--- Abstände ---*/

.ce_rsce_colmright   {margin: 0 0 0 0;}
.ce_rsce_textimage,
.ce_rsce_textblock,
.ce_rsce_newsteaser,
.ce_rsce_kunden  {margin: 0 0 100px 0;}


/*--- Laufweiten ---*/


.ce_rsce_textblock .inside .leftbar {width:50px;}
.ce_rsce_textblock .inside .rightbar { padding:50px;}


.ce_rsce_colmright  .inside.first {float:left;width:20px;}
.ce_rsce_colmright  .inside.last {float:left;width:90%; text-align: left;}


.ce_rsce_textimage .inside.first .leftbar{float:right; text-align: left; margin: 20px;}
.ce_rsce_textimage .inside.last {float:left; margin-left:7%;}


.leistungen .inside.first { margin:70px 0 100px 0;}
.leistungen .inside.last {margin:0 0 100px 0; background: rgb(255,255,255);}
.leistungen .inside .leftbar {width:250px; margin-right: 88px; text-align: left;}
.leistungen .inside .leftbar h2 {position: absolute; text-align: right; z-index: 100; bottom: 50px; left:130px; font-size: 60px;}
.leistungen .inside .rightbar { padding:50px 0 50px; text-align:left;}
.leistungen .inside .toggler {   cursor: pointer; padding:0 0 0 50px; margin-bottom:10px; text-align:left; text-transform: uppercase; background: url(/files/images/assets/line.png) no-repeat left bottom;}
.leistungen .inside .accordion { padding:0 20px 10px 50px; text-align:left; }
.leistungen .inside .accordion ul { padding:0 0 20px 40px!important; text-align:left; }


.ce_rsce_textblock h2{font-size: 40px; line-height: 40px;}
.ce_rsce_textblock .inside .rightbar {background-color:rgb(166,221,218); text-align: left;}

.ce_rsce_textblock .inside.first {
	background:url(/files/images/assets/green-line.png) repeat-x center left; 
	float:left;
	margin-top:160px;
	width:7%; 
	height: 350px;}
.ce_rsce_textblock .inside.last {float:left; width:93%;}



.ce_rsce_newsteaser .inside.first {display: inline-block;width:39%; vertical-align:top;}
.ce_rsce_newsteaser .inside.last {display: inline-block;width:59%; vertical-align:top;}
.ce_rsce_newsteaser .inside .leftbar {float: right;text-align: right!important; padding:0 0 0 0;}

.ce_rsce_newsteaser .inside .rightbar { text-align: left; padding:0px 0 0 20px;}

.ce_rsce_newsteaser .inside .rightbar p{margin-bottom:50px;}
.ce_rsce_newsteaser .inside .rightbar a{
	color:rgb(92,165,161);
	padding:15px 20px 15px 20px;
	background: rgb(203,230,229);
	border:2px solid rgb(203,230,229);
	transition: opacity 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s ;
	transition: all ease 0.5s ;
}


.ce_rsce_newsteaser .inside .rightbar a:hover{ 
	color:rgb(92,165,161);
	padding:15px 20px 15px 20px;
	background: transparent;
	border:2px solid rgb(203,230,229);
	transition: opacity 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s ;
	transition: all ease 0.5s ;
}

.ce_rsce_kunden {font-family: 'vidaloka_regular', sans-serif; font-size:40px; color:rgb(255,255,255); line-height: 40px;}
.ce_rsce_kunden .inside.first {float:left; width:7%;}
.ce_rsce_kunden .inside.last {float:left; width: 93%;background: rgb(180,216,212);}
.ce_rsce_kunden .inside .rightbar { 
	text-align: left; 
	padding:110px 0 90px 50px; 
	background: rgb(180,216,212) url(/files/images/assets/pfeil.png) no-repeat center left; 
}

.txt {
   text-align: left!important;
   margin:0 20px 100px 20px!important; 
} 

.txt h3 {
   font-size: 21px; line-height: 28px;
} 


.txt .ce_accordion{
   text-align: left!important;
   margin:auto auto!important; 
} 
.txt  .toggler{
	font-family: 'vidaloka_regular';
   font-size: 24px;
   text-align: left!important;
   font-weight: bold;
   margin:0 0 0 0!important;
   border-top:1px solid rgb(51,51,51); 
   padding-top:20px;
   padding-bottom:20px;
   text-transform: uppercase; 
   cursor: pointer;
} 
.txt  span.ui-icon-triangle-1-s {
   width:55px!important;
   height: 25px;
   float:right;
   margin-left:30px;
   background: url(/files/images/assets/minus-data.png) no-repeat right center!important;}
.txt  span.ui-icon-triangle-1-e {
   width:55px!important;
   height: 25px;
   float:right;
   margin-left:30px;
   background: url(/files/images/assets/plus-data.png) no-repeat right center!important;}

.txt  .ce_accordion .ce_text {
   margin-top:30px; padding:0!important;
} 
.txt .ce_accordion.last {
   margin-bottom:90px!important;
} 


#footer{ margin:auto auto; text-align:center;}
#footer .inside { margin:auto auto; text-align:center;}
#footer .inside .mod_article.first {width: 90%; text-align: right!important; background: #ffff; padding:60px 0 0 0; height: 400px;}
#footer .inside .mod_article.last {width: 90%;  text-align: left;}
#footer .inside .ce_text.left {margin-left:20px;vertical-align: top;text-align: left;}
#footer .inside .ce_text.right {float: right; text-align: right; margin:50px 0 0 50px;}




/* Small devices (Mobile, 320 and up) */
@media (min-width: 320px) {

		}

/* Small devices (Mobile, 360 and up) */
@media (min-width: 360px) {
.leistungen .inside .leftbar {width:300px; }
.leistungen .inside .leftbar h2 {left:180px;}
.ce_rsce_textblock .inside.first {margin-top:220px;}
		}

/* Small devices (Mobile, 420 and up) */
@media (min-width: 420px) {
.ce_rsce_textblock .inside.first {margin-top:150px;}
	
		}
/* Small devices (Mobile, 480 and up) */
@media (min-width: 480px) {
.leistungen .inside .leftbar {width:380px; }
.leistungen .inside .leftbar h2 {left:250px;}
.ce_rsce_textblock .inside.first {margin-top:120px;}
	
		}

/* Small devices (Mobile, 576 and up) */
@media (min-width: 576px) {
.ce_rsce_textblock .inside.first {margin-top:80px;}
		}

/* Small devices (Mobile, 640 and up) */
@media (min-width: 640px) {
.ce_rsce_textblock .inside.first {margin-top:60px;}
#footer{ margin:auto auto; text-align:center;}
#footer .inside { margin:auto auto; text-align:center;}
#footer .inside .mod_article.first {float:left; width: 70%; text-align: right!important; background: #ffff; padding:60px 0 0 0; height: 430px;}
#footer .inside .mod_article.last {float:left; width: 30%;  text-align: left;}

#footer .inside .ce_text.left {margin-left:0; float: right;vertical-align: top;text-align: left; width:400px;}
#footer .inside .ce_text.right {float: left;text-align: left; width:200px; margin:130px 0 0 50px;}	
	
		}

/* Small devices (tablets, 768 and up) */
@media (min-width: 768px) {
	
#header  {clear:both; margin:0 0 100px 0;}	
/*--- Laufweiten ---*/
.ce_rsce_colmright   {margin: 0 0 100px 0;}	
	
.ce_rsce_colmright .inside .leftbar {width:350px;}
.ce_rsce_colmright .inside .rightbar {width:350px;}

.ce_rsce_textimage .inside .leftbar {width:300px;}

.leistungen .inside .leftbar {width:260px;}
.leistungen .inside .rightbar {width:350px;}

.ce_rsce_textblock .inside .leftbar {width:350px;}
.ce_rsce_textblock .inside .rightbar {width:280px; padding:50px;}

.ce_rsce_newsteaser .inside .leftbar {width:350px;}
.ce_rsce_newsteaser .inside .rightbar {width:350px;}

.ce_rsce_kunden .inside .rightbar {width:600px;}
.ce_rsce_kunden .inside .rightbar {margin-left:-350px;}
	
.ce_rsce_textimage .inside .rightbar  {height:650px; width:auto;}
.ce_rsce_textimage .inside .rightbar  img{object-fit: cover; height:650px; width:auto!important;}

.ce_rsce_textblock .inside.first {margin-top:160px;}
	
.ce_rsce_colmright  .inside.first {width:50%;}
.ce_rsce_colmright  .inside.last {width:50%;}
	
.ce_rsce_textimage .inside.first {float:left;width:50%;}
.ce_rsce_textimage .inside.first .leftbar{float:right; text-align: left; margin: 50px;}
.ce_rsce_textimage .inside.last {float:left;width:50%;margin-left:0!important;}
	
.ce_rsce_textblock .inside.first {margin-top:160px;width:50%; }
.ce_rsce_textblock .inside.last {width:49%;}	

.leistungen .inside.first {float:left;width:50%; margin:70px 0 100px 0;}
.leistungen .inside.last {float:left;margin:0 0 100px 0; background: rgb(255,255,255); width:50%;}
.leistungen .inside .leftbar {float:right; margin-right: 88px; text-align: right;}
.leistungen .inside .leftbar h2 {position: absolute; z-index: 100; bottom: 50px; right:50px; font-size: 60px;}
.leistungen .inside .rightbar { padding:50px 0 50px; text-align:left;}
	
.ce_rsce_kunden {font-family: 'vidaloka_regular', sans-serif; font-size:40px; color:rgb(255,255,255); line-height: 40px;}
.ce_rsce_kunden .inside.first {float:left;width:50%;}
.ce_rsce_kunden .inside.last {float:left;width:50%; background: rgb(180,216,212);}
.ce_rsce_kunden .inside .rightbar { 
	text-align: left; 
	padding:110px 0 90px 50px; 
	margin-left:-350px;
	background: rgb(180,216,212) url(/files/images/assets/pfeil.png) no-repeat center left; 
}
	
.ce_rsce_newsteaser .inside.first {width:49%; vertical-align:middle;}
.ce_rsce_newsteaser .inside.last {width:49%; vertical-align:middle;}
.ce_rsce_newsteaser .inside .leftbar {padding:45px 0 30px 50px;}
.ce_rsce_newsteaser .inside .rightbar { padding:45px 0 30px 50px;}

	.txt { margin:0 auto 30px auto; text-align: center;}
	.txt .ce_text {width:700px; margin:0 auto 50px auto; text-align: left;}	
	.txt .ce_accordion {width:700px; margin:0 auto 30px auto; text-align: center;}
	
#footer .inside .mod_article.first {width: 50%;}
#footer .inside .mod_article.last {width: 50%;}
#footer .inside .ce_text.left {width:350px;}
#footer .inside .ce_text.right {width:350px;}	
	
	
}




/* Small devices (desktop, 1024 and up) */
@media (min-width: 1024px) {

.logo {
	left:80px; 
	top:50px; 
}	
	
#stage {width:900px; margin:0 auto 90px auto;}



/*--- Laufweiten ---*/
.ce_rsce_colmright .inside .leftbar {width:430px;}
.ce_rsce_colmright .inside .rightbar {width:430px;}

.ce_rsce_textimage .inside .leftbar {width:430px; margin-top:140px!important;}

.leistungen .inside .leftbar {width:340px;}
.leistungen .inside .rightbar {width:430px;}

.ce_rsce_textblock .inside .leftbar {width:430px;}
.ce_rsce_textblock .inside .rightbar {width:330px; padding:50px;}

.ce_rsce_newsteaser .inside .leftbar {width:430px;}
.ce_rsce_newsteaser .inside .rightbar {width:430px;}

.ce_rsce_kunden .inside .rightbar {width:600px;}
.ce_rsce_kunden .inside .rightbar {margin-left:-430px;}

.ce_rsce_textblock .inside.first {margin-top:130px;}
	
	.txt .ce_text {width:860px; }	
	.txt .ce_accordion {width:860px;}
		
#footer .inside .ce_text.left {width:430px;}
#footer .inside .ce_text.right {width:430px;}


	
}

/* Small devices (desktop, 1200 and up) */
@media (min-width: 1200px) {
	
#stage {width:1000px;}
/*--- Laufweiten ---*/
.ce_rsce_colmright .inside .leftbar {width:480px;}
.ce_rsce_colmright .inside .rightbar {width:480px;}

.ce_rsce_textimage .inside .leftbar {width:480px;}

.leistungen .inside .leftbar {width:480px;}
.leistungen .inside .rightbar {width:480px;}

.ce_rsce_textblock .inside .leftbar {width:480px;}
.ce_rsce_textblock .inside .rightbar {width:380px; padding:50px;}

.ce_rsce_newsteaser .inside .leftbar {width:480px;}
.ce_rsce_newsteaser .inside .rightbar {width:480px;}

.ce_rsce_kunden .inside .rightbar {width:600px;}
.ce_rsce_kunden .inside .rightbar {margin-left:-480px;}

.ce_rsce_textblock .inside.first {margin-top:100px;}

	.txt .ce_text {width:960px; }	
	.txt .ce_accordion {width:960px;}
	
	
#footer .inside .ce_text.left {width:480px;}
#footer .inside .ce_text.right {width:480px;}
	
}


/* Small devices (desktop, 1300 and up) */
@media (min-width: 1300px) {
	
#stage {width:1200px;}

/* --- Check-In --- */
.mod_rocksolid_slider.check-in {height:450px; width:1200px; margin-bottom:180px;}
.ce_rsce_checkin {width:1200px;}
.ce_rsce_checkin .inside {width:370px;margin:-100px 0 0 150px;padding:60px 30px;}
	
}

/* Small devices (desktop, 1400 and up) */
@media (min-width: 1400px) {
	
#stage {width:1300px;}

}

/* Small devices (desktop, 1600 and up) */
@media (min-width: 1600px) {
	
#stage {width:1400px;}


	
	
}

/* Small devices (desktop, 1920 and up) */
@media (min-width: 1920px) {
	
#stage {width:1600px;}

	
	
}