/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* Allgemein
========================================================================== */

* {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, html {
    height: 100%;
    width: 100%;
}

body {
	background: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.7;
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-weight: 800;
	margin: 0;
	padding: 0;
	line-height: 1;
}

h1 {
	text-transform: uppercase;
	font-size: 60px;
	font-size: 3.75rem;
	letter-spacing: 3px;
	letter-spacing: 0.1875rem;
}

.contentsite h1 {
	font-size: 46px;
	font-size: 2.875rem;
	margin: 0 0 40px 0;
	margin: 0 0 2.5rem 0;
}

h2 {
	font-size: 40px;
	font-size: 2.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	letter-spacing: 0.125rem;
	margin: 0 0 80px 0;
	margin: 0 0 5rem 0;
}

h3 {
	font-size: 30px;
	font-size: 1.875rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	letter-spacing: 0.125rem;
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
	font-weight: 700;
	line-height: 1.5;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
	font-weight: 600;
	line-height: 1.5;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
	font-weight: 700;
	line-height: 1.5;
}

p {
	padding: 0 0 15px 0;
	padding: 0 0 0.9375rem 0;
	margin: 0;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
}

p:last-child {
	padding: 0;
}

p strong {
	font-weight: 700;
}

p.text-center {
	text-align: center;
}

p.text-right {
	text-align: right;
}

a {
	display: inline-block;
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.ce-bodytext a {
	text-decoration: underline;
}

.ce-bodytext a:hover {
	text-decoration: none;
}

a.outline {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	padding: 15px 30px;
	padding: 0.9375rem 1.875rem;
	border: 2px solid #333;
	border: 0.125rem solid #333;
	line-height: 1;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a.outline::before {
	content:'';
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a.outline:hover {
	color: #fff;
}

a.outline:hover::before {
	width: 100%;
}

a.download {
	position: relative;
	margin: 0 0 5px 30px;
	margin: 0 0 0.3125rem 1.875rem;
}

a.download::before {
	content:'';
	width: 20px;
	width: 1.25rem;
	height: 26px;
	height: 1.625rem;
	position: absolute;
	left: -30px;
	left: -1.875rem;
	background: url(../Images/pdf-icon.svg) no-repeat center/100% auto;
	top: 50%;
	margin-top: -13px;
	margin-top: -0.8125rem;
}

hr {
	width: 100%;
	height: 2px;
	height: 0.125rem;
	border: none;
	outline: none;
	background: #ccc;
}

img {
	width: 100%;
	height: auto;
}

ul, ol {
	margin: 0;
	padding: 0;
}

.ce-bodytext ul {
	margin: 0 0 15px 20px;
	margin: 0 0 0.9375rem 1.25rem;
}

.ce-bodytext ul li {
	list-style: none;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	font-weight: 600;
	padding: 0 0 0 15px;
	padding: 0 0 0 0.9375rem;
	position: relative;
}

.ce-bodytext ul li::before {
	content:'';
	width: 6px;
	width: 0.375rem;
	height: 6px;
	height: 0.375rem;
	display: inline-block;
	background: #888;
	position: absolute;
	left: 0;
	top: 11px;
	top: 0.6875rem;
}

.container {
	width: 100%;
	position: relative;
	padding: 0 8%;
}

/*** Tabelle ***/

figure.table {
	margin: 0;
}

/* Table */
.contenttable { width: 100%; max-width: 100%; }
.contenttable th, .contenttable td { padding: 0.5em 0.75em; vertical-align: top; }
.contenttable thead th { border-bottom: 2px solid #dadada; }
.contenttable th, .contenttable 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; }

/*** Flex ***/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.justify-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.justify-end {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.justify-start {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.justify-around {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.justify-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/*** Grids ***/
.two-column,
.three-column {
	position: relative;
	width: 100%;
}

.two-column.c50-50 .column {
	width: calc(100%/2 - 20px);
}

.two-column.c70-30 .column:nth-child(1) {
	width: 70%;
	padding: 0 20px 0 0;
}

.two-column.c70-30 .column:nth-child(2) {
	width: 30%;
	padding: 0 0 0 20px;
}

.two-column.c30-70 .column:nth-child(1) {
	width: 30%;
	padding: 0 20px 0 0;
}

.two-column.c30-70 .column:nth-child(2) {
	width: 70%;
	padding: 0 0 0 20px;
}

.three-column .column {
	width: calc(100%/3 - 20px);
}

/*** Abstände ***/
.frame-space-before-extra-small {
	margin-top: 15px;
	margin-top: 0.9375rem;
}
.frame-space-before-small {
	margin-top: 20px;
	margin-top: 1.25rem;
}
.frame-space-before-medium {
	margin-top: 30px;
	margin-top: 1.875rem;
}
.frame-space-before-large {
	margin-top: 40px;
	margin-top: 2.5rem;
}
.frame-space-before-extra-large {
	margin-top: 60px;
	margin-top: 3.75rem;
}

.frame-space-after-extra-small {
	margin-tbottomo: 15px;
	margin-tbottomo: 0.9375rem;
}
.frame-space-after-small {
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
}
.frame-space-after-medium {
	margin-bottom: 30px;
	margin-bottom: 1.875rem;
}
.frame-space-after-large {
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}
.frame-space-after-extra-large {
	margin-bottom: 60px;
	margin-bottom: 3.75rem;
}


/* Header
========================================================================== */

header {
	padding: 20px 0;
	padding: 1.25rem 0;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0 0.3125rem 0.3125rem rgba(0,0,0,0.1);
	position: relative;
	z-index: 50;
	background: #fff;
}

.logo {
	width: 300px;
	width: 18.75rem;
	position:absolute;
	left: 8%;
	top: 20px;
	top: 1.25rem;
}

.quick-links a {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	position: relative;
	padding: 0 0 0 23px;
	padding: 0 0 0 1.4375rem;
	text-decoration: none;
}

.quick-links a:last-child {
	padding: 0 0 0 18px;
	padding: 0 0 0 1.125rem;
	margin: 0 0 0 15px;
	margin: 0 0 0 0.9375rem;
}

.quick-links a:hover {
	text-decoration: underline;
}

.quick-links a:first-child::before {
	content: '';
	width: 16px;
	width: 1rem;
	height: 15px;
	height: 0.9375rem;
	background: url(../Images/mail-icon.svg) no-repeat center/100% auto;
	position: absolute;
	left: 0;
	bottom: 5px;
	bottom: 0.3125rem;
}

.quick-links a:last-child::before {
	content: '';
	width: 15px;
	width: 0.9375rem;
	height: 15px;
	height: 0.9375rem;
	background: url(../Images/map-icon.svg) no-repeat center/auto 100%;
	position: absolute;
	left: 0;
	bottom: 5px;
	bottom: 0.3125rem;
}

.quick-links #c4 {
	display: none;
}

.lang {
	margin: 0 0 0 20px;
	margin: 0 0 0 1.25rem;
	text-transform: uppercase;
}

.lang li {
	display: inline-block;
	margin: 0 0 0 10px;
	margin: 0 0 0 0.625rem;
}

.lang li.active a::after {
	content: '';
	width: 100%;
	height: 2px;
	height: 0.125rem;
	background: #333;
	display: block;
}

.lang img {
	height: 20px;
	height: 1.25rem;
	width: auto;
}

/*** Main Nav ***/
nav {
	width: calc(100% - 300px);
	width: calc(100% - 18.75rem);
	padding: 40px 0 0 0;
	padding: 2.5rem 0 0 0;
	text-align: right;
}

.main-nav {
	position: relative;
}

.main-nav li {
	display: inline-block;
	list-style: none;
	position: relative;
	margin: 0 0 0 20px;
	margin: 0 0 0 1.25rem;
}

.main-nav .hassub::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 25px;
    height: 1.5625rem;
    z-index: 1;
    left: 0;
	top: 0;
    cursor: pointer;
}

.main-nav li a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	color: #888;
	line-height: 1.3;
}

.main-nav li:hover > a,
.main-nav li.active > a,
.mobile-nav li.active > a{
	color: #333;
}

.main-nav .sub {
	display: none;
	position: absolute;
	z-index: 100;
	text-align: left;
	width: 280px;
	width: 17.5rem;
	left: 50%;
	margin: 40px 0 0 -130px;
	margin: 2.5rem 0 0 -8.125rem;
	background: #fff;
	padding: 30px;
	padding: 1.875rem;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	        box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0.3125rem 0.3125rem rgba(0,0,0,0.1);
	        box-shadow: 0 0.3125rem 0.3125rem rgba(0,0,0,0.1);
}

.main-nav .sub li {
	display: block;
	margin: 0;
}

.main-nav .sub li a {
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	position: relative;
	padding: 10px 20px;
	padding: 0.625rem 1.25rem;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-bottom: 0.0625rem solid rgba(0,0,0,0.1);
	display: block;
}

.main-nav .sub li:last-child a {
	border-bottom: none;
}

.main-nav .sub li a::before {
	content:'';
	position: absolute;
	width: 5px;
	width: 0.3125rem;
	height: 5px;
	height: 0.3125rem;
	background: #888;
	left: 0;
	top: 18px;
	top: 1.125rem;
}

.main-nav .sub li a:hover::before {
	background: #333;
}

/*** Mobile Nav ***/
.nav-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 999;
}

.nav-overlay.show {
	display: block;
}

.mn-btn {
	display: none;
	width: 77px;
	width: 4.8125rem;
	padding: 30px 25px;
	padding: 1.875rem 1.5625rem;
	cursor: pointer;
	position: absolute;
	top: -20px;
	top: -1.25rem;
	right: 0;
	height: 77px;
	height: 4.8125rem;;
}

.mn-btn::before {
	content:'';
	width: 1px;
	width: 0.0625rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.1);;
}

.mn-btn span {
	display: block;
	margin: 4px 0;
	margin: 0.25rem 0;
	height: 2px;
	height: 0.125rem;
	background: #333;
	width: 100%;
}

.navcont {
	position: fixed;
	width: 300px;
	width: 18.75rem;
	height: 100%;
	background: #fff;
	top: 0;
	left: -300px;
	left: -18.75rem;
	z-index: 1000;
	padding: 40px;
	padding: 2.5rem;
	overflow-y: auto;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}

.navcont.open {
	left: 0;
}

.navcont nav {
	width: 100%;
	padding: 0;
	text-align: left;
}

.mobile-nav {
	position: relative;
}

.mobile-nav li {
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-bottom: 0.0625rem solid rgba(0,0,0,0.1);
	list-style: none;
	position: relative;
}

.mobile-nav .hassub::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40.5px;
	height: 2.53125rem;
    z-index: 2;
    left: 0;
	top: 0;
    cursor: pointer;
}

.mobile-nav .hassub::before {
    content: '+';
    position: absolute;
    width: 100%;
    height: 48.5px;
	height: 3.03125rem;
    z-index: 1;
    right: 1px;
	right: 0.0625rem;
	top: 0;
	line-height: 50px;
	line-height: 3.125rem;
	text-align: right;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
}

.mobile-nav .hassub.open::before {
	content: '-';
}

.mobile-nav li a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	display: block;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	color: #888;
	line-height: 1.3;
	padding: 14px 0;
	padding: 0.875rem 0;
}

.mobile-nav .sub {
	display: none;
	padding: 0 0 10px 0;
	padding: 0 0 0.625rem 0;
}

.mobile-nav .sub li {
	border-bottom: none;
}

.mobile-nav .sub li a {
	text-transform: none;
	font-weight: 500;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	position: relative;
	padding: 8px 0 18px 20px;
	padding: 0.5rem 0 0.5rem 1.25rem;
	margin: 0;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
}

.mobile-nav .sub li:last-child a {
	border-bottom: none;
}

.mobile-nav .sub li a::before {
	content:'';
	position: absolute;
	width: 5px;
	width: 0.3125rem;
	height: 5px;
	height: 0.3125rem;
	background: #888;
	left: 5px;
	left: 0.3125rem;
	top: 14px;
	top: 0.875rem;
}

.mobile-nav .hassub:hover > a,
.mobile-nav .sub li a:hover {
	color: #333;
}

.mobile-nav .sub li a:hover::before,
.mobile-nav .sub li.active a::before{
	background: #333;
}

.navcont .close-nav {
	position: relative;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	color: #888;
}

.navcont .close-nav::before {
	content: 'schließen';
	display: inline-block;
}

.navcont .close-nav:hover {
	color: #333;
}

/* Startseite
========================================================================== */

/*** Slider ***/

.slider {
	background: #ccc;
	position: relative;
	height: 600px;
	height: 37.5rem;
	width: 100%;
}

.large-slider {
    width: 100%;
    height: 100%;
}

.large-slider .swiper-slide {
	position: relative;
}

.large-slider .swiper-slide .content {
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	z-index: 2;
}

.large-slider .swiper-slide .content .inner {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 0 80px;
	padding: 0 5rem;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.large-slider .swiper-slide .content a {
	margin: 40px 0 0 0;
	margin: 2.5rem 0 0 0;
}

.large-slider .swiper-slide .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.large-slider .swiper-slide .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.large-slider .swiper-slide {
	color: #fff;
}

.large-slider .swiper-slide a.outline {
	color: #fbdc15;
	border-color: #fbdc15;
}
.large-slider .swiper-slide a.outline:hover {
	color: #002a6a;
}
.large-slider .swiper-slide a.outline::before {
	background: #fbdc15;
}

/* Farben */
.large-slider .swiper-slide.automotive a.outline:hover,
.large-slider .swiper-slide.medical a.outline:hover,
.large-slider .swiper-slide.bioplastics a.outline:hover,
.large-slider .swiper-slide.foodpackaging a.outline:hover {
	color: #fff;
}

.large-slider .swiper-slide.automotive {
	color: #222;
}
.large-slider .swiper-slide.automotive a.outline {
	color: #222;
	border-color: #222;
}
.large-slider .swiper-slide.automotive a.outline::before {
	background: #222;
}

.large-slider .swiper-slide.medical {
	color: #00212a;
}
.large-slider .swiper-slide.medical a.outline {
	color: #00212a;
	border-color: #00212a;
}
.large-slider .swiper-slide.medical a.outline::before {
	background: #00212a;
}

.large-slider .swiper-slide.bioplastics {
	color: #232c01;
}
.large-slider .swiper-slide.bioplastics a.outline {
	color: #232c01;
	border-color: #232c01;
}
.large-slider .swiper-slide.bioplastics a.outline::before {
	background: #232c01;
}

.large-slider .swiper-slide.foodpackaging {
	color: #2d1801;
}
.large-slider .swiper-slide.foodpackaging a.outline {
	color: #2d1801;
	border-color: #2d1801;
}
.large-slider .swiper-slide.foodpackaging a.outline::before {
	background: #2d1801;
}

/* Nav */
.large-slider .swiper-pagination {
	text-align: right;
	padding-right: 20px;
	padding-right: 1.25rem;
}

.large-slider .swiper-pagination.swiper-pagination-bullets {
	bottom: 10px;
	bottom: 0.625rem;
}

.large-slider .swiper-pagination-bullet {
	border-radius: 0;
	width: 8px;
	width: 0.5rem;
	height: 8px;
	height: 0.5rem;
	background: rgba(255,255,255,0.2);
	opacity: 1;
	margin: 0 2px;
	margin: 0 0.125rem;
}

.large-slider .swiper-pagination-bullet-active {
	background: rgba(255,255,255,1);
}

.large-slider .swiper-button-prev, 
.large-slider .swiper-button-next {
	width: 20px;
	width: 1.25rem;
	height: 40px;
	height: 2.5rem;
	color: #fff;
	top: 50%;
	margin: -20px 0 0 0;
	margin: -1.25rem 0 0 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.large-slider .swiper-button-prev {
	background: url(../Images/arrow-l-w.svg) no-repeat center/100% auto;
	left: -20px;
	left: -1.25rem;
}

.large-slider:hover .swiper-button-prev {
	left: 20px;
	left: 1.25rem;
}

.large-slider .swiper-button-next {
	background: url(../Images/arrow-r-w.svg) no-repeat center/100% auto;
	right: -20px;
	right: -1.25rem;
}

.large-slider:hover .swiper-button-next {
	right: 20px;
	right: 1.25rem;
}

.large-slider .swiper-button-prev::after, 
.large-slider  .swiper-button-next::after {
    content: none;
}

/*** Keymarkets ***/

.keymarkets {
	padding: 100px 0;
	padding: 6.25rem 0;
	background: #333;
	color: #fff;
	/*background: #333 url(../Images/pattern2.svg) repeat top left/6px auto;*/
}

.keymarkets .headline {
	width: 400px;
	width: 25rem;
	padding: 0 80px 0 0;
	padding: 0 5rem 0 0;
}

.keymarkets .headline h3 {
	line-height: 1.3;
}

.keymarkets .km-teaser {
	width: calc(100% - 400px);
	width: calc(100% - 25rem);
}

.keymarkets .km-teaser .square {
	width: calc(100%/4);
	max-width: 230px;
	max-width: 14.375rem;
	height: 230px;
	height: 14.375rem;
	background: #ccc;
	padding: 40px;
	padding: 2.5rem;
	line-height: 1.3;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.keymarkets .km-teaser .square:hover {
	-webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,0.5);
	        box-shadow: 0 20px 20px -5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1.25rem 1.25rem -0.3125rem rgba(0,0,0,0.5);
	        box-shadow: 0 1.25rem 1.25rem -0.3125rem rgba(0,0,0,0.5);
}

.keymarkets .km-teaser .square a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.keymarkets .km-teaser .square .inner {
	margin: 0;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	padding: 40px;
	padding: 2.5rem;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: center;
}

.keymarkets .km-teaser .square span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1.5px;
	letter-spacing: 0.09375rem;
	color: #333;
}

.keymarkets .km-teaser .square span::after {
	content:'mehr erfahren';
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	text-transform: none;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	font-weight: 600;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.keymarkets .km-teaser .square:hover span::after {
	height: 20px;
	height: 1.25rem;
}

.keymarkets .km-teaser .square.auto {
	background: #aba8a7;
	background: url(../Images/sq-auto.jpg) no-repeat center/cover;
}

.keymarkets .km-teaser .square.auto span {
	color: #222;
}

.keymarkets .km-teaser .square.med {
	background: #71c9e2;
	background: url(../Images/sq-med.jpg) no-repeat center/cover;
}

.keymarkets .km-teaser .square.med span {
	color: #00212a;
}

.keymarkets .km-teaser .square.bio {
	background: #a0c518;
	background: url(../Images/sq-bio.jpg) no-repeat center/cover;
}

.keymarkets .km-teaser .square.bio span {
	color: #232c01;
}

.keymarkets .km-teaser .square.food {
	background: #f07d04;
	background: url(../Images/sq-food.jpg) no-repeat center/cover;
}

.keymarkets .km-teaser .square.food span {
	color: #2d1801;
}

.startsite .keymarkets a.outline {
	color: #fff;
	border-color: #fff;
	z-index: 10;
	text-transform: none;
	background: rgba(0,0,0,0.2);
	margin-top: 20px;
}

.startsite .keymarkets a.outline:hover {
	color: #333;
}

.startsite .keymarkets a.outline::before {
    background: #fff;
}

.startsite .keymarkets a.outline span {
	position: absolute;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 5px 10px;
	padding: 0.3125rem 0.625rem;
	background: #fbdc15;
	top: -17px;
	top: -1.0625rem;
	right: 10px;
	right: 0.625rem;
	color: #111;
	letter-spacing: 0;
	font-weight: 800;
	box-shadow: 0 1px 2px rgba(0,0,0,0.8);
	box-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,0.8);
}

/*** Intro ***/

.startsite .intro {
	padding: 100px 0;
	padding: 6.25rem 0;
}

.startsite .intro a.outline {
	color: #0a1e50;
	border-color: #0a1e50;
}

.startsite .intro a.outline:hover {
    color: #fff;
}

.startsite .intro a.outline::before {
    background: #0a1e50;
}

.startsite .intro .container::after {
	content: '';
	position: absolute;
	width: 30%;
	height: calc(100% + 80px);
	height: calc(100% + 5rem);
	background: url(/fileadmin/user_upload/Startseite/granulat_gelb.jpg) no-repeat center left/auto 100% ;
	top: -40px;
	top: -2.5rem;
	right: 0;
}

/*** News ***/

.latest-news {
	background: #fbdc15;
	padding: 100px 0;
	padding: 6.25rem 0;
	color: #222;
}

.news-slider {
	overflow: hidden;
}

.news-link {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	position: absolute;
	right: 8%;
	margin-top: -100px;
	margin-top: -6.25rem;
}

.news-link:hover {
	text-decoration: underline;
}

.latest-news .news-slider {
	width: 100%;
}

.latest-news .news-slider .article {
	padding: 40px;
	padding: 2.5rem;
	position: relative;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
}

.latest-news .news-slider .article::after {
	content: none;
}

.latest-news .news-slider .article::before {
	content: '';
	width: 8px;
	width: 0.5rem;
	height: 100%;
	top: 0;
	left: 0;
	background: #f1c30c;
	position: absolute;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
	z-index: 1;
}

.latest-news .news-slider .article:hover::before {
	width: 100%;
}

.latest-news .news-slider .article .link-overlay {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.latest-news .news-slider .article .inner {
	position: relative;
	z-index: 2;
	padding: 0 0 40px 0;
	padding: 0 0 2.5rem 0;
	width: 100%;
}

.latest-news .news-slider .article .news-list-date {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.015625rem;
    position: relative;
    padding: 0 0 0 25px;
	padding: 0 0 0 1.5625rem;
	margin: 0 0 1.25rem 0;
	display: block;
}

.latest-news .news-slider .article .news-list-date::before {
    content: '';
    width: 14px;
	width: 0.875rem;
    height: 16px;
	height: 1rem;
    position: absolute;
    left: 0;
    bottom: 4px;
	bottom: 0.25rem;
    background: url(../Images/calendar.svg) no-repeat center/100% auto;
}

.latest-news .news-slider .article h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 22px;
	font-size: 1.375rem;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	margin: 0;
	line-height: 1.5;
	text-transform: none;
}

.latest-news .news-slider .article .more {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 0.875rem;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	display: block;
	position: absolute;
	right: 25px;
	right: 1.5625rem;
	bottom: 0;
}

.latest-news .news-slider .article .more::before {
	content: '';
	width: 0;
	height: 2px;
	height: 0.125rem;
	background: #222;
	position: absolute;
	bottom: 0;
	right: 0;
}

.latest-news .news-slider .article:hover .more::before {
	width: 100%;
}

.latest-news .news-slider .article .more::after {
	content:'';
	width: 15px;
	width: 0.9375rem;
	height: 12px;
	height: 0.75rem;
	background: url(../Images/arrow-more.svg) no-repeat center/100% auto;
	position: absolute;
	right: -25px;
	right: -1.5625rem;
	top: 6px;
	top: 0.375rem;
}

.latest-news .swiper-pagination.swiper-pagination-bullets {
	display: none;
	position: relative;
	margin: 40px 0 0 0;
	margin: 2.5rem 0 0 0;
	bottom: auto;
	line-height: 1;
}

.latest-news .swiper-pagination-bullet {
	border-radius: 0;
	width: 8px;
	width: 0.5rem;
	height: 8px;
	height: 0.5rem;
	background: rgba(0,0,0,0.2);
	opacity: 1;
	margin: 0 2px;
	margin: 0 0.125rem;
}

.latest-news .swiper-pagination-bullet-active {
	background: #222;
}

.latest-news .swiper-button-prev, 
.latest-news .swiper-button-next {
	display: none;
	width: 20px;
	width: 1.25rem;
	height: 40px;
	height: 2.5rem;
	color: #fff;
	top: 50%;
	margin: -20px 0 0 0;
	margin: -1.25rem 0 0 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.latest-news .swiper-button-prev {
	background: url(../Images/arrow-l-s.svg) no-repeat center/100% auto;
	left: 20px;
	left: 1.25rem;
}

.latest-news .swiper-button-next {
	background: url(../Images/arrow-r-s.svg) no-repeat center/100% auto;
	right: 20px;
	right: 1.25rem;
}

.latest-news .swiper-button-prev::after, 
.latest-news .swiper-button-next::after {
    content: none;
}

#c443 .image {
	width: 100%;
}

/*** Quality/Location ***/

.location {
	background: #444;
	color: #fff;
	text-align: center;
}

.location .quality {
	background: url(../Images/quality-bg2.jpg) no-repeat center/cover;
	width: 36%;
}

.location .quality .inner {
	position: relative;
	z-index: 1;
	align-items: center;
	height: 100%;
	padding: 40px;
	padding: 2.5rem;
	max-width: 460px;
	max-width: 28.75rem;
	margin: 0 auto;
}

.location .quality ul {
	position: relative;
	width: 230px;
	width: 14.375rem;
	padding-left: 60px;
	padding-left: 3.75rem;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}

.location .quality ul::before {
	content: '';
	width: 80px;
	width: 5rem;
	height: 80px;
	height: 5rem;
	background: url(../Images/badge.svg) no-repeat center/contain;
	position: absolute;
	left: -30px;
	left: -1.875rem;
	top: 0;
}

.location .quality ul li::before {
	background: rgba(255,255,255,0.25);
}

.location .quality a.outline {
	color: #fbdc15;
	border-color: #fbdc15;
}

.location .quality a.outline:hover {
    color: #0a1e50;
}

.location .quality a.outline::before {
    background: #fbdc15;
}

.location .content {
	padding: 100px 40px;
	padding: 100px 2.5rem;
	width: 64%;	
	font-size: 14px;
	font-size: 0.875rem;
	background: url(../Images/map.jpg) no-repeat center right -180px/1100px auto;
	background: url(../Images/map.jpg) no-repeat center right -11.25rem/68.75rem auto;
}

.location .content p strong {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1rem;
	color: #fbdc15;
}

.location .content .open-map {
	margin: 40px 0 0 0;
	margin: 2.5rem 0 0 0;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 600;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.location .content .open-map::before {
	content: 'Karte öffnen';
	display: block;
}
.location .content .open-map.open::before {
	content: 'Karte schließen';
}

.location .content .open-map:hover::before {
	color: #fbdc15;
}

.location .content .open-map::after {
	content:'';
	width: 30px;
	width: 1.875rem;
	height: 30px;
	height: 1.875rem;
	background: url(../Images/map-marked.svg) no-repeat center/100% auto;
	display: block;
	margin: 0 auto;	
}

.location .content .open-map.open::after {
	background: url(../Images/close.svg) no-repeat center/60% auto;
}

.location .map {
	display: none;
	width: 100%;
	color: #333;
}

.gm-style .gm-style-iw-c {
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
	box-shadow: 0 0.125rem 5px rgba(0,0,0,0.3) !important;
}

.gme-info-window {
	padding: 15px 25px 15px 15px !important;
	padding: 0.9375rem 1.5625rem 0.9375rem 0.9375rem !important;
	border-radius: 0 !important;
	text-align: left;
}

.gme-info-window p {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
}

.gme-info-window a:hover {
	text-decoration: underline;
}

.gm-style .gm-style-iw-c .gm-ui-hover-effect {
	top: -2px !important;
	top: -0.125rem !important;
	right: 0 !important;
}

/* Contenseite
========================================================================== */

.sidebar {
	width: 300px;
	width: 18.75rem;
	padding: 0 0 100px 0;
	padding: 0 0 6.25rem 0;
}

.main-content {
	width: calc(100% - 300px);
	width: calc(100% - 18.75rem);
	padding: 0 0 100px 80px;
	padding: 0 0 6.25rem 5rem;
}

/*** Header-Image ***/
.contentsite .header-image,
#page_104 .header-image,
#page_106 .header-image{
	width: 100%;
	height: 300px;
	height: 18.75rem;
	position: relative;
	overflow: hidden;
}

.contentsite .header-image .image,
#page_104 .header-image .image,
#page_106 .header-image .image{
	position: absolute;
	width: 100%;
	height: 400px;
	height: 25rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*** Rootline ***/
.rootline {
	background: #333;
	color: #fff;
	padding: 20px 0;
	padding: 1.25rem 0;
	margin: 0 0 100px 0;
	margin: 0 0 6.25rem 0;
}

.rootline p {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 600;
}

.rootline p a {
	font-weight: 400;
	margin: 0 5px;
	margin: 0 0.3125rem;
}

.rootline a:hover {
	text-decoration: underline;
}

.rootline a::before {
	content: '';
	width: 5px;
	width: 0.3125rem;
	height: 5px;
	height: 0.3125rem;
	background: #888;
	display: inline-block;
	float: left;
	margin: 10px 10px 0 0;
	margin: 0.625rem 0.625rem 0 0;
}

.rootline a:first-child::before {
	content: none;
}

/*** Sidebar ***/
.sb-nav {
	border-bottom: 4px solid #ccc;
	border-bottom: 0.25rem solid #ccc;
	margin: 0 0 25px 0;
	margin: 0 0 1.5625rem 0;
	padding: 0 0 20px 0;
	padding: 0 0 1.25rem 0;
}

.sb-nav li {
	list-style: none;
}

.sb-nav li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #888;
	position: relative;
	margin: 0 0 0 20px;
	margin: 0 0 0 1.25rem;
}

.sb-nav li a::before {
	content: '';
	width: 5px;
	width: 0.3125rem;
	height: 5px;
	height: 0.3125rem;
	background: #888;
	position: absolute;
	left: -20px;
	left: -1.25rem;
	top: 10px;
	top: 0.625rem;
}

.sb-nav li a:hover,
.sb-nav li.active a{
	color: #333;
}

.sb-nav li.active a::before,
.sb-nav li a:hover::before{
	background: #333;
}

/*** News ***/
.news-sb {
	position: relative;
	background: #fbdc15;
	padding: 20px;
	padding: 1.25rem;
	color: #222;
	margin: 0 0 25px 0;
	margin: 0 0 1.5625rem 0;
}

.news-sb h3 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
}

.news-sb .article h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-size: 0.9375rem;
	letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
	margin: 0;
	line-height: 1.3;
	text-transform: none;
}

.news-sb .article h4 a:hover {
	text-decoration: underline;
}

.news-sb .article .news-list-date {
	font-size: 14px;
	font-size: 0.875rem;
	letter-spacing: 0.25px;
	letter-spacing: 0.015625rem;
	position: relative;
	padding: 0 0 0 20px;
	padding: 0 0 0 1.25rem;
}

.news-sb .article .news-list-date::before {
	content: '';
	width: 12px;
	width: 0.75rem;
	height: 14px;
	height: 0.875rem;
	position: absolute;
	left: 0;
	bottom: 3px;
	bottom: 0.1875rem;
	background: url(../Images/calendar.svg) no-repeat center/100% auto;
}

.news-sb .article {
	border-bottom: 2px solid #f1c30c;
	border-bottom: 0.125rem solid #f1c30c;
	padding: 0 0 15px 0;
	padding: 0 0 0.9375rem 0;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
}

.news-sb .article:last-child {
	border-bottom: none;
}

/*** Probe ***/
.sidebar .free-sample {
	text-align: center;
	background: url(/fileadmin/user_upload/probe.jpg) no-repeat center/auto 110%;
}

.sidebar .free-sample h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-size: 1.625rem;
	color: #0a1e50;
	margin: 0 0 140px 0;
	margin: 0 0 8.75rem 0;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	background: rgba(255,255,255,0.75);
	padding: 30px;
	padding: 1.875rem;
	font-weight: 400;
	line-height: 1.2;
}

.sidebar .free-sample a.outline {
	display: block;
	width: 100%;
	padding: 15px;
	padding: 0.9375rem;
	font-size: 13px;
	font-size: 0.8125rem;
	border: none;
	background: #222;
	color: #fff;
	transition: none;
}

.sidebar .free-sample a.outline:hover {
	background: #0a1e50;
}

.sidebar .free-sample a.outline::before {
	content: none;
}

.sidebar .free-sample a.outline::after {
	content: '';
	width: 13px;
	width: 0.8125rem;
	height: 9px;
	height: 0.5625rem;
	background: url(../Images/arrow-sample.svg) no-repeat center/100% auto;
	display: inline-block;
	margin: 0 0 0 10px;
	margin: 0 0 0 0.625rem;
}

/*** Images ***/
.contentsite .ce-intext.ce-right .ce-gallery {
	margin: 0 0 40px 40px;
	margin: 0 0 2.5rem 2.5rem;
}

.contentsite .ce-intext.ce-left .ce-gallery {
	margin: 0 40px 40px 0;
	margin: 0 2.5rem 2.5rem 0;
}

.ce-gallery[data-ce-columns="1"] .ce-column {
    width: 100%;
	padding: 0;
	margin: 0;
}

.ce-gallery[data-ce-columns="2"] .ce-column {
    width: 50%;
}
 
.ce-gallery[data-ce-columns="3"] .ce-column {
    width: calc(100%/3);
}
 
.ce-gallery[data-ce-columns="4"] .ce-column {
    width: 25%;
}
 
.ce-gallery[data-ce-columns="5"] .ce-column {
    width: 20%;
}

.ce-gallery[data-ce-columns="6"] .ce-column {
    width: calc(100%/6);
}

.ce-gallery[data-ce-columns="7"] .ce-column {
    width: calc(100%/7);
}

.ce-gallery[data-ce-columns="8"] .ce-column {
    width: calc(100%/8);
}

.ce-gallery .ce-column {
	padding: 0 5px;
	padding: 0 0.3125rem;
	margin: 5px 0;
	margin: 0.3125rem 0;
}

/*** Dateiliste ***/
.ce-uploads {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.ce-uploads li {
	width: calc(100%/4 - 10px);
	width: calc(100%/4 - 0.625rem);
	padding: 0;
	margin: 0;
	text-align: center;
	align-self: baseline;
	position: relative;
}

.ce-uploads li img {
	padding: 0;
	position: relative;
	max-width: 200px;
	max-width: 12.5rem;
	border: 1px solid rgba(0,0,0,0.25);
	border: 0.0625rem solid rgba(0,0,0,0.25);
}

.ce-uploads span {
	font-size: 14px;
	font-size: 0.875rem;
}

.border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	height: 2.5rem;
	background: #fbdc15;
	z-index: 1;
	overflow: visible !important;
}

.border::before {
	content:'';
	width: 40px;
	width: 2.5rem;
	height: 40px;
	height: 2.5rem;
	background: url(../Images/ce-icon.svg) no-repeat center/100% auto;
	position: absolute;
	bottom: 15px;
	bottom: 0.9375rem;
	right: 15px;
	right: 0.9375rem;
	z-index: 2;
}

.ce-uploads li a {
	position: relative;
}

.ce-uploads li > a {
	overflow: hidden;
}

.ce-uploads li > a:hover::before {
	border-bottom-color: #f1c30c;
}
.ce-uploads li > a:hover .border {
	background: #f1c30c;
}

.ce-uploads li > a::before {
	content:'';
	width: 100%; 
	height: 0;
	border-bottom: 100px solid #fbdc15;
	border-bottom: 6.25rem solid #fbdc15;
	border-left: 300px solid transparent;
	border-left: 18.75rem solid transparent;
	position: absolute;
	bottom: 40px;
	bottom: 2.5rem;
	left: 0;
	z-index: 1;
}

/*** Image Slider ***/
.image-slider .swiper-pagination-bullet {
	border-radius: 0;
	margin: 0 4px;
	margin: 0 0.125rem;
	width: 8px;
	width: 0.5rem;
	height: 8px;
	height: 0.5rem;
	background: #888;
	opacity: 1;
	line-height: 1;
}

.image-slider .swiper-pagination-bullet-active {
	background: #fbdc15;
}

.image-slider .swiper-pagination {
	position: relative;
	margin: 0;
	padding: 0;
	bottom: auto;
	text-align: right;
	line-height: 1;
}

/* Qualität */
#page_13 h5 {
	color: #0a1e50;
}
#page_13 h5 a {
	font-weight: 700;
}

/* News
========================================================================== */

/* Listview */

.listview .article h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
	font-size: 1.375rem;
    letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
    line-height: 1.5;
    text-transform: none;
}

.listview .article {
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
	padding: 0;
}

.listview .article .image {
	width: 200px;
	width: 12.5rem;
	padding: 40px 40px 40px 0;
	padding: 2.5rem 2.5rem 2.5rem 0;
	align-self: center;
}

.listview .article .image .news-img-wrap {
	margin: 0;
	float: none;
}

.listview .article .image .news-img-wrap a {
	float: none;
	padding: 0;
	border: none;
}

.listview .article .image .news-img-wrap img {
    float: none;
    height: auto;
    width: 100%;
	max-height: 100px;
	max-height: 6.25rem;
	object-fit: contain;
}

.listview .article .content {
	width: calc(100% - 200px);
	width: calc(100% - 12.5rem);
	padding: 40px;
	padding: 2.5rem;
	position: relative;
	background: #f7f7f7;
	border-bottom: 4px solid #333;
	border-bottom: 0.25rem solid #333;
}

.listview .article .content .left {
	width: calc(100% - 200px);
	width: calc(100% - 12.5rem);
}

.listview .article .content .right {
	width: 200px;
	width: 12.5rem;
	text-align: right;
	align-self: center;
	z-index: 5;
}

.listview  .article .news-list-date {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.015625rem;
    position: relative;
    padding: 0 0 0 25px;
	padding: 0 0 0 1.5625rem;
}

.listview .article .news-list-date::before {
    content: '';
    width: 14px;
	width: 0.875rem;
    height: 16px;
	height: 1rem;
    position: absolute;
    left: 0;
    bottom: 4px;
	bottom: 0.25rem;
    background: url(../Images/calendar.svg) no-repeat center/100% auto;
}

.listview .article .content .teaser-text {
	margin: 5px 0 0 0;
	margin: 0.3125rem 0 0 0;
}

.listview .article .more {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	display: inline-block;
	border: 2px solid #333;
	border: 0.125rem solid #333;
	padding: 10px 20px;
	padding: 0.625rem 1.25rem;
	position: relative;
}

.listview .article .more:hover {
	color: #fff;
}

.listview .article .more::before {
	content: '';
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.listview .article .more:hover::before {
    width: 100%;
}

.listview  .page-navigation p {
	display: none;
}

.listview  .page-navigation ul,
.f3-widget-paginator {
	display: block;
	width: 100%;
	text-align: right;
	float: none;
}

.listview .page-navigation ul li,
.f3-widget-paginator li {
	float: none;
	display: inline-block;
	font-weight: 600;
	padding: 0;
	line-height: 1;
}

.listview .page-navigation ul li a,
.f3-widget-paginator li a {
	color: #888;
	padding: 0 5px;
	padding: 0 0.3125rem;
}

.listview .page-navigation ul li.active span,
.f3-widget-paginator li.active span {
	padding: 0 5px;
	padding: 0 0.3125rem;
}

.listview .page-navigation ul li a:hover,
.f3-widget-paginator li a:hover {
	color: #333;
}

/* Detailview */

.news.news-single .news-header {
	margin: 0 0 40px 0;
	margin: 0 0 2.5rem 0;
}

.news.news-single .news-header .news-list-date {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.015625rem;
    position: relative;
    padding: 0 0 0 25px;
    padding: 0 0 0 1.5625rem;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
	display: block;
}

.news.news-single .news-header .news-list-date::before {
    content: '';
    width: 14px;
    width: 0.875rem;
    height: 16px;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: 4px;
    bottom: 0.25rem;
    background: url(../Images/calendar.svg) no-repeat center/100% auto;
}

.news.news-single .article h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 26px;
	font-size: 1.625rem;
    letter-spacing: 0.5px;
	letter-spacing: 0.03125rem;
    line-height: 1.5;
    text-transform: none;
}

.news.news-single .news-content {
	position: relative;
	width: 100%;
	padding: 0 0 40px 0;
	padding: 0 0 2.5rem 0;
	margin: 0 0 40px 0;
	margin: 0 0 2.5rem 0;
	border-bottom: 2px solid #ccc;
	border-bottom: 0.125rem solid #ccc;
}

.news.news-single .news-content .image {
	width: 260px;
	width: 16.25rem;
	order: 2;
}

.news.news-single .news-content .frame-layout-1 .image {
	width: 100%;
	margin-top: 1.25rem;
}

.news-single .news-content .image .news-img-wrap {
	margin: 0;
	width: 100%;
	float: none;
}

.news-single .news-content .image .news-img-wrap img {
	width: 100%;
	height: auto;
}

.news.news-single .news-content .text {
	order: 1;
	width: calc(100% - 260px);
	width: calc(100% - 16.25rem);
	padding: 0 40px 0 0;
	padding: 0 2.5rem 0 0;
	margin: 0;
}

.news-text-wrap a {
	font-weight: 600;
	text-decoration: underline;
}

.news-text-wrap a:hover {
	text-decoration: none;
}

.news.news-single .news-backlink-wrap a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	padding: 15px 30px;
	padding: 0.9375rem 1.875rem;
	border: 2px solid #333;
	border: 0.125rem solid #333;
	line-height: 1;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	position: relative;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.news.news-single .news-backlink-wrap a::before {
	content:'';
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.news.news-single .news-backlink-wrap a:hover {
	color: #fff;
}

.news.news-single .news-backlink-wrap a:hover::before {
	width: 100%;
}

/* Powermail
========================================================================== */

input, textarea, select {
	width: 100%;
	border: 1px solid #888;
	border: 0.0625rem solid #888;
	padding: 10px;
	padding: 0.625rem;
	border-radius: 0;
}

input:focus, textarea:focus,
input:active, textarea:active {
	background: #f2f2f2;
	outline: none;
	box-shadow: none;
	border-radius: 0;
}

select:active, select:active {
	outline: none;
	box-shadow: none;
	border-radius: 0;
}

select {
	cursor: pointer;
	max-width: 200px;
	max-width: 12.5rem;
}

.tx-powermail fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.powermail_fieldwrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
	position: relative;
}

.powermail_fieldwrap label {
	width: 160px;
	width: 10rem;
	font-weight: 600;
}

.powermail_fieldwrap label .mandatory {
	color: #888;
	margin: 0 0 0 5px;
	margin: 0 0 0 0.3125rem;
}

.powermail_fieldwrap .col-sm-10 {
	width: calc(100% - 160px);
	width: calc(100% - 10rem);
}

.powermail_fieldwrap_type_html .col-sm-10,
.powermail_fieldwrap_type_check .col-sm-10,
.powermail_fieldwrap_type_submit .col-sm-10{
	width: 100%;
}

.powermail_fieldwrap_type_html p a {
	text-decoration: underline;
}

.powermail_fieldwrap_type_html p a:hover {
	text-decoration: none;
}

.powermail_fieldwrap_type_html.powermail_fieldwrap_pflichtfeld {
	.powermail_field {
		width: 100%;
		justify-content: flex-end;
		p {
			color: #888;
			font-weight: 600;
		}
	}
}

#powermail_field_datenschutzcheck_1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	width: 1.25rem;
	height: 20px;
	height: 1.25rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #888;
	border: 0.0625rem solid #888;
	display: inline-block;
	padding: 0;
	margin: 3px 0 0 0;
	margin: 0.1875rem 0 0 0;
	vertical-align: middle;
	cursor: pointer;
}

#powermail_field_datenschutzcheck_1:checked {
    background: #fbdc15 url(../Images/check.svg) no-repeat center/10px auto;
    background: #fbdc15 url(../Images/check.svg) no-repeat center/0.625rem auto;
    border-color: #fbdc15;
}

input [type="checkbox"]:focus,
input [type="checkbox"]:active{
	border: 1px solid #fbdc15;
	border: 0.0625rem solid #fbdc15;
	outline: none;
	box-shadow: none;
}

.powermail_fieldwrap .checkbox {
	margin: 0 0 0 30px; 
	margin: 0 0 0 1.875rem; 
}

.btn.btn-primary {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	padding: 15px 30px;
	padding: 0.9375rem 1.875rem;
	border: 2px solid #333;
	border: 0.125rem solid #333;
	line-height: 1;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	background: none;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.powermail_fieldwrap_senden::before {
	content:'';
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.powermail_fieldwrap_senden::after {
	content:'';
	background: #fbdc15;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}

.btn.btn-primary:hover {
	color: #fff;
}

.powermail_fieldwrap_senden:hover::before {
	width: 100%;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 5px 10px;
	padding: 0.3125rem 0.625rem;
}

/* Powermail 2025 */

.powermail_field {
	width: 100%;
	display: flex;
	flex-wrap: wrap;

	.powermail_input, .powermail_textarea {
		width: calc(100% - 10rem);
		@media screen and (max-width: 480px) {
			width: 100%;
		}
	}

	.form-check.powermail_checkwrap {
		display: block;
	}
}

.powermail_fieldwrap.powermail_fieldwrap_type_input, .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
	.powermail-errors-list {
		padding-left: 10rem;
		@media screen and (max-width: 480px) {
			padding-left: 0;
		}
	}
}

.powermail_fieldwrap.powermail_fieldwrap_type_select {
	.powermail-errors-list {
		width: 100%;
		padding-left: 10rem;
		@media screen and (max-width: 480px) {
			padding-left: 0;
		}
	}
	@media screen and (max-width: 480px) {
		select {
			width: 100%;
			max-width: 100%;
		}
	}
}

.powermail_fieldwrap .form-check-label {
	width: 100%;
	padding: 0 0 0 1.875rem;
}

.powermail_fieldwrap.powermail_fieldwrap_type_submit {
	.powermail_field {
		width: 100%;
		.btn-primary {
			color: #333;
		}
		.btn-primary:hover {
			color: #fff;
		}
	}
}

.powermail_field_error_container {
	width: 100%;
}

/** **/

#page_104 .powermail_legend {
	font-size: 20px;
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	font-weight: 700;
	margin: 0 0 15px 0;
	margin: 0 0 0.9375rem 0;
}

#page_104 .powermail_fieldset {
	margin: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
}

/* Keymarkets
========================================================================== */

.keymarkets-lp {
}

/*** Nav ***/
.km-nav {
	top: 200px;
	top: 12.5rem;
	right: 0;
	z-index: 20;
	position: fixed;
}

.km-nav .km-link {
	list-style: none;
	display: block;
	margin: 0 0 5px 0;
	margin: 0 0 0.3125rem 0;
	right: -178px;
	right: -11.125rem;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.km-nav .km-link a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	padding: 17px 50px;
	padding: 1.0625rem 3.125rem;
	line-height: 1;
	background: #ccc;
	font-size: 11px;
	font-size: 0.6875rem;
	text-transform: uppercase;
	-webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.35);
	        box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: -0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.35);
	        box-shadow: -0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.35);
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	width: 223px;
	width: 13.9375rem;
	cursor: pointer;
	position: relative;
}

.km-nav .km-link:hover  {
	right: 0;
}

.km-nav .km-link.page86 a {
    background: #aba8a7;
	color: #222;
}

.km-nav .km-link.page87 a{
	background: #71c9e2;
	color: #00212a;
}

.km-nav .km-link.page88 a {
	background: #9cc117;
	color: #232c01;
}

.km-nav .km-link.page89 a{
	background: #f07d04;
	color: #2d1801;
}

.km-nav .km-link.page90 a{
	background: #fbdc15;
	color: #222;
}

/*** Header-Image ***/
.keymarkets-lp .header-image {
	position: relative;
	height: 600px;
	height: 37.5rem;
	border-bottom: 4px solid #333;
	border-bottom: 0.25rem solid #333;
	overflow: hidden;
}

.keymarkets-lp .header-image .image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 750px;
	height: 46.875rem;
	z-index: -1;
}

.keymarkets-lp.auto .header-image {
	color: #222;
	border-color: #222;
}
.keymarkets-lp.med .header-image {
	color: #00212a;
	border-color: #00212a;
}
.keymarkets-lp.bio .header-image {
	color: #232c01;
	border-color: #232c01;
}
.keymarkets-lp.food .header-image {
	color: #2d1801;
	border-color: #2d1801;
}
.keymarkets-lp.other .header-image {
	color: #222;
	border-color: #222;
}

.keymarkets-lp .header-image .pattern {
	position: absolute;
	z-index: 1;
	bottom: 0;
	height: 80px;
	height: 5rem;
	width: 100%;
	background: url(../Images/pattern.svg) repeat top left/6px auto;
	background: url(../Images/pattern.svg) repeat top left/0.375rem auto;
}

.keymarkets-lp.auto .header-image .pattern {
	background-image: url(../Images/pattern-auto.svg);
}

.keymarkets-lp.med .header-image .pattern {
	background-image: url(../Images/pattern-med.svg);
}

.keymarkets-lp.bio .header-image .pattern {
	background-image: url(../Images/pattern-bio.svg);
}

.keymarkets-lp.food .header-image .pattern {
	background-image: url(../Images/pattern-food.svg);
}

.keymarkets-lp.other .header-image .pattern {
	background-image: url(../Images/pattern-auto.svg);
}

.keymarkets-lp .header-image .inner {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	padding: 0 80px;
	padding: 0 5rem;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/*** Content ***/
.keymarkets-lp .header-image h1 {
	font-size: 100px;
	font-size: 6.25rem;
}

.keymarkets-lp .header-image h1 span {
	display: block;
	font-size: 25px;
	font-size: 1.5625rem;
	font-weight: 500;
	margin: 20px 0 0 0;
	margin: 1.25rem 0 0 0;
}

.keymarkets-lp .bg-color {
	padding: 80px 0;
	padding: 5rem 0;
}

.keymarkets-lp .intro,
.keymarkets-lp .content {
	padding: 80px 0;
	padding: 5rem 0;
}

.keymarkets-lp.auto .bg-color {
	background: #aba8a7;
	color: #222;
}
.keymarkets-lp.med .bg-color {
	background: #71c9e2;
	color: #00212a;
}
.keymarkets-lp.bio .bg-color {
	background: #9cc117;
	color: #232c01;
}
.keymarkets-lp.food .bg-color {
	background: #f07d04;
	color: #2d1801;
}
.keymarkets-lp.other .bg-color {
	background: #fbdc15;
	color: #222;
}

.keymarkets-lp .ce-intext.ce-right .ce-gallery {
	margin: 0 0 40px 40px;
	margin: 0 0 2.5rem 2.5rem;
}

.keymarkets-lp .ce-intext.ce-left .ce-gallery {
	margin: 0 40px 40px 0;
	margin: 0 2.5rem 2.5rem 0;
}

/* auto */
.keymarkets-lp.auto .two-column.c50-50 .column:nth-child(1) #c107 {
	margin: -130px 0 60px 0;
	margin: -8.125rem 0 3.75rem 0;
}
.keymarkets-lp.auto .two-column.c50-50 .column:nth-child(2) #c108 {
	margin: 0 0 60px 0;
	margin: 0 0 3.75rem 0;
}

/* med */
.keymarkets-lp.med .two-column.c50-50 .column:nth-child(1) {
	margin-top: -140px;
}

/* food */
.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(1),
.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(2) {
	width: calc(100%/2 - 20px);
	padding: 0;
	margin: 0;
}

.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(2) {
	
}

/*** Contact ***/
.keymarkets-lp .contact {
	text-align: center;
	background: #fbdc15;
	padding: 80px 0;
	padding: 4rem 0;
	border-top: 8px solid #f1c30c;
	border-top: 0.5rem solid #f1c30c;
}

.keymarkets-lp .contact .container {
	z-index: 1;
}

.keymarkets-lp .contact h2 {
	text-transform: none;
	margin: 0 0 40px 0;
	margin: 0 0 2.5rem 0;
	font-weight: 700;
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1.4;
}


.keymarkets-lp.auto #c15 .ce-textpic,
.keymarkets-lp.auto #c339 .ce-textpic {
	display: flex;
	flex-wrap: wrap;
}

.keymarkets-lp.auto #c15 .ce-textpic .ce-gallery,
.keymarkets-lp.auto #c339 .ce-textpic .ce-gallery {
	width: 160px;
	width: 10rem;
	margin: 0 40px;
	margin: 0 2.5rem;
	order: 2;
}

.keymarkets-lp.auto #c15 img,
.keymarkets-lp.auto #c339 img {
	width: 100%;
}

.keymarkets-lp.auto #c15 .ce-textpic .ce-bodytext,
.keymarkets-lp.auto #c339 .ce-textpic .ce-bodytext {
	width: calc(100% - 240px);
	width: calc(100% - 15rem);
	order: 1;
}

/* Footer
========================================================================== */

footer {
	background: #333;
	color: #fff;
	padding: 60px 0 40px 0;
	padding: 3.75rem 0 2.5rem 0;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
}

footer p {
	padding: 0;
}

.scroll-up {
	width: 54px;
	width: 3.375rem;
	height: 54px;
	height: 3.375rem;
	background: #fbdc15 url(../Images/scroll-up.svg) no-repeat center/20px auto;
	background: #fbdc15 url(../Images/scroll-up.svg) no-repeat center/1.25rem auto;
	position: absolute;
	z-index: 10;
	border: 4px solid #333;
	border: 0.25rem solid #333;
	right: 8%;
	top: -87px;
	top: -5.4375rem;
	cursor: pointer;
	transition: all 0.3s;
}

.scroll-up:hover {
	height: 64px;
	height: 4rem;
	top: -97px;
	top: -6.0625rem;
}

.footer-nav ul li {
	display: inline-block;
}

.footer-nav ul li a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	font-weight: 700;
	margin: 0 20px;
	margin: 0 1.25rem;
	color: #fbdc15;
	position: relative;
}

.footer-nav ul li a::before {
	content: '';
	position: absolute;
	width: 6px;
	width: 0.375rem;
	height: 6px;
	height: 0.375rem;
	background: rgba(255,255,255,0.2);
	left: -15px;
	left: -0.9375rem;
	top: 8px;
	top: 0.5rem;
}

.footer-nav ul li a:hover {
	color: #fff;
}

.footer-nav ul li a:hover::before {
	background: #fff;
}

.footer-links {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-top: 0.0625rem solid rgba(255,255,255,0.2);
	margin: 40px 0 0 0;
	margin: 2.5rem 0 0 0;
	padding: 40px 0 0 0;
	padding: 2.5rem 0 0 0;
}

.footer-links a {
	font-weight: 400;
}

.footer-links a:hover {
	text-decoration: underline;
}

footer .copyright {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 300;
	letter-spacing: 0.8px;
	letter-spacing: 0.05rem;
	margin: 5px 0 0 0;
	margin: 0.3125rem 0 0 0;
}

/* Cookiebot
========================================================================== */
/*
body #CybotCookiebotDialog a, 
body #CybotCookiebotDialog div, 
body #CybotCookiebotDialogBodyContentControls, 
body #CybotCookiebotDialogBodyContentTitle {
	font-family: 'Open Sans', sans-serif;
}

body #CybotCookiebotDialog {
	padding-bottom: 15px;
	padding-bottom: 15px;
	box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	box-shadow: 0 0.625rem 0.625rem rgba(0,0,0,0.3);
}

body #CybotCookiebotDialogBody {
	max-width: 100%;
	padding: 0 8%;
}

body #CybotCookiebotDialogPoweredbyImage {
	display: none;
}

body #CybotCookiebotDialogBodyContentTitle {
	font-size: 16px;
	font-size: 1rem;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
	color: #333;
}

body #CybotCookiebotDialogBodyContent {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.4;
	padding: 20px 0 10px 0 !important;
	padding: 1.25rem 0 0.625rem 0 !important;
}

body #CybotCookiebotDialog br, 
body #CybotCookiebotDialog div, 
body #CybotCookiebotDialog td {
    line-height: 1.4;
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, 
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, 
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 10px 15px;
	padding: 0.625rem 0.9375rem;
	line-height: 1;
	height: auto;
	min-width: auto;
	width: auto !important;
	margin: 10px 0 0 10px;
	margin: 0.625rem 0 0 0.625rem;
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    background-color: #333333;
    border: 1px solid #333333;
	color: #fff;
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
    background-color: #fbdc15;
    border: 1px solid #fbdc15;
	color: #333;
}

body a#CybotCookiebotDialogBodyLevelButtonAccept, 
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    background-color: #fbdc15;
    border: 1px solid #fbdc15;
	color: #333;
}

body a#CybotCookiebotDialogBodyLevelButtonAccept:hover, 
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover{
    background-color: #333;
    border: 1px solid #333;
	color: #fff;
}

body #CybotCookiebotDialogBodyLevelButtonsTable {
	margin: 10px 0 0 0;
	margin: 0.625rem 0 0 0;
}

body #CybotCookiebotDialogDetailBody {
	max-width: 100%;
	padding: 20px 8% 0 8%;
	padding: 1.25rem 8% 0 8%;
}

body #CybotCookiebotDialog, 
body #CybotCookiebotDialog ::after, 
body #CybotCookiebotDialog ::before, 
body #CybotCookiebotDialog::after, 
body #CybotCookiebotDialog::before, 
body #CybotCookiebotDialogBody *, 
body #CybotCookiebotDialogDetail *, 
body .CybotCookiebotDialogBodyButton, 
body .CybotCookiebotDialogBodyButton::after, 
body .CybotCookiebotDialogBodyButton::before {
	box-sizing: border-box;
}

*/

#CybotCookiebotDialog img {
	width: auto;
}

/* Startseite NIR Banner
========================================================================== */

.new-km {
	text-align: center;
	display: block;
	width: 100%;
	padding: 50px;
	border: 2px solid #333;
	margin-top: 100px;
	margin-bottom: -100px;
	background: #000;
}

.new-km h2 {
	font-size: 26px;
	margin: 0;
}

/* Startseite Swiss Plastics Banner
========================================================================== */

.fakuma-banner {
	position: relative;
	display: block;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border: 0.0625rem solid #ccc;
	padding: 0.625rem;
	font-weight: 400;
	
	.col.logo-messe {
		width: 12.8125rem;
		padding-right: 0.625rem;
		& img {
			display: block;
		}
	}
	
	.col.txt {
		width: 46.875rem;
		display: flex;
		flex-wrap: wrap;
		
		& p {
			padding: 0;
		}
		
		& .lft {
			width: calc(100% - 17.5rem);
			background: #e43117;
			color: #fff;
			padding: 1.875rem;
			font-weight: 500;
			& strong {
				font-size: 3.125rem;
				line-height: 1.2;
				font-weight: 900;
				margin-bottom: 0.625rem;
				display: block;
			}
			& p {
				line-height: 1.3;
			}
		}
		
		& .rght {
			width: 17.5rem;
			background: #e43117;
			color: #fff;
			padding: 1.875rem;
			border-left: 0.125rem solid rgba(255,255,255,0.5);
			& span {
				background: #000;
				display: block;
				text-align: center;
				padding: 0.3125rem 0.625rem;
				font-size: 0.875rem;
				font-weight: 600;
				margin-bottom: 0.9375rem;
				position: relative;
				width: calc(100% + 1.875rem);
			}
			& strong {
				font-size: 1.5625rem;
				line-height: 1.2;
				font-weight: 700;
			}
		}
		
		& .link {
			margin-top: 0.625rem;
			color: #e43117;
			display: block;
			width: 100%;
			& a {
				display: block;
				width: 100%;
				border: 0.0625rem solid #e43117;
				padding: 0.625rem;
				text-align: center;
				font-size: 1.25rem;
				
				& span {
					display: inline-block;
					width: 1.375rem;
					margin-right: 0.3125rem;
					transform: rotate(-45deg);
					& path {
						fill: #e43117;
					}
				}
				
				&:hover {
					background: #e43117;
					color: #fff;
					& span {
						& path {
							fill: #fff;
						}
					}
				}
			}
		}
	}
	
	.col.img {
		width: calc(100% - 60.3125rem);
		background: url('/fileadmin/user_upload/fakuma-bg.jpg') no-repeat center/cover;
		position: relative;
		margin-left: 0.625rem;
	}
}

@media screen and (max-width: 1280px) {
	
	.fakuma-banner {
		position: relative;
		display: block;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border: 0.0625rem solid #ccc;
		padding: 10px;
		font-weight: 400;

		.col.logo-messe {
			width: 181px;
			padding-right: 10px;
			& img {
				display: block;
			}
		}

		.col.txt {
			width: 580px;
			display: flex;
			flex-wrap: wrap;

			& .lft {
				width: calc(100% - 230px);
				padding: 1.5625rem;
				font-weight: 500;
				& strong {
					font-size: 2.5rem;
					line-height: 1.2;
					font-weight: 900;
					margin-bottom: 0.625rem;
					display: block;
				}
				& p {
					line-height: 1.4;
				}
			}

			& .rght {
				width: 230px;;
				padding: 1.5625rem;
				border-left: 0.125rem solid rgba(255,255,255,0.5);
				& span {
					background: #000;
					display: block;
					text-align: center;
					padding: 0.3125rem 0.625rem;
					font-size: 0.875rem;
					font-weight: 600;
					margin-bottom: 0.9375rem;
					position: relative;
					width: calc(100% + 1.5625rem);
				}
				& strong {
					font-size: 1.25rem;
				}
			}

			& .link {
				& a {
					font-size: 1.125rem;
				}
			}
		}

		.col.img {
			width: calc(100% - 771px);
		}
	}

}

@media screen and (max-width: 960px) {
	
	.fakuma-banner {

		.col.logo-messe {
			width: 150px;
			padding-right: 10px;
			order: 1;
			& img {
				display: block;
			}
		}

		.col.txt {
			order: 3;
			width: 100%;
			margin-top: 0.625rem;

			& .lft {
				width: calc(100% - 230px);
				padding: 1.5625rem;
				font-weight: 500;
				& strong {
					font-size: 2.5rem;
					line-height: 1.2;
					font-weight: 900;
					margin-bottom: 0.625rem;
					display: block;
				}
				& p {
					line-height: 1.4;
				}
			}

			& .rght {
				width: 230px;;
				padding: 1.5625rem;
				border-left: 0.125rem solid rgba(255,255,255,0.5);
				& span {
					background: #000;
					display: block;
					text-align: center;
					padding: 0.3125rem 0.625rem;
					font-size: 0.875rem;
					font-weight: 600;
					margin-bottom: 0.9375rem;
					position: relative;
					width: calc(100% + 1.5625rem);
				}
				& strong {
					font-size: 1.25rem;
				}
			}

			& .link {
				& a {
					font-size: 1.125rem;
				}
			}
		}

		.col.img {
			order: 2;
			width: calc(100% - 150px);
			margin: 0;
		}
	}
	
}

@media screen and (max-width: 480px) {

	.fakuma-banner {

		.col.logo-messe {
			width: 100px;
			padding-right: 10px;
			order: 1;
			& img {
				display: block;
			}
		}

		.col.txt {
			order: 3;
			width: 100%;
			margin-top: 0.625rem;

			& .lft {
				width: 100%;
				padding-bottom: 0;
			}

			& .rght {
				width: 100%;
				border-left: none;
			}

			& .link {
				& a {
					font-size: 1rem;
				}
			}
		}

		.col.img {
			width: calc(100% - 100px);
		}
	}	
	
}

#page_108 .main-content {
	width: 100%;
	padding: 0;
}

#page_108 .sidebar {
	display: none;
}

.swiss-banner img {
	display: block;
}

.swiss-banner {
	background: #fa4645;
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	font-family: 'Roboto Mono';
}


.swiss-banner .s-logo {
	width: 25%;
	padding: 1.5625rem 3.125rem 1.5625rem 8%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.swiss-banner .s-logo img {
	max-width: 15.625rem;
}

.swiss-banner .box1 {
	width: 35%;
	background: #ececec;
	padding: 3.125rem;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
}

.swiss-banner .box1 .form-open {
	font-size: 1.5rem;
	font-weight: 400;
	text-decoration: underline;
	margin: 1.5625rem 0 0 0;
	cursor: pointer;
}

.swiss-banner .box1 .form-open:hover {
	text-decoration: none;
}

.swiss-banner .box2 {
	width: 40%;
	padding: 3.125rem 8% 3.125rem 3.125rem;
	background: url(../Images/swiss-bg.jpg) no-repeat center/120% auto;
	color: #fff;
	line-height: 1;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.swiss-banner .box2:hover {
	background-size: 135% auto;
}

.swiss-banner .box2 span {
	display: block;
}

.swiss-banner .box2 .big {
	font-size: 2.5rem;
	text-shadow: 0 0 1.25rem rgba(0,0,0,0.8);
	margin: 0 0 0.625rem 0;
}

.swiss-banner .box2 .small {
	font-size: 1.375rem;
	text-shadow: 0 0 1.25rem rgba(0,0,0,0.8);
}

.swiss-banner .box2 .link {
	font-size: 1.5rem;
	background: #fa4645;
	padding: 0.9375rem 1.875rem;
	display: inline-block;
	margin: 2.5rem 0 0 0;
}

.swiss-banner .box2:hover .link {
	background: #B03333;
}

.powermail_form_5 {
	background: #fff;
	padding: 3.125rem;
	max-width: 40rem;
	border: 0.0625rem solid #333;
	margin: 0 auto;
	line-height: 1.4;
	position: relative;
}

.powermail_form_5 .close {
	position: absolute;
	right: -3.125rem;
	top: -5rem;
	cursor: pointer;
	color: #fff;
	font-size: 0.75rem;
}

.powermail_fieldwrap_schliessen {
	margin: 0;
}

.powermail_form_5 {
	font-family: 'Roboto Mono';
}

.powermail_form_5 h3 {
	font-family: 'Roboto Mono';
	line-height: 1;
}

.powermail_form_5 legend {
	display: none;
}

.powermail_form_5 .powermail_fieldwrap label .mandatory {
	color: #fa4645;
}

.powermail_form_5 .powermail_fieldwrap .col-sm-10 {
	width: 100%;
	order: 1;
}

.powermail_form_5 .powermail_fieldwrap label {
	width: 100%;
	order: 2;
	font-size: 0.875rem;
}

.powermail_form_5 input {
	border: none;
	border-bottom: 0.0625rem solid #333;
	background: rgba(0,0,0,0.05);
}

.powermail_form_5 .powermail_fieldwrap .checkbox {
	margin: 0;
}

.powermail_form_5 .powermail_fieldwrap .checkbox label {
	display: block;
	padding: 0 0 0 1.875rem;
}

.powermail_form_5 .powermail_fieldwrap .checkbox input {
	width: auto;
}

.powermail_form_5 .powermail_fieldwrap .checkbox input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	width: 1.25rem;
	height: 1.25rem;
	border: 0.0625rem solid #333;
	background: rgba(0,0,0,0.05);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.tx-powermail input[type="checkbox"]:checked {
	background: #fa4645 url(/fileadmin/Resources/Public/Images/check2.svg) no-repeat center/0.875rem auto;
	border-color: #fa4645;
}

.powermail_form_5 .powermail_fieldwrap .checkbox a {
	text-decoration: underline;
}

.powermail_form_5 .powermail_fieldwrap .checkbox a:hover {
	text-decoration: none;
}

.powermail_form_5  .btn.btn-primary {
	font-family: 'Roboto Mono';
	background: #fa4645;
	color: #fff;
	border: none;
	text-transform: none;
	font-size: 1rem;
}

.powermail_form_5  .btn.btn-primary:hover {
	background: #B03333;
}

#c426, #c429 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding: 2.5rem;
	overflow-y: auto;
}

#c426 .tx-powermail, #c429 .tx-powermail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
}

body.noscroll {
	overflow-y: hidden;
}

#c426 .powermail_create, #c429 .powermail_create {
	position: relative;
	background: #fff;
	padding: 1.5625rem 3.125rem;
	width: 100%;
	max-width: 37.5rem;
	font-size: 1.25rem;
	text-align: center;
	height: 10rem;
	top: 50%;
	margin-top: -5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.powermail_create .close {
	display: none;
}

#c426 .powermail_create .close, #c429 .powermail_create .close {
	display: block;
	position: absolute;
	top: -1.75rem;
	font-size: 0.75rem;
	color: #fff;
	right: 0;
	cursor: pointer;
}

.swiss-banner.messe {
	margin: 0 0 2.5rem 0;
	border: 0.0625rem solid #333;
}

.swiss-banner.messe .s-logo {
	padding: 1.25rem;
}

.swiss-banner.messe .s-logo img {
	max-width: 12.5rem;
}

.swiss-banner.messe .box1 {
	padding: 1.25rem;
	font-size: 1.5rem;
}

.swiss-banner .box1 .form-open {
	font-size: 1.125rem;
}

.swiss-banner.messe .box2 {
	padding: 1.25rem;
	background-size: 160% auto;
}

.swiss-banner.messe .box2:hover {
	background-size: 185% auto;
}

.swiss-banner .box2 .big {
	font-size: 1.5rem;
}

.swiss-banner .box2 .small {
	font-size: 1.125rem;
}

.swiss-banner .box2 .link {
	font-size: 1.125rem;
}

@media screen and (max-width: 1600px) {
	
.swiss-banner .s-logo {
	padding: 1.5625rem 3.125rem 1.5625rem 2.5rem;
}
	
.swiss-banner .box2 {
	padding: 3.125rem 2.5rem 3.125rem 3.125rem;
}
	
}

@media screen and (max-width: 1280px) {
	
	.swiss-banner .s-logo {
		width: 20rem;
		padding: 1.5625rem 1.25rem;
	}
	
	.swiss-banner .box1 {
		width: calc(100% - 20rem);
		padding: 1.5625rem 1.25rem 1.5625rem 50px;
	}
	
	.swiss-banner .box2 {
		width: 100%;
		padding: 1.5625rem 1.25rem;
	}
	
	.swiss-banner .box2 .link {
		margin: 1.5625rem 0 0 0;
	}
	
	.swiss-banner.messe .box2 {
		background-size: 120% auto;
	}

	.swiss-banner.messe .box2:hover {
		background-size: 135% auto;
	}
}

@media screen and (max-width: 768px) {
	
	.swiss-banner .s-logo {
		width: 12.5rem;
	}
	
	.swiss-banner .s-logo img {
	  max-width: 9.375rem;
	}
	
	.swiss-banner .box1 {
		width: calc(100% - 12.5rem);
		padding: 1.5625rem 1.25rem;
	}
	
	.swiss-banner .box1 {
		font-size: 1.375rem;
	}
	
	.swiss-banner .box1 .form-open {
		font-size: 1rem;
	}
	
	.swiss-banner .box2 .big {
		font-size: 1.875rem;
	}
	
	.swiss-banner .box2 .small {
		font-size: 1rem;
	}
	
	.swiss-banner .box2 .link {
		font-size: 1rem;
	}
	
	.powermail_form_5 {
		padding: 1.5625rem;
	}
	
	.powermail_form_5 .close {
	  right: -1.5625rem;
	  top: -3.125rem;
	}
}

@media screen and (max-width: 480px) {
	
	.swiss-banner .s-logo,
	.swiss-banner.messe .s-logo{
		width: 9.375rem;
		padding: 0.625rem;
	}
	
	.swiss-banner .s-logo img,
	.swiss-banner.messe .s-logo img {
	  max-width: 9.375rem;
	}
	
	.swiss-banner .box1, .swiss-banner.messe .box1 {
		width: calc(100% - 9.375rem);
		padding: 1.25rem 0.625rem;
		font-size: 1.125rem;
	}
	
	.swiss-banner .box1 .form-open,
	.swiss-banner.messe .box1 .form-open{
		font-size: 0.875rem;
	}
	
	.swiss-banner .box2,
	.swiss-banner.messe .box2{
		padding: 1.25rem 0.625rem;
	}
	
	.swiss-banner .box2 .big,
	.swiss-banner.messe .box2 .big{
		font-size: 1.5625rem;
	}
	
	.swiss-banner .box2 .small,
	.swiss-banner.messe .box2 .small{
		font-size: 0.875rem;
	}
	
	.swiss-banner .box2 .link,
	.swiss-banner.messe .box2 .link{
		font-size: 0.875rem;
	}
	
	#c426, #c429  {
		padding: 2.5rem 1.25rem;
	}
	
}

@media screen and (max-width: 400px) {
	
	.swiss-banner .s-logo,
	.swiss-banner.messe .s-logo{
		width: 100%;
	}
	
	.swiss-banner .box1,
	.swiss-banner.messe .box1{
		width: 100%;
	}
	
}


#popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	padding: 3.125rem;
	height: 100%;
	width: 100%;
}

#popup .wrap {
	max-width: 1200px;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 100%;	
}

#popup .inner {
	background: #fff;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}

#popup .close-popup {
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	top: 0;
	right: -3.125rem;
	cursor: pointer;
	z-index: 10;
}

#popup .inner .txt {
	padding: 3.125rem;
	height: 100%;
	overflow-y: auto;	
}

#popup .inner .txt .img {
	position: relative;
	margin: -3.125rem -3.125rem 3.125rem -3.125rem;
}

#popup .inner .txt .img .mob {
	display: none;
}

#popup .inner .txt .large {
	font-size: 1.25rem;
}

#popup .inner .txt .multicol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 25px 0 0 0;
}

#popup .inner .txt .multicol .col {
	width: calc(100%/2 - 25px);
}

@media screen and (max-width: 800px) {
	
	#popup {
		padding: 1.5625rem;
	}
	
	#popup .close-popup {
		top: 1.25rem;
		right: -1.25rem;
	}
	
	#popup .inner .txt {
		padding: 1.5625rem;
	}
	
	#popup .inner .txt .img {
		margin: -1.5625rem -1.5625rem 1.5625rem -1.5625rem;
	}

	#popup .inner .txt .multicol .col {
		width: 100%;
	}
	
	#popup .inner .txt .multicol .col:nth-child(1) {
		order: 2;
		margin: 25px 0 0 0;
	}
	
}

@media screen and (max-width: 640px) {
	
	#popup .inner .txt .img .mob {
		display: block;
	}
	
	#popup .inner .txt .img .dsk {
		display: none;
	}
	
}

@media screen and (max-width: 480px) {
	
	#popup .inner .txt .large {
		font-size: 1.125rem;
	}
	
}