@charset "utf-8";
/* sacramento-regular - latin */
@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sacramento-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/sacramento-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sacramento-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sacramento-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sacramento-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sacramento-v8-latin-regular.svg#Sacramento') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/*Form*/
.flexslider {margin: 0 0 0 0!important}
#headerbvf {background-color:#7d577c;width:auto;height:90px;margin:0 auto}
#headerbvf img {margin: 0 auto;height:90px;width:auto; display: block!important; justify-content: center; align-items: center;}
#kontakt-142-checkbox-1 {margin-top: 20px;}
.form-group .input input[type="text"] {width: 90%; margin-bottom: 20px; min-height: 30px;}
.form-group .input input[type="email"] {width: 90%; margin-bottom: 20px; min-height: 30px;}
.form-group .input input[type="tel"] {width: 90%; margin-bottom: 20px; min-height: 30px;}
.form-group .input textarea {width: 90%; margin-bottom: 20px; min-height: 100px;}
.form-check {width: 50%; float: left; margin-bottom: 20px;}
.checkbox .form-check {width: auto;}
.form-check .form-check-label {vertical-align: sub;}
button.btn {background-color: #e20613; padding: 8px; color: #fff;border: none;padding: 15px;text-transform: uppercase;font-family: "Raleway";font-size: 16px}

table {width:100%!important; height:auto!important}
table td {padding-bottom: 10px;}
#aktuelles {background-color:#f1f1f1; padding:30px;margin-bottom: 20px;}
#aktuelles h2 {color:#e20613;font-family: "Raleway";font-size: 23px;margin: 0}
#aktuelles h2 a {color:#e20613;text-decoration:underline}
#content .portrait a {color:#ffffff}
#content .portrait h3 {color:#ffffff; margin-top:0;padding-bottom:2px}
ul li {padding-bottom:5px}
#portraitstartwrapper {width: 100%; display:block; background-image: linear-gradient(to right, #f29100 0%, #e20613 100%); width: 100%; height: auto; overflow:hidden;height: auto}
#portraitstart {width: 80%; height:auto; overflow:hidden; margin-bottom:30px; margin: 0 auto;padding:50px 0 50px 0}
.portraitstart {width: 29%; color: #ffffff; padding-top: 0;float:left;margin: 0 40px 0 0;}
.portraitstart img {border: 5px #fff solid; border-radius: 160px; height: auto;}
.portraitstart p {margin: 0; font-size: 14px;line-height:20px;padding-left:6px}
.portraitstart a {color:#ffffff;}
.portraitstart h3 {margin: 0;padding-bottom:8px;padding-top:30px;padding-left:6px}
.portraitstart figure.image {margin: 0;}
.portraitstart .ce-bodytext {margin-left: 0; padding-top: 0;}

#infocontent .bildbox img {width:65%!important}

#portraitteamwrapper {width: 100%; display:block; background-image: linear-gradient(to right, #f29100 0%, #e20613 100%); width: 100%; height: auto; overflow:hidden;height: auto}
#portraitteam {width: 80%; height:auto; overflow:hidden; margin-bottom:30px; margin: 0 auto;padding:50px 0 50px 0}
.portraitteam {width: 29%; color: #ffffff; padding-top: 0;float:left;margin: 0 40px 0 0;}
.portraitteam img {border: 5px #fff solid; border-radius: 160px; height: auto;}

#content .portraitteam a {color:#ffffff;}
.portraitteam h3 {margin: 0;padding-bottom:2px;padding-top:10px;padding-left:6px;text-align: center;margin-top:0!important;}
.portraitteam figure.image {margin: 0;}
.portraitteam .ce-bodytext {margin-left: 0; padding-top: 0;}

.button {padding:0; color:#000000;background-color:#ffffff;border-radius: 50px;}
.button p {padding: 10px 20px 10px 20px}
/*++++++++++++ Accordion ++++++++++++*/
ul.tinyaccordion h4 {padding: 12px 12px 12px 43px; text-transform: uppercase; color:#ffffff; font-size: 16px; font-weight: normal; margin: 0; cursor: pointer; background: url(../img/plus.svg) no-repeat #ec6726; background-position: left; background-size: 30px 30px; margin: 0 0 0 0;}
ul.tinyaccordion h4:hover{text-decoration: none;}
ul.tinyaccordion p a {color: #e53f1e}
ul.tinyaccordion h4.acc-selected {background: url(../img/minus.svg) no-repeat #ec6726; background-position: left; background-size: 30px 30px;}
ul.tinyaccordion{padding-left: 0;}
ul.tinyaccordion h2{color: #000000;font-size: 30px; margin-top:10px;text-transform: none;display: none}
ul.tinyaccordion li {margin-bottom: 15px;}
body {margin: 0; font-family: "Raleway"; line-height: 26px;font-size:17px}
h1 {font-family: "Sacramento"; font-weight: 300; font-size: 45px;margin: 15px 0 15px 0;line-height:57px}
h2 {font-family: "Sacramento"; font-weight: 300; font-size: 40px;margin: 15px 0 15px 0;line-height:52px}
.slicknav_parent.slicknav_open ul li {border-bottom:none;padding:5px 0 5px 0}
#content a {color:#e20613}
#content h3 {margin-top:35px;margin-bottom:0;font-size:22px;line-height:28px}
#headerwrapper {
  position: fixed; 
  z-index: 100; 
  background: #fff; 
  width: 100%; 
  height: 140px;
  opacity: 0.95;
  -webkit-box-shadow: -5px 10px 7px -13px rgba(0,0,0,1);
  -moz-box-shadow: -5px 10px 7px -13px rgba(0,0,0,1);
  box-shadow: -5px 10px 7px -13px rgba(0,0,0,1);
}
a, a:hover, a:visited {text-decoration: none; color: #fff;}
#header {width: 80%; margin: 0 auto;}
#logo {width: 20%;}
#logo img {width: 240px; float: left;padding-top: 10px;background: transparent;}
#mobnav {display: none; margin-top: 50px; position: relative; z-index: 200;}
#nav {
  max-width: 80%;
  margin-top: 80px;
  height: 40px;
  float: right;
  background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);}
#nav ul {margin: 0; padding: 0;}
#nav ul li {
  text-transform: uppercase; 
  float: left; 
  list-style: none; 
  padding: 0 35px;
  border-right: 1px solid #fff;
  height: 36px;
  padding-top: 6px;
  font-family: "Raleway";
  background: url('../../../fileadmin/templates/img/arrow_drop_up-white1.svg') no-repeat auto;
  background-position: bottom;
  margin-top: 0;
  line-height: 16px;
  background-size:17px;
}
#nav ul li:last-child {border-right: none;}
#nav ul li:last-child {border-right: none;}
.slicknav_menu ul li ul li{border-bottom:none!importnat}
#nav ul li ul {margin-top:-2px}
#nav ul li ul li a {font-size: 16px;line-height:20px;}
#nav ul li ul li {padding:0 20px;padding-top: 6px;}
#nav ul li a {text-decoration: none; color: #fff; vertical-align: -moz-middle-with-baseline;}
#nav ul li.sub ul, #nav ul li.active ul {display: none;}
#nav ul li.sub:hover ul, #nav ul li.active:hover ul {
  display: inline-block;
  float: none;
  background-image: linear-gradient(to bottom, #e53f1e 0%, #f29100 100%);
  width: 250px;
  margin: 35px 0 0 ;
  border: none;
  overflow: hidden;
  position: absolute;
  padding-bottom: 20px;
  margin-left: -135px;
  font-size: 14px; 
  line-height:16px;
 }

#nav ul li.sub:hover ul li, #nav ul li.active:hover ul li {border: none; height: auto; text-transform: none;background:none;}
#nav ul li:hover {background: url('../img/arrow_drop_up-white1.svg') no-repeat; background-position: bottom; margin-top: 0; background-size:17px;}
#nav ul li.active {background: url('../img/arrow_drop_up-white1.svg') no-repeat; background-position: bottom; margin-top: 0; background-size:17px;}
#slider {overflow: hidden; height: auto;}
#contentwrapper {width: 80%; margin: 50px auto; overflow: hidden;}
#content {width: 71%; float: left;}
#breadcrumb {margin-left: 5px;}
#breadcrumb a {color: #000;}
#rightContainer {width: 27%; float: right; overflow: hidden;}
.boxgrau {background: #f1f1f1; height: 99px; width: 100%; margin-bottom: 2px; display: flex;}
.boxgrau img {padding: 20px 10px 0;}
.boxgrau p {color: #e20613; padding: 20px 0; font-size: 19px;}
.boxorange {background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);height: 99px; width: 100%; margin-bottom: 2px; display: flex;}
.boxorange img {padding: 20px 10px 0;}
.boxorange p {color: #ffffff; padding: 20px 0; font-size: 19px;}
#footerwrapper #bilderaerzte {background-image: linear-gradient(to right, #f29100 0%, #e20613 100%); width: 100%; height: 270px; overflow: hidden;margin-bottom:0}
#footerwrapper .infotext {padding: 0 0 0} 
#bilderaerzte {background-image: linear-gradient(to right, #f29100 0%, #e20613 100%); width: 100%; height: 270px; overflow: hidden;margin-bottom:30px}
#bilderaerztecontent {width: 80%; margin: 0 auto; display: flex;}
.portrait {width: 33%; color: #ffffff; padding-top: 70px;}
.portrait img {border: 5px #fff solid; border-radius: 160px; width: 28%; height: auto; float: left;}
.portrait p {margin: 0; font-size: 14px;line-height:20px}
.portrait h3 {margin: 0;padding-bottom:8px}
.portrait figure.image {margin: 0;}
.portrait .ce-bodytext {margin-left: 35%; padding-top: 24px;}
#infowrapper {width: 100%; min-height: auto; background: #f1f1f1;}
#infocontent {width: 80%; margin: 0 auto; display: flex;padding: 60px 0 0 0;}
#infocontent h2 {font-family: "Sacramento"; font-weight: 300; font-size: 38px;margin: 30px 0 26px 0;margin-left:0!important;}
#infocontent h3 {color:#000}
#infocontent p {color:#000}
.infotext {width: 50%; padding: 50px 0 0 0;}
.infotext p {margin: 0;}
#footerdunkelgrau {width: 100%; background: #575756; min-height: 340px;}
#footer {width: 80%; margin: 0 auto; display: flex; padding-top: 70px; padding-bottom: 20px;}
.footertext {color: #fff; width: 33%;}
.footertext a {color: #fff; text-decoration: none;}
.footertext a:hover {color: #f39200; text-decoration: none;}

.footertext figure.image {margin-left: 0; margin-right: 0;}
.footertext p {margin: 0;}
.footertext h3 {margin: 0;padding-bottom: 10px;}
.leistung {width: 50%; float: left; height: 100px; overflow: hidden; margin-bottom: 15px;}
.leistung img {float: left; width: 13%; height: auto; border: 3px solid #fff; border-radius: 70px; margin: 10px;}
.leistung p {margin: 0;}
.leistungscontent {overflow: hidden;}
.leistungscontent p {color: #fff; padding: 20px 0 0 85px;}
.leistung:nth-child(2n) .leistungscontent {width: 95%; margin-right: 5%; background-image: linear-gradient(to right, #f08402 0%, #ed6306 100%);}
.leistung:nth-child(2n+1) .leistungscontent {width: 95%; margin-left: 5%; background-image: linear-gradient(to right, #ec5f07 0%, #e8380c 100%);}

#vollebreite #content {width: 100%;}
#contentvollebreite { margin: 25px auto; overflow: hidden;}
#contentvollebreite #vollebreite h1, #contentvollebreite #vollebreite h2 {margin-left: 10%;margin-top:35px}
#vollebreite #bilderaerzte {height: 480px;}
#vollebreite .portrait {padding-top: 40px; text-align: center;}
#vollebreite .portrait img {float: none; width: 90%; max-width: 312px;}
#vollebreite .portrait .ce-bodytext {margin-left: 0; text-align: center;}
#vollebreite #infowrapper {height: 420px; overflow: hidden;}
#vollebreite #infocontent {display: block;}
#vollebreite .bildbox {padding: 0; text-align: center; float: left;}
.bildbox img {border: 5px solid #fff; border-radius: 170px; width: 75%; height: auto;}
.name h3 {margin-bottom: 0;margin-top:10px!important}
.name h3 {text-decoration: underline}
.name p{margin-top: 0;}
#angestellte {width: 80%; margin: 0 auto; overflow: hidden; display: flex;}
#angestellte .bildbox img {border: 5px solid #f1f1f1;}
#rightContainer .bildbox img {border: 5px solid #f1f1f1; max-width: 350px; height: auto;}

@media only screen and (max-width: 1320px){
  #nav {display: none;}
  #mobnav {display: block;}
  #menu {display: none;}
  .js .slicknav_menu {display: block;}
  .js ul li {float: none;}
  #headerwrapper {height: auto;}
  .leistungscontent p {padding: 18px 0 0 70px;}
}


@media only screen and (max-width: 1250px){
  .flexslider {margin: 120px 0 0 0!important;}
  #portraitstart {width: 90%;}
  #portraitteam{width: 90%;}
  .portraitstart {width: 45%;margin:0 40px 20px 0;}
  #portraitstart {padding:50px 0 30px 0}
   #headerwrapper {opacity: 0.95;}
  .leistung:nth-child(2n) .leistungscontent {width: 100%; margin-right: 0; background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);}
.leistung:nth-child(2n+1) .leistungscontent {width: 100%; margin-left: 0; background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);}
  .leistung {width: 100%;height: auto;}
  .leistung img {width:11%}
  .leistungscontent p {padding: 42px 0 0 110px;}
  .boxgrau {max-width: 100%;}
  #contentwrapper {width: 90%;margin: 20px auto;}
  #rightContainer {width: 100%;margin-top: 30px;}
  #content {width: 100%;}
  .flex-control-nav {display: none;}
  #slider {margin-top: 0}
  #logo img {width: 210px;}
  #header {width: 90%;}
  #bilderaerztecontent {display: flex;}
  #footerwrapper #bilderaerzte {height: auto;}
  #bilderaerzte .portrait {padding: 20px 0; width: 80%; margin: 0 auto;}
  #bilderaerzte .portrait img {width:45%;}
  #vollebreite #bilderaerzte {height: auto;}
  #footer {width: 90%; display: block; padding-top: 20px;}
  #infocontent h2 {line-height: 43px;}
  .footertext { width: 100%;text-align: center;}
  .footertext h3 {padding-top: 30px;padding-bottom:10px;}
  .footertext img { width: 100%;}
  #infocontent { width: 90%; display: block;padding-bottom: 30px;}
  .infotext { width: 100%;}
}
@media only screen and (max-width: 1000px){
  .name p {margin-bottom: 20px;}
  .portraitstart {width: 100%;margin: 0 10px 20px 0;}
  .portraitteam {width: 40%;}
  .portraitteam img {width: 220px;}
  #portraitstart {width: 90%;}

}

@media only screen and (max-width: 680px){
#headerbvf img {width: 100%;height: auto;}
#headerbvf {width: 100%;height: auto;}
.flexslider {margin: 120px 0 0 0!important;}
.portraitteam p {margin-bottom:20px}
  .portraitteam{width: 100%;}
  .portraitstart {width: 100%;}
.leistung img {width: 19%;}
#angestellte {display: block!important;}
  h1 {margin: 0; padding-bottom: 10px;}
  h2 {margin: 0; padding-bottom: 0;}
 #infocontent {padding: 40px 0 0 0;}
.leistung:nth-child(2n) .leistungscontent {width: 100%; margin-right: 0;  
 background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);}
.leistung:nth-child(2n+1) .leistungscontent {width: 100%; margin-left: 0; background-image: linear-gradient(to right, #f29100 0%, #e20613 100%);}
  .leistung {width: 100%;height: 100px;margin-bottom:0}
  .leistungscontent p {padding: 24px 0 0 100px;}
  .portrait .ce-bodytext {padding-top: 5px;margin-left: 0;}
  .portrait figure.image {text-align: center;}
  .portrait p {text-align: center;}
  .portrait h3 {text-align: center;clear: both;padding-top: 10px}
  .boxgrau {max-width: 100%;}
  #contentwrapper {width: 90%;margin: 20px auto;}
  #rightContainer {width: 100%;margin-top: 30px;}
  #content {width: 100%;}
  #content h3 {margin-top: 20px;}
  .flex-control-nav {display: none;}
  #slider {margin-top: 0;}
  #logo img {width: 210px;}
  #header {width: 90%;}
  #bilderaerztecontent {display: block;padding: 20px 0 20px 0}
  #footerwrapper #bilderaerzte {height: auto;}
  #bilderaerzte .portrait {padding: 20px 0; width: 80%; margin: 0 auto;}
  #bilderaerzte .portrait img {width: 90%;}
  #contentvollebreite #vollebreite  h2 {padding-bottom:10px}
  #vollebreite #bilderaerzte {height: auto;}
  #footer {width: 90%; display: block; padding-top: 20px;}
  #infocontent h2 {line-height: 43px;}
  .footertext { width: 100%;text-align: center;}
  .footertext h3 {padding-top: 30px;padding-bottom:10px;}
  .footertext img { width: 100%;}
  #infocontent { width: 90%; display: block;padding-bottom: 30px;}
  .infotext { width: 100%;}
}

@media only screen and (max-width: 400px){
  #angestellte h3 {font-size: 16px;}
}