Zeidler Region: Neustadtl/Donau

Neustadtl/Donau

html {
font-size: 62.5%;
}

/* ===============Root============= */
:root {
/* Headings */
–h1: clamp(3.5rem, 2.8rem + 2.1875vw, 5.6rem);
–h2: clamp(3rem, 2.4rem + 1.875vw, 4.8rem);
–h3: clamp(2.6rem, 2.1333rem + 1.4583vw, 4rem);
–h4: clamp(2.2rem, 1.7333rem + 1.4583vw, 3.6rem);
–h5: clamp(2rem, 1.6rem + 1.25vw, 3.2rem);
–h6: clamp(1.8rem, 1.4667rem + 1.0417vw, 2.8rem);

–h24: clamp(1.8rem, 1.6rem + 0.625vw, 2.4rem);
–h20: clamp(1.7rem, 1.6rem + 0.3125vw, 2rem);
–p18: clamp(1.6rem, 1.5304rem + 0.2174vw, 1.8rem);

/* Texts */
–body: 16px;
–body-small: 14px;
–font-p-12: 12px;
–font-p-10: 10px;
–font-p-8: 8px;

}

/* ===============HEADER CSS============= */
.header {
transition: top 0.3s ease;
width: 100%;
z-index: 1000;
}

.header.sticky {
background-color: #fff !important;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
animation: fadeInDown 0.5s;
}

@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* box-shadow */
.box_shadow {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* PADDING TOP 20 BOTTOM */
.p-20 {
padding-left: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
padding-right: clamp(2rem, 1.6667rem + 1.0417vw, 3rem);
}

.p-tb {
padding-top: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
padding-bottom: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}
/* PADDING TOP */
.p-t {
padding-top: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}
/* PADDING BOTTOM */
.p-b {
padding-bottom: clamp(6rem, 5.3333rem + 2.0833vw, 8rem);
}