/*
Theme Name: Blanky
Theme URI:
Author: Chrsitian Ladewig
Author URI:
Description: Let's build a new Wordpress Theme with Blanky!
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blankytheme
Text Domain: blankytheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:'Roboto',Arial, Helvetica, sans-serif;letter-spacing:0; }
:focus { outline:0; } body{font-size:10px;line-height:1;color:#8e8e8e;background:#fff; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
* { font-variant-ligatures: none; }
html { overflow-x:hidden; }
* { -webkit-font-feature-settings: "liga" 0, "dlig" 0; }
* {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; }

html{overflow:-moz-scrollbars-vertical;overflow-y:scroll} .nodisplay{display:none} .clear, .c { clear:both; float:none; } .clearr, .cr { clear:right; float:none; } .clearl, .cl { clear:left; float:none; }
html, body { margin:0; padding:0; height:100%; width:100%; font-family: 'Roboto',sans-serif; background:#fff; position:relative; }

.inner { width:100%; max-width:1180px; margin:0 auto; }
.small { max-width:1000px; margin-left:auto !important; margin-right:auto !important; }

header { padding:40px 0 50px; position:fixed; top:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:100; background:#fff; }
  header .brand { width:430px; margin:0 auto; transition:all 200ms ease; }
  header .brand img { width:100%; height:auto; display:block; transition:all 200ms ease; }
  header.scrolled { padding:30px 0; }
  header.scrolled .brand { width:250px; margin:0 auto; }

  #navigation { width:100%; margin-top:40px; display:none; }
  #navigation ul { display:table; margin:0 auto; }
  #navigation ul li { display:inline-block; margin:0 30px; }
  #navigation ul li a { display:block; font:300 15px/15px 'Ubuntu',sans-serif; text-decoration:none; text-transform:uppercase; color:#000; }
  #navigation ul li a:hover, #navigation ul li a.active { color:#d10044; }



    .non-fix-header { padding:50px 0; }
    .non-fix-header .brand { width:430px; margin:0 auto; transition:all 200ms ease; }
    .non-fix-header .brand img { width:100%; height:auto; display:block; transition:all 200ms ease; }

.header-slider { margin-bottom:50px; }

.vc_section { margin-bottom:100px; }

#leistungen-section { margin-bottom:0; }
.leistungen-show-text { display:none; }
.leistungen-row { display: flex; }
.leistungen-row:after { content: ""; display: table; clear: both; }
.leistungen-col { width:12.5%; float: left; box-sizing: border-box; display: flex; cursor: pointer; }
.inactive-leistungen-col { opacity:0.5; }
.leistungen-inner { width:100%; box-sizing:border-box; padding:0 5px; }
.leistungen-icon img { display:block; margin:0 auto; }
.leistungen-fulltext { display:none; padding:30px 0; }
.leistungen-title { font:300 13px/1.4em 'Ubuntu',sans-serif;  text-transform:uppercase; color:#fff; text-align:center; margin-top:15px; }
.leistungen-fulltext-layer { padding-bottom:30px; }
.vita-text p, .leistungen-fulltext p, .leistungen-fulltext-layer p, .arzt-fulltext p { max-width:800px; margin:0 auto; margin-bottom:3em; }
.vita-text ul,.leistungen-fulltext ul, .leistungen-fulltext-layer ul, .arzt-fulltext ul { max-width:600px; margin:0 auto; text-align:left; list-style:disc; margin-bottom:30px; padding-left:0; }
.vita-text ul li,.leistungen-fulltext ul li, .leistungen-fulltext-layer ul li, .arzt-fulltext ul li { font:300 16px/1.4em 'Maitree',sans-serif; text-decoration:none; color:#fff; text-align:left; margin-bottom:1em; margin-left:0; padding-left:0px; }
.vita-text ul li strong,.leistungen-fulltext ul li strong, .leistungen-fulltext-layer ul li strong, .arzt-fulltext ul li strong { font:300 16px/1.4em 'Ubuntu',sans-serif; text-decoration:none; color:#fff; text-align:left; }

h2 { display:block; font:300 24px/1.4em 'Ubuntu',sans-serif; text-decoration:none; text-transform:uppercase; color:#d10044; text-align:center; margin-bottom:1em; }
h3 { display:block; font:600 16px/1.4em 'Maitree',serif; text-decoration:none; color:#000; text-align:left; margin-bottom:1em; }
h4 { display:block; font:300 24px/1.4em 'Ubuntu',sans-serif; text-decoration:none; text-transform:uppercase; color:#d10044; text-align:left; margin-bottom:1em; }
h5 { display:block; font:600 16px/1.4em 'Maitree',serif; text-decoration:none; color:#000; text-align:left; margin-bottom:0em; }
p { display:block; font:300 16px/1.4em 'Maitree',serif; text-decoration:none; color:#000; text-align:center; margin-bottom:1em; }




.white h2 { color:#fff; }
.white p { color:#fff; }


.table { display:table; width:100%; }
.table-row { display:table-row; width:100%; }
.table-cell { display:table-cell; }

.show-vita-area { display:none; }


.height-100, .vc_row.vc_row-o-full-height, .vc_section.vc_row-o-full-height { height:100vh; height:calc(100vh - 155px) !important; min-height:calc(100vh - 155px) !important; }

.anfahrt-frame { position:absolute; z-index:99; margin-bottom:0 !important; right:0; transform:translateX(50%); bottom:10%; width:250px; height:250px; border-radius:50%; background:#d10044; padding:20px 40px; box-sizing:border-box; }

.arzt-row::after { content:""; display:table; clear:both; }
.arzt-col { width:33.33333%; float:left; margin:25px 0; cursor:pointer; }
.arzt-col img { display:block; margin:0 auto; }
.arzt-icon { position:relative; }
.arzt-icon a { position:absolute; right:50%; margin-right:-150px; bottom:0; width:88px; height:88px; background:url(assets/images/online-termin-buchen.png) no-repeat center center; background-size:cover; }
.arzt-title { font:700 13px/1.4em 'Ubuntu',sans-serif;  text-transform:uppercase; color:#d10044; text-align:center; margin-top:15px; }
.arzt-sub { font:300 13px/1.4em 'Maitree',serif; color:#fff; text-align:center; margin-top:0px; max-width:200px; margin:0 auto; min-height:40px; }
.arzt-fulltext { display:none; }
.inactive-arzt-col { opacity:0.5; }
.active-arzt-col { position:relative; }
.active-arzt-col::after { position:absolute; bottom:-25px; width:34px; height:17px; margin-bottom:-17px; background:url(assets/images/Pfeil_Team.png) no-repeat center center; left:50%; margin-left:-17px; content:""; display:block; z-index:99; }

#team-section > div {   }

.vita-text { max-width:800px; margin:0 auto; padding-top:30px; }
.vita-text .vc_row { margin-left:0 !important; margin-right:0 !important; }
.vita-text .vc_col-sm-12 > div { padding-left:0 !important; padding-right:0 !important; }
.vita-text p, .vita-text ul, .vita-text ul li { color:#000; max-width:100%; text-align:left; }
.vita-text p { margin-bottom:2em; }
.vita-text p strong { font:inherit; font-weight:300; display:block; width:120px; float:left; margin-left:-120px; }
.vita-text p em { font:inherit; font-weight:300; display:inline-block; padding-left:120px; }
.vita-text ul { padding:0; list-style-type:none; margin-bottom:50px !important; }
.vita-text ul li { list-style:disc; margin-left:20px; margin-bottom:3px; }
.vita-links { margin-top:0px; }
.vita-links a { color:#d10044; font:600 13px/1.4em 'Maitree',serif; text-decoration:none; }

.hide-vita, .vita { display:none; }

.team-row::after { content:""; display:table; clear:both; }
.team-col { width:33.33333%; float:left; margin:25px 0; }
.team-col:nth-child(3n)::after { content:""; display:none; clear:both; float:none; height:2em; }
.team-col img { display:block; margin:0 auto; }
.team-title { font:700 13px/1.4em 'Ubuntu',sans-serif;  text-transform:uppercase; color:#d10044; text-align:center; margin-top:15px; }
.team-sub { font:300 13px/1.4em 'Maitree',serif; color:#fff; text-align:center; margin-top:0px; max-width:200px; margin:0 auto; min-height:40px; }
.team-fulltext { display:none; }

#sprechzeiten-section > div > div { padding-left:80px; padding-right:80px; }

.opening-times h2 { text-align:left; color:#d10044; font-weight:700; font-size:16px; }
.opening-times p {  font:300 16px/1.4em 'Maitree',serif; color:#fff; text-align:left; }
.opening-times p span { font:inherit; font-size:12px; }
.opening-times p span.space { font:300 16px/1.4em 'Maitree',serif; display:inline-block; width:35px; }
.standard-times p span.space { font:300 16px/1.4em 'Maitree',serif; display:inline-block; width:35px; text-align:right; }

.booking-link p { text-align:left; }
.booking-link p a { font:600 13px/1.4em 'Maitree',serif; text-transform:uppercase; text-decoration:none; color:#55113a; }
.booking-link p a:hover { color:#fff; }

.kontakt-text { text-align:left; padding-left:60px; padding-top:60px; }
.kontakt-text p, .kontakt-text h2 { text-align:left; color:#fff; }
.kontakt-text img { display:block; float:left; margin-right:5px; }

.anfahrt h2 { color:#fff; font:300 16px/1.4em 'Ubuntu',sans-serif; text-align:center; margin-bottom:1em; }
.anfahrt h3 { font:600 13px/1.4em 'Maitree',serif; text-align:center; color:#fff;}
.anfahrt label { color:#fff; font:300 12px/1.4em 'Ubuntu',sans-serif; text-align:center; display:block; margin-bottom:5px; text-transform:uppercase; }
.anfahrt span { color:#fff; font:300 12px/1.4em 'Ubuntu',sans-serif; text-align:center; display:block; margin-bottom:5px; text-transform:uppercase; }
.anfahrt input { display:block; width:100%; background:none; border-radius:0; text-align:center; color:#f3a08e; font:600 13px/1.4em 'Maitree',serif; border-bottom:1px solid #fff; -webkit-appearance:none; margin-bottom:20px; }
::-webkit-input-placeholder { color:#f3a08e; }
::-moz-placeholder { color: #f3a08e; }
:-ms-input-placeholder { color: #f3a08e; }
:-moz-placeholder { color: #f3a08e; }

.page-template-page-popup header { display:none; }
.page-template-page-popup .header-puffer { display:none; }
.page-template-page-popup .inner { max-width:100%; }
.page-template-page-popup .vc_row { margin-left:0 !important; margin-right:0 !important; margin-bottom:0 !important; }
.page-template-page-popup .vc_column_container > .vc_column-inner { padding-left:0 !important; padding-right:0 !important; margin-bottom:0 !important; }
.page-template-page-popup .wpb_content_element { margin-bottom:0 !important; }
.page-template-page-popup br { display:none; }

.page-template-page-popup p { display:table; width:100%; height:50%; margin-bottom:0 !important; }
.auswahl-top-link { display:table-cell; color:#55113A; text-decoration:none; font:700 24px/1em 'Ubuntu',sans-serif; padding:0px 20px; background:#fff; height:50vh; vertical-align:middle; }
.auswahl-bottom-link { display:table-cell; color:#fff; text-decoration:none; font:700 24px/1em 'Ubuntu',sans-serif; padding:0px 20px; background:#55113A; height:50vh; vertical-align:middle; }


.auswahl-bottom-link:hover, .auswahl-top-link:hover { color:#D10044;  }

footer { background:#fff; padding:20px 10px; }
footer ul { display:table; margin:0 auto; }
footer ul li { display:inline-block; margin:0 10px; }
footer ul li a { color:#000; text-decoration:none; text-transform:uppercase; font:400 12px/1em 'Ubuntu',sans-serif; }

.legaltext p { }
.legaltext h1 { display:block; font:300 24px/1.4em 'Ubuntu',sans-serif; text-decoration:none; text-transform:uppercase; color:#d10044; text-align:center; margin-bottom:1em; }
.legaltext h3 { margin-top:2em; }
.legaltext span.tab { display:inline-block; color:inherit; font:inherit; text-decoration:none;  }
.legaltext a { color:inherit; font:inherit; text-decoration:none; }

a.termin-button { background:#D10044; text-transform:uppercase; display:inline-block; color:#fff; font:300 14px/1em 'Maitree',serif; padding:9px 15px 7px; text-decoration:none; border-radius:3px; letter-spacing:0.01em; }
a.termin-button:hover { background:#F3A08E; color:#fff; }

@media (max-width: 1200px) {
  .leistungen-title { font:300 12px/1.4em 'Ubuntu',sans-serif; }
  .tparrows { display:none !important; }
  .header-slider { margin-left:0 !important; margin-right:0 !important; }
  .vc_row-fluid , .vc_section { margin-left:0 !important; margin-right:0 !important; }
  .vc_section.small { max-width:1000px; margin-left:auto !important; margin-right:auto !important; }

}

@media (min-width:1024px){
  .leistungen-fulltext { display:none !important; }
}

@media (max-width: 1024px) {
  #content { overflow:hidden; }
  .vc_section { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; }
  .vc_row { margin-left:0 !important; margin-right:0 !important; }
  .inner { max-width:100%; }
  .small { max-width:100%; }
  #leistungen-section { box-sizing:border-box; padding-left:20px !important; padding-right:20px !important; }
}

@media (max-width: 1023px) {
  .leistungen-show-text { display:none !important; }
  .leistungen-title { font:300 13px/1.4em 'Ubuntu',sans-serif; }
  .leistungen-row { display:block; }
  .leistungen-col { width:100%; float:none; box-sizing: border-box; display:block; cursor: pointer; margin-bottom:30px; }
  .team-col, .arzt-col { display:block; float:none; width:100%; box-sizing:border-box; }
  #team-section .vc_column-inner { padding-left:0 !important; padding-right:0 !important; }
  .arzt-fulltext { background:#fff; width:100%; box-sizing:border-box; padding:40px 20px; margin-top:20px; }
  .arzt-fulltext p, .arzt-fulltext ul, .arzt-fulltext ul li { color:#000; max-width:100%; text-align:left; }
  .arzt-fulltext p { margin-bottom:2em; }
  .arzt-fulltext p strong { font:inherit; font-weight:300; display:block; width:120px; float:left; margin-left:-120px; }
  .arzt-fulltext p em { font:inherit; font-weight:300; display:inline-block; padding-left:120px; }
  .arzt-fulltext ul { padding:0; list-style-type:none; margin-bottom:50px !important; }
  .arzt-fulltext ul li { list-style:disc; margin-left:20px; margin-bottom:3px; }
  .opening-times h2, .opening-times p, .booking-link p { text-align:center; }
  .booking-links > div:nth-child(1) { display:none !important; }
  .booking-links > div:nth-child(2) { display:none !important; }
  #kontakt-section  { display:block !important; height:auto !important; }
  #kontakt-section > div { display:block !important; height:auto !important; }
  #kontakt-section > div > div { display:block !important; }
  .height-100 { }
}


@media (max-height:870px){
  .anfahrt-frame { transform:translateX(0); right:30px; bottom:30px; }
}

@media (max-width:660px){
  #navigation ul li { margin:0 10px; }
}

@media (max-width:480px){
  .menu { margin:20px auto; width:24px; height:24px; display:block; margin-bottom:0; float:right; margin-right:20px; margin-top:8px; }
  .menu a { margin:0 auto; width:24px; height:24px; display:block; }
  .menu a span { width:100%; height:1px; display:block; background:#55113a; margin-bottom:5px; }
  header { padding:30px 0; }
  header .brand { width:250px; float:left; margin-left:30px !important; }
  header.scrolled .brand { width:250px }
  .gmap { height: calc(100vh - 155px) !important; min-height: calc(100vh - 155px) !important; }
  .kontakt-text { padding:30px !important; }
  #sprechzeiten-section > div > div { padding-left:30px !important; padding-right:30px !important; }
  .leistungen-fulltext ul { margin-left:20px; }
  #navigation { display:none; clear:both; margin-top:20px; }
  #navigation ul li { margin:20px auto; display:block; text-align:center; }
  footer ul li { display:block; margin:10px 10px; text-align:center; }
}

@media (max-width:360px){
  header .brand { width:220px; margin-left:20px !important; }
  header.scrolled .brand { width:220px; margin-left:20px !important; }
}