/* Content ANFANG */ 

ul, ol {
    padding-left: 21px;
    margin-bottom: 2rem;
	line-height: 2;
}
 
.home h1, .home h2 {
    text-align: center;
}

.home .content h2:first-of-type {
    margin-top: 0rem;
}

h1, h2, h3 {
    font-weight: 400;
    text-transform: none;
    font-family: 'Gruppo', cursive;
    letter-spacing: 0px;
} 

.home article.content > span {
    color: #18344c;
    text-align: center;
    display: block;
    font-size: 3rem;
    margin-bottom: 0rem;
    font-weight: 700;
    margin-top: 0rem; 
    font-family: 'Gruppo', cursive; 
    text-transform: uppercase; 
} 

.home h1 {
    margin-bottom: 0rem;
    font-family: 'Gruppo', cursive; 
    text-transform: none;
	font-size: 4.1rem;
line-height: 4.5rem;
	text-align:center;

}
.home h2 {
font-size:3.5rem;

}

section > div >.content > *:last-child {
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}

@media (min-width: 992px) {
    section {
        padding: 13rem 0;
}

    .home .content p {
        width: 100%;
        line-height: 2;
} 

   .page-id-114 > div > section > div > article > h2 {
        margin-top: 0rem;    
}

    .panel-body {
        padding: 15px 8px 0px 8px;
}  

    aside .sprechzeiten p, aside .sprechzeiten p span {
        color: #323c3d;    
}

    .page-id-114 .content > div.row > div:nth-of-type(2) > h2 {
        margin-top: 0rem;    
} 
}

@media (max-width: 991px) {
    section {
        padding: 6rem 0;
        background: #fff;
}

    .home .content p {
        text-align: left;    
}

    .home h3 {
        margin-top: 0rem;    
}

    .content h1 {
        line-height: 1.4; 
        font-size: 2.3rem;           
} 

    aside {
        display: none;    
}

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 2rem;
    padding-left: 2rem;
}

    .container {
        padding-right: 2rem;
        padding-left: 2rem;
}

    .row {
        margin-right: -2rem;
        margin-left: -2rem;
}
	
	.home section {
    padding: 6rem 0;
}
	
	.home h2 {
    font-size: 2.5rem;
}
}


/* Content ENDE */

/* Siegel Leiste Anfang----------------------------------------------------------------------------------------------------------------------------------------*/

.siegel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.siegel > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.siegel img {
    width: 100%;
    max-width: 180px;
    max-height: 180px;
}

@media (max-width:991px) {
    .siegel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
    
    .siegel img {
        max-width: fit-content;
        width: auto;
        max-height: 220px;
    }

    .siegel > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 4rem;
    }
}

/* Siegel Leiste Ende ----------------------------------------------------------------------------------------------------------------------------------------*/



/* Blauer Hintergrund ANFANG */

div.container:before, div.container:after {
    display: none;
}

.color-background {
    background: #dfdfe1; 
}

.color-background h2 {
    color: #A19C9D;
    margin-top: 0rem;
}

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

.color-background p:last-of-type {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}

.color-background p a {
    margin-bottom: 0rem;
}

.color-background li {
    color: #fff;
    line-height: 2;
}

.color-background .btn-primary {
    color: #fff;
    background: #A19C9D;
    border: 1px solid #A19C9D; 
    margin-top: 3rem;
}

.color-background .btn-primary:hover {
    color: #fff;
    background: #b1b2b8;
    border: 1px solid #b1b2b8; 
}

.color-background a {
    color: #A19C9D;
}

.color-background a:hover {
    color: #B1B2B8;
}

.color-background p {
    text-align: center;
	
}

section.color-background > div.container > div.flex-start > div.sprechzeiten p {
    text-align: left;
    margin-bottom: 1.8rem;
}


@media (min-width: 768px) {
    section.color-background > div.container > div.flex-start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
}

    section.color-background.cta > div.container > div.flex-start:last-of-type {
        align-items: flex-end;    
}

    section.cta > div.container {
        display: flex;
        justify-content: space-around;    
}

    section.cta > div.container > div.flex-start > ul {
        padding-left: 17px;
}

    section.cta > div.container > div.flex-start:nth-of-type(2) > p {
        text-align: right;    
} 
}

@media (max-width: 767px) {
    .flex-start > .sprechzeiten {
        width: 100%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .flex-start > .sprechzeiten {
        width: calc(100%/2);
}

    section.cta > div.container > div.flex-start {
        flex-basis: 45%;
}
}

@media (min-width: 992px) and (max-width: 1399px) {
    .flex-start > .sprechzeiten {
        width: calc(100%/2);
}      
}

@media (min-width: 1400px) {
    .flex-start > .sprechzeiten {
        width: calc(100%/3);
}      
}


@media (min-width: 992px) {
    .color-background p {
        width: 100%;
        margin: 0 auto;    
}

    section.color-background > div.container > div.flex-start > div.sprechzeiten p {
        font-size: 1.8rem;    
}

    section.cta > div.container > div.flex-start:nth-of-type(2) > p {
        width: 100%;    
}

    section.cta > div.container > div.flex-start {
        flex-basis: 33%;
}
}

/* Blauser Hintergrund ENDE */

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

.diffus {
    background-color: #A19C9D;
    background-attachment: fixed;
	padding: 6rem 0;
}

a.leistung-button:before {
    content: "";
    display: inline-block;
    border-bottom: 2px solid #8D8F9B;
    width: 75px;
    margin-right: 20px;
    -webkit-transform: translate(0,-0.2em);
    -ms-transform: translate(0,-0.2em);
    transform: translate(0,-0.2em);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

a.leistung-button:hover:before {
    width: 85px;
}

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

.versetzt-boxen .versetzt-text {
    padding: 5rem;
    background: rgba(223, 223, 225, 0.9);
}       

.versetzt-text h3 {
    margin-top: 0;    
    font-size: 3rem;
    color: #8D8F9B;
    font-weight: 700;
    margin-bottom: 3rem;
    line-height: 1.3;
}

.versetzt-text p {
    margin-bottom: 0rem;
	padding-bottom: 2rem;
    color: #555;
    line-height: 2;
    text-align: left;
}

.versetzt-text p:last-child {
    padding-bottom: 0;
}

.versetzt-text a {
    color: #8D8F9B;
	    font-weight: 400;
}


@media (min-width: 992px) {

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

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

.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: 991px) {

.versetzt-boxen .versetzt-text {
    padding: 4rem 2rem;
}

.versetzte-boxen:not(:last-of-type) {
    padding-bottom: 4rem;
}  

.versetzt-boxen-inner {
    width: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    padding: 0 2rem;
    -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;
} 
} 

@media (max-width: 1199px) and (min-width: 992px) {
    .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: 35% auto auto;
        grid-template-rows: 35% auto auto;    
}
}

@media (min-width: 1200px) {
    .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 2fr 1fr;
        grid-template-columns: 1fr 2fr 1fr;
        -ms-grid-rows: 45% auto auto;
        grid-template-rows: 45% auto auto;
} 
} 



/*  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;
}

.versetzte-boxen:nth-of-type(odd) > .versetzt-boxen-inner > .versetzt-text.come-in {
    animation-delay: 0s; 
    transform: translateX(-200px);
}

.versetzte-boxen:nth-of-type(even) > .versetzt-boxen-inner > .versetzt-text.come-in {
    animation-delay: 0s; 
    transform: translateX(200px);
}

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


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

section.parallax {
    background: url(/wp-content/uploads/2022/03/header_blaetter.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    height: 175vh;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

section.parallax > div {
    padding: 10vh 5vw 10vh 5vw;
    background: rgb(238 238 238 / 90%);
    text-align: center;
    position: relative;
    align-self: flex-end;
    border: 2px solid #fff;
    max-width: 800px;
}

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

.parallax h2 { 
    margin-top: 0rem;
    margin-bottom: 4rem;
    text-align: center;
	font-weight:700;
}

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

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

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



/* Footer ANFANG */
footer img {
    width: 50%;
}
.sprechzeiten p {
    display: table;
    width: 100%;
    text-align: left;
    padding-bottom: 1rem;
    color: #555;
}

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

.social-icon {
    display: block;
}

.social-icon img { 
    width: 100%;
    max-width: 50px;
}

@media (min-width: 992px) {
    footer.footerv1 > div > div > div > div > p {
        text-align: left;
}
}

@media (max-width: 991px) {
    footer h3, footer p {
        text-align: center;    
}
	footer img {
    width: 100%;
}
}

/* Footer ENDE ---------------------------------------------------------------------- */

/* Teaser Boxen */

div.teaser_box	{
  background:#fff; 
  width:100%; 
  display:inline-block; -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 5px #999; 
  padding: 0; 
  position:relative; 
  border-radius:0px; 
  text-align:left; 
  overflow:hidden;}

div.teaser_box p {
  padding: 0;
  margin: 0;
	color:#fff;
}


div.teaser_box img	{
opacity:1; 
transition:opacity 0.3s ease-in; 
width:100%; 
border-radius:0 0 0px 0px; 
position:relative; 
transition:all 0.8s; 
bottom:0; 
display:block;
}

div.teaser-title h4			{
color:#fff; 
margin:0 auto; 
    font-family: 'Open Sans', sans-serif;
padding:5px 0 5px 0; 
position:relative !important; 
display:block;
	font-size:1.6rem;

}

div.teaser-title p			{
color:#fff; 
margin:0 auto; 
padding:0 0 5px 0; 
position:relative !important; 
display:block;
}

div.teaser_box:hover div.teaser_text {
bottom:0;
}

div.teaser_box:hover div.teaser-title {
bottom:100%; 
border-radius:0 0 0 0; 
}

div.teaser-title {
text-align:center; 
margin:0; 
padding:10px 0; 
color:#fff; 
background:rgba(161, 156, 157,0.9); 
font-family: 'Open Sans', Arial; 
font-weight:400; 
font-size:16px; 
border-radius:0 0 0px 0px; 
transition:all 0.8s; 
position:absolute; 
bottom:0; 
right:0; 
width:100%;
}

div.teaser_text {
position:absolute; 
bottom:-100%; 
right:0; 
width:100%; 
transition:all 0.8s; 
background:rgba(161, 156, 157,0.9); 
height:100%; 
padding:10% 10% 0 10%; 
color:#fff; 
text-align:center;
font-size: 1.4rem;
}

div.teaser_text a {
position:absolute; 
bottom:0; 
right:0; 
width:100%; 
transition:all 0.8s; 
background:white; 
padding:10px 0; 
color: #7a8351; 
text-align:center; 
text-decoration:none; 
font-weight:600;
font-size: 1.8rem;
}

div.teaser_text a:hover {
text-decoration:underline;
}



.infobox-head {
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    letter-spacing: -1px;
}

@media (min-width:992px) and (max-width:1300px) {
div.teaser_text {
font-size:12px !important;
}
}

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

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

div.trenner:before {
    content: '';
    width: 25vw;
    height: 1px;
    background: #ddd;
    position: absolute;
    right: 150%;
    top: 29px;
    border-radius: 1px;
}
    
div.trenner:after {
    content: '';
    width: 25vw;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 150%;
    top: 29px;
    border-radius: 1px;
}
    
.trenner img {
    width: 100%;
}

@media (max-width: 991px) {
    div.trenner:before {
        width: 80px;
}
    
    div.trenner:after {
        width: 80px;
}
}

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


div.aufzaehlung a {
    font-family: 'Gruppo', cursive;
	font-size: 2rem;
line-height: 1.5;
}