.page-node-3 p {
  text-align: left;
}
  .hero .text-formatted {
    position: absolute;
    top: 0px;
    left: 10%;
    width: 25%;
    background: none;
    height: 100%;
    display: flex;
    align-items: center;
    transform: rotate(0);
    z-index: 10;
  }

.hero .text-formatted  p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  background: #cb5d90;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 36px;
  border-top-left-radius: 60px; 
  border-bottom-right-radius: 60px; 
  flex-direction: column;
  font-weight: 300;
  min-height: 220px;
}

.hero .text-formatted strong {
  font-weight: bold;
  font-size: 22px;
  max-width: 240px;
}

.hero .text-formatted br {
  margin-bottom: 15px;
}

#block-flash:before {
  content: "";
  background: #cb5d90;
  color: #fff;
  padding: 8px 15px;
  position: absolute;
  height: 34px;
  top: -34px;
  right: 0px;
  display: none;
  align-items: center;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 0px
}

.grundrisse .col-sm-6 .paragraph--type--image img {
  max-height: 700px;
  width: auto !important;
}
.view-display-id-block_2 .views-field-field-status {
  display: none;
}

 #block-flash {
    position: fixed;
    top: 55%;
    right: -3px
  }

#block-flash img {
  max-width: 160px;
}

@media (max-width: 990px) {
  #block-flash {
    right: 150px;
    top: 97px;
    right: -2px
  }
  
  #block-flash img {
  max-width: 115px;;
}
  
  .hero .text-formatted {
    left: 0px !important;
    min-width: 330px;
  }
  
  .hero .text-formatted p {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 640px) {
  .hero .text-formatted {
    transform: scale(0.75);
    transform-origin: bottom left;
  }
}


@media (max-width: 480px) {
  .hero .text-formatted {
    transform: scale(1);
    transform-origin: bottom left;
    padding: 50px 36px 0px 36px !important;
    position: relative;
    width: 100% !important;
    background: #dce1bc;
  }
  
    .hero .text-formatted  p{
      min-height: 180px;
      padding-left: 18px;
      padding-right: 18px;
  }
}

.vermietet .views-field-nothing a,
.vermietet .views-field-field-grundriss a {
  display: none !important;
}

.wohnung.stoerer {
  position: relative;
}

.wohnung.stoerer .field--name-field-copyright {
  position: absolute;
  bottom: 50px;
  right: 100px;
  z-index: 10;
  border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
  border: 3px solid #fdfdfd;
  background: #556837;
  height: auto;
  width: 180px;
  aspect-ratio: 4 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 125%;
  color: #fff;
  font-size: 17px;
}

.hellblau u {
  z-index: 10;
  border-top-left-radius: 30%;
  border-bottom-right-radius: 30%;
  border: 3px solid #fdfdfd;
  background: #556837;
  height: auto;
  width: 180px;
  aspect-ratio: 4 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 125%;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  margin-bottom:25px;
}




@media (max-width: 640px) {
  .wohnung.stoerer .field--name-field-copyright {
    transform: scale(0.75);
    transform-origin: bottom right;
    right: 36px;
    bottom: 36px;
  }
  
  .hellblau u { 
    transform: scale(0.75);
    transform-origin: left center;
  }
  
}

.site-footer img {
  height: 60px !important;
  width: auto;
  margin: 5px 10px 5px 10px;
}

.site-footer .region-footer-first p {
  font-size: 13px !important;
}

.site-footer .region-footer-first {
  margin-bottom: 18px !important;
  margin-top: -8px 
}

.klaro .cookie-notice:focus {
  outline: 2px solid #556837;
}

.klaro .cm-btn {
  background: #556837 !important;
  border-color: #556837 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  padding: 6px 10px !important;
  border-radius: 1px !important;
}

.klaro .klaro-cookie-notice::focus {
  outline: none !important;
  border: none !important;
}

    .klaro .cm-list-input.required:checked + .cm-list-label .slider {
      background-color: #556837 !important;
    }

.klaro  p, .cn-body {
  font-size: 15px !important;;
}

.paragraph--type--button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 36px 24px 36px;

}

.paragraph--type--button a {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 24px;
  color: #4d4d4d;
  text-decoration: none;
}

.paragraph--type--button a:after {
  content: ">";
  color: #e30613;
  margin-left: 6px;
}

p, li, h1, h2, h3 {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum", "tnum"; /* Fallback für ältere Browser */
}