/*  Allgemein ANFANG  ------------------------------------------------------------------------------------------------------------------------  */

.home .content p {
    text-align: center;  
    width: 70%;  
    margin: 0 auto;
    line-height: 2;
}

.home .content h1 {
    text-align: center;
    margin-bottom: 1rem;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 3.5rem;
}

.home .content h2 {
    text-align: center;
    margin-top: 0;
}

.subline {
    padding-bottom: 2rem;
    font-size: 2.5rem;    
}

.content p:last-child, .content ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-copyright2 p {
    text-align: center;
}

.glyphicon {
    margin-right: 0.5rem;
}

.kk-star-ratings .kksr-muted {
    color: #fff;
}

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

@media (min-width:991px){
#sprechz div:nth-of-type(n+3):nth-of-type(-n+6) p {
    padding-bottom: 0;
}

.sprechzeiten div:nth-of-type(even) p {
    text-align: right;
}
}

/*  Allgemein ENDE  --------------------------------------------------------------------------------------------------------------------------  */

/*  Datepicker ANFANG  ------------------------------------------------------------------------------------------------------------------------  */

.dtp * {
    color: #fff;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #006D8F !important;   
}

.dtp div.dtp-date, .dtp div.dtp-time {
    background: rgb(0 109 143 / 70%) !important;
}

.dtp div.dtp-picker-month, .dtp div.dtp-actual-time {
    color: #51535B;
}

/*  Datepicker ENDE  --------------------------------------------------------------------------------------------------------------------------  */

/*  WILLKOMMEN ANFANG  ------------------------------------------------------------------------------------------------------------------------  */

section.welcome {
    background-color: #006D8F;
    text-align: center;
    padding: 5rem 0;
}

section.welcome > p {
    color: #fff;
    font-size: 4rem;
    font-weight: 700;
    padding-bottom: 0;
}

@media (max-width:991px) {
section.welcome > p {
    font-size: 3rem;    
}
}

/*  WILLKOMMEN ENDE  --------------------------------------------------------------------------------------------------------------------------  */

/*  Sidebar ANFANG  ------------------------------------------------------------------------------------------------------------------------  */

a.accordion-button.v3:after {
    content: "\e260";
    font-family: 'Glyphicons Halflings';
    font-size: 17px;
    float: right;  
    position: relative;  
    top: 0;
    right: 5px;
    -webkit-transition: all cubic-bezier(0.62, 0.03, 0.5, 1.15) .5s;
    -o-transition: all cubic-bezier(0.62, 0.03, 0.5, 1.15) .5s;
    transition: all cubic-bezier(0.62, 0.03, 0.5, 1.15) .5s;
}

a.accordion-button.v3.collapsed:after {
    transform: rotateZ(180deg);    
}

.panel-body {
    padding: 0 1.5rem;
}

aside p {
    padding-bottom: 2rem;
}

/*  Sidebar ENDE  --------------------------------------------------------------------------------------------------------------------------  */

/*  HOME-TEASER ANFANG  ---------------------------------------------------------------------------------------------------------------------  */

section.home-teaser {
    background: linear-gradient(45deg, #006d8f 0%, #00a7dc 60%, #006d8f 100%);
    padding: 7rem 0 15rem 0;
    background-repeat: round;
}

section.home-teaser h2 {
    margin-top: 0;
    margin-bottom: 5rem; 
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.home-teaser-box {
    max-width: 630px;
    padding: 1.5rem;
    background: #fff;
    position: relative;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;            
}

.home-teaser-box img {
    width: 100%;
    max-width: 707px;
}

.home-teaser-box h3 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    text-align: center;
} 

.home-teaser-box h3:after {
    content: "";
    position: relative;
    background: #006d8f;
    height: 2px;
    width: 100px;
    display: block;
    margin: 0 auto; 
    margin-top: 1.5rem;
}

.home-teaser-box p {
    text-align: center;
}       

.home-teaser-box:before {
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    top: 0;
    background: linear-gradient(to right, rgb(0 109 143) 0%, rgb(0 109 143 / 50%) 50%, rgb(0 109 143) 100%);
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.home-teaser-box:hover:before {
    left: 0;
    right: 0;
}

@media (min-width: 992px) {   

.home-teaser.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr (3rem 1fr)[2];
    grid-template-columns: 1fr repeat(2, 3rem 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.home-teaser.grid > *:nth-child(1) {
     -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;
}

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

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

}

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

.home-teaser.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr (3rem 1fr)[3];
    grid-template-columns: 1fr repeat(3, 3rem 1fr);
    -ms-grid-rows: auto (3rem auto)[2];
    grid-template-rows: auto repeat(2, 3rem auto);
}

.home-teaser.grid > *: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;
}

.home-teaser.grid > *: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;
}

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

}

@media (max-width: 767px) {

.home-teaser.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto (1.5rem auto)[5];
    grid-template-rows: auto repeat(5, 1.5rem auto);
    justify-items: center;
}

.home-teaser.grid > * {
     -ms-grid-column: 1;
     -ms-grid-column-span: 1;
     grid-column: 1 / 2;
}     

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

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

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

}

/*  HOME-TEASER Ende ---------------------------------------------------------------------------------------------------------------------  */

/*Trenner Anfang ---------------------------------------------------------------------------------------------------------------  */
div.trenner {
    width: 60px;
    position: relative;
    margin: 0 auto 3rem auto;
}

@media (max-width:991px){
div.trenner {
    margin: 3rem auto;
}
}

div.trenner:before {
    content: '';
    width: 200px;
    height: 2px;
    background: #006D8F;
    position: absolute;
    right: 150%;
    top: 29px;
    border-radius: 1px;
}
    
div.trenner:after {
    content: '';
    width: 200px;
    height: 2px;
    background: #006D8F;
    position: absolute;
    left: 150%;
    top: 29px;
    border-radius: 1px;
}
    
.trenner img {
    transition: all .5s ease-in-out;
    width: 100%;
}

.trenner img:hover {
    transform: rotate(-360deg);
    transition: all .5s ease-in-out;
}

/*Trenner Ende -----------------------------------------------------------------------------------------------------------------  */

/* Parallax Anfang -------------------------------------------------------------------------------------------------------------  */

section.parallax {
    background: url(/wp-content/uploads/2021/04/parallax-2.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    height: 175vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 24vh;
}

section.parallax > div {
    padding: 10vh 5vw 10vh 5vw;
    background: rgb(0 109 143 / 70%);
    text-align: center;
    position: relative;
    align-self: flex-end;
    width: 45%;
}


.parallax p {
    line-height: 2;
    color: #fff;
}

.parallax a {
    color: #fff;
}

.parallax h2 { 
    margin-top: 0rem;
    margin-bottom: 4rem;
    color: #fff;
    text-align: center;
}

.parallax .btn {
    margin-bottom: 0rem;
    margin-top: 1.5rem;
}

@media (max-width: 991px) {
    section.parallax {
        background-position: 38% 50%;        
}
}

@media (max-width: 1199px) {
section.parallax > div {
    width: 95%;
}
}

@supports (-webkit-touch-callout: none) {
    
     .parallax {
        background-image: none !important;
        position:relative;
        background: transparent !important;
    }
    .parallax:before {
        content: "";
        background-image: url(/wp-content/uploads/2021/03/parallax_start.jpg);
        position: fixed;
        height: 100%; 
        width: 100%;
        z-index: -1;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
 
}
 
/* Parallax ENDE ----------------------------------------------------------------------------------*/