/*@media screen and (min-width: 50em) {
  .logo-image {
    max-width: 100%;
  }}
@media screen and (min-width: 40em) {
  .logo-image {
    max-width: 100%;
  }}
@media screen and (min-width: 30em) {
  .logo-image {
    max-width: 100%;
  }}*/
@media screen and (min-width: 20em) {
  .logo-image {
    max-width: 100%;}
  .ph3 {
  padding-left: 0.1rem;
  padding-right: 0.1rem;}


}

figure, video, audio {
	display: table;
	margin: 0em auto 2em auto;
	padding: 0;
}



@media screen and (min-width: 50em) {
.f2 {
  font-size: 2.25rem;
  color:#353535;}}

h1 {
	text-align: center;
	color: #750b0b;
    font-size: 2rem; 
 }

.tc {
	text-align: left;
}

/*bildfenster*/
figcaption {
    display: table-caption;
    caption-side: bottom;
    font-size: 1em;
    margin-top: .8em;
    margin-bottom: .5em;
    line-height: 1.3em;
}

/*Überschrift news-Block, Telefonnummer*/




.landingpageintro{
  text-align:left;
  background:transparent;
}
/*Schriftgröße*/
.fw3 {
  font-weight: 300;
}

@media screen and (min-width: 20em) {
    .f4-ns {
        font-size: 1.5rem;
    }
    h2 {text-align:center;}
   .f5 {font-size: 1.5rem;}
}
/* Abstand Überschrift zum nächsten Block*/
.pv6 {
    padding-top: 1rem; 
    padding-bottom: 1rem;
}

/* Text im landingpagesegment info */
.tc {
    text-align: left;
}
/*gleiche Breite aller Blöcke*/
.pa4 {
	 padding: 0rem;
}
/*Button im newssegment*/
.pa3 {
  padding: 1rem;
  display: none;
}
h1{text-align:center;
color:#750b0b}

.landingpageinfo ol{
  text-align: left;
}
.landingpageintro h1{
  font-size: 2rem;
}
.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{
  border-bottom: 0px solid #6D6D6D;
}
.landingpagenews, .logo a, button.expander {
  color: #D7CDCD;
}

.landingpagenavi li, .navigation li{
  border: 0px;
}
ul.landingpagenavi, ul.navigation{
  background: #d0cfcd;
}
.navigation a, .navigation a:hover, .navigation a:focus, .navigation a:active{
  color: #414248;
}
.landingpageintro::before {
  position: absolute;
  content: '';
  left: 5%;
  top: 5%;
  bottom: 60%;
  right: 5%;
  background: #08484;
  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  animation: sliderShape 10s linear infinite;
  display: block;
  z-index: -1;
  -webkit-animation: sliderShape 10s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

/*Telefon button*/

.call-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}

.call-button:hover {
  background-color: #367c39;
}