@charset "UTF-8";
/* CSS Document */

/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'),
       url('../fonts/josefin-sans-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/josefin-sans-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-slab-300 - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Josefin Slab Light'), local('JosefinSlab-Light'),
       url('../fonts/josefin-slab-v8-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/josefin-slab-v8-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* josefin-slab-regular - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'),
       url('../fonts/josefin-slab-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/josefin-slab-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* josefin-slab-700 - latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Slab Bold'), local('JosefinSlab-Bold'),
       url('../fonts/josefin-slab-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/josefin-slab-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body {
  height: 100%;
  margin: 0;
}

img { max-width:100%; height:auto}
.row { margin-bottom:20px}

#wrapper { min-height:100%; margin-bottom: -78px;}

a { display:inline-block; position:relative; transition: all 0.4s;}
a:after {content: '';
			  position: absolute;
			  bottom: -10%;
			  left: 50%;
			  width: 0%;
			  border-bottom: 1px solid #9d9c97;
			  transition: all 0.4s;
			  
}

a:hover:after {
		  width: 100%;
		  left:0%;
}

a.button { padding:5px 20px; border:1px solid #9d9c97; color:#9d9c97; font-family:'Josefin Sans', sans-serif;letter-spacing:1px; margin-top:40px}
a.button:hover { border-color:#282724; color:#282724;}
	body.en a.button:hover { border-color:#f4f0eb; color:#f4f0eb;}
a.button:hover:after { width:0;}


h2 { font-size:24px; opacity:0.6}
p+h2, p+h3 { margin-top:1.4em}
		
.center { text-align:center}

.logo { text-align:center; }
.logo h1, .logo h2 { margin: 0}
.logo h1 a, .logo h2 a {font-size:38px; font-weight:300; color:inherit; text-decoration:none; letter-spacing:1px; }


.nav { text-align:center; font-family:'Josefin Sans', sans-serif;letter-spacing:1px}
.nav ul { margin-bottom:0}
.nav ul li { list-style:none; display:inline-block; padding:0 3px;font-size:18px;}
.nav ul li a { display:block;  color:inherit; text-decoration:none;font-weight:300;}

.zitat { padding:20px 10px; border-top: 1px solid #9d9c97; border-bottom: 1px solid #9d9c97; text-align:center; }
.zitat span { font-family:'Josefin Sans'; font-weight:300;}
.zitat.titel { font-size:42px}

.footer, #push { height:78px; box-sizing:border-box}

.footer { background:rgba(38,36,34,1); color:#f4f0eb; padding:25px 25px; margin:0 !important  }
	body.en .footer { background:#f6f4ef; color:#282724;  }
	.footer a { color:#fafaf7; font-weight:300; }
		body.en .footer a { color:#323130; font-weight:300; }
		
		 a.aktiv{ font-weight:700 !important}
	#link_impressum { float:left}
	#link_sprache { float:right}
		#link_sprache.header { display:block; margin-top:-10px}
		#link_sprache.header a { opacity:0.5; color:#323130}
		body.en #link_sprache.header a {color:#fafaf7}
		

.content {}

/*nav*/
.kontakt .nav_kontakt, .vita .nav_vita, .leistungen .nav_leistungen { opacity:0.5}

/*lesitungen*/
.leistungen .four h2{ margin-top:0}

/*kontakt*/
.kontakt .content img, .impressum .content img{ width:250px }
.kontakt .content h3, .impressum .content h3 { margin-bottom:0}

.datenschutz p a{ word-break: break-all }

.kontakt_bild {margin:20px 0 10px 0; width:100% !important; height:auto }
.kontakt_bild.desktop { display:none}