@charset "UTF-8";

/* CSS Document */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/Theme_Kristin_Haak/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}



@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media only screen and (max-width: 767px) {

/* disable webkit text size adjust (for iPhone) */

html {-webkit-text-size-adjust: none;}

}



a:-webkit-any-link {

	text-decoration:none;

	color:#38444b;

	}

a {

	text-decoration:none;

	color:#38444b;
	display:cursor;

	}


html, body {

    font-family: 'Open Sans', sans-serif;

	font-size:100.0%; 

}

body{

	font-size:16px;

	text-rendering:optimizelegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-weight:400;

	background-color:#fff;

	color:#8d8a5f;

	overflow-x:hidden;

	margin:0;

	padding:0;

}

#wrapper {

	font-size: 0.9rem;

	font-size: 0.875rem;
	
	font-size: 13.5px;

	line-height: 1.3rem;

	line-height: 1.3125rem;

	}

#Start.mod_article{
	
	padding-top:120px;
	
	padding-bottom:00px;
	
	background-image:none;

	}
	
#Start .bordertop{
	
	border-top:none;
	
	margin-bottom:0px;
}

#Start .startbild{
	
	margin-bottom:30px;

}
#Start .ce_text.willkommentext{
	max-width:100%;
	font-size:15px;
	padding-bottom:20px;
}
	
@media (min-width: 992px) {
	
#Start.mod_article{
	
	padding-top:350px;
	
	padding-bottom:40px;
	
	background-image:url('/files/Theme_Kristin_Haak/img/kristinhaak_header.png');
	
	background-repeat: no-repeat;
	
	background-position: right 100px; 
	}
	
	
#Start .bordertop{
	
	border-top:4px dotted #b2b490;
	
	margin-bottom:60px;
}

#Start .startbild{
	
	margin-bottom:0px;

}


}


#Start .ce_image .image_container{
	
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}

.mod_article:not(#Start){
/*hier wird der Abstand zum StickyHeader geregelt*/
	padding-top:80px;
	
	padding-bottom:60px;
	
	border-top:4px dotted #b2b490;
}

#ihr-erster-besuch.mod_article {
	
	border-top:none;
}

#leistungen.mod_article{
	padding-top:40px;
/*	border-top:none;	*/
	
}

#leistungen .image_container{
	
	display:block;
	
	margin:0 auto;
	
	max-width:540px;
}

#leistungen .ce_text .showme,#leistungen .ce_text .showme2,#leistungen .ce_text .showme3,#leistungen .ce_text .showme4{

	margin:0 auto;
	
	max-width:540px!important;
}

.uebermich .ce_image.mobile-none{
	
	display:none;
	
}

#leistungen .mobil-margin-top{
	
	margin-top:40px;
}

#leistungen .ce_headline{
	margin:40px auto;
}

.uebermich .ce_text ul{
	margin-left:15px;
	padding-left:0px;


}
.uebermich .ce_text ul li{
	margin-left:0px;
	padding-left:0px;

}
.uebermich .ce_image.marginbottom{
	margin-bottom:15px;
}


@media (min-width: 992px) {
	
	.uebermich .ce_image.mobile-none{
		
	display:block;
}
#leistungen .mobil-margin-top{
	
	margin-top:0px;
}


}

.ce_text.border-left,.border-left{
	
	border-left:none;
}
.ce_text.border-left h1,.border-left{
	
	margin-top:0;
	
	padding-top:0;
}

.impressum #main,.datenschutz #main{

	margin-top:0px;

}
.impressum #main .mod_article,.datenschutz #main .mod_article{
	
	border-top:none;
}


#footer .mod_article{

	padding-top:0;

}

 h1, h2, h3 { 

	font-family: 'Open Sans', sans-serif;

	font-weight: 700;

	font-style: normal;

	color:#8d8a5f;

	font-size:1.5625rem;

	line-height:2.125rem;

	text-rendering:optimizelegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	padding-bottom:0px;

	margin-bottom:0px;

}

h1.centered{text-align:center;}

h2{
	font-size:1.125rem;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.5625rem;
	line-height:2.125rem;
	text-align:left;
	margin-top:0;

}

h3.headl_kontakt{margin-bottom:20px;}

.datenschutz h1{font-size:1.5625rem;}

.datenschutz h3{font-size:1.375rem;	color:#666;line-height:1.375rem;}

.datenschutz h4{font-size: 0.9rem;font-size: 0.96875rem;line-height:1.0rem;color:#0c342b;}

.datenschutz .listing ul{padding-left:20px;}

.datenschutz .listing li{ list-style: none;padding: 0;}

.datenschutz .listing li{padding-left:1.375rem;}

.datenschutz .listing li:before {

  content: "\f14a"; 

  font-family: FontAwesome;

  display: inline-block;

  margin-left: -1.375rem; 

  width:1.375rem; 

}

.showme, .showme2, .showme3, .showme4 {
	
	display:none;
}

#telefonkontakt{
	
	display:none;
	
	width:auto;
	
	position:absolute;
	
	top:170px;
	
	right:0;
}

#telefonkontakt a{
	
	font-size:1.125rem;
	
	font-weight:700;
	
	color:#8d8a5f;
}

.impressum #telefonkontakt,.datenschutz #telefonkontakt{
	
	display:none;
}

@media (min-width: 768px) {
	
.uebermich .ce_text.border-left {
		
    border-left: 1px dotted #8d8a5f;
}

#Start .ce_text.willkommentext{
	
	display:block;
	
	max-width:580px;
	
	margin:0 auto;
	font-size:15px;
}
#leistungen .mobil-margin-top{
	
	margin-top:0px;
}

}


@media (min-width: 992px) {
	
.ce_text.border-left,.border-left{
	
	border-left:1px dotted #8d8a5f;
}

.impressum #main,.datenschutz #main{

	margin-top:380px;
}
.impressum #main .mod_article,.datenschutz #main .mod_article{
	
	border-top:4px dotted #b2b490;
}

#telefonkontakt{
	
	display:block;
	
	width:auto;
	
	position:absolute;
	
	top:260px;
	
	right:0;
}

#Start .ce_text.willkommentext{
	display:block;
	max-width:100%;
	margin:0 auto;
}


}

@media (min-width: 1200px) {
	
	#telefonkontakt{
	
	display:block;
}


}

/* Inhalte im Footer*/

#footer {

	color:#8d8a5f;

	font-size: 0.85rem;

	background-color:#fff;


	}
#footer .col-md-12{
	
	padding-left: 0px;
	
	padding-right: 0px;
	
	}


#footer .inside {
	
	border-top:4px dotted #b2b490;
	
    margin-left: -15px;
    
    margin-right: -15px;

}


#footer .linktotop {

    width: 40px;

    height: 40px;

    background-color: #bcc000;
    
    color:white;

    text-align: center;

    cursor: pointer;

    position: relative;

    margin: 0 auto;

}

#footer .linktotop::before {

    font: normal normal normal 14px/1.7 FontAwesome;

    font-size: 1.5rem;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f102";

}

#footer .footer-content{
	
	margin-top:60px;
	
	margin-bottom:270px;
	padding-left:5px;
	
}

#footer .footer-content a{
	
	color:#8d8a5f;
	
	font-size:0.875rem;
	
	font-weight:700;
	
	text-transform:uppercase;
	
	margin-right:10px;
	
}
#footer .footer-content a:hover{
	
	color:#bcc000;
	
}