html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Black.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Bold.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-BlackItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-BlackItalic.woff) format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-BoldItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Italic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-LightItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraLight.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ThinItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ThinItalic.woff) format("woff");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-MediumItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-SemiBold.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraBoldItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraBoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-SemiBoldItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-SemiBoldItalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraBold.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Regular.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Light.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Thin.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Thin.woff) format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Medium.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraLightItalic.woff2) format("woff2"), url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/fonts/Poppins/WEB/Poppins-ExtraLightItalic.woff) format("woff");
font-weight: 200;
font-style: italic;
font-display: swap;
} * {
box-sizing: border-box;
} #wpadminbar {
z-index: 9999999 !important;
} html {
font-size: 62.5%;
font-family: 'Poppins' !important;
margin-top: 0 !important;
scroll-behavior: smooth;
} body {
font-family: 'Poppins' !important;
} ul {
list-style: none !important;
} ul li::before {
content: '\2022';
display: inline-block;
display: inline-block;
position: relative;
transform: translateX(-1.3rem);
} p {
margin: 0;
} p a {
display: inline-flex;
align-items: center;
color: black;
transition: 0.2s;
} p a:hover {
color: #44CD54;
} p a::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-mobile--s.svg);
height: 2.4rem;
}
@media screen and (min-width: 920px) { p a::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-desktop--s.svg);
height: 3.2rem;
}
} a {
text-decoration: none;
} a:active, a:focus {
text-decoration: none !important;
} .break-word {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
} .mb-lg {
margin-bottom: 6rem;
}
@media screen and (min-width: 920px) { .mb-lg {
margin-bottom: 12rem;
}
} .mb-md {
margin-bottom: 4rem;
}
@media screen and (min-width: 920px) { .mb-md {
margin-bottom: 8rem;
}
} .mb-none {
margin-bottom: 0;
} .container {
padding: 0 2.4rem;
max-width: 144rem;
}
@media screen and (min-width: 920px) { .container {
padding: 0 7rem;
}
} .external-link {
display: flex;
align-items: center;
gap: 0.4rem;
} .external-link::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-mobile--s.svg);
display: inline-block;
height: 2.4rem;
}
@media screen and (min-width: 920px) { .external-link::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-desktop--s.svg);
height: 3.2rem;
}
} .button {
padding: 1.2rem 2.4rem;
border-radius: 10rem;
display: block;
width: max-content;
font-family: Poppins;
font-weight: 600;
line-height: 160%;
font-size: 1.4rem;
font-family: 'Poppins';
transition: 0.35s;
}
@media screen and (min-width: 920px) { .button {
cursor: pointer;
font-size: 20px;
}
} .button--primary {
background-color: #44CD54;
color: #214D33;
}
@media screen and (min-width: 920px) { .button--primary:hover {
background-color: #2ce542;
color: #214D33;
}
} .button--primary.is-disabled {
pointer-events: none;
background: #DEDEDE;
color: white;
} .button--secondary, .button--secondary-white, .button--secondary-warm-red {
border: 2px solid #44CD54;
background-color: transparent;
color: #44CD54;
}
@media screen and (min-width: 920px) { .button--secondary:hover, .button--secondary-white:hover, .button--secondary-warm-red:hover {
color: white;
background-color: #44CD54;
}
} .button--secondary.is-disabled, .is-disabled.button--secondary-white, .is-disabled.button--secondary-warm-red {
pointer-events: none;
color: #DEDEDE;
border-color: #DEDEDE;
} .button--secondary-white {
color: white;
border-color: white;
}
@media screen and (min-width: 920px) { .button--secondary-white:hover {
border-color: #44CD54;
}
} .button--secondary-warm-red {
color: #C85D3A;
border-color: #C85D3A;
}
@media screen and (min-width: 920px) { .button--secondary-warm-red:hover {
color: white;
background: #C85D3A;
border-color: #C85D3A;
}
} .tertiary-link {
display: flex;
gap: 0.4rem;
align-items: center;
color: #214D33;
transition: 0.35s;
max-width: max-content;
font-size: 2rem;
font-weight: 600;
line-height: 140%;
}
@media screen and (min-width: 920px) { .tertiary-link {
font-size: 3.2rem;
}
} .tertiary-link:hover {
color: #2CE542;
} .tertiary-link::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-mobile--m.svg);
height: 3.2rem;
}
@media screen and (min-width: 920px) { .tertiary-link::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-desktop--m.svg);
height: 6.4rem;
}
}   .footer {
padding: 3.2rem 0;
background: #214D33;
color: white;
font-size: 1.4rem;
line-height: 160%;
}
@media screen and (min-width: 920px) { .footer {
padding: 4rem 0;
display: flex;
justify-content: center;
}
} .footer a {
width: max-content;
color: white;
} .footer__container {
display: flex;
flex-direction: column;
gap: 4.8rem;
width: 100%;
} .footer__row {
display: flex;
gap: 4.8rem;
flex-direction: column;
}
@media screen and (min-width: 920px) { .footer__row {
flex-direction: row;
}
} .footer__main-section-left-col {
order: 2;
}
@media screen and (min-width: 920px) { .footer__main-section-left-col {
order: 1;
}
} .footer__main-section-right-col {
order: 1;
}
@media screen and (min-width: 920px) { .footer__main-section-right-col {
order: 2;
}
}
@media screen and (min-width: 920px) { .footer__column {
flex: 1;
}
}
@media screen and (min-width: 920px) { .footer__column--right {
max-width: 52.9rem;
}
} .footer__link {
color: white;
font-weight: 600;
font-size: 1.4rem;
}
@media screen and (min-width: 920px) { .footer__link {
font-size: 2rem;
}
} .footer__info {
display: flex;
flex-direction: column;
gap: 1.6rem;
} .footer__info-block-title {
margin-bottom: 0.9rem;
} .footer__info-block-body {
font-size: 1.4rem;
font-weight: 400;
line-height: 160%;
} .footer__info-block-body a {
display: inline;
} .footer__info-block-body a::after {
display: none;
}
@media screen and (min-width: 920px) { .footer__info-block-body {
font-size: 2rem;
}
} .footer__badge {
display: flex;
gap: 1.6rem;
align-items: center;
}
@media screen and (min-width: 920px) { .footer__badge {
gap: 2.1rem;
}
} .footer__badge-image {
height: 4rem;
}
@media screen and (min-width: 920px) { .footer__badge-image {
height: 7.4rem;
}
} .footer__badge-info {
font-size: 1.4rem;
line-height: 160%;
}
@media screen and (min-width: 920px) { .footer__badge-info {
font-size: 2rem;
max-width: 18.4rem;
}
} .footer__bottom-line {
display: flex;
flex-direction: column;
gap: 4rem;
}
@media screen and (min-width: 920px) { .footer__bottom-line {
flex-direction: row;
}
} .footer__line-menu {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
@media screen and (min-width: 920px) { .footer__line-menu {
flex-direction: row;
gap: 2.4rem;
margin-right: 2rem;
flex-wrap: wrap;
}
} .footer__line-menu-link {
font-size: 1.4rem;
transition: 0.2s;
}
@media screen and (min-width: 920px) { .footer__line-menu-link {
font-size: 2rem;
}
} .footer__line-menu-link:hover {
color: #44CD54;
} .footer__copyright {
font-size: 1.4rem;
line-height: 145%;
}
@media screen and (min-width: 920px) { .footer__copyright {
font-size: 2rem;
}
} .m_wysiwyg {
display: flex;
justify-content: center;
} .m_wysiwyg__inner {
display: flex;
flex-direction: column;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%;
gap: 35px;
}
@media screen and (min-width: 920px) { .m_wysiwyg__inner {
font-size: 20px;
}
} .m_wysiwyg b {
font-weight: 600;
} .m_wysiwyg ul,
.m_wysiwyg ol {
padding-left: 25px;
margin: 0;
list-style: disc;
} .m_produkt {
display: flex;
justify-content: center;
} .m_produkt__inner {
display: flex;
flex-direction: column;
gap: 4rem;
width: 100%;
}
@media screen and (min-width: 920px) { .m_produkt__inner {
gap: 8rem;
}
} .m_produkt__item {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
@media screen and (min-width: 920px) { .m_produkt__item {
flex-direction: row;
gap: 6.4rem;
}
} .m_produkt__item.has-discount .m_produkt__item-discount-tag {
display: flex;
} .m_produkt__item-discount-tag {
display: none;
background-color: #C85D3A;
border-radius: 100%;
padding: 1.2rem;
width: max-content;
position: absolute;
justify-content: center;
align-items: center;
top: 0.8rem;
left: 0.8rem;
width: 4rem;
height: 4rem;
}
@media screen and (min-width: 920px) { .m_produkt__item-discount-tag {
width: 8rem;
height: 8rem;
top: 1.6rem;
left: 1.6rem;
}
} .m_produkt__item-discount-tag img {
width: 1.6rem;
height: 1.6rem;
}
@media screen and (min-width: 920px) { .m_produkt__item-discount-tag img {
width: 3.2rem;
height: 3.2rem;
}
} .m_produkt__item-image {
width: 100%;
background-size: cover;
background-position: center;
padding-bottom: 58%;
flex: 1;
position: relative;
}
@media screen and (min-width: 920px) { .m_produkt__item-image {
max-width: 52.8rem;
height: max-content;
padding-bottom: 27%;
flex: 0.8rem;
}
} .m_produkt__item-info {
flex: 1;
} .m_produkt__item-info-body {
display: flex;
flex-direction: column;
gap: 1.4rem;
}
@media screen and (min-width: 920px) { .m_produkt__item-info-body {
gap: 4rem;
}
} .m_produkt__item-title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_produkt__item-title {
font-size: 3.2rem;
margin-bottom: 4rem;
}
} .m_produkt__info-col p,
.m_produkt__info-col ul,
.m_produkt__info-col ol {
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_produkt__info-col p,
.m_produkt__info-col ul,
.m_produkt__info-col ol {
margin-bottom: 4rem;
}
} .m_produkt__info-col p:last-child,
.m_produkt__info-col ul:last-child,
.m_produkt__info-col ol:last-child {
margin-bottom: 0;
} .m_produkt__info-col p a,
.m_produkt__info-col ul a,
.m_produkt__info-col ol a {
display: inline-flex;
align-items: center;
color: black;
transition: 0.2s;
} .m_produkt__info-col p a:hover,
.m_produkt__info-col ul a:hover,
.m_produkt__info-col ol a:hover {
color: #44CD54;
} .m_produkt__info-col p a::after,
.m_produkt__info-col ul a::after,
.m_produkt__info-col ol a::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-mobile--s.svg);
height: 2.4rem;
}
@media screen and (min-width: 920px) { .m_produkt__info-col p a::after,
.m_produkt__info-col ul a::after,
.m_produkt__info-col ol a::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/link-icon/link-icon-desktop--s.svg);
height: 3.2rem;
}
} .m_produkt__info-col, .m_produkt ul, .m_produkt ol {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_produkt__info-col, .m_produkt ul, .m_produkt ol {
font-size: 2.4rem;
}
} .m_produkt ul, .m_produkt ol {
padding-left: 2.3rem;
}
@media screen and (min-width: 920px) { .m_produkt ul, .m_produkt ol {
padding-left: 3.2rem;
}
} .m_produkt__info-row {
display: flex;
flex-wrap: wrap;
} .m_produkt__info-row > * {
flex: 1 1 50%;
margin-bottom: 1.4rem;
}
@media screen and (min-width: 920px) { .m_produkt__info-row > * {
margin-bottom: 4rem;
}
} .m_produkt__info-row > *:last-child {
margin-bottom: 0;
} .m_zertifikat {
display: flex;
justify-content: center;
} .m_zertifikat__container {
width: 100%;
} .m_zertifikat__title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
color: #214D33;
margin-bottom: 4rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__title {
font-size: 3.2rem;
margin-bottom: 9.2rem;
}
} .m_zertifikat__body {
display: flex;
flex-direction: column;
gap: 6rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__body {
gap: 9.2rem;
}
} .m_zertifikat__item {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__item {
flex-direction: row;
gap: 4rem;
align-items: center;
padding: 0 12rem 0 10rem;
}
} .m_zertifikat__item-aside {
display: flex;
gap: 2.4rem;
flex-wrap: wrap;
}
@media screen and (min-width: 920px) { .m_zertifikat__item-aside {
flex-direction: column;
gap: 4rem;
}
} .m_zertifikat__item-image {
width: 8rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__item-image {
width: 15em;
}
} .m_zertifikat__item-title {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__item-title {
font-size: 2.4rem;
}
} .m_zertifikat__item-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
margin-bottom: 2.4rem;
}
@media screen and (min-width: 920px) { .m_zertifikat__item-copy {
font-size: 2.4rem;
margin-bottom: 4rem;
}
} .m_kontakt {
display: flex;
justify-content: center;
}
@media screen and (min-width: 920px) { .m_kontakt {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media screen and (max-width: 920px) { .m_kontakt__inner {
padding: 0;
}
}
@media screen and (min-width: 920px) { .m_kontakt__inner {
display: flex;
gap: 6.4rem;
}
}
@media screen and (min-width: 920px) { .m_kontakt__aside {
flex: 0.8;
max-width: 52.8rem;
}
} .m_kontakt__aside-image {
height: 76vw;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 920px) { .m_kontakt__aside-image {
height: 29.1rem;
}
} .m_kontakt__aside-content {
color: white;
background-color: #C85D3A;
} .m_kontakt__aside-content-container {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
@media screen and (min-width: 920px) { .m_kontakt__aside-content-container {
padding: 0;
padding: 4rem 2.4rem;
}
} .m_kontakt__aside-title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 425px) { .m_kontakt__aside-title {
max-width: 29rem;
}
}
@media screen and (min-width: 920px) { .m_kontakt__aside-title {
font-size: 3.2rem;
margin-bottom: 2.4rem;
}
} .m_kontakt__aside-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
} .m_kontakt__aside-copy a {
color: white;
}
@media screen and (min-width: 920px) { .m_kontakt__aside-copy {
font-size: 2rem;
line-height: 160%;
}
} .m_kontakt__aside-link {
margin-top: 2.4rem;
}
@media screen and (min-width: 920px) { .m_kontakt__aside-link {
margin-top: 6rem;
}
} .m_kontakt__aside-link:hover {
background: white;
border-color: white;
color: #c85d3a;
}
@media screen and (min-width: 920px) { .m_kontakt__main-content {
flex: 1;
}
} .m_kontakt__main-content-container {
padding-top: 6rem;
}
@media screen and (min-width: 920px) { .m_kontakt__main-content-container {
padding: 0;
}
} .m_kontakt__title {
font-size: 2.8rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 2.4rem;
color: #214D33;
}
@media screen and (min-width: 920px) { .m_kontakt__title {
font-size: 4.8rem;
margin-bottom: 4rem;
}
} .m_kontakt__copy {
font-size: 1.4rem;
font-weight: 400;
line-height: 160%;
margin-bottom: 6rem;
}
@media screen and (min-width: 920px) { .m_kontakt__copy {
font-size: 2rem;
}
} .m_kontakt__info {
margin-bottom: 4rem;
} .m_kontakt__info:last-child {
margin-bottom: 0;
} .m_kontakt__info-body {
display: flex;
flex-direction: column;
gap: 0.8rem;
} .m_kontakt__info-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@media screen and (min-width: 50rem) { .m_kontakt__info-row {
justify-content: flex-start;
}
} .m_kontakt__info-caption {
font-size: 1.4rem;
font-weight: 400;
line-height: 160%;
}
@media screen and (min-width: 50rem) { .m_kontakt__info-caption {
flex-basis: 50%;
max-width: 22rem;
}
}
@media screen and (min-width: 920px) { .m_kontakt__info-caption {
font-size: 2rem;
max-width: 29rem;
}
} .m_kontakt__info-content, .m_kontakt__info-content a {
font-size: 2rem;
font-weight: 600;
line-height: 140%; color: #214D33;
transition: 0.2s;
}
@media screen and (min-width: 920px) { .m_kontakt__info-content, .m_kontakt__info-content a {
font-size: 3.2rem;
line-height: 160%;
}
} .m_kontakt__info-content a:hover {
color: #44CD54;
} .m_kontakt__info-title {
margin-bottom: 1.6rem;
font-size: 1.4rem;
font-weight: 600;
line-height: 160%;
color: #09533d;
}
@media screen and (min-width: 920px) { .m_kontakt__info-title {
font-size: 2rem;
}
} .m_kontakt__main-content-link {
font-size: 2rem;
margin-top: 6rem;
}
@media screen and (min-width: 920px) { .m_kontakt__main-content-link {
font-size: 3.2rem;
}
} .m_job_position {
display: flex;
justify-content: center;
background-color: #F4FAF2;
padding-top: 4rem;
padding-bottom: 4rem;
}
@media screen and (min-width: 920px) { .m_job_position {
padding-top: 8rem;
padding-bottom: 8rem;
}
} .m_job_position__title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
color: #214D33;
margin-bottom: 3.2rem;
}
@media screen and (min-width: 920px) { .m_job_position__title {
font-size: 3.2rem;
margin-bottom: 6.4rem;
}
} .m_job_position__body {
display: flex;
flex-direction: column;
gap: 3.2rem;
}
@media screen and (min-width: 920px) { .m_job_position__body {
gap: 6.4rem;
}
}
@media screen and (min-width: 920px) { .m_job_position__item {
display: flex;
gap: 2.4rem;
}
} .m_job_position__item-caption {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
color: #214D33;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_job_position__item-caption {
width: 26.7rem;
font-size: 24px;
flex-shrink: 0;
}
} .m_job_position__item-list {
list-style: disc;
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
display: flex;
flex-direction: column;
gap: 0.8rem;
padding-left: 2.3rem;
}
@media screen and (min-width: 920px) { .m_job_position__item-list {
font-size: 2.4rem;
gap: 1.6rem;
}
} .m_job_position__footer {
margin-top: 4rem;
}
@media screen and (min-width: 920px) { .m_job_position__footer {
margin-top: 8rem;
padding-left: 31.3rem;
}
} .m_job_position__footer-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_job_position__footer-copy {
font-size: 2.4rem;
}
} .m_job_position__footer-button {
margin-top: 1.6rem;
}
@media screen and (min-width: 920px) { .m_job_position__footer-button {
margin-top: 4rem;
}
} .m_job_position__header {
gap: 3.2rem;
display: flex;
flex-direction: column;
margin-bottom: 3.2rem;
}
@media screen and (min-width: 920px) { .m_job_position__header {
gap: 6.4rem;
margin-bottom: 6.4rem;
}
}
@media screen and (min-width: 1300px) { .m_job_position__header {
display: flex;
flex-direction: row;
gap: 11.7rem;
}
} .m_job_position__header-element {
display: flex;
flex-direction: column;
gap: 1.6rem;
}
@media screen and (min-width: 920px) { .m_job_position__header-element {
gap: 2.4rem;
}
}
@media screen and (min-width: 920px) { .m_job_position__header-element--first .m_job_position__header-element-caption {
width: 26.7rem;
}
}
@media screen and (min-width: 920px) { .m_job_position__header-element {
flex-direction: row;
align-items: center;
}
} .m_job_position__header-element-caption {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
color: #214D33;
}
@media screen and (min-width: 920px) { .m_job_position__header-element-caption {
font-size: 2.4rem;
flex-shrink: 0;
width: 26.7rem;
}
}
@media screen and (min-width: 1300px) { .m_job_position__header-element-caption {
width: auto;
}
} .m_job_position__header-element-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_job_position__header-element-copy {
font-size: 2.4rem;
}
} .m_overview_fachbereiche__main-content {
display: flex;
justify-content: center;
} .m_overview_fachbereiche__main-content-header {
padding-bottom: 6rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__main-content-header {
padding-bottom: 12rem;
}
} .m_overview_fachbereiche__main-content-title {
font-size: 2.8rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 2.4rem;
color: #214D33;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__main-content-title {
font-size: 4.8rem;
margin-bottom: 4rem;
}
} .m_overview_fachbereiche__main-content-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__main-content-copy {
font-size: 2.4rem;
}
} .m_overview_fachbereiche__main-content-body {
display: grid;
row-gap: 4rem;
max-width: 130rem;
justify-items: center;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__main-content-body {
row-gap: 12rem;
column-gap: 6.6rem;
}
}
@media screen and (min-width: 1260px) { .m_overview_fachbereiche__main-content-body {
grid-template-columns: 1fr 1fr;
}
} .m_overview_fachbereiche__item {
flex-basis: 100%;
display: flex;
gap: 4rem;
align-items: center;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item:hover .m_overview_fachbereiche__item-title::after {
opacity: 1;
}
} .m_overview_fachbereiche__item-aside {
flex-shrink: 0;
} .m_overview_fachbereiche__item-aside img {
width: 5.6rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item-aside img {
width: 7.2rem;
}
} .m_overview_fachbereiche__item-icon {
width: 5.6rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item-icon {
width: 7.2rem;
}
} .m_overview_fachbereiche__item-info {
max-width: 48.5rem;
} .m_overview_fachbereiche__item-title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 1rem;
color: #214D33;
display: flex;
align-items: center;
gap: 2.4rem;
justify-content: space-between;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item-title {
font-size: 3.2rem;
margin-bottom: 3rem;
justify-content: flex-start;
}
} .m_overview_fachbereiche__item-title::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/arrow-right/arrow-right-mobile.svg);
height: 3.2rem;
transition: 0.35s;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item-title::after {
content: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/arrow-right/arrow-right-desktop.svg);
height: 6.4rem;
opacity: 0;
}
} .m_overview_fachbereiche__item-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
color: black;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__item-copy {
font-size: 2.4rem;
}
} .m_overview_fachbereiche__banner {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
background: #F5F3EC;
color: #C85D3A;
display: flex;
justify-content: center;
margin-top: 4rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner {
padding-top: 6rem;
padding-bottom: 6rem;
margin-top: 12rem;
}
} .m_overview_fachbereiche__banner-inner {
display: flex;
gap: 2.4rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner-inner {
gap: 4rem;
}
} .m_overview_fachbereiche__banner-icon {
width: 5.6rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner-icon {
width: 7.2rem;
}
} .m_overview_fachbereiche__banner-info {
display: flex;
flex-direction: column;
gap: 0.8rem;
margin-bottom: 2.4rem;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner-info {
flex-direction: row;
gap: 2.2rem;
margin-bottom: 3.2rem;
}
} .m_overview_fachbereiche__banner-title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner-title {
font-size: 3.2rem;
}
} .m_overview_fachbereiche__banner-copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_overview_fachbereiche__banner-copy {
font-size: 2.4rem;
}
} .m_image_text {
display: flex;
justify-content: center;
} .m_image_text__inner {
display: flex;
flex-direction: column;
gap: 4rem;
}
@media screen and (min-width: 920px) { .m_image_text__inner {
padding-right: 0;
flex-direction: row;
}
} .m_image_text__text {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_image_text__text {
font-size: 2.4rem;
padding-right: 0;
flex: 1.2;
}
} .m_image_text__image {
height: 64vw;
background-size: cover;
}
@media screen and (min-width: 920px) { .m_image_text__image {
width: 60.1rem;
height: 52.5rem;
flex: 1;
float: right;
background-position: center;
}
} .m_faq {
padding: 3.2rem 0 6.2rem;
background: #F4FAF2;
display: flex;
justify-content: center;
}
@media screen and (min-width: 920px) { .m_faq {
padding: 4rem 0 12rem;
}
} .m_faq__inner {
width: 100%;
} .m_faq__title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 2.4rem;
font-family: "Poppins";
color: #214D33;
}
@media screen and (min-width: 920px) { .m_faq__title {
font-size: 3.2rem;
margin-bottom: 4rem;
}
} .m_faq__list {
display: flex;
flex-direction: column;
gap: 2.4rem;
overflow: hidden;
}
@media screen and (min-width: 920px) { .m_faq__list {
gap: 4.8em;
}
} .m_faq__list-item {
margin: 0 !important;
border: none !important;
background-color: transparent !important;
} .m_faq__list-item.is-active .m_faq__list-item-icon::after {
transform: rotate(0deg);
} .m_faq__list-item-header {
display: flex !important;
align-items: center !important;
gap: 1.6rem;
padding: 5px !important;
cursor: default !important;
}
@media screen and (min-width: 920px) { .m_faq__list-item-header {
gap: 2.4rem;
cursor: pointer !important;
}
} .m_faq__list-item-header::after {
display: none;
} .m_faq__list-item-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 0.4rem;
height: 3.2rem;
width: 3.2rem;
flex: 0 0 auto;
position: relative;
}
@media screen and (min-width: 920px) { .m_faq__list-item-icon {
height: 4.8rem;
width: 4.8rem;
padding: 0.8rem;
}
} .m_faq__list-item-icon::before, .m_faq__list-item-icon::after {
content: '';
width: 100%;
height: 0.1rem;
background-color: #44CD54;
border-radius: 5px;
}
@media screen and (min-width: 920px) { .m_faq__list-item-icon::before, .m_faq__list-item-icon::after {
height: 0.2rem;
}
} .m_faq__list-item-icon::after {
content: '';
position: absolute;
width: calc(100% - 0.8rem);
transform: rotate(-90deg);
transition: 0.5s;
}
@media screen and (min-width: 920px) { .m_faq__list-item-icon::after {
width: calc(100% - 1.6rem);
}
} .m_faq__list-item-title {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
font-weight: 600;
font-family: "Poppins";
}
@media screen and (min-width: 920px) { .m_faq__list-item-title {
font-size: 2.4rem;
}
} .m_faq__list-item-body {
padding-left: 4.8rem;
}
@media screen and (min-width: 920px) { .m_faq__list-item-body {
padding-left: 8.4rem;
}
} .m_faq__list-item-body-text {
font-size: 1.4rem;
font-weight: 400;
line-height: 160%;
padding-top: 0.8rem;
font-family: "Poppins";
}
@media screen and (min-width: 920px) { .m_faq__list-item-body-text {
font-size: 2rem;
max-width: 78.8rem;
}
} .m_faq__more-button {
margin-top: 2.4rem;
}
@media screen and (min-width: 920px) { .m_faq__more-button {
margin-top: 6rem;
}
} .m_stage_subpage {
display: flex;
justify-content: center;
padding: 0;
}
@media screen and (min-width: 920px) { .m_stage_subpage {
padding-top: 4rem;
}
} .m_stage_subpage__inner {
width: 100%;
text-align: center;
color: #214D33;
display: flex;
flex-direction: column;
align-items: center;
} .m_stage_subpage__subtitle {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_stage_subpage__subtitle {
font-size: 2.4rem;
}
} .m_stage_subpage__title {
font-size: 3.4rem;
font-weight: 600;
line-height: 120%;
letter-spacing: 0.0408rem;
}
@media screen and (min-width: 920px) { .m_stage_subpage__title {
font-size: 6rem;
letter-spacing: 0.072rem;
}
} .m_stage_subpage__copy {
margin-top: 2.4rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_stage_subpage__copy {
margin-top: 4rem;
font-size: 2rem;
line-height: 160%;
max-width: 100rem;
}
} .m_stage {
position: relative;
}
@media screen and (min-width: 920px) { .m_stage {
padding-bottom: 6rem;
margin-top: -11rem;
}
} .m_stage__info {
color: #214D33;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
}
@media screen and (max-width: 980px) { .m_stage__info {
min-width: unset;
width: 100%;
}
} .m_stage__info-background {
display: none;
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #F5F3EC;
width: 59%;
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
padding-bottom: 4rem;
padding-top: calc(8rem + 11rem);
}
@media screen and (min-width: 920px) { .m_stage__info-background {
min-width: 96.5rem;
display: block;
height: calc(100% + 4rem);
}
} .m_stage__info-container {
width: 100%;
}
@media screen and (min-width: 920px) { .m_stage__info-container {
margin-top: 17.4rem;
}
} .m_stage__info-inner {
position: relative;
max-width: 73.8rem;
width: 100%;
z-index: 2;
} .m_stage__icon {
height: 5.6rem;
margin-bottom: 0.8rem;
}
@media screen and (min-width: 920px) { .m_stage__icon {
height: 9.6rem;
margin-bottom: 1.4rem;
}
} .m_stage__subtitle {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
margin-bottom: 0.8rem;
}
@media screen and (min-width: 920px) { .m_stage__subtitle {
font-size: 2.4rem;
}
} .m_stage__title {
font-size: 3.4rem;
font-weight: 600;
line-height: 120%; letter-spacing: 0.0408rem;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_stage__title {
font-size: 6rem;
letter-spacing: 0.072rem;
margin-bottom: 4rem;
}
} .m_stage__copy {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_stage__copy {
font-size: 2.4rem;
}
} .m_stage__action-btn {
margin-top: 3.2rem;
}
@media screen and (min-width: 920px) { .m_stage__action-btn {
margin-top: 6rem;
}
} .m_stage__image {
width: 100%;
margin-top: -2.3rem;
position: relative;
z-index: 1;
clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%);
padding-bottom: 60%;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 920px) { .m_stage__image {
position: absolute;
right: 0;
top: calc(1.6rem + 9.4rem);
width: 68%;
padding-bottom: 0;
margin-top: 0;
height: 86%;
}
}
@media screen and (max-width: 1410px) { .m_stage__image {
width: 76%;
}
}
@media screen and (max-width: 1300px) { .m_stage__image {
max-width: 100rem;
width: 100%;
}
}
@media screen and (min-width: 920px) { .m_stage--extendet {
padding-bottom: 12rem;
}
} .m_stage--extendet .m_stage__background {
background: #F5F3EC;
width: 95%;
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
height: 85%;
position: absolute;
}
@media screen and (min-width: 920px) { .m_stage--extendet .m_stage__background {
display: none;
}
}
@media screen and (min-width: 920px) { .m_stage--extendet .m_stage__info-background {
width: 72%;
height: calc(100% + 6rem);
padding-bottom: 6rem;
}
}
@media screen and (min-width: 920px) { .m_stage--extendet .m_stage__info-container {
margin-top: 15.4rem;
}
} .m_stage--extendet .m_stage__info-inner {
padding-top: 2.4rem;
padding-right: 10rem;
max-width: calc(73.8rem + 5rem);
}
@media screen and (min-width: 920px) { .m_stage--extendet .m_stage__info-inner {
padding-top: 0;
padding-right: 7rem;
}
} .m_stage--extendet .m_stage__image {
z-index: 2;
margin-top: -11.4rem;
margin-top: 3.2rem;
padding-bottom: 39%;
}
@media screen and (min-width: 920px) { .m_stage--extendet .m_stage__image {
margin-top: 0;
z-index: 1;
width: 60%;
padding-bottom: 0;
height: 83%;
}
} .m_navigation {
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999999;
transition: transform 0.35s;
}
@media screen and (min-width: 920px) { .m_navigation {
background-color: transparent;
padding-top: 4rem;
display: flex;
justify-content: center;
padding-bottom: 1.4rem;
transition: transform 0.28s, background-color 0.41s 0.1s;
}
}
@media screen and (max-width: 920px) { .m_navigation__main-bar {
padding: 0;
max-width: unset;
}
} .m_navigation__main-bar-inner {
width: 100%;
padding-top: 4rem;
padding-bottom: 4rem;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 2;
background-color: white;
}
@media screen and (min-width: 920px) { .m_navigation__main-bar-inner {
padding: 0;
width: max-content;
max-width: unset;
background-color: transparent;
}
}
@media screen and (max-width: 920px) { .m_navigation__main-bar.is-open .m_navigation__list {
transform: translateY(0);
opacity: 1;
}
} .m_navigation__main-bar.is-open .m_navigation__switch-button-bar:nth-child(1) {
transform: rotate(45deg);
} .m_navigation__main-bar.is-open .m_navigation__switch-button-bar:nth-child(2) {
transform: translateX(-2rem);
opacity: 0;
} .m_navigation__main-bar.is-open .m_navigation__switch-button-bar:nth-child(3) {
transform: rotate(-45deg);
}
@media screen and (min-width: 920px) { .m_navigation__main-bar {
display: flex;
justify-content: space-between;
gap: 3rem;
width: 100%;
}
} .m_navigation__logo {
height: 4rem;
}
@media screen and (min-width: 920px) { .m_navigation__logo {
height: 5.4rem;
}
} .m_navigation__switch-button {
width: 2.4rem;
height: 2.4rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
gap: 0.8rem;
flex-direction: column;
}
@media screen and (min-width: 920px) { .m_navigation__switch-button {
display: none;
}
} .m_navigation__switch-button-bar {
height: 0.1rem;
width: 100%;
background: #214D33;
transition: 0.3s;
} .m_navigation__switch-button-bar:nth-child(1) {
transform-origin: top left;
} .m_navigation__switch-button-bar:nth-child(3) {
transform-origin: top left;
} .m_navigation__list {
position: absolute;
z-index: 1;
background: white;
width: 100%;
}
@media screen and (max-width: 920px) { .m_navigation__list {
transform: translateY(-100%);
opacity: 0;
transition: 0.3s;
height: calc(100vh - 12.2rem);
}
} .m_navigation__list-inner {
color: black;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 920px) { .m_navigation__list-inner {
flex-direction: row;
padding: 0;
max-width: unset;
height: 100%;
}
}
@media screen and (min-width: 920px) { .m_navigation__list {
display: flex;
position: relative;
width: max-content;
align-items: center;
background-color: transparent;
}
} .m_navigation__list-item {
padding: 1.6rem 0;
border-bottom: 1px solid rgba(33, 77, 51, 0.2);
cursor: default;
color: black;
transition: 0.3s;
} .m_navigation__list-item:last-child {
border-bottom: none;
} .m_navigation__list-item.has-sub {
position: relative;
} .m_navigation__list-item.has-sub .m_navigation__list-item-text {
display: flex;
justify-content: space-between;
align-items: center;
} .m_navigation__list-item.has-sub .m_navigation__list-item-text::after {
content: '';
height: calc(3.2rem - 0.58rem);
width: 3.2rem;
background-image: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/arrow-down/arrow-down-default.svg);
background-position: center;
transition: 0.4s;
}
@media screen and (min-width: 920px) { .m_navigation__list-item.has-sub .m_navigation__list-item-text::after {
display: none;
}
} .m_navigation__list-item.has-sub.is-open .m_navigation__list-item-text::after {
transform: rotate(180deg);
}
@media screen and (max-width: 920px) { .m_navigation__list-item.has-sub.is-open .m_navigation__sub-list {
display: flex;
}
}
@media screen and (min-width: 920px) { .m_navigation__list-item.has-sub:hover > .m_navigation__sub-list {
display: flex;
}
}
@media screen and (min-width: 920px) { .m_navigation__list-item:hover, .m_navigation__list-item:active {
color: #44CD54;
}
}
@media screen and (min-width: 920px) { .m_navigation__list-item {
padding: 0;
border-bottom: none;
cursor: pointer;
color: #214D33;
display: flex;
align-items: center;
gap: 0.4rem;
padding-right: 3.2rem;
}
}
@media screen and (min-width: 920px) { .m_navigation__list-item:last-child {
padding-right: 0;
}
} .m_navigation__list-item-text {
font-size: 1.6rem;
font-weight: 500;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_navigation__list-item-text {
font-weight: 500;
line-height: 160%;
font-size: 2rem;
}
} .m_navigation__list-item-icon {
height: 2.4rem;
} .m_navigation__sub-list {
display: none;
flex-direction: column;
padding-top: 2.4rem;
}
@media screen and (min-width: 920px) { .m_navigation__sub-list {
display: none;
position: absolute;
top: calc(100% - 0.5rem);
left: 0;
background: white;
padding: 1.6rem 2.4rem;
border: 0.1rem solid #f6f8f7;
width: max-content;
}
} .m_navigation__sub-list-item {
padding: 0.8rem 0rem;
padding-left: 1.6rem;
display: flex;
align-items: center;
gap: 0.8rem;
color: black;
cursor: default;
transition: 0.3s;
}
@media screen and (min-width: 920px) { .m_navigation__sub-list-item:active {
color: #44CD54;
}
}
@media screen and (min-width: 920px) { .m_navigation__sub-list-item {
gap: 1.6rem;
padding: 0.8rem 0;
cursor: pointer;
}
}
@media screen and (min-width: 920px) { .m_navigation__sub-list-item:hover {
color: #44CD54;
}
} .m_navigation__sub-list-item img {
width: 3.2rem;
} .m_navigation__sub-list-item-icon {
height: 3.2rem;
} .m_navigation__sub-list-item-text {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
}
@media screen and (min-width: 920px) { .m_navigation__sub-list-item-text {
font-size: 2rem;
font-weight: 400;
line-height: 160%;
}
}
@media screen and (min-width: 920px) { .m_navigation .mobile-only {
display: none;
}
} .m_navigation .desktop-only {
display: none;
}
@media screen and (min-width: 920px) { .m_navigation .desktop-only {
display: flex;
}
} .m_navigation.show {
transform: translateY(0);
} .m_navigation.hide {
transform: translateY(-100%);
}
@media screen and (max-width: 920px) { .m_navigation.hide .m_navigation__list {
transform: translateY(-100%);
}
} .m_navigation.is-painted {
background-color: white;
} .m_navigation a.is-active,
.m_navigation .has-sub.is-active > .m_navigation__list-item-text {
color: #44CD54;
} .m_logo_banner__swiper {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
} .m_logo_banner__swiper .swiper-wrapper {
transition-timing-function: linear;
} .m_logo_banner__swiper .swiper-slide {
height: 4.8rem;
display: flex;
justify-content: center;
align-items: center;
width: fit-content !important;
}
@media screen and (min-width: 920px) { .m_logo_banner__swiper .swiper-slide {
height: 7rem;
}
} .m_logo_banner__swiper .swiper-slide img {
height: 100% !important;
pointer-events: none;
user-select: none;
}
@media screen and (min-width: 920px) { .m_logo_banner__swiper .swiper-slide img {
height: 100% !important;
}
} .m_team {
display: flex;
align-items: center;
flex-direction: column;
padding: 3.2rem 0;
background: #F4FAF2;
} .m_team .swiper {
width: calc(100vw);
}
@media screen and (min-width: 920px) { .m_team {
padding: 8rem 0;
}
} .m_team__inner, .m_team__body-mobile-nav {
width: 100%;
}
@media screen and (max-width: 920px) { .m_team__inner, .m_team__body-mobile-nav {
padding: 0 4.1rem;
}
} .m_team__title {
font-size: 2.8rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 2.4rem;
color: #214D33;
}
@media screen and (min-width: 920px) { .m_team__title {
font-size: 4.8rem;
margin-bottom: 4rem;
}
} .m_team__body {
display: none;
}
@media screen and (min-width: 920px) { .m_team__body {
display: block;
}
}
@media screen and (min-width: 920px) { .m_team__body-mobile {
display: none;
}
} .m_team__body-inner {
display: flex;
flex-wrap: wrap;
row-gap: 4rem;
column-gap: 2.4rem;
} .m_team__body-item {
flex: 0 100%;
}
@media screen and (min-width: 920px) { .m_team__body-item {
flex-basis: 31%;
}
}
@media screen and (min-width: 1190px) { .m_team__body-item {
flex-basis: 23%;
}
} .m_team__item-image {
width: 100%;
padding-bottom: 100%;
margin-bottom: 1.6rem;
background-size: cover;
background-position: center;
} .m_team__item-title {
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: 145%;
margin-bottom: 0;
}
@media screen and (min-width: 920px) { .m_team__item-title {
font-size: 2rem;
line-height: 160%;
}
} .m_team__item-subtitle {
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 920px) { .m_team__item-subtitle {
font-size: 2rem;
}
} .m_team__body-mobile-item {
padding: 0 4.1rem;
} .m_team__body-mobile-nav {
display: flex;
gap: 1.6rem;
} .m_team__body-mobile-nav-arrow {
flex: 0 auto;
width: 3.2rem;
height: 3.2rem;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
transition: 0.3s;
opacity: 1;
} .m_team__body-mobile-nav-arrow.right {
background-image: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/slider-arrows/arrow-right.svg);
} .m_team__body-mobile-nav-arrow.left {
background-image: url(https://hansspies.de/wp-content/themes/hansspies-2023/assets/images/general/slider-arrows/arrow-left.svg);
} .m_team__body-mobile-nav-arrow.hide {
opacity: 0.5;
pointer-events: none;
} .m_teaser {
background-color: #214D33;
} .m_teaser.swiper {
width: 100vw;
height: auto;
} .m_teaser .swiper-slide {
opacity: 0 !important;
} .m_teaser .swiper-slide-active {
opacity: 1 !important;
} .m_teaser__slide {
display: flex;
justify-content: center;
background: #214D33;
} .m_teaser__main-content {
padding-top: 3.2rem;
padding-bottom: 4rem;
}
@media screen and (min-width: 920px) { .m_teaser__main-content {
padding: 0;
}
}
@media screen and (min-width: 920px) { .m_teaser__info {
display: flex;
}
} .m_teaser__inner {
position: relative;
width: 100%;
}
@media screen and (min-width: 920px) { .m_teaser__inner {
display: flex;
justify-content: space-between;
padding-top: 6rem;
padding-bottom: 6rem;
}
} .m_teaser__subtitle {
font-size: 1.6rem;
font-weight: 600;
line-height: 145%;
margin-bottom: 0.8rem;
color: #44CD54;
}
@media screen and (min-width: 920px) { .m_teaser__subtitle {
font-size: 24px;
}
} .m_teaser__title {
font-size: 2rem;
font-weight: 600;
line-height: 140%; text-transform: uppercase;
margin-bottom: 2.4rem;
}
@media screen and (min-width: 920px) { .m_teaser__title {
font-size: 32px;
max-width: 28.7rem;
width: 100%;
}
} .m_teaser__main-text {
font-size: 1.6rem;
font-weight: 400;
line-height: 145%;
word-break: break-word;
width: 100%;
}
@media screen and (min-width: 920px) { .m_teaser__main-text {
font-size: 24px;
max-width: 52.8rem;
}
} .m_teaser__button {
margin-top: 2.4rem;
}
@media screen and (min-width: 920px) { .m_teaser__button {
margin-top: 3.2rem;
}
} .m_teaser__aside {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 920px) { .m_teaser__aside {
margin-top: -6rem;
margin-bottom: -6rem;
margin-right: -7rem;
}
} .m_teaser__image {
width: 100vw;
padding-bottom: 60%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin: 0 -2.4rem;
position: relative;
z-index: 1;
}
@media screen and (min-width: 920px) { .m_teaser__image {
padding-bottom: 0;
height: 100%;
margin: 0;
width: 36vw;
max-width: 37.7rem;
}
} .m_teaser__right-col {
color: white;
width: 100%;
} .m_teaser__right-col .m_teaser__button {
display: none;
}
@media screen and (min-width: 920px) { .m_teaser__right-col .m_teaser__button {
display: block;
}
}
@media screen and (min-width: 920px) { .m_teaser__right-col {
max-width: 30.7rem;
}
} .m_teaser__middle-col {
color: white;
} .m_teaser__middle-col .m_teaser__button {
display: block;
}
@media screen and (min-width: 920px) { .m_teaser__middle-col .m_teaser__button {
display: none;
}
}
@media screen and (min-width: 920px) { .m_teaser__middle-col {
padding-right: 0;
margin-right: 2.4rem;
padding-left: 2.4rem;
}
} .m_teaser__slide-wrapper {
z-index: 1;
} .m_teaser__pagination {
display: none;
} .m_teaser__navigation-arrows {
display: none;
} .m_teaser .swiper-pagination-bullet {
background-color: transparent !important;
border: 1px solid #44CD54;
opacity: 1;
} .m_teaser .swiper-pagination-bullet-active {
background-color: #44CD54 !important;
} .m_teaser--slider {
padding-bottom: 6.6rem;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 920px) { .m_teaser--slider {
padding-bottom: 0;
}
} .m_teaser--slider .m_teaser__pagination {
display: block;
bottom: 3.2rem !important;
}
@media screen and (min-width: 920px) { .m_teaser--slider .m_teaser__pagination {
display: none;
}
} .m_teaser--slider .m_teaser__navigation-arrows {
position: absolute;
z-index: 2;
width: 100%;
max-width: 144rem;
justify-content: flex-end;
display: none;
}
@media screen and (min-width: 920px) { .m_teaser--slider .m_teaser__navigation-arrows-inner {
display: flex;
gap: 2.4rem;
margin-right: 7rem;
top: calc(50% - 6.4rem / 2);
position: absolute;
}
}
@media screen and (min-width: 920px) { .m_teaser--slider .m_teaser__navigation-arrows {
display: flex;
}
} .m_teaser--slider .m_teaser__navigation-arrow {
cursor: pointer;
padding: 1px;
}
@media screen and (min-width: 920px) { .m_teaser--no-image .m_teaser__middle-col {
padding-left: 0;
padding-right: 0;
margin-right: 192px;
}
} .m_teaser--no-image .m_teaser__main-text {
max-width: 74.8rem;
} .m_teaser--no-image .m_teaser__aside {
display: none;
} .m_teaser--no-image .m_teaser__navigation-arrow path,
.m_teaser--no-image .m_teaser__navigation-arrow circle {
stroke: #44CD54;
}
@media screen and (max-width: 920px) { .m_teaser--certificates {
padding-bottom: 3.2rem;
}
}
@media screen and (min-width: 920px) { .m_teaser--certificates .m_teaser__aside {
margin-right: 0;
padding-bottom: 0;
}
} .m_teaser--certificates .m_teaser__image {
width: 57vw;
}
@media screen and (min-width: 920px) { .m_teaser--certificates .m_teaser__image {
width: 30rem;
background-size: 100%;
}
}
@media screen and (min-width: 920px) { .m_teaser--certificates .m_teaser__main-text {
max-width: 63.3rem;
}
} .m_teaser--orange-state {
background-color: #C85D3A;
} .m_teaser--orange-state .m_teaser__slide {
background-color: #C85D3A;
} .m_teaser--orange-state .m_teaser__button {
border-color: white;
color: white;
}
@media screen and (min-width: 920px) { .m_teaser--orange-state .m_teaser__button:hover {
border-color: white;
color: #C85D3A;
background-color: white;
}
} .m_teaser--earthy-badge-state {
background-color: #F5F3EC;
} .m_teaser--earthy-badge-state .m_teaser__slide {
background-color: #F5F3EC;
} .m_teaser--earthy-badge-state .m_teaser__title, .m_teaser--earthy-badge-state .m_teaser__main-text {
color: black;
}