/*@import url("//hello.myfonts.net/count/3934ca");*/
@font-face {font-family: 'D-DINCondensed'; font-style: normal; font-weight: 100; src: url('../fonts/D-DINCondensed.eot');src: url('../fonts/D-DINCondensed.woff2') format('woff2'),url('../fonts/D-DINCondensed.woff') format('woff'),url('../fonts/D-DINCondensed.ttf') format('truetype');}
@font-face {font-family: 'D-DINCondensed-Bold'; font-style: normal; font-weight: 300; src: url('../fonts/D-DINCondensed-Bold.eot');src: url('../fonts/D-DINCondensed-Bold.woff2') format('woff2'),url('../fonts/D-DINCondensed-Bold.woff') format('woff'),url('../fonts/D-DINCondensed-Bold.ttf') format('truetype');}
@font-face {font-family: 'D-DINExp'; font-style: normal; font-weight: 100; src: url('../fonts/D-DINExp.eot');src: url('../fonts/D-DINExp.woff2') format('woff2'),url('../fonts/D-DINExp.woff') format('woff'),url('../fonts/D-DINExp.ttf') format('truetype');}
@font-face {font-family: 'D-DINExp-Bold'; font-style: normal; font-weight: 300; src: url('../fonts/D-DINExp-Bold.eot');src: url('../fonts/D-DINExp-Bold.woff2') format('woff2'),url('../fonts/D-DINExp-Bold.woff') format('woff'),url('../fonts/D-DINExp-Bold.ttf') format('truetype');}
@font-face {font-family: 'D-DINExp-Italic'; font-style: normal; font-weight: 100; src: url('../fonts/D-DINExp-Italic.eot');src: url('../fonts/D-DINExp-Italic.woff2') format('woff2'),url('../fonts/D-DINExp-Italic.woff') format('woff'),url('../fonts/D-DINExp-Italic.ttf') format('truetype');}
@font-face {font-family: 'D-DIN'; font-style: normal; font-weight: 200; src: url('../fonts/D-DIN.otf');src: url('../fonts/D-DIN.woff2') format('woff2'),url('../fonts/D-DIN.woff') format('woff'),url('../fonts/D-DIN.ttf') format('truetype');}
@font-face {font-family: 'D-DIN-Italic'; font-style: normal; font-weight: 200; src: url('../fonts/D-DIN-Italic.eot');src: url('../fonts/D-DIN-Italic.woff2') format('woff2'),url('../fonts/D-DIN-Italic.woff') format('woff'),url('../fonts/D-DIN-Italic.ttf') format('truetype');}
@font-face {font-family: 'D-DIN-Bold'; font-style: normal; font-weight: 300; src: url('../fonts/D-DIN-Bold.eot');src: url('../fonts/D-DIN-Bold.woff2') format('woff2'),url('../fonts/D-DIN-Bold.woff') format('woff'),url('../fonts/D-DIN-Bold.ttf') format('truetype');}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
}
svg {vertical-align: bottom;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
* { box-sizing: border-box;}

/* clearfix */
.clearfix:after, .grid:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix, .grid { display: block; }

/* general */
a {text-decoration:underline; color: #000;}
a:hover {text-decoration: underline; color:#999; outline: none;}
a:focus {outline: none;}
.grid-item a:hover {color:#fff;}
p { margin: 0; padding: 0;}
strong, b {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-style: normal;}
italic, i, em {font-family: 'D-DIN-Italic', sans-serif; font-weight: 200; font-style: normal;}
img {max-width: 100%; height:auto; outline:none; vertical-align: bottom;}

body {-ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; min-height:100%; font-family: 'D-DIN', sans-serif; font-weight: 200; font-size: 185%; line-height:1.2em; color: #000000; margin:0; padding:30px;}
h1 {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-size:1.1em; line-height:1em; background-color:#000; color:#fff; display:inline-block; padding:0.3em 0.3em 0.2em 0.3em; margin:0 0 0.6em 0; text-transform:uppercase; letter-spacing: 0.05em;}
h2 {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-size:3.25em; line-height:1em; margin:0 0 0.2em 0; text-transform:uppercase; display:block; letter-spacing: 0.02em;}
h3 {font-family: 'D-DINCondensed', sans-serif; font-weight: 200; font-size:1.08em; line-height:1em; margin:0 0 0 0; display:block; letter-spacing: 0.02em;}
h4 {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-size:1.08em; line-height:1em; margin:0 0 0 0; text-transform:uppercase; display:block; letter-spacing: 0.02em;}
h5 {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-size:1.1em; line-height:0.8em; margin:0 0 0.2em 0; text-transform:uppercase; display:block; letter-spacing: 0.01em;}
h6 {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; font-size:1em; line-height:0.8em; margin:0 0 0.2em 0; text-transform:uppercase; display:block; letter-spacing: 0.01em;}
p {display:block;}

table, tr, td {border:none; padding:0; margin:0;}
td {padding:0.3em 0.2em;}
thead td, tfoot td {padding:0.5em 0.2em;}
thead {border-bottom: 2px solid #000; border-top: 2px solid #000; font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; text-transform: uppercase;}
tfoot {border-bottom: 2px solid #000; border-top: 2px solid #000; font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; text-transform: uppercase;}

.floatLeft, .rechtsUmfliessen, .rechtsumfliessen {clear: left; float: left; margin: 0 1em 0.6em 0;}
.floatRight, .linksUmfliessen, .linksumfliessen {clear: left; float: right; margin: 5px 0 0.6em 1em; text-align: right;}

.kacheln {padding-bottom: 3em;}
footer {position:fixed; bottom:0; left:0; right:0; z-index:99996; display: none;}
.fancybox-active footer {display: block;}
.footer {padding:20px 40px; background:#fff;}
.footer .sp {display:inline-block; margin-right:1em;}
.footer .start a {padding:10px 0; margin:0; display: block;}
.footer .lang {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; margin:-20px 0;}
.footer .lang a {text-decoration:none; color:#cfd0d0;}
.footer .lang .de {padding:10px 5px; display:inline-block;}
.footer .lang .en {padding:10px 5px; display:inline-block;}
.footer .subtitle {margin-left:160px; cursor:pointer;}
.footer .impr {float:right; margin:0;}
.footer .impr a {padding: 20px 40px; margin: -20px -40px -20px 0;}

.contenttext {background-color:#fff; color:#000; padding:20px; width:1000px; max-width:90%; margin: 1em auto 0 auto; font-size: 0.7em; position:relative; overflow:auto; height:100%;}
.contenttext .closesubtitle {position:absolute; top:15px; right:15px; z-index:45; padding:10px; width:43px; height:43px; cursor:pointer;}
.sp1 {float:left; width:49%;}
.sp2 {float:right; width:49%;}
.contenttext h1, .contenttext h3, .contenttext h4, .contenttext h5, .contenttext h6 {font-size:1.1em; line-height:1.2em; color:#000; background:none; padding:0; margin:0 0 0.2em 0;}
.contenttext h1 {margin-bottom:1.5em;}
.contenttext h2, .contenttext p {font-size:1.05em; line-height:1.2em; padding:0; margin:0 0 0.2em 0; font-weight:200; font-family: 'D-DINCondensed', sans-serif; }
.contenttext p {padding: 0 0 0.8em 0;}
.contenttext p + h2 {margin-top:1em;}
.absatz {margin:0 auto; padding:0 0 2.6em 0; max-width: 46em; font-size: 0.7em; line-height: 1.3em; position: relative;}
.absatz h1 {font-family: 'D-DIN-Bold', sans-serif; background-color: #fff; color:#068A45; font-size: 2.3rem; padding:0.1em 0.3em 0.1em 0.3em; letter-spacing: 0;}
.absatz h2 {font-size: 2rem; margin: 0 0 0.4em 0;}
.absatz h3 {font-family: 'D-DINCondensed-Bold', sans-serif; font-size: 1.9rem; margin: 0 0 0.4em 0;}
.absatz h4 {text-transform: none; margin: 0 0 0.4em 0;}
.absatz p {margin: 0 0 0.7em 0;}
.absatz p + h1, .absatz p + h2, .absatz p + h3, .absatz p + h4 {margin-top: 1em;}
.absatz .bild {max-width: 100%;}
.absatz .bild-untertitel {font-family: 'D-DINCondensed', sans-serif; font-size: 0.9em; line-height: 1.1em; padding: 0.3em 0 0 0; color: #aaa;}
.absatz .tab-bild {max-width: 80%;}
.absatz .tab-text {position: absolute; top: 0; right: 0; background-color: #068A45; max-width: 100%; width: 15em; padding: 1.5em 1.5em 0.7em 1.5em;}
.absatz .tab-text a {color:#fff; text-decoration: none; cursor: pointer;}
.absatz .tab-text a:hover, .absatz .tab-text a:focus {color:#000;}
.absatz .tab-text h3 {margin-bottom: 1.3em;}

.absatz.textonimg {}

/* ---- .element-item ---- */
.grid-item {position: relative; float: left; height: 287px; margin: 0; padding: 0; background: #cccccc; overflow:auto;}
.grid-sizer, .grid-item {width: 24%; margin:10px 0.5%;}
.grid-item--width2 { width: 49%;}
.grid-item--height2 { height: 594px; }

.grid .inner {padding:0 20px 20px 0; position:relative; height:100%;}
.grid .inner .kacheltitel {background:#ccc; position:absolute; bottom:0; left:0; right:0; padding:15px 20px; display:block;}
.grid .inner .kacheltitel .box {background: #068A45; width: 80px; height: 0.8em; display: block; position: absolute; top: -0.8em; left: 0;}
.grid .inner .ktschmal {padding: 15px 50px 15px 20px;}
.grid .inner a {display:block; height:100%;}
.grid .inner .headphones {fill:#000000; position:absolute; bottom:10px; right:10px; width:40px; height:40px;}

.grid .bildlinks img {width:50%; float:left;}
.grid .bildlinks .kacheltitel {width:48%; right:0; left:auto;}
.grid .bildrechts {padding-right:0;}
.grid .bildrechts img {width:50%; float:right;}
.grid .bildrechts .kacheltitel {width:48%; left:0; right: auto;}
.grid .bildrechts .headphones {right:50%;}

.grid .inner .item-img {background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; width: 100%;}
.grid .inner.bildrechts .item-img {height: 100%; width: 49%; float: right;}
.grid .inner.bildlinks .item-img {height: 100%; width: 50%; float: left;}
.einleitung {background:#fff !important; border-bottom:5px solid #000 !important; border-right:5px solid #000 !important;}

.fancybox-is-open .fancybox-bg {opacity:1; background:#000;}
.fancybox-slide--html {padding:0;}
.fancybox-slide--current, .fancybox-slide {background-color:#000; color:#fff;}
.fancybox-content {padding:40px 40px 80px 40px; height:100%; width:100%; background-color:transparent; background-repeat: no-repeat; background-position: center; background-size:contain; position:relative; overflow: visible;}
.fancybox-content .gallery-inner {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
.fancybox-content .subtitletext {color:#000; width:23%; position:absolute; background:#cccccc; bottom:0; left:0; font-size: 0.7em; line-height: 1.2em; padding: 19px 20px 30px 20px; max-height: 100%; overflow: auto; z-index: 45;}
.fancybox-content .subtitletext.empty {padding:0;}
.fancybox-content .subtitletext .closesubtitle {position:absolute; top:20px; right:20px; z-index:45; cursor:pointer;}
.fancybox-content .subtitletext .closesubtitle:hover, .fancybox-content .subtitletext .closesubtitle:focus {fill:#fff !important;}
.fancybox-content .subtitletext h2 {font-size:1em; margin-bottom:1em; margin-right: 27px; line-height: 1.2em;}
.signatur {font-size: 0.35em; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position: absolute; bottom: 0.1em; left: 0; color: #fff;
-moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.fancybox-active .footer {background: #000;}
.fancybox-active .footer .start svg, .fancybox-active .footer .subtitle svg, .fancybox-active .footer .impr svg {fill:#fff;}
.fancybox-active .footer .lang {color:#fff;}
.fancybox-active .footer .lang a {color:#888;}
.fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 0; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible;}
.fancybox-navigation button.fancybox-button--arrow_right:disabled, .fancybox-navigation button.fancybox-button--arrow_left:disabled {display:none;}
.fancybox-navigation .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_left {padding:0; top: 40px; bottom: 80px; height: auto; width: 50px; background: none;}
.fancybox-navigation .fancybox-button--arrow_right {right:0; text-align:right; padding: 0 10px 0 0;}
.fancybox-navigation .fancybox-button--arrow_left {left:0; text-align:left; padding:0 0 0 10px;}
.fancybox-navigation .fancybox-button--arrow_left div {background:#cccccc; margin-left:0;}
.fancybox-navigation .fancybox-button--arrow_right div, .fancybox-navigation .fancybox-button--arrow_left div {padding:0; height: 100%; width: 100%;}
.fancybox-navigation .fancybox-button--arrow_right div:hover, .fancybox-navigation .fancybox-button--arrow_left div:hover {display: block; opacity: 1;}
.fancybox-navigation .fancybox-button--arrow_right div {background:#cccccc; float: right; margin-right:0;}
.fancybox-navigation .fancybox-button--arrow_right svg, .fancybox-navigation .fancybox-button--arrow_left svg {}
.fancybox-navigation .fancybox-button--arrow_right:hover svg, .fancybox-navigation .fancybox-button--arrow_left:hover svg {display: block; opacity:1;}
.fancybox-navigation .fancybox-button div {padding: 0;}
.fancybox-show-nav .fancybox-navigation .fancybox-button.fancybox-button--arrow_left:hover, .fancybox-show-nav .fancybox-navigation .fancybox-button.fancybox-button--arrow_right:hover {opacity: 1; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible;}
.fancybox-stage {transform:none;}

.product-bullets {list-style: none; position: absolute; bottom: 17px; left: 50%; width: auto; text-align: center; margin: 0; padding: 0; z-index: 99999; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.product-bullets li {display: inline-block; vertical-align: top;}
.product-bullets li a {display: block; height: 30px; width: 30px; position: relative;}
.product-bullets li a span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; border-radius: 99px; text-indent: -99999px; overflow: hidden; background: #fff;}
.product-bullets li.active a span {background: #999;}

video {width:100%; height:auto; max-height: 100%;}
video::-webkit-media-controls-fullscreen-button {display: none; !important}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {display: none; !important}
video::-webkit-media-controls-volume-slider {display: none; !important}
video::-webkit-media-controls-download-button {display:none; !important}
video::-internal-media-controls-download-button {display:none; !important}
.svg.pro, .svg.contra {fill:#fff; opacity:0.5; position:absolute; top:40px; left:40px; width:150px; height:120px;}
.fancybox-container .bg_hph {background: #ccc; position: absolute; width: 70px; height: 70px; top: 30px; right: 50px; border-radius: 50%; padding: 15px 0 0 0; text-align: center;}
.fancybox-container .headphones {fill:#000; width:40px; height:40px;}
#volumebox {height:40px;width:15%; display:inline-block; float:right; margin-right:55px; padding:0; position:relative;}
#volumebox svg {position:absolute; right:-65px;}
#volume {position: absolute; left: 0; top:50%; margin-top:-2px; height: 4px; width: 100%; background: #fff; border:none;}
.ui-slider-range-min {height: 4px; width: 100%; position: absolute; background: none; border: none; border-radius: 10px; 	outline: none;}
.ui-slider-handle {width: 18px; 	height: 18px; border-radius: 18px; background: #fff !important; border:none !important; position: absolute; margin-left: -8px; margin-top: -8px; cursor: pointer;outline: none;}
.fancybox-container .footer .lang a {color:#888;}
.fancybox-container #volumebox svg {fill:#fff;}
.fancybox-container #volume, .fancybox-container .ui-slider-handle {background: #fff !important;}
.fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous, .fancybox-fx-slide {opacity: 1 !important;}

.slidecontent {position:absolute; z-index:10;top:0; left:10%; right:10%; height: 100%;}
.slidecontent .sc_thema {height: 58%; position:relative; margin-bottom: 1.8%;}
.slidecontent .sc_person {font-size:1.6em; padding-top: 1.5%; line-height: 1.1em;}
.slidecontent .sc_sp1 {width:47%; float:left;}
.slidecontent .sc_sp2 {width:47%; float:right;}
.slidecontent .pro {background-image:url(../images/pro.svg); background-repeat:no-repeat; background-position: top left; padding-top:140px;}
.slidecontent .contra {background-image:url(../images/contra.svg); background-repeat:no-repeat; background-position: top left; padding-top:140px;}
.slidecontent.sc_frei .sc_thema {height:auto; padding-bottom:2em;}

.fi_thema {font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 3.25em; line-height: 0.8em; padding: 0 0 40px 0; width:75%;}
.fi_sp1 {float:left; width:50%; padding: 40px; font-size: 1.01em; line-height: 1.23em; margin-left:24%;}
.fi_sp2 {float:right; width:25%; padding: 40px; font-size: 0.74em; line-height: 1.3em; margin-right:1%;}
.fi_sp1 p, .fi_sp2 p {margin-bottom:0.6em;}

.interview {width:100%; height:100%; position:relative; z-index:3; -webkit-mask: url(../images/interview.svg) no-repeat 0 100%; mask: url(../images/interview.svg) no-repeat 0 100%; -webkit-mask-size: contain; mask-size: contain; background-color: #fff;}
.slidecontent.sc_interview {left:25%; right:60px;}
.slidecontent.sc_interview h2, .slidecontent.sc_interview .sc_title {text-transform:none; position:absolute; bottom:0; line-height: 1em; font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300; font-size: 3.25em;}

.statistics {width:100%; height:100%; position:relative; z-index:3; -webkit-mask: url(../images/statistics.svg) no-repeat 100% 100%; mask: url(../images/statistics.svg) no-repeat 100% 100%; -webkit-mask-size: contain; mask-size: contain; background-color: #fff;}
.slidecontent.sc_statistics {color:#cccccc; left:0; right:40px;}
.slidecontent.sc_statistics .sc_thema {height: 35%; max-width: 80%;}
.slidecontent.sc_statistics h2, .slidecontent.sc_statistics .sc_title {font-size: 1.62em; line-height:1em; text-transform:none; font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300;}
.slidecontent.sc_statistics .sc_value {font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300; font-size: 14.2em; line-height: 1em; padding: 0; margin: 0;}
.slidecontent.sc_statistics .sc_quelle {position: absolute; bottom: 0; max-width: 80%; font-size:1.1em;}
.slidecontent.sc_statistics .sc_quelle p, .slidecontent.sc_statistics .sc_value p {margin:0 !important; padding:0 !important;}
.slidecontent.sc_statistics2 .sc_thema {height: auto; padding-bottom: 2em;}
.slidecontent.sc_statistics2 .sc_value {font-family: 'D-DINCondensed', sans-serif; font-weight: 200; font-size: 1em; text-align: left; max-width: 50%; margin-left: 5%;}
.slidecontent.sc_statistics2 .sc_value thead, .slidecontent.sc_statistics2 .sc_value tfoot {border-color: #ccc;}

.char {width:23%; position:absolute; left:0; top: 0; font-size: 10em; line-height: 1em; font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300;}
.zitat, .zitat2 {width:23%; position:absolute; left:0; top: -0.704em; font-size: 22em; line-height: 1em; font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300;}
.vergleich {position:absolute; left:0; top: -0.3em; font-size: 13em; line-height: 1em; font-family: 'D-DINCondensed-Bold', sans-serif;  font-weight: 300;}
.slidecontent.sc_char {background:#cccccc; left: auto; top:-40px; right: 60px; bottom:0; height:auto; width:70%; padding:40px; position:absolute;}
.slidecontent.sc_char h2 {font-size: 2.43em; line-height:1em; text-transform:none;}
.slidecontent.sc_char .sc_autor {position:absolute; bottom:40px; left:40px; right:6em; margin:0; padding:0;}
.slidecontent.sc_char .sc_quelle {position:absolute; bottom:40px; right:40px; margin:0; padding:0;}
.slidecontent.sc_char .sc_quelle a {background:#000; color:#fff; padding:0.2em 0.5em; text-decoration:none; display: inline-block;}
.slidecontent.sc_char .sc_thema {width: 80%; margin: 0 auto;}
.slidecontent.sc_char .sc_thema .sc_title {font-size: 2.43em;}
.slidecontent.sc_char.sc_frei  .sc_autor {position: static; width: 80%; margin: 0 auto;}
.slidecontent.sc_vergleich {left:0; right:60px;}
.slidecontent.sc_vergleich .sc_thema1 {background: #cccccc; left: 0; bottom:0; height: auto; width: 60%; padding: 60px 16% 60px 60px; position: absolute;}
.slidecontent.sc_vergleich .sc_thema2 {background: #000000; right: 0; top:0; height: auto; width: 55%; padding: 60px; position: absolute; color:#fff;}
.slidecontent.sc_vergleich h2, .slidecontent.sc_vergleich .sc_title, .slidecontent.sc_char .sc_title {font-size: 1.82em; line-height:1em; text-transform:none; font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300;  margin: 0 0 0.2em 0;}
.slidecontent.sc_vergleich .sc_title p, .slidecontent.sc_char .sc_title p {font-size:1em; line-height:1em; font-family: 'D-DINCondensed-Bold', sans-serif; font-weight: 300; }
.slidecontent.sc_vergleich .sc_autor {font-size:0.8em; margin: 60px 0 -30px -30px;}

.sym_statistik {-webkit-mask: url(../images/statistics.svg) no-repeat 0 0; mask: url(../images/statistics.svg) no-repeat 0 0; -webkit-mask-size: contain; mask-size: contain; background-color: #000; height:35%;}

.lastslide .sc_statistics, .lastslide .sc_vergleich {left:40px; right:0;}
.lastslide .char, .lastslide .zitat, .lastslide .vergleich {left:40px;}
.lastslide .subtitletext {left:40px;}

.glossarlink a {background:#000; color:#fff; text-decoration:none; padding: 0 0.2em;}
.ui-tooltip {z-index:100000; font-size: 0.6em; line-height: 1.2em; background-color:#cccccc; border: none !important; box-shadow: none !important; -webkit-box-shadow:none !important; border-radius: 0 !important; padding: 10px 15px;}
.ui-tooltip .closetooltip {float:right; margin: 0 -5px 5px 5px;}

/* farbwelt gelb */
.mainstyle1 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle1 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle1 .slidecontent.sc_char,
.mainstyle1 .slidecontent.sc_vergleich .sc_thema1, .mainstyle1 .grid .inner .kacheltitel, .mainstyle1 .fancybox-content .subtitletext, .mainstyle1 .grid-item {background: #ffd300;}
.mainstyle1.grid-item, .grid .mainstyle1.grid-item .inner .kacheltitel, .mainstyle1 .product-bullets li.active a span {background: #ffd300 !important;}
.mainstyle1 .fancybox-container .headphones, .mainstyle1.fancybox-active .footer .subtitle svg {fill:#ffd300;}
.mainstyle1 .slidecontent.sc_statistics {color:#ffd300}
.mainstyle1 #volume, .mainstyle1 .ui-slider-handle {background: #fff !important;}
.mainstyle1 .fancybox-container .bg_hph {background: #000}
.mainstyle1 .slidecontent.sc_statistics2 .sc_value thead, .mainstyle1 .slidecontent.sc_statistics2 .sc_value tfoot {border-color:#ffd300;}

/* farbwelt schwarz plakate */
.mainstyle3, .mainstyle3 footer, .mainstyle3 .footer, .mainstyle3.grid-item, .mainstyle3.grid-item .kacheltitel {background: #000 !important; color:#fff;}
.mainstyle3 .footer {padding: 0 40px 35px 40px;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle3 .slidecontent.sc_char,
.mainstyle3 .slidecontent.sc_vergleich .sc_thema1, .mainstyle3 .grid .inner .kacheltitel, .mainstyle3 .fancybox-content .subtitletext, .mainstyle3 .grid-item,
.mainstyle3 .fancybox-container .bg_hph {background: #fff; color:#000;}
.mainstyle3 .fancybox-container .headphones {fill:#000;}
.mainstyle3 .footer .start a svg {fill:#fff;}
.mainstyle3 .footer .lang a {color: #999;}
.mainstyle3 .slidecontent.sc_statistics {color:#000;}
.mainstyle3 .kacheln h1 {font-size: 1em; background:#fff; color:#000;}
.mainstyle3 .kacheln h2 {font-size: 2.95em;}
.mainstyle3 .kacheln h3, .mainstyle3 .kacheln h4 {font-size: 0.55em;}
.mainstyle3 .kacheln {margin:-1%; padding-bottom: 0;}
.mainstyle3 .grid .inner {padding: 0 0 20px 20px;}
.mainstyle3 .einleitung .inner {padding: 0 20px 20px 0;}
.mainstyle3 .grid-sizer {margin:1%; width: 23%;}
.mainstyle3 .grid-item {height: 340px; margin:10px 1%; width: 23%; background:#fff !important;}
.mainstyle3 .grid-item--height2 {height:700px;}
.mainstyle3 .grid-item--width2 {width: 48%;}
.mainstyle3 .gallery-inner {height: calc(100% - 410px); width: calc(100% - 20px); top: 10px; left: 10px;}
.mainstyle3 .einleitung {background:#000 !important; color:#fff; font-size: 0.55em; line-height: 1.25em; border-color:#fff;}
.mainstyle3 .gallery-border {border: 2px solid #fff; height: calc(100% + 20px); width: calc(100% + 20px); position: relative; z-index: 345; top: -10px; left: -10px;}
.mainstyle3 .product-bullets {bottom: 33px;}
.mainstyle3 .product-bullets li a span {background: #999;}
.mainstyle3 .product-bullets li.active a span {background: #fff;}
.mainstyle3 .signatur {left:-10px;}
.mainstyle3 .subtitletext {font-size: 0.54em; position: absolute; bottom: -380px; left: -10px; width: calc(50% + 10px); background: #000 !important; color: #fff !important; padding: 0 20px 0 0; height: 340px; border-right: 2px solid #fff;}
.mainstyle3 .lastslide .subtitletext {left: auto; right: -10px; border: none; border-left: 2px solid #fff; padding: 0 0 0 20px;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_left {bottom: 150px; top: auto; right: auto; left: 50px;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_left div {background: none; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; transform: rotate(225deg); -webkit-transform: rotate(-225deg); width: 240px; height: 240px;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_right {bottom: 150px; top: auto; right: 50px; left: auto;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_right div {background: none; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 240px; height: 240px;}
.mainstyle3 .fancybox-navigation .fancybox-button--arrow_right div svg, .mainstyle3 .fancybox-navigation .fancybox-button--arrow_left div svg {display:none;}
.mainstyle3 .glossarlink a {background: #fff; color: #000;}

/* farbwelt 4  (Revolution und Aufbruch)*/
.mainstyle4 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle4 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle4 .slidecontent.sc_char,
.mainstyle4 .slidecontent.sc_vergleich .sc_thema1, .mainstyle4 .grid .inner .kacheltitel, .mainstyle4 .fancybox-content .subtitletext, .mainstyle4 .grid-item {background: rgba(255, 102, 102,1);}
.mainstyle4.grid-item, .grid .mainstyle4.grid-item .inner .kacheltitel, .mainstyle4 .product-bullets li.active a span {background: rgba(255, 102, 102,1) !important;}
.mainstyle4 .fancybox-container .headphones, .mainstyle4.fancybox-active .footer .subtitle svg {fill:rgba(255, 102, 102,1);}
.mainstyle4 .slidecontent.sc_statistics {color:rgba(255, 102, 102,1);}
.mainstyle4 .fancybox-container .bg_hph {background: #000;}

/* farbwelt 5  (Republikanischer Alltag)*/
.mainstyle5 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle5 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle5 .slidecontent.sc_char,
.mainstyle5 .slidecontent.sc_vergleich .sc_thema1, .mainstyle5 .grid .inner .kacheltitel, .mainstyle5 .fancybox-content .subtitletext, .mainstyle5 .grid-item {background: rgba(51, 153, 255,1);}
.mainstyle5.grid-item, .grid .mainstyle5.grid-item .inner .kacheltitel, .mainstyle5 .product-bullets li.active a span {background: rgba(51, 153, 255,1) !important;}
.mainstyle5 .fancybox-container .headphones, .mainstyle5.fancybox-active .footer .subtitle svg {fill:rgba(51, 153, 255,1);}
.mainstyle5 .slidecontent.sc_statistics {color:rgba(51, 153, 255,1);}
.mainstyle5 .fancybox-container .bg_hph {background: #000;}

/* farbwelt 6  (Labor der Moderne)*/
.mainstyle6 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle6 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle6 .slidecontent.sc_char,
.mainstyle6 .slidecontent.sc_vergleich .sc_thema1, .mainstyle6 .grid .inner .kacheltitel, .mainstyle6 .fancybox-content .subtitletext, .mainstyle6 .grid-item {background: rgba(0, 204, 255,1);}
.mainstyle6.grid-item, .grid .mainstyle6.grid-item .inner .kacheltitel, .mainstyle6 .product-bullets li.active a span {background: rgba(0, 204, 255,1) !important;}
.mainstyle6 .fancybox-container .headphones, .mainstyle6.fancybox-active .footer .subtitle svg {fill:rgba(0, 204, 255,1);}
.mainstyle6 .slidecontent.sc_statistics {color:rgba(0, 204, 255,1);}
.mainstyle6 .fancybox-container .bg_hph {background: #000;}

/* farbwelt 7  (Weimar und die Welt)*/
.mainstyle7 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle7 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle7 .slidecontent.sc_char,
.mainstyle7 .slidecontent.sc_vergleich .sc_thema1, .mainstyle7 .grid .inner .kacheltitel, .mainstyle7 .fancybox-content .subtitletext, .mainstyle7 .grid-item {background: rgba(255, 180, 102,1);}
.mainstyle7.grid-item, .grid .mainstyle7.grid-item .inner .kacheltitel, .mainstyle7 .product-bullets li.active a span {background: rgba(255, 180, 102,1) !important;}
.mainstyle7 .fancybox-container .headphones, .mainstyle7.fancybox-active .footer .subtitle svg {fill:rgba(255, 180, 102,1);}
.mainstyle7 .slidecontent.sc_statistics {color:rgba(255, 180, 102,1);}
.mainstyle7 .fancybox-container .bg_hph {background: #000;}

/* farbwelt 8  (Krisen und Herausforderungen)*/
.mainstyle8 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle8 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle8 .slidecontent.sc_char,
.mainstyle8 .slidecontent.sc_vergleich .sc_thema1, .mainstyle8 .grid .inner .kacheltitel, .mainstyle8 .fancybox-content .subtitletext, .mainstyle8 .grid-item {background: rgba(235, 204, 120,1);}
.mainstyle8.grid-item, .grid .mainstyle8.grid-item .inner .kacheltitel, .mainstyle8 .product-bullets li.active a span {background: rgba(235, 204, 120,1) !important;}
.mainstyle8 .fancybox-container .headphones, .mainstyle8.fancybox-active .footer .subtitle svg {fill:rgba(235, 204, 120,1);}
.mainstyle8 .slidecontent.sc_statistics {color:rgba(235, 204, 120,1);}
.mainstyle8 .fancybox-container .bg_hph {background: #000;}

/* farbwelt 9  (Demokratische Visionen)*/
.mainstyle9 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle9 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle9 .slidecontent.sc_char,
.mainstyle9 .slidecontent.sc_vergleich .sc_thema1, .mainstyle9 .grid .inner .kacheltitel, .mainstyle9 .fancybox-content .subtitletext, .mainstyle9 .grid-item {background: rgba(153, 102, 255,1);}
.mainstyle9.grid-item, .grid .mainstyle9.grid-item .inner .kacheltitel, .mainstyle9 .product-bullets li.active a span {background: rgba(153, 102, 255,1) !important;}
.mainstyle9 .fancybox-container .headphones, .mainstyle9.fancybox-active .footer .subtitle svg {fill:rgba(153, 102, 255,1);}
.mainstyle9 .slidecontent.sc_statistics {color:rgba(153, 102, 255,1);}
.mainstyle9 .fancybox-container .bg_hph {background: #000;}

/*individuelle styles je slide*/

/* fancybox-active -> bg schwarz */
/*.fancybox-active .footer {background: #000 !important;}
.fancybox-active .footer .start svg, .fancybox-active .footer .impr svg, .fancybox-active #volumebox svg {fill: #fff !important;}
.fancybox-active .footer .subtitle svg {fill: #ffd300 !important;}
.fancybox-active .footer .lang, .fancybox-active .footer .lang {color:#fff !important;}
.fancybox-active .footer .lang a {color:#cfd0d0 !important;}
.fancybox-active .product-bullets li a span, .fancybox-active #volume, .fancybox-active .ui-slider-handle, .fancybox-content .ui-slider-handle {background:#fff !important;}
.fancybox-active .product-bullets li.active a span {background: #ccc !important;}
.fancybox-active .slidecontent.sc_interview, .fancybox-content .slidecontent.sc_interview {color:#ffd300 !important;}
.fancybox-active .slidecontent.sc_char, .fancybox-active .sc_thema2, .fancybox-content .slidecontent.sc_char, .fancybox-content .sc_thema2 {background:#fff !important; color: #000 !important;}
.fancybox-active .sc_thema1, .fancybox-content .sc_thema1 {color: #000 !important;}
.fancybox-active .zitat, .fancybox-active .vergleich, .fancybox-active .char, .fancybox-content .zitat, .fancybox-content .vergleich, .fancybox-content .char {color:#fff;}
*/
/* bg akzentfarbe */
.style1, .style1 .fancybox-slide--current, .style1 .footer, .style1.fancybox-content {background: #ccc !important;}
.style1 .footer .start svg, .style1  .footer .subtitle svg, .style1  .footer .impr svg, .style1  #volumebox svg {fill: #000 !important;}
.style1 .footer .lang, .style1 .signatur, .style1 .fi_thema, .style1 .fi_sp1, .style1 .fi_sp2,
.style1 .slidecontent.sc_frei .sc_thema .sc_title, .style1 .slidecontent.sc_char.sc_frei .sc_autor {color:#000;} {color:#000 !important;}
.style1 .footer .lang a, .style1.fancybox-content .sc_thema2 {color:#fff !important;}
.style1 .product-bullets li a span, .style1 .fancybox-navigation .fancybox-button--arrow_right div, .style1  #volume, .style1 .ui-slider-handle,
.style1 .fancybox-navigation .fancybox-button--arrow_left div, .style1.fancybox-content .sc_thema2 {background: #000 !important;}
.style1 .product-bullets li.active a span, .style1.fancybox-content .slidecontent.sc_char, .style1.fancybox-content .sc_thema1, .style1.fancybox-content .subtitletext {background: #fff !important;}
.style1.fancybox-content .slidecontent.sc_interview, .style1.fancybox-content .slidecontent.sc_statistics, .style1.fancybox-content .zitat, .style1.fancybox-content .vergleich, .style1.fancybox-content .char {color:#000 !important;}

/* bg weiss */
.style2, .style2 .fancybox-slide--current, .style2 .footer, .style2.fancybox-content {background: #fff !important;}
.style2 .footer .start svg, .style2 .footer .subtitle svg, .style2 .footer .impr svg, .style2  #volumebox svg {fill: #000 !important;}
.style2 .footer .lang, .style2.fancybox-content .signatur, .style2.fancybox-content .slidecontent.sc_interview, .style2 .fi_thema, .style2 .fi_sp1, .style2 .fi_sp2 {color:#000 !important;}
.style2 .footer .lang a {color:#cfd0d0 !important;}
.style2 .product-bullets li a span, .style2 .fancybox-navigation .fancybox-button--arrow_right div, .style2  #volume, .style2  .ui-slider-handle, .style2 .fancybox-navigation .fancybox-button--arrow_left div, .style2.fancybox-content .sc_thema2 {background: #000 !important;}
.style2 .product-bullets li.active a span {background: #ccc !important;}
.style2.fancybox-content .slidecontent.sc_statistics, .style2.fancybox-content .zitat, .style2.fancybox-content .vergleich, .style2.fancybox-content .char,
.style2 .slidecontent.sc_char .sc_thema .sc_title, .style2 .slidecontent.sc_char .sc_autor, .style2 .slidecontent.sc_vergleich .sc_thema1 .sc_title, .style2 .slidecontent.sc_vergleich .sc_thema1 .sc_autor {color:#000 !important;}
.style2.fancybox-content .statistics, .style2.fancybox-content .slidecontent.sc_char {background:#ccc !important;}
.style2.fancybox-content .sc_thema2 {color:#fff !important;}
.style2.fancybox-content .interview {background:#ccc !important;}

/* bg schwarz */
.style3, .style3 .fancybox-slide--current, .style3 .footer, .style3.fancybox-content {background: #000 !important;}
.style3 .footer .start svg, .style3  .footer .subtitle svg, .style3  .footer .impr svg, .style3  #volumebox svg {fill: #fff !important;}
.style3 .footer .lang, .style3.fancybox-content .signatur, .style3.fancybox-content .slidecontent {color:#fff !important;}
.style3 .footer .lang a {color:#888 !important;}
.style3  #volume {background:#fff;}
.style3 .fancybox-navigation .fancybox-button--arrow_right div, .style3  .ui-slider-handle, .style3 .fancybox-navigation .fancybox-button--arrow_left div {background: #ccc !important;}
.style3.fancybox-content .slidecontent.sc_interview, .style3.fancybox-content .slidecontent.sc_statistics {color:#ccc !important;}
.style3.fancybox-content .slidecontent.sc_char, .style3.fancybox-content .sc_thema2 {background:#fff !important; color: #000 !important;}
.style3.fancybox-content .sc_thema1 {color: #000 !important;}
.style3.fancybox-content .zitat, .style3.fancybox-content .vergleich, .style3.fancybox-content .char {color:#ccc;}


/* farbwelt 1  (gelb)*/

/* bg akzent */
.mainstyle1.style1, .mainstyle1.style1 .fancybox-slide--current, .mainstyle1.style1 .footer, .mainstyle1 .style1.fancybox-content {background: #ffd300 !important;}

/* bg weiss */
.mainstyle1 .style2.fancybox-content .statistics, .mainstyle1 .style2.fancybox-content .slidecontent.sc_char, .mainstyle1 .style2.fancybox-content .interview, .mainstyle1.style2 .product-bullets li.active a span {background:#ffd300 !important;}

/* bg schwarz */
.mainstyle1 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle1 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle1 .style3.fancybox-content .zitat, .mainstyle1 .style3.fancybox-content .vergleich, .mainstyle1 .style3.fancybox-content .char  {color:#ffd300 !important;}
.mainstyle1.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle1.style3  .ui-slider-handle, .mainstyle1.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: #ffd300 !important;}



/* farbwelt 4  (Revolution und Aufbruch)*/

/* bg akzent */
.mainstyle4.style1, .mainstyle4.style1 .fancybox-slide--current, .mainstyle4.style1 .footer, .mainstyle4 .style1.fancybox-content {background: rgba(255, 102, 102,1) !important;}

/* bg weiss */
.mainstyle4 .style2.fancybox-content .statistics, .mainstyle4 .style2.fancybox-content .slidecontent.sc_char, .mainstyle4 .style2.fancybox-content .interview, .mainstyle4.style2 .product-bullets li.active a span {background:rgba(255, 102, 102,1) !important;}

/* bg schwarz */
.mainstyle4 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle4 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle4 .style3.fancybox-content .zitat, .mainstyle4 .style3.fancybox-content .vergleich, .mainstyle4 .style3.fancybox-content .char  {color:rgba(255, 102, 102,1) !important;}
.mainstyle4.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle4.style3  .ui-slider-handle, .mainstyle4.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(255, 102, 102,1) !important;}


/* farbwelt 5  (Republikanischer Alltag)*/

/* bg akzent */
.mainstyle5.style1, .mainstyle5.style1 .fancybox-slide--current, .mainstyle5.style1 .footer, .mainstyle5 .style1.fancybox-content {background: rgba(51, 153, 255,1) !important;}

/* bg weiss */
.mainstyle5 .style2.fancybox-content .statistics, .mainstyle5 .style2.fancybox-content .slidecontent.sc_char, .mainstyle5 .style2.fancybox-content .interview, .mainstyle5.style2 .product-bullets li.active a span {background:rgba(51, 153, 255,1) !important;}

/* bg schwarz */
.mainstyle5 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle5 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle5 .style3.fancybox-content .zitat, .mainstyle5 .style3.fancybox-content .vergleich, .mainstyle5 .style3.fancybox-content .char  {color:rgba(51, 153, 255,1) !important;}
.mainstyle5.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle5.style3  .ui-slider-handle, .mainstyle5.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(51, 153, 255,1) !important;}


/* farbwelt 6  (Labor der Moderne)*/

/* bg akzent */
.mainstyle6.style1, .mainstyle6.style1 .fancybox-slide--current, .mainstyle6.style1 .footer, .mainstyle6 .style1.fancybox-content {background: rgba(0, 204, 255,1) !important;}

/* bg weiss */
.mainstyle6 .style2.fancybox-content .statistics, .mainstyle6 .style2.fancybox-content .slidecontent.sc_char, .mainstyle6 .style2.fancybox-content .interview, .mainstyle6.style2 .product-bullets li.active a span {background:rgba(0, 204, 255,1) !important;}

/* bg schwarz */
.mainstyle6 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle6 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle6 .style3.fancybox-content .zitat, .mainstyle6 .style3.fancybox-content .vergleich, .mainstyle6 .style3.fancybox-content .char  {color:rgba(0, 204, 255,1) !important;}
.mainstyle6.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle6.style3  .ui-slider-handle, .mainstyle6.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(0, 204, 255,1) !important;}


/* farbwelt 7  (Weimar und die Welt)*/

/* bg akzent */
.mainstyle7.style1, .mainstyle7.style1 .fancybox-slide--current, .mainstyle7.style1 .footer, .mainstyle7 .style1.fancybox-content {background: rgba(255, 180, 102,1) !important;}

/* bg weiss */
.mainstyle7 .style2.fancybox-content .statistics, .mainstyle7 .style2.fancybox-content .slidecontent.sc_char, .mainstyle7 .style2.fancybox-content .interview, .mainstyle7.style2 .product-bullets li.active a span {background:rgba(255, 180, 102,1) !important;}

/* bg schwarz */
.mainstyle7 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle7 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle7 .style3.fancybox-content .zitat, .mainstyle7 .style3.fancybox-content .vergleich, .mainstyle7 .style3.fancybox-content .char  {color:rgba(255, 180, 102,1) !important;}
.mainstyle7.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle7.style3  .ui-slider-handle, .mainstyle7.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(255, 180, 102,1) !important;}


/* farbwelt 8  (Krisen und Herausforderungen)*/

/* bg akzent */
.mainstyle8.style1, .mainstyle8.style1 .fancybox-slide--current, .mainstyle8.style1 .footer, .mainstyle8 .style1.fancybox-content {background: rgba(235, 204, 120,1) !important;}

/* bg weiss */
.mainstyle8 .style2.fancybox-content .statistics, .mainstyle8 .style2.fancybox-content .slidecontent.sc_char, .mainstyle8 .style2.fancybox-content .interview, .mainstyle8.style2 .product-bullets li.active a span {background:rgba(235, 204, 120,1) !important;}

/* bg schwarz */
.mainstyle8.style3 .fancybox-content .slidecontent.sc_interview, .mainstyle8 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle8.style3 .fancybox-content .zitat, .mainstyle8 .style3.fancybox-content .vergleich, .mainstyle8 .style3.fancybox-content .char  {color:rgba(235, 204, 120,1) !important;}
.mainstyle8.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle8.style3  .ui-slider-handle, .mainstyle8.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(235, 204, 120,1) !important;}


/* farbwelt 9  (Demokratische Visionen)*/

/* bg akzent */
.mainstyle9.style1, .mainstyle9.style1 .fancybox-slide--current, .mainstyle9.style1 .footer, .mainstyle9 .style1.fancybox-content {background: rgba(153, 102, 255,1) !important;}

/* bg weiss */
.mainstyle9 .style2.fancybox-content .statistics, .mainstyle9 .style2.fancybox-content .slidecontent.sc_char, .mainstyle9 .style2.fancybox-content .interview, .mainstyle9.style2 .product-bullets li.active a span {background:rgba(153, 102, 255,1) !important;}

/* bg schwarz */
.mainstyle9 .style3.fancybox-content .slidecontent.sc_interview, .mainstyle9 .style3.fancybox-content .slidecontent.sc_statistics,
.mainstyle9 .style3.fancybox-content .zitat, .mainstyle9 .style3.fancybox-content .vergleich, .mainstyle9 .style3.fancybox-content .char  {color:rgba(153, 102, 255,1) !important;}
.mainstyle9.style3 .fancybox-navigation .fancybox-button--arrow_right div, .mainstyle9.style3  .ui-slider-handle, .mainstyle9.style3 .fancybox-navigation .fancybox-button--arrow_left div {background: rgba(153, 102, 255,1) !important;}



/* fancybox fb_imggallery */
body .fb_imggallery {opacity:0; visibility:hidden; background: #000; left: 40px; top: 40px; bottom: 40px; height: calc(100% - 80px); width: calc(100% - 80px); max-height: calc(100% - 80px); max-width: calc(100% - 80px);}
/*body .fb_imggallery .fancybox-content {transform: none !important;}*/
body .fb_imggallery .fancybox-slide--current {background: none !important;}
body .fb_imggallery .fancybox-caption--separate {background: none; padding: 10px; text-align: left; margin: 0 !important; pointer-events: auto;}
body .fb_imggallery .fancybox-caption--separate svg {fill: #fff;}
body .fb_imggallery .fancybox-caption--separate .closeimg {float:right; cursor:pointer;}
body .fb_imggallery .fancybox-content {transform: none !important; width: 100% !important; height: 100% !important; margin:0 !important; padding:0 !important;}
body .fb_imggallery .fancybox-image {width: auto !important; height: auto !important; max-width:100%; max-height:100%;}

.fancybox-container.fb_impressum {z-index: 99998;}
#impressum, #impressum-1, body .fb_impressum, body .fb_impressum .fancybox-slide, #impressum-1.fancybox-content, body .fb_impressum .fancybox-is-open {background:none !important;}
body .fb_impressum .fancybox-bg, body .fb_impressum .fancybox-is-open .fancybox-bg {opacity:0.6 !important;}
body .fb_impressum  .slidecontent.sc_char .sc_thema, body .fb_impressum .slidecontent.sc_frei .sc_thema {width: auto; margin: 0; padding:0;}
body .fb_impressum .fancybox-slide, body .fb_impressum .fancybox-slide--current,
.mainstyle1 .fb_impressum .fancybox-slide--current, .mainstyle1.style1 .fb_impressum .fancybox-slide--current, .mainstyle1.style2 .fb_impressum .fancybox-slide--current, .mainstyle1.style3 .fb_impressum .fancybox-slide--current,
.mainstyle2 .fb_impressum .fancybox-slide--current, .mainstyle2.style1 .fb_impressum .fancybox-slide--current, .mainstyle2.style2 .fb_impressum .fancybox-slide--current, .mainstyle2.style3 .fb_impressum .fancybox-slide--current,
.mainstyle3 .fb_impressum .fancybox-slide--current, .mainstyle3.style1 .fb_impressum .fancybox-slide--current, .mainstyle3.style2 .fb_impressum .fancybox-slide--current, .mainstyle3.style3 .fb_impressum .fancybox-slide--current,
.mainstyle4 .fb_impressum .fancybox-slide--current, .mainstyle4.style1 .fb_impressum .fancybox-slide--current, .mainstyle4.style2 .fb_impressum .fancybox-slide--current, .mainstyle4.style3 .fb_impressum .fancybox-slide--current,
.mainstyle5 .fb_impressum .fancybox-slide--current, .mainstyle5.style1 .fb_impressum .fancybox-slide--current, .mainstyle5.style2 .fb_impressum .fancybox-slide--current, .mainstyle5.style3 .fb_impressum .fancybox-slide--current,
.mainstyle6 .fb_impressum .fancybox-slide--current, .mainstyle6.style1 .fb_impressum .fancybox-slide--current, .mainstyle6.style2 .fb_impressum .fancybox-slide--current, .mainstyle6.style3 .fb_impressum .fancybox-slide--current,
.mainstyle7 .fb_impressum .fancybox-slide--current, .mainstyle7.style1 .fb_impressum .fancybox-slide--current, .mainstyle7.style2 .fb_impressum .fancybox-slide--current, .mainstyle7.style3 .fb_impressum .fancybox-slide--current,
.mainstyle8 .fb_impressum .fancybox-slide--current, .mainstyle8.style1 .fb_impressum .fancybox-slide--current, .mainstyle8.style2 .fb_impressum .fancybox-slide--current, .mainstyle8.style3 .fb_impressum .fancybox-slide--current,
.mainstyle9 .fb_impressum .fancybox-slide--current, .mainstyle9.style1 .fb_impressum .fancybox-slide--current, .mainstyle9.style2 .fb_impressum .fancybox-slide--current, .mainstyle9.style3 .fb_impressum .fancybox-slide--current
.mainstyle10 .fb_impressum .fancybox-slide--current, .mainstyle10.style1 .fb_impressum .fancybox-slide--current, .mainstyle10.style2 .fb_impressum .fancybox-slide--current, .mainstyle10.style3 .fb_impressum .fancybox-slide--current
{background:none !important;}


/* farbwelt einheitsbilder */
.mainstyle10 {padding-bottom: 80px;}
.mainstyle10 a {color: #fff;}
.mainstyle10 .header {position: relative; z-index: 56; margin: -30px -30px 2em -30px; padding-left: 30px; padding-right: 30px; font-family: 'D-DIN', sans-serif; font-size: 0.7em; line-height: 1em; display: flex; justify-content: space-between; align-items:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+24,000000+100&1+24,0+98 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 24%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 24%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 24%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.mainstyle10 .header .logo {display: inline-block; float: left;}
.mainstyle10 .header .logo a {display: block; padding:5px 0;}
.mainstyle10 .header a {color: #fff; text-decoration: none;}
.mainstyle10 .header a:hover, .mainstyle10 .header a:focus, .mainstyle10 .mainnav ul li a.rex-active, .mainstyle10 .mainnav ul li a.rex-current, .mainstyle10 .rnav a.rex-current {color:#068A45;}
.mainstyle10 .mainnav {display: inline-block; float: left; padding: 0 10px;}
.mainstyle10 .mainnav ul {list-style-type: none;}
.mainstyle10 .mainnav ul li {display: inline-block; padding: 0 1em 0.4em 1em; position: relative; letter-spacing: 0.1em;}
.mainstyle10 .mainnav ul li a {color: #fff; text-decoration: none; text-transform: uppercase;}
.mainstyle10 .mainnav ul li ul {display: none; position: absolute; width: 20em; z-index: 45; background-color: rgba(0,0,0,0.9); padding: 0.3em 1em 0.6em 1em; left: 0; font-size: 0.9em; line-height: 1.2em;}
.mainstyle10 .mainnav ul li ul li {display: block; letter-spacing: 0; padding: 0}
.mainstyle10 .mainnav ul li ul li a {display: block; padding: 0.1em 0; text-transform: none;}
.mainstyle10 .mainnav ul li:hover ul {display: block;}
.mainstyle10 .rnav {display: inline-block; float: right; padding: 0 0 0.4em 0;}
.mainstyle10, .mainstyle10 footer, .mainstyle10 .footer, .mainstyle10.grid-item, .mainstyle10.grid-item .kacheltitel {background: #000 !important; color:#fff;}
.mainstyle10 .footer {padding: 0 40px;}
.mainstyle10 .slidecontent.sc_char, .mainstyle10 .slidecontent.sc_vergleich .sc_thema1, .mainstyle10 .grid .inner .kacheltitel, .mainstyle10 .fancybox-content .subtitletext,
.mainstyle10 .grid-item {background: rgba(0,0,0,0.8); color:#fff;}
.mainstyle10 .fancybox-container .bg_hph {background: #068A45; color:#fff;}
.mainstyle10 .fancybox-container .headphones {fill:#000;}
.mainstyle10 .footer .start a svg {fill:#fff; width: 240px; height: 80px;}
.mainstyle10 .footer .lang a {color: #999;}
.mainstyle10 .slidecontent.sc_statistics {color:#fff;}
.mainstyle10 .kacheln h1 {font-size: 1em; background:#fff; color:#000; padding: 0.3em 0 0.2em 0;}
.mainstyle10 .kacheln h2 {font-size: 2em;}
.mainstyle10 .kacheln h3, .mainstyle10 .kacheln h4 {font-size: 0.8em;}
.mainstyle10 .kacheln .descr {font-size: 0.6em; line-height: 1.2em; font-family: 'D-DIN', sans-serif; font-weight: 200; padding-top: 0.5em;}
.mainstyle10 .kacheln .descr .mehr {display: block; text-align: center; border: 1px solid #fff; padding: 0.5em 0; text-transform: uppercase; margin: 0.7em 0 0 0;}
.mainstyle10 .kacheln .descr .mehr:hover, .mainstyle10 .kacheln .descr .mehr:focus {background-color:#068A45;}
.mainstyle10 .kacheln {margin:-1%; padding-bottom: 0;}
.mainstyle10 .grid .inner {padding: 0;}
.mainstyle10 .einleitung .inner {padding: 20px;}
.mainstyle10 .grid-sizer {margin:1%; width: 23%; max-width: 100%;}
.mainstyle10 .grid-item {height: 340px; margin:10px 1%; width: 23%; background:#fff !important; max-width: 100%;}
.mainstyle10 .grid-item--height2 {height:700px;}
.mainstyle10 .grid-item--width2 {width: 48%; max-width: 100%;}
.mainstyle10 .gallery-inner {display: flex; align-items: center;}
.mainstyle10 .einleitung {background:#fff !important; color:#068A45; font-size: 0.75em; line-height: 1.25em; border-color:#fff; border-bottom: 5px solid #fff !important; border-right: 5px solid #fff !important;}
.mainstyle10 .einleitung h1, .mainstyle10 .einleitung a {color:#068A45;}
.mainstyle10 .gallery-border {}
.mainstyle10 .product-bullets {}
.mainstyle10 .product-bullets li a span {background: #068A45 !important;}
.mainstyle10 .product-bullets li.active a span, .mainstyle10 .product-bullets li a span:hover, .mainstyle10 .product-bullets li a span:focus {background: #fff !important;}
.mainstyle10 .signatur {}
.mainstyle10 .fancybox-content .gallery-inner {height: auto; min-height: 100%;}
.mainstyle10 .subtitletext {width: 70%; left: 15%; bottom: 15px; padding: 15px 20px;}
.mainstyle10 .fancybox-content .subtitletext h2 {margin-bottom: 0.2em;}
.mainstyle10 .lastslide .subtitletext {}
.mainstyle10 .footer .start {max-width: 40%;}
.mainstyle10 .footer .subtitle {margin-left: 0;}
.mainstyle10 .footer .subtitle svg {margin-bottom: 12px;}
.mainstyle10 .fancybox-content {overflow: auto;}
.mainstyle10 .fancybox-content .subtitletext .closesubtitle {fill:#999; top: 10px; right: 10px;}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_left div, .mainstyle10 .fancybox-navigation .fancybox-button--arrow_right div {height:40px; border-radius: 50%;}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_left {}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_left div {}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_right {}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_right div {}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_right div svg, .mainstyle10 .fancybox-navigation .fancybox-button--arrow_left div svg {background:#666; border-radius: 50%;}
.mainstyle10 .fancybox-toolbar .fancybox-button--zoom, .mainstyle10 .fancybox-toolbar .fancybox-button--play {display: none;}
.mainstyle10 .fancybox-toolbar .fancybox-button--close {width: 40px; height: 40px; padding: 5px;}
.mainstyle10 .fancybox-toolbar .fancybox-button--close:hover, .mainstyle10 .fancybox-toolbar .fancybox-button--close:focus {background: #666;}
.mainstyle10 #volumebox {margin-top: 20px; margin-right: 0;}
.mainstyle10 #volume, .mainstyle10 .ui-slider-handle {background-color: #fff !important;}
.mainstyle10 .glossarlink a {background: #068A45; color: #000;}
.mainstyle10 .slidecontent.sc_char .sc_quelle {bottom: -1em;}
.mainstyle10 .slidecontent.sc_char .sc_quelle a {background: #444;}
.mainstyle10 .fb_imggallery {border: 3px solid #444;}
.mainstyle10 .char {color: #068A45;}
.mainstyle10 .slidecontent.frage_sc_char {right: 0; width: 77%; display: flex; align-items: center;}
.mainstyle10 .slidecontent.frage_sc_char .sc_thema {width: 100%; height: auto;}
.mainstyle10 .slidecontent.frage_sc_char .sc_autor, .mainstyle10 .slidecontent.sc_statistics, .mainstyle10 .slidecontent.sc_statistics .sc_thema,
.mainstyle10 .slidecontent.sc_statistics .sc_value, .mainstyle10 .slidecontent.sc_statistics .sc_quelle {position: static; max-width: 100%;}
.mainstyle10 .slidecontent.sc_statistics {max-width: 100%; padding-left: 23%;}
.mainstyle10 .statistics {width: 20%; margin-right: 2%; height: 400px; position: absolute; top:0; background: url(../images/statistics.svg) no-repeat 0 0; -webkit-mask: none !important; mask: none !important;	background-color: none !important;}
.mainstyle10 .slidecontent.sc_statistics .sc_title {font-size: 2.43em;}
.mainstyle10 .slidecontent.sc_char .sc_quelle {position: relative; float: right; right: 0; bottom: 0; margin-top: 0.6em;}
.mainstyle10 .fancybox-navigation .fancybox-button--arrow_right {right:1.2em;}
.mainstyle10 video {width:100%; height:auto; max-height: 100%; position:absolute;}

/* bg akzentfarbe */
.mainstyle10 .style1.fancybox-content {background: #068A45 !important;}
.mainstyle10 .style2 .fancybox-slide--current, .mainstyle10 .style2.fancybox-content .slidecontent.sc_char, .mainstyle10 .style2.fancybox-content,
.mainstyle10 .style2, .mainstyle10.style2 .fancybox-slide--current {background: #000 !important;}
.mainstyle10 .slidecontent.sc_char .sc_autor, .mainstyle10 .slidecontent.sc_char .sc_thema .sc_title {color: #fff !important;}
.mainstyle10 .slidecontent.sc_char {left: 0; right: 0; top:0; width: 70%; margin-left: auto;}
.mainstyle10 .slidecontent.sc_char .sc_thema, .mainstyle10 .slidecontent.sc_char .sc_autor {width: 100%; position: static; line-height: 1em;}
.mainstyle10 .slidecontent.sc_char .sc_thema .bild {float: right; margin: 1em 0 1em 1em;}
.mainstyle10 .slidecontent.sc_char {position: relative; padding-bottom: 85px;}
.mainstyle10 .slidecontent.sc_char .sc_autor p, .mainstyle10 .slidecontent.sc_char .sc_title p, .mainstyle10 .slidecontent p {margin-bottom: 0.5em !important;}
.mainstyle10 .zitat, .style2.fancybox-content .zitat {color: #068A45 !important; font-size: 7em; position: absolute; top: 0; bottom: 0; display: flex; align-items: center; width: auto; z-index: 67;}
.mainstyle10 .zitat2, .style2.fancybox-content .zitat2 {color: #068A45; font-size: 7em; position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; width: auto; z-index: 68; left:auto;}
.mainstyle10 .slidecontent.zitat_sc_char {padding-left: 6em; padding-right: 6em; width: 100%;}
.mainstyle10 .slidecontent.sc_char .sc_thema .sc_title {font-size: 2em;}
.mainstyle10 .interview {position:absolute; background-color: #068A45; -webkit-mask: url(../images/interview.svg) no-repeat 0 0; mask: url(../images/interview.svg) no-repeat 0 0; -webkit-mask-size: contain; mask-size: contain;}
.mainstyle10 .slidecontent.sc_interview .sc_title, .mainstyle10 .slidecontent .sc_thema, .mainstyle10 .slidecontent.sc_interview {position: static; height: auto;}
.mainstyle10 .slidecontent.sc_interview {margin-left: 20%; position: relative; left: 0; margin: 0 0 0 20%; right: 60px; width: auto;}
.mainstyle10 .slidecontent.sc_interview .sc_title {font-size: 2.5em;}

/*regionen*/
.regionen {position: absolute; z-index: 26; top:10%; left:0; right:0; bottom: 10%;}
.regioneninner {max-width: 1000px; min-height: 100%; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: right; position: relative;}
.regionen .regionen_header {position: absolute; z-index: 7; color: #ccc; font-size: 0.7em; right: 0; text-align: center; line-height: 1.3em;}
.regionen .box {width: 370px; background-color: #068A45; font-size: 0.65em; line-height: 1.2em; position: relative; z-index: 10;}
.regionen .box a {color:#fff;}
.regionen .box a:hover, .regionen .box a:focus {color:#000;}
.regionen .box .bild {width: 100%; height: 450px; clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%); background-size: cover; background-position: center;}
.regionen .box .text {padding: 1.5em 1.5em 1em 1.5em;}
.regionen .box .text p {margin: 0 0 0.6em 0;}
.regionen .box h2 {font-size: 2.5rem; font-weight: 200; font-family: 'D-DIN', sans-serif; line-height: 0.9em; margin-bottom: 0.5em;}
.regionen .box h2 b, .regionen .box h2 strong {font-family: 'D-DIN-Bold', sans-serif;}
.regionen .box h2 i, .regionen .box h2 em {text-transform: none; font-family: 'D-DIN', sans-serif; font-style: italic;}
.regionen .box .ansehen {text-decoration: none;}
.regionen .box .ansehen .icon, span.icon {color:#fff; border: 2px solid #fff; box-shadow: 0px 5px 5px #373737; background-color: rgba(0,0,0,0.6); border-radius: 50%; padding: 0.6em 0 0 0; display: inline-block; width: 3em; height: 3em; text-align: center; font-size: 0.8em; margin-right: 0.7em;}
.regionen .box .ansehen .icon .fa-play, span.icon .fa-play {margin-left: 0.2em;}
.regionen .regionen_areas {position: absolute; z-index: 5; top: 0; right: 0; font-size: 0.7em; height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: right top;}
.regionen .regionen_areas a, .regionen .regionen_areas a:hover, .regionen .regionen_areas a:focus {text-decoration: none; color:#999;}
.regionen .regionen_areas a .text {opacity: 0;}
.regionen .regionen_areas a:hover .text, .regionen .regionen_areas a:focus .text {opacity: 1;}
.regionen .regionen_areas .area {display: inline-block; font-size: 0.9em; white-space: nowrap;}
.regionen .regionen_areas .area .icon {color:#fff; border: 2px solid #068A45; -webkit-box-shadow: 0px 0px 8px #068A45; -moz-box-shadow: 0px 0px 8px #068A45; box-shadow: 0px 0px 8px #068A45; background-color: rgba(0,0,0,0.4); border-radius: 50%; padding: 0.3em 0 0 0; display: inline-block; width: 3em; height: 3em; text-align: center; font-size: 0.8em; margin-right: 0.7em;}
.regionen .regionen_areas .area .icon.active {-webkit-box-shadow: 0px 0px 28px #78ff00; -moz-box-shadow: 0px 0px 28px #78ff00; box-shadow: 0px 0px 28px #78ff00;}
.regionen .regionen_areas .area a:hover .text {background-color: rgba(20,20,20,0.7);}
.regionen .regionen_areas .area1 {display: inline-block; position: absolute; top: 14%; left: 58%;}
.regionen .regionen_areas .area2 {display: inline-block; position: absolute; top: 24%; left: 57%;}
.regionen .regionen_areas .area3 {display: inline-block; position: absolute; top: 29%; left: 62%;}
.regionen .regionen_areas .area4 {display: inline-block; position: absolute; bottom: 34%; left: 56%;}
.regionen .regionen_areas .area5 {display: inline-block; position: absolute; bottom: 10%; left: 70%;}
.regionen .regionen_areas .karte_areas_dummy {height: 100%; width: 100%; position: absolute; z-index: 2; opacity: 0;}
.regionen .regionen_areas .karte_areas_dummy img {height: 100%;}
.regionen .regionen_areas .regionen_areas_inner {position: absolute; right:0; top:0; z-index: 4; text-align: center; background-repeat: no-repeat; background-size: contain; background-position: right top;}

.startpage .logo {opacity: 0;}
.startpage .startbox {position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0;}
.startpage .backmedia {position: absolute; z-index: 4; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: right; overflow: hidden;}
.startpage .backmedia video {width: auto; height: auto; max-height: 200%; max-width: 200%; min-width: 100%; min-height: 100%;}
.startpage .backmedia picture img {width: 100%; height: 100%; object-fit: contain; overflow: hidden; object-position: right;}
.startpage .middlemedia {position: absolute; z-index: 8; top: 0; left: -50px; right: 0; bottom: 0;}
.startpage .regionen {top:20%; bottom:0;}
.startpage .regioneninner {margin: 0;}
.startpage .regionen .regionen_areas, .startpage .regionen .regionen_areas .regionen_areas_inner {left:0; right:auto;}
.startpage .frontmedia {position: absolute; z-index: 6; top: 0; left: 0; right: 0; bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+41,0+61 */
	background: -moz-linear-gradient(45deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 41%, rgba(0,0,0,0) 61%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 41%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 41%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.startpage .frontmedia picture img {width: 100%; height: 100%; object-fit: contain; overflow: hidden; object-position: left;}
.startpage .frontmedia .logo-big {position: absolute; z-index: 7; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/logo-zweizeilig.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.startpage .frontmedia .logo-koop {position: absolute; z-index: 7; top: 0; left: 3%; right: 3%; bottom: 7%; background-image: url(../images/kooperation.png); background-size:auto; background-repeat: no-repeat; background-position: bottom center;}

/* ---- grid for firefox, ausgabe3 = online version der anwendung ---- */
body.ausgabe3 .grid-sizer, body.ausgabe3 .grid-item {width: 360px !important; height:340px !important; margin:10px !important;}
body.ausgabe3 .grid-item--width2 { width: 740px !important;}
body.ausgabe3 .grid-item--height2 { height: 700px !important;}

@media only screen and (max-width: 1200px) {
	body.ausgabe3 .grid-sizer, body.ausgabe3 .grid-item {width: 300px !important; height:300px !important; margin:10px !important; font-size: 0.9em;}
	body.ausgabe3 .grid-item--width2 { width: 620px !important;}
	body.ausgabe3 .grid-item--height2 { height: 620px !important;}
	.mainstyle10 .slidecontent.zitat_sc_char {padding-left: 4em; padding-right: 4em;}
}
@media only screen and (max-width: 1050px) {
	body.ausgabe3 .grid-sizer, body.ausgabe3 .grid-item {width: 250px !important; height:250px !important; margin:10px !important; font-size: 0.8em;}
	body.ausgabe3 .grid-item--width2 { width: 520px !important;}
	body.ausgabe3 .grid-item--height2 { height: 520px !important;}
	.regionen {position: relative;}
	.mainstyle10 .header {flex-direction: column; border-bottom: 15px solid #068A45; padding-bottom: 0.7em; text-align: center;}
	.mainstyle10 .mainnav {margin: 0.7em 0;}
	.mainstyle10 .header .logo {width: 100%; text-align: center;}
	.mainstyle10 .header .logo img {width: 100%; max-width: 300px;}
	.startpage .header .logo {display: none;}
	.startpage.mainstyle10 .header {border: none; flex-direction: row;}
	.mainstyle10 .mainnav ul li ul {text-align: left;}
	.mainstyle10 .style2 .slidecontent.sc_char .sc_thema {padding-bottom: 0;}
	.mainstyle10 .style2 .slidecontent.sc_char .sc_thema .bild {margin-top: 0;}
	.mainstyle10 .slidecontent.sc_statistics .sc_value {font-size: 8em;}
	.mainstyle10 .slidecontent.zitat_sc_char {padding-left: 3em; padding-right: 3em;}
	.mainstyle10 .zitat, .style2.fancybox-content .zitat, .mainstyle10 .zitat2, .style2.fancybox-content .zitat2 {font-size: 5em;}
}
@media only screen and (max-width: 950px) {
    .grid-sizer, .grid-item {width: 32%; margin:0.5%;}
    .grid-item--width2 { width: 65%;}
		.regionen .regionen_areas {position: relative; background-position: center top;}
		.regionen .regionen_areas .karte_areas_dummy img {min-width: 70%; height: auto;}
		.regionen .regionen_areas .regionen_areas_inner {left: auto; right: auto; position: relative; margin: 0 auto;}
		.regionen .box {width: 100%;}
		.regionen .regionen_header {position: relative; width: 100% !important;}
		.mainstyle10 .subtitletext {left: 0; width: 100%; bottom: 0;}
		.mainstyle10 .product-bullets {display: none;}
		.mainstyle10 .slidecontent {padding: 0;}
		.mainstyle10 .slidecontent.sc_statistics .sc_value {font-size: 6.5em;}
		.mainstyle10 .slidecontent {margin-left: 10%; font-size: 0.9em;}
		.startpage .backmedia {position: relative; height: 55%; overflow: hidden;}
		/*.startpage .backmedia video {position: static; width: 100%; height: auto; min-width: auto; min-height: auto;}*/
		.startpage .frontmedia {height: 55%; width: 100%;}
		.startpage .frontmedia .logo-big {width: 100%; height: 100%;}
		.startpage .middlemedia {position: static; width: 100%; margin: 0 auto; left: 0;}
		.startpage .regionen .regionen_areas .karte_areas_dummy img {min-width: 100%;}
		@media only screen and (max-height: 700px) {
			.startpage .frontmedia, .startpage .backmedia {height: 75%;}
		}
		@media only screen and (max-height: 500px) {
			.startpage .frontmedia, .startpage .backmedia {height: 100%;}
		}
}
@media only screen and (max-width: 800px) {
    .grid-sizer, .grid-item {width: 49%; margin:0.5%;}
    .grid-item--width2 { width: 99%;}
		.startpage.mainstyle10 .header {flex-direction: column;}
		.startpage .frontmedia {background-position: center, left bottom;}
		.startpage .header .logo {opacity: 1; display: block;}
		.mainstyle10 .fancybox-container .bg_hph {width: 40px; height: 40px; padding: 0; top: 15px; right: 15px;}
		.mainstyle10 .fancybox-container .headphones {width: 25px; height: 25px;}
		.mainstyle10 .slidecontent {margin-left: 0 !important; font-size: 0.6em; padding: 5%;}
		.startpage .frontmedia .logo-big {background-size: contain; display: none;}
}
@media only screen and (max-width: 750px) {
	.absatz .tab-bild {max-width: 1000%;}
	.absatz .tab-text {width: 100%; position: relative;}
	.regionen .regionen_areas .karte_areas_dummy img {min-width: 85%;}
	body.mainstyle10 .absatz {padding: 0 0 1em 0;}
	body.mainstyle10 .absatz .tab-text {padding: 1em 1em 0.5em 1em;}
	body.mainstyle10 .absatz .tab-text h3 {margin-bottom: 0.7em;}
	.mainstyle10 .gallery-inner {display: block;}
	.mainstyle10 .char, .mainstyle10 .zitat, .mainstyle10 .zitat2 {display: block; width: 100%; text-align: right; height:1em; font-size: 3em; float: right; padding: 0 0.5em 0 0; margin: 0 0 0.4em 0; position: static; background: #068A45; color: #000;}
	.mainstyle10 .slidecontent.frage_sc_char, .mainstyle10 .slidecontent.sc_statistics, .mainstyle10 .slidecontent.zitat_sc_char, .mainstyle10 .slidecontent.sc_char {position: static; width: 100%; padding: 0;}
	.mainstyle10 .statistics {background-position: right; display: block; width: 100%; text-align: right; height:1em; font-size: 3em; float: right; padding: 0 0.5em 0 0; margin: 0 0 0.4em 0; position: static;}
	.mainstyle10 .zitat {width: 50%; float: left; text-align: left; padding-left: 0.5em;}
	.mainstyle10 .zitat2 {width: 50%;}
	.mainstyle10 .slidecontent.sc_statistics .sc_value {font-size: 5em;}
	.mainstyle10 #volumebox {width: 45%;}
	.regionen .regionen_areas .area a .text {background-color: rgba(20,20,20,0.7); color:#999; opacity: 1;}
	.regionen .regionen_areas .area .icon {width: 3.2em; height: 3.2em; padding-top: 0; font-size: 0.6em;}
	.mainstyle10 .zitat, .style2.fancybox-content .zitat, .mainstyle10 .zitat2, .style2.fancybox-content .zitat2 {font-size: 3em; width: 50%; display: inline-block; padding: 2%; line-height: 1em; position: static; margin: 0 0 0.2em 0; background-color: #000;}
	.mainstyle10 .slidecontent.sc_char .sc_thema .sc_title {font-size: 1.5em;}
}
@media only screen and (max-width: 650px) {
	body.mainstyle10 .grid-sizer, body.mainstyle10 .grid-item, body.ausgabe3 .grid-sizer, body.ausgabe3 .grid-item {margin-left: 5px !important; margin-right: 5px !important;}
	.regionen .regionen_areas .karte_areas_dummy img {width: 100%;}
	html, body {height: 100%;}
	.mainstyle10 .header {margin-bottom:1em;}
	.startpage .backmedia {position: relative; width: 100%; background-size: contain; background-position: center;}
	.startpage .backmedia img {width: 100%;}
	/*.startpage .frontmedia {position: relative; width: 100%; padding-top: 50px; background-image: url(../images/karte-start.png); background-size: contain; background-repeat: no-repeat;}*/
	.startpage .frontmedia img {margin-bottom: -70px;}
	.startpage .frontmedia .logo-big {position: relative; width: 100%;}
	.mainstyle10 .fancybox-content, .mainstyle10 .footer {padding-left: 20px; padding-right: 20px;}
	.regionen {top: 0;}
	.mainstyle10 .footer .subtitle svg {margin: 0;}
	.mainstyle10 .subtitletext {font-size: 0.5em; padding: 15px 40px 15px 5px;}
	.mainstyle10 .fancybox-content .subtitletext .closesubtitle {top: 5px; right: 50px;}
	.mainstyle10 .fancybox-content .subtitletext h2 {margin-right: 50px;}
	.startpage .middlemedia {margin: 0;}
}
@media only screen and (max-width: 550px) {
	.startpage .frontmedia .logo-koop {background-size: contain;}
	.mainstyle10 .style2 .slidecontent.sc_char .sc_thema .bild {margin: 0 0 0.6em 0; width: 100%;}
	.mainstyle10 .mainnav ul li ul {width: auto;}
}
@media only screen and (max-width: 400px) {
	.mainstyle10 .mainnav ul li {display: block; padding: 0 0 0.4em 0;}
	.regionen {top: 0;}
	.regionen .regionen_header {padding-bottom: 1em;}
	.regionen .regionen_areas .regionen_areas_inner {height: auto !important; padding-bottom: 1em;}
	.regionen .regionen_areas .area {position: static !important; width: 100%; padding: 0 0 0.6em 0; display: block !important;}
	body.mainstyle10 .grid-item {width: 100% !important;}
}
@media only screen and (max-height: 550px) {
	.mainstyle10 footer {display: none;}
}
@media (orientation: portrait) {
	@media only screen and (max-width: 750px) {
		.mainstyle10 .interview {position: static; height: 200px;}
		.mainstyle10 .slidecontent.sc_interview {padding: 1em 0 0 0;}
	}
	@media only screen and (max-width: 550px) {
		.mainstyle10 .interview {height: 100px;}
	}
}