.page-node-17 .image-style-hero {
  aspect-ratio: 900 / 350;
  object-fit: cover;
  object-position: bottom;
}

a.grundriss {
  display: inline-block;
  padding: 10px 15px 10px 45px;
  position: relative;
  background: #e30613;
  font-size: 21px;
  color: #fff;
  text-decoration: none;
}
a.grundriss:before {
  content: "";
  mask-image: url(/sites/default/files/icon/download.webp);
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin-top: 3px;
  position: absolute;
  left: 10px;
}


#block-herzundheim-gewerbeflachen{
  z-index:1;
  overflow:hidden;
  border:none;
}

.scrolled .navbar-nav {
  pointer-events: none;
}
.scrolled .navbar-nav a,  #CollapsingNavbar a {
    pointer-events: auto;
  }

#block-herzundheim-header, #CollapsingNavbar{
  pointer-events: none !important;
}


@media (min-width: 991px) {
  .path-frontpage:not(.scrolled) #block-herzundheim-gewerbeflachen {
    position: absolute;
    z-index: 999 !important;
    top: -40px !important;
  }
  
  .path-frontpage.scrolled #block-denzel-immobilien {
    display: none;
  }
  
}

@media (max-width:1600px){#block-herzundheim-gewerbeflachen{top:100px !important; z-index: 1 !important;}}
@media (max-width:1480px){#block-herzundheim-gewerbeflachen{top:85px !important;}}
@media (max-width:1280px){#block-herzundheim-gewerbeflachen{top:75px !important;}}
@media (max-width:1180px){#block-herzundheim-gewerbeflachen{top:65px !important;}}
@media (max-width:1180px){#block-herzundheim-gewerbeflachen{top:55px !important;}}
@media (max-width:990px){#block-herzundheim-gewerbeflachen{top:100px !important; position:fixed !important; z-index:1 !important;top:9%!important}}
@media (max-width:900px){#block-herzundheim-gewerbeflachen{top:70px !important;}}
@media (max-width:768px){#block-herzundheim-gewerbeflachen{top:60px !important;}}
@media (max-width:640px){#block-herzundheim-gewerbeflachen{top:45px !important;}}
@media (max-width:600px){#block-herzundheim-gewerbeflachen{transform:scale(.75) rotate(-12deg) !important;}}
@media (max-width:420px){#block-herzundheim-gewerbeflachen{top:32px !important;}}


#block-herzundheim-gewerbeflachen {
  position: absolute;
  top: -45px;
  right: -60px;
  z-index: 99999;
  width: 250px;
  min-height: 110px;
  display: block !important;
  background: #e30613;
  transform: rotate(-10deg);
}

#block-herzundheim-gewerbeflachen a {
  color: #fff;
  position: absolute;
  top: 53px;
  left: 15px;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  line-height: 120%;
  max-width: 150px;
}

#block-herzundheim-gewerbeflachen a:before {
  content: "";
  width: 40px;
  height: 38px;
  background-image: url(/sites/default/files/click-cursor.png);
  background-size: cover;
  z-index: 10;
  position: absolute;
  bottom: -19px;
  left: -10px;  
  transform: rotate(18deg);
  pointer-events: none;
}

.page-node-3 p {
  text-align: left;
}

.footable th {
  font-size: 17px !important;
  white-space: nowrap;
}

.footable a {
  display: inline-flex !important;
  justify-content: center;
  padding: 0px;
  padding-left: 12px;
}

.fooicon-sort:before {
  content: "\f0dc";
  font-family:"Font Awesome 6 Free";
  font-weight: 900 !important;
}
.fooicon-sort-asc:before {
  content:"\f160";
  font-family:"Font Awesome 6 Free";
  font-weight: 900 !important;
}
.fooicon-sort-desc:before {
  content:"\f161";
  font-family:"Font Awesome 6 Free";
  font-weight: 900 !important;
}

.wohnen a:active {
  color: #e30613;
}

#wohnanlage:target {
  scroll-margin-top:185px;
}

#angebot:target {
  scroll-margin-top: 480px;
}

#view-field-grundriss-table-column {
  max-width: 115px
}

td.views-field-field-mietpreis {
  padding-right: 30px;
  text-align: right;
}

#anfrage:target {
  scroll-margin-top: 515px;
}

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


.view-wohnungen .vermietet a {
  pointer-events: none;
  opacity: 0.35;
}

.footable-detail-row .views-field-field-mietpreis {
  text-align: center;
  padding: 0px;
}

@media (max-width: 640px) {
  
.view-wohnungen {
  margin-bottom: 90px;
}
  
  .geborgenheit .text-formatted {
    margin-top: 36px !important;
  }
  
}

@media (max-width: 480px) {
  .footable th  {
  font-size: 14px !important;
}