/**
* CLICKPRESS CSS-Grid
* @author: Stefan Schulz-Lauterbach
*
* thanks to Dinko Skopljak for co-working
*/
.justify-items-start {
justify-items: start;
}
.justify-items-center {
justify-items: center;
}
.justify-items-end {
justify-items: end;
}
.justify-items-stretch {
justify-items: stretch;
}
.content-start {
align-content: start;
}
.content-center {
align-content: center;
}
.content-end {
align-content: end;
}
.items-start {
align-items: start;
}
.items-center {
align-items: center;
}
.items-end {
align-items: end;
}
.items-stretch {
align-items: stretch;
}
.items-baseline {
align-items: baseline;
}
[class*=grid_] {
display: grid;
grid-gap: 1rem;
}
[class*=grid_] > .block {
margin-bottom: 0;
}
@media (min-width: 576px) {
.grid_mobile_100 {
grid-template-columns: 1fr;
}
.grid_mobile_50_50 {
grid-template-columns: repeat(2, 1fr);
}
.grid_mobile_33_33_33 {
grid-template-columns: repeat(3, 1fr);
}
.grid_mobile_25_25_25_25 {
grid-template-columns: repeat(4, 1fr);
}
.grid_mobile_75_25 {
grid-template-columns: 3fr 1fr;
}
.grid_mobile_25_75 {
grid-template-columns: 1fr 3fr;
}
.grid_mobile_66_33 {
grid-template-columns: 2fr 1fr;
}
.grid_mobile_33_66 {
grid-template-columns: 1fr 2fr;
}
.grid_mobile_60_40 {
grid-template-columns: 3fr 2fr;
}
.grid_mobile_40_60 {
grid-template-columns: 2fr 3fr;
}
.grid_mobile_50_25_25 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid_mobile_25_50_25 {
grid-template-columns: 1fr 2fr 1fr;
}
.grid_mobile_25_25_50 {
grid-template-columns: 1fr 1fr 2fr;
}
.grid_mobile_40_30_30 {
grid-template-columns: 4fr 3fr 3fr;
}
.grid_mobile_30_40_30 {
grid-template-columns: 3fr 4fr 3fr;
}
.grid_mobile_30_30_40 {
grid-template-columns: 3fr 3fr 4fr;
}
.gap_mobile_0 {
grid-gap: 0;
}
.gap_mobile_1 {
grid-gap: 1rem;
}
.gap_mobile_2 {
grid-gap: 2rem;
}
.gap_mobile_3 {
grid-gap: 3rem;
}
.gap_mobile_4 {
grid-gap: 4rem;
}
.gap_mobile_5 {
grid-gap: 5rem;
}
.gap_mobile_6 {
grid-gap: 6rem;
}
.gap_mobile_7 {
grid-gap: 7rem;
}
.gap_mobile_8 {
grid-gap: 8rem;
}
.gap_mobile_9 {
grid-gap: 9rem;
}
.gap_mobile_10 {
grid-gap: 10rem;
}
.gap_mobile_11 {
grid-gap: 11rem;
}
.gap_mobile_12 {
grid-gap: 12rem;
}
}
@media (min-width: 768px) {
.grid_tablet_100 {
grid-template-columns: 1fr;
}
.grid_tablet_50_50 {
grid-template-columns: repeat(2, 1fr);
}
.grid_tablet_33_33_33 {
grid-template-columns: repeat(3, 1fr);
}
.grid_tablet_25_25_25_25 {
grid-template-columns: repeat(4, 1fr);
}
.grid_tablet_75_25 {
grid-template-columns: 3fr 1fr;
}
.grid_tablet_25_75 {
grid-template-columns: 1fr 3fr;
}
.grid_tablet_66_33 {
grid-template-columns: 2fr 1fr;
}
.grid_tablet_33_66 {
grid-template-columns: 1fr 2fr;
}
.grid_tablet_60_40 {
grid-template-columns: 3fr 2fr;
}
.grid_tablet_40_60 {
grid-template-columns: 2fr 3fr;
}
.grid_tablet_50_25_25 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid_tablet_25_50_25 {
grid-template-columns: 1fr 2fr 1fr;
}
.grid_tablet_25_25_50 {
grid-template-columns: 1fr 1fr 2fr;
}
.grid_tablet_40_30_30 {
grid-template-columns: 4fr 3fr 3fr;
}
.grid_tablet_30_40_30 {
grid-template-columns: 3fr 4fr 3fr;
}
.grid_tablet_30_30_40 {
grid-template-columns: 3fr 3fr 4fr;
}
.grid_tablet_20_40_40 {
grid-template-columns: 1fr 2fr 2fr;
}
.grid_tablet_40_20_40 {
grid-template-columns: 2fr 1fr 2fr;
}
.grid_tablet_40_40_20 {
grid-template-columns: 2fr 2fr 1fr;
}
.gap_tablet_0 {
grid-gap: 0;
}
.gap_tablet_1 {
grid-gap: 1rem;
}
.gap_tablet_2 {
grid-gap: 2rem;
}
.gap_tablet_3 {
grid-gap: 3rem;
}
.gap_tablet_4 {
grid-gap: 4rem;
}
.gap_tablet_5 {
grid-gap: 5rem;
}
.gap_tablet_6 {
grid-gap: 6rem;
}
.gap_tablet_7 {
grid-gap: 7rem;
}
.gap_tablet_8 {
grid-gap: 8rem;
}
.gap_tablet_9 {
grid-gap: 9rem;
}
.gap_tablet_10 {
grid-gap: 10rem;
}
.gap_tablet_11 {
grid-gap: 11rem;
}
.gap_tablet_12 {
grid-gap: 12rem;
}
}
@media (min-width: 992px) {
.grid_desktop_100 {
grid-template-columns: 1fr;
}
.grid_desktop_50_50 {
grid-template-columns: repeat(2, 1fr);
}
.grid_desktop_50_25_25 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid_desktop_33_33_33 {
grid-template-columns: repeat(3, 1fr);
}
.grid_desktop_75_25 {
grid-template-columns: 3fr 1fr;
}
.grid_desktop_25_75 {
grid-template-columns: 1fr 3fr;
}
.grid_desktop_66_33 {
grid-template-columns: 2fr 1fr;
}
.grid_desktop_60_40 {
grid-template-columns: 3fr 2fr;
}
.grid_desktop_40_60 {
grid-template-columns: 2fr 3fr;
}
.grid_desktop_33_66 {
grid-template-columns: 1fr 2fr;
}
.grid_desktop_50_25_25 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid_desktop_40_30_30 {
grid-template-columns: 4fr 3fr 3fr;
}
.grid_desktop_50_25_25 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid_desktop_25_50_25 {
grid-template-columns: 1fr 2fr 1fr;
}
.grid_desktop_25_25_50 {
grid-template-columns: 1fr 1fr 2fr;
}
.grid_desktop_40_30_30 {
grid-template-columns: 4fr 3fr 3fr;
}
.grid_desktop_30_40_30 {
grid-template-columns: 3fr 4fr 3fr;
}
.grid_desktop_30_30_40 {
grid-template-columns: 3fr 3fr 4fr;
}
.grid_desktop_20_40_40 {
grid-template-columns: 1fr 2fr 2fr;
}
.grid_desktop_40_20_40 {
grid-template-columns: 2fr 1fr 2fr;
}
.grid_desktop_40_40_20 {
grid-template-columns: 2fr 2fr 1fr;
}
.grid_desktop_25_25_25_25 {
grid-template-columns: repeat(4, 1fr);
}
.grid_desktop_40_20_20_20 {
grid-template-columns: 2fr 1fr 1fr 1fr;
}
.grid_desktop_20_40_20_20 {
grid-template-columns: 1fr 2fr 1fr 1fr;
}
.grid_desktop_20_20_40_20 {
grid-template-columns: 1fr 1fr 2fr 1fr;
}
.grid_desktop_20_20_20_40 {
grid-template-columns: 1fr 1fr 1fr 2fr;
}
.grid_desktop_20_20_20_20_20 {
grid-template-columns: repeat(5, 1fr);
}
.gap_desktop_0 {
grid-gap: 0;
}
.gap_desktop_1 {
grid-gap: 1rem;
}
.gap_desktop_2 {
grid-gap: 2rem;
}
.gap_desktop_3 {
grid-gap: 3rem;
}
.gap_desktop_4 {
grid-gap: 4rem;
}
.gap_desktop_5 {
grid-gap: 5rem;
}
.gap_desktop_6 {
grid-gap: 6rem;
}
.gap_desktop_7 {
grid-gap: 7rem;
}
.gap_desktop_8 {
grid-gap: 8rem;
}
.gap_desktop_9 {
grid-gap: 9rem;
}
.gap_desktop_10 {
grid-gap: 10rem;
}
.gap_desktop_11 {
grid-gap: 11rem;
}
.gap_desktop_12 {
grid-gap: 12rem;
}
}
/*# sourceMappingURL=clickpress-grid.css.map */
@charset "UTF-8";
html {
--color-primary: hsl(207, 66%, 39%);
--color-secondary: hsl(71, 62%, 44%);
--color-tertiary: hsl(191, 95%, 43%);
--color-red: hsl(13, 83%, 57%);
--color-white: hsl(0, 0%, 100%);
--color-gray-100: hsl(0, 0%, 96%);
--color-gray-200: hsl(0, 0%, 80%);
--color-gray-300: hsl(0, 0%, 70%);
--color-gray-400: hsl(0, 0%, 60%);
--color-gray-500: hsl(0, 0%, 50%);
--color-gray-600: hsl(0, 0%, 40%);
--color-gray-700: hsl(0, 0%, 30%);
--color-gray-800: hsl(0, 0%, 20%);
--color-gray-900: hsl(0, 0%, 10%);
--color-black: hsl(0, 0%, 0%);
--color-light: hsl(40, 43%, 92%);
--color-dark: var(--color-gray-800);
--bg-primary: var(--color-primary);
--bg-secondary: var(--color-secondary);
--bg-tertiary: var(--color-tertiary);
--bg-light: var(--color-light);
--bg-dark: var(--color-dark);
--color-links: var(--color-primary);
--color-links-hover: var(--color-tertiary);
--color-text: var(--color-gray-800);
--color-text--inverted: var(--color-gray-100);
--color-btn: var(--color-primary);
--color-btn-hover: var(--color-secondary);
--color-btn-text: var(--color-text--inverted);
--base-font-size: 1rem;
--base-font-size--xxs: calc(var(--base-font-size) * 0.7);
--base-font-size--xs: calc(var(--base-font-size) * 0.875);
--base-font-size--lead: calc(var(--base-font-size) * 1.25);
--base-line-height: 1.625;
--base-font-weight: 400;
--base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
--spacing-025: 0.25rem;
--spacing-050: 0.5rem;
--spacing-075: 0.75rem;
--spacing-100: 1rem;
--spacing-150: 1.5rem;
--spacing-200: 2rem;
--spacing-300: 3rem;
--spacing-400: 4rem;
--spacing-500: 5rem;
--spacing-600: 6rem;
--base-border-radius: 5px;
--base-border-width: 2px;
--base-border-color: var(--color-gray-100);
--base-border: var(--base-border-width) solid var(--base-border-color);
}
html .bg-primary, html #footer {
background-color: var(--color-primary);
background-image: url("data:image/svg+xml,");
}
html .bg-secondary {
background-color: var(--color-secondary);
}
html .bg-tertiary {
background-color: var(--color-tertiary);
}
html .bg-light {
background-color: var(--color-light);
}
html .bg-dark {
background-color: var(--color-dark);
}
html .bg-verlauf, html .infobox h2, .infobox html h2, html .infobox h3, .infobox html h3, html #header .inside, #header html .inside {
background: linear-gradient(135deg, var(--color-primary) 35%, hsla(185, 100%, 50%, 0.5) 100%);
}
html {
font-family: var(--base-font-family, sans-serif);
font-size: var(--base-font-size);
line-height: var(--base-line-height);
font-weight: var(--base-font-weight);
background-color: var(--color-white);
color: var(--color-text);
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
/* @include media-query(screen-sm) {
font-size: var(--base-font-size--sm, var(--base-font-size));
}
@include media-query(screen-md) {
font-size: var(--base-font-size);
}
@include media-query(screen-lg) {
font-size: var(--base-font-size--lg, var(--base-font-size));
}
@include media-query(screen-xl) {
font-size: var(--base-font-size--xl);
}*/
}
.m-0 {
margin: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 1rem !important;
}
.ps-2 {
padding-left: 2rem !important;
}
.ps-3 {
padding-left: 3rem !important;
}
.ps-4 {
padding-left: 4rem !important;
}
.ps-5 {
padding-left: 5rem !important;
}
.ps-6 {
padding-left: 6rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 1rem !important;
}
.pe-2 {
padding-right: 2rem !important;
}
.pe-3 {
padding-right: 3rem !important;
}
.pe-4 {
padding-right: 4rem !important;
}
.pe-5 {
padding-right: 5rem !important;
}
.pe-6 {
padding-right: 6rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 1rem !important;
}
.pt-2 {
padding-top: 2rem !important;
}
.pt-3 {
padding-top: 3rem !important;
}
.pt-4 {
padding-top: 4rem !important;
}
.pt-5 {
padding-top: 5rem !important;
}
.pt-6 {
padding-top: 6rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 1rem !important;
}
.pb-2 {
padding-bottom: 2rem !important;
}
.pb-3 {
padding-bottom: 3rem !important;
}
.pb-4 {
padding-bottom: 4rem !important;
}
.pb-5 {
padding-bottom: 5rem !important;
}
.pb-6 {
padding-bottom: 6rem !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-2 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.px-3 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-4 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.px-5 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.px-6 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-2 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-4 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-5 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.py-6 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 1rem !important;
}
.ms-2 {
margin-left: 2rem !important;
}
.ms-3 {
margin-left: 3rem !important;
}
.ms-4 {
margin-left: 4rem !important;
}
.ms-5 {
margin-left: 5rem !important;
}
.ms-6 {
margin-left: 6rem !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 1rem !important;
}
.me-2 {
margin-right: 2rem !important;
}
.me-3 {
margin-right: 3rem !important;
}
.me-4 {
margin-right: 4rem !important;
}
.me-5 {
margin-right: 5rem !important;
}
.me-6 {
margin-right: 6rem !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 1rem !important;
}
.mt-2 {
margin-top: 2rem !important;
}
.mt-3 {
margin-top: 3rem !important;
}
.mt-4 {
margin-top: 4rem !important;
}
.mt-5 {
margin-top: 5rem !important;
}
.mt-6 {
margin-top: 6rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.mb-2 {
margin-bottom: 2rem !important;
}
.mb-3 {
margin-bottom: 3rem !important;
}
.mb-4 {
margin-bottom: 4rem !important;
}
.mb-5 {
margin-bottom: 5rem !important;
}
.mb-6 {
margin-bottom: 6rem !important;
}
.mx-10 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-1 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mx-2 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mx-3 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mx-4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mx-5 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.mx-6 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-2 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.my-6 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
font: inherit;
}
optgroup {
font-weight: bold;
}
button,
input,
select {
overflow: visible;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
}
[disabled] {
cursor: default;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
.mod_navigation ul,
.mod_customnav ul,
.mod_breadcrumb ul {
list-style-type: none;
margin: 0;
padding: 0;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
@media only screen and (min-width: 768px) {
html {
font-size: 112.5%;
} /*18px*/
}
body {
font-family: var(--base-font-family);
}
a {
color: var(--color-links);
}
a:hover {
color: var(--color-links-hover);
}
img {
max-width: 100%;
height: auto;
}
hr {
border: var(--base-border);
}
figure {
margin: 1rem 0 0 0;
}
.m-0 figure {
margin-top: 0;
}
.more, .back {
margin-top: var(--spacing-200);
}
.content-text ul {
margin-bottom: var(--spacing-200);
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mx-auto.mw-800 {
max-width: 800px !important;
}
.ce_form h1, .ce_form .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner .ce_form h1,
.ce_form .ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner .ce_form p,
.ce_form .ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner .ce_form h1,
.ce_form .ce_rsce_titleimg .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner .ce_form p, .ce_form h2, .ce_form h3, .ce_form h4, .ce_form h5 {
margin-top: var(--spacing-150);
}
p {
margin-bottom: 1.5rem;
}
h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p, h2, h3, h4, .iconboxen h2, h5, .iconbox-item h2 {
margin: 3rem 0 1.38rem;
font-weight: 400;
line-height: 1.3;
}
h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p {
margin-top: 0;
font-size: 2.488rem;
font-weight: 700;
}
h2 {
font-size: 1.8rem;
}
h3 {
font-size: 1.52rem;
}
h4, .iconboxen h2 {
font-size: 1.44rem;
}
h5, .iconbox-item h2 {
font-size: 1.2rem;
}
.logo {
padding: var(--spacing-100) 0 var(--spacing-100) var(--spacing-100);
}
.logo a {
display: block;
}
.logo a,
.logo img {
max-height: 70px;
}
#container .mod_article,
.background-section {
padding-top: var(--spacing-200);
padding-bottom: var(--spacing-200);
}
#container .mod_article:first-child {
padding-top: 50px;
}
/*#container .mod_article > .background-section {
margin-top: calc($space-sm * -1);
}*/
@media only screen and (min-width: 768px) {
#container .mod_article,
.background-section {
padding-top: var(--spacing-300);
padding-bottom: var(--spacing-300);
}
#container .mod_article:first-child {
padding-top: 120px;
}
/* #container .mod_article > .background-section {
margin-top: calc($space-md * -1);
}*/
}
@media only screen and (min-width: 1200px) {
#container .mod_article,
.background-section {
padding-top: var(--spacing-400);
padding-bottom: var(--spacing-400);
}
/* #container .mod_article > .background-section {
margin-top: calc($space-lg * -1);
}*/
}
#main .inside > * > *,
#footer .inside > * > * {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-150);
padding-right: var(--spacing-150);
}
#main .inside > * .background-section,
#footer .inside > * .background-section {
max-width: inherit;
}
#main .inside > * .background-section > *,
#footer .inside > * .background-section > * {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-150);
padding-right: var(--spacing-150);
}
#main .inside > * .background-section-img,
#footer .inside > * .background-section-img {
max-width: inherit;
padding: inherit;
}
#main .inside > * .background-section-img > *,
#footer .inside > * .background-section-img > * {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-150);
padding-right: var(--spacing-150);
}
@media only screen and (max-width: 1200px) {
#main .inside > * .background-section > *,
#footer .inside > * .background-section > * {
padding-left: 0;
padding-right: 0;
}
}
#container {
padding-top: 100px;
}
#teaser + #container {
padding-top: 0;
}
#header {
position: relative;
z-index: 999;
}
#header .inside {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
#header .inside .mod_customnav {
width: 100%;
background: var(--color-white);
padding: var(--spacing-050) var(--spacing-150);
font-size: var(--base-font-size--xxs);
}
#header .inside .mod_customnav a, #header .inside .mod_customnav strong {
text-decoration: none;
text-transform: uppercase;
color: var(--color-gray-600);
letter-spacing: 0.025rem;
}
#header .inside .mod_customnav a:hover {
color: var(--color-tertiary) !important;
}
#header .inside .mod_customnav ul {
display: flex;
justify-content: end;
flex-wrap: wrap;
}
#header .inside .mod_customnav li {
padding: 0 var(--spacing-050);
}
figure.image_container.float_left {
margin: var(--spacing-050) var(--spacing-150) var(--spacing-150) 0;
}
figure.image_container.float_right {
margin: var(--spacing-050) 0 var(--spacing-150) var(--spacing-150);
}
#footer {
color: var(--color-light);
padding-top: var(--spacing-200);
font-size: var(--base-font-size--xs);
}
#footer a {
color: var(--color-light);
}
#footer a:hover {
color: var(--color-tertiary);
}
#footer .footerinfo .footerlogo img {
max-width: 100px;
height: auto;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p {
margin-top: 0;
}
#footer .copyright {
background: var(--color-secondary);
text-align: center;
padding-top: var(--spacing-100);
padding-bottom: var(--spacing-200);
margin-top: var(--spacing-100);
}
#footer .copyright a:hover {
color: var(--color-white);
}
#footer .footerinfo {
padding-top: var(--spacing-200);
padding-bottom: var(--spacing-200);
}
#footer .socialmediaicons {
display: flex;
text-align: center;
justify-content: center;
}
#footer .mod_customnav li {
padding: var(--spacing-025) var(--spacing-100);
}
#footer .mod_customnav a {
display: block;
text-decoration: none;
text-align: center;
}
@media only screen and (min-width: 768px) {
#footer .copyright {
text-align: left;
}
#footer .socialmediaicons {
order: 2;
}
#footer .mod_customnav {
order: 3;
}
#footer .mod_customnav ul {
display: flex;
justify-content: end;
}
#footer .mod_customnav li {
padding: 0 var(--spacing-100);
}
}
/* work-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Work Sans";
font-style: normal;
font-weight: 400;
src: url("../../files/theme/fonts/work-sans-v18-latin-regular.woff2") format("woff2"), url("../../files/theme/fonts/work-sans-v18-latin-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Work Sans";
font-style: normal;
font-weight: 700;
src: url("../../files/theme/fonts/work-sans-v18-latin-700.woff2") format("woff2"), url("../../files/theme/fonts/work-sans-v18-latin-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.content-gallery {
margin-bottom: var(--spacing-200);
}
.content-gallery > ul {
display: grid;
grid-gap: 1rem;
padding: 0;
margin: 0;
list-style-type: none;
}
.content-gallery img {
display: block;
}
.content-gallery .caption {
text-align: center;
color: var(--color-gray-400);
font-size: 12px;
margin: var(--spacing-050) 1rem 1rem 1rem;
}
@media only screen and (min-width: 576px) {
.content-gallery > ul.cols_2 {
grid-template-columns: repeat(2, 1fr);
}
.content-gallery > ul.cols_3 {
grid-template-columns: repeat(3, 1fr);
}
.content-gallery > ul.cols_4 {
grid-template-columns: repeat(4, 1fr);
}
.content-gallery > ul.cols_5 {
grid-template-columns: repeat(5, 1fr);
}
.content-gallery > ul.cols_6 {
grid-template-columns: repeat(6, 1fr);
}
.content-gallery > ul.cols_7 {
grid-template-columns: repeat(7, 1fr);
}
.content-gallery > ul.cols_8 {
grid-template-columns: repeat(8, 1fr);
}
.content-gallery > ul.cols_9 {
grid-template-columns: repeat(9, 1fr);
}
.content-gallery > ul.cols_10 {
grid-template-columns: repeat(10, 1fr);
}
}
.ce_gallery.logocloud h1, .ce_gallery.logocloud .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner .ce_gallery.logocloud h1,
.ce_gallery.logocloud .ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner .ce_gallery.logocloud p,
.ce_gallery.logocloud .ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner .ce_gallery.logocloud h1,
.ce_gallery.logocloud .ce_rsce_titleimg .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner .ce_gallery.logocloud p,
.ce_gallery.logocloud h2,
.ce_gallery.logocloud h3,
.ce_gallery.logocloud h4,
.ce_gallery.logocloud h5 {
margin-top: 0;
}
.ce_gallery.logocloud figure {
margin-top: 0 !important;
}
.ce_gallery.logocloud .image_container {
display: grid;
height: 100%;
align-items: center;
}
.ce_gallery.logocloud .image_container {
display: grid;
height: 100%;
align-items: center;
}
.ce_gallery.logocloud li {
background: var(--color-white);
border-radius: var(--base-border-radius);
}
.ce_gallery.logocloud img {
max-height: 120px;
width: auto;
margin: 0 auto;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.cols_2 {
grid-template-columns: repeat(2, 275px) !important;
justify-content: center;
}
}
.news-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--spacing-100);
}
.news-grid .image_container {
margin-top: 0;
}
.news-grid .image_container img {
height: 45vw;
object-fit: cover;
object-position: center;
}
.news-grid h2 {
margin-top: var(--spacing-050);
font-size: 1.44rem;
text-align: left;
}
.news-grid .layout_latest {
padding: var(--spacing-100);
background: var(--color-white);
position: relative;
z-index: 21;
}
.news-grid a {
text-decoration: none;
}
.news-grid a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
.news-grid .more {
margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
.news-grid {
grid-template-columns: repeat(12, 1fr);
}
.news-grid .image_container img {
height: 25vw;
}
.news-grid .layout_latest {
grid-column: span 6;
}
}
@media only screen and (min-width: 992px) {
.news-grid .image_container img {
height: 17vw;
max-height: 230px;
}
.news-grid .layout_latest {
grid-column: span 4;
}
}
html {
--input-border-width: var(--base-border-width);
--input-border-radius: var(--base-border-radius);
--input-border-color: rgba(0, 0, 0, 0.25);
}
.ce_form {
overflow: visible;
max-width: 800px !important;
margin-top: var(--spacing-300);
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: var(--spacing-025);
font-size: var(--base-font-size--xs);
}
input.text,
input.captcha,
textarea {
display: block;
width: 100%;
padding: calc(var(--spacing-100) / 2) var(--spacing-100);
border-radius: var(--input-border-radius);
border: var(--input-border-width) solid var(--input-border-color);
background-clip: padding-box;
background-image: none;
}
textarea.textarea {
height: auto;
}
.widget-text,
.widget-textarea,
.widget-password {
margin-bottom: var(--spacing-100);
}
input.submit,
button.submit {
margin-top: var(--spacing-100);
}
input[type=search] {
-webkit-appearance: none;
appearance: none;
}
input[type=file] {
display: block;
width: 100%;
max-width: 100%;
line-height: 1.5;
cursor: pointer;
font-size: var(--base-font-size--xs);
margin-top: var(--spacing-050);
white-space: normal;
}
input[type=file]::file-selector-button {
background: var(--color-secondary);
color: var(--color-white);
margin-right: var(--spacing-100);
border: none;
cursor: pointer;
box-shadow: none !important;
transform: none !important;
transition: none !important;
}
input[type=file]::file-selector-button:hover {
background: var(--color-primary);
box-shadow: none !important;
transform: none !important;
}
@media (max-width: 576px) {
input[type=file]::file-selector-button {
display: block;
width: auto;
margin-bottom: var(--spacing-050);
}
}
input.radio,
input.checkbox {
margin-left: 1px;
margin-right: var(--spacing-075);
line-height: var(--base-line-height);
vertical-align: middle;
}
input.radio + label,
input.checkbox + label {
margin-right: var(--spacing-025);
margin-bottom: 0;
font-weight: normal;
}
select.select {
margin-left: var(--spacing-025);
}
.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
margin-bottom: var(--spacing-100);
}
.widget-radio legend,
.widget-checkbox legend,
.widget-select legend,
.widget-upload legend {
font-weight: 700;
}
.radio_container > span,
.checkbox_container > span {
display: inline-flex;
align-items: start;
}
.radio_container > span input,
.checkbox_container > span input {
margin-top: 5px;
}
span.mandatory {
color: var(--color-tertiary);
}
p.error {
margin-bottom: 0;
}
input.text:focus,
textarea:focus {
outline: 1px solid var(--color-tertiary);
border: 1px solid var(--color-tertiary);
}
.iconboxen {
margin-bottom: var(--spacing-150) !important;
}
.iconboxen h2 {
margin-top: 0;
}
.iconboxen .iconbox-item {
border: var(--base-border);
border-radius: var(--base-border-radius);
overflow: hidden;
background: var(--color-white);
}
.iconboxen .iconbox-item .content {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding: var(--spacing-200) var(--spacing-100) var(--spacing-100) var(--spacing-100);
text-align: center;
}
.iconboxen .image {
display: flex;
justify-content: center;
flex-direction: column;
}
.iconboxen.box-icon img {
height: 50px;
width: auto;
margin: var(--spacing-150) var(--spacing-150) 0;
}
.iconboxen.box-image img {
height: 225px;
width: auto;
}
.iconboxen .mod_newslist a {
text-decoration: none;
display: block;
padding: var(--spacing-025) 0;
}
.iconboxen .mod_newslist a:hover {
background: var(--color-gray-100);
}
.iconboxen .mod_newslist .even, .iconboxen .mod_newslist .odd {
border-top: var(--base-border);
}
.iconboxen .mod_newslist .last {
border-bottom: var(--base-border);
}
@media only screen and (min-width: 576px) {
.iconboxen .iconbox-item .content {
padding: var(--spacing-200);
}
.iconboxen.box-icon img {
height: 75px;
}
}
/** Akkordeon **/
.content-accordion {
margin-bottom: var(--spacing-025);
border-radius: var(--base-border-radius);
}
.ui-accordion-content {
padding: var(--spacing-050) var(--spacing-100);
border: var(--base-border);
}
.content-accordion .toggler {
cursor: pointer;
background: var(--color-gray-300);
color: var(--color-white);
padding: var(--spacing-050) var(--spacing-100);
font-weight: 700;
display: flex;
justify-content: space-between;
align-items: center;
}
.content-accordion .toggler.active,
.content-accordion .toggler:hover {
background: var(--color-secondary);
}
.ui-icon {
display: flex;
order: 2;
background: url("/files/theme/icons/chevron-down-solid.svg") center/contain no-repeat;
width: 25px;
height: 25px;
min-width: 25px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.ui-accordion-header-active .ui-icon {
transform: rotate(180deg);
}
.flipcards .btn, .flipcards .content-download.download-element, .flipcards input.submit,
.flipcards button.submit, .flipcards input[type=file]::file-selector-button, .flipcards .btn:link, .flipcards .btn:visited {
padding: 1rem 2rem;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.flipcards .btn:hover, .flipcards .content-download.download-element:hover, .flipcards input.submit:hover,
.flipcards button.submit:hover, .flipcards input[type=file]:hover::file-selector-button {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.flipcards .btn:hover::after, .flipcards .content-download.download-element:hover::after, .flipcards input.submit:hover::after,
.flipcards button.submit:hover::after {
-webkit-transform: scaleX(1.4) scaleY(1.6);
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.flipcards .btn:active, .flipcards .content-download.download-element:active, .flipcards input.submit:active,
.flipcards button.submit:active, .flipcards input[type=file]:active::file-selector-button, .flipcards .btn:focus, .flipcards .content-download.download-element:focus, .flipcards input.submit:focus,
.flipcards button.submit:focus, .flipcards input[type=file]:focus::file-selector-button {
outline: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.flipcards .btn--white {
background-color: #fff;
color: #777;
}
.flipcards .btn--white::after {
background-color: #fff;
}
.flipcards *,
.flipcards *::after,
.flipcards *::before {
margin: 0;
padding: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.flipcards .card {
-webkit-perspective: 150rem;
perspective: 150rem;
-moz-perspective: 150rem;
position: relative;
height: 300px;
}
.flipcards .card__side {
height: 300px;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: var(--base-border-radius);
overflow: hidden;
-webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--spacing-100);
}
.flipcards .card__side h2 {
font-size: var(--base-font-size);
margin-bottom: var(--spacing-100);
text-align: center;
}
.flipcards .card__side img {
width: 120px;
height: auto;
margin: 0 auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.flipcards .card__side--front {
background-color: var(--color-white);
border: var(--base-border);
}
.flipcards .card__side--back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: linear-gradient(-45deg, var(--color-primary), var(--color-secondary));
color: var(--color-text--inverted);
}
.flipcards .card__side--back p {
overflow: hidden;
line-height: 2rem;
max-height: 8rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
}
.flipcards .card:hover .card__side--front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flipcards .card:hover .card__side--back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
hr.ce_rsce_separator {
height: 60px;
width: 80%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto var(--spacing-300) auto;
border: 0;
}
hr.ce_rsce_separator:before {
content: "";
display: block;
width: 60px;
height: 60px;
z-index: 50;
background: var(--color-white) url("/files/theme/icons/flower-plant-icon.svg") center/65% no-repeat;
}
hr.ce_rsce_separator:after {
content: "";
display: block;
width: 100%;
background: var(--color-gray-200);
height: 1px;
position: absolute;
top: 50%;
}
.btn, .content-download.download-element, input.submit,
button.submit, input[type=file]::file-selector-button, .btn:link, .btn:visited {
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.btn, .content-download.download-element, input.submit,
button.submit, input[type=file]::file-selector-button {
border-radius: var(--base-border-radius);
padding: var(--spacing-050) var(--spacing-100);
text-decoration: none;
color: var(--color-btn-text);
display: inline-block;
text-align: center;
border: none;
box-shadow: none;
}
.btn:hover, .content-download.download-element:hover, input.submit:hover,
button.submit:hover, input[type=file]:hover::file-selector-button {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.btn:hover::after, .content-download.download-element:hover::after, input.submit:hover::after,
button.submit:hover::after {
-webkit-transform: scaleX(1.4) scaleY(1.6);
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.btn:active, .content-download.download-element:active, input.submit:active,
button.submit:active, input[type=file]:active::file-selector-button, .btn:focus, .content-download.download-element:focus, input.submit:focus,
button.submit:focus, input[type=file]:focus::file-selector-button {
outline: none;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.btn.btn-primary, .content-download.download-element, input.btn-primary[type=file]::file-selector-button, input[type=file].content-download.download-element::file-selector-button, input.submit, input[type=file].submit::file-selector-button,
button.submit {
background: var(--color-btn);
}
.btn.btn-primary:hover, .content-download.download-element:hover, input.btn-primary[type=file]:hover::file-selector-button, input[type=file].content-download.download-element:hover::file-selector-button, input.submit:hover, input[type=file].submit:hover::file-selector-button,
button.submit:hover {
background: var(--color-btn-hover);
color: var(--color-btn-text) !important;
}
.module-plenta-jobs-basic-offer-reader .content-image {
margin-bottom: var(--spacing-300);
}
.module-plenta-jobs-basic-offer-reader .lead {
margin-bottom: 0;
color: var(--color-gray-600);
}
.module-plenta-jobs-basic-offer-reader h1, .module-plenta-jobs-basic-offer-reader .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner .module-plenta-jobs-basic-offer-reader h1,
.module-plenta-jobs-basic-offer-reader .ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner .module-plenta-jobs-basic-offer-reader p,
.module-plenta-jobs-basic-offer-reader .ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner .module-plenta-jobs-basic-offer-reader h1,
.module-plenta-jobs-basic-offer-reader .ce_rsce_titleimg .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner .module-plenta-jobs-basic-offer-reader p {
margin-top: var(--spacing-150);
margin-bottom: var(--spacing-200);
}
@media only screen and (max-width: 767px) {
.module-plenta-jobs-basic-offer-reader .grid_tablet_66_33 > div:first-of-type {
order: 2;
}
}
.module-plenta-jobs-basic-offer-reader .job-reader-grid {
display: grid;
gap: var(--spacing-300);
grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
.module-plenta-jobs-basic-offer-reader .job-reader-grid {
grid-template-columns: 2fr 1fr;
}
}
.job-meta .job-details {
font-size: var(--base-font-size--xs);
margin-bottom: var(--spacing-150);
margin-top: var(--spacing-100);
height: fit-content;
}
.job-meta .job-details p {
margin-bottom: var(--spacing-075);
}
.job-meta h4, .job-meta .iconboxen h2, .iconboxen .job-meta h2 {
margin-bottom: var(--spacing-150);
}
.job-meta ul.card__text {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.job-meta ul.card__text li {
display: grid;
grid-template-columns: 40% 1fr;
padding: var(--spacing-075) var(--spacing-200);
/* Das negative Margin hebelt das Card-Padding auf,
damit sich die Background-Farbe bis zum Rand erstreckt */
margin-inline: calc(var(--spacing-200) * -1);
margin-bottom: 0;
hyphens: auto;
border-bottom: 1px solid var(--base-border-color);
}
.job-meta ul.card__text li:nth-child(odd) {
background: var(--color-gray-100);
}
.job-meta ul.card__text li strong {
font-weight: 600;
}
.job-meta .btn.job-button, .job-meta .job-button.content-download.download-element, .job-meta input.job-button.submit,
.job-meta button.job-button.submit, .job-meta input.job-button[type=file]::file-selector-button {
background: var(--color-secondary);
box-shadow: none !important;
transform: none !important;
}
.job-meta .btn.job-button:hover, .job-meta .job-button.content-download.download-element:hover, .job-meta input.job-button.submit:hover,
.job-meta button.job-button.submit:hover, .job-meta input.job-button[type=file]:hover::file-selector-button {
background: var(--color-primary);
color: var(--color-white);
box-shadow: none !important;
transform: none !important;
}
.module-plenta-jobs-basic-offer-list h2 {
margin-top: 0;
}
.module-plenta-jobs-basic-offer-list .joboffers-table {
display: block;
border: var(--base-border);
border-collapse: separate;
/* Mobil: Spalten stapeln */
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row {
display: flex;
align-items: stretch;
gap: var(--spacing-100);
padding: var(--spacing-050) var(--spacing-075) !important;
border-bottom: 1px solid var(--base-border-color);
background: var(--color-white);
}
@media only screen and (min-width: 992px) {
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row {
padding: var(--spacing-050) var(--spacing-075) !important;
}
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row--head {
background: var(--color-gray-100);
padding: var(--spacing-050) var(--spacing-075) !important;
border-bottom: 1px solid var(--base-border-color);
font-weight: 700;
color: var(--color-text);
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell {
flex: 1 1 0;
min-width: 0;
display: flex;
align-items: center;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title .title {
margin: 0;
line-height: var(--base-line-height);
text-align: left;
text-transform: none;
font-size: var(--base-font-size--lead);
font-weight: 600;
}
@media only screen and (min-width: 768px) {
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title .title {
font-size: var(--base-font-size);
}
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title .title a {
text-decoration: none;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--action {
justify-content: flex-end;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--image :where(img, picture, figure) {
max-width: 100%;
height: auto;
display: block;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .btn.job-button, .module-plenta-jobs-basic-offer-list .joboffers-table .job-button.content-download.download-element, .module-plenta-jobs-basic-offer-list .joboffers-table input.job-button.submit,
.module-plenta-jobs-basic-offer-list .joboffers-table button.job-button.submit, .module-plenta-jobs-basic-offer-list .joboffers-table input.job-button[type=file]::file-selector-button {
font-size: var(--base-font-size--xs);
margin-bottom: 0;
background: var(--color-secondary);
box-shadow: none !important;
transform: none !important;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .btn.job-button:hover, .module-plenta-jobs-basic-offer-list .joboffers-table .job-button.content-download.download-element:hover, .module-plenta-jobs-basic-offer-list .joboffers-table input.job-button.submit:hover,
.module-plenta-jobs-basic-offer-list .joboffers-table button.job-button.submit:hover, .module-plenta-jobs-basic-offer-list .joboffers-table input.job-button[type=file]:hover::file-selector-button {
background: var(--color-primary);
color: var(--color-white);
box-shadow: none !important;
transform: none !important;
}
@media only screen and (max-width: 767px) {
.module-plenta-jobs-basic-offer-list .joboffers-table {
/* Kopfzeile auf Mobil ausblenden (optional) */
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row {
flex-wrap: wrap;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell {
flex: 1 1 100%;
justify-content: flex-start;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--location, .module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--employment {
flex: 0 1 auto;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--location::after {
content: "|";
margin-left: calc(var(--spacing-150) / 2);
/* Zieht den nachfolgenden Container optisch heran, um den Row-Gap auszugleichen: */
margin-right: calc(var(--spacing-150) / -2);
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row--head {
position: absolute;
left: -9999px;
top: -9999px;
height: 0;
width: 0;
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.module-plenta-jobs-basic-offer-list .joboffers-table {
/* Standard: lieber einzeilig + Ellipsis, außer beim Titel */
/* TITEL: soll umbrechen (mehrzeilig) */
/* Überschrift/Link im Titel sicher mehrzeilig */
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row {
display: grid;
column-gap: var(--spacing-100);
align-items: center;
/* wichtig: Zeilenhöhe wächst mit dem Titel */
grid-template-columns: 45fr 25fr 15fr 15fr;
padding: var(--spacing-050) var(--spacing-075) !important;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-row--head {
display: grid;
column-gap: var(--spacing-100);
grid-template-columns: 45fr 25fr 15fr 15fr;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title {
white-space: normal;
/* bricht um */
overflow: visible;
/* kein Abschneiden */
text-overflow: clip;
/* Ellipsis aus */
overflow-wrap: anywhere;
/* lange, untrennbare Wörter/URLs brechen */
word-break: normal;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title .title,
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--title a {
display: inline;
/* verhindert erzwungenes Trimming */
white-space: normal;
}
.module-plenta-jobs-basic-offer-list .joboffers-table .joboffers-cell--action {
justify-content: flex-end;
text-align: right;
}
}
html {
--color-primary: hsl(207, 66%, 39%);
--color-secondary: hsl(71, 62%, 44%);
--color-tertiary: hsl(191, 95%, 43%);
--color-red: hsl(13, 83%, 57%);
--color-white: hsl(0, 0%, 100%);
--color-gray-100: hsl(0, 0%, 96%);
--color-gray-200: hsl(0, 0%, 80%);
--color-gray-300: hsl(0, 0%, 70%);
--color-gray-400: hsl(0, 0%, 60%);
--color-gray-500: hsl(0, 0%, 50%);
--color-gray-600: hsl(0, 0%, 40%);
--color-gray-700: hsl(0, 0%, 30%);
--color-gray-800: hsl(0, 0%, 20%);
--color-gray-900: hsl(0, 0%, 10%);
--color-black: hsl(0, 0%, 0%);
--color-light: hsl(40, 43%, 92%);
--color-dark: var(--color-gray-800);
--bg-primary: var(--color-primary);
--bg-secondary: var(--color-secondary);
--bg-tertiary: var(--color-tertiary);
--bg-light: var(--color-light);
--bg-dark: var(--color-dark);
--color-links: var(--color-primary);
--color-links-hover: var(--color-tertiary);
--color-text: var(--color-gray-800);
--color-text--inverted: var(--color-gray-100);
--color-btn: var(--color-primary);
--color-btn-hover: var(--color-secondary);
--color-btn-text: var(--color-text--inverted);
--base-font-size: 1rem;
--base-font-size--xxs: calc(var(--base-font-size) * 0.7);
--base-font-size--xs: calc(var(--base-font-size) * 0.875);
--base-font-size--lead: calc(var(--base-font-size) * 1.25);
--base-line-height: 1.625;
--base-font-weight: 400;
--base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
--spacing-025: 0.25rem;
--spacing-050: 0.5rem;
--spacing-075: 0.75rem;
--spacing-100: 1rem;
--spacing-150: 1.5rem;
--spacing-200: 2rem;
--spacing-300: 3rem;
--spacing-400: 4rem;
--spacing-500: 5rem;
--spacing-600: 6rem;
--base-border-radius: 5px;
--base-border-width: 2px;
--base-border-color: var(--color-gray-100);
--base-border: var(--base-border-width) solid var(--base-border-color);
}
html .bg-primary, html #footer {
background-color: var(--color-primary);
background-image: url("data:image/svg+xml,");
}
html .bg-secondary {
background-color: var(--color-secondary);
}
html .bg-tertiary {
background-color: var(--color-tertiary);
}
html .bg-light {
background-color: var(--color-light);
}
html .bg-dark {
background-color: var(--color-dark);
}
html .bg-verlauf, html .infobox h2, .infobox html h2, html .infobox h3, .infobox html h3, html #header .inside, #header html .inside {
background: linear-gradient(135deg, var(--color-primary) 35%, hsla(185, 100%, 50%, 0.5) 100%);
}
/*
Card Component
*/
.card {
position: relative;
display: flex;
flex-direction: column;
background-color: var(--color-gray-100);
border: 1px solid var(--base-border-color);
border-radius: var(--base-border-radius);
padding: var(--spacing-150);
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
height: 100%;
}
.card:is(a) {
text-decoration: none;
color: inherit;
cursor: pointer;
}
.card:is(a):hover, .card:is(a):focus-visible {
border-color: var(--color-primary);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.card__headline {
color: var(--color-text);
margin: 0 !important;
}
.card__text {
color: var(--color-text);
}
.card__text--bold {
font-weight: 600;
}
.card__text ul,
.card__text ol {
padding-inline-start: 1rem;
margin-block-start: 0;
margin-block-end: var(--spacing-150);
}
.card__text li {
border-bottom: var(--base-border);
border-color: var(--color-gray-200) !important;
}
.card__text li:first-of-type {
border-top: var(--base-border);
}
.card__text > *:last-child {
margin-bottom: 0;
}
.card__actions {
margin-top: auto;
padding-top: var(--spacing-100);
position: relative;
z-index: 10;
}
.text-small {
font-size: var(--base-font-size--xs);
}
.text-muted {
color: var(--color-gray-500);
}
body {
font-family: "Work Sans";
color: var(--color-gray-700);
}
.logo img,
.mod_rocksolid_slider img {
border-radius: 0;
}
h2,
.content-text,
section,
.content-table {
scroll-margin-top: 4.5rem;
}
img {
border-radius: var(--base-border-radius);
}
h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p {
margin-bottom: var(--spacing-200);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
h2 {
margin-bottom: var(--spacing-200);
}
.hintergrundfarbe-1 {
color: var(--color-text--inverted);
}
.center figure {
text-align: center;
}
.text-center {
text-align: center;
}
.lead {
font-size: var(--base-font-size--lead);
}
.lead p {
color: var(--color-primary);
}
.ce_rsce_separator {
padding: 0 !important;
}
.mt-0 h2,
.mt-0 h3,
.mt-0 h4 {
margin-top: 0;
}
#main ul ul {
margin-bottom: 0;
}
.image_container {
margin-top: var(--spacing-150);
}
.image_headline_bottom h1, .image_headline_bottom .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1, .ce_rsce_sliderboxes .slidecontent .slidecontentinner .image_headline_bottom h1,
.image_headline_bottom .ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner .image_headline_bottom p,
.image_headline_bottom .ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner .image_headline_bottom h1,
.image_headline_bottom .ce_rsce_titleimg .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner .image_headline_bottom p, .image_headline_bottom h2, .image_headline_bottom h3, .image_headline_bottom h4, .image_headline_bottom h5, .image_headline_bottom h6 {
margin-top: var(--spacing-100);
}
.image_headline_bottom figure {
margin-top: 0;
}
img.widescreen {
aspect-ratio: 16/9;
object-fit: cover;
}
[class*=grid_] {
grid-gap: 1.5rem;
}
#main [class*=grid_] {
margin-top: var(--spacing-200) !important;
margin-bottom: var(--spacing-200) !important;
}
@media only screen and (max-width: 576px) {
[class*=grid_] {
grid-gap: 0.5rem;
}
}
[class*=grid_] h2:first-child {
margin-top: 0;
}
#header .inside .logo {
width: 220px;
padding-top: var(--spacing-050);
padding-bottom: var(--spacing-050);
}
#header .inside .logo a {
display: flex;
}
#header .inside .mod_customnav {
padding-left: var(--spacing-050);
padding-right: var(--spacing-050);
}
@media only screen and (min-width: 768px) {
#header .inside .logo {
width: 300px;
}
#header .inside .mod_customnav {
padding-left: var(--spacing-100);
padding-right: var(--spacing-100);
}
}
@media only screen and (min-width: 992px) {
#header .inside .logo {
width: 25%;
max-width: 300px;
}
}
:root {
--nav-color: var(--text);
--nav-active-color: hsl(71, 61%, 26%);
--nav-font-size: var(--base-font-size--xs) !important;
--nav-font-weight: var(--base-font-weight);
--nav-item-line-height: 1rem;
--nav-mobile-background: var(--color-primary);
--nav-mobile-active-background: var(--color-white);
--nav-burger-line-color: var(--color-white);
}
@media (min-width: 1550px) {
:root {
--nav-item-line-height: 0.75rem;
}
}
.nav-burger {
margin-inline-end: var(--spacing-100);
}
.mod_navigation a,
.mod_navigation strong {
font-weight: 400;
padding: var(--spacing-025) var(--spacing-050);
font-size: var(--base-font-size--xs);
}
.mod_navigation strong {
color: var(--nav-active-color);
}
@media only screen and (min-width: 1024px) {
.mod_navigation {
width: 70%;
}
}
@media only screen and (min-width: 1550px) {
.mod_navigation {
flex-grow: 1;
}
.mod_navigation a,
.mod_navigation strong {
padding: var(--spacing-050) var(--spacing-075);
}
}
body.nav-is-desktop .mod_navigation a,
body.nav-is-desktop .mod_navigation strong {
color: var(--color-gray-600);
white-space: nowrap;
letter-spacing: inherit;
font-size: var(--base-font-size--xs);
}
body.nav-is-desktop .nav-wrapper {
justify-content: end;
margin-inline-end: var(--spacing-150);
}
body.nav-is-desktop .btn-toggle-submenu {
right: 3px;
top: 6px;
}
@media (min-width: 1550px) {
body.nav-is-desktop .btn-toggle-submenu {
top: 8px;
}
}
body.nav-is-desktop .navigation-main .level_1 {
gap: 0.15rem 0.35rem;
margin-block: 0.15rem;
}
@media (min-width: 1550px) {
body.nav-is-desktop .navigation-main .level_1 {
gap: 0.15rem 1rem;
}
}
body.nav-is-desktop .navigation-main li {
background: var(--color-white);
border-radius: var(--base-border-radius);
border-bottom: var(--base-border);
padding: 0;
transition: background 0.2s, box-shadow 0.2s;
}
body.nav-is-desktop .navigation-main li:hover {
background: var(--color-primary);
box-shadow: 0 0 5px 0 var(--color-tertiary);
}
body.nav-is-desktop .navigation-main li:hover a {
color: var(--color-white);
}
body.nav-is-desktop .navigation-main li:hover .level_2 {
border-radius: var(--base-border-radius) !important;
}
body.nav-is-desktop .navigation-main li:hover .level_2 a {
color: inherit;
font-size: var(--base-font-size--xs);
}
body.nav-is-desktop .navigation-main li:hover .level_2 a:hover {
background: var(--color-primary);
color: var(--color-white) !important;
border-radius: var(--base-border-radius);
}
body.nav-is-desktop .navigation-main li:hover .level_2 strong {
font-size: var(--base-font-size--xs);
}
body.nav-is-desktop .navigation-main li.active, body.nav-is-desktop .navigation-main li.submenu.trail {
background: var(--color-light);
border-color: var(--color-primary);
box-shadow: 0 0 5px 0 var(--color-tertiary);
}
body.nav-is-desktop .navigation-main li.active:hover a, body.nav-is-desktop .navigation-main li.submenu.trail:hover a {
color: var(--color-primary);
}
body.nav-is-desktop .navigation-main li.active.submenu {
padding-right: 20px;
}
body.nav-is-desktop .navigation-main li.active.submenu:hover {
background: var(--color-light);
}
body.nav-is-desktop .navigation-main li.active.submenu strong {
box-shadow: none;
}
.mod_customnav.iconnav {
position: fixed;
width: 100%;
bottom: 0;
z-index: 500;
}
.mod_customnav.iconnav ul {
display: flex;
column-gap: var(--spacing-100);
justify-content: center;
height: 55px;
background: var(--color-tertiary);
}
.mod_customnav.iconnav ul li {
height: 55px;
}
.mod_customnav.iconnav ul li a,
.mod_customnav.iconnav ul li strong {
visibility: hidden;
font-size: 1px;
letter-spacing: -1px;
color: transparent;
}
.mod_customnav.iconnav ul li a:before,
.mod_customnav.iconnav ul li strong:before {
content: " ";
width: 55px;
height: 55px;
overflow: hidden;
display: block;
visibility: visible;
background: center/65% no-repeat;
filter: invert(100%) sepia(7%) saturate(2%) hue-rotate(31deg) brightness(116%) contrast(100%);
}
.mod_customnav.iconnav ul li a:hover:before {
filter: invert(35%) sepia(52%) saturate(994%) hue-rotate(171deg) brightness(92%) contrast(87%);
}
.mod_customnav.iconnav ul li a.icon-kontakt:before,
.mod_customnav.iconnav ul li strong.icon-kontakt:before {
background-image: url("/files/theme/icons/phone-line.svg");
}
.mod_customnav.iconnav ul li a.icon-adresse:before,
.mod_customnav.iconnav ul li strong.icon-adresse:before {
background-image: url("/files/theme/icons/map-pin-line.svg");
}
@media only screen and (min-width: 768px) {
.mod_customnav.iconnav {
position: fixed;
width: 55px;
right: 0;
top: 40vh;
height: 60px;
}
.mod_customnav.iconnav ul {
flex-direction: column;
row-gap: var(--spacing-025);
height: inherit;
border-top-left-radius: var(--base-border-radius);
border-bottom-left-radius: var(--base-border-radius);
padding: 7px 0;
}
}
.navbar-scollspy .logo {
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.navbar-scollspy .mod_navigation {
transition-property: padding;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
}
.navbar-scollspy.scrolled {
background-color: var(--color-white) !important;
transition: background-color 200ms linear;
border-bottom: var(--base-border);
}
.navbar-scollspy.scrolled .logo {
width: 50px;
}
.navbar-scollspy.scrolled .mod_navigation {
padding: var(--spacing-050) !important;
}
.rsts-crop,
.slideiteminner {
min-height: 300px;
}
.ce_rsce_sliderboxes .slideiteminner,
.ce_rsce_titleimg .slideiteminner {
position: relative;
overflow: hidden;
height: 100vh;
max-width: 2500px;
margin: 0 auto;
}
.ce_rsce_sliderboxes .slideimg,
.ce_rsce_titleimg .slideimg {
position: absolute;
z-index: -10;
width: 100%;
height: 100%;
}
.ce_rsce_sliderboxes .slidecontent,
.ce_rsce_titleimg .slidecontent {
display: flex;
margin: 0 auto;
align-items: end;
height: 100%;
justify-content: center;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner,
.ce_rsce_titleimg .slidecontent .slidecontentinner {
line-height: 2.5rem;
background: var(--color-white);
padding: var(--spacing-075);
border-radius: var(--base-border-radius);
margin-bottom: var(--spacing-400);
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p {
font-weight: 400;
line-height: 1.25;
text-transform: none;
color: var(--color-primary);
text-align: left;
font-size: 1.8rem;
margin: 0;
display: table;
position: relative;
padding: var(--spacing-150);
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner h1:before, .ce_rsce_sliderboxes .slidecontent .slidecontentinner h1:after,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p:before,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner p:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner p:after {
position: absolute;
width: 50px;
height: 50px;
border-color: var(--color-primary);
border-style: solid;
content: " ";
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner h1:before,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner p:before {
top: 0;
left: 0;
border-width: 4px 0 0 4px;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner h1:after,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner p:after {
top: 0;
right: 0;
border-width: 4px 4px 0 0;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner hr,
.ce_rsce_titleimg .slidecontent .slidecontentinner hr {
position: relative;
border: 0;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner hr:before, .ce_rsce_sliderboxes .slidecontent .slidecontentinner hr:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner hr:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner hr:after {
position: absolute;
width: 50px;
height: 50px;
border-color: var(--color-primary);
border-style: solid;
content: " ";
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner hr:before,
.ce_rsce_titleimg .slidecontent .slidecontentinner hr:before {
bottom: 0;
right: 0;
border-width: 0 4px 4px 0;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner hr:after,
.ce_rsce_titleimg .slidecontent .slidecontentinner hr:after {
bottom: 0;
left: 0;
border-width: 0 0 4px 4px;
}
.ce_rsce_sliderboxes img,
.ce_rsce_titleimg img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media only screen and (min-width: 768px) {
.rsts-crop,
.slideiteminner {
min-height: 500px;
}
.ce_rsce_sliderboxes .slidecontent,
.ce_rsce_titleimg .slidecontent {
align-items: end;
justify-content: start;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner,
.ce_rsce_titleimg .slidecontent .slidecontentinner {
line-height: 3rem;
max-width: 500px;
margin-left: 5vw;
margin-bottom: 7vh;
}
.ce_rsce_sliderboxes .slidecontent .slidecontentinner h1,
.ce_rsce_sliderboxes .slidecontent .slidecontentinner p,
.ce_rsce_titleimg .slidecontent .slidecontentinner h1,
.ce_rsce_titleimg .slidecontent .slidecontentinner p {
hyphens: auto;
font-size: 2.75rem;
}
}
.opa img {
object-position: top;
}
.mod_breadcrumb {
font-size: var(--base-font-size--xs);
width: 100%;
}
.mod_breadcrumb ul {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-150);
padding-right: var(--spacing-150);
display: flex;
padding: var(--spacing-150);
}
.mod_breadcrumb ul li {
margin-right: var(--spacing-100);
display: flex;
align-items: center;
}
.mod_breadcrumb ul li.active {
font-weight: 700;
}
.mod_breadcrumb ul li.first a {
display: flex;
align-items: center;
width: 22px;
overflow-x: hidden;
}
.mod_breadcrumb ul li.first a:before {
display: block;
content: "";
width: 22px;
height: 22px;
min-width: 22px;
background: url("/files/theme/icons/home.svg") center/cover no-repeat;
margin-right: var(--spacing-100);
}
.mod_breadcrumb ul li:after {
display: block;
content: "";
width: 20px;
height: 20px;
min-width: 20px;
background: url("/files/theme/icons/chevron-right-solid.svg") center/cover no-repeat;
margin-left: var(--spacing-100);
}
.mod_breadcrumb ul li.last:after {
display: none;
}
.mod_breadcrumb ul li a {
text-decoration: none;
}
.mod_breadcrumb ul li a:hover {
color: var(--color-primary);
}
.mod_breadcrumb ul a {
color: var(--color-dark);
}
.content-table {
font-size: var(--base-font-size--xs);
margin-bottom: var(--spacing-300);
}
.content-table table {
width: 100%;
}
.content-table thead th {
background: var(--color-secondary);
color: var(--color-white);
font-weight: 700;
text-align: left;
}
.content-table td,
.content-table th {
padding: var(--spacing-050) var(--spacing-100);
border-top: var(--base-border);
}
.content-table tr.even {
background: var(--color-white);
}
.content-table .col_0 {
font-weight: 700;
}
/* ===========================================
* Wrapper Elements
* ======================================== */
/*%wrapper {
max-width: $max-width;
margin-right: auto;
margin-left: auto;
}*/
/*%inner-wrapper {
width: 100%;
max-width: $max-width / 32 * 30;
margin-right: auto;
margin-left: auto;
padding-left: var(--spacing-150);
padding-right: var(--spacing-150);
@include mediaquery($max-width) {
width: col(30, 32);
width: var(-(-page-inner-width));
max-width: none;
margin-right: 0;
margin-left: col(1, 32);
margin-left: var(-(-page-padding-left));
}
@include mediaquery(tablet) {
width: col(22, 24);
width: var(-(-page-inner-width));
margin-left: col(1, 24);
margin-left: var(-(-page-padding-left));
}
}*/
.background-section {
zoom: 1;
position: relative;
clear: both;
background: 50% 50% no-repeat;
background-size: cover;
}
.background-section:before {
content: "";
display: table;
}
.background-section:after {
content: "";
display: table;
clear: both;
}
.background-section.vertikal-zentriert {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.background-section.rahmen-oben {
border-top: 1px solid #cccccc;
}
.background-section.rahmen-unten {
border-bottom: 1px solid #cccccc;
}
.background-section.text-inverted {
color: var(--color-text--inverted);
}
.background-section.hintergrundfarbe-1 {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1021%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(34%2c 106%2c 165%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c377.158C69.531%2c367.947%2c135.652%2c339.188%2c187.941%2c292.442C235.753%2c249.698%2c249.295%2c184.237%2c279.237%2c127.523C311.402%2c66.598%2c375.329%2c15.458%2c370.454%2c-53.263C365.554%2c-122.335%2c301.578%2c-169.741%2c254.545%2c-220.564C208.992%2c-269.788%2c164.89%2c-323.602%2c101.102%2c-344.32C36.471%2c-365.312%2c-31.267%2c-345.575%2c-98.427%2c-335.21C-175.942%2c-323.247%2c-271.302%2c-338.859%2c-322.009%2c-279.022C-372.771%2c-219.121%2c-340.508%2c-127.537%2c-340.95%2c-49.021C-341.329%2c18.298%2c-343.648%2c83.641%2c-324.414%2c148.155C-302.724%2c220.906%2c-284.939%2c303.09%2c-222.919%2c346.869C-160.389%2c391.008%2c-75.876%2c387.209%2c0%2c377.158' fill='%231e5e93'%3e%3c/path%3e%3cpath d='M1440 1022.322C1523.506 1005.232 1569.708 919.483 1641.04 872.8240000000001 1711.571 826.6890000000001 1816.007 824.15 1856.2069999999999 750.075 1896.501 675.827 1854.503 585.748 1842.186 502.174 1829.917 418.922 1828.429 333.33000000000004 1784.2350000000001 261.718 1735.452 182.671 1671.752 99.78399999999999 1581.1680000000001 79.226 1491.287 58.827999999999975 1403.866 115.18900000000002 1321.587 156.721 1251.425 192.137 1189.132 238.81900000000002 1141.3600000000001 301.227 1095.671 360.913 1062.745 429.889 1055.232 504.679 1047.909 577.582 1080.965 644.565 1099.758 715.384 1122.8020000000001 802.221 1111.359 907.394 1178.068 967.5740000000001 1245.667 1028.556 1350.808 1040.576 1440 1022.322' fill='%232676b7'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1021'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.background-section.hintergrundfarbe-2 {
background-color: var(--color-secondary);
}
.background-section.hintergrundfarbe-3 {
background-color: var(--color-tertiary);
}
.background-section.height-1 {
min-height: 300px;
}
.background-section.height-2 {
min-height: 600px;
}
.background-section.height-3 {
min-height: 900px;
}
.background-section.height-full {
min-height: 100vh;
}
.background-section-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
}
.background-section-content {
position: relative;
}
.background-section-content.fluid {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.background-section-content.fluid-padding {
max-width: none !important;
padding-right: var(--spacing-150) !important;
padding-left: var(--spacing-150) !important;
}
.iconbox-item {
display: flex;
align-items: center;
background: var(--color-light);
border-radius: var(--base-border-radius);
padding: var(--spacing-150);
margin-bottom: var(--spacing-100);
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.iconbox-item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.iconbox-item .image {
margin-right: var(--spacing-100);
margin-bottom: var(--spacing-075);
min-width: 40px;
height: 40px;
width: 40px;
}
.iconbox-item .image img {
filter: invert(43%) sepia(13%) saturate(2407%) hue-rotate(165deg) brightness(95%) contrast(100%);
}
.iconbox-item h2 {
margin: 0;
padding-right: var(--spacing-100);
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: var(--color-primary);
text-align: inherit;
}
.iconbox-item a {
text-decoration: none;
}
.iconbox-item a h2:after {
display: inline-block;
text-align: center;
content: " ";
width: 24px;
height: 16px;
background: url("/files/theme/icons/arrow-long-right.svg") center/cover no-repeat;
margin-left: var(--spacing-050);
filter: invert(43%) sepia(13%) saturate(2407%) hue-rotate(165deg) brightness(95%) contrast(100%);
}
.iconbox-item p {
margin-top: 0;
color: var(--color-gray-600);
display: none;
}
.iconbox-item a:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: " ";
}
.iconbox-item p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
.iconbox-item {
display: inherit;
}
.iconbox-item p {
display: inherit;
}
.iconbox-item h2 {
margin-top: var(--spacing-100);
margin-bottom: var(--spacing-050);
}
.iconbox-item .image {
min-width: 50px;
height: 50px;
width: 50px;
}
}
.news-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--spacing-100);
}
.news-grid .image_container {
margin-top: 0;
}
.news-grid .image_container img {
height: 45vw;
object-fit: cover;
object-position: center;
}
.news-grid h2 {
margin-top: var(--spacing-050);
text-align: left;
font-size: 1.2rem;
margin-bottom: var(--spacing-150);
}
.news-grid h2:after {
display: inline-block;
text-align: center;
content: " ";
width: 24px;
height: 16px;
background: url("/files/theme/icons/arrow-long-right.svg") center/cover no-repeat;
margin-left: var(--spacing-050);
filter: invert(43%) sepia(13%) saturate(2407%) hue-rotate(165deg) brightness(95%) contrast(100%);
}
.news-grid .layout_latest {
padding: 1rem;
background: var(--color-white);
position: relative;
z-index: 21;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-radius: var(--base-border-radius);
border: var(--base-border);
position: relative;
color: var(--color-gray-600);
}
.news-grid .layout_latest h2 {
margin-top: var(--spacing-300);
}
.news-grid .layout_latest figure ~ h2 {
margin-top: var(--spacing-100);
}
.news-grid .layout_latest:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
border-color: var(--color-white);
}
.news-grid .layout_latest:before {
display: block;
height: 50px;
width: 135px;
position: absolute;
top: 0;
left: 0;
content: "";
background: var(--color-white) url("/files/theme/icons/newspaper.svg") 1rem 1rem/20px no-repeat;
border-radius: var(--base-border-radius);
border-bottom-left-radius: 0;
border-top-right-radius: 0;
}
.news-grid .layout_latest:after {
display: block;
height: 50px;
width: 135px;
position: absolute;
top: 0;
left: 0;
content: "Aktuelles";
padding-top: 0.9rem;
padding-left: 2.5rem;
font-size: var(--base-font-size--xs);
}
.news-grid .layout_latest.featured:before {
background-image: url("/files/theme/icons/star.svg");
width: 100px;
}
.news-grid .layout_latest.featured:after {
content: "Jobs";
}
.news-grid a {
text-decoration: none;
}
.news-grid a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
.news-grid .more {
margin: 0;
padding: 0;
height: 0.1rem;
width: 0.1rem;
margin-top: -1rem;
line-height: 0.1rem;
overflow: hidden;
}
@media only screen and (min-width: 576px) {
.news-grid {
grid-template-columns: repeat(12, 1fr);
}
.news-grid .image_container img {
height: 25vw;
}
.news-grid .layout_latest {
grid-column: span 6;
}
}
@media only screen and (min-width: 992px) {
.news-grid .image_container img {
height: 17vw;
max-height: 230px;
}
.news-grid .layout_latest {
grid-column: span 4;
}
}
.cto .ce_cp_column_start {
background: var(--color-white);
border-radius: var(--base-border-radius);
padding: var(--spacing-150);
}
.cto .ce_cp_column_start h2 {
text-align: inherit;
margin-top: var(--spacing-050);
margin-bottom: 0;
}
.cto .ce_cp_column_start .btn, .cto .ce_cp_column_start .content-download.download-element, .cto .ce_cp_column_start input.submit,
.cto .ce_cp_column_start button.submit, .cto .ce_cp_column_start input[type=file]::file-selector-button {
margin-top: var(--spacing-050);
float: right;
}
#main [class*=grid_].infobox,
#main [class*=grid_] [class*=grid_] {
margin-top: 0rem !important;
}
#main [class*=grid_].infobox {
margin-bottom: 0rem !important;
}
.infobox .grid_start {
border: var(--base-border);
border-radius: var(--base-border-radius);
}
.infobox h2, .infobox h3 {
margin: 0;
display: flex;
align-items: center;
height: 100%;
color: var(--color-white);
border-top-left-radius: var(--base-border-radius);
border-top-right-radius: var(--base-border-radius);
padding: var(--spacing-150);
position: relative;
}
.infobox .content-text {
padding: var(--spacing-050) var(--spacing-150);
}
@media only screen and (min-width: 768px) {
.infobox h2, .infobox h3 {
border-top-right-radius: 0;
}
.infobox h2:before, .infobox h3:before {
content: "";
width: 50px;
height: 50px;
position: absolute;
top: var(--spacing-150);
left: var(--spacing-150);
background: url("/files/theme/icons/information-circle.svg");
z-index: 99;
filter: invert(71%) sepia(65%) saturate(5401%) hue-rotate(153deg) brightness(96%) contrast(96%);
}
.infobox .content-text {
padding: var(--spacing-150) var(--spacing-150) var(--spacing-150) 0;
}
}
.ce_form {
border: var(--base-border);
padding: var(--spacing-150) !important;
border-radius: var(--base-border-radius);
margin-top: 2rem;
}
.ce_form h3 {
margin-top: 0;
}
.row {
display: flex;
flex-direction: column;
}
.column-left {
display: inline-block;
width: 100%;
padding-right: 0;
}
.column-right {
display: inline-block;
width: 100%;
margin-top: 0px;
}
/* Screens ab 768px */
@media screen and (min-width: 900px) {
.row {
display: flex;
flex-direction: row;
}
.column-left {
display: inline-block;
width: 66%;
padding-right: 2%;
}
.column-right {
display: inline-block;
width: 35%;
margin-top: 0px;
}
}
.job-box-grey {
background-color: #f1f1f1;
padding: 30px 25px;
display: flex;
flex-direction: column;
font-size: var(--base-font-size--xs);
}
.job-box-grey > div {
display: flex;
flex-direction: row;
padding: 10px 0px;
border-bottom: 1px solid #cdcdcd;
}
.job-box-grey > div div:first-of-type {
width: 48%;
padding-right: 2%;
font-weight: 700;
}
.job-box-grey .submit {
margin-top: 10px;
font: 700 13.3333px Arial;
}
.job-box-contact {
background-color: #f1f1f1;
padding: 30px 25px;
margin-top: 20px;
font-size: var(--base-font-size--xs);
}
.job-button {
margin-left: 0px;
font: 700 13.3333px Arial;
padding: 12px 20px;
cursor: pointer;
color: #fff;
outline: none;
background: #79105c;
border: none;
text-transform: uppercase;
float: right;
}
@media screen and (max-width: 800px) {
.job-button {
font: 700 12px Arial;
padding: 12px 15px;
display: inline-block;
}
.hide-mobile {
display: none;
}
.mobile-width-50 {
width: 50%;
}
.table td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100px;
}
}
.mobile-width-50 {
max-width: 400px;
padding-right: 20px;
}
.hide-mobile {
padding-right: 20px;
}
.table {
border-spacing: 0;
}
.table td {
border-top: var(--base-border);
padding: var(--spacing-100) var(--spacing-150) var(--spacing-100) 0;
}
.table-grey {
border-spacing: 5px 8px;
background-color: #f1f1f1;
padding: 10px 10px 30px 10px;
}
.table-contact {
border-spacing: 5px 5px;
background-color: #f1f1f1;
padding: 10px 10px 30px 10px;
width: 100%;
margin-top: 30px;
}
.table thead {
text-align: left;
}
.table thead th {
padding-bottom: var(--spacing-100);
}
.table-scrollable {
width: 100%;
overflow-y: auto;
margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.table-scrollable::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.widget-fineuploader {
margin: 20px 0px 20px 5px;
}
.widget-fineuploader input {
cursor: pointer;
}
/*table {
border: var(--base-border);
border-collapse:separate;
border-spacing:0px;
}
.table {
width:100%;
margin-bottom:var(--spacing-100);
}
.table .thead-light th {
background-color:var(--color-gray-100);
border-color:var(--color-gray-100);
}
.table thead th {
text-align:left;
vertical-align:bottom;
}
.table th,
.table td {
padding:var(--spacing-050) var(--spacing-075) !important;
vertical-align:center;
border-top: var(--base-border);
}
.table-striped tbody tr:nth-of-type(even) {
background-color:var(--color-gray-100);
}*/
@media only screen and (min-width: 992px) {
.mod_catalogMasterView h2 {
margin-top: 0;
}
}
.widget-checkbox {
clear: both;
padding-top: var(--spacing-100);
}
.checkbox {
margin-right: var(--spacing-100) !important;
}
.column-right img {
border-radius: 0 !important;
margin: var(--spacing-050) var(--spacing-100) 0 0;
}
.column-right .job-box-grey,
.column-right .job-box-contact {
border-radius: var(--base-border-radius);
}
form {
padding: var(--spacing-150);
background: var(--color-gray-100);
border-radius: var(--base-border-radius);
}
.job-button {
margin-left: 0 !important;
max-width: 300px;
background: var(--color-secondary);
text-decoration: none;
border-radius: var(--base-border-radius);
}
.job-button:hover {
background: var(--color-primary);
color: var(--color-white);
}
.content-downloads ul {
margin-top: var(--spacing-200);
list-style: none;
padding-left: 0;
}
.content-downloads ul li {
padding: var(--spacing-050);
border-top: var(--base-border);
}
.content-downloads ul li:last-child {
border-bottom: var(--base-border);
}
.content-downloads ul li a {
text-decoration: none;
color: var(--color-gray-700);
display: flex;
align-items: center;
}
.content-downloads ul li a:hover {
color: var(--color-tertiary);
}
.content-downloads ul li a:before {
display: inline-block;
text-align: center;
content: " ";
width: 28px;
height: 25px;
background: url("/files/theme/icons/arrow-down-on-square.svg") center/24px no-repeat;
margin-right: var(--spacing-050);
}
.content-downloads ul .size {
margin-left: var(--spacing-025);
}
.content-download.download-element a {
text-decoration: none;
color: var(--color-white);
display: flex;
align-items: center;
}
.content-download.download-element a:before {
display: inline-block;
text-align: center;
content: " ";
width: 28px;
height: 25px;
background: url("/files/theme/icons/arrow-down-on-square.svg") center/24px no-repeat;
filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(181deg) brightness(101%) contrast(101%);
margin-right: var(--spacing-050);
}
.content-download.download-element .size {
margin-left: var(--spacing-025);
}
#footer .image_container {
margin-top: 0;
}
#footer .copyright {
padding-bottom: 75px;
}
.content-gallery > ul {
display: grid;
gap: 1rem;
padding: 0;
margin: 0;
list-style-type: none;
}
.content-gallery li {
padding: 0;
}
.content-gallery[class*=content-gallery--cols-] ul {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 576px) {
.content-gallery[class*=content-gallery--cols-] ul {
grid-template-columns: repeat(4, 1fr);
}
}
.content-gallery img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
border-radius: var(--base-border-radius);
aspect-ratio: 16/10;
}
.content-gallery .caption {
text-align: center;
font-size: var(--base-font-size--xs);
margin-block-start: 0.5rem;
}
@media (min-width: 768px) {
.content-gallery.content-gallery--cols-2 ul {
grid-template-columns: repeat(2, 1fr);
}
.content-gallery.content-gallery--cols-3 ul {
grid-template-columns: repeat(3, 1fr);
}
.content-gallery.content-gallery--cols-4 ul {
grid-template-columns: repeat(4, 1fr);
}
.content-gallery.content-gallery--cols-5 ul {
grid-template-columns: repeat(5, 1fr);
}
.content-gallery.content-gallery--cols-6 ul {
grid-template-columns: repeat(6, 1fr);
}
.content-gallery.content-gallery--cols-7 ul {
grid-template-columns: repeat(7, 1fr);
}
.content-gallery.content-gallery--cols-8 ul {
grid-template-columns: repeat(8, 1fr);
}
.content-gallery.content-gallery--cols-9 ul {
grid-template-columns: repeat(9, 1fr);
}
.content-gallery.content-gallery--cols-10 ul {
grid-template-columns: repeat(10, 1fr);
}
}