/*################################################################## BREITEN */
/*### BREITEN ###*/


.wrpBox,
.page_title_block,
.views_block-team-block_1,
.views_block-team-block_2,
.views_block-team-block_3,
.user-login-form {
    max-width: 1300px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.views_block-team-block_1,
.views_block-team-block_2,
.views_block-team-block_3 {
    padding: 0;
}

/*### GRID ALL ###*/
.grid > * {
  min-width: 0;   /* wichtig für Safari */
}
.grd {
    display: -ms-grid;
    display: grid;
    gap: 0;
}
/* .grdItm-1,
.grdItm-2 {
    width: 100%;
    max-width: 100%;
} */
.secCont .grd,
.marBot {
    margin-bottom: 30px;
}
.bgFarbe {
    padding-top: 60px;
    padding-bottom: 45px;
}
.bgFarbe .grd {
    margin-top: 0;
    margin-bottom: 0;
}
.bgFarbe.noMarBot {
    margin-bottom: 0 !important;
}



/*### GRID DETAILS ###*/
.grd.rHead {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
/*  TEAM ÄRZTE   */
.views_block-team-block_1 > div > div,
.views_block-team-block_2 > div > div,
.views_block-team-block_3 > div > div {
    display: -ms-grid;
    display: grid;
    gap: 60px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;  
}
.views_block-team-block_2 > div > div,
.views_block-team-block_3 > div > div {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;  
}



.secFoot .wrpBox {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.grd.rFootA {
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr; 
}
.grd.rFootB {
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr 
}





/*################################################################## FONTS */
/*### FONTS ###*/

/*     
@font-face {

  DO NOT FORGET TO ADD:
  font-display: swap;

}
*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'noto_serifregular';
    src: url('../fonts/notoserif-regular-webfont.woff2') format('woff2'),
         url('../fonts/notoserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






/*################################################################## DRUPAL */
/*### DRUPAL ###*/

/*  AOS.js scrollbars horizontally   */
html,
body {
    overflow-x: clip;
}
.maintenance-page .dialog-off-canvas-main-canvas {
    padding: 30px;
}
.maintenance-page .dialog-off-canvas-main-canvas {
    margin-top: 60px;
}
.maintenance-page .dialog-off-canvas-main-canvas h1 {
    text-align: center;
}


/*  Edit Menu    */
.local_tasks_block {
    margin-bottom: 60px;
}
.local_tasks_block ul {
    padding-left: 0;
    padding-bottom: 8px;
    border-bottom: none;
}
.local_tasks_block li {
    list-style-type: none;
    display: inline-block;
}
.local_tasks_block a {
    border-left: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    padding: 10px 20px;
    text-decoration: none;
    color: #024C8B !important;
    background-color: #88CFF0;
}
.local_tasks_block a:hover{
    color: #fff !important;
} 
.local_tasks_block a.is-active {
    color: #fff !important;
    background-color: #024C8B;
}



/*  System Messages   */
/* Basis-Container für alle Meldungen */
.messages {
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  border-radius: 4px;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Status-Nachrichten (Erfolg / Info) */
.messages--status {
  background-color: #f3faf2;   /* leichtes Grün */
  border: 1px solid #c9e2c5;
  color: #2f6627;
}

/* Warnmeldungen */
.messages--warning {
  background-color: #fff8e5;   /* helles Gelb */
  border: 1px solid #ffe8a1;
  color: #7d5912;
}

/*  Fehlermeldungen */
.messages--error {
  background-color: #fcebea;   /* helles Rot */
  border: 1px solid #f5c6cb;
  color: #842029;
}

/* Optional: Symbol-Icon links simulieren */
.messages::before {
  content: "ℹ️ ";
  font-size: 1.2rem;
  vertical-align: middle;
}
.messages--warning::before {
  content: "⚠️ ";
}
.messages--error::before {
  content: "❌ ";
}










/*################################################################## GLOBALS */
/*### GLOBALS ###*/

.tabs--primary.nav.nav-tabs {
    margin-bottom: 30px;
}
html {
    scroll-behavior: smooth;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'open_sansregular', sans-serif;
    line-height: 1.4;
    color: #333;
}
h1 ,h2, h3, h4, h5, h6,
.path-frontpage .secCont .subl {
    font-family: 'noto_serifregular', serif;
    font-weight: normal;
    line-height: 1.2;
    color: #88CFF0;
}
.txtWht {
    color: #fff;
}
.txtBlk {
    color:#000;
}
.txtBlue {
    color: #88CFF0;
}
.txtBlueDark {
    color: #024C8B;
}
.imgRes {
    width: 100%;
    height: auto;
}
a {
    color: #024C8B;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
a:hover {
    color: #88CFF0;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
p {
    margin: 0 0 30px 0;
}
b, strong {
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
}
ul, ol {
    margin-bottom: 20px;
}
picture img {
    display: block;
}
.paragraph--type--trenner {
    max-width: 410px;
    margin: 15px auto;
    height: 20px;
    background: url("../img/trenn.svg") no-repeat;
    background-size: 100%;
}
.btn {
    padding: 15px 30px;
    border-radius: 30px;
    border: 1px solid transparent;
}
.btn-primary {
    background-color: #024C8B;
    color: #fff;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.btn-primary:hover {
    background-color: #88CFF0;
    color: #fff;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.btn-green {
    background-color: #b0d700;
    color: #fff;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;    
}
.btn-green:hover {
    background-color: #2f6627;
    color: #fff;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    
}

/*################################################################## GLOBALS */
/*### FONT SIZES ###*/

body {
    font-size: 16px;
}
h1, h2,
.path-frontpage .secCont .subl {
    margin: 0 0 10px 0;
    font-size: 30px;
}
.secFoot h2 {
    font-size: 30px;
}
h3 {
    font-size: 22px;
    margin: 0 0 10px 0;
}
h4 {
    font-size: 22px;
    margin: 60px 0 10px 0;
}
.zaw_leistungen_2 h5 {
    font-size: 22px;
}
h5 {
   font-size: 22px; 
}
.titSub,
.subl,
.path-frontpage h1 {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 18px;
    margin-bottom: 60px;
}
.path-frontpage h1 {
    color: #333;
}
.page-node-5 .titSub {
    margin-bottom: 30px;
}
.subl {
    margin-bottom: 30px;
}
.teamTit {
    font-size: 17px;
}
.paragraph--type--heroslider p:first-of-type {
    font-size: 22px;    
}
.paragraph--type--heroslider p {
    margin-bottom: 10px;
}



/*################################################################## HEADER */
/*### HEADER ###*/
.secHead {
    /* background-color: #e1f3fb; */
}

.topLog {
    max-width: 650px;
    padding: 0 15px;
    margin-bottom: 50px;
}

.secIcon {

}
.secIcon p {

}
.secIcon .blockCnt {
    display: block;
    height: 50px;
    text-align: center;
    padding-bottom: 30px;
}
.lnkIco {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  text-decoration: none;
  color: #024C8B;
  font-size: 16px !important;
}
.hideMob {
    display: none;
}
.lnkIco.ico-mail {
    margin-right: 30px;
}
.ico-mail::before,
.ico-phone::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 25px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../img/ico-mail-d.svg");
}
.ico-phone::before {
  background-image: url("../img/ico-phone-d.svg");
  top: 1px;
}
.ico-mail:hover::before {
    background-image: url("../img/ico-mail.svg");
}
.ico-phone:hover::before {
  background-image: url("../img/ico-phone.svg");
}

.flexslider {
    margin-bottom: 0;
    border: none;
    border-bottom: 15px solid #b0d700;
}
.rKeyVis {
    margin-bottom: 60px;
}
.path-frontpage .rKeyVis {
    margin-bottom: 120px;
}
/* .rKeyVis img {
    border-bottom: 15px solid #b0d700;
} */
/* .flex-control-nav::before {
    border-bottom: 15px solid #b0d700;
} */



/*################################################################## MENU */
/*### MENU ###*/

.menTop {
    background-color: #e2e2e2;
    /* background-color: #F7F7F7; */
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
}
.menTop ul {
    margin-top: 15px;
    margin-bottom: 15px;
}
.menTop a {
    font-family: 'open_sanssemibold', sans-serif;
    color: #024C8B;
    font-size: 22px;
    text-decoration: none;
    background-color: transparent;
    margin: 10px 0 2px 0;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.menTop a:hover {
    color: #000;
    background-color: #88CFF0;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.menTop a.is-active {
    color: #fff !important;
    background-color: #88CFF0;
}






/*  Main Menu    */
.system_menu_block-main li,
.menTop li {
    list-style-type: none;
    display: inline;
    margin-left: 0;
}
.system_menu_block-main {
    padding-bottom: 10px;
}
.burger {
    margin-top: 10px;
}
.menTop a:hover {
    color: #000;
}
.menTop a.is-active {
    color: #88CFF0;
}
.menTop ul.is-open li:first-of-type {
    /* margin-top: 20px !important; */
}

/*  MOBILE MENU   */
.navbar-nav {
    margin: 0 18px;
}
.region-navigation-collapsible {
    margin-top: 20px;
}
.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.region-navigation-collapsible .nav > li > a {
    display: inline-block;
}



/*  BURGER BUTTON   */
.navbar-toggle {
  position: relative;
  width: 40px;
  height: 30px;
  padding: 5px;
  border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-toggle .icon-bar {
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-color: #000;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  left: 0;
}
.navbar-toggle .icon-bar:nth-child(2) {
  top: 6px;
}
.navbar-toggle .icon-bar:nth-child(3) {
  top: 12px;
}
.navbar-toggle .icon-bar:nth-child(4) {
  top: 22px;
}
/* Animation to X */
.navbar-toggle.is-active .icon-bar:nth-child(2) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 13px;
}
.navbar-toggle.is-active .icon-bar:nth-child(3) {
  opacity: 0;
}
.navbar-toggle.is-active .icon-bar:nth-child(4) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 9px;
}

/* mobile only */
@media (max-width: 767px) {
  .secHead nav ul {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease;
  }
  .secHead nav ul.is-open {
    max-height: 1000px;
  }
}




/*################################################################## PRÄ CONTENT */
/*### PRÄ CONTENT ###*/



/*################################################################## CONTENT */
/*### CONTENT ###*/

.icoTitle,
.page_title_block {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.paragraph--type--txt-2 {
    width: 75%;
    margin: 0 auto;
}





/*  STARTSEITE   */

.path-frontpage .secCont .grd {
    margin-bottom: 0;
    gap: 0;
}
.path-frontpage .secCont .grdItm-1,
.path-frontpage .secCont .grdItm-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.path-frontpage .secCont .grdItm-1 .paragraph--type--txt-1  {
    padding-right: 0;
}
.path-frontpage .secCont .grdItm-2 .paragraph--type--txt-1  {
    padding-left: 0;
}
.path-frontpage .secCont .grdItm-1 .paragraph--type--img-1,
.path-frontpage .secCont .grdItm-2 .paragraph--type--img-1  {
    margin-bottom: 40px;
}


.srtRow .grdItm-2  { 
    -webkit-box-ordinal-group: 0; 
        -ms-flex-order: -1; 
            order: -1; 
}









/*  HERO SLIDER   */

.paragraph--type--heroslider > div  {
    position: relative;
}
.paragraph--type--heroslider > div:last-child {
    position: relative;
    bottom: 14px;
    width: 100%;
    color: #88CFF0;
    padding: 15px;
    margin-top: 30px;
    background: rgba(255,255,255,0.8);
}
.paragraph--type--heroslider p:first-of-type {
    font-family: 'open_sanslight_italic', sans-serif;
    color: #024C8B;
    line-height: 1.2;
}
.zaw_herostart .flex-direction-nav {
    display: none;
}




/*  LEISTUNGEN BLOCK   */
.zaw_leistungen_2 {
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.85)), to(rgba(255,255,255,0.85))), url("../img/smile-leistungen-bg-880.jpg");
    background:  -o-linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url("../img/smile-leistungen-bg-880.jpg");
    background:  linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url("../img/smile-leistungen-bg-880.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 70px 0;
    border-top: 5px solid #b0d700;
    background-position: center;
}
.zaw_leistungen_2 h2 {
    text-align: center;
    margin: 0 0 10px 0;
}
.zaw_leistungen_2 h5 {
    font-family: 'open_sansitalic', sans-serif;
    background-color: #88CFF0;
    color: #fff;
    padding: 10px 15px;
    margin: 0 0 30px 0;
}





iframe {
    width: 100%;
    height: 700px;
    margin-top: 60PX;
}


/*  BG IMAGE BLOCK   */
.bgimg-block {
    color: #000;    
}
.bgimg-block .bgInner {
    padding: 30px;
    background: rgba(255,255,255, 0.55);
}




/*  ACCORDION   */

.page-node-5 h5 {
    background-color: #88CFF0;
    padding: 10px 15px;
    color: #fff;
    margin: 0 0 0 0;
}
.ckeditor-accordion-container dl {
    margin: 0 0 30px 0;
}

.paragraph--type--acc-sec {
    margin-bottom: 60px;
}
.field--name-field-acc-sec-head {
    font-size: 2rem;
}
.field--name-field-acc-cnt-head {
    cursor: pointer;
/*    border-bottom: 1px solid gray;*/
}
.field--name-field-acc-sec-head {
    font-size: 23px;
    color: #000;
    margin-bottom: 10px;
}
.flxWraB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.flxItAg.flx1 {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
}
.flxItAg.flx2 {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
}

.wrapAgDet .flx1,
.wrapAgDet .flx2 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}
.agTxt,
.agTim {
    margin-bottom: 30px;
}
.field--name-field-acc-sec-ref .heading {
    border-top: 1px solid #B2B2B2;
    line-height: 45px;
    color: #000;
}
/*  opened content   */
.field--name-field-acc-sec-ref .heading.expanded{
/*    border-top: 1px solid #000;*/
}
/*  double Line because bottom ha a double to   */
.heading.expanded > .field--name-field-acc-cnt-head {
    border-top: none;    
}
.field--name-field-acc-cnt-ref {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}
/*  last item line   */
.field--name-field-acc-sec-ref > .field--item:last-of-type {
    border-bottom: 1px solid #B2B2B2;
}
/*  Acc Headline   */
.field--name-field-head {
    color: #000;
    margin: 30px 0 15px 0;
}
/*  Acc Ref Field hide on start   */
.field--name-field-acc-cnt-ref {
    display: none;
}


/*  Arrows   */
.expander {
    background: url(../img/btnAccUp.svg) no-repeat;
    background-position: top 19px right 15px ;
    background-size: 20px;
    -webkit-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}
.expander.down-arrow {
    background: url(../img/btnAccDo.svg) no-repeat;
    background-position: top 19px right 15px ;
    background-size: 20px;
    -webkit-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
}



/*  ACCORDION CKEditor strip   */

.ckeditor-accordion-container > dl {
    border: none;
}
.ckeditor-accordion-container > dl dt > a, 
.ckeditor-accordion-container > dl dt > a:not(.button) {
    padding: 10px 15px 10px 50px;
    background-color: transparent;
    color: #000;
    -webkit-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
    border-bottom: 1px solid #000;
}
.ckeditor-accordion-container > dl dt > a:hover, 
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: #efefef;
    color: #024C8B;
}
.ckeditor-accordion-container > dl dt.active > a {
    border-bottom: transparent;
    color: #88CFF0;
} 
.ckeditor-accordion-container > dl dd.active {
    border-bottom: 1px solid #000;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
    background: #000;
    height: 1px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    padding-left: 0;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before {
    left: 0;
}
a.ckeditor-accordion-toggler {
    font-weight: normal; 
}
/*   Padding to inner div ... this jumps...  */
.ckeditor-accordion-container > dl dd,
.ckeditor-accordion-container > dl dd.active {
/*    padding: 15px 0 30px 0;*/
}
/*   Alternative padding on paragraph  */
dd.active p:first-of-type {
    margin-top: 15px;
}
dd.active p:last-of-type {
    margin-bottom: 30px;
}




/*  COLORBOX   */
/*  On page rendering for Colorbox - with autoplay - images flexbox   */
/*  Added downlaod link via js   */
.lnkColBox {
    text-align: right;
    float: right;
}
/*  Rahmen BAckground-Color - same as Modal Color  */
#cboxWrapper {
    background: rgba(0,0,0, 0.85);
    border-radius: 0;
}
/*  BG bottom line   */
#cboxContent {
    background: rgba(0,0,0, 0.85);
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/controls.png) no-repeat -25px 0px;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}


/*  Flexslider Paragraph   */

.paragraph--type--slider .flexslider {
    border: none;
}
/* Flexslider Arrows Line-Heigt  */
.flex-direction-nav a {
	height: 60px;
	line-height: 48px;
}
/*  Arrows immer einblenden  */
.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
	display: block; /* I added this line */
}
.flex-direction-nav .flex-next {
	 right: 0 !important; 
	 margin-right: 3%; 
	 opacity: 1 !important; 
}
.flex-direction-nav .flex-prev { 
	left: 0 !important; 
	opacity: 1 !important; 
	margin-left: 3%; 
}
.flex-direction-nav a::before {
    color: rgba(255,255,255,0.8);         
}
.flex-control-nav {
    bottom: -60px;
}
.flex-control-paging li a {
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  background: rgba(255,255,255,1);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.flex-control-paging li a.flex-active {
  background: #b0d700;
  background: rgba(176,215,0,1);
  cursor: default;
}


/*  VIDEO iframe   */

.field--name-field-media-oembed-video {
  aspect-ratio: 4 / 3;
  width: 100%;
  max-height: 100vh;
}
.field--name-field-media-oembed-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
    border-radius: 0;
}



/*  Datenschutz   */
.page-node-30 .rCont ul {
  padding-left: 14px;
}
.page-node-30 a {
  overflow-wrap: anywhere;
  word-break: break-word;
}














/*##################################################################  BLOCKS */
/*### BLOCKS ###*/

/*  TEAM   */

/* .views_block-team-block_2,
.views_block-team-block_3 {
    margin-top: 90px;
} */



/*  .grdTeam .ckeditor-accordion-container,  */
.views_block-team-block_1 .views-row,
.views_block-team-block_2 .views-row,
.views_block-team-block_3 .views-row {
  overflow-wrap: break-word;
  max-width: calc(100% - 10px);
  min-width: 0; 
}
.teamImg img,
.views_block-team-block_1 img,
.views_block-team-block_2 img,
.views_block-team-block_3 img {
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover; /* schneidet das Bild sinnvoll zu */
    display: block;    /* optional, für sauberes Layout */
    border: 5px solid #88CFF0;
}
.views_block-team-block_1 h2,
.views_block-team-block_2 h2,
.views_block-team-block_3 h2 {
    text-align: center;
    margin-bottom: 60px;
}
.teamTit {
    font-family: 'noto_serifregular', serif;
    color: #88CFF0;
    margin: 20px 0 10px 0;
    text-align: center;
}
.teamSub {
    font-family: 'open_sanssemibold', sans-serif;

    text-align: center;
}
.views_block-team-block_1 .ckeditor-accordion-toggler,
.views_block-team-block_2 .ckeditor-accordion-toggler,
.views_block-team-block_3 .ckeditor-accordion-toggler {
    border-top: 1px solid #000;
    margin-top: 20px;
}



/*  FAQ && ZAHNNOTFALL */

.zaw_faq {
    margin-top: 60px;
}
.zaw_faq .grdItm-2 {
    margin-top: 25px;
}
.zaw_faq,
.zaw_zahnnotfall {
    background-color: #e1f3fb;
    padding: 60px 0 30px 0;
}
.zaw_zahnnotfall {
    background-color: #f6faec;
}
.zaw_faq h2,
.zaw_zahnnotfall h2 {
    text-align: center;
    margin-bottom: 30px;
}
.zaw_zahnnotfall h2,
.zaw_zahnnotfall h3 {
    color: #b0d700;
}
.zaw_faq h3 {
    margin-bottom: 30px;
}
.zaw_zahnnotfall h3 {
    margin-bottom: 20px;
}
.zaw_faq .ckeditor-accordion-container dt:first-of-type {
    border-top: 1px solid #000;
}
.zaw_faq .ckeditor-accordion-container > dl dt > a:hover,
.zaw_faq .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: #88CFF0;
    color: #024C8B;
}
.zaw_zahnnotfall {
    padding-bottom: 60px;
}
.zaw_zahnnotfall li {
    font-family: 'open_sansitalic';
    font-weight: bold;
    margin-bottom: 15px;

}
.zaw_zahnnotfall .btn-green {
    display: inline-block;
    margin: 15px 0;
}
.zaw_zahnnotfall ul {
    padding-left: 1em;
}
.zaw_zahnnotfall ul li::marker {
    color: #b0d700;
    font-size: 1.2em;
}



/*################################################################## POST CONTENT */
/*### POST CONTENT ###*/


/*  COOKIE KLARO  */

/*  display: flex -> flex making trouble on mobile   */
.klaro .context-notice {    
    display: block;
}
.klaro h2 {
    font-size: 20px !important;
}
/*  link color in all places   */
.klaro .cookie-modal a, 
.klaro .context-notice a, 
.klaro .cookie-notice a,
.klaro .context-notice p a {
    color: red;
}
/*  keep all buttons the same color   */
.klaro .cookie-modal .cm-btn, 
.klaro .context-notice .cm-btn, 
.klaro .cookie-notice .cm-btn,
.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more,
.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .context-notice .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success-var {
    background-color: #024C8B !important;
    border-color: #024C8B !important;
    color: #fff;
}
.klaro button:hover,
.klaro a:hover {
    background-color: #88CFF0 !important;
    color: #88CFF0 !important;
}
.klaro .context-notice {
    height: auto;
}



/*################################################################## FOOTER */
/*### FOOTER ###*/

.secFoot {
    background-color: #b0d700;
    color: #fff;
}
.secFoot h2 {
    color: #64810b;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #fff;
    margin-top: 30px;
}
.secFoot a {
    color: #64810b;
    text-decoration: none;
}
.secFoot ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.secFoot li {
    margin-bottom: 20px;
}
.secFoot li a {
    color: #fff;  
    -webkit-transition: all ease 0.2s;  
    -o-transition: all ease 0.2s;  
    transition: all ease 0.2s;  
}
.secFoot li a:hover {
    color: #64810b; 
    -webkit-transition: all ease 0.2s; 
    -o-transition: all ease 0.2s; 
    transition: all ease 0.2s;   
}
.secFoot li a.is-active {
    color: #000;
}
.wrapFootB {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 60px 0;
    padding: 60px 0;
}
.rFootB {
    display: block;
    width: 260px;
    height: 50px;
    background: url("../img/logo-foot.svg") no-repeat;
    background-size: 100%;
    margin: 0 auto;
}



.zaw_copyrightfooter {
    text-align: center;
    margin: 10px 0 60px 0;
    font-size: 14px;

}



#backtotop {
    background: url(../img/ico-btt.png) no-repeat;
}











/*################################################################## RESPONSIVE */
/*### RESPONSIVE ###*/

/*################################################################## 600 */
@media screen and (min-width: 600px) {

    .rFootB {
        width: 460px;
        height: 80px;
    }


} /* /500    */
/*################################################################## 600 */
@media screen and (min-width: 600px) {
    /*  TEAM ÄRZTE   */
    .views_block-team-block_1 > div > div,
    .views_block-team-block_2 > div > div,
    .views_block-team-block_3 > div > div {
        display: -ms-grid;
        display: grid;
        gap: 60px;
        -ms-grid-columns: 1fr 60px 1fr;
        grid-template-columns: 1fr 1fr;  
    }
    .views_block-team-block_2 > div > div,
    .views_block-team-block_3 > div > div {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;  
    }
    .views_block-team-block_1 .teamTit {
        min-height: 50px;
    }
    .paragraph--type--heroslider p:first-of-type {
        font-size: 30px;
    }
    
    
} /* /600    */
/*################################################################## 768 */
@media screen and (min-width: 768px) {
    .grd {
        gap: 15px;
    }

   .paragraph--type--heroslider > div:last-child {
        position: absolute;
        top: 150px;
        padding-left: 15px;
    }
    /* .flex-control-nav {
        bottom: -45px;
    } */
    .srtRow .grdItm-2  { 
        -webkit-box-ordinal-group: 2; 
            -ms-flex-order: 1; 
                order: 1; 
    }
    .path-frontpage .secCont .grdItm-1 .paragraph--type--txt-1  {
        padding-right: 15px;
    }
    .path-frontpage .secCont .grdItm-2 .paragraph--type--txt-1  {
        padding-left: 15px;
    }
    .path-frontpage .secCont .grdItm-1 .paragraph--type--img-1,
    .path-frontpage .secCont .grdItm-2 .paragraph--type--img-1 {
        margin-bottom: 0;
    }
    .views_block-team-block_1 .teamTit {
        min-height: auto;
    }    
    .views_block-team-block_2 > div > div,
    .views_block-team-block_3 > div > div {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;  
    }
    .grd.rFootA {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; 
    }
    .system_menu_block-main {
        padding-bottom: 0;
    }
    .topLog {
        max-width: 500px;
        margin-bottom: 35px;
    }
    .bgFarbe {
        margin-bottom: 60px;
    }
    .bgFarbe.noMarBot {
        margin-bottom: 0 !important;
    }

    .secIcon .blockCnt {
        text-align: right;
        padding: 15px 15px 0 0 ;
    }
    .hideMob {
        display: block;
    }
    .menTop {    
        height: 60px;
        /* box-shadow: 0px 10px 10px 10px rgba(0,0,0,0.1);
        z-index: 1000; */
    }
    .menTop a {
        margin: 0;
    }
    .menTop ul {    
        padding: 0;
        margin: 0;
    }
    .system_menu_block-main li a, 
    .menTop li a {
        display: inline-block;
        padding: 0 20px;
        line-height: 60px;
        height: 60px;
        background-color: #e2e2e2;
        -webkit-transition: all ease 0.4s;
        -o-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }
    .system_menu_block-main li a:hover, 
    .menTop li a:hover {
        background-color: #88CFF0;
        color: #000;
        -webkit-transition: all ease 0.4s;
        -o-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }
    .system_menu_block-main li a.is-active, 
    .menTop li a.is-active {
        background-color: #88CFF0;
        color: #fff;
        -webkit-transition: all ease 0.4s;
        -o-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .paragraph--type--heroslider > div:last-child {
        background: transparent;
    }
    .paragraph--type--heroslider p:first-of-type {
        font-size: 30px;
    }
    .zaw_faq .grdItm-2 {
        margin-top: 0;
    }
    .secFoot h2 {
        margin-top: 45px;
    }

    
} /* /768    */
/*################################################################## 800 */
@media screen and (min-width: 800px) {
    
    .grd {
        gap: 30px;
    }
    .path-frontpage .secCont .grdItm-1 .paragraph--type--txt-1  {
        padding-right: 30px;
    }
    .path-frontpage .secCont .grdItm-2 .paragraph--type--txt-1  {
        padding-left: 30px;
    }
    .topLog {
        margin-bottom: 20px;
    }
    
    
} /* /800    */
/*################################################################## 992 */
@media screen and (min-width: 992px) {

    .grd {
        gap: 45px;
    }
    .grd.rFootA {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr; 
    }   
    .wrpBox,
    .page_title_block,
    .views_block-team-block_1,
    .views_block-team-block_2,
    .views_block-team-block_3,
    .user-login-form {
        padding-left: 30px;
        padding-right: 30px;
    }
    .paragraph--type--heroslider p:first-of-type {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .topLog {
        margin-bottom: 5px;
    }


    body {
        font-size: 18px;
    }
    h1, h2,
    .path-frontpage .secCont .subl {
        margin: 0 0 10px 0;
        font-size: 40px;
    }
    h3 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }
    h4 {
        font-size: 26px;
        margin: 60px 0 10px 0;
    }
    .zaw_leistungen_2 h5 {
        font-size: 26px;
    }
    h5 {
    font-size: 26px; 
    }
    .titSub,
    .subl,
    .path-frontpage h1 {
        font-size: 22px;
        margin-bottom: 60px;
    }
    .teamTit {
        font-size: 22px;
    }
    .secIcon .blockCnt {
        padding-right: 30px;
    }
    .topLog {
        padding-left: 30px;
    }
   .paragraph--type--heroslider > div:last-child {
        top: 150px;
        padding-left: 30px;
    }
    .secFoot .wrpBox {
        padding-left: 30px;
        padding-right: 30px;
    }
    .paragraph--type--trenner {
        margin: 30px auto;
    }
    /* .flex-control-nav {
        bottom: -39px;
    } */

    .zaw_leistungen_2 {
        background-size: contain;
        background-position: left;
    }
    
    
} /* /992    */
/*################################################################## 1200 */
@media screen and (min-width: 1200px) {
    
    .wrpBox,
    .page_title_block,
    .views_block-team-block_1,
    .views_block-team-block_2,
    .views_block-team-block_3,
    .user-login-form {
        padding-left: 60px;
        padding-right: 60px;
    }
    .path-frontpage .secCont .grdItm-1 .paragraph--type--txt-1  {
        padding-right: 60px;
    }
    .path-frontpage .secCont .grdItm-2 .paragraph--type--txt-1  {
        padding-left: 60px;
    }
    .paragraph--type--heroslider p:first-of-type {
        font-size: 55px;
    }
    .topLog {
        max-width: 600px;
        margin-bottom: 35px;
    }


    .topLog {
        padding-left: 60px;
    }
   .paragraph--type--heroslider > div:last-child {
        top: 90px;
        padding-left: 60px;
    }
    .secFoot .wrpBox {
        padding-left: 60px;
        padding-right: 60px;
    }
    .paragraph--type--trenner {
        margin: 60px auto;
    }
    .secFoot h2 {
    margin-top: 60px;
  }
    
} /* /1200    */

/*################################################################## 1200 */
@media screen and (min-width: 1400px) {

    .slides{
        max-width: 1500px;
        margin-left: 60px;
        margin-right: auto;
    }
    .paragraph--type--heroslider > div:last-child {
        padding-left: 0;
    }
        /* .flex-control-nav {
        bottom: -40px;
    } */


} /* /1400    */
/*################################################################## 1600 */
@media screen and (min-width: 1600px) {

    body {
        font-size: 22px;
    }
    h1, h2,
    .path-frontpage .secCont .subl {
        margin: 0 0 10px 0;
        font-size: 70px;
    }
    .secFoot h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 32px;
        margin: 0 0 10px 0;
    }
    h4 {
        font-size: 32px;
        margin: 60px 0 10px 0;
    }
    .zaw_leistungen_2 h5 {
        font-size: 32px;
    }
    h5 {
    font-size: 32px; 
    }
    .titSub,
    .subl,
    .path-frontpage h1 {
        font-family: 'open_sanssemibold', sans-serif;
        font-size: 26px;
        margin-bottom: 60px;
    }
    .zaw_faq, .zaw_zahnnotfall {
        padding: 60px 0 60px 0;
    }
    .path-frontpage h1 {
        color: #333;
    }
    .page-node-5 .titSub {
        margin-bottom: 60px;
    }
    .subl {
        margin-bottom: 30px;
    }
    .teamTit {
        font-size: 26px;
    }
    .paragraph--type--heroslider p:first-of-type {
        font-size: 70px;
    }
    .zaw_faq h2,
    .zaw_zahnnotfall h2 {
        margin-bottom: 60px;
    }
    .secCont .grd, .marBot {
        margin-bottom: 60px;
    }
    .topLog {
        max-width: 650px;
        margin-bottom: 35px;
    }
    .paragraph--type--trenner {
        margin: 90px auto;
    }
        /* .flex-control-nav {
        bottom: -45px;
    } */


} /* /1600    */