/* Header ANFANG */

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

.mobil-menu-button-bg .telefonlink {
    color: #fff;
    margin-top: 1rem;
    position: absolute;
    margin-left: 1.5rem;
}

.adresse-top a {
    color: #c6c6c6;
}

.adresse-top a:hover {
    color: #e5097f;
}

nav ul.topmenu li.menu-item-528 a, nav ul.topmenu li.menu-item-529 a {
    background-color: #e6007e;
    color: #fff;
    line-height: 2.5;
    border-radius: 4px;
    border: 1px solid #e6007e;
    display: inline-block;
}

nav ul.topmenu li.menu-item-528 a:hover, nav ul.topmenu li.menu-item-529 a:hover {
    background-color: #fff;
    color: #e6007e;
    line-height: 2.5;
    border-radius: 4px;
    border: 1px solid #e6007e;
    display: inline-block;
}

.header1 > div.header > div.menueleiste > nav > ul#menu-hauptmenue-deutsch > li.menu-item-528 > a:before{
    background: transparent;
}

.header1 > div.header > div.menueleiste > nav > ul#menu-hauptmenue-deutsch > li.menu-item-393-en > a:before{
    background: transparent;
}

.header1 > div.header > div.menueleiste > nav > ul#menu-hauptmenue-englisch > li.menu-item-529 > a:before{
    background: transparent;
}

.header1 > div.header > div.menueleiste > nav > ul#menu-hauptmenue-englisch > li.menu-item-468-de > a:before{
    background: transparent;
}

.header1 nav ul li:last-of-type a {
    padding-right: 0;
}

li#menu-item-578 > a:hover, li#menu-item-577 > a:hover {
    cursor: unset;
}

@media (min-width: 992px) {
    .header1 .menueleiste nav ul li ul li {
        float: none;
        display: block;
        border-right: none;
}

    .menueleiste .telefonlink {
        color: #c6c6c6;
}

    .menueleiste .telefonlink:hover {
        color: #e5097f;
}        
}

@media (max-width: 991px) {
    nav ul.topmenu li.menu-item-528 a {
        margin-left: 1rem;    
}    
}

/* Header ENDE */

/* Content ANFANG */

h1, h2, h3 {
    font-family: 'Crimson Text', serif;
    font-weight: 700;
}

.home .content p {
    line-height: 1.7;    
}

.content ul {
    padding-left: 21px;
}

.panel-body {
    padding: 15px 7px;
    background: #bfb4b0;
}

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

    aside.willkommen {
        display: none;    
}

    .header1 > .header.container > .menueleiste > nav > .btn.btn-primary {
        margin-left: 4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;    
}

        .page-id-18 .content h1, .page-id-437 .content h1 {
            margin-bottom: 0rem;   
}   
}

@media (min-width: 992px) {
    .home h1, .home h2 {
        text-align: center;                    
}
    
    .home .content p {
        text-align: center;
        margin: 0 auto;
        width: 60%;
        padding-bottom: 2rem;
}        
        
    .page-id-18 .content h1, .page-id-437 .content h1 {
        text-align: center; 
        margin-bottom: 0rem;   
}        
}

/* Content ENDE */

/* Footer ANFANG */

.sprechzeiten p {
    display: table;
    width: 100%;
    text-align: left;
    padding-bottom: 1rem;
}

.sprechzeiten p > span {
    color: white;
}

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

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

/* Footer ENDE */

/* Startseite Reihe besondere Angebote Anfang  */

.row-besondere-angebote h2 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 0;
    padding: 3rem 0 0rem 0;
}

.grid-row h3 {
    color: #e9530e;
    font-family: 'Shadows Into Light Two', sans-serif;
    font-size: 3.5rem;
    font-weight: 400;
    text-align: center;
    margin-bottom:3rem;
    padding-bottom:3rem;
    letter-spacing:2px;
    
}
.grid-row {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: 45% 10% 45%;
    grid-template-columns: 45% 10% 45%;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-row-gap: 9vw;
    padding-top: 11rem;
    padding-bottom: 11rem;
}


.grid-row .grid-row-image {
    overflow:hidden;
}
.grid-row .grid-row-image img {
    transform: rotate(0deg) scale(1.0);
    transition: .2s ease-out;
}
.grid-row .grid-row-image img:hover {
    transform: rotate(2deg) scale(1.15);
    transition: .2s ease-out;
}

.grid-row > *:nth-child(3) img:hover, .grid-row > *:nth-child(7) img:hover {
    transform: rotate(-2deg) scale(1.15);
    transition: .2s ease-out;
} 
.grid-row > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
}
.grid-row > *:nth-child(1) img {
    object-fit: cover;
    object-position: 70%;
}
.grid-row > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/2/4;
}
.grid-row > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 2/2/3/4;
}
.grid-row > *:nth-child(3) img {
    object-fit: cover;
    object-position: 50%;
}
.grid-row > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
}
.grid-row > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3/1/4/3;
}
.grid-row > *:nth-child(5) img {
    object-fit: cover;
    object-position: 80%;
}
.grid-row > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 3/3/4/4;
}

.grid-row > *:nth-child(7) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 4/2/5/4;
}
.grid-row > *:nth-child(7) img {
    object-fit: cover;
    object-position: 80%;
}
.grid-row > *:nth-child(8) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4/1/5/2;
}
.grid-row > *:nth-child(9) {
    -ms-grid-row:5;
    -ms-grid-row-span:1;
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    grid-area:5/1/6/3;
}
.grid-row > *:nth-child(9) img {
    object-fit: cover;
    object-position: 80%;
}
.grid-row > *:nth-child(10) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 5/3/6/4;
}

.grid-row > *:nth-child(even) {
    display:flex;
    flex-flow:column wrap;
    justify-content:center;
    padding: 2vw 4vw 2vw 4vw;
}


.grid-row > *:nth-child(even) .border-button {
    margin-left:0px;
} 
.grid-row > *:nth-child(even) img.icon {
    margin-left:-15px;
}


.grid-row-image img {
    width:100%;
    height: 100%;
}


.grid-row ul.right {
    text-align:right;
    padding-left: 0;
    padding-right: 3rem;
    list-style-type: none;
}
.grid-row ul.right li {
    position:relative;
}
.grid-row ul.right li:after {
    content: '•';
    display: inline-block;
    font-size: 3.5rem;
    position: absolute;
    height: 15px;
    width: 15px;
    top: -13px;
    padding-left: 1rem;
}
.grid-row .border-button {
        width: auto;
    margin: 0 auto;
}

.grid-row .border-button {
    color: #333;
    border: 1px solid #333;
    margin-top: 3rem;
}
.grid-row .border-button span {
    background-color: #333;
}

.grid-row .portal-logos {
    text-align:right;
}
.grid-row .portal-logos img {
    height: 24px;
}



.grid-row img.icon {
    width:100px;
    margin:0 auto;
}




@media (max-width:767px) {
    .grid-row {
        display: flex;
        flex-flow:row wrap;
        padding:0;
        grid-row-gap: 0vw;
    }
    .grid-row > *:nth-child(1) {
       -ms-grid-row: 1;
       -ms-grid-column: 1;
    }
    .grid-row-image img {
        width:100%;
        height: auto;
        min-height: auto;
    }

    .grid-row h3 {
        font-size: 2.5rem;
    }
    .grid-row > *:nth-child(even) {
        padding: 14vh 4vw 15vh 4vw;
    }
   .grid-row > *:nth-child(8) .border-button {
        padding: 15px 15px;
    }

    

}

@media (min-width: 992px) {
    div.grid-row p {
        line-height: 1.7;
}
}

@media (max-width: 991px) {
    .grid-row p {
        text-align: left;
        line-height: 1.7;
}

    .grid-row h2 {
        margin-top: 0rem;    
}
}


@media (min-width: 768px) and (max-width: 991px) {
    .grid-row {
        grid-row-gap: 15vw;                    
}

    .grid-row > *:nth-child(even) {
        padding: 12vw 4vw 12vw 4vw;
}
}

@media (min-width: 768px) {
    .grid-row > div:nth-of-type(4n+2) {
        align-items: flex-start;
}

    .grid-row > div:nth-of-type(4n+4) {
        align-items: flex-end;
}

    .grid-row > div:nth-of-type(4n+2) > p, .grid-row > div:nth-of-type(4n+2) > h2 {
        text-align: left;
}

    .grid-row > div:nth-of-type(4n+4) > p, .grid-row > div:nth-of-type(4n+4) > h2 {
        text-align: right;
}

}



/* Startseite Reihe besondere Angebote Ende  */

/* Blauer Hintergrund ANFANG */

.trenner .container {
    position: relative;
}

.trenner .container img {
    width: 15%;
    margin-bottom: 2rem;
}


.trenner li {
    color: #fff;
    padding-bottom: 1.5rem;
}

.trenner {
    background-color: #544f4d;
    padding: 11rem 0rem 10rem;
}

.trenner h2 {
    margin-top: 0rem;
    letter-spacing: .2rem;
    color: #ffffff;
    width: 60%;
    margin: 0 auto 2rem auto;
    line-height: 2;
}


.trenner p {
    color: white;
    text-align: center;
    margin: 0 auto;
    width: 60%;
    line-height: 2;
}

.trenner .btn-primary:hover {
    color: #032f66;
}

.trenner a:hover {
    color: white;
}

@media (max-width: 767px) {
    .trenner .container img {
        width: 50%;    
}  
}

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

    .trenner p {
        text-align: left;
        width: 100%;
}

    .trenner h2 {
        width: 100%;    
}   
}

@media (min-width: 992px) and (max-width: 1199px) {
    .trenner .container img {
        width: 20%;    
}    
}

/* Blauer Hintergrund ENDE */

/* Team ANFANG */

.behandlerpic {
    width: 100%;
    max-width: 400px;
    height: auto;    
}   

.teamrow {
    margin: 13rem auto;
    width: 97vw;
}

.page-id-18 .teamrow, .page-id-437 .teamrow { 
    margin-top: 0rem;
    margin-bottom: 3rem;
} 

.team-container {
    margin-bottom: 10rem;
}

.teamrow > div > .btn.btn-primary {
    margin: 7rem auto 0rem auto;
    font-size: 2rem;
    display: block;
    width: 20%;
}

.team-box-caption {
    display: none;
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 15px;
    left: 15px;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0,0,0,0);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
    opacity: 0;
}

.team-box-caption li {
    padding-bottom: 0rem;
}

.team-box-caption .btn.btn-primary {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
}

.team-box-caption .btn.btn-primary:hover {
    background: #fff;
    border: 1px solid #544f4d;
    color: #544f4d;
    text-transform: uppercase;
}

.team-box:hover .team-box-caption {
    -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.2);
    box-shadow: 0 0 0 30px rgba(255,255,255,.2);
    opacity: 1;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.team-box:hover .team-box-caption h3 {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
    opacity: 1;
}

.team-box:hover .team-box-caption h3 {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
    opacity: 1;
}

.team-box-caption > * {
    position: relative;
    z-index: 10;
}

.team-box img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: auto;
}

.team-box:hover {
    background: #a4a4a4;
}


.team-box {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    text-align: center;
}

.team-box-caption p, .team-box-caption ul li, .team-box-caption h3 {
    color: #fff !important;
    text-align: left;
}

.team-box-caption h3 {
    text-transform: uppercase;
}

.team-box:hover img {
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
}

@media (max-width: 991px) {
    div.teamrow > div:not(:last-of-type) > div.team-box {
        margin-bottom: 5rem;    
}

    .page-id-18 .teamrow, .page-id-437 .teamrow {
        margin-bottom: 5rem;
}

    .teamrow > div > .btn.btn-primary {
        width: 100%;
}

    .behandlerpic {
        margin-bottom: 4rem;        
} 
}

@media (min-width: 992px) {
    .team-box img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
}    

    .team-box:hover img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);    
} 
}


/* Team ENDE */

/* Parallax Responstiv Button Anfang */

.pbox {
    display: block;
}

.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;
}

.btn-secondary b {
    font-size: 2.5rem;
}

@keyframes cta-animation {
 0%{opacity:1.0;}

 50%{opacity:0.8;}

 100%{opacity:1.0;}

 50%{transform:scale(0.95);}
}

.paralayer {
    background: rgba(191, 180, 176, 0.8);
    color: #ffffff;
    width: 65%;
    font-size: 1.7rem;
    border-radius: 4px;
    padding: 3rem;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}

.paralayer .btn {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.paralayer .telefonlink {
    font-size: 1.7rem;
}

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

@media (max-width: 768px) {
    .para-callout {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        width: 100%;
}
}

/* Parallax Responstiv Button Ende */

/*  YOUTUBE ANFANG --------------------------------------------------------------------------------------------------------------------  */

.youtubelink {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 54%;
    padding-top: 25px;
    height: 0;
    max-width: 100%;
}

.youtubelink > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;    
}

/*  YOUTUBE ENDE --------------------------------------------------------------------------------------------------------------------  */

/* Galerie ANFANG */

.flex-galerie {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
}

.flex-galerie > .galerie-border {  
    flex-basis: calc(90% / 3); 
}

.flex-galerie .galerie-border img {
    width: 100%;
    height: auto;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.flex-galerie .galerie-border:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.galerie-border {
    position: relative;
    overflow: hidden;
}

.galerie-border: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;
}

.galerie-border:hover:after {
    box-shadow: inset 0 0 0 10px rgba(230, 0, 126, .4);
}

@media (max-width: 767px) {
    .flex-galerie > .galerie-border {
        flex-basis: 100%;   
} 

    .flex-galerie:nth-of-type(2) > .galerie-border:last-child {
        margin-bottom: 0rem;            
}       
}  

@media (max-width: 991px) {
    .flex-galerie > .galerie-border {
        margin-bottom: 5rem;    
}     
}  

@media (min-width: 992px) {
    .flex-galerie:not(:last-child) {
        margin-bottom: 6rem;
}
}

/* Galerie ENDE */