/* Source common/css/styles/screen/abstrakt.scss */
.abstrakt {
width: 6.25rem;
z-index: -1;
}
@media (min-width: 20rem) {
.abstrakt {
width: calc(6.25rem + 37.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.abstrakt {
width: 43.75rem;
}
}
.abstrakt svg {
height: auto;
width: 100%;
opacity: 0.7;
}
@media (min-width: 61.875rem) {
.abstrakt svg {
opacity: 1;
}
}
.abstrakt svg rect {
animation: pulse 5s linear infinite;
transform-box: fill-box;
transform-origin: center center;
}
.abstrakt svg rect:nth-child(1) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(2) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(3) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(4) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(5) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(6) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(7) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(8) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(9) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(10) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(11) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(12) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(13) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(14) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(15) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(16) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(17) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(18) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(19) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(20) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(21) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(22) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(23) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(24) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(25) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(26) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(27) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(28) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(29) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(30) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(31) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(32) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(33) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(34) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(35) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(36) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(37) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(38) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(39) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(40) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(41) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(42) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(43) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(44) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(45) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(46) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(47) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(48) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(49) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(50) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(51) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(52) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(53) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(54) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(55) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(56) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(57) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(58) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(59) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(60) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(61) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(62) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(63) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(64) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(65) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(66) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(67) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(68) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(69) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(70) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(71) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(72) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(73) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(74) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(75) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(76) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(77) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(78) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(79) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(80) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(81) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(82) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(83) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(84) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(85) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(86) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(87) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(88) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(89) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(90) {
animation-delay: 2s;
}
.abstrakt svg rect:nth-child(91) {
animation-delay: 0.1s;
}
.abstrakt svg rect:nth-child(92) {
animation-delay: 0.3s;
}
.abstrakt svg rect:nth-child(93) {
animation-delay: 0.5s;
}
.abstrakt svg rect:nth-child(94) {
animation-delay: 0.7s;
}
.abstrakt svg rect:nth-child(95) {
animation-delay: 0.9s;
}
.abstrakt svg rect:nth-child(96) {
animation-delay: 1.1s;
}
.abstrakt svg rect:nth-child(97) {
animation-delay: 1.3s;
}
.abstrakt svg rect:nth-child(98) {
animation-delay: 1.5s;
}
.abstrakt svg rect:nth-child(99) {
animation-delay: 1.7s;
}
.abstrakt svg rect:nth-child(100) {
animation-delay: 2s;
}
.intro .abstrakt {
right: -3.125rem;
bottom: 0;
position: absolute;
top: 0;
}
@media (min-width: 20rem) {
.intro .abstrakt {
right: calc(-3.125rem + -9.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.intro .abstrakt {
right: -12.5rem;
}
}
.intro .abstrakt svg {
transform: translateY(-37%) scaleY(-1);
}
.footer_content .abstrakt:first-child {
left: -5.625rem;
right: calc(100vh + 5.625rem);
bottom: 0;
position: absolute;
top: 0;
}
@media (min-width: 20rem) {
.footer_content .abstrakt:first-child {
left: calc(-5.625rem + -22.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.footer_content .abstrakt:first-child {
left: -28.125rem;
}
}
.footer_content .abstrakt:first-child svg {
opacity: 0.4;
transform: translateY(-38%) scale(-1);
}
@media (min-width: 61.875rem) {
.footer_content .abstrakt:first-child svg {
opacity: 0.4;
}
}
@media (min-width: 109.375rem) {
.footer_content .abstrakt:first-child svg {
opacity: 1;
}
}
.footer_content .abstrakt:last-child {
width: 3.125rem;
right: -3.125rem;
bottom: 0;
opacity: 0.4;
position: absolute;
top: 0;
}
@media (min-width: 20rem) {
.footer_content .abstrakt:last-child {
width: calc(3.125rem + 18.75 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.footer_content .abstrakt:last-child {
width: 21.875rem;
}
}
@media (min-width: 20rem) {
.footer_content .abstrakt:last-child {
right: calc(-3.125rem + -3.4375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.footer_content .abstrakt:last-child {
right: -6.5625rem;
}
}
.footer_content .abstrakt:last-child svg {
transform: translateY(-30%);
}
.contact_section .abstrakt {
right: -3.125rem;
bottom: 0;
position: absolute;
top: 0;
}
@media (min-width: 20rem) {
.contact_section .abstrakt {
right: calc(-3.125rem + -9.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_section .abstrakt {
right: -12.5rem;
}
}
.contact_section .abstrakt svg {
transform: translateY(-33%) scaleY(-1);
}
.philosophy_section .abstrakt {
right: -0.625rem;
bottom: 0;
position: absolute;
top: 0;
}
@media (min-width: 20rem) {
.philosophy_section .abstrakt {
right: calc(-0.625rem + -21.25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.philosophy_section .abstrakt {
right: -21.875rem;
}
}
.philosophy_section .abstrakt svg {
transform: translateY(-28%) rotate(-34deg) scaleY(-1);
}
.philosophy_section .abstrakt svg rect {
animation: pulse_rotated 5s linear infinite;
}
/* Source common/css/styles/screen/accessibility.scss */
.visible_for_screen_reader {
border: 0;
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
height: 0.0625rem;
left: -624.9375rem;
overflow: hidden;
padding: 0;
position: absolute;
top: -624.9375rem;
width: 0.0625rem;
}
abbr {
text-decoration: none;
}
address {
font-style: normal;
}
/* Source common/css/styles/screen/address.scss */
address {
display: flex;
flex-wrap: wrap;
column-gap: 1.995em;
row-gap: 0.665em;
}
address p {
margin: 0;
}
address .postal_address > span {
display: block;
}
footer address {
max-width: 25rem;
justify-content: space-between;
}
@media (min-width: 20rem) {
footer address {
max-width: calc(25rem + 12.1875 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
footer address {
max-width: 37.1875rem;
}
}
.legal_notice_page main address {
margin-bottom: 1.33em;
}
.address .company_name .addition {
display: block;
}
.contact {
display: flex;
}
.contact p {
margin-bottom: 0;
}
.contact > span {
min-width: 1.5625rem;
}
/* Source common/css/styles/screen/aside.scss */
aside {
margin: 2.66em 0 0 0;
}
@media (min-width: 61.875rem) {
aside {
margin: 0 0 0 auto;
max-width: 21.0625rem;
}
}
/* Source common/css/styles/screen/atikon_address.scss */
.atikon_logo {
height: 100%;
margin-bottom: 1.33em;
margin-top: 0.665em;
}
/* Source common/css/styles/screen/author.scss */
.author_rotate {
transform-origin: bottom right;
transform: rotate(-90deg);
}
.author {
display: block;
fill: #878787;
height: 0.8125rem;
line-height: 0.8125rem;
width: 4.625rem;
}
/* Source common/css/styles/screen/background_image.scss */
.background_image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 6.25rem;
position: relative;
width: 100%;
z-index: 1;
}
/* Source common/css/styles/screen/breadcrumbs.scss */
.breadcrumbs {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.665em;
}
.breadcrumbs p {
margin: 0 0.3325em 0 0;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
}
.breadcrumbs .separator {
margin: 0 0.3325em;
}
/* Source common/css/styles/screen/button.scss */
.button {
background: transparent;
border-radius: 0;
border: 0.125rem solid #78BE20;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.button > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button > span {
min-height: 2.5rem;
}
}
.button .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.button .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.button .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button .text {
font-size: 1rem;
}
}
.button .icon + .text {
padding-left: 0.665em;
}
.button:focus {
box-shadow: 0 0 0 0 rgba(120, 190, 32, 0.2);
outline: 0;
background: #AED879;
border-color: #AED879;
color: #212121;
}
.button:focus .icon {
fill: #212121;
}
.button:hover {
background: #AED879;
border-color: #AED879;
color: #212121;
}
.button:hover .icon {
fill: #212121;
}
.button:active, .button.active {
box-shadow: 0 0 0 #78BE20 inset;
background: #78BE20;
border-radius: 0;
border: 0.125rem solid #78BE20;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.button:active > span, .button.active > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.button:active > span, .button.active > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button:active > span, .button.active > span {
min-height: 2.5rem;
}
}
.button:active .icon, .button.active .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.button:active .text, .button.active .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.button:active .text, .button.active .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button:active .text, .button.active .text {
font-size: 1rem;
}
}
.button:active .icon + .text, .button.active .icon + .text {
padding-left: 0.665em;
}
.button.button_light {
background: #fff;
border-radius: 0;
border: 0.125rem solid #fff;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.button.button_light > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.button.button_light > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button.button_light > span {
min-height: 2.5rem;
}
}
.button.button_light .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.button.button_light .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.button.button_light .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button.button_light .text {
font-size: 1rem;
}
}
.button.button_light .icon + .text {
padding-left: 0.665em;
}
.button.button_light:focus {
background: #78BE20;
border-color: #78BE20;
color: #212121;
}
.button.button_light:focus .icon {
fill: #212121;
}
.button.button_light:hover {
background: #78BE20;
border-color: #78BE20;
color: #212121;
}
.button.button_light:hover .icon {
fill: #212121;
}
.button.button_light:active, .button.button_light.active {
background: #609819;
border-radius: 0;
border: 0.125rem solid #609819;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.button.button_light:active > span, .button.button_light.active > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.button.button_light:active > span, .button.button_light.active > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button.button_light:active > span, .button.button_light.active > span {
min-height: 2.5rem;
}
}
.button.button_light:active .icon, .button.button_light.active .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.button.button_light:active .text, .button.button_light.active .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.button.button_light:active .text, .button.button_light.active .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.button.button_light:active .text, .button.button_light.active .text {
font-size: 1rem;
}
}
.button.button_light:active .icon + .text, .button.button_light.active .icon + .text {
padding-left: 0.665em;
}
.button.top_spacing {
margin-top: 1.463em;
}
.button_overview {
column-gap: 1.6625em;
display: flex;
flex-wrap: wrap;
row-gap: 0.798em;
}
.button_overview.top_spacing {
margin-top: 1.463em;
}
/* Source common/css/styles/screen/bypass_links.scss */
.bypass_links {
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 6000;
}
.bypass_links li {
display: block;
width: 20rem;
}
.bypass_links a {
background: #fff;
color: #78BE20;
display: inline-block;
font-size: 85%;
height: 0.0625rem;
left: -624.9375rem;
overflow: hidden;
padding: 0.3325em;
position: absolute;
text-decoration: underline;
top: -624.9375rem;
width: 0.0625rem;
}
.bypass_links a:focus {
color: #78BE20;
height: auto;
left: 0.3325em;
top: 0.3325em;
width: auto;
}
/* Source common/css/styles/screen/company_logo.scss */
header .company_logo {
width: 17.9375rem;
display: block;
max-width: 27.375rem;
}
@media (min-width: 20rem) {
header .company_logo {
width: calc(17.9375rem + 9.4375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
header .company_logo {
width: 27.375rem;
}
}
.scrolled_down header .company_logo {
max-width: 15.625rem;
}
footer .company_logo {
width: 17.9375rem;
display: block;
max-width: 100%;
}
@media (min-width: 20rem) {
footer .company_logo {
width: calc(17.9375rem + 9.4375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
footer .company_logo {
width: 27.375rem;
}
}
/* Source common/css/styles/screen/cookie_banner.scss */
.cookie_banner {
display: grid;
position: fixed;
max-height: 100vh;
overflow-y: auto;
background: #ddefc7;
row-gap: 0.665em;
padding: 0.665em;
bottom: 0;
left: 0;
right: 0;
z-index: 9000;
text-align: center;
grid-template-areas: "cb_text_policy" "cb_link_privacy" "cb_button_confirm";
}
@media (min-width: 47.5rem) {
.cookie_banner {
align-items: center;
column-gap: 0.266em;
grid-template-columns: 1fr;
grid-template-areas: "cb_text_policy cb_button_confirm" "cb_link_privacy cb_button_confirm";
}
.cookie_banner .cb_text_policy {
text-align: left;
}
.cookie_banner .cb_link_privacy {
justify-self: flex-start;
}
}
.cookie_banner .cb_title_with_svg {
display: none;
grid-area: cb_title_with_svg;
}
.cookie_banner .cb_text_policy {
grid-area: cb_text_policy;
}
.cookie_banner .cb_link_privacy {
grid-area: cb_link_privacy;
}
.cookie_banner .cb_button_confirm {
grid-area: cb_button_confirm;
}
.cookie_banner p {
font-size: 85%;
margin: 0;
width: 100%;
}
.cookie_banner .close {
flex: 0 0 auto;
}
/* Source common/css/styles/screen/disclaimer.scss */
.disclaimer {
background: #F5F5F5;
border-radius: 0;
color: #63656A;
font-size: 85%;
margin: 1.33em 0;
padding: 0.88578em 1.33em;
}
.disclaimer a {
display: inline;
}
/* Source common/css/styles/screen/dropdown_menu.scss */
.dropdown_menu {
display: none;
}
@media (min-width: 75rem) {
.dropdown_menu {
align-items: stretch;
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
}
.dropdown_menu > ul {
display: flex;
position: relative;
}
.dropdown_menu > ul > li {
position: relative;
}
.dropdown_menu > ul > li:hover > a:before, .dropdown_menu > ul > li.hover > a:before {
bottom: 0;
opacity: 1;
top: -2.66em;
}
.dropdown_menu > ul > li:hover > ul, .dropdown_menu > ul > li.hover > ul {
margin: 0;
opacity: 1;
transition: opacity 300ms ease 300ms, margin 300ms ease 300ms;
visibility: visible;
}
.dropdown_menu > ul > li {
align-items: stretch;
display: flex;
position: relative;
}
.dropdown_menu > ul > li > a {
letter-spacing: calc((0.75rem + 0.5625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.75rem;
padding-left: 0.133em;
padding-right: 0.133em;
align-items: center;
color: #212121;
display: flex;
font-family: "Questrial", sans-serif;
hyphens: none;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
@media (min-width: 20rem) {
.dropdown_menu > ul > li > a {
font-size: calc(0.75rem + 0.5625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.dropdown_menu > ul > li > a {
font-size: 1.3125rem;
}
}
@media (min-width: 20rem) {
.dropdown_menu > ul > li > a {
padding-left: calc(0.133em + 1.197 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.dropdown_menu > ul > li > a {
padding-left: 1.33em;
}
}
@media (min-width: 20rem) {
.dropdown_menu > ul > li > a {
padding-right: calc(0.133em + 1.197 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.dropdown_menu > ul > li > a {
padding-right: 1.33em;
}
}
.dropdown_menu > ul > li > a .wappen {
display: flex;
height: 100%;
margin-left: 0.3325em;
width: 1.5625rem;
}
.dropdown_menu > ul > li > a:before {
background-color: #AED879;
bottom: 50%;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 50%;
transition: all 300ms ease;
z-index: -1;
}
.dropdown_menu > ul > li > a.active:before {
background-color: #ddefc7;
bottom: 0;
opacity: 1;
top: -2.66em;
}
.dropdown_menu > ul > li ul {
background: #fff;
box-shadow: 0.375rem 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.05);
margin: 0.665em 0 0 0.665em;
opacity: 0;
padding: 1.596em;
position: absolute;
top: 100%;
visibility: hidden;
z-index: 1000;
}
.dropdown_menu > ul > li ul:target {
visibility: visible;
}
.dropdown_menu > ul > li ul a {
align-items: center;
color: #212121;
column-gap: 0.5rem;
display: flex;
font-size: 112%;
hyphens: none;
padding: 0.2216666667em 0;
position: relative;
text-decoration: none;
white-space: nowrap;
width: 100%;
}
.dropdown_menu > ul > li ul a:before {
height: 0.625rem;
width: 0.625rem;
background: #78BE20;
content: "";
position: relative;
transform: scale(0);
}
@media (min-width: 20rem) {
.dropdown_menu > ul > li ul a:before {
height: calc(0.625rem + 0.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.dropdown_menu > ul > li ul a:before {
height: 1rem;
}
}
@media (min-width: 20rem) {
.dropdown_menu > ul > li ul a:before {
width: calc(0.625rem + 0.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.dropdown_menu > ul > li ul a:before {
width: 1rem;
}
}
.dropdown_menu > ul > li ul a .text {
display: block;
position: relative;
}
.dropdown_menu > ul > li ul a .text:before {
color: transparent;
content: attr(data-title);
display: block;
font-weight: 400;
height: 0;
overflow: hidden;
visibility: hidden;
}
.dropdown_menu > ul > li ul a:focus, .dropdown_menu > ul > li ul a.active, .dropdown_menu > ul > li ul a:hover {
font-weight: 500;
}
.dropdown_menu > ul > li ul a:focus:before, .dropdown_menu > ul > li ul a.active:before, .dropdown_menu > ul > li ul a:hover:before {
transform: scale(1);
transition: transform 300ms ease;
}
.dropdown_menu > ul > li ul a:focus {
outline-offset: -0.125rem;
}
/* Source common/css/styles/screen/footer.scss */
.footer_content {
padding-bottom: 5rem;
padding-top: 5rem;
background-color: #F5F5F5;
overflow: hidden;
position: relative;
z-index: 1;
}
@media (min-width: 20rem) {
.footer_content {
padding-bottom: calc(5rem + 3.125 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.footer_content {
padding-bottom: 8.125rem;
}
}
@media (min-width: 20rem) {
.footer_content {
padding-top: calc(5rem + 3.125 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.footer_content {
padding-top: 8.125rem;
}
}
footer .top_footer {
padding-bottom: 2.66em;
padding-top: 2.66em;
}
@media (min-width: 20rem) {
footer .top_footer {
padding-bottom: calc(2.66em + 0.931 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
footer .top_footer {
padding-bottom: 3.591em;
}
}
@media (min-width: 20rem) {
footer .top_footer {
padding-top: calc(2.66em + 0.931 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
footer .top_footer {
padding-top: 3.591em;
}
}
footer .top_footer > .row {
row-gap: 1.33em;
}
footer .top_footer .address .postal_address span {
padding: 0.125rem 0;
}
footer .top_footer .address .contact {
align-items: center;
}
footer .top_footer .address a {
display: inline-block;
padding: 0.125rem 0;
}
footer .bottom_footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 1.33em;
}
footer .bottom_footer .related_links ul {
display: flex;
}
footer .bottom_footer .related_links .divider {
margin: 0 0.4em;
}
footer .bottom_footer .related_links a.active {
font-weight: 500;
text-decoration: none;
}
/* Source common/css/styles/screen/form.scss */
.file {
display: flex;
flex-basis: 65%;
margin: 0 0 0.88578em;
position: relative;
height: 2.75rem;
}
@media (min-width: 20rem) {
.file {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file {
height: 2.75rem;
}
}
.file.error .file_name {
border-color: #78BE20;
}
.file .file_name {
background: #fff;
border: 0.125rem solid #AED879;
border-radius: 0 0 0 0;
box-shadow: 0 0 0 #AED879 inset;
color: #63656A;
flex: 0 1 100%;
overflow: hidden;
padding: 0 0.665em;
text-overflow: ellipsis;
white-space: nowrap;
width: 8.125rem;
line-height: 2.5rem;
height: 2.75rem;
}
@media (min-width: 20rem) {
.file .file_name {
line-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file .file_name {
line-height: 2.5rem;
}
}
@media (min-width: 20rem) {
.file .file_name {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file .file_name {
height: 2.75rem;
}
}
.file .file_button {
border-radius: 0 0 0 0;
flex: 1 0 auto;
padding: 0 1.33em;
z-index: 10;
background: transparent;
border-radius: 0;
border: 0.125rem solid #78BE20;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.file .file_button > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.file .file_button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file .file_button > span {
min-height: 2.5rem;
}
}
.file .file_button .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.file .file_button .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.file .file_button .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file .file_button .text {
font-size: 1rem;
}
}
.file .file_button .icon + .text {
padding-left: 0.665em;
}
.file .file_button > span {
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.file .file_button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file .file_button > span {
min-height: 2.5rem;
}
}
.file .file_button.focus {
box-shadow: 0 0 0 0 rgba(120, 190, 32, 0.2);
background: #AED879;
border-color: #AED879;
color: #212121;
}
.file .file_button.focus .icon {
fill: #212121;
}
.file [type=file] {
bottom: 0;
color: transparent;
cursor: pointer;
display: block;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
height: 2.75rem;
}
@media (min-width: 20rem) {
.file [type=file] {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file [type=file] {
height: 2.75rem;
}
}
.file [type=file]:hover ~ .file_button {
background: #AED879;
border-color: #AED879;
color: #212121;
}
.file [type=file]:hover ~ .file_button .icon {
fill: #212121;
}
.file [type=file]:active ~ .file_button {
box-shadow: 0 0 0 #78BE20 inset;
background: #78BE20;
border-radius: 0;
border: 0.125rem solid #78BE20;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
}
.file [type=file]:active ~ .file_button > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
.file [type=file]:active ~ .file_button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file [type=file]:active ~ .file_button > span {
min-height: 2.5rem;
}
}
.file [type=file]:active ~ .file_button .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
.file [type=file]:active ~ .file_button .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
.file [type=file]:active ~ .file_button .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.file [type=file]:active ~ .file_button .text {
font-size: 1rem;
}
}
.file [type=file]:active ~ .file_button .icon + .text {
padding-left: 0.665em;
}
@media (min-width: 35rem) {
.formular .button_wrapper {
text-align: right;
}
}
button {
cursor: pointer;
margin: 0.665em 0;
outline: 0;
overflow: hidden;
padding: 0 1.33em;
width: 100%;
height: 2.75rem;
}
@media (min-width: 20rem) {
button {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
button {
height: 2.75rem;
}
}
@media (min-width: 35rem) {
button {
width: auto;
}
}
button::-moz-focus-inner {
border: 0;
}
/* Source common/css/styles/screen/grid.scss */
.container {
margin: 0 auto;
max-width: 83.75rem;
min-width: 20rem;
padding: 0 0.9375rem;
}
@media (min-width: 20rem) {
.container {
padding: 0 calc(0.9375rem + 2.1875 * (100vw - 20rem + 40rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.container {
padding: 0 3.125rem;
}
}
.container_large {
margin: 0 auto;
max-width: 100rem;
min-width: 20rem;
padding: 0 0.9375rem;
}
@media (min-width: 20rem) {
.container_large {
padding: 0 calc(0.9375rem + 2.1875 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.container_large {
padding: 0 3.125rem;
}
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -0.46875rem;
margin-right: -0.46875rem;
}
@media (min-width: 20rem) {
.row {
margin: 0 calc((-0.9375rem / 2) - (2.1875 / 2) * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.row {
margin: 0 -1.5625rem;
}
}
.row.no_column_margin {
margin-left: 0;
margin-right: 0;
}
.row.no_column_margin > [class*=span] {
padding-left: 0;
padding-right: 0;
}
.row.half_column_margin {
margin-left: -0.234375rem;
margin-right: -0.234375rem;
}
@media (min-width: 20rem) {
.row.half_column_margin {
margin: 0 calc((-0.9375rem / 4) - (2.1875 / 4) * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.row.half_column_margin {
margin: 0 -0.78125rem;
}
}
.row.half_column_margin > [class*=span] {
padding-left: 0.234375rem;
padding-right: 0.234375rem;
}
@media (min-width: 20rem) {
.row.half_column_margin > [class*=span] {
padding: 0 calc((0.9375rem / 4) + (2.1875 / 4) * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.row.half_column_margin > [class*=span] {
padding: 0 0.78125rem;
}
}
@media (min-width: 20rem) {
.row.around_xsmall {
justify-content: space-around;
}
.row.between_xsmall {
justify-content: space-between;
}
.row.start_xsmall {
justify-content: flex-start;
}
.row.center_xsmall {
justify-content: center;
}
.row.end_xsmall {
justify-content: flex-end;
}
.row.top_xsmall {
align-items: flex-start;
}
.row.middle_xsmall {
align-items: center;
}
.row.stretch_xsmall {
align-items: stretch;
}
.row.bottom_xsmall {
align-items: flex-end;
}
.row.baseline_xsmall {
align-items: baseline;
}
.row.reverse_xsmall {
flex-direction: row-reverse;
}
}
@media (min-width: 30rem) {
.row.around_small {
justify-content: space-around;
}
.row.between_small {
justify-content: space-between;
}
.row.start_small {
justify-content: flex-start;
}
.row.center_small {
justify-content: center;
}
.row.end_small {
justify-content: flex-end;
}
.row.top_small {
align-items: flex-start;
}
.row.middle_small {
align-items: center;
}
.row.stretch_small {
align-items: stretch;
}
.row.bottom_small {
align-items: flex-end;
}
.row.baseline_small {
align-items: baseline;
}
.row.reverse_small {
flex-direction: row-reverse;
}
}
@media (min-width: 35rem) {
.row.around_medium {
justify-content: space-around;
}
.row.between_medium {
justify-content: space-between;
}
.row.start_medium {
justify-content: flex-start;
}
.row.center_medium {
justify-content: center;
}
.row.end_medium {
justify-content: flex-end;
}
.row.top_medium {
align-items: flex-start;
}
.row.middle_medium {
align-items: center;
}
.row.stretch_medium {
align-items: stretch;
}
.row.bottom_medium {
align-items: flex-end;
}
.row.baseline_medium {
align-items: baseline;
}
.row.reverse_medium {
flex-direction: row-reverse;
}
}
@media (min-width: 47.5rem) {
.row.around_large {
justify-content: space-around;
}
.row.between_large {
justify-content: space-between;
}
.row.start_large {
justify-content: flex-start;
}
.row.center_large {
justify-content: center;
}
.row.end_large {
justify-content: flex-end;
}
.row.top_large {
align-items: flex-start;
}
.row.middle_large {
align-items: center;
}
.row.stretch_large {
align-items: stretch;
}
.row.bottom_large {
align-items: flex-end;
}
.row.baseline_large {
align-items: baseline;
}
.row.reverse_large {
flex-direction: row-reverse;
}
}
@media (min-width: 61.875rem) {
.row.around_xlarge {
justify-content: space-around;
}
.row.between_xlarge {
justify-content: space-between;
}
.row.start_xlarge {
justify-content: flex-start;
}
.row.center_xlarge {
justify-content: center;
}
.row.end_xlarge {
justify-content: flex-end;
}
.row.top_xlarge {
align-items: flex-start;
}
.row.middle_xlarge {
align-items: center;
}
.row.stretch_xlarge {
align-items: stretch;
}
.row.bottom_xlarge {
align-items: flex-end;
}
.row.baseline_xlarge {
align-items: baseline;
}
.row.reverse_xlarge {
flex-direction: row-reverse;
}
}
@media (min-width: 75rem) {
.row.around_xxlarge {
justify-content: space-around;
}
.row.between_xxlarge {
justify-content: space-between;
}
.row.start_xxlarge {
justify-content: flex-start;
}
.row.center_xxlarge {
justify-content: center;
}
.row.end_xxlarge {
justify-content: flex-end;
}
.row.top_xxlarge {
align-items: flex-start;
}
.row.middle_xxlarge {
align-items: center;
}
.row.stretch_xxlarge {
align-items: stretch;
}
.row.bottom_xxlarge {
align-items: flex-end;
}
.row.baseline_xxlarge {
align-items: baseline;
}
.row.reverse_xxlarge {
flex-direction: row-reverse;
}
}
@media (min-width: 93.75rem) {
.row.around_xxxlarge {
justify-content: space-around;
}
.row.between_xxxlarge {
justify-content: space-between;
}
.row.start_xxxlarge {
justify-content: flex-start;
}
.row.center_xxxlarge {
justify-content: center;
}
.row.end_xxxlarge {
justify-content: flex-end;
}
.row.top_xxxlarge {
align-items: flex-start;
}
.row.middle_xxxlarge {
align-items: center;
}
.row.stretch_xxxlarge {
align-items: stretch;
}
.row.bottom_xxxlarge {
align-items: flex-end;
}
.row.baseline_xxxlarge {
align-items: baseline;
}
.row.reverse_xxxlarge {
flex-direction: row-reverse;
}
}
[class*=span] {
flex-basis: 100%;
max-width: 100%;
padding-left: 0.46875rem;
padding-right: 0.46875rem;
}
@media (min-width: 20rem) {
[class*=span] {
padding: 0 calc((0.9375rem / 2) + (2.1875 / 2) * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
[class*=span] {
padding: 0 1.5625rem;
}
}
[class*=span].span_column {
display: flex;
flex-direction: column;
}
@media (min-width: 20rem) {
.span1_xsmall {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_xsmall {
order: 1;
}
}
@media (min-width: 20rem) {
.span2_xsmall {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_xsmall {
order: 2;
}
}
@media (min-width: 20rem) {
.span3_xsmall {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_xsmall {
order: 3;
}
}
@media (min-width: 20rem) {
.span4_xsmall {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_xsmall {
order: 4;
}
}
@media (min-width: 20rem) {
.span5_xsmall {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_xsmall {
order: 5;
}
}
@media (min-width: 20rem) {
.span6_xsmall {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_xsmall {
order: 6;
}
}
@media (min-width: 20rem) {
.span7_xsmall {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_xsmall {
order: 7;
}
}
@media (min-width: 20rem) {
.span8_xsmall {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_xsmall {
order: 8;
}
}
@media (min-width: 20rem) {
.span9_xsmall {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_xsmall {
order: 9;
}
}
@media (min-width: 20rem) {
.span10_xsmall {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_xsmall {
order: 10;
}
}
@media (min-width: 20rem) {
.span11_xsmall {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_xsmall {
order: 11;
}
}
@media (min-width: 20rem) {
.span12_xsmall {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_xsmall {
order: 12;
}
}
@media (min-width: 30rem) {
.span1_small {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_small {
order: 1;
}
}
@media (min-width: 30rem) {
.span2_small {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_small {
order: 2;
}
}
@media (min-width: 30rem) {
.span3_small {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_small {
order: 3;
}
}
@media (min-width: 30rem) {
.span4_small {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_small {
order: 4;
}
}
@media (min-width: 30rem) {
.span5_small {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_small {
order: 5;
}
}
@media (min-width: 30rem) {
.span6_small {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_small {
order: 6;
}
}
@media (min-width: 30rem) {
.span7_small {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_small {
order: 7;
}
}
@media (min-width: 30rem) {
.span8_small {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_small {
order: 8;
}
}
@media (min-width: 30rem) {
.span9_small {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_small {
order: 9;
}
}
@media (min-width: 30rem) {
.span10_small {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_small {
order: 10;
}
}
@media (min-width: 30rem) {
.span11_small {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_small {
order: 11;
}
}
@media (min-width: 30rem) {
.span12_small {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_small {
order: 12;
}
}
@media (min-width: 35rem) {
.span1_medium {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_medium {
order: 1;
}
}
@media (min-width: 35rem) {
.span2_medium {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_medium {
order: 2;
}
}
@media (min-width: 35rem) {
.span3_medium {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_medium {
order: 3;
}
}
@media (min-width: 35rem) {
.span4_medium {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_medium {
order: 4;
}
}
@media (min-width: 35rem) {
.span5_medium {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_medium {
order: 5;
}
}
@media (min-width: 35rem) {
.span6_medium {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_medium {
order: 6;
}
}
@media (min-width: 35rem) {
.span7_medium {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_medium {
order: 7;
}
}
@media (min-width: 35rem) {
.span8_medium {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_medium {
order: 8;
}
}
@media (min-width: 35rem) {
.span9_medium {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_medium {
order: 9;
}
}
@media (min-width: 35rem) {
.span10_medium {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_medium {
order: 10;
}
}
@media (min-width: 35rem) {
.span11_medium {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_medium {
order: 11;
}
}
@media (min-width: 35rem) {
.span12_medium {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_medium {
order: 12;
}
}
@media (min-width: 47.5rem) {
.span1_large {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_large {
order: 1;
}
}
@media (min-width: 47.5rem) {
.span2_large {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_large {
order: 2;
}
}
@media (min-width: 47.5rem) {
.span3_large {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_large {
order: 3;
}
}
@media (min-width: 47.5rem) {
.span4_large {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_large {
order: 4;
}
}
@media (min-width: 47.5rem) {
.span5_large {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_large {
order: 5;
}
}
@media (min-width: 47.5rem) {
.span6_large {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_large {
order: 6;
}
}
@media (min-width: 47.5rem) {
.span7_large {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_large {
order: 7;
}
}
@media (min-width: 47.5rem) {
.span8_large {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_large {
order: 8;
}
}
@media (min-width: 47.5rem) {
.span9_large {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_large {
order: 9;
}
}
@media (min-width: 47.5rem) {
.span10_large {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_large {
order: 10;
}
}
@media (min-width: 47.5rem) {
.span11_large {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_large {
order: 11;
}
}
@media (min-width: 47.5rem) {
.span12_large {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_large {
order: 12;
}
}
@media (min-width: 61.875rem) {
.span1_xlarge {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_xlarge {
order: 1;
}
}
@media (min-width: 61.875rem) {
.span2_xlarge {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_xlarge {
order: 2;
}
}
@media (min-width: 61.875rem) {
.span3_xlarge {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_xlarge {
order: 3;
}
}
@media (min-width: 61.875rem) {
.span4_xlarge {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_xlarge {
order: 4;
}
}
@media (min-width: 61.875rem) {
.span5_xlarge {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_xlarge {
order: 5;
}
}
@media (min-width: 61.875rem) {
.span6_xlarge {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_xlarge {
order: 6;
}
}
@media (min-width: 61.875rem) {
.span7_xlarge {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_xlarge {
order: 7;
}
}
@media (min-width: 61.875rem) {
.span8_xlarge {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_xlarge {
order: 8;
}
}
@media (min-width: 61.875rem) {
.span9_xlarge {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_xlarge {
order: 9;
}
}
@media (min-width: 61.875rem) {
.span10_xlarge {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_xlarge {
order: 10;
}
}
@media (min-width: 61.875rem) {
.span11_xlarge {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_xlarge {
order: 11;
}
}
@media (min-width: 61.875rem) {
.span12_xlarge {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_xlarge {
order: 12;
}
}
@media (min-width: 75rem) {
.span1_xxlarge {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_xxlarge {
order: 1;
}
}
@media (min-width: 75rem) {
.span2_xxlarge {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_xxlarge {
order: 2;
}
}
@media (min-width: 75rem) {
.span3_xxlarge {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_xxlarge {
order: 3;
}
}
@media (min-width: 75rem) {
.span4_xxlarge {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_xxlarge {
order: 4;
}
}
@media (min-width: 75rem) {
.span5_xxlarge {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_xxlarge {
order: 5;
}
}
@media (min-width: 75rem) {
.span6_xxlarge {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_xxlarge {
order: 6;
}
}
@media (min-width: 75rem) {
.span7_xxlarge {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_xxlarge {
order: 7;
}
}
@media (min-width: 75rem) {
.span8_xxlarge {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_xxlarge {
order: 8;
}
}
@media (min-width: 75rem) {
.span9_xxlarge {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_xxlarge {
order: 9;
}
}
@media (min-width: 75rem) {
.span10_xxlarge {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_xxlarge {
order: 10;
}
}
@media (min-width: 75rem) {
.span11_xxlarge {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_xxlarge {
order: 11;
}
}
@media (min-width: 75rem) {
.span12_xxlarge {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_xxlarge {
order: 12;
}
}
@media (min-width: 93.75rem) {
.span1_xxxlarge {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
min-width: 8.3333333333%;
}
.order1_xxxlarge {
order: 1;
}
}
@media (min-width: 93.75rem) {
.span2_xxxlarge {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
min-width: 16.6666666667%;
}
.order2_xxxlarge {
order: 2;
}
}
@media (min-width: 93.75rem) {
.span3_xxxlarge {
flex-basis: 25%;
max-width: 25%;
min-width: 25%;
}
.order3_xxxlarge {
order: 3;
}
}
@media (min-width: 93.75rem) {
.span4_xxxlarge {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
min-width: 33.3333333333%;
}
.order4_xxxlarge {
order: 4;
}
}
@media (min-width: 93.75rem) {
.span5_xxxlarge {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
min-width: 41.6666666667%;
}
.order5_xxxlarge {
order: 5;
}
}
@media (min-width: 93.75rem) {
.span6_xxxlarge {
flex-basis: 50%;
max-width: 50%;
min-width: 50%;
}
.order6_xxxlarge {
order: 6;
}
}
@media (min-width: 93.75rem) {
.span7_xxxlarge {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
min-width: 58.3333333333%;
}
.order7_xxxlarge {
order: 7;
}
}
@media (min-width: 93.75rem) {
.span8_xxxlarge {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
min-width: 66.6666666667%;
}
.order8_xxxlarge {
order: 8;
}
}
@media (min-width: 93.75rem) {
.span9_xxxlarge {
flex-basis: 75%;
max-width: 75%;
min-width: 75%;
}
.order9_xxxlarge {
order: 9;
}
}
@media (min-width: 93.75rem) {
.span10_xxxlarge {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
min-width: 83.3333333333%;
}
.order10_xxxlarge {
order: 10;
}
}
@media (min-width: 93.75rem) {
.span11_xxxlarge {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
min-width: 91.6666666667%;
}
.order11_xxxlarge {
order: 11;
}
}
@media (min-width: 93.75rem) {
.span12_xxxlarge {
flex-basis: 100%;
max-width: 100%;
min-width: 100%;
}
.order12_xxxlarge {
order: 12;
}
}
/* Source common/css/styles/screen/header.scss */
.contact_bar_wrapper {
background-color: #F5F5F5;
overflow: hidden;
position: relative;
z-index: 100;
}
.contact_bar_wrapper .contact_bar {
column-gap: 1.5625rem;
align-items: stretch;
display: flex;
justify-content: space-between;
margin: 0 calc(-50vw + 50%);
}
@media (min-width: 20rem) {
.contact_bar_wrapper .contact_bar {
column-gap: calc(1.5625rem + 1.5625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_bar_wrapper .contact_bar {
column-gap: 3.125rem;
}
}
.contact_bar_wrapper .contact_bar .contact_links_large {
column-gap: 1.25rem;
display: none;
min-height: 2.75rem;
}
@media (min-width: 20rem) {
.contact_bar_wrapper .contact_bar .contact_links_large {
column-gap: calc(1.25rem + 2.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_bar_wrapper .contact_bar .contact_links_large {
column-gap: 3.75rem;
}
}
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link {
align-items: center;
column-gap: 0.83125em;
display: flex;
white-space: nowrap;
}
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link .icon {
height: 1.25rem;
width: 1.25rem;
display: flex;
fill: #63656A;
flex-shrink: 0;
}
@media (min-width: 20rem) {
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link .icon {
height: calc(1.25rem + 0.25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link .icon {
height: 1.5rem;
}
}
@media (min-width: 20rem) {
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link .icon {
width: calc(1.25rem + 0.25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_bar_wrapper .contact_bar .contact_links_large .contact_link .icon {
width: 1.5rem;
}
}
@media (min-width: 47.5rem) {
.contact_bar_wrapper .contact_bar .contact_links_large {
display: flex;
}
}
.contact_bar_wrapper .contact_bar .contact_button {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
align-items: center;
background-color: #F5F5F5;
color: #212121;
display: flex;
font-family: "Questrial", sans-serif;
justify-content: center;
min-height: 2.0625rem;
padding: 0 4.256em;
text-decoration: none;
text-transform: uppercase;
transition: background-color 300ms ease;
white-space: nowrap;
width: 100%;
}
@media (min-width: 20rem) {
.contact_bar_wrapper .contact_bar .contact_button {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.contact_bar_wrapper .contact_bar .contact_button {
font-size: 1rem;
}
}
@media (min-width: 47.5rem) {
.contact_bar_wrapper .contact_bar .contact_button {
background-color: #78BE20;
width: auto;
}
}
.contact_bar_wrapper .contact_bar .contact_button:hover, .contact_bar_wrapper .contact_bar .contact_button:focus {
background-color: #AED879;
}
.contact_bar_wrapper .contact_bar .contact_button.active, .contact_bar_wrapper .contact_bar .contact_button:active {
background-color: #78BE20;
}
@media (min-width: 47.5rem) {
.contact_bar_wrapper .contact_bar {
margin-left: 0;
}
}
@media (min-width: 61.875rem) {
.contact_bar_wrapper .contact_bar {
justify-content: flex-end;
margin: 0;
}
}
header {
background-color: #fff;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
z-index: 99;
}
.scrolled_down header {
box-shadow: 0.375rem 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.05);
}
header .header_wrapper {
align-items: center;
column-gap: 2.66em;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 35rem) {
header .header_wrapper {
align-items: flex-end;
flex-direction: row;
}
}
header .header_wrapper .navigation {
column-gap: 0.625rem;
align-items: stretch;
display: flex;
justify-content: flex-end;
}
@media (min-width: 20rem) {
header .header_wrapper .navigation {
column-gap: calc(0.625rem + 1.25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
header .header_wrapper .navigation {
column-gap: 1.875rem;
}
}
header .header_wrapper .navigation .contact_links_small {
column-gap: 0.625rem;
display: flex;
}
@media (min-width: 20rem) {
header .header_wrapper .navigation .contact_links_small {
column-gap: calc(0.625rem + 1.25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
header .header_wrapper .navigation .contact_links_small {
column-gap: 1.875rem;
}
}
header .header_wrapper .navigation .contact_links_small .contact_link {
align-items: center;
border: 0.125rem solid #78BE20;
display: flex;
height: 2.75rem;
justify-content: center;
transition: background-color 300ms ease, border-color 300ms ease;
width: 2.75rem;
}
header .header_wrapper .navigation .contact_links_small .contact_link .icon {
fill: #63656A;
height: 1.375rem;
position: relative;
width: 1.375rem;
}
header .header_wrapper .navigation .contact_links_small .contact_link .text {
display: none;
}
header .header_wrapper .navigation .contact_links_small .contact_link:hover {
background-color: #AED879;
border-color: #AED879;
}
@media (min-width: 47.5rem) {
header .header_wrapper .navigation .contact_links_small {
display: none;
}
}
header .header_wrapper .company_logo,
header .header_wrapper .dropdown_menu > ul > li > a,
header .header_wrapper .contact_links_small,
header .header_wrapper .language_select,
header .header_wrapper .toggle_search_box,
header .header_wrapper .toggle_offcanvas_menu {
padding-bottom: 0.9375rem;
padding-top: 0.9375rem;
transition: all 300ms ease;
}
@media (min-width: 20rem) {
header .header_wrapper .company_logo,
header .header_wrapper .dropdown_menu > ul > li > a,
header .header_wrapper .contact_links_small,
header .header_wrapper .language_select,
header .header_wrapper .toggle_search_box,
header .header_wrapper .toggle_offcanvas_menu {
padding-bottom: calc(0.9375rem + 1.5625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
header .header_wrapper .company_logo,
header .header_wrapper .dropdown_menu > ul > li > a,
header .header_wrapper .contact_links_small,
header .header_wrapper .language_select,
header .header_wrapper .toggle_search_box,
header .header_wrapper .toggle_offcanvas_menu {
padding-bottom: 2.5rem;
}
}
@media (min-width: 20rem) {
header .header_wrapper .company_logo,
header .header_wrapper .dropdown_menu > ul > li > a,
header .header_wrapper .contact_links_small,
header .header_wrapper .language_select,
header .header_wrapper .toggle_search_box,
header .header_wrapper .toggle_offcanvas_menu {
padding-top: calc(0.9375rem + 1.5625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
header .header_wrapper .company_logo,
header .header_wrapper .dropdown_menu > ul > li > a,
header .header_wrapper .contact_links_small,
header .header_wrapper .language_select,
header .header_wrapper .toggle_search_box,
header .header_wrapper .toggle_offcanvas_menu {
padding-top: 2.5rem;
}
}
.scrolled_down header .header_wrapper .company_logo,
.scrolled_down header .header_wrapper .dropdown_menu > ul > li > a,
.scrolled_down header .header_wrapper .contact_links_small,
.scrolled_down header .header_wrapper .language_select,
.scrolled_down header .header_wrapper .toggle_search_box,
.scrolled_down header .header_wrapper .toggle_offcanvas_menu {
padding-bottom: 0.625rem;
padding-top: 0.625rem;
}
@media (max-width: 34.9375rem) {
header .header_wrapper .company_logo {
padding-bottom: 0;
}
.scrolled_down header .header_wrapper .company_logo {
padding-bottom: 0;
}
}
/* Source common/css/styles/screen/header_background.scss */
.header_background_wrapper {
flex-grow: 1;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
min-height: 6.25rem;
min-width: 100%;
position: relative;
}
@media (min-width: 47.5rem) {
.header_background_wrapper {
margin-left: 0;
margin-right: calc(-50vw + 105%);
}
}
@media (min-width: 75rem) {
.header_background_wrapper {
margin-left: 0;
margin-right: calc(-50vw + 88%);
}
}
@media (min-width: 160rem) {
.header_background_wrapper {
margin-right: -33rem;
}
}
.header_background {
background-position: center center;
background-size: cover;
inset: 0;
margin: 0 auto;
position: absolute;
z-index: -1;
}
.header_background:before {
background-color: #78BE20;
content: "";
inset: 0;
opacity: 40%;
position: absolute;
}
/* Source common/css/styles/screen/infolist_download_pdf.scss */
.infolist_download {
align-items: baseline;
background: #F5F5F5;
border-radius: 0;
color: #63656A;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1.33em;
padding: 1.33em;
}
.infolist_download .infolist_title {
font-weight: 500;
}
.infolist_download p {
margin-right: 1.33em;
}
/* Source common/css/styles/screen/infolist_meine_steuern.scss */
.img_container.infolist_graphic_meine_steuern_graphic_large {
display: none;
margin: 2.66em auto;
width: 37.5rem;
}
@media (min-width: 47.5rem) {
.img_container.infolist_graphic_meine_steuern_graphic_large {
display: block;
}
}
.img_container.infolist_graphic_meine_steuern_graphic_small {
margin: 2.66em auto;
width: 15.625rem;
}
@media (min-width: 47.5rem) {
.img_container.infolist_graphic_meine_steuern_graphic_small {
display: none;
}
}
.meine_steuern_text {
fill: #63656A;
font-family: "Afacad", sans-serif;
}
.meine_steuern_arrows {
fill: #78BE20;
}
.meine_steuern_icon {
fill: #AED879;
}
.infolist_graphic_meine_steuern_graphic_large svg stop:nth-child(1) {
stop-color: #ddefc7;
}
.infolist_graphic_meine_steuern_graphic_large svg stop:nth-child(2) {
stop-color: #fff;
}
/* Source common/css/styles/screen/infolist_top_link.scss */
.infolist_top_link {
margin: 1.33em 0 1.33em;
}
.infolist_top_link a {
align-items: center;
border-top: 0.125rem solid #ddefc7;
column-gap: 0.665em;
display: flex;
text-align: center;
text-decoration: none;
transition: border-color 300ms ease;
}
.infolist_top_link a .icon {
align-items: center;
background-color: #ddefc7;
display: flex;
fill: #78BE20;
height: 2.75rem;
justify-content: center;
transition: background-color 300ms ease;
width: 2.75rem;
}
.infolist_top_link a .icon svg {
fill: #609819;
height: 1.25rem;
transform: rotate(-90deg);
width: 1.25rem;
}
.infolist_top_link a:hover {
border-color: #AED879;
}
.infolist_top_link a:hover .icon {
background-color: #AED879;
}
/* Source common/css/styles/screen/infolist_unternehmen_online.scss */
.img_container.infolist_graphic_u_online_graphic_small {
width: 18.125rem;
}
@media (min-width: 47.5rem) {
.img_container.infolist_graphic_u_online_graphic_small {
display: none;
}
}
.img_container.infolist_graphic_u_online_graphic_large {
margin: 1.33em 0 1.33em;
max-width: 28.125rem;
}
@media (min-width: 47.5rem) {
.img_container.infolist_graphic_u_online_graphic_large {
display: block;
}
}
.infolist_graphic_u_online_graphic_small {
display: block;
margin: 1.995em auto 2.66em;
}
.infolist_graphic_u_online_graphic_large {
display: none;
}
.u_online_2_headline {
fill: #63656A;
font-family: "Afacad", sans-serif;
font-size: 90%;
text-anchor: middle;
}
@media (min-width: 47.5rem) {
.u_online_2_headline {
font-size: 80%;
}
}
.u_online_2_headline .strong {
fill: #63656A;
font-weight: 500;
}
.u_online_text {
fill: #63656A;
font-family: "Afacad", sans-serif;
font-size: 90%;
text-anchor: middle;
}
@media (min-width: 47.5rem) {
.u_online_text {
font-size: 80%;
}
}
.u_online_company_logo {
fill: #63656A;
}
.u_online_warning_icon {
fill: #63656A;
transition: 300ms;
}
.u_online_euro_icon,
.u_online_check_icon {
fill: #63656A;
}
.u_online_icon {
fill: #78BE20;
transition: 300ms;
}
.u_online_button .normal {
display: block;
}
.u_online_button .hover {
display: none;
}
.u_online_button:hover .normal {
display: none;
}
.u_online_button:hover .hover {
display: block;
}
.u_online_lines {
fill: #78BE20;
}
/* Source common/css/styles/screen/infolists.scss */
.amount {
display: block;
text-align: right;
white-space: nowrap;
}
.steuerlexikon .amount {
display: table-cell;
}
.multi_columns li {
break-inside: avoid;
}
@media (min-width: 47.5rem) {
.multi_columns {
column-count: 2;
column-gap: 2.66em;
}
}
.infolist_container_stand_haftung > div {
margin-top: 2.66em;
}
.infolist_text_container,
.infolist_object {
margin-bottom: 1.33em;
}
.infolist_text {
transition: all 300ms;
}
.infolist_text:focus {
outline: 0;
}
.infolist_overview .entry {
background-color: #ddefc7;
flex-grow: 1;
margin-bottom: 1.729em;
padding: 1.995em 1.33em;
position: relative;
transition: background-color 300ms ease, border-color 300ms ease;
}
.infolist_overview .entry .title {
color: #212121;
padding: 0;
text-decoration: none;
}
.infolist_overview .entry .text {
color: #212121;
display: block;
}
.infolist_overview .entry .icon {
align-items: center;
background-color: #609819;
display: flex;
fill: #78BE20;
height: 2.75rem;
justify-content: center;
position: absolute;
bottom: 0;
right: 0;
width: 2.75rem;
}
.infolist_overview .entry .icon svg {
fill: #ddefc7;
height: 1.25rem;
width: 1.25rem;
}
.infolist_overview .entry:hover {
background-color: #AED879;
}
.infolist_cta_style, .text_button_object,
.infolist_cta {
border: 0.125rem solid #78BE20;
padding: 2.793em 2.261em;
}
.infolist_cta_style .title, .text_button_object .title,
.infolist_cta .title {
padding-top: 0;
}
.infolist_square_style .infolist_text h3, .infolist:not(.infolist_boxit) .infolist_text_container .infolist_text h3 {
align-items: center;
column-gap: 0.665em;
display: flex;
position: relative;
}
.infolist_square_style .infolist_text h3:before, .infolist:not(.infolist_boxit) .infolist_text_container .infolist_text h3:before {
background-color: #78BE20;
content: "";
display: block;
flex-shrink: 0;
height: 1.25rem;
position: relative;
width: 1.25rem;
}
.infolist_teaser_style, .infolist_text_fader_style, .infolist_text_container_boxit_nutzen_fuer_klienten {
display: flex;
flex-direction: column;
}
.infolist_teaser_style .infolist_text, .infolist_text_fader_style .infolist_text, .infolist_text_container_boxit_nutzen_fuer_klienten .infolist_text {
background: #F5F5F5;
margin-bottom: 1.33em;
padding: 1.33em;
}
@media (min-width: 61.875rem) {
.infolist_teaser_style, .infolist_text_fader_style, .infolist_text_container_boxit_nutzen_fuer_klienten {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.infolist_teaser_style .infolist_text, .infolist_text_fader_style .infolist_text, .infolist_text_container_boxit_nutzen_fuer_klienten .infolist_text {
width: calc(50% - (1.33em / 2));
}
}
.infolist_text_list_style:not(:has(div > ul)) {
list-style: url('data:image/svg+xml;charset=UTF-8,');
margin: 0 0 0.665em;
padding-left: 0.9975em;
}
.infolist_text_list_style:not(:has(div > ul)) > .infolist_text {
display: list-item;
padding-left: 0.3325em;
}
@supports (-moz-appearance: none) {
.infolist_text_list_style {
list-style: url('data:image/svg+xml;charset=UTF-8,');
margin: 0 0 0.665em;
padding-left: 0.9975em;
}
.infolist_text_list_style > .infolist_text {
display: list-item;
padding-left: 0.3325em;
}
}
.infolist_accordion_style .infolist_text {
background: none;
margin-bottom: 1.33em;
padding: 0;
}
.infolist_accordion_style .infolist_text > h3,
.infolist_accordion_style .infolist_text > h2 {
background: #F5F5F5;
color: #78BE20;
cursor: pointer;
margin-bottom: 0;
padding: 0.665em;
user-select: none;
transition: all 300ms;
}
.infolist_accordion_style .infolist_text > h3::before,
.infolist_accordion_style .infolist_text > h2::before {
-webkit-mask: url("../../common/images/icons/arrow.svg") no-repeat 50% 50%;
-webkit-mask-size: cover;
background-color: #78BE20;
content: "";
display: inline-block;
height: 1.25rem;
margin-bottom: -0.1875rem;
margin-right: 0.665em;
mask: url("../../common/images/icons/arrow.svg") no-repeat 50% 50%;
mask-size: cover;
position: relative;
transform: rotate(90deg);
transition: all 300ms;
width: 1.25rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.infolist_accordion_style .infolist_text > h3,
.infolist_accordion_style .infolist_text > h2 {
text-decoration: underline;
}
.infolist_accordion_style .infolist_text > h3::before,
.infolist_accordion_style .infolist_text > h2::before {
display: none;
}
}
.infolist_accordion_style .infolist_text:hover > h3,
.infolist_accordion_style .infolist_text:hover > h2, .infolist_accordion_style .infolist_text:focus > h3,
.infolist_accordion_style .infolist_text:focus > h2 {
background: #ededed;
}
.infolist_accordion_style .infolist_text:focus > *:not(h2):not(h3) {
letter-spacing: calc((0.9375rem + 0.1875 * (100vw - 20rem) / (73.75)) / 1000 * 0);
font-size: 0.9375rem;
}
@media (min-width: 20rem) {
.infolist_accordion_style .infolist_text:focus > *:not(h2):not(h3) {
font-size: calc(0.9375rem + 0.1875 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.infolist_accordion_style .infolist_text:focus > *:not(h2):not(h3) {
font-size: 1.125rem;
}
}
.infolist_accordion_style .infolist_text:focus > h3::before,
.infolist_accordion_style .infolist_text:focus > h2::before {
transform: rotate(0);
}
.infolist_accordion_style .infolist_text > *:not(h2):not(h3) {
font-size: 0;
overflow: hidden;
padding-top: 0.665em;
transform-origin: top;
transition: all 300ms;
}
.infolist_text_fader_style .infolist_text {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: default;
}
.infolist_text_fader_style .infolist_text > h2,
.infolist_text_fader_style .infolist_text > h3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 1;
padding: 0 2.66em;
transition: all 300ms;
transform: translateY(0);
text-align: center;
}
.infolist_text_fader_style .infolist_text > *:not(h2):not(h3) {
margin: 0;
padding: 2.66em;
opacity: 0;
transition: all 300ms;
transform: translateY(1.875rem);
}
.infolist_text_fader_style .infolist_text:hover, .infolist_text_fader_style .infolist_text:focus {
background: rgba(120, 190, 32, 0.3);
}
.infolist_text_fader_style .infolist_text:hover > h2,
.infolist_text_fader_style .infolist_text:hover > h3, .infolist_text_fader_style .infolist_text:focus > h2,
.infolist_text_fader_style .infolist_text:focus > h3 {
bottom: 50%;
opacity: 0;
}
.infolist_text_fader_style .infolist_text:hover > *:not(h2):not(h3), .infolist_text_fader_style .infolist_text:focus > *:not(h2):not(h3) {
transform: translateY(0);
opacity: 1;
}
/* Source common/css/styles/screen/intro.scss */
.subpage .intro {
min-height: 14.375rem;
align-items: center;
background-color: #F5F5F5;
display: flex;
overflow: hidden;
padding: 2.66em 0;
position: relative;
z-index: 1;
}
@media (min-width: 20rem) {
.subpage .intro {
min-height: calc(14.375rem + 10.625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.subpage .intro {
min-height: 25rem;
}
}
.subpage .intro .container {
width: 100%;
}
.subpage .intro h1 {
max-width: 37.5rem;
}
@media (min-width: 20rem) {
.subpage .intro h1 {
max-width: calc(37.5rem + 25 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.subpage .intro h1 {
max-width: 62.5rem;
}
}
.subpage .intro .sitedescription {
max-width: 45.25rem;
}
.startpage .intro {
overflow: hidden;
position: relative;
}
.startpage .intro .row {
min-height: 18.75rem;
}
@media (min-width: 20rem) {
.startpage .intro .row {
min-height: calc(18.75rem + 7.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.startpage .intro .row {
min-height: 26.25rem;
}
}
.intro h1.has_wappen {
align-items: center;
display: flex;
}
.intro h1.has_wappen .wappen {
display: block;
height: 100%;
margin-left: 0.3325em;
width: 1.375rem;
}
@media (min-width: 20rem) {
.intro h1.has_wappen .wappen {
width: calc(1.375rem + 1.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.intro h1.has_wappen .wappen {
width: 2.75rem;
}
}
.intro h1.has_wappen .wappen svg {
display: block;
}
/* Source common/css/styles/screen/iphone_safe_area.scss */
@supports (padding-left: env(safe-area-inset-left)) {
html.iphone .container {
padding-left: "max(0.9375rem, env(safe-area-inset-left))";
padding-right: "max(0.9375rem, env(safe-area-inset-right))";
}
}
@media (min-width: 20rem) {
@supports (padding-left: env(safe-area-inset-left)) {
html.iphone .container {
padding-left: "max(calc(0.9375rem + 2.1875 * (100vw - 20rem + 40rem) / (73.75)), env(safe-area-inset-left))";
padding-right: "max(calc(0.9375rem + 2.1875 * (100vw - 20rem + 40rem) / (73.75)), env(safe-area-inset-right))";
}
}
}
/* Source common/css/styles/screen/job_entry.scss */
/* Source common/css/styles/screen/job_overview.scss */
.job_overview .entry {
background-color: #ddefc7;
flex-grow: 1;
margin-bottom: 1.729em;
padding: 1.995em 1.33em;
position: relative;
transition: background-color 300ms ease, border-color 300ms ease;
}
.job_overview .entry .title {
color: #212121;
padding: 0;
margin: 0;
text-decoration: none;
}
.job_overview .entry .icon {
align-items: center;
background-color: #609819;
display: flex;
fill: #78BE20;
height: 2.75rem;
justify-content: center;
position: absolute;
bottom: 0;
right: 0;
width: 2.75rem;
}
.job_overview .entry .icon svg {
fill: #ddefc7;
height: 1.25rem;
width: 1.25rem;
}
.job_overview .entry:hover {
background-color: #AED879;
}
/* Source common/css/styles/screen/language_select.scss */
.language_select .lang {
align-items: center;
border: 0.125rem solid #78BE20;
display: flex;
font-family: "Questrial", sans-serif;
font-size: 1.25rem;
height: 2.75rem;
justify-content: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 300ms ease, border-color 300ms ease;
width: 2.75rem;
}
.language_select .lang:hover {
background-color: #AED879;
border-color: #AED879;
}
.language_select .lang.active {
display: none;
}
/* Source common/css/styles/screen/legal_notice_font_overview.scss */
.legal_notice_font_overview p {
margin-bottom: 0;
}
.legal_notice_font_overview li {
margin-bottom: 0.665em;
}
/* Source common/css/styles/screen/main.scss */
.main_wrapper {
overflow: hidden;
}
.subpage .main_wrapper {
padding-bottom: 4.375rem;
padding-top: 4.375rem;
}
@media (min-width: 20rem) {
.subpage .main_wrapper {
padding-bottom: calc(4.375rem + 2.8125 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.subpage .main_wrapper {
padding-bottom: 7.1875rem;
}
}
@media (min-width: 20rem) {
.subpage .main_wrapper {
padding-top: calc(4.375rem + 2.8125 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.subpage .main_wrapper {
padding-top: 7.1875rem;
}
}
.section {
padding-bottom: 5rem;
padding-top: 5rem;
overflow: hidden;
position: relative;
}
@media (min-width: 20rem) {
.section {
padding-bottom: calc(5rem + 2.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.section {
padding-bottom: 7.5rem;
}
}
@media (min-width: 20rem) {
.section {
padding-top: calc(5rem + 2.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.section {
padding-top: 7.5rem;
}
}
.overflow_wrapper {
overflow: hidden;
}
.philosophy_section {
background-color: #F5F5F5;
overflow: visible;
padding-bottom: 0;
z-index: 1;
}
.philosophy_section .background_image_wrapper {
background-color: #AED879;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.philosophy_section .background_image_wrapper .background_image {
height: 32vw;
max-height: 50rem;
}
.philosophy_section .text_wrapper {
padding-bottom: 1.25rem;
padding-top: 1.25rem;
position: relative;
z-index: 1;
}
@media (min-width: 20rem) {
.philosophy_section .text_wrapper {
padding-bottom: calc(1.25rem + 4.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.philosophy_section .text_wrapper {
padding-bottom: 5.625rem;
}
}
@media (min-width: 20rem) {
.philosophy_section .text_wrapper {
padding-top: calc(1.25rem + 4.375 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.philosophy_section .text_wrapper {
padding-top: 5.625rem;
}
}
.philosophy_section .text_wrapper:before {
left: -0.9375rem;
right: -0.9375rem;
box-shadow: 0.375rem 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.05);
content: "";
top: 0;
bottom: 0;
background-color: #fff;
position: absolute;
z-index: -1;
}
@media (min-width: 20rem) {
.philosophy_section .text_wrapper:before {
left: calc(-0.9375rem + -4.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.philosophy_section .text_wrapper:before {
left: -5rem;
}
}
@media (min-width: 20rem) {
.philosophy_section .text_wrapper:before {
right: calc(-0.9375rem + -4.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.philosophy_section .text_wrapper:before {
right: -5rem;
}
}
.philosophy_section .text_wrapper h2 {
padding-top: 0;
margin-bottom: 0;
}
.digitalization_section {
background-color: #F5F5F5;
}
.digitalization_section * {
position: relative;
z-index: 1;
}
.special_section .background_image_wrapper {
background-color: #AED879;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.special_section .background_image_wrapper .background_image {
height: 100%;
}
@media (max-width: 47.4375rem) {
.special_section .background_image_wrapper .background_image {
background-position: 20% 50%;
}
}
.special_section h2 {
color: #fff;
padding: 0;
}
.special_section p {
color: #fff;
max-width: 31.25rem;
}
.leistungen_text h2 {
padding-top: 0;
}
.services_eng h2:nth-of-type(3) {
position: relative;
display: inline-block;
padding-right: 3.75rem;
}
.services_eng h2:nth-of-type(3):before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
background-image: url("../../common/images/logos/wappen.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 20rem) {
.services_eng h2:nth-of-type(3):before {
width: calc(2.5rem + 0.625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.services_eng h2:nth-of-type(3):before {
width: 3.125rem;
}
}
@media (min-width: 20rem) {
.services_eng h2:nth-of-type(3):before {
height: calc(2.5rem + 0.625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.services_eng h2:nth-of-type(3):before {
height: 3.125rem;
}
}
html[lang=en] body.startpage .intro .slogan .second_line {
position: relative;
display: inline-block;
padding-right: 4.0625rem;
}
html[lang=en] body.startpage .intro .slogan .second_line:before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
background-image: url("../../common/images/logos/wappen.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 20rem) {
html[lang=en] body.startpage .intro .slogan .second_line:before {
width: calc(2.5rem + 0.625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
html[lang=en] body.startpage .intro .slogan .second_line:before {
width: 3.125rem;
}
}
@media (min-width: 20rem) {
html[lang=en] body.startpage .intro .slogan .second_line:before {
height: calc(2.5rem + 0.625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
html[lang=en] body.startpage .intro .slogan .second_line:before {
height: 3.125rem;
}
}
/* Source common/css/styles/screen/offcanvas_menu.scss */
.toggle_offcanvas_menu {
display: inline-block;
position: relative;
}
@media (min-width: 75rem) {
.toggle_offcanvas_menu {
display: none;
}
}
.toggle_offcanvas_menu label {
align-items: center;
border: 0.125rem solid #78BE20;
cursor: pointer;
display: flex;
font-weight: 500;
height: 2.75rem;
justify-content: center;
position: relative;
text-transform: uppercase;
transition: background-color 300ms ease, border-color 300ms ease;
user-select: none;
width: 2.75rem;
z-index: 10;
}
.toggle_offcanvas_menu label .icon {
height: 1.25rem;
position: relative;
width: 1.6875rem;
}
.toggle_offcanvas_menu label .line {
background: #63656A;
display: block;
height: 0.125rem;
position: absolute;
width: 100%;
}
.toggle_offcanvas_menu label .line_1 {
opacity: 1;
top: 0;
transition: top 300ms, transform 300ms;
visibility: visible;
}
.toggle_offcanvas_menu label .line_2 {
background: #78BE20;
opacity: 1;
top: calc(50% - (0.125rem / 2));
transition: opacity 300ms;
visibility: visible;
}
.toggle_offcanvas_menu label .line_3 {
bottom: 0;
transition: bottom 300ms, transform 300ms;
}
.toggle_offcanvas_menu label .text {
display: none;
}
.toggle_offcanvas_menu label:hover {
background-color: #AED879;
border-color: #AED879;
}
.toggle_offcanvas_menu a {
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.toggle_offcanvas_menu .open_offcanvas_menu {
display: block;
}
.toggle_offcanvas_menu .close_offcanvas_menu {
display: none;
}
.offcanvas_menu_overlay {
-webkit-backdrop-filter: blur(0.125rem);
backdrop-filter: blur(0.125rem);
background: rgba(33, 33, 33, 0.5);
height: 100%;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 240ms, visibility 240ms;
visibility: hidden;
z-index: 110;
}
@media (max-width: 74.9375rem) {
.offcanvas_menu_state:checked ~ .offcanvas_menu_wrapper .offcanvas_menu, .offcanvas_menu_state:target ~ .offcanvas_menu_wrapper .offcanvas_menu {
opacity: 1;
transform: scaleX(1);
visibility: visible;
}
.offcanvas_menu_state:checked ~ .offcanvas_menu_wrapper .offcanvas_menu_overlay, .offcanvas_menu_state:target ~ .offcanvas_menu_wrapper .offcanvas_menu_overlay {
opacity: 1;
visibility: visible;
}
}
.offcanvas_menu_state {
position: fixed;
}
.offcanvas_menu_state:checked ~ header .toggle_offcanvas_menu label, .offcanvas_menu_state:checked ~ div .toggle_offcanvas_menu label, .offcanvas_menu_state:target ~ header .toggle_offcanvas_menu label, .offcanvas_menu_state:target ~ div .toggle_offcanvas_menu label {
background-color: #AED879;
border-color: #AED879;
}
.offcanvas_menu_state:checked ~ header .toggle_offcanvas_menu label .line_1, .offcanvas_menu_state:checked ~ div .toggle_offcanvas_menu label .line_1, .offcanvas_menu_state:target ~ header .toggle_offcanvas_menu label .line_1, .offcanvas_menu_state:target ~ div .toggle_offcanvas_menu label .line_1 {
top: calc(50% - (0.125rem / 2));
transform: rotate(45deg);
}
.offcanvas_menu_state:checked ~ header .toggle_offcanvas_menu label .line_2, .offcanvas_menu_state:checked ~ div .toggle_offcanvas_menu label .line_2, .offcanvas_menu_state:target ~ header .toggle_offcanvas_menu label .line_2, .offcanvas_menu_state:target ~ div .toggle_offcanvas_menu label .line_2 {
opacity: 0;
visibility: hidden;
}
.offcanvas_menu_state:checked ~ header .toggle_offcanvas_menu label .line_3, .offcanvas_menu_state:checked ~ div .toggle_offcanvas_menu label .line_3, .offcanvas_menu_state:target ~ header .toggle_offcanvas_menu label .line_3, .offcanvas_menu_state:target ~ div .toggle_offcanvas_menu label .line_3 {
bottom: calc(50% - (0.125rem / 2));
transform: rotate(-45deg);
}
.offcanvas_menu_state:checked ~ header .open_offcanvas_menu, .offcanvas_menu_state:checked ~ div .open_offcanvas_menu, .offcanvas_menu_state:target ~ header .open_offcanvas_menu, .offcanvas_menu_state:target ~ div .open_offcanvas_menu {
display: none;
}
.offcanvas_menu_state:checked ~ header .close_offcanvas_menu, .offcanvas_menu_state:checked ~ div .close_offcanvas_menu, .offcanvas_menu_state:target ~ header .close_offcanvas_menu, .offcanvas_menu_state:target ~ div .close_offcanvas_menu {
display: block;
}
.offcanvas_menu {
background-color: #fff;
box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);
display: block;
min-height: 100%;
opacity: 0;
padding: 1.33em 0;
position: fixed;
transform: scaleX(0);
transition: opacity 240ms, transform 240ms, visibility 240ms;
user-select: none;
visibility: hidden;
width: 15.625rem;
z-index: 5000;
top: 0;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
left: 0;
transform-origin: left;
}
@media (min-width: 30rem) {
.offcanvas_menu {
width: 21.875rem;
}
}
.offcanvas_menu .offcanvas_menu_content > ul > li {
margin-bottom: 0.4433333333em;
position: relative;
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a {
letter-spacing: calc((1rem + 0.3125 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 1rem;
align-items: center;
background-color: #F5F5F5;
color: #212121;
display: flex;
font-family: "Questrial", sans-serif;
font-size: 112.5%;
font-weight: 500;
justify-content: space-between;
line-height: 2.75rem;
padding: 0 0.8866666667em;
text-decoration: none;
}
@media (min-width: 20rem) {
.offcanvas_menu .offcanvas_menu_content > ul > li > a {
font-size: calc(1rem + 0.3125 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.offcanvas_menu .offcanvas_menu_content > ul > li > a {
font-size: 1.3125rem;
}
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a .wappen {
display: flex;
flex-grow: 1;
height: 100%;
margin-left: 0.3325em;
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a .wappen svg {
width: 1.5625rem;
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a .icon {
display: flex;
fill: #212121;
height: 0.875rem;
margin-left: 0.3325em;
width: 0.875rem;
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a .icon svg {
transition: 300ms;
}
.offcanvas_menu .offcanvas_menu_content > ul > li > a.active {
background-color: #AED879;
}
.offcanvas_menu .offcanvas_menu_content > ul li.expanded > ul {
display: block;
}
.offcanvas_menu .offcanvas_menu_content > ul li.expanded > a .icon svg {
transform: rotate(180deg);
}
.offcanvas_menu .offcanvas_menu_content > ul ul {
display: none;
}
.offcanvas_menu .offcanvas_menu_content > ul ul li:last-child {
margin-bottom: 0.665em;
}
.offcanvas_menu .offcanvas_menu_content > ul ul:target {
display: block;
}
.offcanvas_menu .offcanvas_menu_content > ul ul a {
align-items: center;
color: #212121;
column-gap: 0.3325em;
font-size: 112%;
display: flex;
padding: 0.3325em 0.8866666667em;
position: relative;
text-decoration: none;
}
.offcanvas_menu .offcanvas_menu_content > ul ul a:before {
background: #78BE20;
content: "";
display: none;
height: 0.625rem;
position: relative;
width: 0.625rem;
}
.offcanvas_menu .offcanvas_menu_content > ul ul a.active {
font-weight: 500;
}
.offcanvas_menu .offcanvas_menu_content > ul ul a.active:before {
display: block;
}
/* Source common/css/styles/screen/offcanvas_menu_acordion.scss */
.offcanvas_menu .offcanvas_menu_content > ul ul {
display: block !important;
height: 0;
margin-bottom: 0;
overflow: hidden;
transition: height 600ms;
}
/* Source common/css/styles/screen/onlinetool_popup.scss */
.onlineforms_popup_overview .entry,
.onlinetools_popup_overview .entry {
background-color: #ddefc7;
flex-grow: 1;
margin-bottom: 1.729em;
padding: 1.995em 1.33em;
position: relative;
transition: background-color 300ms ease, border-color 300ms ease;
}
.onlineforms_popup_overview .entry .title,
.onlinetools_popup_overview .entry .title {
color: #212121;
padding: 0;
text-decoration: none;
}
.onlineforms_popup_overview .entry .text,
.onlinetools_popup_overview .entry .text {
color: #212121;
display: block;
}
.onlineforms_popup_overview .entry .icon,
.onlinetools_popup_overview .entry .icon {
align-items: center;
background-color: #609819;
display: flex;
fill: #78BE20;
height: 2.75rem;
justify-content: center;
position: absolute;
bottom: 0;
right: 0;
width: 2.75rem;
}
.onlineforms_popup_overview .entry .icon svg,
.onlinetools_popup_overview .entry .icon svg {
fill: #ddefc7;
height: 1.25rem;
width: 1.25rem;
}
.onlineforms_popup_overview .entry:hover,
.onlinetools_popup_overview .entry:hover {
background-color: #AED879;
}
.popup_overlay,
.popup_overlay_v2 {
-webkit-backdrop-filter: blur(0.125rem);
backdrop-filter: blur(0.125rem);
background: rgba(33, 33, 33, 0.5);
bottom: 0;
left: 0;
opacity: 0;
padding: 1% 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 300ms, visibility 300ms;
visibility: hidden;
z-index: -1;
}
.popup_overlay.show,
.popup_overlay_v2.show {
opacity: 1;
visibility: visible;
z-index: 9000;
}
.popup_header {
padding: 0 0 0 1.33em;
}
.popup_close {
align-items: center;
background: #78BE20;
border-radius: 0 0 0 0;
cursor: pointer;
display: flex;
float: right;
justify-content: center;
margin-right: 0.0625rem;
padding: 0.37905em;
text-align: center;
height: 2.75rem;
width: 2.75rem;
}
@media (min-width: 20rem) {
.popup_close {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.popup_close {
height: 2.75rem;
}
}
@media (min-width: 20rem) {
.popup_close {
width: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.popup_close {
width: 2.75rem;
}
}
.popup_close svg {
fill: #fff;
height: 1.5rem;
width: 1.5rem;
}
.popup_content {
height: 100%;
margin: 0 auto;
max-width: 83.75rem;
opacity: 0;
position: relative;
transform: scale(0.6);
transition: opacity 300ms, transform 300ms, visibility 300ms;
visibility: hidden;
z-index: 9500;
}
.popup_content.show {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.popup_content .content {
background: #fff;
bottom: 0;
box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.2);
left: 0;
position: absolute;
right: 0;
top: 2.75rem;
}
@media (min-width: 20rem) {
.popup_content .content {
top: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.popup_content .content {
top: 2.75rem;
}
}
.popup_iframe {
background: #fff;
border: 0;
height: 100%;
opacity: 0;
position: relative;
transition: opacity 300ms;
width: 100%;
z-index: 1;
}
.popup_iframe.show {
opacity: 1;
}
/* Source common/css/styles/screen/open_street_map.scss */
.open_street_map .map {
height: 21.875rem;
background-color: #F5F5F5;
cursor: move;
position: relative;
width: 100%;
}
@media (min-width: 20rem) {
.open_street_map .map {
height: calc(21.875rem + 12.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.open_street_map .map {
height: 34.375rem;
}
}
.open_street_map .map_overlay {
align-items: center;
background-color: rgba(245, 245, 245, 0.85);
bottom: 0;
display: flex;
justify-content: center;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 300ms;
z-index: 1;
}
.open_street_map .map_overlay.show {
opacity: 1;
transition-delay: 0;
}
.open_street_map .map_overlay.show p {
font-size: 120%;
margin: 1.33em 2.66em;
text-align: center;
}
.open_street_map .required_description {
margin: 0;
}
.open_street_map .plan_route {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: 0;
position: relative;
}
@media (min-width: 47.5rem) {
.open_street_map .plan_route {
align-items: flex-end;
flex-direction: row;
}
}
.open_street_map .plan_route .saddr {
flex-grow: 1;
flex-shrink: 1;
}
@media (min-width: 47.5rem) {
.open_street_map .plan_route .saddr {
margin: 0 1.33em 0 0;
max-width: 40.625rem;
}
.open_street_map .plan_route .saddr input {
margin-bottom: 0;
}
}
.open_street_map .plan_route .select_wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
margin-top: 0.665em;
}
@media (min-width: 47.5rem) {
.open_street_map .plan_route .select_wrapper {
margin: 0 1.33em 0 0;
}
}
@media (min-width: 47.5rem) {
.open_street_map .plan_route .select_wrapper .select {
margin-bottom: 0;
}
}
@media (min-width: 47.5rem) {
.open_street_map .plan_route .button_wrapper button {
margin-bottom: 0;
}
}
.open_street_map .ol-viewport {
touch-action: pan-y !important;
}
.open_street_map .ol-overlaycontainer-stopevent button {
align-items: center;
background: #fff;
border: 0.125rem solid #78BE20;
border-radius: 0;
color: #212121;
display: inline-flex;
font-weight: 500;
height: 2.75rem;
justify-content: center;
margin: 0;
padding: 0;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
width: 2.75rem;
}
.open_street_map .ol-overlaycontainer-stopevent button:focus {
background: #AED879;
border: 0.125rem solid #AED879;
box-shadow: 0 0 0 0 rgba(120, 190, 32, 0.2);
color: #212121;
outline: 0;
}
.open_street_map .ol-overlaycontainer-stopevent button:hover {
background: #AED879;
border: 0.125rem solid #AED879;
color: #212121;
}
.open_street_map .ol-overlaycontainer-stopevent button.disabled {
cursor: default;
opacity: 0.6;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution,
.open_street_map .ol-overlaycontainer-stopevent .ol-zoom-in,
.open_street_map .ol-overlaycontainer-stopevent .ol-zoom-out,
.open_street_map .ol-overlaycontainer-stopevent .ol-zoomslider {
position: absolute;
right: 0.3125rem;
z-index: 1;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-zoom-in {
line-height: 1;
top: 0.3125rem;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-zoom-out {
line-height: 1;
top: 3.375rem;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-rotate-reset {
display: none;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution {
align-items: center;
bottom: 0;
cursor: default;
display: flex;
justify-content: flex-end;
right: 0;
text-align: right;
user-select: none;
z-index: 99;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution ul {
align-items: center;
background: rgba(255, 255, 255, 0.85);
color: black;
display: flex;
height: 3rem;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.15);
transform-origin: center right;
transition: transform 300ms, opacity 300ms;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution ul li {
align-items: center;
background-image: none;
display: flex;
font-size: 85%;
margin: 0 0.665em;
padding: 0;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution ul li a {
align-items: center;
display: inline-flex;
margin: 0 0.3125rem;
}
.open_street_map .ol-overlaycontainer-stopevent .ol-attribution button {
display: none;
}
.open_street_map.disable_ui .ol-overlaycontainer-stopevent .ol-zoom-in,
.open_street_map.disable_ui .ol-overlaycontainer-stopevent .ol-zoom-out {
display: none;
}
/* Source common/css/styles/screen/opening_times.scss */
.opening_times .entries {
column-gap: 1.995em;
display: flex;
flex-wrap: wrap;
}
.opening_times p {
background-color: #ddefc7;
color: #212121;
display: inline-block;
margin-top: 2.66em;
padding: 0.3325em 0.665em;
}
/* Source common/css/styles/screen/overview.scss */
.overview .row {
row-gap: 2.128em;
}
.overview .entry {
background-color: #fff;
box-shadow: 0.375rem 0.375rem 0.625rem 0 rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
padding: 1.995em;
position: relative;
margin-left: 1.125rem;
transition: background-color 300ms ease;
}
.overview .entry:before {
content: "";
position: absolute;
top: 50%;
left: -1.125rem;
width: 2.25rem;
height: 2.25rem;
background-color: #78BE20;
transform: translateY(-50%);
}
.overview .entry .title {
margin: 0;
text-decoration: none;
}
.overview .entry:hover {
background-color: #AED879;
}
.overview .entry.active {
background-color: #ddefc7;
}
/* Source common/css/styles/screen/preloader.scss */
.preloader {
display: block;
position: relative;
}
.preloader .icon_spin {
animation: preloader_rotate 900ms linear infinite;
display: block;
fill: #AED879;
height: 3rem;
left: 50%;
margin: -1.5rem 0 0 -1.5rem;
opacity: 1;
position: absolute;
top: 50%;
transition: 300ms;
visibility: visible;
width: 3rem;
}
.preloader .icon_spin.hide {
opacity: 0;
visibility: hidden;
}
/* Source common/css/styles/screen/search.scss */
form[role=search] {
display: flex;
}
form[role=search] button {
border-radius: 0 0 0 0;
flex-grow: 0;
flex-shrink: 0;
margin: 0;
padding: 0;
background: transparent;
border-radius: 0;
border: 0.125rem solid #78BE20;
color: #212121;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0 1.33em;
text-decoration: none;
transition: background-color 300ms, border 300ms, color 300ms;
user-select: none;
height: 2.75rem;
width: 2.75rem;
}
form[role=search] button > span {
align-items: center;
display: flex;
justify-content: center;
min-height: 2.5rem;
}
@media (min-width: 20rem) {
form[role=search] button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button > span {
min-height: 2.5rem;
}
}
form[role=search] button .icon {
fill: #212121;
flex-shrink: 0;
height: 1.125rem;
transition: fill 300ms;
width: 1.125rem;
}
form[role=search] button .text {
letter-spacing: calc((0.9375rem + 0.0625 * (100vw - 20rem) / (73.75)) / 1000 * 30);
font-size: 0.9375rem;
font-family: "Questrial", sans-serif;
font-weight: 400;
padding: 0.3325em 0;
text-transform: uppercase;
}
@media (min-width: 20rem) {
form[role=search] button .text {
font-size: calc(0.9375rem + 0.0625 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button .text {
font-size: 1rem;
}
}
form[role=search] button .icon + .text {
padding-left: 0.665em;
}
@media (min-width: 20rem) {
form[role=search] button {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button {
height: 2.75rem;
}
}
@media (min-width: 20rem) {
form[role=search] button {
width: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button {
width: 2.75rem;
}
}
form[role=search] button > span {
min-height: 2.5rem;
}
@media (min-width: 20rem) {
form[role=search] button > span {
min-height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button > span {
min-height: 2.5rem;
}
}
form[role=search] button[disabled] {
background-color: #F5F5F5;
border-color: #F5F5F5;
color: #e5e6e7;
}
form[role=search] button[disabled] .icon {
fill: #63656A;
}
form[role=search] button > span {
width: 100%;
}
form[role=search] button:focus {
box-shadow: 0 0 0 0 rgba(120, 190, 32, 0.2);
position: relative;
z-index: 10;
background: #AED879;
border-color: #AED879;
color: #212121;
}
form[role=search] button:focus .icon {
fill: #212121;
}
form[role=search] button .icon {
height: 2.5rem;
}
@media (min-width: 20rem) {
form[role=search] button .icon {
height: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
form[role=search] button .icon {
height: 2.5rem;
}
}
input[type=search] {
-moz-appearance: none;
-webkit-appearance: none;
background: #fff;
border: 0.125rem solid #AED879;
border-radius: 0 0 0 0;
box-shadow: 0 0 0 #AED879 inset;
color: #63656A;
flex-basis: 100%;
margin: 0;
padding: 0 0.665em;
transition: background 300ms, border-color 300ms, box-shadow 300ms, color 300ms, outline 300ms, z-index 300ms;
height: 2.75rem;
}
@media (min-width: 20rem) {
input[type=search] {
height: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
input[type=search] {
height: 2.75rem;
}
}
input[type=search]:focus {
background: #fff;
border-color: #78BE20;
box-shadow: 0 0 0 #78BE20 inset, 0 0 0 0 rgba(120, 190, 32, 0.2);
color: #63656A;
outline: 0;
position: relative;
z-index: 10;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.search dl {
margin: 0 0 0.665em;
padding-top: 0.3325em;
}
.search dl br,
.search dl em,
.search dl img {
display: none;
}
.search dd {
margin: 0;
}
.search .count + .pages {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.search .count + .pages a {
text-decoration: none;
width: 2.75rem;
height: 2.75rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0.3325em 0.3325em 0.3325em 0;
background: #78BE20;
white-space: nowrap;
color: #212121;
border-radius: 0;
}
.search .count + .pages a:first-of-type {
margin-left: 0.665em;
padding: 0 0.665em;
width: auto;
}
.search .count + .pages a:last-of-type {
width: auto;
padding: 0 0.665em;
}
.search .count + .pages a[href] {
background: transparent;
color: #212121;
transition: all 300ms;
}
.search .count + .pages a[href]:hover {
background: #AED879;
color: #212121;
}
/* Source common/css/styles/screen/search_box.scss */
.toggle_search_box {
position: relative;
}
.toggle_search_box label {
cursor: pointer;
inset: 0;
position: absolute;
z-index: 10;
}
.toggle_search_box label:hover ~ a {
background-color: #AED879;
border-color: #AED879;
}
.toggle_search_box a {
align-items: center;
border: 0.125rem solid #78BE20;
display: flex;
height: 2.75rem;
justify-content: center;
transition: background-color 300ms ease, border-color 300ms ease;
width: 2.75rem;
}
.toggle_search_box a .icon {
display: block;
fill: #63656A;
height: 1.375rem;
width: 1.375rem;
}
.toggle_search_box .open_search_box {
display: flex;
}
.toggle_search_box .close_search_box {
display: none;
}
.search_box {
-webkit-backdrop-filter: blur(0.125rem);
backdrop-filter: blur(0.125rem);
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
opacity: 0;
padding: 0.665em;
position: fixed;
right: 0;
top: 0;
transition: opacity 300ms;
visibility: hidden;
z-index: 9999;
}
.search_box .close_search_box_wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.search_box .close_search_box_wrapper label {
background: rgba(33, 33, 33, 0.5);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 300ms, visibility 300ms;
visibility: hidden;
}
.search_box .close_search_box_wrapper .close_search_box {
min-width: 2.5rem;
padding: 0;
position: absolute;
right: 1.33em;
top: 1.33em;
}
@media (min-width: 20rem) {
.search_box .close_search_box_wrapper .close_search_box {
min-width: calc(2.5rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.search_box .close_search_box_wrapper .close_search_box {
min-width: 2.5rem;
}
}
.search_box .close_search_box_wrapper .close_search_box:hover, .search_box .close_search_box_wrapper .close_search_box:focus {
background: #AED879;
border-color: #AED879;
color: #212121;
}
.search_box .close_search_box_wrapper .close_search_box:hover .icon, .search_box .close_search_box_wrapper .close_search_box:focus .icon {
fill: #212121;
}
.search_box form[role=search] {
background: #fff;
border: 0.625rem solid #fff;
border-radius: 0;
box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
display: flex;
opacity: 0;
position: relative;
transform: translateY(-6.25rem);
transition: 300ms;
visibility: hidden;
width: 37.5rem;
z-index: 1000;
}
.search_box form[role=search] button {
width: 2.75rem;
flex-grow: 0;
flex-shrink: 0;
}
@media (min-width: 20rem) {
.search_box form[role=search] button {
width: calc(2.75rem + 0 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.search_box form[role=search] button {
width: 2.75rem;
}
}
.search_box input[type=search] {
border-right: 0;
flex: 1 1 auto;
font-size: 115%;
user-select: text;
}
.search_box_state {
left: 0;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
}
.search_box_state:checked ~ .search_box, .search_box_state:target ~ .search_box {
opacity: 1;
visibility: visible;
}
.search_box_state:checked ~ .search_box .close_search_box_wrapper label, .search_box_state:target ~ .search_box .close_search_box_wrapper label {
opacity: 1;
visibility: visible;
}
.search_box_state:checked ~ .search_box form[role=search], .search_box_state:target ~ .search_box form[role=search] {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
/* Source common/css/styles/screen/steuernews.scss */
.steuernews_preview .entry {
aspect-ratio: 1/0.7;
background-color: rgba(221, 239, 199, 0.8);
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1.33em;
max-width: 25rem;
padding: 0.665em;
position: relative;
}
.steuernews_preview .entry .photo {
inset: 0;
position: absolute;
z-index: -1;
}
.steuernews_preview .entry .photo:after {
backdrop-filter: blur(0.3rem);
content: "";
inset: 0.665em;
position: absolute;
transition: all 300ms ease-in;
}
.steuernews_preview .entry .photo .bg_image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
inset: 0;
position: absolute;
}
.steuernews_preview .entry .teaser_text {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: center;
max-width: 100%;
padding: 1.33em;
position: relative;
}
.steuernews_preview .entry .teaser_text:before {
border: 0.125rem solid #78BE20;
content: "";
inset: 0;
position: absolute;
transition: inset 300ms ease-in;
}
.steuernews_preview .entry .teaser_text .title {
margin: 0;
text-align: center;
text-decoration: none;
width: 100%;
word-wrap: break-word;
color: #212121;
text-transform: none;
}
.steuernews_preview .entry:hover .photo:after, .steuernews_preview .entry:focus .photo:after {
backdrop-filter: blur(1rem);
inset: 1.33em;
}
.steuernews_preview .entry:hover .teaser_text:before, .steuernews_preview .entry:focus .teaser_text:before {
inset: 0.665em;
}
.news_entity .hide_image_author,
.news_entity .hide_creation_date {
display: none;
}
.news_image {
margin: 0 0 1.33em 0;
width: 100%;
max-width: 21.25rem;
}
.news_image img {
display: block;
width: 100%;
}
.news_image + * {
padding-top: 0;
}
.steuernews_current_issue a.active {
font-weight: 500;
text-decoration: none;
}
.steuernews_more_articles_overview {
margin-top: 1.33em;
}
.steuernews_disclaimer {
clear: both;
}
/* Source common/css/styles/screen/steuernews_issues_select.scss */
.steuernews_issues_select {
margin-bottom: 0.665em;
}
.steuernews_issues_select nav {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.steuernews_issues_select .title {
width: 100%;
}
.steuernews_issues_select .issue_select_wrapper {
display: flex;
max-width: 31.25rem;
width: 100%;
}
.steuernews_issues_select .select {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
display: flex;
flex-grow: 1;
margin-bottom: 0;
}
.steuernews_issues_select .button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
flex-shrink: 0;
}
/* Source common/css/styles/screen/team.scss */
.team_overview .team_entry {
border: 0.125rem solid #78BE20;
display: flex;
flex-direction: column-reverse;
flex-grow: 1;
margin-bottom: 1.995em;
max-width: 37.0625rem;
}
.team_overview .team_entry .photo {
display: block;
flex: 0 0 auto;
margin: 0;
}
.team_overview .team_entry .photo img {
display: block;
}
.team_overview .team_entry .info {
display: flex;
flex-direction: column;
flex-grow: 1;
flex: 1 1 auto;
margin: 0;
padding: 1.33em;
}
.team_overview .team_entry .info .title {
margin: 0;
padding: 0;
}
.team_overview .team_entry .info .short_profile {
flex-grow: 1;
margin-bottom: 1.33em;
}
/* Source common/css/styles/screen/teaser.scss */
.teaser {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1.729em;
}
.teaser .icon {
height: 2.5rem;
fill: #78BE20;
margin-bottom: 1.064em;
max-width: 100%;
width: auto;
}
@media (min-width: 20rem) {
.teaser .icon {
height: calc(2.5rem + 2.5 * (100vw - 20rem) / (73.75));
}
}
@media (min-width: 93.75rem) {
.teaser .icon {
height: 5rem;
}
}
.teaser .title {
padding-top: 0;
}
.teaser .description {
flex-grow: 1;
max-width: 52.1875rem;
}
aside .teaser {
border: 0.125rem solid #78BE20;
padding: 2.793em 2.261em;
}
.startpage .philosophy_section .teaser {
margin-bottom: 0;
margin-top: 2.66em;
}
/* Source common/css/styles/screen/tooltip.scss */
.tooltip_wrapper {
display: block;
position: relative;
z-index: 1;
}
.checkbox .tooltip_wrapper {
position: static;
}
[role=tooltip] {
background: #ddefc7;
border: 0.125rem solid #ddefc7;
border-radius: 0;
bottom: 100%;
color: #212121;
font-size: 85%;
font-weight: 400;
line-height: 1.33;
opacity: 1;
padding: 0.665em;
position: absolute;
right: 0;
text-align: center;
transform: translateY(-0.3125rem);
transition: opacity 300ms, transform 300ms, visibility 300ms;
visibility: visible;
z-index: 50;
}
[role=tooltip]:after {
border: 0.625rem solid transparent;
border-top-color: #ddefc7;
bottom: -1.25rem;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -0.625rem;
position: absolute;
width: 0;
}
[role=tooltip]:before {
border: 0.6875rem solid transparent;
border-top-color: #ddefc7;
bottom: -1.375rem;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -0.6875rem;
position: absolute;
width: 0;
}
[role=tooltip][aria-hidden=true] {
opacity: 0;
transform: translateY(-0.9375rem);
visibility: hidden;
}