/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ARROWS */

.ce_kiwislider_start .navi_arrow {

    position: absolute;

    z-index: 10;

    cursor: pointer;

    background-repeat: no-repeat;

    background-position: center;

    /*opacity: 0.5;*/

    /*-ms-filter: "alpha(opacity=50)";  IE 8 */

    transition: 0.3s;

}

.ce_kiwislider_start .navi_arrow:hover {

    opacity: 1;

    -ms-filter: "alpha(opacity=100)"; /* IE 8 */

    /*background-color: rgba(255,255,255,0.15);*/

}

.ce_kiwislider_start.horizontal .navi_arrow {

    /*background-size: 80%;*/

    height: 100%;

    width: 10%;

    top: 0;

}

.ce_kiwislider_start.horizontal .navi_arrow.prev {

    left: 0;

    background-image: url("../../files/procentive/content/images/headslider/arrow_left.png");

}

.ce_kiwislider_start.horizontal .navi_arrow.next {

    right: 0;

    background-image: url("../../files/procentive/content/images/headslider/arrow_right.png");

}

.ce_kiwislider_start.vertical .navi_arrow {

    background-size: auto 80%;

    height: 10%;

    width: 100%;

    left: 0;

}

.ce_kiwislider_start.vertical .navi_arrow.prev {

    top: 0;

    background-image: url("../../files/procentive/layout/css/arrow_up.png");

}

.ce_kiwislider_start.vertical .navi_arrow.next {

    bottom: 0;

    background-image: url("../../files/procentive/layout/css/arrow_down.png");

}

/* DOTS */

.ce_kiwislider_start .navi_dots {

    position: absolute;

    z-index: 10;

    color: transparent;

}

.ce_kiwislider_start .navi_dot {
    background-color: #d9d9d9;

    cursor: pointer;

    display: inline-block;

    height: 16px;

    width: 17px;

    border: 1px solid #fff;

    -moz-border-radius: 0px;

    border-radius: 0px;

    opacity: 1;

    -ms-filter: "alpha(opacity=50)"; /* IE 8 */

    transition: 0.4s;

}

.ie8 .ce_kiwislider_start .navi_dot {

    background-color: #fff;

    overflow: hidden;

    text-indent: 100%;

}

.ce_kiwislider_start .navi_dot:hover {

    opacity: 1;

    -ms-filter: "alpha(opacity=100)"; /* IE 8 */

}

.ce_kiwislider_start .navi_dot {

    margin: 0 4px;

}

.ce_kiwislider_start.vertical .navi_dot {

    display: block;

    margin: 9px 0;

}

.ce_kiwislider_start .navi_dot.active {

    background-color: #c0d917;

    opacity: 1;

    -ms-filter: "alpha(opacity=100)";  /*IE 8 */

}

.ce_kiwislider_start .navi_dots {

    bottom: 5%;

    width: 100%;

    text-align: center;

}

.ce_kiwislider_start.vertical .navi_dots {

    bottom: 0;

    width: auto;

    right: 5%;

    margin-bottom: 5%;

}

/* TIMER */

.ce_kiwislider_start .timer_container {

    position: absolute;

    z-index: 10;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 3px;

}

.ce_kiwislider_start.horizontal .timer_container {

    bottom: 0;

    left: 0;

    width: 100%;

    height: 10px;

    max-height: 5%;

}

.ce_kiwislider_start.vertical .timer_container {

    right: 0;

    top: 0;

    height: 100%;

    width: 10px;

    max-width: 5%;

}

.ce_kiwislider_start .timer {

    background-color: #000;

    background-color: rgba(0,0,0,0.5);

    -moz-border-radius: 6px;

    border-radius: 6px;

}

.ce_kiwislider_start.horizontal .timer {

    height: 100%;

    min-height: 3px;

}

.ce_kiwislider_start.vertical .timer {

    width: 100%;

    min-width: 3px;

}

@import url("http://fast.Fonts.net/t/1.css?apiType=css&projectid=7fcbf251-cf34-4587-8556-8d8df94c1edd");
    @font-face{
        font-family:"PMNCaeciliaW01-55Roman";
        src:url("../../files/procentive/layout/Fonts/e9938f19-f9be-4b47-9f5a-c3441c7b84a2.eot?#iefix");
        src:url("../../files/procentive/layout/Fonts/e9938f19-f9be-4b47-9f5a-c3441c7b84a2.eot?#iefix") format("eot"),url("../../files/procentive/layout/Fonts/696b2228-7827-482f-b975-5618266d0c9b.woff2") format("woff2"),url("../../files/procentive/layout/Fonts/57d0d8b3-dd92-4639-bc73-f54734f54f3d.woff") format("woff"),url("../../files/procentive/layout/Fonts/e8f97b23-e117-4d0a-abc8-4a6112d9794f.ttf") format("truetype"),url("../../files/procentive/layout/Fonts/f97046a6-1405-40e5-80e8-282eccce10b8.svg#f97046a6-1405-40e5-80e8-282eccce10b8") format("svg");
    }
    @font-face{
        font-family:"PMNCaeciliaW01-75Bold";
        src:url("../../files/procentive/layout/Fonts/9bd4aa31-b713-46ea-98be-4ee7144485d3.eot?#iefix");
        src:url("../../files/procentive/layout/Fonts/9bd4aa31-b713-46ea-98be-4ee7144485d3.eot?#iefix") format("eot"),url("../../files/procentive/layout/Fonts/4a758111-db21-4bd4-900b-b7703250115f.woff2") format("woff2"),url("../../files/procentive/layout/Fonts/c8018977-bfbd-4a76-a48d-fa0be4da75ef.woff") format("woff"),url("../../files/procentive/layout/Fonts/1f750230-9c70-43f4-ae5c-e8d00c419fda.ttf") format("truetype"),url("../../files/procentive/layout/Fonts/0006ae28-8833-490d-82c5-b4f373a137c5.svg#0006ae28-8833-490d-82c5-b4f373a137c5") format("svg");
    }


/*------------------------------------------------
Generell
------------------------------------------------*/
*{
	outline:none;
}
h1, h2, h3, h4{
	font-family:"PMNCaeciliaW01-75Bold";
}
h1, h3{
    /*margin-top: 65px;*/
	color:#c0d917;
}
h1, h2, h3{
	font-size:22px;
	line-height:28px;
}
h2, h4{
	color:#fff;
}
h2{
	margin-top: 21px;
}
h4{
	font-size:19px;
	background-color:#c0d917;
	margin:0;
	padding: 10px 0;
    text-align: center;
}
p, label, ul, div{
	font-family:"PMNCaeciliaW01-55Roman";
	font-size:15px;
	color:#3d3d3d;
	font-weight:400;
}
form{
	margin-top:30px;
}
label{
	float:right;
	margin-right: 15px;
	padding-left:50px;
}
a, a:hover, a:active, a:focus{
	font-family:"PMNCaeciliaW01-55Roman";
	text-decoration: none;
	color:#fff;
	background-color:#c0d917;
	padding:8px 15px;
	border-radius: 5px;
	cursor:pointer;
    outline: none;
}
hr{
	height:3px;
	background-color:#c0d917;
	margin:-1px;
}
em{
	font-style:inherit;
	white-space:nowrap;
}
input, textarea{
    border: 2px solid #c0d917;
	width: 210px;
    padding: 5px;
    margin: 0px 0px 10px 0px;
	font-size:15px;
	font-family:"PMNCaeciliaW01-55Roman";
	resize: none;	
}
textarea{
	height: 200px;
}
input[type="submit"]{
	background-color: #c0d917;
    color: #fff;
    border-radius: 5px;
}

#main .abstand_unten{
	margin-top: 65px;
	margin-bottom:65px;
}
#main .container.row{
	padding-left:15px;
	padding-right:15px;
}
.container-fluid{
	z-index:2;
	padding:0px;
}
/*------------------------------------------------
Header
------------------------------------------------*/
header hr{
    position: absolute;
    background-color: #fff;
    top: 67px;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 2px;
    border: 0px;
}
header .inside{
	position:relative;
}
.logo_hintergrund{
	left: 0px;
    position: absolute;
    height: 66px;
    width: 30%;
    background-color: #c0d917;
}
nav{
	line-height: 65px;
    height: 65px;
}
nav ul {
	float: right;
    padding-left: 0px;
}
nav ul li{
    /*margin-left:2px;*/
	display: inline-block;
    list-style-type: none;
/*	margin-left: 30px;
*/}
nav ul li span{
	/*padding: 0 5px;*/
}
nav ul .first{
	margin-left:0px;
}
nav a, nav a:hover, nav a:active, nav a:focus, nav a:visited, nav a:link, nav span{
	font-family:"PMNCaeciliaW01-75Bold";
	font-size:19px;
	color:#4b4b4d;
	background-color:inherit;
	cursor:pointer;
	border-radius: 0px;
	padding:0px 15px;
	display:block;
}
nav li:hover a, nav .active{
	color:#fff;
	background-color:#c0d917;
}
.menue_button{
	display:none;
	height:66px;
    float: right;
}
.menue_button img{
	float: right;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}
.logo{
	background-color:#c0d917;
	height: 66px;
}
.logo img{
	float:left;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/*------------------------------------------------
Slider Banner
------------------------------------------------*/
.ce_kiwislider_start{
	z-index:2;
}
.ce_kiwislider_element_start{
	background-size:cover;
}
.ce_kiwislider_start{
	min-height:520px;
    max-height: 700px;
}
blockquote{
	border-left: 0px;
}
.beschreibung{
	position:absolute;
	background-color:#c0d917;
	border-radius:5px;
	left: 0;
    right: 0;
    margin: 0 auto;
	bottom:122px;
	padding-bottom: 16px;
}
.beschreibung p{
	width: 415px;
}
.banner_blockquote{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
q{
	text-shadow: 5px 5px 14px rgba(0,0,0, 0.56);
	color:#c0d917;
	font-size:40px;
}
.banner q:before,
.banner q:after{
	content:'';
}
.start-slider{
	position:relative;
}
.beschreibung p{
	color:#fff;
	font-size:16px;
}
.banner_blockquote p{
	color:#fff;
	font-size:20px;
}
.slider_hintergrund img{
	width:100%;
}
.slider_hintergrund{
	width:100%;
}
.personen{
	position: absolute;
    bottom: 0px;
/*	right: 211px;
*/}
.navi_dots{
	position:absolute;
    margin-top: -30px;
	cursor:pointer;
	width: 100%;
    text-align: center;
}

.start_slider{
	position:relative;
}
.start_slider a{
	padding: 0px;
}
.quick{
	background-color:#c0d917;
	width:6px;
	height: 100%;
	z-index: 100;
    position: absolute;
	right: 0px;
}
.quicklinks{
	position:absolute;
	right:0px;
	top:130px;
	z-index:100;
}
.facebook{
	position:absolute;
	right:0px;
	top:0px;
	left:0px;
	z-index:100;
}
.facebook a{
	background-color:inherit;
}
.facebook img{
	float:right;
}
.quicklinks a{
	margin-bottom:6px;
	background-color: inherit;
}


.pfeil{
	-webkit-transition: left 2s; 
    transition: left 2s;
	/*opacity:0;*/
}
.header_klein img{
	width: 100%;
}

/*------------------------------------------------
Allgemeim
------------------------------------------------*/
.no_button a{
	background-color: transparent;
	padding:0px;
	color:#c0d917;
	transition:.2s;
}

/*------------------------------------------------
Leistungen
------------------------------------------------*/

.leistungen .row{
	display:flex;
}
#main .leistungen{
	margin-top: -26px;
	background-color:#c0d917;
}
.leistungen ul{
    padding-left: 18px;
	text-align:left;
}
.leistungen .icons{
	line-height: 100px;
	height: 105px;
}
.leistungen p{
	color:#fff;
}
.leistungen li{
	font-family:"PMNCaeciliaW01-75Bold";
	color:#fff;
	font-size:22px;
}
.leistungsslider_einblenden{
    cursor: pointer;
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
}
.leistungen ul{
	display: inline-block;
    width: auto;
    /*margin: 0 auto;*/
	margin: 5px 0px 15px;
}
.leistungen li{
    width: auto;
}
.leistungen_inhalt{
	padding: 45px 0 80px;
}
.rente{
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
.beratung_formular_open{
	margin-top: 50px;
}

/*------------------------------------------------
Leistungsslider
------------------------------------------------*/
.leistungen_slider .swiper-slide{
	text-align:left;
	margin: 40px 0;
}
.leistungen_swiper_slider{
	height:0px;
    position: relative;
	-webkit-transition: height 2s; 
    transition: height 2s;
}
.leistungen_swiper_slider .swiper-button-prev, .leistungen_swiper_slider .swiper-button-next {
    top: 1200px;
}
.swiper-pagination{
	margin-top: 40px;
	display:none;
	width: 100%;
}
.pfeil_gruen figure{
	text-align:center;
}
.pfeil_gruen{
	display:none;
}


/*------------------------------------------------
Leistungssteigerung
------------------------------------------------*/
.leistungssteigerung p{
	line-height:22px;
}

/*------------------------------------------------
Referenzen
------------------------------------------------*/
.reference a{
	padding: 0px;
}
.mod_references{
	width:100%;
}
.referenzen .kiwislider_element_inside{
	padding: 0px;
}
#main .referenz-slider{
	margin-top:65px;
    margin-bottom: 35px;
	position: relative;
}
.referenz_slider_wrapper{
	position:relative;
}
.referenz-slider .slick-list{
	margin:30px 0;
}
.referenz-slider .slick-slide{
    padding: 0 2px;
}
.referenz-slider .reference{
	padding: 2px 0;
}

/*------------------------------------------------
Gesundheitspartner
------------------------------------------------*/
.gesundheitspartner{
	height: calc(100vw/2.95);
	min-height: 200px;
	position:relative;
	min-height: 300px;
}
.gesundheitspartner .row{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.gesundheitspartner q{
	line-height: 60px;
}
.gesundheitspartner q:before,.gesundheitspartner q:after  { content: "" }
.gesundheitspartner p{
    margin-top: 25px;
}
/*------------------------------------------------
Footer
------------------------------------------------*/
footer .rente_berechnen{
	margin-top:25px ;
}
footer input[type="submit"]{
	width:auto;
	float:right;
}
footer input[type="text"]{
	width:100%;
	border: 1px solid #CCC;
}
.standorte{
	margin-bottom:25px;
}
footer{
	/*margin-top:65px;*/
	/*margin-bottom: 50px;*/
}
footer .footer_content{
    margin-bottom: 40px;
    margin-right: 0px;
    margin-left: 0px;
}
.footer_nav_bg{
	position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0px;
	left:0px;
    background-color:#c0d917;
}
footer nav{
	height: 40px;
	line-height:40px;
}
#footer nav a{
	color:#fff;
	font-size: 16px;
}



body .scroll_down,
body .scroll_up{
	display:none !important;
}


/*------------------------------------------------
Unterseite Referenzen
------------------------------------------------*/
.einleitung{
	margin: 65px 0;
}
.referenzen_liste img{
	width:100%;
}
.referenzen_liste .reference_image{
	margin-bottom:50px;
	/*width: 33.3%;
    float: left;
    margin-right: 15px;*/
}
.referenzen_liste .reference{
	margin-bottom:50px;
	clear:both;
	padding: 0 15px;
}
#main .referenzen_liste{
	margin-bottom:65px;
}
#main .reference_content h3{
	margin-top:0px;
}
 


/*------------------------------------------------
Partner Unterseite
------------------------------------------------*/
.partner_banner{
	height: calc(100vw/2.3);
    max-height: 500px;
	position:relative;
	min-height: 220px;
	background-image: url("../../files/procentive/content/images/headslider/banner_klein.jpg");
    background-size: cover;
}
.partner_banner img{
	width: 100%;
}
.partner_banner .partner_banner_text{
	position:absolute;
	text-align:center;
	left:0;
	right:0;
	top: 50%;
    transform: translateY(-50%);
}
#main .partner_content{
    margin-bottom: 65px;
}
.partner_werden a{
	width: 100%;
	display: block;
	text-align:center;
    margin-top: 40px;
    padding: 6px;
}
.partner_content .explanation a{
	background-color:transparent;
	color:#3d3d3d;
	padding:0px;
}
.partner_content input{
	width:100%;
	border: 1px solid #ccc;
    border-radius: 5px;
	margin: 10px 0;
}
.partner_content .explanation p{
	margin-top: 12px;
}


.contact .phone{
    background-color: #c0d917;
    border-radius: 5px;
    padding: 10px;
}
.contact .phone_person{
	float:none;
}
.contact .phone p{
	color: #fff;
}
.contact{
	position:relative;
}
.contact .phone_wrapper{
	text-align:center;
	bottom: 5px;
	display:table;
	height:424px;
    max-width: 260px;
}
.contact .inner_phone_wrapper{
	display:table-cell;
	vertical-align:bottom;
}
.kontakt_karte p{
	overflow:hidden;
}
.kontakt_karte iframe{
	width:100%;
}



.dlh_googlemap{
	width:100%;
	height:450px;
}
.gm-style a {
	width: auto;
	background-color:transparent;
}
.ce_dlh_googlemaps{
	margin-top:25px;
	margin-bottom:30px;
}
.dlh_googlemap img{
	max-width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.routinglink{
	margin-top:30px;
	width:calc(100% - 30px);
	width:100%;
}
.routinglink form{
	margin-top:0px;
}
.routinglink a{
	display:block;
	margin-bottom:20px;
	background-color: #c0d917;
}
.routinglink input.submit{
	float: left;
}
.gm-style-iw img{
	max-width:100% !important;
}
.gm-style-iw h3{
	margin-top: 10px;
}
/*.gm-style-iw > div{
	max-height:none !important;
}*/


/*------------------------------------------------
Slick-Slider
------------------------------------------------*/
.slick-slider *{
	outline: none;
}
.slick-list{
	margin:65px auto;
}
.slick-next, .slick-prev{
	width: 21px;
    height: 32px;
	background-repeat:no-repeat;
}
.slick-dots{
	position: absolute;
    top: 45px;
    padding-left: 0px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto 0;
}
.slick-dots li{
	display:inline;
}
.slick-dots button{
	height: 16px;
    width: 17px;
    background-color: #d9d9d9;
    border: 0;
    margin: 0 4px;
	outline: none;
}
.mod_references .slick-arrow{
	padding: 100px 50px;
	margin:auto;
	top: 0px;
	bottom: 0;
	cursor:pointer;
	background-size: 19px;
}
.slick-next{
	background-image: url("../../files/procentive/layout/slick/images/navigation_rechts.png");
	background-position:center right;
}
.slick-prev{
	background-image: url("../../files/procentive/layout/slick/images/navigation_links.png");
	background-position:center left;
}
.pro_leistungen_slider .slick-slide{
	padding:0 15px;
}
.slick-dots .slick-active button{
	background-color: #c0d917;
}
.slick-slider .image {
	width: 100%;
	height: 200px;
	/*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center;
}


/*------------------------------------------------
Media Queries
------------------------------------------------*/
@media (min-width: 1487px){
	.beschreibung{
		width:45%;
	}
}
@media (max-width: 1300px){
	.quicklinks{
		top:10%;
	}
}
@media (max-width: 1199px){
	header nav ul{
		margin-left:-5px;
	}
	header nav ul{
		margin-left: -15px;
		float:left;
	}
}
@media (max-width: 1075px){
	.beschreibung{
		bottom: 70px;
	}
	.beschreibung p{
		width: 300px;
	}
}
@media (max-width: 991px){
	.leistungen .row{
		display:block;
	}
	.partner_content .register{
		border-top: 1px solid #c0d917;
		border-bottom: 1px solid #c0d917;
	}
	.partner_werden{
		margin-top:20px;
	}
	.partner_content form{
		margin-bottom:35px;
	}
	.reference_content{
		margin-bottom:35px;
	}
	.quick{
		display:none;
	}
	.quicklinks{
		display:none;
	}
	.pfeil_gruen{
		display:none;
	}
	.rente {
    	border-top: 2px solid #fff;
    	border-bottom: 2px solid #fff;
		border-right:none;
		border-left:none;
	}
	q{
		font-size:25px;
	}
	.gesundheitspartner q{
		line-height: 33px;
	}
	header nav ul{
		float:left;
	}
	.menue_button{
		display:block;
		width: 65px;
	}
	header nav{
		display:none;
		height: auto;
	}
	header nav li{
		display: block;
		margin-left:0px;
		width: 100%;
	}
	header nav ul{
		width: 110%;
	}
	header nav a, header nav a:focus, header nav a:visited, header nav a:hover, header nav a:active{
		height: 100%;
		width: 100%;
		display: block;
		padding: 0 5px;	
	}
	.mod_references h4{
		min-height: 80px;
	}
}
@media (max-width: 767px){
	.phone_person{
		margin-top:65px;
	}
	.contact .phone_wrapper{
		max-width:none;
		height:auto;
	}
	.contact table{
		width:100%;
	}
	.contact input, .contact textarea{
		width:100%;
	}
	.contact td{
		display:block;
	}
	.contact label{
		float:left;
		padding:0px;
	}
	.personen{
		z-index:0;
		width: 220px;    
		bottom: 204px;
		right: 15%;
	}
	.beschreibung{
		z-index:1;
	}
	q{
		font-size:25px;
	}
	.gesundheitspartner q{
		line-height: 33px;
	}
	.navi_arrow{
		display:none;
	}
	#main .slick-arrow{
		display:none !important;
	}
	footer nav a{
	}
}
@media (max-width: 550px){
	/*.personen{
		display:none;
	}*/
	.beschreibung p{
		width:100%;
	}
	.col-xxs-6{
		width:50%;
	}
}
@media (max-width: 440px){
	em{
		font-size: 14px;
	}
	.beratungstermin label{
		padding-left:0px;
		float:left;
	}
	.beratungstermin td{
		display:block;
	}
	.beratungstermin table{
		width:100%;
	}
	input, textarea{
		width:100%;
	}
}