/* Header ANFANG */

.headeradresse {
    float: left;
}

.headeradresse .telefonlink {
    font-weight: 300;
    float: left;
}

.headeradresse p {
    padding: 1rem 0 0 0;
    margin: 0;
    font-size: 1.7rem;
    color: var(--background);
}

.mapicon {
    width: 22px;
    padding-bottom: 5px;
}

.headertelefon {
    float: right;
}

.headertelefon p {
    padding: 1rem 0 0 0;
    margin: 0;
}

.headertelefonlink {
    opacity: 0;
    position: relative;
    top: 1.6rem;
    font-weight: 300;
    display: none;
}

.headertelefon .spainflag img {
    margin-bottom: 0.6rem;
    margin-left: 1.5rem;
}

.header-mobile-buttons .spainflag img {
    width: 20%;
    margin: 0 0 0 0;
}

.maplink:before {
    content: "\e062";
    font-weight: normal;
    font-size: inherit;
    margin-right: 3px;
    text-decoration: none;
    font-family: 'Glyphicons Halflings';
    color: var(--primary-color);
}

.maplink {
    font-size: 1.7rem;
    background-image: linear-gradient(to right, transparent, var(--primary-color), transparent);
    background-size: 0% 2px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    transition: all .1s linear;
    padding-bottom: 3px !important;
}

.maplink:hover {
    background-size: 100% 2px;
}

@media (max-width: 991px) {
   
    .scaling-logo, .page-id-1900 .header-mobile-buttons, .page-id-1900 .slider, .page-id-1909 .header-mobile-buttons, .page-id-1909 .slider {
        display: none;    
}

div.header-mobile-buttons > div.textwidget > p:nth-of-type(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.header-mobile-buttons .spainflag img {
    width: 100%;
}
    
ul.topmenu > li > ul.sub-menu {
        margin-top: 0rem;    
}
}

@media (min-width: 992px) and (max-width: 1199px) {
     .header8 .menueleiste nav ul {
        left: -15px;     
}

.header8 .menueleiste nav ul li a {
    font-size: 1.6rem;    
}
}

@media (min-width: 992px) {
    .header8 .menueleiste nav ul li#menu-item-37 > a, .header8 .menueleiste nav ul li#menu-item-816 > a {
        padding: 0px 10px;
        background-color:var(--primary-color);
        line-height: 3.5rem;
        border-radius: 4px;
        color: var(--text-invert);
        margin-top: 1.6rem;
        transition: all .3s ease-in;
        margin-left: 1rem;
        border: 1px solid var(--primary-color); 
}

    .header8 .menueleiste nav ul li#menu-item-37 > a:hover, .header8 .menueleiste nav ul li#menu-item-816 > a:hover {
        background-color: var(--text-invert);
        color: var(--primary-color);
        border: 1px solid var(--primary-color);    
}

    .header8 .menueleiste nav ul li#menu-item-462 > a {
        padding: 0px 10px;
        background-color:var(--primary-color);
        line-height: 3.5rem;
        border-radius: 4px;
        color: var(--text-invert);
        margin-top: 1.6rem;
        transition: all .3s ease-in;
        margin-left: 1rem;
        border: 1px solid var(--primary-color); 
}

    .header8 .menueleiste nav ul li#menu-item-462 > a:hover {
        background-color: var(--text-invert);
        color: var(--primary-color);
        border: 1px solid var(--primary-color);    
}    
    
header>div.container {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}
}

/* Header ENDE */

/* Content ANFANG */

@media (min-width: 768px) {
  .container {
    --container-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    --container-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    --container-width: 1200px;
  }
}
@media (min-width: 1400px) {
  .container {
    --container-width: 1400px;
  }
}
@media (min-width: 1520px) {
    .container {
        width: 1520px;
        --container-width: 1520px;
    }
}

b, strong {
    font-weight: 700;
    font-size: inherit;
    color: var(--primary-color);
}

.glyphicon.glyphicon-menu-up {
    top: -1px;
}

.page-id-8 .content h1, .page-id-727 .content h1, .page-id-1900 .content h1, .page-id-1909 .content h1 {
    margin-bottom: 0rem;
    text-align: center;
    letter-spacing: 1.5rem;
    margin-top: 4rem;
    font-size: 4rem;
}

.page-id-1900 .content h1, .page-id-1909 .content h1 {
    margin-top: 10rem;
}

.page-id-8 h2, .page-id-727 h2 {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.page-id-24 h1, .page-id-750 h1 {
    margin-bottom: 4rem;
}

span.teaser {
    text-align: center;
    font-size: 3rem;
    display: block;
    padding-top: 1rem;
    padding-bottom: 4rem;
    text-transform: uppercase;  
    color: var(--primary-color);
    font-family: 'Signika', sans-serif;
}

.para-callout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paralayer {
    background: rgba(166,163,46,0.6);
    color: var(--text-invert);
    width: 50%;
    font-size: 2rem;
    padding: 3rem 1rem;
    font-weight: 300;
}

.paralayer .btn {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 1px solid var(--text-invert);
}

.paralayer .btn:hover {
    border: 1px solid var(--primary-color);
}

@media (min-width: 767px) {
.page-id-8 .content p, .page-id-727 .content p, .page-id-1900 .content p, .page-id-1909 .content p {
    text-align: center;
    width: 69%;
    margin: 0 auto;  
    margin-bottom: 1.7rem;
}
}

@media (max-width: 991px) {
    .paralayer {
        width: 100%;    
}

    h1, h2 {
        margin-top: 4rem;
        margin-bottom: 4rem;    
}
}

@media (max-width: 991px) {
.container {
    width: 100%;
}
}

/* Content ENDE */

/* Trenner ANFANG */

div.trenner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: -3rem 0 2rem 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;    
}

div.trenner #elem {
    width: 4%;
    margin-top: 0rem;
}

div.trenner:before {
    content: '';
    width: 200px;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--primary-color) 100%);
    position: relative;
    right: 4rem;
}

div.trenner:after {
    content: '';
    width: 200px;
    height: 3px;
    background: linear-gradient( -90deg, transparent 0%, var(--primary-color) 100%);
    position: relative;
    left: 4rem;  
}


@media (max-width: 991px) {
    div.trenner #elem {
        width: 15%;     
}

    div.trenner:before {
        right: 2.5rem;
        width: 100px;    
}

    div.trenner:after {
        left: 2.5rem;
        width: 100px;    
}
}

/* Trenner ENDE */

/* Footer ANFANG */

.kk-star-ratings .kksr-legend .kksr-legend-meta {
    margin-right: 0px;
}

.pea_cook_wrapper p {
    color: var(--background);
    padding: 0;
}

.pea_cook_wrapper a {
    color: var(--primary-color) !important;    
}

.page-id-8 footer, .page-id-727 footer {
    margin-top: -5px;
}

footer p {
    margin-bottom: 1.7rem;
    font-weight: 300;
    padding-bottom: 0rem;
}

footer .telefonlink {
    color: var(--text-invert);
}

footer .telefonlink:before {
    color:inherit;
}

footer .telefonlink:hover {
    color: var(--text-color);
}

footer img {
    width: 100%;
}

#elem {
    margin-top: 4.2rem;
    width: 80%;
}

#elem.running {
animation: spin 2s linear 0s infinite;
}

#spinit {
    margin-top: 4.2rem;
    width: 80%;
}

#spinit.spinspin {
animation: spinspinspin 2s linear 0s infinite;
}

@keyframes spin { 
100% { transform: rotate(360deg); } 
}

@keyframes spinspinspin { 
100% { transform: rotate(360deg); } 
}

@media (max-width: 991px) {
    footer h3 {
        text-align: center;    
}

    #spinit {
        margin: 5rem auto;
        width: 55%;    
}
}



/* Footer ENDE */

/* Sub Header ANFANG */

.row.sub-header {
    margin-top: -26.4rem;
    position: relative;
}

.head-sub-box-background {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.head-sub-box-background:hover {
    padding-bottom: 7rem;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.head-sub-box-background:hover .head-sub-box {
    margin-top:-7rem;
    transition: all 0.2s ease-out;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
}

.head-sub-box-background .head-sub-box {
    background: rgba(166,163,46,0.6);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    padding-bottom: 1.7rem;
}

.sub-header .sub-header-title {
    
} 

.sub-header .sub-header-title p {
    padding-left: 15px;
    padding-top: 2.3rem;
    color: var(--text-invert);
    text-transform: uppercase;
    padding-bottom: 1.7rem;
    font-size: 2.1rem;
    font-family: 'Signika', sans-serif;
}  

.sub-header-text {
    color: var(--text-invert);
    padding-left: 15px;
    padding-right: 15px;
}

.sub-header-text p {
    font-size: 1.7rem;
    padding-bottom: 10px;
    color: var(--text-invert);
}

.head-sub-box img {
    width: 55%;
    display: block;
    margin: 0 auto;
}

.sub-header .telefonlink {
    color: var(--text-invert);
}

.sub-header .telefonlink:before {
    color:inherit;
}

.sub-header .telefonlink:hover {
    color: var(--text-color);
    background: none;
}

.sub-header a {
    color: var(--text-invert);
    font-weight: 300;
    text-decoration: none;
    font-size: 1.7rem;
}

.sub-header a:hover {
    color: var(--text-color);
}

@media (max-width: 991px) {
    .row.sub-header {
        display: none;
}
} 

@media (min-width: 992px) and (max-width: 1199px) {
    .sub-header .sub-header-title p {
        text-align: center;
        padding-left: 0px;    
}

    .head-sub-box img {
        width: 80%;
}  
}
                 
/* Sub Header ENDE*/

/* Leistungsboxen ANFANG */

.diffus{
    position: relative;
    overflow: auto;
}

.diffus:before {
    background-image: url(/wp-content/uploads/2019/09/back_struktur.jpg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}

.diffus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: color-mix(in hsl, var(--primary-color), transparent 60%); 
}

section.teaser-row {
    background: var(--background);
    padding: 4rem 2rem;
}

section.teaser-row h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 4rem;
    font-weight: 700;
    text-transform: uppercase;
}

div.teaserbox {
    overflow: hidden;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

div.teaserbox div.text-top p {
    width: 100%;
    margin: 0;
}

div.teaserbox div.text-top {
    background: rgba(255,255,255,0.6);
    display: -ms-grid;
    display: grid;        
    -ms-grid-columns: 1fr;        
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
    height: 35%;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

div.teaserbox div.text-top > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

div.teaserbox div.text-top > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

div.teaserbox:hover div.text-top {
    top: 0;
    height: 100%;
    background: rgba(255,255,255,0.8);
    opacity: 1;
}

div.teaserbox p.teaserboxen-text {
    opacity: 0;
    position: initial;
    top: 0;
    left: 0;
    color: var(--background);
    padding: 3%;
    transition: opacity 0.9s;
    transition-delay: 0.3s;   
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
                                             
div.teaserbox:hover p.teaserboxen-text {
    opacity: 1;
}

div.teaser-row p {
    padding: 0;
}

div.teaserbox p a {
    opacity: 0;
    transition: opacity 0.9s;
    transition-delay: 0.3s;
}

div.teaserbox:hover p a {
    opacity: 1;
}

div.teaserbox img {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 20;
    display: block;
    filter: grayscale(1);
}

div.teaserbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 21;
  width: 100%;
  height: 100%;
  background-color: color-mix(in hsl, var(--primary-color), transparent 60%);
}

div.teaserbox div.text-bottom {
    background: rgba(255, 255, 255,0.8);
    position: absolute;
    bottom: 25px;
    left: 0;
    height: 50px;
    width: 101%;
    z-index: 100;
    transition: all 1s;
    display: table;
}

div.teaserbox:hover div.text-bottom {
    bottom: 0;
    background: linear-gradient(to right, var(--background) 0%, var(--primary-color) 25%, var(--primary-color) 50%, var(--primary-color) 75%, var(--background) 100%); 
}

div.text-bottom h3 {
    font-size: 1.6rem;
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

div.teaserbox:hover h3 {
    color: var(--text-invert);
}

@media (min-width: 992px) {

    section.teaser-row h2 {
        font-size: 3rem;
}    

    div.teaser-row {    
        display: -ms-grid;    
        display: grid;
        -ms-grid-columns: 1fr (6rem 1fr)[7];
    grid-template-columns: 1fr repeat(7, 6rem 1fr);
         -ms-grid-rows: 1fr (6rem 1fr)[2]; 
        grid-template-rows: 1fr repeat(2, 6rem 1fr);
        max-width: 1520px;
        margin: 0 auto;
}

    div.teaser-row > *:nth-child(1) { 
        -ms-grid-column: 1;    
        -ms-grid-column-span: 3;    
        grid-column: 1 / 4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
}

    div.teaser-row > *:nth-child(2) {     
        -ms-grid-column: 5;    
        -ms-grid-column-span: 3;    
        grid-column: 5 / 8;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
}

    div.teaser-row > *:nth-child(3) {     
        -ms-grid-column: 9;    
        -ms-grid-column-span: 3;    
        grid-column: 9 / 12;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
}

    div.teaser-row > *:nth-child(4) {     
        -ms-grid-column: 13;    
        -ms-grid-column-span: 3;    
        grid-column: 13 / 16;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
}

    div.teaser-row > *:nth-child(5) {     
        -ms-grid-column: 1;    
        -ms-grid-column-span: 3;    
        grid-column: 1 / 4;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / 4;
}

    div.teaser-row > *:nth-child(6) {     
        -ms-grid-column: 5;    
        -ms-grid-column-span: 3;    
        grid-column: 5 / 8;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / 4;
}
    
    div.teaser-row > *:nth-child(7) {      
        -ms-grid-column: 9;    
        -ms-grid-column-span: 3;    
        grid-column: 9 / 12;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / 4;
}
    
    div.teaser-row > *:nth-child(8) {     
        -ms-grid-column: 13;    
         -ms-grid-column-span: 3;    
         grid-column: 13 / 16;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3 / 4;
} 

    div.teaser-row > *:nth-child(9) {   
         -ms-grid-column: 3;   
         -ms-grid-column-span: 3;   
         grid-column: 3 / 6;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / 6;
}

    div.teaser-row > *:nth-child(10) {  
         -ms-grid-column: 7;  
         -ms-grid-column-span: 3;  
         grid-column: 7 / 10;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / 6;
}

    div.teaser-row > *:nth-child(11) {  
         -ms-grid-column: 11;  
         -ms-grid-column-span: 3;  
         grid-column: 11 / 14;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5 / 6;
}    
}

@media (max-width: 991px) {
    
    .teaser-row p {
        font-size: 1.5rem;
}  
      
    div.text-bottom h3 {
        font-size: 1.5rem;
}
    
    .btn-secondary {
        font-size: 1.5rem;
        padding: 3px 6px;
}
    
    section.teaser-row h2 {
        font-size: 2rem;
}    
}

@media (min-width: 768px) and (max-width: 991px) {

    div.teaser-row {    
        display: -ms-grid;    
        display: grid;
        -ms-grid-columns: 1fr 3rem 1fr;
        grid-template-columns: 1fr 3rem 1fr;
        -ms-grid-rows: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
        grid-template-rows: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
        max-width: 1370px;
        margin: 0 auto;
}

    div.teaser-row > *:nth-child(1) { 
        -ms-grid-row: 1;    
          -ms-grid-row-span: 1;    
          grid-row: 1 / 2;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1 / 2;
}

    div.teaser-row > *:nth-child(2) {
        -ms-grid-row: 1;    
          -ms-grid-row-span: 1;    
          grid-row: 1 / 2;  
        -ms-grid-column: 3;  
        -ms-grid-column-span: 1;  
        grid-column: 3 / 4;
}

    div.teaser-row > *:nth-child(3) {
        -ms-grid-row: 3;    
         -ms-grid-row-span: 1;    
         grid-row: 3 / 4;  
        -ms-grid-column: 1;  
        -ms-grid-column-span: 1;  
        grid-column: 1 / 2;
}

    div.teaser-row > *:nth-child(4) {
        -ms-grid-row: 3;    
         -ms-grid-row-span: 1;    
         grid-row: 3 / 4;  
        -ms-grid-column: 3;  
        -ms-grid-column-span: 1;  
        grid-column: 3 / 4; 
}

    div.teaser-row > *:nth-child(5) {
        -ms-grid-row: 5;    
         -ms-grid-row-span: 1;    
         grid-row: 5 / 6;   
        -ms-grid-column: 1;   
        -ms-grid-column-span: 1;   
        grid-column: 1 / 2;
}

    div.teaser-row > *:nth-child(6) {    
         -ms-grid-row: 5;    
         -ms-grid-row-span: 1;    
         grid-row: 5 / 6;   
        -ms-grid-column: 3;   
        -ms-grid-column-span: 1;   
        grid-column: 3 / 4;
}

    div.teaser-row > *:nth-child(7) { 
        -ms-grid-row: 7;    
         -ms-grid-row-span: 1;    
         grid-row: 7 / 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
}

    div.teaser-row > *:nth-child(8) {
        -ms-grid-row: 7;    
         -ms-grid-row-span: 1;    
         grid-row: 7 / 8;  
        -ms-grid-column: 3;  
        -ms-grid-column-span: 1;  
        grid-column: 3 / 4;
}

    div.teaser-row > *:nth-child(9) {
         -ms-grid-row: 9;
         -ms-grid-row-span: 1;
         grid-row: 9 / 10;  
        -ms-grid-column: 1;  
        -ms-grid-column-span: 1;  
        grid-column: 1 / 2;
}

    div.teaser-row > *:nth-child(10) {
         -ms-grid-row: 9;
         -ms-grid-row-span: 1;
         grid-row: 9 / 10;  
        -ms-grid-column: 3;  
        -ms-grid-column-span: 1;  
        grid-column: 3 / 4;
}

    div.teaser-row > *:nth-child(11) {
         -ms-grid-row: 11;
         -ms-grid-row-span: 1;
         grid-row: 11 / 12;  
        -ms-grid-column: 1;  
        -ms-grid-column-span: 1;  
        grid-column: 1 / 2;
}
    
    .diffus {
        background-size: 155% 100%;
}    
}

@media (max-width: 767px) {

div.teaserbox div.text-top {
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;    
}
    
div.teaser-row {    
    display: -ms-grid;    
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr (1.5rem 1fr)[10];
    grid-template-rows: 1fr repeat(10, 1.5rem 1fr);
    margin-bottom: 2rem;
}
    
div.teaser-row > * {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
}

div.teaser-row > *:nth-child(1) {    
    -ms-grid-row: 1;    
    -ms-grid-row-span: 1;    
    grid-row: 1 / 2;
}

div.teaser-row > *:nth-child(2) {    
    -ms-grid-row: 3;    
    -ms-grid-row-span: 1;    
    grid-row: 3 / 4;
}

div.teaser-row > *:nth-child(3) {    
    -ms-grid-row: 5;    
    -ms-grid-row-span: 1;    
    grid-row: 5 / 6;
}

div.teaser-row > *:nth-child(4) {    
    -ms-grid-row: 7;    
    -ms-grid-row-span: 1;    
    grid-row: 7 / 8;
}

div.teaser-row > *:nth-child(5) {    
    -ms-grid-row: 9;    
    -ms-grid-row-span: 1;    
    grid-row: 9 / 10;
}

div.teaser-row > *:nth-child(6) {    
    -ms-grid-row: 11;    
    -ms-grid-row-span: 1;    
    grid-row: 11 / 12;
}

div.teaser-row > *:nth-child(7) {    
    -ms-grid-row: 13;    
    -ms-grid-row-span: 1;    
    grid-row: 13 / 14;
}

div.teaser-row > *:nth-child(8) {    
    -ms-grid-row: 15;    
    -ms-grid-row-span: 1;    
    grid-row: 15 / 16;
}

div.teaser-row > *:nth-child(9) {  
    -ms-grid-row: 17;  
    -ms-grid-row-span: 1;  
    grid-row: 17 / 18;
}

div.teaser-row > *:nth-child(10) {    
    -ms-grid-row: 19;    
    -ms-grid-row-span: 1;    
    grid-row: 19 / 20;
}

div.teaser-row > *:nth-child(10) {    
    -ms-grid-row: 21;    
    -ms-grid-row-span: 1;    
    grid-row: 21 / 22;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
    .diffus {
        background-size: 135% 100%;
}
}

/* Leistungsboxen ENDE */


/* Flex Seiten ANFANG */

.background-color {
    padding: 5rem 15px;
}

.page-id-22 .background-color:nth-of-type(even), .page-id-22 .background-color:first-of-type, .page-id-734 .background-color:nth-of-type(even), .page-id-734 .background-color:first-of-type {
    background-color: var(--text-invert);
}

.page-id-22 .background-color:nth-of-type(n+2):nth-of-type(odd), .page-id-734 .background-color:nth-of-type(n+2):nth-of-type(odd) {
    background-color: var(--background);
}


.page-id-22 .flex-container h1, .page-id-734 .flex-container h1 {
    margin-bottom: -4rem;
}

.background-color:nth-of-type(even) {
    background-color: var(--background);
}

.flex-container {
    max-width: 1500px;
    margin: 0 auto;
    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;
}

.flex-container h1, .flex-container h2 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    margin-top: 0rem;
}

.flex-text {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}



.flex-text ul {
    padding-left: 2rem;
}

@media (max-width: 991px) {
     .flex-text {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 1rem;
}

     .flex-container h1, .flex-container h2 {
        padding: 0 15px 0 15px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 4rem;
}

    .flex-container > .flex-team > img {
       padding: 0 1.5rem 0 1.5rem; 
       margin-top: 0rem;   
}

    .flex-team h2, .flex-team h3 {
        text-transform: none;
        padding: 0 15px 0 15px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

    div > div > .flex-container > .flex-team > ul {
        padding-left: 3.5rem;
        margin-bottom:0rem;
} 
}

@media (min-width: 768px) and (max-width: 991px) {
   
    

    .flex-container .come-in:nth-of-type(1) {
        flex-basis: 100%;    
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flex-text {
        padding-right: 4rem;           
}
    .flex-container {
        padding-left: 4rem;    
}   

    .flex-container > .flex-team > ul {
        padding-left: 2rem;    
}

    .flex-container > .flex-team > img {
        margin-top: 1rem;    
}

    .flex-container > .on-view-fade:nth-of-type(1) {
        -ms-flex-preferred-size: 40%;
        flex-basis:40%    
}
}

@media (min-width: 1200px) {
    .flex-container .come-in:nth-of-type(1) {
        flex-basis: 40%; 
} 
}
/* Flex Seiten ENDE */

/* Praxisgalerie Anfang */


.praxisgalerie {
    display: flex;
    flex-flow: row wrap;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.praxisgalerie .row {
    display: flex;
    flex-flow: row wrap;    
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    margin-bottom:0px;
    flex-basis: 100%;
}

.praxisgalerie .row:before {
    display:none;
}


.praxisgalerie .row .bilder-hochkant {
    flex-basis: calc(100% / 3);
    display: flex;
}

.praxisgalerie .row .bild-anfang, .praxisgalerie .row .bilder-querformat-2.bild-anfang {
    flex-basis: calc(100% / 3);
    display: flex;
}

.praxisgalerie .row .bilder-hochkant img {
    margin-bottom:5px;
}

.praxisgalerie .row .bilder-querformat-4 {
    display: flex;
    flex-basis: calc(200% / 3);
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-around;
}

.bilder-querformat-4 .impressionen-border {
        flex-basis: 50%;    
}


.praxisgalerie .row .bilder-querformat-2 {

    display: flex;
    flex-basis: calc(100% / 3);
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.praxisgalerie .row .bilder-querformat-6 {

    display: flex;
    flex-basis: 100%;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.praxisgalerie .row .bilder-querformat-6 .impressionen-border {
        padding-right: 5px !important;
    margin-bottom: 5px;
    flex-basis:calc(100% / 4);
 
}

.praxisgalerie .row .bilder-querformat-2 .impressionen-border {

    
}

.impressionen-border {
    padding-right: 5px !important;
    margin-bottom: 0px;
    display: inline-block;
    position: relative;
    overflow: hidden; 
}
.impressionen-border-inner {
overflow:hidden;
position:relative;
}

.impressionen-border-inner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
    transition: box-shadow .2s ease;
    pointer-events: none;
}

.impressionen-border-inner:hover:after {
    box-shadow:inset 0 0 0 10px color-mix(in srgb, var(--primary-color), transparent 40%);
}


.impressionen-border img {
    width:100%; 
        -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
 
}
.impressionen-border img:hover {
-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/* Praxisgalerie Ende */

/* Team ANFANG */

.flex-container .flex-team ul {
    padding-left: 2rem;
}

h2 span {
    color: var(--text-color);
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 300;
    font-family: 'Signika', sans-serif;
}

.wp-block-image figcaption {
    margin-top: .5rem;
    margin-bottom: 1rem;
    color: var(--text-color);
    text-align: center;
    font-size: 2rem;
}

.page-id-22 .flex-text:not(:first-of-type), .page-id-734 .flex-text:not(:first-of-type) {
    margin-top: 10rem;
}

.page-id-22 h2, .page-id-734 h2 {
    margin-bottom: 4rem;
}

.flex-team img {
    margin-bottom: 2rem;
}

.flex-team h2 {
    text-transform: none;
}

@media (min-width: 992px) {  
    .row.teamrow {
        margin-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
}
}

@media (max-width: 991px) {
      img {
        width: 100%;
        margin-top: 0rem;           
}

    .page-id-22 .flex-text:not(:first-of-type), .page-id-734 .flex-text:not(:first-of-type) {
       margin-top: 4rem;   
} 

    
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .page-id-22 .flex-text:not(:first-of-type), .page-id-734 .flex-text:not(:first-of-type) {
        margin-top: 5rem;
}
}  

/* Team ENDE */

/* Bewegung ANFANG */
.on-view-fade {

opacity: 0;
}


@media (max-width:767px) {
.on-view-fade {

opacity: 1 !important;
}
}


.come-in {
    transform: translateY(300px);
    animation: come-in 1s cubic-bezier(0.11, 0.43, 0.29, 0.92) forwards;      
}

.flex-container .come-in:nth-of-type(1) {
    transform: translateX(-300px);
    animation: come-in 1s cubic-bezier(0.11, 0.43, 0.29, 0.92) forwards;
    animation-delay: 0s;     
}

.flex-container .come-in:nth-of-type(2) {
    transform: translateX(300px);
    animation: come-in 1s cubic-bezier(0.11, 0.43, 0.29, 0.92) forwards;
    animation-delay: 0.3s;      
}


@keyframes come-in {
    to {                  
        transform: translateY(0);
        opacity: 1;
     }
}


@media (min-width: 768px) and (max-width: 1199px) {

.come-in {
    transform: translateY(300px);
    animation: come-in 1s cubic-bezier(0.11, 0.43, 0.29, 0.92) forwards;      
}
}


/* Bewegung ENDE */

/* versetzte Boxen ANFANG  ------------------------------------------------------------------------------------------------------------------  */

.versetzt-boxen img {
    width: 100%;
}             

.versetzt-boxen .versetzt-text {
    padding: 1.5rem;
    background: rgba(255, 255, 255,0.8);
    text-align: justify;
}       

.versetzt-text h3 {
    margin-top: 0;    
    font-size: 3rem;
    color: var(--text-color);
    text-transform: uppercase;
}

.versetzt-bild > img, .versetzt-text {
    border-radius: 4px;
}

@media (min-width: 768px) {

.versetzt-boxen {
    padding-top: 4rem;
    padding-bottom: 4rem;
}                                                      

.versetzte-boxen {
    position: relative;     
    padding-top: 2rem;
    padding-bottom: 2rem;
}  

.versetzt-boxen-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    position: relative;
    display: -ms-grid;
    display: grid;
    padding: 0 1.5rem;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}  

.versetzt-boxen > div:nth-of-type(odd) .versetzt-bild {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}

.versetzt-boxen > div:nth-of-type(odd) .versetzt-text {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;    
}

.versetzt-boxen > div:nth-of-type(even) .versetzt-bild {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}

.versetzt-boxen > div:nth-of-type(even) .versetzt-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;    
}

} 

@media (max-width: 767px) {

.versetzt-boxen {
    padding-top: .75rem;
    padding-bottom: .75rem;
}                                                         

.versetzte-boxen {
    position: relative;     
    padding-top: .75rem;
    padding-bottom: .75rem;
}  

.versetzt-boxen-inner {
    width: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    padding: 0 1.5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.versetzt-boxen .versetzt-bild {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}

.versetzt-boxen .versetzt-text {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}

}

/*  versetzte Boxen ENDE  ------------------------------------------------------------------------------------------------------------------   */

/*  SLIDE-IN ANFANG  ------------------------------------------------------------------------------------------------------------------------  */

@keyframes come-in {
    to {                  
        transform: translateY(0);
        opacity: 1;
     }
}

.slide-in {
    opacity: 0;
}

.come-in {
    animation: come-in 2s cubic-bezier(0.11, 0.43, 0.29, 0.92) forwards;
}

.come-in:nth-of-type(2n-1) {
    animation-delay: 0s; 
    transform: translateX(-200px);
}

.come-in:nth-of-type(2n) {
    animation-delay: 0s; 
    transform: translateX(200px);
}

/*  SLIDE-IN ENDE  --------------------------------------------------------------------------------------------------------------------------  */

/*  Seiten Buttons Anfang  -----------------------------------------------------------------------------------------------------  */

@media (min-width: 992px) {}
.sliderbox {
    position: fixed;
    right: -253px;
    display: block;
    width: 300px;
    height: auto;
    color: var(--text-invert);
    z-index: 1000;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.box1 {
    top:30rem;
}

.box2 {
    top:35rem;
}

.box3 {
    top:40rem;
}

.sliderbox span.sb_title{
    position: absolute;
    color: var(--text-color);
    padding-left: 1rem;
    padding-top: 1.1rem;
}

.sb_header {
    background: var(--text-invert);
}

.sb_header button {
    line-height: 3rem;
} 

.sb_header .glyphicon {
    font-size: 3rem;
    top: 4px;
}

@media (max-width: 991px) {
.sliderbox {
    display: none;
}
} 

/*  Seiten Buttons Ende  -------------------------------------------------------------------------------------------------------  */


#neuekarte {
    width: 100%;
    height: 550px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}

#neuekarte p {
    font-size: 1.2rem;
}

#neuekarte a {
    font-size: 1.2rem;
    padding: 0;
}

/*  TEAM-SEITE ANFANG  ----------------------------------------------------------------------------------------------------------------------  */
@media (min-width: 1200px) {

.page-id-22 .accordion_container, .page-id-734 .accordion_container {
    display: none;
}

}

@media (max-width: 1199px) {

.page-id-22 .accordion_container, .page-id-734 .accordion_container {
    flex-basis: 100%;
    margin-top: 4rem;
}

.page-id-22 .flex-full-container > div .flex-text, .page-id-734 .flex-full-container > div .flex-text {
    display: none;
}   

.page-id-22 .accordion, .page-id-734 .accordion {
    border-bottom: none;
}

.page-id-22 .accordion_container .panel-body p, .page-id-734 .accordion_container .panel-body p {
    padding: 0 0 1rem 0;
}

.page-id-22 .panel-body, .page-id-734 .panel-body {
    padding: 15px 7px;
}

}

/*  TEAM-SEITE ENDE  ------------------------------------------------------------------------------------------------------------------------  */

.sprechzeiten p {
    margin-bottom: 3rem;
}

.sprechzeiten p>span {
    float: right;
    text-align: right;
    font-size: inherit;
}

footer .sprechzeiten p {
  margin-bottom: 4.2rem;
}

iframe[src^="https://www.google.com/maps/embed?"] {
  width: 100%;
}