/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.form-group,
.btn-group { margin-bottom:1em; overflow:hidden; }
label.form-check-label { width:100%; }
.form-check-label > span { float:right; width:95%; }

/* workaround for webinarform*/
form#workshopform h2 { display:none; }

.finisher-confirmation-message { width:100%; max-width:800px; margin:0 auto; padding:1em; border:1px solid #a0a0a0; border-radius:5px; }
.finisher-confirmation-message.infobox { background-color:#D9EDF7; border-color:#0f276d; color:#0f276d;}
.finisher-confirmation-message.infobox h3 { font-size:1.2em; margin-bottom:0.5em; }
.toggle-next-fieldset { cursor: pointer; color: #8da700; }

.video-shariff-play{position:relative;text-align:center;display:block}a.video-shariff-play img{display:inline-block}.video-shariff-preview{position:absolute;left:0;right:0;top:30%;text-align:center}.video-shariff-preview-overlay{background:rgba(255,255,255,0.6);display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all .4s cubic-bezier(0.165,0.84,0.44,1);transition:all .4s cubic-bezier(0.165,0.84,0.44,1)}a.video-shariff-play:hover .video-shariff-preview-overlay,a.video-shariff-play:focus .video-shariff-preview-overlay{background:transparent}.video-shariff-preview span{display:block;position:relative}.video-shariff-preview-icon{background:transparent;border-radius:.375rem;width:0;height:0;border-top:24px solid transparent;border-left:36px solid #000;border-bottom:24px solid transparent;margin:-1.45rem -2rem;left:50%}.video-shariff-preview-text{top:3rem;margin:0 auto;width:80%;font-weight:bold}@media screen and (min-width:800px){.video-shariff-preview{top:50%}.video-shariff-preview-text{width:60%}}

.typo3-messages { list-style:none; }
.typo3-messages .alert { width:100%; max-width:800px; margin:0 auto; padding:1em; border:1px solid #a0a0a0; border-radius:5px; color:#0f276d; }
.typo3-messages .alert-info { border-color:#0f276d; background-color:#D9EDF7; }
.typo3-messages .alert-warning { border-color:darkgreen; background-color:lightgreen; }
.typo3-messages .alert-error {}
.typo3-messages .alert-danger { border-color:red; background-color:lightcoral; }
.typo3-messages .alert-title { font-size:1.2em; margin-bottom:0.5em; }
.typo3-messages .alert-message { font-size:1em; }


.campaigncounter .staticLayer .countervalue { color:#202020; }
.campaigncounter .dynamicLayer h2 { font-size:1.5em; text-transform:none; }

.campaigncounter .dynamicLayer .progressbar_container {
    width: 100%;
    height: 48px;
    margin-bottom: 0.25em;
    border-bottom: 2px solid black; /*background-color:#004078;*/
}
.campaigncounter .dynamicLayer .progressbar { height:100%; /*background-color:#80A0BC;*/ text-align:right; }
.campaigncounter .dynamicLayer .progressbar .countervalue { display:block; margin-right:10px; margin-left:10px; padding-top:10px; color:white; }

.tx-userdata .sharer { text-align:center; border-radius:3px; }
.tx-userdata .sharer a { display:block; margin:32px; padding:16px; background-color:#ACB71E; color:white; font-size:18px; font-weight:bold; line-height:30px; text-decoration:underline; text-align: center; text-transform:uppercase; }
.tx-userdata .sharer a:hover { position:relative; top:1px; left:1px; }
.tx-userdata .sharer_facebook a { background-color:#3b5998; }
.tx-userdata .sharer_twitter a { background-color:#32ccfe; }
.tx-userdata .sharer_donate a { background-color:#fff; border:4px solid #ACB71E; color:#ACB71E; }
.tx-userdata .sharer_exampletext { width:100%; min-height:200px; }

/*
.cc-window { width:100%; }
.cc-message { font-size:0.875em; }

.cc-revoke.cc-bottom { left:auto; right:3em; padding: 0.5em 1.5em; font-size:0.875em; }
*/
.cc-compliance { flex-direction:row-reverse; }
.cc-window.cc-floating { padding:2em; max-width:100%; }
.cc-revoke { padding:0.5em 2em; }
.cc-window .cc-message { padding-right:2em; }
.cc-window .cc-message,
.cc-revoke { left:auto !important; right:3em; font-size:0.875em; }
.cc-btn { max-width:200px; min-width:120px; padding:0.25em 0.8em; line-height:1; }
.cc-dismiss { position: relative; left:1.0em; display:inline-block; min-width:auto; margin-left:1em; }
.cc-highlight .cc-btn.cc-dismiss { background-color:#b0b3b5; }
.no-touch .cc-highlight .cc-btn.cc-dismiss:hover { background-color:#808385; }

/* disable dismissing
.cc-btn.cc-dismiss { display:none; }
.cc-revoke { display:none; }
*/

@media screen and (max-width:800px) and (orientation:portrait),screen and (max-width:768px) and (orientation:landscape) {
    .cc-window.cc-banner { -ms-flex-direction:column; flex-direction:column; }
    .cc-window.cc-floating { max-width:100%; }
    .cc-window .cc-message { margin-bottom:2em; padding-right:0; }
    .cc-window.cc-banner { -ms-flex-align:unset; align-items:unset }
    .cc-window .cc-message,
    .cc-revoke { right:auto !important; font-size:0.75em;}
}
/**
 *  Reset
 */

* { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
ul { margin-bottom:0; }
li { margin-left:1.25em; }

table caption { display:none; }
th { text-align:left; vertical-align:top; }
td { vertical-align:top; }
fieldset { border:0; }

iframe { border:0; }

address { margin-bottom:0; font-style:normal; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/* CSS for Adaptive Images */
img, embed, object, video { max-width:100%; height:auto; }

::-webkit-input-placeholder { /* WebKit browsers */ color:#a0a0a0; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a0a0a0; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a0a0a0; opacity:1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a0a0a0; }

::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }



/**
 *  General helper classes
 *
 *
 */

.hidden { display:none !important; visibility: hidden; }

.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content:" "; display:table; }

.clearfix:after { clear:both; }

.clearfix { *zoom: 1; }

.cursor-pointer { cursor:pointer; }

.debug-info { display:inline-block; position:fixed; top:40px; left:20px; border:1px solid gray; padding:3px; background-color:white; opacity:0.5; font-size:11px; z-index:9999;}

.navi li { list-style:none; margin-left:0; }
.navi-horizontal { display:flex; }

/* Modernizr */
.browserupgrade { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }

/* Mediaqueries */
html { font-family:"default-screen"; }
body:after { content:"default-screen"; display:block; visibility:hidden; position:fixed; top:10px; left:20px; z-index:900;  border:1px solid #8a8a8a; padding:3px; background-color:white; opacity:0.75;  color:#8a8a8a; font-size:11px; }
body.debug:after { visibility:visible; }






/**
 *  The Layout
 *
 *  contains layout related style definitions
 */
.outerWrapper,
.contentWrapper { position:relative; width:100%; max-width:1800px; margin:0 auto; padding-left:1em; padding-right:1em; overflow:hidden;}
.contentWrapper.inner {  width:100%; max-width:calc(900px + 2em); margin:0 auto; padding-left:1em; padding-right:1em; }

.pageHeader .contentWrapper { position:relative; display:flex; flex-wrap:wrap; }

.outerWrapper .contentWrapper { padding-left:0; padding-right:0; }

.logo { max-width:300px; }
.logo .ce-notext .ce-gallery,
.logo .ce-gallery { padding:1em 0.75em; margin-bottom:0; }

.pageFooter { margin-top:2em; }

.openMainnavi { position:absolute; right:1.5em; top:1.5em; z-index:10; width:31px; height:31px; color:transparent; background:#0f276d url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/mainnavi_toggleMainnavi-inverse.png') center center no-repeat; cursor:pointer; }
.closeMainnavi { margin:1.5em; width:31px; height:31px; color:transparent; background:#0f276d url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/mainnavi_closeMainnavi.png') center center no-repeat; cursor:pointer; }

.mainnaviWrapper .contentWrapper { padding-left:1.7em; padding-right:1.7em; padding-bottom:2em; }
.mainnaviWrapper__header { display:flex; justify-content:space-between; }
.mainnaviWrapper__logo { margin:1.5em; }
.mainnavi { justify-content:space-between; width:100%; flex:1 1 100%; margin-bottom:1em; }

.mainnaviWrapper .metanavi { flex:1 1 calc(33.33% - 3em); margin-right:3em; }
.mainnaviWrapper .footernavi { flex:1 1 calc(33.33% - 3em); margin-right:calc(33.33% + 3em); }
.pageFooter .footernavi { display:flex; margin-bottom:2em; }

.frame-type-gridcontainer-2cols .gridcontainer { display:flex; }
.frame-type-gridcontainer-2cols .gridcontainer > div { width:calc(50% - 2.0em); }
.frame-type-gridcontainer-2cols .gridcontainer > div:first-child { margin-right:2.0em; }
.frame-type-gridcontainer-2cols .gridcontainer > div:last-child { margin-left:2.0em; }
.frame-type-gridcontainer-2cols .gridcontainer .frame { height:100%; display:flex; flex-direction:column; justify-content:space-between; }

.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-66-33 .gridcontainer { display:flex; }
.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-66-33 .gridcontainer > div:first-child { width:calc(66.666% - 0.5em); }
.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-66-33 .gridcontainer > div:last-child { width:calc(33.333% - 0.5em); min-width:400px; }

.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-33-66 .gridcontainer { display:flex; justify-content: space-between; }
.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-33-66 .gridcontainer > div:first-child { width:calc(33.333% - 0.5em); min-width:400px; }
.frame-type-gridcontainer-2cols.frame-layout-gridcolumns-33-66 .gridcontainer > div:last-child { width:calc(66.666% - 0.5em); }

.frame-type-gridcontainer-3cols .gridcontainer { display:flex; }
.frame-type-gridcontainer-3cols .gridcontainer > div { width:calc(33.333% - 0.6667em); margin-left:0.5em; margin-right:0.5em; }
.frame-type-gridcontainer-3cols .gridcontainer > div:first-child { margin-left:0; }
.frame-type-gridcontainer-3cols .gridcontainer > div:last-child { margin-right:0; }
.frame-type-gridcontainer-3cols .gridcontainer .frame { height:100%; display:flex; flex-direction:column; justify-content:space-between; }

.frame-type-gridcontainer-4cols .gridcontainer { display:flex; }
.frame-type-gridcontainer-4cols .gridcontainer > div { width:calc(25% - 0.75em); margin-left:0.5em; margin-right:0.5em; }
.frame-type-gridcontainer-4cols .gridcontainer > div:first-child { margin-left:0; }
.frame-type-gridcontainer-4cols .gridcontainer > div:last-child { margin-right:0; }
.frame-type-gridcontainer-4cols .gridcontainer .frame { height:100%; display:flex; flex-direction:column; justify-content:space-between; }

.backendlayout-defaultnonewsletterform .topvisual .frame-bgcolor-lightgray,
.backendlayout-defaultnonewsletterform .topvisual .frame-bgcolor-darkblue,
.backendlayout-defaultnonewsletterform .topvisual .frame-bgimage-yellowcloud,
.backendlayout-defaultnonewsletterform .topvisual .frame-bgimage-orangecloud,
.backendlayout-defaultnonewsletterform .topvisual .frame-bgimage-greencloud,
.backendlayout-defaultnonewsletterform .topvisual .frame-bgimage-bluecloud,
.backendlayout-default .topvisual .frame-bgcolor-lightgray,
.backendlayout-default .topvisual .frame-bgcolor-darkblue,
.backendlayout-default .topvisual .frame-bgimage-yellowcloud,
.backendlayout-default .topvisual .frame-bgimage-orangecloud,
.backendlayout-default .topvisual .frame-bgimage-greencloud,
.backendlayout-default .topvisual .frame-bgimage-bluecloud,
.pageFooter > div.frame-type-list:first-child { padding-top:4em; padding-bottom:4em; }


/**
 *  The Styling
 *
 *  contains design related style definitions
 */

/* General styles */
body { color:#0f276d; font-family:"Studio Pro",sans-serif; font-size:20px; font-weight:900; line-height:1.3; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3;
}

.frame-line-before { margin-top:2em; padding-top:1em; border-top:2px solid #0f276d; }
.frame-line-after { margin-bottom:2em; padding-bottom:1em; border-bottom:2px solid #0f276d; }

.fgcolor-gray { color:#ECF1F4; }
.fgcolor-white { color:#fff; }
.fgcolor-green { color:#22E54F; }
.fgcolor-red { color:#dd223a; }
.fgcolor-black { color:#202020; }

a.morelink.fgcolor-gray { color:#ECF1F4; }
a.morelink.fgcolor-white { color:#fff; }
a.morelink.fgcolor-green { color:#22E54F; }
a.morelink.fgcolor-red { color:#dd223a; }
a.morelink.fgcolor-black { color:#202020; }

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover { text-decoration:none; cursor:text; pointer-events:none; }


.bgcolor-transparent { background-color:transparent; }
.frame-bgcolor-white,
.bgcolor-white { background-color:white; }
.frame-bgcolor-lightgray,
.bgcolor-lightgray { background-color:#f0f0f0; }
.frame-bgcolor-yellow,
.bgcolor-yellow { background-color:#f2f09d; }
.frame-bgcolor-orange,
.bgcolor-orange { background-color:#f1cca9; }
.frame-bgcolor-lightgreen,
.bgcolor-lightgreen { background-color:#c0ffaa; }
.frame-bgcolor-blue,
.bgcolor-blue { background-color:#9bcfff; }
.frame-bgcolor-darkblue,
.bgcolor-darkblue { background-color:#0f276d; color:white; }

.frame-bgcolor-lightgray .tx-powermail,
.frame-bgcolor-darkblue .tx-powermail,
.ce-intext.ce-nowrap.ce-right .ce-bodytext,
.ce-intext.ce-nowrap.ce-left .ce-bodytext,
.ce-intext.ce-nowrap.ce-right .ce-gallery,
.ce-intext.ce-nowrap.ce-left .ce-gallery { padding-top:2em; padding-bottom:2em; }


/* Farbwolken-Effekte */
.frame-bgimage-yellowcloud,
.frame-bgimage-orangecloud,
.frame-bgimage-greencloud,
.frame-bgimage-bluecloud { position:relative; z-index:2; background-color:#f0f0f0; border-radius:5px; overflow:hidden; }

.frame-bgimage-yellowcloud:after,
.frame-bgimage-orangecloud:after,
.frame-bgimage-greencloud:after,
.frame-bgimage-bluecloud:after {
    content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index: -2;
    -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
    -webkit-transition: transform 800ms ease-in-out; -moz-transition: transform 800ms ease-in-out; transition: transform 800ms ease-in-out;
}
.frame-bgimage-yellowcloud:after { background: radial-gradient(circle, #f2f09d 0%, #f0f0f0 220px); }
.frame-bgimage-orangecloud:after { background: radial-gradient(circle, #f1cca9 0%, #f0f0f0 220px); }
.frame-bgimage-greencloud:after { background: radial-gradient(circle, #c0ffaa 0%, #f0f0f0 220px); }
.frame-bgimage-bluecloud:after { background: radial-gradient(circle, #9bcfff 0%, #f0f0f0 220px); }

.frame-bgimage-yellowcloud[data-href*="/"]:hover:after,
.frame-bgimage-orangecloud[data-href*="/"]:hover:after,
.frame-bgimage-greencloud[data-href*="/"]:hover:after,
.frame-bgimage-bluecloud[data-href*="/"]:hover:after,
.frame-bgimage-yellowcloud[data-href*="#c"]:hover:after,
.frame-bgimage-orangecloud[data-href*="#c"]:hover:after,
.frame-bgimage-greencloud[data-href*="#c"]:hover:after,
.frame-bgimage-bluecloud[data-href*="#c"]:hover:after { -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); }

.frame-bgimage-yellowcloud:before,
.frame-bgimage-orangecloud:before,
.frame-bgimage-greencloud:before,
.frame-bgimage-bluecloud:before {
    content:" "; position:absolute; top:0; left:0; width:100%; height:100%; z-index: -1; opacity:0;
    -webkit-transition: opacity 1200ms ease-in-out; -moz-transition: opacity 1200ms ease-in-out; transition: opacity 1200ms ease-in-out;
    -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms;
}
.frame-bgimage-yellowcloud:before { background:#f2f09d; }
.frame-bgimage-orangecloud:before { background:#f1cca9; }
.frame-bgimage-greencloud:before { background:#c0ffaa; }
.frame-bgimage-bluecloud:before { background:#9bcfff; }

.frame-bgimage-yellowcloud[data-href*="/"]:hover:before,
.frame-bgimage-orangecloud[data-href*="/"]:hover:before,
.frame-bgimage-greencloud[data-href*="/"]:hover:before,
.frame-bgimage-bluecloud[data-href*="/"]:hover:before,
.frame-bgimage-yellowcloud[data-href*="#c"]:hover:before,
.frame-bgimage-orangecloud[data-href*="#c"]:hover:before,
.frame-bgimage-greencloud[data-href*="#c"]:hover:before,
.frame-bgimage-bluecloud[data-href*="#c"]:hover:before {
    opacity:1;
}

.frame-bgimage-yellowcloud.frame-bgimage-cloud-only-header:after,
.frame-bgimage-orangecloud.frame-bgimage-cloud-only-header:after,
.frame-bgimage-greencloud.frame-bgimage-cloud-only-header:after,
.frame-bgimage-bluecloud.frame-bgimage-cloud-only-header:after {
    width:0; height:0;
}

.frame-bgimage-yellowcloud.frame-bgimage-cloud-only-header header:after,
.frame-bgimage-orangecloud.frame-bgimage-cloud-only-header header:after,
.frame-bgimage-greencloud.frame-bgimage-cloud-only-header header:after,
.frame-bgimage-bluecloud.frame-bgimage-cloud-only-header header:after {
    content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index: -2;
    -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
    -webkit-transition: transform 800ms ease-in-out; -moz-transition: transform 800ms ease-in-out; transition: transform 800ms ease-in-out;
}

.frame-bgimage-yellowcloud.frame-bgimage-cloud-only-header header { background: radial-gradient(circle, #f2f09d 0%, #f0f0f0 150px);}
.frame-bgimage-orangecloud.frame-bgimage-cloud-only-header header { background: radial-gradient(circle, #f1cca9 0%, #f0f0f0 150px); }
.frame-bgimage-greencloud.frame-bgimage-cloud-only-header header { background: radial-gradient(circle, #c0ffaa 0%, #f0f0f0 150px); }
.frame-bgimage-bluecloud.frame-bgimage-cloud-only-header header { background: radial-gradient(circle, #9bcfff 0%, #f0f0f0 150px); }

.frame-bgimage-cloud-only-header .ce-gallery img { border-top-left-radius:unset; border-top-right-radius:unset; }

.frame-link-whole-frame { cursor:pointer; }

/*
    Fontsize definitions

    XXL     65px/3.25em        H1
    XL      45px/2.25em                H2 homepage
    L       32px/1.6em         H2      H3 homepage
    M       24px/1.2em         H3      H4 homepage
    S       20px/1.0em         H4, P
    XS      17px/0.85em        H5, FIGCAPTION

*/
h1 { font-size:3.25em; line-height:1.1; }
.debug h1::before { content: "[H1 | XXL] " }

h2 { margin-bottom:60px; font-size:1.6em; line-height:1.2; }
.debug h2::before { content: "[H2 | L] " }
.backendlayout-default .content > div:last-child .frame-type-gridcontainer-2cols > div > header > h2,
.backendlayout-default .content > div:last-child .frame-type-gridcontainer-3cols > div > header > h2 { margin-bottom:20px; }

h3 { font-size:1.2em; line-height:1.2; }
.debug h3::before { content: "[H3 | M] " }

h4 { font-size:1.0em; line-height:1.3; }
.debug h4::before { content: "[H4 | S] " }

h5 { font-size:0.85em; line-height:1.3; }
.debug h5::before { content: "[H5 | XS] " }

/* homepage */
#c61 h1 { margin-bottom:0.92em; }
.home .pageContent h2 { margin-bottom:1em; font-size:2.25em; }
.debug .home .pageContent h2::before { content: "[H2 | XL] " }

.home .pageContent h3 { font-size:1.6em; }
.debug .home .pageContent h3::before { content: "[H3 | L] " }

.home .pageContent h4 { font-size:1.2em; }
.debug .home .pageContent h4::before { content: "[H4 | M] " }

.home .pageContent h5 { font-size:1.0em; }
.debug .home .pageContent h5::before { content: "[H5 | S] " }

p { font-size:1.0em; line-height:1.3; }

/* Page footer */
.pageFooter p { font-size:0.85em; }
.pageFooter h4 { font-size:1.2em; }

p,dt,table { margin-bottom:1em; }
li { margin-bottom:0.5em; }

a { -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
a.morelink { -ms-transition:0.8s; -moz-transition:0.8s; -webkit-transition:0.8s; -o-transition:0.8s; transition:0.8s; }
.no-touchevents a:hover { text-decoration:underline; }


.pageContent a,
.pageFooter a { color:inherit; }
.pageFooter > div:nth-child(2) a,
.pageFooter > div:nth-child(3) a { text-decoration:none; }


.frame h1 a,
.frame h2 a,
.frame h3 a,
.frame h4 a,
.frame h5 a { color:inherit; text-decoration:none; }
.frame h1 a:hover,
.frame h2 a:hover,
.frame h3 a:hover,
.frame h4 a:hover,
.frame h5 a:hover { text-decoration:none; }

p.bodytext {  }
p.bodytext-larger { font-size:110%; }
p.bodytext-smaller { font-size:90%; }

.content .outerWrapper .frame { border-radius:5px; }
.content .border-radius-0 .frame { border-radius:5px; }

.pageContent .frame header,
.pageContent .frame .ce-bodytext { padding:0.5em 0; }

.pageContent .frame-bgcolor-lightgray header,
.pageContent .frame-bgcolor-darkblue header,
.pageContent .frame-bgcolor-lightgray .ce-gallery,
.pageContent .frame-bgcolor-darkblue .ce-gallery,
.home .pageContent .frame header,
.home .pageContent .frame .ce-bodytext,
.gridcontainer .frame-bgimage-greencloud header,
.gridcontainer .frame-bgimage-greencloud .ce-bodytext,
.gridcontainer .frame-bgimage-bluecloud header,
.gridcontainer .frame-bgimage-bluecloud .ce-bodytext,
.gridcontainer .frame-bgimage-orangecloud header,
.gridcontainer .frame-bgimage-orangecloud .ce-bodytext,
.gridcontainer .frame-bgimage-yellowcloud header,
.gridcontainer .frame-bgimage-yellowcloud .ce-bodytext { padding:0.5em 1em; }

.frame .ce-bodytext header { padding:1em 0; }

.frame.frame-type-gridcontainer-2cols header,
.frame.frame-type-gridcontainer-3cols header,
.frame.frame-type-gridcontainer-4cols header { padding-bottom:2em; }

.ce-textpic p+h3,
.ce-textpic ul+h3 { margin-top:1.5em; margin-bottom:0.75em; }
.ce-textpic p+h4,
.ce-textpic ul+h4 { margin-top:1em; margin-bottom:0.5em; }

/* page header, icon center vertically */
.topvisual > div.outerWrapper:first-child > div.frame .ce-textpic { display:flex; flex-direction:row-reverse; justify-content: start; align-items:center; }
.topvisual > div.outerWrapper:first-child > div.frame .ce-textpic .ce-bodytext { min-width:550px; }
.topvisual > div.outerWrapper:first-child > div.frame .ce-textpic .ce-gallery { float:none; }

.ce-notext.ce-below .ce-gallery { margin-top:0; }
.ce-intext.ce-right .ce-gallery { margin-bottom:0; }
.ce-left.ce-below .ce-gallery { padding-left:1em; padding-bottom:1em; }
.ce-right.ce-below .ce-gallery { padding-right:1em; padding-bottom:1em; }
.ce-right .ce-column { float:right; }
.ce-gallery img { border-radius:5px;  }
.ce-gallery figcaption { display:block; margin-top:0.75em; font-size:0.875em; font-weight:600; text-align:center; }

#c61 .ce-below .ce-gallery { margin-top:0; }

.gridcontainer .ce-textpic.ce-below { display:flex; flex-direction:column; justify-content:space-between; }

.frame-infobox-with-icon header { padding-bottom:0; }
.frame-infobox-with-icon .ce-textpic { display:flex; flex-direction:row-reverse; }
.frame-infobox-with-icon .ce-textpic.ce-below { flex-direction:row; }
.frame-infobox-with-icon .ce-textpic .ce-gallery { flex:1 1 33%; float:none; padding-right:1em; padding-bottom:1em; margin-left:17%; margin-top:0; margin-right:0; margin-bottom:0; }
.frame-infobox-with-icon .ce-textpic .ce-bodytext { flex:1 1 50%; display:flex; flex-direction:column; justify-content: flex-end; }
.frame-infobox-with-icon .ce-textpic.ce-nowrap .ce-bodytext { justify-content: space-between; }

.ce-gallery[data-ce-columns="2"] .ce-column { width:calc(50% - 1.25em); margin-right:2.5em; }
.ce-gallery[data-ce-columns="2"] .ce-column:last-child { margin-right:0; }
.ce-gallery[data-ce-columns="3"] .ce-column { width:calc(33.33% - 1.666em); margin-right:2.5em; }
.ce-gallery[data-ce-columns="3"] .ce-column:last-child { margin-right:0; }
.ce-gallery[data-ce-columns="4"] .ce-column { width:calc(25% - 1.875em); margin-right:2.5em; }
.frame-image-shadow .ce-gallery[data-ce-columns="4"] .ce-column { width:25%; margin-right:0; }
.ce-gallery[data-ce-columns="4"] .ce-column:last-child { margin-right:0; }

.frame-gallery-padding-0 .ce-gallery  { padding:0; }

.ce-border img { border:1px solid #ccc; }

/* video content */
.ce-gallery .video-embed { border:0 solid white; border-radius:5px; }

.frame-space-before-extra-small { margin-top:1em; }
.frame-space-before-small { margin-top:2em; }
.frame-space-before-medium { margin-top:3em; }
.frame-space-before-large { margin-top:4em; }
.frame-space-before-extra-large { margin-top:11.5em; }
.frame-space-after-extra-small { margin-bottom:1em; }
.frame-space-after-small { margin-bottom:2em; }
.frame-space-after-medium { margin-bottom:3em; }
.frame-space-after-large { margin-bottom:4em; }
.frame-space-after-extra-large { margin-bottom:11.5em; }
.frame-type-contentlist_videoslider { margin-bottom:calc(80px + 110px); }

.frame-type-slogan { display:flex;flex-direction:column;justify-content:center; height:800px; }
.frame-type-slogan header p.slogan { margin-left:3em; }
.frame-type-slogan header p.slogan span { display:inline-block; margin-bottom:0.25em; padding:0 0.1875em 0.1em 0.1875em; background-color:white; border-radius:5px; line-height:1; }

.csc-frame-twocolumns { column-count:2; column-gap:20px;-webkit-column-count:2; -webkit-column-gap:20px; -moz-column-count:2; -moz-column-gap:20px; }
.csc-frame-threecolumns { column-count:3; column-gap:20px;-webkit-column-count:3; -webkit-column-gap:20px; -moz-column-count:3; -moz-column-gap:20px; }

/* News*/
.home .gridcontainer .frame-type-list { display:flex; flex-direction:column; justify-content: space-between; }
.home #c275 { justify-content:flex-start; }
.home .gridcontainer .frame-type-list .news { padding:1.0em; }
.home .news-list-view { padding-bottom:1.5em; }
.home .news-list-view .article { display:flex; flex-direction:column; }
.home .news-list-view .article > .header { order:3; }
.home .news-list-view .article > .header h4 { padding:0 70px; font-size:1.0em; text-align:center; }
.home .news-list-view .article > .news-img-wrap { order:1; margin:0 0 2em 0; float:none; background:transparent; }
/* .home .news-list-view .article > .news-img-wrap > a,*/
.home .news-list-view .article > .news-img-wrap > .mediaelement > a,
.home .news-list-view .article > .news-img-wrap > .mediaelement > .mediaelement-video > a:first-child { display:none; }
.home .news-list-view .article > .news-img-wrap > a { padding:0; }
.home .news-list-view .article > .news-img-wrap a.video-shariff-play { float:none; width:100%; padding:0; border:none; background:transparent; }
.home .news-list-view .article > .news-img-wrap a.video-shariff-play img { float:none; display:block; width:100%; border-radius:5px; }
.home .news-list-view .article > .teaser-text { display:none; }
.home .news-list-view .article > .footer { order:2; }
.home .news-list-view .article > .footer > p { margin-bottom:0.5em; text-align:center; }
.home .news-list-view .article > .footer .news-list-date { font-size:0.85em; color:#0f276d; }
.news .swiper-button-next::after,
.news .swiper-button-prev::after { content: ""; }
.news .swiper-button-next,
.news .swiper-button-prev { top:45%; width:46px; height:46px; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; border:1px solid white; border-radius:50%;}
.news .swiper-button-next { right:0; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.news .swiper-button-prev { left:0; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-prev.svg') center center no-repeat; }
.news .video-shariff-preview-text { font-size:0.75em; }

.eventnewsWrapper { display:flex; width:100%; justify-content: space-between; border-top:1px solid #0f276d; }
.news .article { margin-bottom:0; padding-bottom:0; }
.news-list-view > div.article:last-child > .eventnewsWrapper { border-bottom:1px solid #0f276d; }
.no-touchevents .news-list-view .eventnewsWrapper:hover { background-color:#f2f09d; }
.news-list-view .eventnewsWrapper a { display:block; height:100%; text-decoration:none; }
.no-touchevents .news-list-view .eventnewsWrapper a:hover { text-decoration:none; }
.eventnewsWrapper .eventnews__date { flex: 1 1 225px; padding:1em; }
.news-list-view .eventnewsWrapper .eventnews__date p { line-height:0.8; }
.eventnewsWrapper .eventnews__date .eventnews-list-date { display:inline-block; margin-bottom:20px; font-size:3.25em; }
.eventnewsWrapper .eventnews__date .eventnews-list-time,
.eventnewsWrapper .eventnews__date .eventnews-list-category { font-size:0.875em; }
.eventnewsWrapper .eventnews__image { flex: 1 1 225px; padding:0.5em; }
.eventnewsWrapper .eventnews__image .news-img-wrap { float:none; width:100%; height:100%; margin:0; border-radius:5px; }
.eventnewsWrapper .eventnews__image img { border-radius:5px; }
.eventnewsWrapper .eventnews__text { flex: 1 1 calc(100% - 450px); padding:1em; }
.eventnewsWrapper .eventnews__text h3 { margin-bottom:0.5em; }
.eventnewsWrapper .eventnews__text p { font-size:0.875em; }

.home .eventnewsWrapper { padding-top:0.5em; border-top:none; border-bottom:1px solid #0f276d; }
.home .eventnewsWrapper .eventnews__date { flex: 1 1 160px; padding:0 1em 0 0; }
.home .eventnewsWrapper .eventnews__date p { margin-bottom:0; }
.home .eventnewsWrapper .eventnews__date .eventnews-list-date { font-size:2.25em; position:relative; top:8px; }
.home .eventnewsWrapper .eventnews__date .eventnews-list-time,
.home .eventnewsWrapper .eventnews__date .eventnews-list-category { display:none; }
.home .eventnewsWrapper .eventnews__text { flex: 1 1 calc(100% - 160px); padding:0; }
.home .eventnewsWrapper .eventnews__text h3 { font-size:1em; }
.home .eventnewsWrapper .eventnews__text .teaser-text { display:none; }
.home .eventnewsWrapper .eventnews__image { display:none; }

.news-single > div.article > div.outerWrapper:first-child .frame-bgcolor-lightgray { border-radius:5px; padding-top:4em; padding-bottom:4em; }
.news-single .outerWrapper .contentWrapper.inner { padding-left:1em; padding-right:1em; }
.news-single h1 { font-size:2.5em; }
.news-single .eventnewsWrapper { margin-top:80px; border-top:none; }
.news-single .eventnewsWrapper .eventnews__date { flex: 1 1 280px; padding:1em 0 1em 0; border-top:1px solid #202020; }
.news-single .eventnewsWrapper .eventnews__text { flex: 1 1 calc(100% - 280px); padding:1em 0 5em 2em; border-top:1px solid #202020; }
.eventnews-single-date,
.eventnews-single-time { font-size:1.6em; }
.eventnews-single-time { display:inline-block; margin-bottom:1em; }
.eventnews-single__button { padding:0.5em 1em; border-color:#0f276d; border-radius:5px; background-color:#0f276d; color:white; font-size:1em; text-decoration:none; }
.eventnews-single__button a { text-decoration:inherit; }
.no-touchevents .eventnews-single__button:hover { opacity:0.8; }
.no-touchevents .eventnews-single__button a:hover { text-decoration:inherit; }
.news-single .news-backlink-wrap { padding-top:2em; padding-bottom:2.25em; }

.mainnaviWrapper .metanavi { padding-top:1em; overflow:hidden; border-top:1px solid white; }
.mainnaviWrapper .metanavi > li { color:white; }
.mainnaviWrapper .metanavi > li > a { color:inherit; text-decoration:none; }
.mainnaviWrapper .metanavi > li.active > a,
.no-touchevents .mainnaviWrapper .metanavi > li > a:hover { text-decoration:underline; }

.mainnaviWrapper .footernavi { padding-top:1em; overflow:hidden; border-top:1px solid white; }
.mainnaviWrapper .footernavi > li { color:white; }
.mainnaviWrapper .footernavi > li > a { color:inherit; text-decoration:none; }
.mainnaviWrapper .footernavi > li.active > a,
.no-touchevents .mainnaviWrapper .footernavi > li > a:hover { text-decoration:underline; }

.pageFooter .footernavi > li { font-size:0.85em; margin-right:1em; }

.mainnavi { overflow:hidden; }
.mainnavi.level1 > li {  }
.mainnavi a { text-decoration:none; }
.mainnavi > li > a {  }
.mainnavi > li.active { }
.mainnavi > li.active > a,
.no-touchevents .mainnavi > li> a:hover { }

.mobilenavi { position:absolute; left:0; top:0; z-index:20; width:100%; text-align:left; background-color:#0f276d; color: white; }
.mobilenavi a { color:white; }
.mobilenavi a:hover,
.mobilenavi li.active > a { opacity:0.5; text-decoration:none; }
.mobilenavi ul.mainnavi > li { flex:1 1 33%; padding-right:3em; }
.mobilenavi ul.mainnavi > li > a { display:block; border-bottom:1px solid white; font-size:2.13em; }
.mobilenavi ul.mainnavi > li:first-child > a { color:#c0ffaa; cursor:default; }
.mobilenavi ul.mainnavi > li:nth-child(2) > a { color:#9bcfff; cursor:default; }
.mobilenavi ul.mainnavi > li:nth-child(3) > a { color:#f1cca9; cursor:default; }
.mobilenavi ul.mainnavi > li:first-child > a:hover,
.mobilenavi ul.mainnavi > li:nth-child(2) > a:hover,
.mobilenavi ul.mainnavi > li:nth-child(3) > a:hover { opacity:1; }
.mobilenavi ul ul li { display:block; float:none; margin:1em 0; }

/* Powermail */
form.powermail_form > h3,
fieldset.powermail_fieldset > legend { display:none; }
.powermail_fieldwrap { margin-bottom:1em; }
.powermail_fieldwrap_type_check .powermail_field { margin-top:0.5em; }
.powermail_fieldwrap_type_check label { font-size:0.85em; }
.powermail_input,
.powermail_textarea { padding:0.375em; font-family:"Studio Pro",sans-serif; font-weight:500; font-size:1em; }
.powermail_submit { padding:7px 1em 8px; border:none; border-radius:5px; background-color:#0f276d; color:white; font-family:"Studio Pro",sans-serif; font-size:1.5em; font-weight:900; cursor:pointer;}
.powermail_submit:hover { opacity:0.5;}

/* powermail message box */
.powermail_message {
    background-color:#f8f9fa;
    border: 1px solid darkblue;
    padding: 1em;
    border-radius: 5px;
}


/* Form framework */
.frame-bgcolor-lightgray.frame-type-form_formframework { padding-top:2em; padding-bottom:2em; }
input[type=text],
textarea,
select { width:100%; max-width:600px; padding:0.5em; border:none; border-radius:5px; background-color:white; color:#0f276d; font-family: "Studio Pro",sans-serif; font-size:1.2em; font-weight:500; }
input[type=text]:focus,
textarea:focus,
select:focus { background-color:#f2f09d; }
/*
input[type=checkbox] { position:relative; z-index:0; display:block; }
input[type=checkbox]::after { content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #0f276d; border-radius:5px; z-index:1; }
input[type=checkbox] { visibility:hidden; z-index:2; }
input[type=checkbox]:checked::after { background-color:#0f276d; }
*/
.button a,
button[type=submit] { display:inline-block; padding:0.5em 2em; border:none; border-radius:5px; background-color:#0f276d; color:#fff; font-family: "Studio Pro",sans-serif; font-size:1.6em; cursor:pointer; text-decoration:none; }
.no-touchevents .button a:hover,
.no-touchevents button[type=submit]:hover { opacity:0.8; text-decoration:none; }


/* Slogan */
p.slogan{ font-size:3.0em;  }

/* Text & Media in page header */
.topvisual > div:first-child h1 + p.ce-subheadline { margin-top:1em; font-size:1.6em;}

/* Intro */
.frame-type-intro .ce-textpic li,
.frame-type-intro .ce-textpic p { font-size:1.2em; }

/* Contentlist accordeon */
.contentlist_accordeon__header { display:flex; margin-bottom:1.5em; margin-right:80px; }
.contentlist_accordeon__header span.number { position: relative; bottom: -17px; display:inline-block; width:100px; font-size:125px; line-height:1;}
.contentlist_accordeon__header h3 { position:relative; max-width:600px; padding:24px 60px 30px 30px; background-color:#9BCFFF; border-radius:20px; border-bottom-left-radius:0; font-size:1.6em; }
.contentlist_accordeon__header h3:before { content:" "; position:absolute; bottom:0; left:-20px; background:#9BCFFF url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/bg_arrow-left_inverse.png') -1px top no-repeat; background-size:21px 20px; width:20px; height:20px; }
.contentlist_accordeon__header h3 span.toggle-accordeon-body { position:absolute; bottom:0; right:-60px; display:block; border-radius:20px; width:40px; height:40px; background-color:#0f276d; background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/button_closed.png'); background-position:center center; background-repeat:no-repeat; background-size:50px 50px; cursor:pointer; }
.contentlist_accordeon__header h3 span.toggle-accordeon-body.opened { background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/button_opened.png'); }
.contentlist_accordeon__header span.time { position:absolute; bottom:0.625em; right:0.625em; font-size:0.625em; }
.contentlist_accordeon__body > dl { text-align:right; }
.contentlist_accordeon__body > dl > dt { position:relative; margin-right:20px; display:inline-block; padding:30px; background-color:#efefef; border-radius:20px; border-bottom-right-radius:0; text-align:right; }
.contentlist_accordeon__body > dl > dt:after { content:" "; position:absolute; bottom:0; right:-20px; background:#efefef url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/bg_arrow-right_inverse.png') right top no-repeat; width:20px; height:20px; }
.contentlist_accordeon__body > dl > dt span.headline { font-size:1.6em; }
.contentlist_accordeon__body > dl > dd { position:relative; max-width:500px; margin-bottom:2em; margin-left:20px; padding:30px;background:#0f276d; border-radius:20px; border-bottom-left-radius:0; color:white; text-align:left; }
.contentlist_accordeon__body > dl > dd:before { content:" "; position:absolute; bottom:0; left:-20px; background:#0f276d url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/bg_arrow-left_inverse.png') -1px top no-repeat; background-size:21px 20px; width:20px; height:20px;  }
.contentlist_accordeon__body > dl > dd h4 { font-size:1.6em; }
.contentlist_accordeon__body .faktencheck { position:relative; }
.contentlist_accordeon__body .faktencheck span.toggle-faktencheck { position:absolute; top:0; left:0; display:block; border-radius:20px; width:40px; height:40px; background-color:#fff; background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/button_faktencheck-closed.png'); background-position:center center; background-repeat:no-repeat; background-size:50px 50px; cursor:pointer; }
.contentlist_accordeon__body .faktencheck span.toggle-faktencheck.opened { background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/button_faktencheck-opened.png'); }
.contentlist_accordeon__body .faktencheck__body { margin-top:1.5em; }
/* Contentlist linkcollection */
.contentlist_linkcollection__image { max-width:100px; margin-bottom:2em; }
.contentlist_linkcollection__subitems { padding:0; border-top:1px solid #0f276d; }
.linkcollection__item { padding:0.5em 0; border-bottom:1px solid #0f276d; }
.contentlist_linkcollection__subitems a { display:block;
    -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;
}
.pagelayout-4 .contentlist_linkcollection__subitems a:hover { background-color:#f2f09d; }
.pagelayout-5 .contentlist_linkcollection__subitems a:hover { background-color:#c0ffaa; }
.pagelayout-6 .contentlist_linkcollection__subitems a:hover { background-color:#b3d4fc; }
.pagelayout-7 .contentlist_linkcollection__subitems a:hover { background-color:#f1cca9; }
.linkcollection__headline { padding-right:5em; font-size:1.125em; }
.linkcollection__body { display:flex; justify-content:space-between; }
.linkcollection__description { margin-bottom:0; padding-right:6em; }
.icon-more { display:inline-block; width:50px; height:50px; margin-top:1em; cursor:pointer; background:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/icon_more.svg') center center no-repeat; background-size:contain; }

/* Contentlist slider */
.contentlist_slider__text { padding:1.5em 5em 1.5em 1.5em; }
.contentlist_slider__text > p { font-size:1.2em; }
.contentlist_slider__text > p.big { font-size:5em; margin-bottom:0.25em; line-height:0.6; }
.contentlist_slider__text > div.source > p { font-size:0.85em; }
.contentlist_slider__image { position:relative; }
.contentlist_slider__image figure { line-height:0.6; }
.contentlist_slider__image img { border-bottom-left-radius:6px; border-top-left-radius:6px; }
.contentlist_slider__image figcaption {
    position:absolute; bottom:0; left:0;
    display:inline-block; min-height:30px; padding:0.25em 0.5em 0.25em 0.5em; overflow:hidden;
    background-color:#f0f0f0; border-bottom-left-radius:5px; border-top-right-radius:5px; font-size:0.75em;
}
.contentlist_slider__image figcaption span.copyright { display:inline-block; width:17px; height:17px; margin-top:3px; background:transparent url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/icon_copyright.png') center center no-repeat; background-size:cover; }
.contentlist_slider__image figcaption span.description {
    display:inline-block; overflow:hidden;
    -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;
}
.contentlist_slider__image figcaption span.description {
    width:0; height:0; margin-left:0; margin-right:0;
}
.no-touchevents .contentlist_slider__image figcaption:hover span.description { width:auto; height:auto; margin-left:0.5em; margin-right:0; }
.tx-contentlist_slider .swiper-pagination { left:100px; width:calc(100% - 100px); }
.tx-contentlist_slider .swiper-button-next::after,
.tx-contentlist_slider .swiper-button-prev::after { content: ""; }
.tx-contentlist_slider .swiper-button-next,
.tx-contentlist_slider .swiper-button-prev { width:46px; height:46px; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_slider .swiper-button-next { background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_slider .swiper-button-prev { background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-prev.svg') center center no-repeat; }

/* video shariff */
.video-shariff-play img { width:100%; border-radius:5px; }
.video-shariff-preview { left:0; right:auto; top:auto; bottom:4px; z-index:20; width:100%; }
.video-shariff-preview-overlay { background:rgba(255,255,255,0.2); }
.video-shariff-preview-icon { width:70px; height:70px; left:2.5em; top:-4em; border:none; background:transparent url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/icon_video-play.svg') center center no-repeat; background-size:contain;  }
.video-shariff-preview-text { width:100%; top:auto; padding:0.5em 2em 1em 1em; background-color:#0f276d; border-bottom-left-radius:5px; border-bottom-right-radius:5px; opacity:0.8; color:white; font-size:0.85em; text-align:left; }

/* Contentlist videoslider */
.frame-type-contentlist_videoslider .contentWrapper.inner { width:calc(50% + 500px); max-width: 100%; margin-left:calc(50% - 450px - 1em); margin-right:0; padding-right:0; }
.tx-contentlist_videoslider { width:1485px; }
.contentlist_videoslider__text > h3 { position:relative; top:-3.7em; width:50%; height:61px; margin:0 0 -61px 0; padding-left:1em; color:white;font-size:0.85em; font-weight:500; }
.contentlist_videoslider__text > p { margin-top:8px; font-size:0.85em; }
.contentlist_videoslider__video .video-shariff-preview-icon { left:2.5em; top:-2em; width:50px; height:50px; }

.tx-contentlist_videoslider .swiper-pagination { width:100%; }
.tx-contentlist_videoslider .swiper-button-next::after,
.tx-contentlist_videoslider .swiper-button-prev::after { content: ""; }
.tx-contentlist_videoslider .swiper-button-next,
.tx-contentlist_videoslider .swiper-button-prev { display:none; left:-20px; top:49%; bottom:auto; width:46px; height:46px; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_videoslider .swiper-button-next { left:90%;  background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_videoslider .swiper-button-prev { background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-prev.svg') center center no-repeat; }

.mfp-bg { opacity:0.95; background:#0f276d; }

/* fotoslider*/
.tx-contentlist_fotoslider img { border-top-left-radius:5px; border-top-right-radius:5px; }
.tx-contentlist_fotoslider figure { line-height:0.6; }
.tx-contentlist_fotoslider figcaption { width:100%; padding:0.5em 1em; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:0.85em; }
.tx-contentlist_fotoslider .swiper-pagination { width:100%; top:1em; bottom:auto; padding-right:1em; text-align:right; }
.tx-contentlist_fotoslider .swiper-button-next::after,
.tx-contentlist_fotoslider .swiper-button-prev::after { content: ""; }
.tx-contentlist_fotoslider .swiper-button-next,
.tx-contentlist_fotoslider .swiper-button-prev { width:46px; height:46px; background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_fotoslider .swiper-button-next { background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-next.svg') center center no-repeat; }
.tx-contentlist_fotoslider .swiper-button-prev { background: url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/slider-prev.svg') center center no-repeat; }

/* Newsletter footer*/
.pageFooter .frame-bgcolor-lightgray .tx-powermail { padding-top:0; padding-bottom:0; }
.pageFooter .frame-type-list .contentWrapper,
.pageFooter .powermail_form,
.pageFooter .powermail_fieldset_1 { display:flex; }
.pageFooter .powermail_fieldset_1 { flex-wrap:wrap; flex-direction:column; }
.pageFooter .powermail_form > div:first-child { width:0; height:0; }
.pageFooter .powermail_fieldset_1 > div:nth-child(2),
.pageFooter .powermail_fieldset_1 > div:nth-child(3),
.pageFooter .powermail_fieldset_1 > div:nth-child(4) { width:calc(100% - 2em); margin-bottom:1.5em; }
.pageFooter .powermail_fieldset_1 > div:nth-child(5) { width:100%; }
.pageFooter .frame-type-list .contentWrapper header { flex:1 1 25%; min-width:400px; padding-top:0; padding-right:2em; padding-left:0; }
.pageFooter .powermail_fieldset_1 .powermail_input { width:calc(100% - 2em); }


/* pageFooter layout */
.pageFooter .col-1 .ce-bodytext h3,
.pageFooter .col-1 .ce-bodytext h4,
.pageFooter .col-2 .ce-bodytext h3,
.pageFooter .col-2 .ce-bodytext h4,
.pageFooter .col-3 .ce-bodytext h3,
.pageFooter .col-3 .ce-bodytext h4 { margin-bottom:1em; }


/**/
#c415.frame-type-contentlist_videoslider { margin-bottom: 0;}


/* scroll to top */
.scrollToTop { position:fixed; bottom:100px; z-index:90; border:none; padding: 3px 6px 3px 24px; text-align:center; background:url('../../../typo3conf/ext/custom_template/Resources/Public/Icons/scrollToTop.png') 4px center no-repeat; background-color:#0f276d; color:#FFF !important; text-decoration:none; }


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }

    a,
    a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: ""; }

    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}

.hs-intro{
    position: relative;
    background: rgb(25,32,62);
    background: linear-gradient(0deg, rgba(25,32,62,1) 0%, rgba(31,30,32,1) 100%);
    height: calc(100vh - 100px);
    overflow: hidden;
}

.hs-intro #earth{
    position: absolute;
    top:50px;
    right:50px;
    bottom:50px;
    width:calc((100vh - 100px) * 0.8);
    height:calc((100vh - 100px) * 0.8);
    margin:auto 0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-transition:transform 800ms ease-in-out, right 800ms ease-in-out;
    -moz-transition:transform 800ms ease-in-out, right 800ms ease-in-out;
    transition:transform 800ms ease-in-out, right 800ms ease-in-out;
}

.hs-intro #earth img{
    width:100%;
    height:auto;
    border-radius:100%;
}

.hs-intro:not([step="0"]) #earth{
    right: 0;
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    transform:scale(2);
}

/* earth glow */

.hs-intro #earth:before{
    content:"";
    position: absolute;
    top:2px;
    right:2px;
    bottom:2px;
    left:2px;
    border-radius:100%;
    -webkit-box-shadow: 0 0 15px 7px rgba(255,255,255,0.5), 0 0 35px 22px rgba(200,200,255,0.2);
    -moz-box-shadow: 0 0 15px 7px rgba(255,255,255,0.5), 0 0 35px 22px rgba(200,200,255,0.2);
    box-shadow: 0 0 15px 7px rgba(255,255,255,0.5), 0 0 35px 22px rgba(200,200,255,0.2);
    -webkit-transition:box-shadow 800ms ease-in-out;
    -moz-transition:box-shadow 800ms ease-in-out;
    transition:box-shadow 800ms ease-in-out;
}

.hs-intro:not([step="0"]) #earth:before{
    -webkit-box-shadow: 0 0 30px 15px rgba(255,255,255,0.8), 0 0 70px 45px rgba(200,200,255,0.5);
    -moz-box-shadow: 0 0 30px 15px rgba(255,255,255,0.8), 0 0 70px 45px rgba(200,200,255,0.5);
    box-shadow: 0 0 30px 15px rgba(255,255,255,0.8), 0 0 70px 45px rgba(200,200,255,0.5);
}

.hs-intro .overlay{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

.hs-intro .overlay .contentWrapper{
    height:100%;
}


.hs-intro .table{
    display:table;
    width:100%;
    height:100%;
}

.hs-intro .table-cell{
    display:table-cell;
    vertical-align: middle;
    text-align:center;
}


.hs-intro .overlay .content{
    width:100%;
    height:100%;
    padding-left:110px;
}

.hs-intro .overlay .content .table-cell{
    text-align: left;
}

.hs-intro .overlay .content .text{
    max-width:360px;
}

.hs-intro .overlay .paginator{
    position: absolute;
    top:0px;
    left:20px;
    bottom:0px;
    width:20px;
    height:155px;
    margin:auto 0;
}

.hs-intro .overlay .paginator .circle{
    width:20px;
    height:20px;
    border:3px solid #fff;
    border-radius:100%;
    margin:15px 0;
    cursor: pointer;
}

.hs-intro .overlay .paginator .circle.selected{
    background:#fff;
}

.hs-intro .overlay .skip{
    position: absolute;
    bottom:100px !important;
    left:20px;
    cursor: pointer;
}

.hs-intro .overlay .skip svg{
    display: inline-block;
    vertical-align:middle;
    width:38px;
    height:38px;
    margin-right:15px;
}

.hs-intro .highlighted{
    position: relative;
    display: inline-block;
    vertical-align: top;
    background:#fff;
    border-radius:10px;
    font-size:64px;
    color:#162769;
    padding:15px 15px 20px 15px;
    margin-bottom:15px;

    opacity: 0;
    top:10px;

    animation: highlight-ani 800ms forwards ease-in-out;
    -webkit-animation: highlight-ani 800ms forwards ease-in-out;
    -moz-animation: highlight-ani 800ms forwards ease-in-out;
}

.hs-intro .highlighted.second{
    -webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    animation-delay:400ms;
}



@keyframes highlight-ani {
    100%{ top:0px; opacity: 1; }
}

@-webkit-keyframes highlight-ani {
    100%{ top:0px; opacity: 1; }
}

@-moz-keyframes highlight-ani {
    100%{ top:0px; opacity: 1; }
}


/* intro font sizes */
.hs-i1{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:700;
    line-height:1.3em;
    color:#fff;
}

.hs-i2{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:700;
    color:#fff;
}


/* Responsive */
@media (max-width:768px) {

    .hs-intro .table,
    .hs-intro .table-cell{
        display: block;
        width:auto;
        height:auto;
        vertical-align: top;
    }

    .hs-intro .overlay .content{
        padding-left:0px;
        display: block;
        width:auto;
        height:auto;
        margin-top:50px;
        margin-left:30px;
        margin-right:30px;
    }



    .hs-intro #earth{
        top:auto;
        right:20px;
        bottom:60px;
        left:20px;
        margin:0 auto;
        width: calc(100vw * 0.8);
        height: calc(100vw * 0.8);

        -webkit-transition:transform 800ms ease-in-out, bottom 800ms ease-in-out;
        -moz-transition:transform 800ms ease-in-out, bottom 800ms ease-in-out;
        transition:transform 800ms ease-in-out, bottom 800ms ease-in-out;

    }

    .hs-intro:not([step="0"]) #earth{
        bottom:0px;
        right:20px;

        -webkit-transform:translateY(50%) scale(1.8);
        -moz-transform:translateY(50%) scale(1.8);
        transform:translateY(50%) scale(1.8);
    }

    .hs-intro #earth img{
        width:100%;
        height:auto;
    }

    .hs-intro .highlighted{
        font-size:40px;
        padding: 10px 8px 14px 8px;
        margin-bottom:10px;
    }

    .hs-intro .overlay .skip{
        background:#EFEFEF;
        border-radius:4px;
        padding:5px 15px 5px 7px;
        bottom:50px;
    }

    .hs-intro .overlay .skip svg{
        width:34px;
        height:34px;
    }

    .hs-intro .overlay .skip svg circle{
        fill:#162769;
    }

    .hs-intro .overlay .skip svg path{
        fill:#EFEFEF;
    }

    .hs-intro .overlay .skip span{
        color:#162769;
    }

    .hs-i1{
        font-size:17px;
    }

}
#c289 .contentWrapper { overflow: visible; }

/* Energy */
.hs-emissions{
    background:#152769;
    padding-top:40px;
}

.hs-emissions .entries{
    display: inline-block;
    vertical-align:top;
    width:50%;
    padding-right:50px;
    padding-bottom:350px;
}

.hs-emissions .entry:not(.last){
    margin-bottom:500px;
}

.hs-emissions .entry .zfs{
    display: block;
    margin-top:5px;
    margin-bottom:20px;
    font-size:0px;
}

.hs-emissions .entry .zfs .percent{
    display: inline-block;
    vertical-align: bottom;
    margin-right:20px;
}

.hs-emissions .entry .zfs .description{
    display: inline-block;
    vertical-align:bottom;
    max-width:260px;
    position: relative;
    top:-7px;
}

.hs-emissions .entry .video{
    display: block;
}

.hs-emissions .entry .video img{
    width:100%;
    height:auto;
}

/* Animation */

.hs-emissions .entry:not(:first-child) .title,
.hs-emissions .entry:not(:first-child) .zfs .percent,
.hs-emissions .entry:not(:first-child) .zfs .description{
    position: relative;
    left:-20px;
    opacity: 0;
    -webkit-transition:left 400ms ease-in-out, opacity 800ms ease-in-out;
    -moz-transition:left 400ms ease-in-out, opacity 800ms ease-in-out;
    transition:left 400ms ease-in-out, opacity 800ms ease-in-out;
}

.hs-emissions .entry:not(:first-child).trans .title,
.hs-emissions .entry:not(:first-child).trans .zfs .percent,
.hs-emissions .entry:not(:first-child).trans .zfs .description {
    left: 0;
    opacity: 1;
}

.hs-emissions .entry:not(:first-child).trans .zfs .percent {
    -webkit-transition-delay:200ms;
    -moz-transition-delay:200ms;
    transition-delay:200ms;
}

.hs-emissions .entry:not(:first-child) .zfs .description{
    left:5px;
}

.hs-emissions .entry:not(:first-child).trans .zfs .description{
    -webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    transition-delay:400ms;
}

.hs-emissions .entry:not(:first-child) .video{
    position: relative;
    bottom:-20px;
    opacity: 0;
    -webkit-transition:bottom 400ms ease-in-out, opacity 800ms ease-in-out;
    -moz-transition:bottom 400ms ease-in-out, opacity 800ms ease-in-out;
    transition:bottom 400ms ease-in-out, opacity 800ms ease-in-out;
}

.hs-emissions .entry:not(:first-child).trans .video{
    bottom:0px;
    opacity: 1;
}







/* sticky pie-chart */

.hs-emissions .sticky-container{
    position: absolute;
    top:80px;
    right:0;
    width:50%;
    height:100%;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:100px;
}

.hs-emissions .sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    max-width:580px;
}

.hs-emissions .sticky .pie{
    position: relative;
    display: block;
    width:75%;
    padding-top:100%;
    margin:50px auto 0 auto;
}

.hs-emissions .sticky .pie svg{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
}

.hs-emissions .sticky .pie svg:not(.grid):not(.co2) path{
    fill:#c0ffaa;
}

.hs-emissions .sticky .pie svg.grid path{
    fill:#fff;
}

.hs-emissions .sticky .pie svg.co2 path{
    fill:#0f276d;
}


.hs-emissions .sticky .pie svg{
    pointer-events:none;
}

.hs-emissions .sticky .pie svg path#pie-1,
.hs-emissions .sticky .pie svg path#pie-2,
.hs-emissions .sticky .pie svg path#pie-3,
.hs-emissions .sticky .pie svg path#pie-4,
.hs-emissions .sticky .pie svg path#pie-5{
    pointer-events:all;
    cursor: pointer;
}


.hs-emissions .sticky .pie svg:not(.grid),
.hs-emissions .sticky .pie .legend {
    opacity: 0;
    white-space: nowrap;
    -webkit-transition:opacity 120ms ease-in-out;
    -moz-transition:opacity 120ms ease-in-out;
    transition:opacity 120ms ease-in-out;
}

.hs-emissions .sticky .pie svg.visible,
.hs-emissions .sticky .pie .legend.visible{
    opacity: 1;
}


.hs-emissions .sticky .pie .legend{
    position:absolute;
    top:0px;
    cursor:default;
}
.hs-emissions .sticky .pie .legend[data-index="0"]{
    top:10%;
    left:90%;
}
.hs-emissions .sticky .pie .legend[data-index="1"]{
    top:69%;
    left:80%;
}
.hs-emissions .sticky .pie .legend[data-index="2"]{
    top:65%;
    right:84%;
}
.hs-emissions .sticky .pie .legend[data-index="3"]{
    top:22%;
    right:99%;
}
.hs-emissions .sticky .pie .legend[data-index="4"]{
    top:0%;
    right:78%;
}






.hs-emissions .pie-mobile{
    position: relative;
    display: block;
    width:75%;
    padding-top:75%;
    margin:50px auto 0 auto;
    display: none;
}

.hs-emissions .pie-mobile svg{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:auto;
}

.hs-emissions .pie-mobile svg.bg path{
    fill:#c0ffaa;
}

.hs-emissions .pie-mobile svg.grid path{
    fill:#fff;
}

.hs-emissions .pie-mobile svg.co2 path{
    fill:#0f276d;
}



/* Youtube + GDPR */

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    border-radius:5px;
    overflow: hidden;

    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;

}

.responsive-video video,
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video.on-demand{
    background-color: #ccc;
}

.responsive-video.on-demand .clicker{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    cursor: pointer;
}

.responsive-video.on-demand .clicker:after{
    content:" ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 40px 0 40px 65px;
    border-color: transparent transparent transparent #c8c9c8;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    pointer-events:none;
    opacity:0.8;

    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);

}

.responsive-video.on-demand .clicker:hover:after{
    opacity:1;
}

.responsive-video.on-demand .guideline{
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    padding:10px 10px 15px 10px;
    font-family: 'StudioPro', Helvetica, Arial, Sans-serif;
    line-height:1.6em;
    font-size:15px;
    text-align: center;
    background:#DABB99;
    color:#fff;
    pointer-events:none;
}

.responsive-video.on-demand .guideline a,
.responsive-video.on-demand .guideline a:visited,
.responsive-video.on-demand .guideline a:focus{
    color:#fff;
    text-decoration: underline;
    pointer-events: all;
}


.hs-green{
    color:#CDFDB2 !important;
}

.hs-1{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:36px;
    font-weight:700;
    line-height: 1.2em;
    color:#fff;
}
.hs-2{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:30px;
    font-weight:700;
    line-height: 1.2em;
    color:#fff;
}

.hs-3{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:130px;
    font-weight:700;
    color:#fff;
}

.hs-4{
    font-family: "StudioPro", Helvetica, Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:700;
    line-height:1.3em;
    color:#fff;
}


@media (max-width:1350px) {

    .hs-emissions .entry .zfs{
        margin-bottom:5px;
    }

    .hs-emissions .entry .zfs .percent{
        margin-bottom:10px;
    }

    .hs-emissions .entry .zfs .description{
        top:-4px;
        margin-bottom:10px;
    }

    .hs-3{
        font-size:100px;
    }

    .hs-desktop-only{
        display: none;
    }

}


@media (max-width:768px) {

    .hs-emissions{
        padding-bottom:50px;
    }

    .hs-emissions .entries{
        display: block;
        width:auto;
        padding-right:0px;
        padding-bottom:0px;
    }

    .hs-emissions .entry:not(.last){
        margin-bottom:100px;
    }

    .hs-emissions .entry .title{
        max-width:320px;
    }

    .hs-emissions .entry .zfs{
        margin-top:30px;
        margin-bottom:20px;
    }

    .hs-emissions .entry .zfs .percent{
        display: block;
        width:auto;
        margin-top:0px;
        margin-bottom:10px;
    }

    .hs-emissions .entry .zfs .description{
        display: block;
        max-width:320px;
    }


    .hs-emissions .sticky-container{
        position: relative;
        top:auto;
        right:auto;
        width:auto;
        padding:0px;
    }

    .hs-emissions .sticky{
        max-width:100%;
    }

    .hs-emissions .sticky .text{
        max-width:580px;
    }

    .hs-emissions .sticky .pie svg:not(.grid):not(.co2){
        cursor:pointer;
    }

    .hs-emissions .sticky .pie svg:not(.co2),
    .hs-emissions .sticky .pie .legend{
        opacity: 1 !important;
    }

    .hs-emissions .sticky .pie .legend{
        cursor:pointer;
        font-size:12px;
    }

    .hs-emissions .entry:not(:first-child) .title,
    .hs-emissions .entry:not(:first-child) .zfs .percent,
    .hs-emissions .entry:not(:first-child) .zfs .description{
        left:0px !important;
        opacity: 1 !important;
    }

    .hs-emissions .entry:not(:first-child) .video{
        bottom:0px !important;
        opacity: 1 !important;
    }

    .hs-emissions .pie-mobile{
        display: block;
    }

    .responsive-video.on-demand .guideline{
        font-size:12px;
        padding: 10px 10px 13px 10px;
    }

    .hs-4{
        font-size:17px;
    }

}
.faqaccordeon__header { margin-bottom:1em; }

.tx-faqaccordeon dl.accordeon-item { margin-bottom:1.5em; }
.tx-faqaccordeon dt.accordeon__header span.icon { display:none; }
.tx-faqaccordeon dt.accordeon__header span.headline { font-size:1.25em; font-weight:bold; line-height:1; }

.tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header,
.tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header { display:flex; justify-content:left; align-content:top; align-items:top; cursor:pointer; }
.tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.headline,
.tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.headline { flex:1 1 90%; }
.tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon,
.tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { display:inline-block; flex:1 1 10%; height:37px; background-position:left top; background-repeat:no-repeat; background-size:contain; }
.tx-faqaccordeon dl.accordeon-item.closed dd.accordeon__body,
.tx-faqaccordeon dl.accordeon-item.opened dd.accordeon__body { padding-left:10%; }

.tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon { background-image:url('../../../typo3conf/ext/contentlist/Resources/Public/Icons/icon-faqaccordeon-closed.png'); }
.tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { background-image:url('../../../typo3conf/ext/contentlist/Resources/Public/Icons/icon-faqaccordeon-opened.png'); }

.tx-faqaccordeon .accordeon__body { display:flex; flex-direction: column; }
.tx-faqaccordeon figure { display:table; margin-bottom:1.5em; }
.tx-faqaccordeon figcaption { display:table-caption; caption-side:bottom; }

.tx-faqaccordeon .ce-below .accordeon__body { display:flex; flex-direction: column-reverse; }
.tx-faqaccordeon .ce-below figure { margin-top:1.5em; margin-bottom:0; }

.tx-faqaccordeon .ce-right figure { align-self:flex-end; }
.tx-faqaccordeon .ce-center figure { align-self:center; }

.tx-faqaccordeon .ce-intext { overflow:hidden; }
.tx-faqaccordeon .ce-intext .accordeon__body { display:block; }
.tx-faqaccordeon .ce-right.ce-intext figure { float:right; margin-left:1em; }
.tx-faqaccordeon .ce-left.ce-intext figure { float:left; margin-right:1em; }

.tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body { flex-direction: row; }
.tx-faqaccordeon .ce-nowrap .accordeon__body figure { flex:1 1 30%; align-self: flex-start; }
.tx-faqaccordeon .ce-nowrap .accordeon__body div.text { flex:1 1 70%; }
.tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body figure { margin-right:1em; }
.tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body { flex-direction: row-reverse; }
.tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body figure { margin-left:1em; }

@media screen and (max-width:768px) {
    .tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body,
    .tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body { flex-direction: column; }
    .tx-faqaccordeon .ce-nowrap .accordeon__body figure { flex:1 1 100%; }
    .tx-faqaccordeon .ce-nowrap .accordeon__body div.text { flex:1 1 100%; }
}

/* Contentlist linkcollection */
.tx-contentlist_linkcollection a { text-decoration:none; }
.tx-contentlist_linkcollection a:hover { text-decoration:none; }
.tx-contentlist_linkcollection header { padding-bottom:2em; }
.linkcollection__link .fa { display:inline-block; width:30px; height:30px; margin-right:0.5em; font-size:1.5em; }

/* Contentlist slider */
.contentlist_slider__item { display:flex; }
.contentlist_slider__item > div { flex:1 1 50%; }

/* Contentlist videoslider */
.contentlist_videoslider__item { position:relative }
.contentlist_videoslider__item > div { /*position:absolute; bottom:1em; left:1em;*/ }

@media only screen and (max-width:980px) {
    .contentlist_slider__image figure img { width:100%; border-top-right-radius:5px; }
    .contentlist_slider__item { flex-direction:column; }
    .contentlist_slider__item > div { flex:1 1 100%; }
}