/* FRONTEND CSS
*********************************************/
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('../fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

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

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

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

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}

body {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:300;color:#6f7679;background-color:#fff;line-height:1.4;}

a{color:#173C6B;text-decoration:none;}
body.kfo a{color:#173C6B;}
a:hover{color:#6f7679}

h1, h2, h3, h5, p{margin:0;padding:4px 0 8px 0;}
h4 {margin:0;padding:4px 0 0px 0;}

h1, h2{font-size:20px;color:#173C6B;}
body.kfo h1,body.kfo h2{color:#173C6B;}

h1, h1 a{font-weight:bold;color:#173C6B;text-transform:uppercase;}
h2, h2 a, h3, h3 a{font-family: 'Merriweather', serif;font-style:italic;font-size:16px;font-weight:700;color:#173C6B;}
body.kfo h2, body.kfo h2 a, body.kfo h3, body.kfo h3 a{color:#173C6B;}
h4, h4 a{font-size:14px;text-transform:uppercase;color:#6f7679;}
h4 a, a h4{margin:0;padding:4px 0 8px 0;}
h2.subhead, h2.subhead a{font-size:20px;color:#6f7679;font-family: 'Open Sans', sans-serif;font-style:normal;}
.leistung{font-size:14px;background-color:#ebebed;display:block;width:100%;padding:4px;font-weight:400;}
body.start h1{font-family: 'Merriweather', serif;font-style:italic;font-size:18px;font-weight:700;color:#173C6B;}

h3.titleTeam{padding-bottom:0;}

figure {margin:0;padding:0}
figure img, img{max-width:100%;height:auto;}

#main_bottom img{max-width:100%;height:auto;}

#wrapper{width:96%;max-width:1200px;margin:auto;}

#header{background-color:#ebebed;padding-bottom:30px;position:relative;}
#header img{width:100%;max-width:1200px;height:auto;}

#teaser{position:absolute;top:-50px;right:10px;width:10%;max-width:200px;z-index:10;}
#teaser img{width:100%;max-width:200px;height:auto;}

#navig_top ul{margin:0;padding:0;list-style-type:none;}

#side_right{background-color:#ebebed;margin:15px 0 50px 0;}

#breadcrumb{padding:10px 0;}
#breadcrumb ul{list-style:none;margin:0;padding:0;}
#breadcrumb ul li{display:inline;margin:0;padding:0;}
#breadcrumb ul li a{padding:0 5px 0 0;}

#bottom{clear:both;margin-top:30px;}

#footer{background-color:#ebebed;width:96%;padding:20px 2%;}

#navig_bottom{clear:both;color:#6f7679;padding-top:20px;padding-bottom:20px;text-align:center;text-transform:uppercase;font-size:13px;}
#navig_bottom a{color:#6f7679;}
#navig_bottom ul {list-style:none;margin:0;padding:0;}

#content_bottom {margin-top:30px;margin-bottom:30px;}
#content_bottom a{color:#6f7679;}
#content_bottom a:before{content:'\f0da';font-family: FontAwesome;padding-right:5px;}
#content_bottom .moduletable.aktuell{  border-top: solid 1px #ebebed;border-bottom: solid 1px #ebebed;padding: 20px 0;}
#content_bottom .moduletable.aktuell a{color:#173C6B;}
#content_bottom .moduletable.aktuell a:before{content:'';font-family: FontAwesome;padding-right:0px;}

#main_bottom{clear:both;margin-top:30px;}

.aktBox{border-top:solid 1px #ebebed;border-bottom:solid 1px #ebebed;padding:20px 0;}

.clr{clear:both;}

.sidebar{padding:20px 30px;}
.k2Anchor{display:none;}

.teaser{background-color:#ebebed;padding:0 0 10px 0;margin-bottom:30px;text-align:center;}
.teaser img {width:100%!important;height:auto;}
.teaser h4, .teaser h4 a{color:#173C6B;margin:0;padding:0 0 4px 0;}
.teaser p{margin:0;padding:0;}
.teaser-cell{background-color:#ebebed;}

li.sprocket-strips-s-block{padding:0;background-color:#ebebed; border: 6px solid #fff;}


div.acc{
    padding-top:1px;}

button.accordion {
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    position:relative;
    margin:4px 0!important;
}
button.accordion h3{font-size:14px;margin:0;padding:0;font-family: 'Open Sans', sans-serif;color:#6f7679;font-style:normal;font-weight:400;}
button.accordion:after{ content: '\f0d7';font-family: FontAwesome;right: 10px;position: absolute;text-align: center;top: 4px; line-height: 18px;color: #173C6B;}
button.accordion.active:after {
content: '\f0d8';}

div.panel {
    padding: 0 4px;
    margin-bottom:2px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



/* Team */
.subCategory{height:auto!important;max-width:300px;margin:auto;}

.catItemBodyArzt {position:relative;}
.catItemBodyTeam img, .catItemBodyArzt img{width:100%;max-width:200px;height:auto;}

.siegel{position:absolute;top:-30px;right:5px;z-index:10;width:80px;}
.siegel img{width:100%;max-width:100px;height:auto;}

ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
    border:none!important;
    box-shadow: 0px 0px 0px #888!important;}
.sige_thumb{margin:10px 10px 0px 10px!important;}
li.sige_cont_0{margin-bottom:10px!important;}
.sige_caption{font-weight:400!important;font-size:13px;}
    
    
/*Formular*/
fieldset{border:none;width:98%;margin:0 2% 0 0;padding:0;}
fieldset dt {clear:both;}
fieldset dt, fieldset dd {width:100%;padding:4px 0;text-align:left;margin:0;}
input[type="text"], textarea {width:98%;padding:4px;margin:0;border:solid 1px #999;}
input[tpye="radio"]{width:auto;}
input[type="submit"]{width:150px;background-color:#ebebed;color:#173C6B;font-size:18px;margin-top:20px;padding:8px;}
.antispam{display:none;}


/* Cookies */
.jb.cookie h2{font-weight:normal!important;}
.blue{background-color:#555555!important;text-shadow:none!important;}
.jb.bottom.blue .jb.cookie-bg.white, .jb.bottom.blue .jb.cookie-bg.black { border-top: 1px solid #555555!important;}
.btn.btn-primary.jb.accept.blue{width:50px;}
.jb.accept:hover {box-shadow: 0 0 5px #000!important;}

/* MEDIA QUERIES
*********************************************/

@media (min-width: 560px) {
    .subCategory{max-width:100%;text-align:left;}
    .catItemBodyTeam{width:18%;float:left;margin:20px 1%;}
    .catItemBodyArzt{width:31%;float:left;margin:20px 1%;}
    .columns-3 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; margin: 0 0 1em; }
    .columns-3 .blog-item {display: flex; flex-direction: column;margin-bottom:0;}
    .columns-3 .item-block{margin-bottom:0;}
    
    .columns-5 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; margin: 0 0 1em; }
  
}



@media (min-width: 768px) {
    
    #wrapper{width:100%;}
    
    .span4 {width:33.333333%;float:left;}
    .span8 {width:66.666666%;float:left;}
    .span3 {width:25%;float:left;}
    .span9 {width:75%;float:left;}
    .span12 {width:100%;}
    
    .inner{padding:0 40px;}
    .inner_bottom{padding:0 40px;}
    .header_klein{font-size:10px!important;}
    
    #mobil{display:none;}
    
    #teaser{top:-130px;}
    
    .columns-3 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr 1fr; margin: 0 0 1em; }
    
    .columns-5 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns:1fr  1fr 1fr; margin: 0 0 1em; }
	.dropdown,
    .dropdown ul{background-color:#ebebed;}

    #navig_top {background-color:#ebebed;font-size:16px;font-weight:400;text-transform:uppercase;display:block;}    
	#navig_top{clear:both;padding:10px 2% 0 2%; position:relative;
		    -webkit-transition: all 1s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;width:96%;}
	#navig_top a { display: block;color:#6f7679;}
	#navig_top ul{margin:0;padding:0;list-style-type:none;}
	
	
	 #navig_top{display:block;clear:right;float:right;margin:0px;padding:14px 0 0 0;position:relative;z-index:99;background:none;top:0;left:0;width:96%;max-width:100%;opacity:1;border:none;}
	
	#navig_top a { display: block;}
	#navig_top ul{opacity:1;}
	#navig_top ul li {display:inline-block;padding:0 0 8px 0 ; list-style: none; line-height:20px;padding-right:7%;position:relative;}
	#navig_top ul li a{line-height:20px; padding:0 2px 0px 2px;}
	#navig_top ul li:first-child {}
	#navig_top ul li:hover {cursor:pointer;}
	#navig_top ul li.active a{color:#173C6B;}
	#navig_top ul li.active ul li a{color:#6f7679;}
	#navig_top ul li ul li.active a{color:#173C6B;}
	
	body.kfo #navig_top ul li.active a{color:#173C6B;}
	body.kfo #navig_top ul li ul li.active a{color:#173C6B;}
 
	
	#navig_top ul ul { position: absolute; top: -9999px; left: -9999px;background-color: #ebebed;opacity:0.9;}
	#navig_top ul ul ul{ position: relative; top: -9999px; left: -9999px;border:none;}
 
	#navig_top ul ul li { float: none; width: 200px;z-index:99;margin:6px 0;}
	#navig_top ul li ul li{padding-left:20px;text-transform:none;font-weight:400;}
	#navig_top ul li ul li.deeper{}
	#navig_top ul li ul li.deeper ul li{font-weight:400;}
	
	#navig_top ul ul li a { padding: 0;}
	#navig_top ul ul li {border:none;}
	#navig_top ul li:hover > ul { top: 100%; left: 0px; padding-top:6px;margin-top:0px;}
	#navig_top ul li:hover > ul ul{ top: 100%; left: 0px; padding-top:6px;margin-top:0px;}	
	
	#navig_top ul li ul li ul li{padding-left:0px;text-transform:none;}
	#navig_top ul ul ul li:last-child {margin-bottom:0px}
	
	#navig_top ul li a.deep{}
	
	/*Top 3. Ebene */
	#navig_top ul li:hover ul li ul{display:none;}
	
	li.sprocket-strips-s-block{padding:0;display:table-cell;background-color:#ebebed; border-collapse: separate;border-spacing:0px;border: 6px solid #fff;}
	
	#footer1 {width:40%;float:left;}
	#footer2 {width:39%;float:left;}
	#footer3 {width:21%;float:right;}
	
	#navig_bottom ul li{display:inline;margin:0;padding:0;}
	#navig_bottom ul li a{padding:0 4px;border-right:solid 1px #6f7679;}
	#navig_bottom ul li:last-child a{border:none;} 
	
	body.start h1{margin-top:50px;}
	
      
	  

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1024px) {
    .teaser{display:table-cell;}
    .leistung{width:60%;}
    #navig_top ul li {padding-right:9%;}
    #navig_top ul li:last-child{padding-right:2%;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
     #navig_top {padding:8px 15% 4px 15%;width:70%;}
    #logo {margin:10px 10px 10px 44px;}
    .inner{padding:0 80px;}
    .inner_bottom{padding:0 40px 0 80px;}
    .teaser{}
    
	body.start #content .inner{padding:0 140px 0 80px;}
	
    fieldset{width:70%;}
    
    #teaser{top:-170px;right:30px;}
    
    .columns-5 {grid-gap: 2em; display: grid; grid-auto-flow: row; grid-template-columns:1fr 1fr 1fr 1fr 1fr; margin: 0 0 1em; }
}

@media (max-width: 767px) {
    
    #logo{float:left;width:66%;}
    #logo img{width:100%;max-width:296px;height:auto;}
    #mobil{font-size:40px;float:right;width:28%;text-align:right;padding-right:4%;}
    .bg_top{background-color:#ffffff;}

	/* mobiles Menu */
	#navig_top{width:80%;display:none;position:absolute;z-index:99;font-size:15px;font-weight:400;text-transform:uppercase;}
	#navig_top ul{right:10px;background-color:#fff;z-index:99; padding:20px;opacity:0.95;-webkit-box-shadow: 0px 5px 10px #666;-moz-box-shadow: 0px 5px 10px #666;box-shadow: 0px 5px 10px #666;}
	#navig_top ul li{margin:0;padding:0;display:block;}
	#navig_top ul li a{display:block;padding:8px 20px;border-bottom:solid 1px #ebebed;color:#6f7679;}
	#navig_top ul li ul li:last-child a{}
	#navig_top ul li ul li a {padding-left:40px;}
	#navig_top ul li ul{background:none;-webkit-box-shadow: 0px 0px 0px #666;-moz-box-shadow: 0px 0px 0px #666;box-shadow: 0px 0px 0px #666;top:0;padding:0;}
	#navig_top ul li.active a{color:#173C6B;}
	#navig_top ul li.active ul li a{color:#6f7679;}
	#navig_top ul li ul li.active a{color:#173C6B;}

}



/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}

