@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
/*
	font-family: 'Open Sans', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img { border:none; }
img { max-width: 100%; height: auto; width: auto; /* width auto needs ie8 in typo*/ }
html, body { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #3d3d3d; font-size: 21px; height: 100%; }
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 { font-weight: 300; line-height: 1; color: #3d3d3d; text-transform: uppercase; font-family: 'Open Sans', sans-serif; }
fieldset { border: none; }
:focus {outline:none;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"]{
     -webkit-appearance: none;
     border-radius: 0;
	 font-family: 'Open Sans', sans-serif;
	 color: #3d3d3d;
}
::-webkit-input-placeholder { color: #b5b5b5; } .error::-webkit-input-placeholder { color: #ed1c24; }
:-moz-placeholder { color: #b5b5b5; opacity: 1; } .error:-moz-placeholder { color: #ed1c24; opacity: 1; }
::-moz-placeholder { color: #b5b5b5; opacity: 1; } .error::-moz-placeholder { color: #ed1c24; opacity: 1; }
:-ms-input-placeholder { color: #b5b5b5; } .error:-ms-input-placeholder { color: #ed1c24; }

@-moz-document url-prefix() {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display:table; table-layout: fixed; width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display:table; table-layout: fixed; width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; }
}

b,strong{ font-weight: 700; }

a{ color: #861e3c; text-decoration: none; }

.align-left{ text-align: left; }
.align-right{ text-align: right; }
.align-center{ text-align: center; }

div.row:after { content: ""; clear: both; display: table; }
div.row div.col { float: left; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }

a.mobicon { display: inline-block; color: #3d3d3d; }
a.mobicon span { display: block; padding-left: 55px; padding-top: 4px; font-size: 1.190em; text-transform: uppercase; background-image: url(../img/mobil_icon.png); background-repeat: no-repeat; background-position: left; }

div.productOverview:after,
div.csc-mailform ol li:after,
div.news-container:after,
form#registerForm:after,
div#registerMain:after,
div.productsTop:after,
div#naviLeft nav > ul > li > ul:after,
div#naviInner:after,
header:after { content: ""; clear: both; display: table; }

.bgInner,
.inner { max-width: 1024px; margin: 0 auto; }
span.close { position: absolute; top: 35px; right: 40px; z-index: 2; display: block; width: 32px; height: 45px; cursor: pointer; background-image: url(../img/close.png); }

div#wrapperMain { width: 100%; margin-top: 180px; }
body.home div#wrapperMain { margin-top: 120px; }
body.home.news-detail div#wrapperMain { margin-top: 180px; }
header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background-color: #FFF; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); }
div#logo { float: left; }
div#logo a { display: block; line-height: 0; }
div#headerLeft { float: right; padding-top: 0.476em; }
div#headerLeft ul.lang { list-style: none; text-align: right; padding-bottom: 0.667em; }
div#headerLeft ul.lang > li { display: inline-block; margin-left: 10px; }
div#naviMain { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); }
div#naviInner { position: relative; max-width: 850px; margin: 5.571em auto 0 auto; padding: 0 3.25% 1.905em 3.25%; background-color: #FFF; }
div#naviLogo { margin-bottom: 1.429em; }
div#naviLeft { float: left; width: 66.33%; margin-right: 4.08%; }
div#naviRight { float: left; width: 29.59%; }
div#naviInner nav ul { list-style: none; font-size: 17px; }
div#naviInner nav > ul > li { background-color: #f7f7f7; margin-bottom: 1em; }
div#naviInner nav > ul > li > a { display: block; margin-left: 20px; padding: 0.550em 0 0.700em 20px; line-height: 1; font-size: 0.952em; text-transform: uppercase; background-image: url(../img/naviHeadline.gif); background-repeat: no-repeat; background-position: left 10px;}
div#naviInner nav > ul > li.active > a,
div#naviInner nav > ul > li > a:hover { text-decoration: underline; }
div#naviInner nav > ul > li > ul { padding-top: 0.5em; background-color: #FFF; }
div#naviInner nav > ul > li > ul > li { padding-left: 20.69%; padding-bottom: 0; }
div#naviInner nav > ul > li > ul > li:last-child { padding-bottom: 0; }
div#naviInner nav > ul > li > ul > li > a { font-size: 0.667em; text-transform: uppercase; }
div#naviInner nav > ul > li > ul > li.active > a,
div#naviInner nav > ul > li > ul > li > a:hover { color: #ed1c24; }
div#naviLeft nav > ul > li > a { margin-left: 20px; padding: 0.550em 0 0.700em 20px; }
div#naviLeft nav > ul > li > ul { padding-top: 0; }
div#naviLeft nav > ul > li > ul > li { float: left; width: 33.23%; padding-left: 0; margin-top: 2.8em; padding-bottom: 1.429em; }
div#naviLeft nav > ul > li > ul > li > a { display: block; text-align: center; }
div#naviLeft nav > ul > li > ul > li > a > span.img { display: block; padding-bottom: 1.429em; max-width: 170px; }

main #c76 { margin-bottom: 3.333em; }
main h2 { text-align: center; margin-bottom: 1.212em; }
main h4 { line-height: 1.3em; }
main p { font-size: 16px; line-height: 1.45em; margin-bottom: 1.238em; }
main p span.important { font-size: 21px; line-height: 2.3em; }
main p span.detail { font-size: 14px; color: #7a7a7a; }
main p span.detail a { color: #7a7a7a; }
main p span.detail a:hover { color: #ED1C24; }
main ol,
main ul { font-size: 16px; padding-left: 1.2em; margin-bottom: 1.238em; }
main ul { list-style: none; padding-left: 0; }
main ul li { padding-left: 20px; background-image: url(../img/square.png); background-position: left top 6px; background-repeat: no-repeat; }
main figcaption { font-size: 14px; margin-top: 0.5em; }
main div.contentHeadline { margin-bottom: 3.333em; padding-top: 1.205em; padding-bottom: 0.919em; background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.35); }
main div.contentHeadline h2 { font-size: 29px; margin-left: 25px; padding-left: 50px; margin-bottom: 0; text-align: left; background-image: url(../img/headline.gif); background-position: left 4px; background-repeat: no-repeat; }
main div.contentCenter div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0; }
main div.contentCenter div.ce-bodytext h2 { line-height: 1.894em; }
main div.contentCenter div.row_50_50 { margin-bottom: 3.333em; }
main div.contentCenter div.layout-7 div.row_50_50 { margin-bottom: 0; }
main div.contentCenter div.row_50_50 div.col { width: 50%; }
main div.contentCenter div.row_30_30_30 div.col { width: 33.33%; margin-bottom: 3.333em; text-align: center; text-transform: uppercase; }
main div.contentCenter div.row_30_30_30 div.col .ce-above .ce-gallery { margin-bottom: 1.429em; }
main div.contentCenter div.productOverview > div.csc-default { float: left; width: 33.33%; margin-bottom: 3.333em; text-align: center; text-transform: uppercase; }
main div.contentCenter div.productOverview .ce-above .ce-gallery { margin-bottom: 1.429em; }
main div.contentImage { margin-bottom: 3.571em; }
main div.contentImage div.csc-textpic-center-inner,
main div.contentImage div.csc-textpic-center-outer { float: none; right: 0; }
main div.contentImage figure,
main div.contentImage img { width: 100%; }

main div.productsMain { margin-bottom: 3.810em; }
main div.productsTop { margin-bottom: 3.810em; }
main div.productsTop div.col_50_1 { width: 54.69%; }
main div.productsTop div.col_50_2 { width: 45.31%; padding: 2.190em 0 1.190em 4.88%; background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); }
main div.productsTop div.col_50_2 a { display: block; padding-left: 60px; background-repeat: no-repeat; }
main div.productsTop div.col_50_2 a:hover { color: #ed1c24; }
main div.productsTop div.col_50_2 a i { font-style: normal; font-size: 0.714em; }
main div.productsTop div.col_50_2 p:nth-child(1) > a { background-image: url(../img/shop.png);  }
main div.productsTop div.col_50_2 p:nth-child(1) > a:hover { background-image: url(../img/shop_hover.png); }
main div.productsTop div.col_50_2 p:nth-child(2) > a { background-image: url(../img/katalog.png); background-position: left 10px; }
main div.productsTop div.col_50_2 p:nth-child(2) > a:hover { background-image: url(../img/katalog_hover.png); }
main div.productsTop div.col_50_2 p:nth-child(3) > a { background-image: url(../img/fragen.png); }
main div.productsTop div.col_50_2 p:nth-child(3) > a:hover { background-image: url(../img/fragen_hover.png); }
main div.productsBottom div.col { width: 45%; margin-right: 10%; }
main div.productsBottom div.col:last-child { margin-right: 0; }

div.sliderBanner { position: relative; margin-bottom: 3.333em; }
div.sliderBanner .swiper-wrapper,
div.sliderBanner .swiper-slide { max-height: 88vh; }
div.sliderBanner .ce-intext.ce-right .ce-gallery,
div.sliderBanner .ce-intext.ce-left .ce-gallery,
div.sliderBanner .ce-below .ce-gallery,
div.sliderBanner .ce-column,
div.sliderBanner img { width: 100%; margin: 0; }
div.sliderBanner div.ce-bodytext { position: absolute; bottom: 9em; left: 15%; z-index: 1; padding: 1.2em 2% 0 2%; background-color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75); }
div.sliderBanner .ce-left  div.ce-bodytext{ left: auto; right: 15%; }
div.sliderBanner div.ce-bodytext h2 { font-size: 1.571em; line-height: 1.212em; text-transform: none; text-align: left; }
div.sliderBanner .swiper-button-prev { left: 40px; width: 46px; height: 65px; margin-top: -32.5px; background-image: url(../img/sliderLeft.png); background-size: auto; }
div.sliderBanner .swiper-button-next { right: 40px; width: 46px; height: 65px; margin-top: -32.5px; background-image: url(../img/sliderRight.png); background-size: auto; }
div.sliderBanner .swiper-button-bottom { position: absolute; bottom: 40px; left: 50%; z-index: 10; width: 65px; height: 46px; margin-left: -32.5px; background-image: url(../img/sliderDown.png); background-size: auto; }

div#registerMain { padding: 1.905em 0; margin-bottom: 6.667em; background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); }
div#registerLeft { float: left; width: 54.69%; padding-left: 2%; padding-right: 13.67%; }
div#registerLeft h2 { text-align: left; }
div.tx-felogin-pi1 input[type="password"],
div.tx-felogin-pi1 input[type="text"],
div#registerLeft input[type="text"] { display: block; width: 100%; font-size: 1.190em; padding: 0.2em 0 0.3em 0.560em; margin-bottom: 0.95em; border: 2px solid #b5b5b5; color: #b5b5b5; }
div#registerLeft input[type="text"].error { border: 2px solid #ed1c24; }
div.tx-felogin-pi1 input[type="submit"],
div#registerLeft input[type="submit"] { float: right; padding: 0.2em 0.4em 0.320em 0.4em; font-size: 1.190em; color: #FFF; cursor: pointer; background-color: #ed1c24; font-weight: 300; border: none; }
div.tx-felogin-pi1 span.forgot { font-size: 16px; }
div.tx-felogin-pi1 span.forgot a { color: #b5b5b5; display: block; }
div#registerLeft span { font-size: 0.810em; color: #b5b5b5; }
div#registerRight { float: left; width: 45.31%; padding-right: 4%; }
main div#registerRight p { font-size: 1.190em; line-height: 1.480em; }
div#registerRight div.bigFont { float: left; width: 30%; font-size: 5.000em; color: #ed1c24; }
div#registerRight div.textRight { float: left; width: 70%; padding-left: 2%; padding-top: 1.5em; }
#registerForm .checkbox input { margin-right: 5px; }
#registerForm .checkbox label { font-size: 0.810em; clear: right; }
#registerForm .checkbox { margin-bottom: 0.95em; }

div.tx-felogin-pi1 h3 { font-size: 29px; margin-bottom: 28px; }
div.tx-felogin-pi1 > div { margin-bottom: 1em; font-size: 16px; }
div.tx-felogin-pi1 fieldset legend { font-size: 16px; }
div.tx-felogin-pi1 fieldset div { font-size: 16px; }
div#c78 div.tx-felogin-pi1 > div { display: none; }

main div.layout-4 div.row_50_50 div.col_50_1 { width: 47.85%; margin-right: 4.3%; padding: 1.905em 4.08% 1.4em 4.08%; background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); }
main div.layout-4 div.row_50_50 div.col_50_1 h2 { text-align: left; }
main div.layout-4 div.row_50_50 div.col_50_1 a.button { display: block; padding-top: 0.70em; padding-bottom: 0.476em; text-align: center; color: #FFF; background-color: #ed1c24; }
main div.layout-4 div.row_50_50 div.col_50_2 { width: 47.85%; }
main div.layout-3 div.row_50_50 div.col { width: 48.53%; margin-right: 2.93%; }
main div.layout-3 div.row_50_50 div.col:last-child { margin-right: 0; }

main div.row_50_50 div.col div.layout-5 > div,
main div.row_50_50 div.col div.layout-5 .ce-textpic { height: 100%; }
main div.row_50_50 div.col div.layout-5 div.ce-bodytext { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 10; }

main div.row_50_50 div.col div.layout-6 { padding: 1.905em 4.08% 1.4em 4.08%; background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); }
main div.row_50_50 div.col div.layout-6 h2 { text-align: left; }
main div.row_50_50 div.col div.layout-6 p { margin-bottom: 2em; }
main div.row_50_50 div.col div.layout-6 a.shop { display: block; height: 43px; padding-left: 18.47%; line-height: 43px; background-image: url(../img/shop.png); background-repeat: no-repeat; }
main div.row_50_50 div.col div.layout-6 a.shop:hover { background-image: url(../img/shop_hover.png); }

div.nLBox { position: relative; float: left; width: 47.85%; margin-bottom: 3.333em; margin-right: 4.3%; line-height: 0;  background-color: #f7f7f7; -webkit-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); box-shadow: 0px 3px 12px -2px rgba(0,0,0,0.35); }
div.nLBox:nth-child(2n) { margin-right: 0; }
div.nLBox img {}
div.nLDate { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; padding-left: 5.1%; padding-top: 1.429em; padding-bottom: 0.762em; color: #FFF; line-height: 1; background-color: rgba(0, 0, 0, 0.5); }
div.nLDate span { font-size: 1.571em; padding-left: 35px; background-image: url(../img/facebook.png); background-repeat: no-repeat; background-position: left; }
div.nLOverlay { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 0 18.37%; color: #FFF; line-height: 1; text-align: center; background-color: rgba(237, 28, 36, 0.75) }
div.nLBox:hover div.nLOverlay { display: block; }
div.nLOverlay p { font-size: 1.190em; line-height: 1.200em; }
div.nLOverlay a { font-size: 1.190em; line-height: 1.200em; color: #FFF; }
div.nLOverlay a:hover { text-decoration: underline; }
div.nLText { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 10; }

div.news-single { margin-top: 20px;}
div.news-single div.nDLeft { float: left; width: 47.85%; margin-right: 4.3%; }
div.news-single div.nDRight { float: left; width: 47.85%; }

main div.csc-mailform ol { list-style: none; padding-left: 0; }
div.csc-mailform ol li { margin-bottom: 0.5em; }
div.csc-mailform ol li label { display: block; float: left; width: 20%; margin-right: 5%; }
div.csc-mailform ol li input,
div.csc-mailform ol li textarea { float: left; width: 75%; padding: 4px 6px; border: 1px solid #3d3d3d; }
div.csc-mailform ol li input[type="submit"] { float: right; width: auto; cursor: pointer; }

footer { padding: 2.857em 0; background-color: #f7f7f7; text-align: center; }
footer .ce-bodytext p { font-size: 0.714em; }
footer .ce-bodytext p:first-child { margin-bottom: 1.238em; }
footer a { color: #3d3d3d; }

div#naviLeft ul > li > ul > li > a,
div.productOverview a { width: 100%; display: block; overflow: hidden; }
div.productOverview a img { max-width: 240px; }
div.productOverview > a { display: none; }
div#naviLeft ul > li > ul > li > a img,
div.productOverview a img {	-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;	-o-transition: all 1s ease;	transition: all 1s ease; }
div#naviLeft ul > li > ul > li > a img:hover,
div.productOverview a img:hover {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }

.clearfix,
.clearfix::before,
.clearfix::after {
	clear: both !important;
}

main div.row_25_25_25_25,
main div.col_25 {
	margin-bottom: 3.333em;
}

@media (min-width: 900px) {
	main div.col_25 {
		width: 50%;
		float: left;
	}
}

@media (min-width: 1024px) {
	main div.col_25 {
		width: 25%;
	}
}


@media ( max-height : 850px) {
	div#naviInner { margin: 1em auto 0 auto; }
}

@media ( max-width : 1100px ), ( max-height : 850px) {
	header { position: relative; }
	div#naviMain { position: absolute; }
	body.home div#wrapperMain { margin-top: 0; }
	div#wrapperMain { margin-top: 0px; }
}

@media ( max-width : 1100px ) {
    .bgInner, .inner { margin: 0 2%; }
	main { margin-top: 60px; }
	.home main { margin-top: 0; }
	div#naviLogo { display: none; }
	div#naviInner { padding: 5em 6.25% 1.905em 6.25%; }
	div#naviLeft { width: 100%; margin-right: 0; }
	div#naviRight { width: 100%; }
	div#naviInner nav > ul > li > ul > li { padding-left: 9.22%; }
}

@media ( max-width : 1000px ) {
	div.nLText { top: 80%; transform: translateY(-80%); -ms-transform: translateY(-80%); -webkit-transform: translateY(-80%); }
	div.sliderBanner div.ce-bodytext { bottom: 1em; }
	div.sliderBanner div.ce-bodytext h2 { font-size: 1.3em; }
}

@media ( max-width : 900px ) {
	main div.contentCenter div.row_50_50 div.col { width: 100%; }
	main div.contentCenter div.row_50_50 div.col .layout-5 { padding-top: 1em; height: auto !important; }
	main div.row_50_50 div.col div.layout-5 div.ce-bodytext { top: 0; transform: none; -ms-transform: none; -webkit-transform: none; }
	main div.row_50_50 div.col div.layout-6 { height: auto !important; }
	main .layout-4 div.row_50_50 div.col { margin-bottom: 2em; }
	main div.layout-3 div.row_50_50 div.col { margin-bottom: 2em; }
}

@media ( max-width : 850px ) {
	div#naviLeft nav > ul > li > ul > li { width: 50%; }
	main div.contentCenter div.productOverview > div.csc-default { width: 50%; }
}
 
@media ( max-width : 800px ) {
	div.nLBox { width: 60%; margin-right: 0; }
}

@media ( max-width : 750px ) {
	div.sliderBanner div.ce-bodytext h2 { font-size: 1.1em; }
	div.sliderBanner .swiper-button-next { right: 20px; }
	div.sliderBanner .swiper-button-prev { left: 20px; }
	main div.productsTop div.col_50_1,
	main div.productsTop div.col_50_2 { width: 100%; }
	main div.productsBottom div.col { width: 100%; margin-right: 0; }
}

@media ( max-width : 650px ) {
	div.nLBox { width: 80%; }
	main h2,
	div.tx-felogin-pi1 h3 { font-size: 1.3em; }
}

@media ( max-width : 550px ) {
	main div.contentCenter div.productOverview > div.csc-default { width: 100%; }
	div.sliderBanner div.ce-bodytext h2 { font-size: 0.9em; }
}

@media ( max-width : 500px ) {
	div.nLBox { width: 100%; }
	div.nLOverlay a,
	div.nLOverlay p { font-size: 1em; }
	div.nLDate span { font-size: 1.3em; }
	main div.contentHeadline h2 { font-size: 25px; word-wrap: break-word; }
}

@media ( max-width : 480px ) {
	div.sliderBanner div.ce-bodytext { display: none; }
	div#naviLeft nav > ul > li > ul > li { width: 100%; }
	div.csc-mailform ol li label { width: 100%; margin-right: 0; }
	div.csc-mailform ol li input,
	div.csc-mailform ol li textarea { width: 100%; }
}

@media ( max-width : 370px ) {
	div.nLDate span { font-size: 1.1em; }
	div.nLOverlay a,
	div.nLOverlay p { font-size: 0.8em; }
	main h2,
	div.tx-felogin-pi1 h3 { font-size: 1em; }
	main div.contentHeadline h2 { font-size: 22px; }
}


#side-button__flag {
	cursor: pointer;
	position: fixed;
	right: 0;
	z-index: 90;
	color: #fff;
	top: 180px;
	background: rgb(237 28 36 / 0.75);
	padding: 20px 43px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 60%);
	transform: translateX(0%);
	transition: transform .5s ease;

  }

  #side-button__flag.hide {
	transform: translateX(110%);
  }

  #side-button__flag--headline {
	font-size: 1.2rem;
	margin-bottom: 0.75rem;
	font-weight: 400;
  }

  #side-button__flag--icon {
	width: 200px;
	height: auto;
  }

  #side-button__content {
	overflow: auto;
	font-size: 16px;
	font-weight: 300;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: 90;
	background: rgb(237 28 36 / 0.75);
	width: 45%;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 60%);
	z-index: 99;
	transform: translateX(110%);
	transition: transform .5s ease;
	padding: 6rem 4rem;
	display: flex;
	flex-direction: column;
  }

  #side-button__content.show {
	transform: translateX(0%);
  }

  #side-button__content--close {
	text-align: right;
	cursor: pointer;
	position: absolute;
	  top: 2.25rem;
	right: 2rem;
	width: 35px;
	height: auto;
  }

  #side-button__content--headline-1 {
	font-size: 3.25rem;
	font-weight: 800;
  }

  #side-button__content--headline-2 {
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.5rem;
	margin-top: 1.5rem;
	margin-bottom: 4.5rem;
  }

  #side-button__content--table tr td {
	padding-bottom: 1rem;
	font-weight: 300;
	vertical-align: top;
  }

  #side-button__content--table tr td:first-child {
	width:1%; 
	white-space: nowrap; 
	padding-right:1rem;
  }

  .side-button__content--square {
	width: 15px;
	height: 15px;
	background: #fff;
	display: inline-block;
	margin-right: .75rem;
  }

  #side-button__content--row {
	display: flex;
	margin-top: auto;
	line-height: 1.2rem;
  }

  #side-button__content--row > div:first-child {
	padding-right: 1.5rem;
  }

  #side-button__content--btn {
	position: relative;
	display: block;
  }

  #side-button__content--btn {
	box-shadow: 0 0 1rem rgb(0 0 0 / 50%);
  }

  #side-button__content--btn:hover {
	box-shadow: none;
  }

  #side-button__content--btn:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 0 5px #e51c28;
  }

  #side-button__content--btn-image {
	display: block;
  }


  @media (max-width: 1000px) {

	#side-button__flag {
	  top: unset;
	  bottom: 0;
	  right: unset;
	  left: 0;
	  padding: 10px 20px;
	}

	#side-button__flag--headline {
	  margin-bottom: 0;
	  font-size: 1rem;
	}

	#side-button__flag--icon {
	  display: none;
	}

	#side-button__content {
	  width: 100%;
	  padding: 2rem 1rem;
	  background: rgb(237 28 36 / 1);
	}

	#side-button__content--close {
	  text-align: right;
	  cursor: pointer;
	  position: absolute;
	  top: 1.25rem;
	  right: 1rem;
	  width: 15px;
	}

	#side-button__content--headline-1 {
	  font-size: 1.5rem;
	}

	#side-button__content--headline-2 {
	  font-size: 1rem;
	  line-height: inherit;
	  margin-bottom: 1.5rem;
	}

	.side-button__content--square {
	  width: 10px;
	  height: 10px;
	  margin-right: .25rem;
	}

	#side-button__content--table tr td:first-child {
	  padding-right: 5px;
	}

	#side-button__content--row {
	  flex-direction: column;
	  margin-top: unset;
	}

	#side-button__content--row > div:first-child {
	  padding-right: 0;
	  margin-top: 1rem;
	  margin-bottom: 1rem;
	}
  }