@font-face {
font-display: swap; font-family: 'Aleo';
font-style: normal;
font-weight: 300;
src: url(https://www.hdgdl.de/wp-content/themes/hdgdl-child/assets/fonts/aleo-v14-latin-300.woff2) format('woff2'); }  .fs-sm { font-size: (0.5rem, 0.63vi + 0.34rem, 0.84rem); }
.fs-base { font-size: (0.63rem, 0.91vi + 0.4rem, 1.13rem); }
.fs-md { font-size: (0.78rem, 1.31vi + 0.45rem, 1.5rem); }
.fs-lg { font-size: (0.98rem, 1.86vi + 0.51rem, 2rem); } h1, .la-h1 { font-size: clamp(2.67rem, 3.75vi + 1.73rem, 4.73rem); }
h2, .la-h2 { font-size: clamp(2.14rem, 2.57vi + 1.49rem, 3.55rem); }
h3, .la-h3 { font-size: clamp(1.71rem, 1.74vi + 1.27rem, 2.66rem); }
h4, .la-h4 { font-size: clamp(1.37rem, 1.15vi + 1.08rem, 2rem); }
h5, .la-h5 { font-size: clamp(1.09rem, 0.74vi + 0.91rem, 1.5rem); }
h6, .la-h6 { font-size: clamp(0.88rem, 0.45vi + 0.76rem, 1.13rem); } .gb-button {
transition: all 0.25s ease;
}
.gb-button:not(.button-contact):hover {
box-shadow: 0px 0px 0px 2px inset var(--base-3); }
.gb-button.kiel-product-button:hover {
box-shadow: 0px 0px 0px 2px inset var(--accent); }  .main-navigation .main-nav ul li.icon-menu > a {
padding-right: 15px;
padding-left: 15px;
}
.main-navigation .main-nav ul li.icon-menu > a:last-of-type {
margin-right: 15px;
} .menu-button {
background-color: var(--accent);
border-radius: 5px;
}
.menu-button:hover {
background-color: var(--accent-2);
}
#menu-item-1533.menu-button > a {
line-height: 2em;
} body .no-margin p,
body p.no-margin,
body .nomargin p,
body p.nomargin {
margin: 0;
} .hideme {
display: none !important;
}
@media screen and (max-width: 768px) {
.mobile-hideme {
display: none !important;
}
}
@media screen and (min-width: 769px) {
.desktop-hideme {
display: none !important;
}
} .page .masonry > .gb-grid-column {
width: unset;
display: inline-block;
margin-bottom: 40px;
}
.page .masonry {
display: block;
}
@media (min-width: 769px) {
.page .masonry {
column-count: 2;
}
}
@media (max-width: 768px) {
.page .masonry {
column-count: 1;
}
}  @media screen and (max-width: 768px) {
.contact-overlay-mobil {
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
} @media screen and (min-width: 769px) {
.contact-overlay-desktop {
position: fixed;
top: auto;
right: 0px;
bottom: 5%;
left: auto; height: auto;
}
}
@media screen and (min-width: 1401px) {
.contact-overlay-desktop {
right: 10px;
}
} .entry-content > .gbp-section:last-of-type {
margin-bottom: unset;
padding-bottom: 5em;
} .site-footer a {
text-decoration: none;
} .site-footer ul {
list-style: none;
margin: 0 0 1.5em 0;
}
.site-footer ul a {
color: var(--contrast);
}   .wpcf7-form-control.wpcf7-textarea {
max-height: 175px;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
width: 100%;
}
.wpcf7-list-item {
margin-left: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
background-color: #f7f7f7;
border-color: var(--contrast-2);
} .wpcf7-form-control.wpcf7-submit {
border-radius: 5px;
} .dwp-form {
width: 100%;
margin: 0 auto;
}
.dwp-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.dwp-form-row .wpcf7-form-control,
.wpcf7-form label {
width: 100%;
}
.dwp-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
.dwp-form-column:first-of-type {
padding-left: 0;
}
.dwp-form-column:last-of-type {
padding-right: 0;
} @media only screen and ( min-width: 48em ) { 
.dwp-form-row {
flex-direction: row;
}
.dwp-form-column {
padding: 0.5rem 1rem;
}
}