@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, ul, li, ol, div, p, a, img {
    margin: 0;
    padding: 0;
}

body {
    color: #6f6f6e; 
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight: 400;
    line-height: 1.6em;
	background:#d4ecfc;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  text-transform:none;
}


.tp-bannertimer {
  background-color: rgba(179, 181, 184, 0.0) !important;
  z-index: 21;
  display: none;
  height: 2px;
  top:-57px;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



/* Columnize 
---------------------------------- */
.columnize-2 {
	margin: 0 0 1.313em;

	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;

	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
			column-gap: 3em;


	-webkit-column-rule: 0px solid rgba(0,0,0,0.05);
	   -moz-column-rule: 0px solid rgba(0,0,0,0.05);
			column-rule: 0px solid rgba(0,0,0,0.05);
}

.columnize-3 {
	margin: 0 0 1.313em;
	
	-webkit-column-count: 3;
	   -moz-column-count: 3;
			column-count: 3;

	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
			column-gap: 3em;


	-webkit-column-rule: 0px solid rgba(0,0,0,0.05);
	   -moz-column-rule: 0px solid rgba(0,0,0,0.05);
			column-rule: 0px solid rgba(0,0,0,0.05);
}

.columnize-4 {
	margin: 0 0 1.313em;

	-webkit-column-count: 4;
	   -moz-column-count: 4;
			column-count: 4;

	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
			column-gap: 3em;


	-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
	   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
			column-rule: 1px solid rgba(0,0,0,0.05);
}

.columnize-5 {
	margin: 0 0 1.313em;

	-webkit-column-count: 5;
	   -moz-column-count: 5;
			column-count: 5;

	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
			column-gap: 3em;


	-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
	   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
			column-rule: 1px solid rgba(0,0,0,0.05);
}

.columnize-6 {
	margin: 0 0 1.313em;

	-webkit-column-count: 6;
	   -moz-column-count: 6;
			column-count: 6;

	-webkit-column-gap: 3em;
	   -moz-column-gap: 3em;
			column-gap: 3em;


	-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
	   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
			column-rule: 1px solid rgba(0,0,0,0.05);
}
@media only screen and (max-width: 767px) {
	.columnize-4,
	.columnize-5,
	.columnize-6 {
		margin: 0 0 1.313em;

		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}
}
@media only screen and (max-width: 991px) {
	.columnize-3,
	.columnize-4,
	.columnize-5,
	.columnize-6 {

		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
	}
}

@media only screen and (max-width: 768px) {
	.columnize-2,
	.columnize-3,
	.columnize-4,
	.columnize-5,
	.columnize-6 {

		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
}


.tp-bullets.hidebullets	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.tp-bullets.preview4 .bullet,
.tp-bullets.preview2 .bullet,
.tp-bullets.horizontal .tp-bullet {
  background: rgba(255, 255, 255, 0.4) !important;
  border: none !important;
  width: 12px !important;
  height: 12px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 3px !important;
  margin-right: 3px !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected,
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected,
.tp-bullets.horizontal .tp-bullet:hover,
.tp-bullets.horizontal .tp-bullet.selected {
  background: #fff !important;
  border: none !important;
  width: 12px !important;
  height: 12px !important;
}



/* Content 
---------------------------------- */

.plr-40 {
	padding-left:40px;
	padding-right:40px;
}

.pt-40 {
	padding-top:40px;
	padding-bottom:40px;	
}

.ptb-50 {
	padding-top:80px;
	padding-bottom:65px;
}

.ptb-35 {
	padding-top:25px;
	padding-bottom:50px;
}

.pt-30 {
	padding-top:25px;
}

.ptb-25 {
	padding-top:60px;
	padding-bottom:60px;
}

.pb-40 {
	padding-bottom:40px;
}

.ptblr-25 {
	padding:25px;
}



.box-shadow-left {
-webkit-box-shadow: 5px 0 5px -5px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 0 5px -5px rgba(0,0,0,0.45);
box-shadow: 5px 0 5px -5px rgba(0,0,0,0.45);
}

.box-shadow-right {
-webkit-box-shadow: -5px 0 5px -5px rgba(0,0,0,0.45);
-moz-box-shadow: -5px 0 5px -5px rgba(0,0,0,0.45);
box-shadow: -5px 0 5px -5px rgba(0,0,0,0.45);
background-color:#fff;
}

.box-shadow-bottom {
-webkit-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
width:100%;
height:10px;
}


.slider-banner-fullwidth-big-height {
position: relative;
}

.slider-banner-fullwidth-big-height .box-shadow-slider-top {
-webkit-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
width:100%;
height:10px;
position:absolute;
top:0;
left:0;
z-index:66;
overflow:hidden;

}

.slider-banner-fullwidth-big-height .box-shadow-slider-bottom {
-webkit-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
width:100%;
height:10px;
position:absolute;
bottom:-10px;
left:0;
z-index:66;
overflow:hidden;

}

.kontakt-imgbox .box-shadow-top {
-webkit-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
box-shadow: inset 0px 6px 5px -6px rgba(0,0,0,0.45);
width:100%;
height:10px;
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;

}



.bg-willkommen {
	background:url(../bilder/hg/bubbles.png) no-repeat;
	background-position:15px -95px;
	background-size:97.5%;
	
	
}

@media (max-width: 1200px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:0px -81px;
		background-size: 96%;
		
	}

}

@media (max-width: 1025px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:0px -81px;
		background-size: 96.5%;
		
	}

}

@media (max-width: 991px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:0px -65px;
		background-size: 95%;
		
	}

}



@media (max-width: 700px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:-5px -55px;
		background-size: 95.5%;
		
	}

}

@media (max-width: 670px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:-5px -45px;
		background-size: 95.5%;
		
	}

}

@media (max-width: 600px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:-7px -48px;
		background-size: 96.5%;
		
	}

}

@media (max-width: 480px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:-7px -30px;
		background-size: 94%;
		
	}

}


@media (max-width: 320px) {

	.bg-willkommen {
		background:url(../bilder/hg/bubbles.png) no-repeat;
		background-position:-7px -28px;
		background-size: 94%;
		
	}

}



.headline h1 {
	color:#6f6f6e;
	font-size:3.08em;
	font-weight:400;
	text-transform:uppercase;
	display:inline-block;
	margin-right:15px;
	margin-top:12px;
	float:left;
}


.headline.white h1 {
	color:#fff;
}

.bodytext h2 {
	font-size:1em;
	font-weight:500;
    line-height: 1.6em;	
	padding-bottom:20px;
	text-align:justify;
	letter-spacing:-0.02em;		
}

.bodytext{
	text-align:justify;
}

.bodytext p {
	padding-bottom:18px;
}

.bodytext p.pt-none {
	padding-bottom:0;
}


.bodytext .blue {
	color:#009ee0;
}

.bodytext .weight-normal {
	font-weight:400;
}

.content-willkommen .bodytext .werdenich:before {
	content:url(../bilder/willkommen/werdenich.png);
	
}

.content-willkommen .bodytext .werdenich  {
	position:relative;
	
}

.content-willkommen .bodytext .werdenich p  {
	position: absolute;
	margin-top:-40px;
}

.content-willkommen .piktogramm {
	margin-top:25px;
}

.content-willkommen .piktogramm img {
	width:auto;
	max-width:100%;
	height:auto;
	margin:auto;
}



@media (min-width: 1200px) {
	.content-willkommen .piktogramm {
		margin-top:-50px;
	}
	
	.content-willkommen .piktogramm img {
		margin-right:-20px
	}	

	.content-willkommen .headline h1 {
		line-height:60px;
	}


}

@media (max-width: 769px) {
	.content-willkommen .piktogramm {
		margin-top:105px;
	}	

}

@media (max-width: 480px) {
	.content-willkommen .piktogramm {
		margin-top:130px;
	}	

}



.bg-dienstleistung {
	background:#009fe3;
}


.float-left  {
	display:inline-block;
	float:left;
}

.float-right  {
	display:inline-block;
	float:right;
	margin-bottom:20px;
}

.dienstleistung-box {
	background:#fff;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45);

margin-bottom:30px;	

}

.dienstleistung-box .content-slider-thumbs-container {
	margin-top:-37px;
	margin-left:20px;
	margin-right:15px;
}

.dienstleistung-box .content-slider-thumbs .owl-item .owl-nav-thumb, 
.dienstleistung-box .content-slider-thumbs2 .owl-item .owl-nav-thumb,
.dienstleistung-box .content-slider-thumbs3 .owl-item .owl-nav-thumb,
.dienstleistung-box .content-slider-thumbs4 .owl-item .owl-nav-thumb {
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;	
	border: 0.15em solid #fff;
	overflow:hidden;
}



.dienstleistung-box .content-slider-thumbs .owl-item.synced .owl-nav-thumb,
.dienstleistung-box .content-slider-thumbs2 .owl-item.synced .owl-nav-thumb,
.dienstleistung-box .content-slider-thumbs3 .owl-item.synced .owl-nav-thumb,
.dienstleistung-box .content-slider-thumbs4 .owl-item.synced .owl-nav-thumb {
	border-color:#009fe3 !important;
}

.dienstleistung-box .content-slider-thumbs .owl-item, 
.dienstleistung-box .content-slider-thumbs2 .owl-item, 
.dienstleistung-box .content-slider-thumbs3 .owl-item, 
.dienstleistung-box .content-slider-thumbs4 .owl-item {
	max-width:85px;
	margin-right:-5px;
}

.dienstleistung-box .content-slider-with-thumbs img, 
.dienstleistung-box .content-slider-with-thumbs2 img, 
.dienstleistung-box .content-slider-with-thumbs3 img, 
.dienstleistung-box .content-slider-with-thumbs4 img {
	width:100% !important;
	height:auto;
}

.dienstleistung-box .bodytext h2 {
	font-size:1.2em;
	font-weight:500;
    line-height: 1.2em;	
	padding-bottom:15px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:0.01em;		
}

.dienstleistung-box .bodytext p {
	padding-bottom:0;
}

.dienstleistung-box .bodytext  {
	min-height:180px;
}


.content-kontakt, kontakt-imgbox {
	position:relative;
}

.content-kontakt .kreis-blue {
	position: absolute;
	width:265px;
	height:265px;
	background:#009fe3;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;	
	top:75px;
	right:345px;
	z-index:3;
}

.content-kontakt .kreis-white {
	position: absolute;
	width:385px;
	height:385px;
	background:#fff;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;	
	top:115px;
	right:40px;
	display:table;
}


.content-kontakt .kreis-blue .bodytext {
	color:#fff;
	line-height:1.3em;
	padding-left:35px;
	padding-top:50px;
}

.content-kontakt .kreis-blue .bodytext h1 {
	color:#fff;
	font-size:1.6em;
}

.content-kontakt .kreis-blue .bodytext h2 {
	color:#fff;
	line-height:1.3em;
}



.content-kontakt .kreis-white .bodytext {
	text-align:center;
	display:table-cell;
	vertical-align:middle;


}

.content-kontakt .kreis-white .bodytext h3,
.content-kontakt .kreis-white .bodytext h4 {
	font-size:2em;
	font-weight:300;
	text-align:center;
}

.content-kontakt .kreis-white .bodytext h3 {
	text-transform:uppercase;
	padding-bottom:20px;
}

.content-kontakt .kreis-white p {
	font-size:1.4em;
	font-weight:300;	
}

.content-kontakt .kreis-white a {
    color:#6f6f6e; 
}

.content-kontakt .kreis-white p a:hover {
    color:#009fe3; 
}
 
.content-impressum .text-left {
	text-align:left;
	margin-bottom:25px;
	margin-top:-20px;
}

.content-impressum a {
    color: #6f6f6e; 
}

.content-impressum a:hover {
    color: #009ee3; 
}

.bg-imprint {
	background: url(../bilder/hg/bubbles-imprint.png) no-repeat top center ;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;	
	
}

a.no-hover {
    color: #6f6f6e; 
	cursor:default; 	
}

a.no-hover:hover {
    color: #6f6f6e;
}


.small {
	font-size:0.9em;
	line-height:1.4em;
	padding-top:35px;
}

.small h6 {
	font-size:1.2em;
	line-height:1.2em;
	text-transform:uppercase;
	padding-bottom:10px;
}

.small p {
	padding-bottom:10px;
}





.clear {
  clear:both;
}