@charset 'UTF-8';
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_wrlinkseal" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-wr-linkseal table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-wr-linkseal table th {
		font-weight:bold;
	}

	.tx-wr-linkseal table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}



.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-loading .slick-list{background:#fff url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./ajax-loader.gif') center center no-repeat}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.eot');src:url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.woff') format('woff'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.ttf') format('truetype'),url('../../../typo3conf/ext/slick/Resources/Public/JavaScript/slick-1.9.0/slick/./fonts/slick.svg#slick') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}

.slick-dots{margin-left:0;margin-right:0}.slick-dotted.slick-slider.frame-space-after-extra-small{margin-bottom:1em}.slick-dotted.slick-slider.frame-space-after-small{margin-bottom:2em}.slick-dotted.slick-slider.frame-space-after-medium{margin-bottom:3em}.slick-dotted.slick-slider.frame-space-after-large{margin-bottom:4em}.slick-dotted.slick-slider.frame-space-after-extra-large{margin-bottom:5em}.slick-slider.hidden{display:none}.slick-slide figure{margin:0}.slick-slide img{height:auto}.slickcontentelement.outerwrap{position:relative}.slickcontentelement .contentwrap{background:rgba(145,145,145,0.7);color:white;position:relative;bottom:0;padding:.4rem .9375rem;position:absolute;width:100%}.slickcontentelement.layout-1 .contentwrap{width:auto}.slickcontentelement.layout-2 .contentwrap{right:0;width:auto}.slickcontentelement.layout-3 .contentwrap{background:inherit;text-shadow:0 0 4px #000;width:auto}.slickcontentelement .contentwrap *,#startBox01 .slick-slider .contentwrap *{color:white}.slickcontentelement .slick-header{font-size:1.4rem;font-weight:bold}.slickcontentelement .slick-text,.slickcontentelement .slick-text p,#startBox01 .slickcontentelement .slick-text,#startBox01 .slickcontentelement .slick-text p{font-size:1rem;line-height:1.2rem;margin:0}.slickcontentelement.layout-3 .slick-text,.slickcontentelement.layout-3 .slick-text p,#startBox01 .slickcontentelement.layout-3 .slick-text,#startBox01 .slickcontentelement.layout-3 .slick-text p{font-weight:bold}.slick-sync .contentwrap,.slick-sync figcaption{display:none}
@media screen {
    .frame-box {
        margin-bottom: 1em;
        padding: 1em;
        background: lightgrey;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
  vertical-align: bottom;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/*!
 * modified Simple lightbox effect in pure JS
 * @see {@link https://github.com/squeral/lightbox}
 * @see {@link https://github.com/squeral/lightbox/blob/master/lightbox.js}
 * passes jshint
 */
.iframe-lightbox,
.iframe-lightbox .backdrop {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.iframe-lightbox {
	display: none;
	position: fixed;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	/*!
	 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/10}
	 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/14}
	 */
	z-index: 999999;
}

.iframe-lightbox .backdrop {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: default;
}

.iframe-lightbox .content-holder {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-right: -50%;
}

.iframe-lightbox .content {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

.iframe-lightbox .content > .body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * another pure css spinner
 * @see {@link https://epic-spinners.epicmax.co/}
 */
.iframe-lightbox .content > .body .half-circle-spinner,
.iframe-lightbox .content > .body .half-circle-spinner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.iframe-lightbox .content > .body .half-circle-spinner {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	position: relative;
	margin: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.iframe-lightbox .content > .body .half-circle-spinner .circle {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: calc(60px / 10) solid transparent;
}

.iframe-lightbox .content > .body .half-circle-spinner .circle.circle-1 {
	border-top-color: #ffffff;
	-webkit-animation: half-circle-spinner-animation 1s infinite;
	animation: half-circle-spinner-animation 1s infinite;
}

.iframe-lightbox .content > .body .half-circle-spinner .circle.circle-2 {
	border-bottom-color: #ffffff;
	-webkit-animation: half-circle-spinner-animation 1s infinite alternate;
	animation: half-circle-spinner-animation 1s infinite alternate;
}

@-webkit-keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes half-circle-spinner-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.iframe-lightbox .content > .body.is-loaded .half-circle-spinner {
	display: none;
}

.iframe-lightbox iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	-webkit-box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3);
	box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3);
	/*!
	 * in js: iframe onload="this.style.opacity=1;" style="opacity:0;border:none;"
	 */
	/* opacity: 0; */
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.iframe-lightbox.is-showing {
	display: block;
}

.iframe-lightbox.is-opened {
	opacity: 1;
}

.iframe-lightbox .btn-close {
	position: fixed;
	top: 1rem;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
}

/*!
 * pure css version
 * @see {@link https://codepen.io/brissmyr/pen/egidw}
 */
.iframe-lightbox .btn-close:before,
.iframe-lightbox .btn-close:after {
	content: " ";
	width: 0.125em;
	height: 1.5em;
	position: absolute;
	right: 0.625em;
	background-color: #ffffff;
}

.iframe-lightbox .btn-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.iframe-lightbox .btn-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*!
 * @see {@link https://github.com/englishextra/iframe-lightbox/issues/12}
 */
.iframe-lightbox--open {
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-touch-action: auto;
	touch-action: auto;
	height: auto;
}

/* Schriften */

@font-face{
font-family:"DIN Pro";
font-weight: normal;
src: url('../../../fileadmin/private/fonts/dinpro/DINPro-Regular.eot'); /* IE9 Compat Modes */
src: local(''),
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Regular.woff') format('woff') /* Modern Browsers */
}

@font-face{
font-family:"DIN Pro";
font-weight: bold;
src: url('../../../fileadmin/private/fonts/dinpro/DINPro-Bold.eot'); /* IE9 Compat Modes */
src: local(''),
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Bold.woff2') format('woff2'), /* Super Modern Browsers */
     url('../../../fileadmin/private/fonts/dinpro/DINPro-Bold.woff') format('woff') /* Modern Browsers */
}



/*** ALLGEMEIN ***/

html {
	font-family: 'DIN Pro', DIN, sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #4a4a49;
	line-height: 1.3;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
body {background: #003567;}
#container {background: white;}

.inside {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 40px;
	position: relative;
}
a {text-decoration: none; transition: 0.3s; color: #003567;}
a:hover {color: black;}
strong {color: #003567;}
h2 {font-weight: normal; font-size: 1.17em; text-transform: uppercase;}
h1, h2, h3 {color: #003567;}
.kleinbuchstaben h2 {text-transform: none;}

ul {margin: 0; padding-left: 1em;}
ul.tinyaccordion,
ul.slick-dots {padding-left: 0;}

table {border-collapse: unset;}
td, th {vertical-align: top; padding: 0;}
img {max-width: 100%; height: auto;}
.ce-center .ce-outer {float: none; right: unset;}
.ce-center .ce-inner {float: none; right: unset;}
.ce-above .ce-gallery {margin-bottom: 0;}
.ce-left .ce-gallery {float: left;}
.ce-right .ce-gallery {float: right;}

.ce-textpic.ce-center .ce-column {float: none;}
.ce-textpic.ce-center .ce-column figure {margin: 0 auto;}
.ce-image.ce-center .ce-column {float: none;}
.ce-image.ce-center .ce-column figure {margin: 0 auto;}

.ce-intext.ce-left .ce-gallery {margin-right: 1em; margin-top: 1em;}
.ce-intext.ce-right .ce-gallery {margin-left: 3em; margin-top: 1em;}

.video-embed .video-embed-item {vertical-align: bottom;}

.ce-border img, .ce-border iframe {width: calc(100% - 2px); border: 1px solid;}

iframe {display: block; margin: 0 auto; border: none;}


p.small {font-size: 0.6em;}
p.center,
p.text-center {text-align: center;}


/* Silder-Pfeile und -Punkte */
.slick-prev::before, .slick-next::before {font-family: DIN Pro;}
.slick-dots li button::before {content: '■'; font-family: DIN Pro; font-size: 25px; opacity: .7;}
.slick-dots li.slick-active button::before {content: '□';}




/*** HEADER ***/
#header {
	position: fixed;
	width: 100vw;
	background: white;
	border-bottom: 1px solid;
	z-index: 3;
}
#header .inside {
	display: grid;
	grid-template-columns: 110px 1fr 13em 6em;
	align-items: end;
	padding-bottom: 15px;
}
#header.small .inside {padding-top: 14px; padding-bottom: 14px;}

#header ul {margin: 0; padding: 0;}


/* HEADER: Logo */
#header-top {}
.logo {width: 100px; transition: 0.5s;}
#header.small .logo {width: 60px;}

/* HEADER: Hauptmenü */
.menu-icon {display: none;}
/*#menu {width: calc(100% - 460px);}*/
#nav span {cursor: pointer;}
#nav li {list-style: none;}
#nav li.ebene1 {
	display: inline-block;
	vertical-align: top;
	font-size: 1.2em;
	line-height: 1;
	border-left: 1px solid;
	z-index: 3;
}
#nav li.ebene1:nth-child(1) {border: none;}

#nav li.ebene1 > a,
#nav li.ebene1 > span {
	margin: 0 30px;
	padding: 10px 0 12px;
	color: #4a4a49;
}
#header.small #nav li.ebene1 > span {padding-bottom: 11px;}

#nav li.ebene1.aktuell > span.menu,
#nav li.ebene1.active > span.menu,
#nav li.ebene1 > a:hover,
#nav li.ebene1 > span:hover {border-bottom: 3px solid #003567;}

#nav li.ebene1 .close {
	display: none;
	position: absolute;
	right: 34px;
	top: 115px;
	margin: 0;
	font-size: 1.5em;
	z-index: 2;
}
#nav li.ebene1.active .close {display: block;}
#header.small #nav li.ebene1 .close {top: 90px;}

#nav ul.ebene2 {
	display: none;
	width: 1280px;
	max-width: calc(100% - 80px);
	position: absolute;
	top: 90px;
	left: 0;
	padding: 40px 40px 30px;
	font-size: 0.9em;
	line-height: 1.3;
	background: white;
	columns: 3;
	column-gap: 2em;
}
.small #nav ul.ebene2 {top: 62px;}

#nav li.ebene1.active ul.ebene2 {display:block;}

#nav ul.ebene2:before {
    content: "";
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    left: calc(680px - 50vw);
    background: white;
    z-index: -1;
}

/* Untermenü Ebene 2 */

#nav li.ebene2 {padding-bottom: 1em;}
#nav li.ebene2 a {color: #4a4a49;}
#nav li.ebene2 a:hover,
#nav li.ebene2 span:hover {color: #003567;}
#nav li.ebene2:not(.active):before {content: url('/fileadmin/private/img/pfeil_aufzaehlung.svg');}

#nav ul.ebene3 {display: none;}
#nav li.ebene2.active ul.ebene3 {display: block;}
#nav li.ebene2.inactive {display: none;}

#nav .zurueck {display: none; position: absolute; left: 10px; color: #4a4a49; font-weight: normal;}
#nav li.ebene2.active .zurueck {display: block;}

#nav li.ebene2.active .menu {padding-bottom: 1em; display: block; color: #003567; font-weight: bold;}
#nav li.ebene3 {display: flex; padding-bottom: 1em; break-inside: avoid;}
#nav li.ebene3:before {content: url('/fileadmin/private/img/pfeil_aufzaehlung.svg');}

#nav li.ebene1.active_immer ul.ebene2 {display: block;}


/* Untermenü Ebene 3 */

#nav li.ebene2.active .menu.blass {color: #4a4a49;}

#nav ul.ebene4 {display: none;}

#nav li.ebene3.active {display: block;}
#nav li.ebene3.active::before {display: none;}
#nav li.ebene3.active ul.ebene4 {display: block;}
#nav li.ebene3.inactive {display: none;}

#nav li.ebene3.active > span {padding-bottom: 1em; display: block; color: #003567; font-weight: bold;}
#nav li.ebene4 {display: flex; padding-bottom: 1em; break-inside: avoid;}
#nav li.ebene4:before {content: url('/fileadmin/private/img/pfeil_aufzaehlung.svg');}

#nav li.ebene2.active_immer ul.ebene3 {display: block;}



.kontakt_kl {display: none;}

/* HEADER: Suche */
/*#suchfeld {width: 340px;}*/
input#ke_search_searchfield_sword {
	width: calc(100% - 25px);
	float: left;
	border: none;
	border-bottom: 1px solid #4a4a49;
}
input#ke_search_searchfield_sword:placeholder {opacity: 0;}
input#ke_search_searchfield_sword:focus {box-shadow: none;}

input#ke_search_searchfield_submit {
	background: url('../../../fileadmin/private/img/lupe.svg') no-repeat center;
	background-size: 15px;
	margin-top: 0;
	padding: 0 0 1px 15px;
	border: 0;
}


/* HEADER: Sprache */

.language {text-align: right; font-size: 1.1em; line-height: 1;}
.language .de {margin-right: 2px;}
.language .en {margin-left: 2px;}
.language a {color: #4a4a49;}
.language a:hover {color: dimgrey;}


/* ÜBER STAGE */
.ueber_stage {text-align: right;}

/* Breadcrumb */
.breadcrumb {font-size: 0.7em; color: #003567;}
.breadcrumb .inside {padding-top: 15px; padding-bottom: 18px;}
.breadcrumb a {color: grey;}
.breadcrumb a:hover {color: #003567;}
.breadcrumb .trenner {color: grey;}

.breadcrumb .aktueller_seitenbaum > .breadcrumb_seite:hover {cursor: pointer;}
.breadcrumb .aktueller_seitenbaum > .breadcrumb_seite:hover a {color: #003567;}
.breadcrumb .aktueller_seitenbaum > .breadcrumb_seite a {pointer-events: none;}


/* Call to Action */
.calltoaction_wrapper {position: fixed; left: calc(50vw + 640px); margin-top: 8px; z-index: 2; top: 90px; transition: 0.5s;}
body.scroll .calltoaction_wrapper {top: 61px;}
.calltoaction {display: inline-block; margin-left: 8px;}
.calltoaction figure {width: 35px; overflow: hidden;}
.calltoaction img {width: 70px; max-width: unset; height: auto; vertical-align: middle;}
.calltoaction:hover img {margin-left: -35px;}

/* Seitenleiste rechts*/
#seitenleiste {
	position: fixed;
	right: 30px;
	bottom: calc(48% - 140px);
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.6;
	text-align: right;
	z-index: 1;
}
#seitenleiste a {color: #4a4a49;}

li.seitenleiste_menu {list-style: none;}
li.seitenleiste_menu > a {display: none;}

/* Seitenleiste rechts: Untermenü */
#seitenleiste > frame {margin: 13px 13px 0 0;}
#seitenleiste .nav li {display: block; margin-bottom: 5px;}

#seitenleiste .nav li.active a {background: white; box-shadow: 0 0 0 3px white;}
#seitenleiste .nav li a span {display: none;}
#seitenleiste .nav li a:after {
    content: '○';
    margin-right: 3px;
    padding-left: 6px;
    font-size: 28px;
    line-height: 0.47;
    vertical-align: text-top;
    transition: 0.3s;
}
#seitenleiste .nav li.active a span {display: inline-block; opacity: 1;}
#seitenleiste .nav li.active a:after,
#seitenleiste .nav li a:hover:after {
	content: '●';
	font-size: 40px;
	line-height: 0.3;
	margin-right: 0;
	color: #003567;
}
#seitenleiste .nav li a:hover span {display: inline-block; opacity: 1;}

#up {
    position: fixed;
    right: 0.3em;
    bottom: 1em;
    background: white;
    border: 1px solid black;
    z-index: 3;
    text-align: center;
    opacity: 0;
    transition: 0.3s;
}
.scroll #up {opacity: 1;}
#up:hover {margin-bottom: 0.3em;}
#up a {
	width: 2em;
    height: 2em;
    display: block;
	line-height: 1.7;
}



/*** INHALT ***/

#content {padding-top: 90px;}
#main {margin-bottom: 130px;}

.h2_icon {display: flex; align-items: end; gap: 20px; margin: 0 0 0.8em;}
.h2_icon .icon {margin-bottom: 0.25rem;}
.h2_icon img {border: 1px solid black;}
.h2_icon h2 {margin-bottom: 0;}


/*.frame-type-text li {padding: 0 0 0.8em 0.2em;}*/

.block .frame ul {list-style: none;}
.block .frame li {padding-bottom: 1.1em;}
.block .frame ul li::before {
  content: "\2022";
  color: #003567;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


/* Bühne */

#stage {
	width: 100vw;
	max-height: 300px;
	overflow: hidden;
	position: relative;
}
#stage h2 {display: none;}

#page-1 #stage {max-height: unset;}
#page-1 #stage img,
#page-1 #stage .video-embed {
	position: relative;
	left: calc(50vw - 1500px);
	/*height: 300px;*/
	width: auto;
	max-width: unset;
}
#page-1 #stage .slick-slider {height: 21vw;}
#page-1 #stage .image-embed-item,
#page-1 #stage .video-embed-item {height: 21vw; max-width: unset;}

body:not(#page-1) #stage .ce-image {
	background: url('/fileadmin/private/img/header_beton_hg.jpg') repeat-x center;
	background-size: 3022px;
}
body #stage .frame-type-text {
	max-width: 1200px;
	position: absolute;
	left: 0;
	bottom: 1em;
	margin-left: 40px;
	padding: 0 0.4em;
	font-size: 1.4em;
	color: white;
	background: rgba(1,51,104,0.85);
}
body #stage .frame-type-text p {margin: 0.3em 0;}



/* Spalten-Elemente ALT */
.grid-container .row {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 2em;}
.grid-container .row .col-md-4 {grid-column: span 4;}
.grid-container .row .col-md-6 {grid-column: span 6;}
.grid-container .row .col-md-8 {grid-column: span 8;}

/* Spalten-Elemente NEU */
.frame > .row {display: flex; gap: 2em;}
.frame > .row .col-md {flex: 1 1 0; width: 0;}


/* Tabellen */
.contenttable {width: 100%;}
.contenttable th {color: #003567; padding-bottom: 0.8em; text-align: left;}
.contenttable tr > *:last-child {padding-left: 2em;}
.contenttable tbody tr:first-child td {padding-top: 10px;}

/* Tabellen in Kontakt */
#page-3 .contenttable {margin: 1em 0;}
#page-3 th, #page-3 td {padding: 0.1em 0.2em;}
#page-3 .contenttable tbody tr:nth-child(2n-1) {background: white;}

/* Slider (allgemein) */

.slick-slide {padding: 0;}
.slick-slider img {max-width: 100%;}
.slick-slider figcaption {position: absolute; top: 0; margin-left: 3px;}

.slick-slider .slick-arrow {position: absolute; top: calc(50% - 20px); z-index: 2; cursor: pointer;}
.slick-slider .slick-prev {left: 15px;}
.slick-slider .slick-next {right: 15px;}
.slick-slider .slick-prev:before {content: url('/fileadmin/private/img/pfeil_links.svg');}
.slick-slider .slick-next:before {content: url('/fileadmin/private/img/pfeil_rechts.svg');}



/* STARTSEITE */

#page-1 .calltoaction_wrapper {top: 30px;}
#page-1.scroll .calltoaction_wrapper {top: 5px;}


#page-1 #stage {height: 21vw;}
#page-1 .slick-slide figure {max-width: 100vw; overflow: hidden;}
#page-1 #stage img {height: unset; min-height: 21vw; left: -42vw;}
#page-1 #stage figcaption {
	top: unset; bottom: 2vw; left: 7.5vw; width: 85vw;
    margin: 0 auto; padding: 0.2vw 0.5vw;
    font-size: 1.5vw; color: white; background: rgba(1,51,104,0.85);
}
#page-1 #stage .slick-prev {left: 4vw;}
#page-1 #stage .slick-next {right:4vw;}
#page-1 .slick-slider .slick-prev:before {content: url('/fileadmin/private/img/pfeil_links_weiss.svg');}
#page-1 .slick-slider .slick-next:before {content: url('/fileadmin/private/img/pfeil_rechts_weiss.svg');}
#page-1 #stage .slick-dots {opacity: 0;}

#page-1 #textblock {margin: 1.5vw 0 3vw; padding: 0 2vw; font-size: 1.5vw;}
#page-1 #textblock h1 {font-size: 1.5em; font-weight: normal; text-transform: uppercase; margin: 0.5rem 0;}
#page-1 #textblock p {margin: 0;}


#kacheln {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0.5em;}
#kacheln .frame {position: relative; min-height: 20vw; overflow: hidden;}
#kacheln header {width: 100%; position: absolute; bottom: 0; z-index: 2;}
#kacheln h2 {margin: 1vw 0; padding-left: 0.8em; font-size: 1.5vw; font-weight: normal; text-transform: none; color: white; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#kacheln .ce-gallery {max-height: calc(21.4vw - 0.334em);}
#kacheln .ce-bodytext {
	width: calc(100% - 3em);
	height: 4vw;
	position: absolute;
	bottom: 0;
	padding: 0 1.5em;
	font-size: 1.2vw;
	color: white;
	background: rgba(1,51,104,0.85);
	transition: 0.3s;
}
#kacheln .ce-bodytext p {opacity: 0; transition: 1s;}
#kacheln .ce-bodytext a {color: white; text-decoration: underline;}
#kacheln .ce-bodytext a:hover {text-decoration: none;}

#kacheln .frame:hover .ce-bodytext {height: 55%;}
#kacheln .frame:hover .ce-bodytext p {opacity: 1;}



/* Filter (allgemein) */
select, option {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {
  width: 27vw;
  border: 1px solid #003567;
  padding: .5em 2em .5em .5em;
  font-size: 1.2vw;
  background-color: white;
  background-image: url('/fileadmin/private/img/pfeil_unten.svg');
  background-position-y: center;
  background-position-x: 97%;
  background-repeat: no-repeat;
  border-radius: 0;
  background-size: 24px auto;
}


/* Filter Startseite unten */
#suchfilter {margin-top: 0.5em; background: #e8e6e6;}
#suchfilter h2 {margin: 0; padding: 0.8rem 0 0; text-transform: unset; color: #4a4a49; font-size: 1.4vw; text-align: center;}


/* Suchbox Startseite */
.suchbox h2 {margin-top: 0; color: #4a4a49; text-transform: none;}

.suchbox .kesearchbox {display: inline-block; width: 27vw; height: 46px; font-size: 0.85em;}
.suchbox .tx-kesearch-pi1 form {margin-bottom: 0;}
.suchbox #ke_search_sword {
	width: calc(100% - 0.5em);
	position: relative;
	top: 0;
	font-family: "DIN Pro";
	padding: .5em 0 .45em .5em;
	border: 1px solid #003567;
	background: white;
	border-radius: 0;
}
.suchbox #ke_search_sword:hover {box-shadow: none;}

.suchbox .resetbutt {display: none;}
.suchbox .submitbutt {position: absolute; margin-top: 8px; margin-left: -35px;}
.suchbox .submitbutt input {
	background: url("/fileadmin/private/img/lupe.svg") no-repeat center;
	padding: 23px 0 0;
	border: 0;
	font-size: 0;
	height: 20px;
	width: 20px;
	min-width: unset;
	background-size: 18px auto;
}
.suchbox .submitbutt input:hover {border: none; box-shadow: none; background: url("/fileadmin/private/img/lupe.svg") no-repeat center;}



/* ALLGEMEINE UNTERSEITEN */

/*.inhalt .inside {padding: 2em 40px 1em;}*/

/* Akkordeon */
.klapp {
	margin-bottom: 1em;
	padding: 1.6em 2.5em;
	background: #e8e6e6;
}
.klapp .header {display: flex; justify-content: space-between; cursor: pointer;}
.klapp .header h3 {font-size: 1.65rem; font-weight: normal; margin: 0;}
.klapp .header:after {content: url('../../../fileadmin/private/img/klapppfeil.svg'); transform: rotate(-180deg); transition: 0.5s;}
.klapp .header:hover:after,
.klapp .header.acc-selected:after {transform: rotate(-90deg);}
.klapp:not(.first) .content {display: none;}



/* Suche (Unterseite) */
.tx-kesearch-pi1 {font-family: inherit !important;}

.suchseite div.kesearchbox {margin-bottom: 1.3em;}
.suchseite #ke_search_sword {width: calc(100% - 1em - 2px); padding: 0.5em;}
.suchseite span.submitbutt input {padding: 0.54em;}
.suchseite span.resetbutt a {max-width: unset;}
#kesearch_filters {display: flex; gap: 1em; margin-bottom: 1em;}
#kesearch_filters select {
	width: 100%;
    font-size: unset;
    background: white url('/fileadmin/private/img/pfeil_unten.svg') no-repeat 97% center;
    background-size: 24px auto;
}


/* News: Newsletter-Anmeldeformular */
.cr_ipe_item {margin-bottom: 0.3em;}
.cr_ipe_item.submit_container {margin-top: 0.8em;}

/* News: Newsletterarchiv */
.crArchiveItem {padding: 0.2em;}
.crArchiveItem.CREven {background-color: #eeeeee;}
.crArchiveItemDate {display: block; float: left; min-width: 5em; text-align: right; padding-right: 0.5em;}
.crArchiveItemName {display: inline;font-weight:bold;}
.crArchiveItemImage, .crArchiveItemDescription {display: none;}


/* Liste Unternehmensfamilie */
.liste_schmal .grid-col {position: relative; margin-top: 110px; padding-top: 120px; background: white;}
/* .liste_schmal .grid-container .row {max-width: 800px; margin: 0 auto; gap: 4em;}*/

.liste_schmal header {
	position: absolute;
	width: 160px;
	height: 160px;
	margin-top: -210px;
	margin-left: calc(50% - 90px);
	border: 10px solid #e8e6e6;
	border-radius: 90px;
	text-align: center;
	background: #003567;
}
.liste_schmal header h2 {font-size: 20px; font-weight: bold; margin-top: 53px; color: white;}
.liste_schmal .ce-image.ce-center .ce-column figure {margin-bottom: 20px;}
.liste_schmal img {width: 50%; margin: 0 auto;}

.icons .ce_gallery {max-width: 950px;}
.icons .ce-gallery .ce-row {margin-bottom: 1.3em; display: inline-block; vertical-align: top;}
.icons .ce-gallery .ce-column {margin-right: 2em;}
.icons .ce-gallery figcaption {
	margin-top: 0.5em;
	text-align: center;
	font-size: 0.8em;
}

/* Portfolio */
#page-60 .inhalt2 .inside {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em 2em;
}
#page-60 .inhalt2 .inside > div:not(.portfolio) {grid-column: 1 / 3; margin-bottom: -1em;}
.portfolio {position: relative; padding: 0 0.5em 0 1em; background: white;}
.portfolio a {position: absolute; bottom: 0.7em; font-size: 0.8em;}
.portfolio a:before {content: "> ";}
.portfolio .ce-intext.ce-right .ce-gallery {margin-left: 0;}

/* Formulare */
#main form {margin: 1em 0;}
form .form-group {display: grid; grid-template-columns: 8em 1fr; margin-bottom: 0.4em;}
form .form-group input {width: calc(100% - 8px);}
form .form-group textarea {width: calc(100% - 4px); min-height: 6em; border: 1px solid lightgrey;}

.btn-group {text-align: right;}
.btn-group button,
.cr_button,
.suchseite .submitbutt input,
.suchseite .resetbutt a {
    padding: 0.4em 2.7em;
    color: white;
    border: 1px solid #003567;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    background: #003567;
}
.btn-group button:hover,
.cr_button:hover,
.suchseite .submitbutt input:hover,
.suchseite .resetbutt a {color: #003567; background: white;}

.h-captcha iframe {margin: 0 0 0 8em;}


.land h3 {margin: 1.7em 0 0.7em;}
.land .position {margin-bottom: 0.5em;}
.land .person {display: grid; grid-template-columns: 6em 1fr; grid-gap: 1em;}
.land .person .label {padding-right: 0.3em;}




/* PRODUKT-SEITE */

.titel .inside {}
.titel h1, .titel header h2 {
	display: inline-block;
	margin: 0.5em 0 0;
	font-size: 1.65em;
}

.titel header h2 {
	margin-left: 0.3em;
	font-weight: normal;
	text-transform: uppercase;
}

#page-1 footer {margin-top: 0;}



/* PRODUKT-SEITEN */

/* Blocks allgemein / Icons für Blocks */
.block {padding-bottom: 30px;}
.block:nth-child(2n) {background: #e8e6e6;}

h2.typ {margin-top: 0;}
h2.typ,
.block1c h2,
.block2 h2:nth-child(1),
.block3 h2:nth-child(1),
.block4 h2:nth-child(1),
.block5 h2:nth-child(1),
.block6 h2:nth-child(1) {
    height: 70px;
    line-height: 118px;
    padding-left: 70px;
    background: url('/fileadmin/user_upload/Icons/Icon_Auswahl.png') no-repeat left bottom;
    background-size: 50px;
}
.block1c h2 {background-image: url('/fileadmin/user_upload/Icons/Icon_Web.png');}
.block2 h2:nth-child(1) {background-image: url('/fileadmin/user_upload/Icons/Icon_Info.png');}
.block3 h2:nth-child(1),
.block4 h2:nth-child(1) {background-image: url('/fileadmin/user_upload/Icons/Icon_Technische-Information.png');}
.block5 h2:nth-child(1) {background-image: url('/fileadmin/user_upload/Icons/Icon_Zubehoer.png');}
.block6 h2:nth-child(1) {background-image: url('/fileadmin/user_upload/Icons/Icon_Zertifikate.png');}

/* Block 1 (Neu) */

.block1 .inside {padding-top: 0;}
.typen-titel {margin-bottom: 2em;}

.typen-inhalt {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	column-gap: 1em;
}
.produkt-thumb {display: inline-block; position: relative; cursor: pointer;}
.block1 .produkt-thumb {margin-bottom: 1em;}
.produkt-thumb img {border: 1px solid #4a4a49;}

.produkt-thumb .text {
	width: calc(100% + 1px);
	height: 27%;
	position: absolute;
	bottom: 0;
	font-size: 1.7vw;
	text-align: center;
	z-index: 2;
	color: white;
	background: rgba(1,51,104,0.85);
	transition: 0.3s;
}
.produkt-thumb:hover .text {height: 50%;}

.produkt-thumb .titel {position: absolute; width: 100%; font-size: 1.3em; margin-top: 0.35em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s;}
.produkt-thumb:hover .titel {opacity: 0;}
.produkt-thumb .mouseover {margin: 0.5em 0.5em 0; opacity: 0; transition: 0.3s;}
.produkt-thumb:hover .mouseover {opacity: 1;}

.produkt-inhalt {
	grid-column: 1 / -1;
	grid-row: 4 / 5;
	margin-top: 1em;
	display: none;
}
.produkt-inhalt.active {display: block;}
.produkt-inhalt table tr:nth-child(2n+3) {background: #e8e6e6;}

/* Seiten mit über 12 Produkten */
#page-28 .typen-inhalt {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
#page-28 .produkt-thumb .titel {font-size: 1.1em;}
#page-28 .produkt-thumb .mouseover {font-size: 0.8em;}
#page-28 .produkt-inhalt {grid-column: 1 / 7;}



.produktbilder-slider {float: left; margin-top: 0.4em; margin-right: 5.4%; max-width: 37vw;}
.slick-dotted.slick-slider {margin-bottom: 0; vertical-align: bottom;}
.produktbilder-slider .slick-list {width: 438px; max-width: 100%; height: 438px !important; max-height: 37vw; border: 1px solid;}
.produktbilder-slider .slick-prev {left: -35px;}
.produktbilder-slider .slick-next {right: -35px;}

.produktbeschreibung {}
.produktbeschreibung .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.produktbeschreibung h3 {margin-top: 0; font-weight: normal; color: #4a4a49;}
.produktbeschreibung p {border-top: 1px solid; margin: 0; padding: 0.6em 0;}
.produktbeschreibung p:first-of-type {border-top: none;}

.produkt-inhalt-hoehe {display: block;}

/*
.abstand {display: block; height: 25em; margin-bottom: 3em; transition: 1s;}
*/


/* Block 1 */
.block1 .slick-list {padding: 0 !important;}
.block1 .slick-slide {max-width: 37.1vw;}
.block1 .slick-slide video {max-width: 100%;}

.block1 .slick-sync .slick-slide {cursor: pointer; margin-right: 1em;}
.block1 .slick-sync .slick-slide:hover {opacity: 0.9;}
.block1 .slick-sync .slick-slide > div > div {display: block !important; border: 1px solid;}
.block1 .slick-sync .slick-slide.slick-current {outline: none; border: none;}
.block1 .slick-sync .slick-slide.slick-current:after {
	content: "";
	width: 50%;
	display: block;
	height: 60px;
	border-right: 1px solid;
}
.block1 .slick-sync .ce-gallery .ce-row {display: none;}
.block1 .slick-sync .ce-gallery .ce-row:nth-child(1) {display: block;}

.block1 .slick-sync .ce-gallery img {max-width: 100%;}
.block1 .slick-sync .ce-bodytext {display: none;}


/* Silder-Pfeile und -Punkte */
.slick-prev::before, .slick-next::before {font-family: DIN Pro;}
.slick-dots li {height: 25px;}
.slick-dots li button::before {content: '●'; color: #003567; font-family: DIN Pro; font-size: 25px;}
.slick-dots li.slick-active button::before {content: '○'; color: #003567; font-size: 31px;}

.block1 #slickid-9 .ce-bodytext {clear: unset;}
.block1 #slickid-9 .ce-bodytext table {min-height: 174px; display: grid;}
.block1 #slickid-9 .ce-bodytext table tbody {border: 1px solid;}
.block1 #slickid-9 .ce-bodytext table:nth-child(1) {padding-bottom: 20px; border-left: 1px solid;}
.block1 #slickid-9 .ce-bodytext table:nth-child(1) tbody {border-left: none;}
.block1 #slickid-9 .ce-bodytext table td:nth-child(1) {min-width: 165px; color: #009fe3; font-weight: bold;}
.block1 #slickid-9 .ce-gallery {max-width: 30%; position: relative; float: left; margin-right: 2em; border: 1px solid;}

.block1 #slickid-9 .ce-gallery img {max-width: 100%;}
.block1 #slickid-9 .ce-gallery:after {
	content: '';
	width: 2em;
	height: 50%;
	position: absolute;
	top: 0;
	right: calc(-2em - 1px);
	border-bottom: 1px solid;
}

/* innerer Bilder-Slider */
.slider__controls {clear: both; width: 362px; text-align: right;}
.slider__controls li {display: inline-block; color: white;}
.slider__controls li:after {content: '■'; color: dimgrey; font-size: 22px;}
.slider__controls li.active:after {content: '□';}


/* 1b) Branchen */
.block1b .ce-left .ce-gallery {margin-left: calc(435px + 5.4%);}
.block1b .ce-row {display: inline-block; margin: 0 0.5em 0 0; vertical-align: top;}
.block1b .ce-row:last-child {margin-right: 0;}
.block1b .ce-gallery figcaption {
	padding-top: 0.5em;
	color: #003567;
	font-size: 0.5em;
	font-weight: bold;
	text-align: center;
}
.block1b figure {width: 66px;}
.block1b figure img {width: calc(100% - 2px);}

/* 1c) Downloads */
.download_buttons {display: grid; grid-template-columns: repeat(auto-fill, 300px); justify-content: space-between; margin: 70px 0 0 80px; grid-gap: 0.5em 1.5em;}
.download_buttons::after {content: ''; flex: auto;}

.download_buttons .button {width: 300px; display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 40px;}
.download_buttons .button_innen {display: grid; grid-template-columns: 50px 1fr;}
.download_buttons a:hover {cursor: pointer;}
.download_buttons a:hover .text {background: black;}

.download_buttons .text {
	min-width: 244px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 7px;
	color: white;
	background: #888888;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}
.download_buttons a .text {background: #003567;}
.download_buttons a .text span:nth-child(2) {margin-left: 0.3em;}
.download_buttons .bild {width: 50px;}
.download_buttons .bild img {max-width: 100%; height: auto;}


.download_buttons .klappding {position: relative; cursor: pointer; }
.download_buttons .klappding .text {background: #003567;}
.download_buttons .klappding:hover .text {background: black;}
.download_buttons .klappding .inhalt {
	position: absolute;
	max-height: 0;
	left: 57px;
	right: 0;
	margin-top: 7px;
	padding: 0 0.5em;
	font-size: 0.8em;
	color: white;
	background: #003567;
	overflow: hidden;
	z-index: 2;
	transition: 1s;
}
.download_buttons .klappding.active .inhalt {max-height: 500px; padding: 0.5em;}
.download_buttons .inhalt ul {padding: 0.2em 0 0.2em 0.5em;}
.download_buttons .inhalt li {padding-bottom: 0.4em; list-style: none;}
.download_buttons .inhalt li:before {content: url('/fileadmin/private/img/pfeil_aufzaehlung_weiss.svg'); display: inline-block; width: 0.7em; margin-right: 0.2em;}
.download_buttons .inhalt a {color: white;}
.download_buttons .inhalt a:hover {color: lightgrey; text-decoration: underline;}


/* kann das weg? ist wohl was Älteres...
.download_inhalte .inhalt {height: 0:}
.download_inhalte .inhalt.active {display: block;}
*/


/* Block 2 */

.block2 {}
.block2 .mehrspaltig {display: flex; justify-content: space-between;}
.block2 .mehrspaltig > * {width: 47%; background: white;}
.block2 .frame-type-text {padding: 0 10px;}


/* Block 3 */

.block3 .ce-gallery figcaption {padding-top: 1em; color: #003567; font-weight: bold;}


/* Block 4 */

block 4 {background: #e8e6e6;}


/* Block 5 */

#zubehoer .zubehoer {display: grid; grid-template-columns: repeat(auto-fill, 30%); justify-content: space-between; align-items: end;}
#zubehoer .zubehoer-thumb {margin-bottom: 2em;}

#zubehoer .zubehoer .text {font-size: 0.95em; font-weight: bold; color: #003567; margin-bottom: 1em;}
#zubehoer .zubehoer .titel {overflow: hidden; text-overflow: ellipsis;}
#zubehoer .zubehoer img {width: 100%; border: 1px solid black;}


/* Block 6 */

#zertifikate .ce-gallery {margin-bottom: 1em;}


/* Formulare */
form .row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}
form .row .col-lg-6 {grid-column-end: span 6;}

/* InSite-Landingpage */
#page-154 form .clearfix {margin-top: 1em;}
#page-154 form .row > div:last-child label {display: none;}
#page-154 form .row > div:last-child .form-group {display: block; margin-left: 2em;}
#page-154 form .actions {margin-top: 1em;}

.cr_form input[type=text],
.cr_form textarea {width: calc(100% - 10px);}



/* FOOTER */

footer {
	color: white;
	margin-top: 10px;
	background: #003567;
}
footer .inside {
	display: grid;
	grid-template-columns: 4.5em 1fr 4.5em;
}
/* Footer-Spalten */
#footer-spalten {text-align: center; margin-bottom: 0.8em;}
footer h2 {color: white; font-size: 1em; font-weight: bold; text-transform: unset;}
#footer-spalten li::after {content: '|'; margin-left: 1em;}
#footer-spalten li:last-child::after {content: '';}

/* Footer-Menu */
#footer-menu-container {
	grid-row-start: 2;
	grid-column-start: 2;
	text-align: center;
}
footer ul {padding: 0;}
footer li {display: inline-block; padding: 0 8px;}
footer a {color: white;}
footer a:hover {color: white; text-decoration: underline;}

footer .footer-links {
	grid-row: span 2;
}

footer .footer-rechts {
	grid-row: span 2;
	margin-right: 1em;
}




/*********** RESPONSIV ***********/
/*********** RESPONSIV ***********/
/*********** RESPONSIV ***********/


/*********** RALFS RIESENSCHIRM ***********/
@media (min-width:1600px) {

#kacheln figure {width: 100%;}
#kacheln figure img {width: 100%;}

} /* Ende Riesenschirm */


/*********** DESKTOP BREIT (1280px + padding) ***********/
@media (min-width:1360px) {

	body #stage .frame-type-text {margin-left: calc(50% - 640px);}
	#nav ul.ebene2 {column-fill: auto; height: 7em;}
	#nav ul.ebene2.vierzeilig {height: 10em;} /*Dichtungstechnik früher*/
	#nav ul.ebene2.fuenfzeilig {height: 12em;} /*Dichtungstechnik aktuell*/
	
	#nav .zurueck {left: -20px;}

} /* Ende Desktop breit 1 */



/*********** DESKTOP BREIT (ab Schriftvergrößerung) ***********/
   
@media (min-width:1100px) {
	
  html {font-size: 24.7px;}
  .produkt-thumb .text {font-size: 0.9em;}
  .produktbilder-slider .slick-list {
    width: 342px;
    height: 342px !important;
  }
  video {max-width: 100%;}
  .block1b .ce-left .ce-gallery {margin-left: calc(345px + 5.4%);}
  
  #header, footer {font-size: 20px;}
  #nav ul.ebene2 {font-size: 0.85em; column-gap: 1em;}
  .language {font-size: 0.9em;}
  
} /* Ende */

	
@media (min-width:1100px) and (max-width:1360px) {

html {font-size: 1.8vw;}

} /* Ende Desktop breit 2 */



/*********** Zwischengröße ***********/
@media (max-width:1460px) {

.calltoaction_wrapper {left: unset; right: 8px;}
#page-1 .calltoaction_wrapper {top: 90px; z-index: -2;}
#page-1.scroll .calltoaction_wrapper {top: 62px;}
#page-1 .calltoaction {display: block; margin-bottom: 3px;}

#seitenleiste {right: 6px;}

} /* Ende Zwischengröße */



/*********** DESKTOP ***********/
@media (max-width:1200px) {

.inside {padding: 15px 25px;}

#header .inside {grid-template-columns: 110px 1fr 11em 5em;}
#nav li.ebene1:last-child a {margin-right: 0;}

body #stage .frame-type-text {margin-left: 25px;}
#content {padding-top: 84px;}

#page-1 #textblock {font-size: 1em;}
#kacheln .ce-bodytext {font-size: 0.65rem;}

.calltoaction_wrapper {top: 85px;}
.breadcrumb .inside {padding-bottom: 15px;}
.produkt-inhalt {width: calc(100% - 50px);}
.download_buttons .text {min-width: 242px;}


} /* Ende Desktop */



/*********** DESKTOP SCHMAL ***********/
@media (max-width:1100px) {

html {font-size: 18px;}
#nav li.ebene1 > a, #nav li.ebene1 > span {margin: 0 0.4em;}
#nav ul.ebene2 {columns: 2;}

#kacheln {grid-template-columns: 1fr 1fr;}
#kacheln h2 {font-size: 1em; margin: 0.5em 0;}
#kacheln .ce-bodytext {height: 2.5em; font-size: 0.9rem; }
#kacheln .ce-gallery {max-height: calc(32.1vw - 0.25em);}

.produktbilder-slider {margin-right: 2em;}
.produktbilder-slider .slick-prev {left: -25px;}
.produktbilder-slider .slick-next {right: -25px;}

.block1b .ce-left .ce-gallery {margin-left: 0; float: right;}
.download_buttons {grid-template-columns: repeat(auto-fill,250px); margin-top: 50px; grid-gap: 0.4em;}
.download_buttons .button {width: unset; margin-bottom: 1.3em;}
.download_buttons .text {min-width: 194px;}

} /* Ende Desktop schmal */




/*********** TABLET BREIT ***********/
@media (max-width:900px) {

#header .inside {grid-template-columns: 74px 1fr 11.2em 2em; padding-bottom: 11px;}
#header.small .inside {padding-bottom: 9px;}

.logo {width: 4.4em;}
#nav li.ebene1 {font-size: 1em;}
#nav ul.ebene2 {max-width: calc(100% - 50px); padding: 25px;}
.small #nav ul.ebene2 {top: 57px; z-index: -1;}

#nav li.ebene1 .close {right: 1rem; top: 90px;}
#header.small #nav li.ebene1 .close {top: 60px;}
#nav .zurueck {left: 5px;}

.calltoaction_wrapper {top: 69px;}
body.scroll .calltoaction_wrapper {top: 57px;}
#page-1 .calltoaction_wrapper {top: 60px;}

#content {padding-top: 70px;}

.language {width: unset;}
.language .de:lang(de),
.language .en:lang(en) {display: none;}
.language span {display: none;}

/*.produkt-thumb .titel {font-size: 1.3em; margin-top: 0.15em;}*/
.block1b figure {width: 50px;}

.portfolio img {width: 6em;}

} /* Ende Tablet breit */





/*********** TABLET MITTEL ***********/
@media (max-width:750px) {

html {font-size: 17px;}
html .inside {padding: 10px 15px;}
#header.small .inside {padding-top: 8px; padding-bottom: 10px;}
.logo {width: 4em;}
#nav li.ebene1 {border-left: none;}
.language {font-size: 1em; line-height: 1.6;}
.breadcrumb .inside {padding-top: 9px; padding-bottom: 10px;}
#content {padding-top: 59px;}

#kacheln .frame:hover .ce-bodytext {height: 70%;}

/* Spalten-Elemente ALT */
.grid-container .row .col-md-4,
.grid-container .row .col-md-6,
.grid-container .row .col-md-8 {grid-column: span 12;}

/* Spalten-Elemente NEU */
.frame > .row {display: block;}
.frame > .row .col-md {margin: 2em 0; width: unset;}


body #stage .frame-type-text {margin-left: 15px; bottom: 0.5em; font-size: 0.9em;}

h2.typ, .block1c h2, .block2 h2:nth-child(1), .block3 h2:nth-child(1), .block4 h2:nth-child(1), .block5 h2:nth-child(1), .block6 h2:nth-child(1) {
    height: 55px;
    line-height: 85px;
    margin: 0.5em 0;
    padding-left: 60px;
    background-size: 45px;
}
.typen-inhalt {grid-template-columns: 1fr 1fr 1fr 1fr;}
.produkt-inhalt {width: 100%; margin-top: 0;}
.produktbilder-slider {max-width: 400px;}
.produktbilder-slider .slick-list {width: 400px; height: 400px !important;}
.block1 .slick-slide {max-width: 400px;}
.produkt-thumb .text {font-size: 2.2vw;}

.produktbilder-slider {float: none; max-width: unset; margin-right: 2px; margin-bottom: 20px !important;}
.produktbilder-slider .slick-list {max-height: calc(100vw - 32px);}
.slick-prev::before, .slick-next::before {display: none;}
.produktbilder-slider .slick-next {right: 0;}
.produktbilder-slider ul.slick-dots {max-width: 440px;}

.produktbeschreibung {margin-top: 3em;}

.download_buttons {margin-left: 60px;}

.icons img {width: 5em;}
.portfolio {grid-column: 1 / 3;}

form .row .col-lg-6 {grid-column-end: span 12;}
#page-154 form .row > div:last-child .form-group {display: grid; margin-left: unset;}
#page-154 form .row > div:last-child label {display: block;}


} /* Ende Tablet mittel */





/*********** TABLET SCHMAL ***********/
@media (max-width:650px) {

#header .inside {grid-template-columns: 80px 1fr 2em 2em;}
input#ke_search_searchfield_sword {display: none;}


#seitenleiste {display: none;}

#kacheln .frame:hover .ce-bodytext {height: 100%;}

body:not(#page-1) #stage img {max-width: 130%; left: -15%; position: relative;}

.typen-inhalt {column-gap: 0.5em;}
.download_buttons {margin: 2em 0 0;}
.download_buttons .button {margin-bottom: 0.4em;}

.klapp {padding: 1em 0;}
#page-3 .contenttable th {display: none;}
#page-3 .contenttable tr {display: block; padding: 0.3em 0.2em;}
#page-3 .contenttable td {display: block;}

} /* Ende Tablet schmal */





/*********** MOBIL BREIT ***********/
@media (max-width:550px) {
	

#header {top: 0; transition: 1s;}
#header.small {top: -1.8em;}
#header .inside {padding-bottom: 0;}
#header.small .inside {padding-bottom: 0;}

#header-top {grid-column: 1 / 2; grid-row: 1 / 3; align-self: center; transition: 0.8s;}
#header.small #header-top {margin-top: 1.3em;}
#header.small .logo {width: 50px;}

#menu {grid-column: 1 / 5; grid-row: 2 / 3;}
#suchfeld {grid-column: 4 / 5; grid-row: 1 / 2; align-self: start; font-size: 0.9em; text-align: right;}
#header .language {grid-column: 3 / 4; text-align: center;}
#header .language a {color: #003567;}
#header.small #nav li.ebene1 > span {padding-bottom: 5px;}	

.kontakt_kl {display: block; margin-right: 1em; text-align: right; line-height: 1.6;}

#header .language,
.kontakt_kl {font-size: 0.9em; font-weight: bold; align-self: start;}

#nav {text-align: right;}
#nav li.ebene1 {padding: 0.5em 0;}
#nav li.ebene1:last-child {display: none;}
#nav li.ebene1 > a, #nav li.ebene1 > span {margin: 0 0 0 5vw; padding-bottom: 5px;}
#nav ul.ebene2 {top: 78px; font-size: 1em; text-align: left; columns: 1;}
#content {padding-top: 78px;}
.calltoaction_wrapper {display: none;}


#kacheln {grid-template-columns: 1fr;}
#kacheln .frame:hover .ce-bodytext {height: 50%;}
#kacheln .ce-gallery {max-height: 50vw;}

.typen-inhalt {grid-template-columns: 1fr 1fr 1fr;}
.produkt-thumb .text {font-size: 2.9vw;}
#zubehoer .zubehoer {grid-template-columns: repeat(auto-fill, 48%);}

html footer .inside {grid-template-columns: 4.5em 1fr 4.5em;}
#footer-spalten li::after {content: '';}
#footer-menu-container {grid-column: 1 / span 3;}
footer .footer-links,
footer .footer-rechts {grid-row: span 1;}

} /* Ende Mobil breit */




/*********** MOBIL MITTEL ***********/
@media (max-width:450px) {
	
html {font-size: 16px;}

.produktbilder-slider {max-width: calc(100vw - 2em);}
.produktbilder-slider .slick-list {width: calc(100vw - 2em); height: calc(100vw - 2em) !important;}

.klapp {padding: 1.2em 1.2em;}
.grid-container .row {grid-gap: 1em;} /* ALT */
.frame > .row {gap: 1em;} /* NEU */

form .form-group {grid-template-columns: 1fr;}

.h-captcha iframe {margin: 0;}

#footer-spalten {grid-column: 1 / span 2; grid-row: 1;}
footer .footer-rechts {grid-row: 1;}

} /* Ende Mobil mittel */