/* 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: 16px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 16px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 16px; }
    .ce-below .ce-gallery { margin-top: 16px; }

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

    .ce-row { margin-bottom: 16px; }
    .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%; }



.protectprivacy { opacity:1; transition:opacity 1s ease }
.protectprivacy.closed { z-index:980; opacity:0 }
.protectprivacy { position:fixed; bottom:0; left:0; z-index:999; width:100%; padding:0.5em 0.5em 1em 0.5em; background-color:#404040; text-align:center; }
.protectprivacy .message { color:white; font-size:0.875em; }
.protectprivacy button { margin:0 1em; border:1px solid #808080; border-radius:3px; cursor:pointer; padding:0.25em 1em; }
.no-touch .protectprivacy button:hover { background-color:#606060; }
.protectprivacy a { color:white; font-weight:700; }
.no-touch .protectprivacy a:hover { text-decoration:underline; }
.protectprivacy-revoke { position:fixed; bottom:0; left:3em; z-index:990; padding:0.25em 2em; border:1px solid #404040; border-top-left-radius:6px; border-top-right-radius:6px; background-color:#404040; color:white; font-size:0.875em; text-align:center; }
.protectprivacy-revoke.cursor-pointer { cursor:pointer; }


.protectprivacy_video__wrapper { position:relative; display:block; height:0; margin: 0 auto; padding:0; overflow:hidden; }
.ratio-4-3 { padding-bottom:75.0%; }
.ratio-16-9 { padding-bottom:56.2%; }
.ratio-21-9 { padding-bottom:42.9% }
.protectprivacy_video__item { position:absolute; top:0; left:0; bottom:0; z-index:10; height:100%; width:100%; border:none; padding-bottom:0; }
.protectprivacy_video__wrapper figure { position:relative; }
.protectprivacy_video__wrapper figcaption { position:absolute; left:10%; top:20%; width:80%; padding:1em; background-color:#808080; opacity:0.9; border:1px solid white; text-align:center; }
.protectprivacy_video__wrapper figcaption p { margin:0; color:white; }
.protectprivacy_video__wrapper figcaption p a { color:white; }
.protectprivacy_video__wrapper figcaption div { display:inline-block; text-align:center; }
.protectprivacy_video__wrapper figcaption div i.fa { display:inline-block; width:100px; height:70px; color:white; font-size:3em; cursor:pointer;}
/**
 *  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 { width:100%; max-width:100%; height:auto; }

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

::-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; }
.navi-horizontal li { margin:0; }

/* 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; }

/* TYPO3 messages, alert boxes */
.typo3-messages {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
}
.typo3-messages .alert {
    padding: 2em;
}
.typo3-messages .alert-info {
    background-color: #D9EDF7;
    border: 1px solid lightblue;
    box-shadow: 0 0 8px lightblue;
    color: #202020;
}




/**
 *  The Layout
 *
 *  contains layout related style definitions
 */
.contentWrapper { overflow:hidden; width:100%; max-width:1400px; margin:0 auto; padding-left:2em; padding-right:2em; }

.pageHeader { position:absolute; top:0; left:0; z-index:100; width:100%; height:150px; overflow:visible; }
.pageHeader .contentWrapper { display:flex; overflow:visible; }

.logo { float:left; width:240px; margin-bottom:30px; }
.logo .ce-gallery { margin:0; }
.navisection { float:left; width:85%; width:calc(100% - 240px); padding-left:1.5em; padding-top:1.25em; display:flex; flex-direction:column; justify-content:space-between; }

.metanavi { justify-content:flex-end; margin:0; }
.mainnavi { justify-content:space-between; }

.subnaviWrapper .ce-gallery { margin-bottom:0; }
.subnaviWrapper .ce-gallery,
.subnaviWrapper .ce-outer,
.subnaviWrapper .ce-inner,
.subnaviWrapper .ce-row,
.subnaviWrapper .ce-column { display:block; float:none; position:static; width:100%; margin:0; padding:0; }
.subnaviWrapper .ce-gallery figure { display:block; }
.subnaviWrapper .ce-gallery figure img { width:100%; max-width:100%; }

.pageContent { margin-top:120px; }

.pageContent > div.contentWrapper > div.content { overflow:hidden; float:left; width:65%; min-height:300px; padding-bottom:2em; }
.pageContent > div.contentWrapper > div.right { float:right; width:32%; padding-bottom:2em; }

.backendlayout-subnavi .pageContent > div.contentWrapper > div.content,
.pagelayout-1 .pageContent > div.contentWrapper > div.content,
.pagelayout-3 .pageContent > div.contentWrapper > div.content { float:none; width:100%;}

.actioncontent { clear:both; margin-top:3em; overflow:hidden; display:flex; width:100%; justify-content:space-betweeen; align-items:stretch; }
.actioncontent-main { flex:1 1 65%; margin-right:3%; }
.actioncontent-right { flex:1 1 32%; }
.actioncontent .frame { height:100%; margin:0; }
.actioncontent .teaserWrapper { height:100%; }

.toggleMainnavi { position:absolute; right:32px; top:60px; z-index:120; width:36px; height:36px; color:#02314d; font-size:12px; font-family:"Muli",sans-serif; font-weight:400; cursor:pointer; }
.toggleMainnavi .fa { padding-right:12px; font-size:40px; }
.toggleMainnavi.opened { color:white;  }



.gridelement_2cols .gridelement__body { display:flex; justify-content: space-between; }
.gridelement_2cols .gridelement__body > div { flex:1 1 50%; }
.gridelement_2cols .gridelement__body > div:first-child { padding-right:1em; }
.gridelement_2cols .gridelement__body > div:last-child { padding-left:1em; }

.gridelement_3cols .gridelement__body { display:flex; justify-content: space-between; }
.gridelement_3cols .gridelement__body > div { flex:1 1 33.33%; padding:0 1em; }
.gridelement_3cols .gridelement__body > div:first-child { padding-left:0; }
.gridelement_3cols .gridelement__body > div:last-child { padding-right:0; }

.gridelement_4cols .gridelement__body { display:flex; justify-content: space-between; }
.gridelement_4cols .gridelement__body > div { flex:1 1 25%; padding:0 1em; }
.gridelement_4cols .gridelement__body > div:first-child { padding-left:0; }
.gridelement_4cols .gridelement__body > div:last-child { padding-right:0; }





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

/* General styles */
body { font-family:"Muli",sans-serif; font-size:16px; font-weight:300; color:#202020;
    -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;
}

.fgcolor-blue1 { color:#02314d; }
.fgcolor-white { color:#fff; }
.fgcolor-green { color:#028535; }
.fgcolor-beige { color:#e7e6df; }
.fgcolor-blue2 { color:#214658; }
.fgcolor-black { color:#202020; }

a.morelink.fgcolor-blue1 { color:#02314d; }
a.morelink.fgcolor-white { color:#fff; }
a.morelink.fgcolor-green { color:#028535; }
a.morelink.fgcolor-beige { color:#e7e6df; }
a.morelink.fgcolor-blue2 { color:#214658; }
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; }
.bgcolor-blue1 { background-color:#02314d; }
.bgcolor-white { background-color:#fff; }
.bgcolor-green { background-color:#028535; }
.bgcolor-beige { background-color:#e7e6df; }
.bgcolor-blue2 { background-color:#214658; }
.bgcolor-black { background-color:black; }

.padding-0 { padding:0; }
.padding-1 { padding:1em; }
.padding-2 { padding:2em; }

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

a { -ms-transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
a.morelink,
button.teaserlink { -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; }

strong, b { font-weight:600; }

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

.pageContent a,
.pageFooter a { color:#dd223a; }

.pageContent .frame { background-color:white; }
.pageContent .frame-type-list { margin-bottom:0; background-color:transparent; }
.pageContent .subnaviWrapper .frame { margin-bottom:0; }

.pageContent { color:#02314d; line-height:1.5; }
.pageContent h2 { margin:0 0 1em 0; font-size:1.5em; font-weight:600; }
.pageContent .frame h2 { padding:32px 32px 0 32px; }
.pageContent .right .frame h2 { padding:32px 24px 0 24px; }
.pageContent .frame-type-list h2 { padding:16px 0 0 0; }
.backendlayout-default .pageContent > div.contentWrapper > div.content .frame h2,
.backendlayout-subnavi .pageContent > div.contentWrapper > div.content .frame h2 { padding:0; }


.pageContent h3 { margin:1em 0; font-size:1.25em; font-weight:600; }
.pageContent p,
.pageContent li { font-size:1.25em }

.pageContent .frame .ce-bodytext {
    padding: 0 32px; }
.pageContent .right .frame .ce-bodytext {
    padding: 0 24px; }
.backendlayout-default .pageContent .content .frame {
    margin-bottom: 2em;
    padding: 2em;
    background-color: white;
}
.backendlayout-default .pageContent .content .frame-type-news_newsliststicky,
.backendlayout-default .pageContent .frame-type-news_pi1,
.backendlayout-homepage .pageContent .frame-type-news_pi1 {
    background-color: transparent;
    padding: 0; }
.backendlayout-default .pageContent  .content .ce-bodytext,
.backendlayout-subnavi .pageContent  .content .ce-bodytext {
    padding: 0; }

.backendlayout-default .pageContent .content .frame:has(.typo3-messages) {
    margin-bottom: 0;
}

.frame { clear:both; }

.frame-ruler-before::before { margin-top:1em; border-top:2px solid #02314d; }
.frame-ruler-after::after { margin-bottom:1em; border-bottom:2px solid #02314d; }

.frame-padding-0 { padding:0 !important; }

.frame-bgcolor-white { background-color:white !important; padding:2em !important;}

.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; }

.image { position:relative; line-height:0.6; }
.image-caption { position:absolute; left:0; bottom:0; display:inline-block; padding:0.375em 2em; background-color:#02314d; color:white; font-size:1em; line-height:1.2; }

.teaserlink { display:inline-block; padding:0.5em 3.0em; border:none; border-radius:18px; font-size:1em; font-weight:700; letter-spacing:1px; text-transform:uppercase; cursor:pointer; }
.teaserlink.bgcolor-blue1,
.teaserlink.bgcolor-green,
.teaserlink.bgcolor-blue2 { color:white; }
.teaserlink.bgcolor-white { color:#02314d; }
.no-touchevents .teaserlink.bgcolor-green:hover { background-color:#02314d; }
.no-touchevents .teaserlink.bgcolor-blue1:hover { background-color:white; color:#02314d; }
.no-touchevents .teaserlink.bgcolor-blue2:hover { background-color:white; color:#214658; }
.no-touchevents .teaserlink.bgcolor-white:hover { background-color:#02314d; color:white; }

.right .teaserlink { padding:0.5em 2.0em; }


/* metanavi */
.metanavi a { text-decoration:none; }
.metanavi > li { margin:0 1em; color:#02314d; font-size:.875em; font-weight:300; text-transform:uppercase; }
.metanavi > li > a { display:block; padding:0.375em 0; border:1px solid white; border-radius:15px; color:inherit; }
.metanavi > li:last-child { margin-right:0; font-weight:800; letter-spacing:1.5px; }
.metanavi > li:last-child > a { padding:0.375em 2.0em; background-color:#028535; color:white; }
.metanavi > li.active > a,
.no-touchevents .metanavi > li > a:hover { text-decoration:underline; }
.no-touchevents .metanavi > li:last-child > a:hover { background-color:#214658; text-decoration:none; }


/* mainnavi */
.mainnavi.level1 > li { position:relative; margin:0; border-bottom:3px solid white; color:#02314d; font-size:1.1875em; font-weight:700; letter-spacing:1px; }
.mainnavi a { display:block; padding:0; padding-bottom:0.25em; color:#02314d; text-decoration:none; }
.mainnavi > li.active,
.no-touchevents .mainnavi > li:hover { border-bottom:3px solid #02314d;  }
.mainnavi .level2 { position:absolute; left:0; top:32px; z-index:200; min-width:240px; height:0; opacity:0; overflow:hidden; padding:0; padding-left:1em; color:white; font-size:0.75em; -ms-transition:0.8s; -moz-transition:0.8s; -webkit-transition:0.8s; -o-transition:0.8s; transition:0.8s; background-color:white;  }
.no-touchevents .mainnavi > li:hover .level2 { z-index:200; height:auto; min-width:240px; opacity:1.0;  padding:1em; border:1px solid #e0e0e0; box-shadow:0 10px 15px 5px #808080; }
.mainnavi > li:last-child .level2 { left:unset; right:0; }
.no-touchevents .mainnavi > li:last-child:hover .level2 {  }

.mobilenavi { position:absolute; left:0; top:0; z-index:100; width:100%; margin:0 !important; padding:32px; text-align:left; background-color:#02314d; color:white; }
.mobilenavi .mainnavi.level1 > li { float:left; clear:left; margin-bottom:1em; border-bottom:none; color:white; }
.mobilenavi .mainnavi a { display:block; float:left; clear:left; border-bottom:3px solid #02314d; color:white; font-size:1.25em; font-weight:400; }
.mobilenavi .mainnavi > li.active,
.no-touchevents .mobilenavi .mainnavi > li:hover { border-bottom:none;  }
.mobilenavi .mainnavi > li.active > a,
.no-touchevents .mobilenavi .mainnavi > li > a:hover,
.mobilenavi .mainnavi .level2 > li.active > a,
.no-touchevents .mobilenavi .mainnavi .level2 > li > a:hover { border-bottom:3px solid white;  }
.mobilenavi .mainnavi .level2 { clear:left; position:static; height:auto; padding:1em; opacity:1; background-color:#02314d; box-shadow:none; color:white; }
.no-touchevents .mobilenavi .mainnavi > li:hover .level2 { box-shadow:none; border:none; }
.mobilenavi .mainnavi > li.active .level2 { height:auto; padding:1em; opacity:1; }
.mobilenavi .mainnavi > li > ul.level2.opened { height:auto; padding:1em; opacity:1; }

/* breadcrumbsnavi */
.home .breadcrumbsnavi { visibility:hidden; }
.breadcrumbsnavi li { display:inline-block; color:#02314d; font-size:0.75em; font-weight:700; text-transform:uppercase; letter-spacing:1px; }
.breadcrumbsnavi a { font-weight:300; color:#606060; text-decoration:none; }
.breadcrumbsnavi .arrow { padding:0 10px; }

.subnaviWrapper > div > header h1,
.subnaviWrapper > div > header h2 { color:white; font-size:3em; text-align:center; vertical-align:middle; text-shadow: 2px 2px #808080; /*background-color:rgb(128,128,128,0.5);*/ }

.subnavi { justify-content: center; padding-top:1em; padding-bottom:1em; }
.subnavi > li { margin:0 1em; border-bottom:3px solid transparent;}
.subnavi > li.active,
.no-touchevents .subnavi > li:hover { border-bottom:3px solid white;  }
.subnavi a { display: block; padding-bottom:0.25em; color:white; letter-spacing:1px; text-decoration:none; font-weight:700; }

.pageContent { padding-top:4em; padding-bottom:2em; background-color:#e7e6df; }

.partner .contentWrapper { padding-top:3em; padding-bottom:3em; text-align:center; }
.partner h2, .partner h1 { margin:0; margin-bottom:2em; color:gray; font-size:1.0em; font-weight:300; letter-spacing:1.5px; text-align:center; text-transform:uppercase; }
.partner .ce-gallery,
.partner .ce-outer,
.partner .ce-inner,
.partner .ce-row { display:block; float:none; position:static; width:100%; margin:0; padding:0; }
.partner .ce-row { display:flex; width:100%; justify-content: space-between; }

.footercolumns { background-color:#02314d; color:white; }
.footercolumns .contentWrapper { display:flex; justify-content:space-evenly; padding-top:3em; padding-bottom:2em; }
.footercolumns .contentWrapper > div { flex: 1 1 25%; padding-right:3em; }
.footercolumns h2 { margin-bottom:1em; font-size:1.25em; font-weight:200; letter-spacing:1px; text-transform:uppercase; }
.footercolumns p { font-size:0.875em; line-height:1.65; font-style:italic; font-weight:300; }
.footercolumns a { color:white; font-weight:600; font-style:normal; text-decoration:none; }
/*.footercolumns a:before { content: "> "; font-weight:600; }*/
.no-touchevents .footercolumns a:hover { text-decoration:underline; }

.subfooter { background-color:#02314d; color:white; }
.subfooter .contentWrapper { display:flex; justify-content:space-around; flex-wrap:wrap; padding-bottom:3em; }
.subfooter .contentWrapper > hr { flex:1 1 100%; border-top-width:2px; padding-bottom:0.5em; }
.subfooter .contentWrapper > div { flex:1 1 50%; font-size:1.0em; }
.subfooter .contentWrapper > div:last-child { text-align:right; }
.subfooter a { color:white; text-decoration:none; }
.no-touchevents .subfooter a:hover { text-decoration:underline; }

.subfooter .contentWrapper > div
{ z-index: 1000;}


/* Plugin News */
.news-list-view .article { display:flex; margin-bottom:2em; padding-bottom:0; background-color:white; }
.news-list-view .article:last-child { margin-bottom:2em; }
.news-list-view .article::after { content: ""; display:none; }
.news-list-view .article .news-img-wrap { float:none; flex:1 1 45%; min-height:240px; margin:0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.news-list-view .article .news-text-wrap { position:relative; float:none; flex:1 1 55%; margin:0; }
.news-list-view .article .news-img-wrap a { display:block; float:none; height:100%; padding:0; overflow:hidden; border:none; background-color:transparent; }
.news-list-view .article .news-img-wrap img[loading="lazy"] { display:none; }
.news-list-view .article .teaser-text { margin-left:32px; margin-right:32px; }
.news-list-view .article h2 { margin-left:32px; margin-right:32px; margin-bottom:16px; color:#02314d; font-size:20px; font-weight:700; }
.news-list-view.layout- .article h2,
.news-list-view .article h2, 
.news-list-view .article.newslayout- h2,
.news-list-view .article.newslayout-0 h2 { margin-top:1em; }
.news-list-view.layout-0 .article h2, 
.news-list-view.layout-2 .article h2,
.news-list-view .article.newslayout-2 h2 { margin-top:0.75em; }
.home .news-list-view .article h2 { margin-top:0px; }


.news-list-view .article h2 a { color:inherit; text-decoration:none; }
.news-list-view .article .teaser-text { margin-bottom:0; }
.news-list-view .article .teaser-text p {font-size:16px; }
.news-list-view .article .teaser-text a { display:inline-block; margin-bottom:16px; color:#028535; font-weight:700; text-decoration:none; }
.news-list-view .article .teaser-text a:before { content: "> "; font-weight:700; }
.news-list-view .news-list-date { display: inline-block; padding:4px 32px; background-color:#02314d; color: white; font-size:16px; min-width:220px; width: 100%; max-width:300px; }

.news-list-view .newslayout-1 .news-img-wrap { display:none; }
.news-list-view .newslayout-1 .news-text-wrap { flex:1 1 100%; }
.news-list-view .newslayout-1 .news-list-date,
.news-list-view .newslayout-2 .news-list-date { min-width:auto; width:auto; max-width:auto; margin-left:32px; padding:16px 0 4px 0; background-color:white; color:#02314d; border-bottom:2px solid #02314d }
.news-list-view .newslayout-2 .teaser-text p { display:none; }
.news-list-view .article.newslayout-2 .teaser-text a { position:absolute; bottom:32px; left:32px; padding:0.25em 2em; background-color: #02314d; color:white; border-radius:15px; }

.right .news-list-view .article { flex-wrap:wrap; }
.right .news-list-view .article:last-child { margin-bottom:2em; }
.right .news-list-view .article .news-img-wrap { flex:1 1 100%; }
.right .news-list-view .article .news-text-wrap { flex:1 1 100%; position: relative; top: -32px; margin-bottom: -32px; }
.right .news-list-view .article .news-img-wrap a { width:100%; }
.right .news-list-view .article .news-img-wrap img { float:none; max-width:100%; width:100%; }
.right .news-list-view .article h2 { margin-left:0; margin-right:0; padding-top:0; }
.right .news-list-view .article.newslayout- h2,
.right .news-list-view .article.newslayout-0 h2 { margin-top:0.5em; }
.right .news-list-view .article .teaser-text { margin-left:24px; margin-right:24px; }
.right .news-list-view .news-list-date { position:static; margin-bottom:16px; padding-left:24px; }
.right .news-list-view .article .teaser-text a.more { display:none; }

.weitere-news > h2 { margin-top:2em; font-weight:400; letter-spacing:1px; text-align:center; text-transform:uppercase; }
.weitere-news .news-list-view { display:flex;}
.weitere-news .news-list-view .article { margin-right:2em; flex-direction:column;}
.weitere-news .news-list-view .article:last-child { margin-right:0; }

/* Heimlichtuer des Monats: newslayout-3 */
.news-list-view .article.newslayout-3 .news-text-wrap { background-color:#028535; top:0; margin-bottom:0; }
.news-list-view .article.newslayout-3 .news-text-wrap h2 { color:white; font-weight:800; }
.news-list-view .article.newslayout-3 .news-text-wrap h3 { padding-left:136px; padding-bottom:32px; background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Images/Heimlichtuer.png'); background-position:32px top; background-repeat:no-repeat; background-size: 80px 80px; color:#02314d; font-weight:800; font-style:italic; text-transform:uppercase; }
.news-list-view .article.newslayout-3 .news-text-wrap h3 .monat { color:white; font-weight:500; }
.news-list-view .article.newslayout-3 .news-text-wrap button.teaserlink { margin-left:32px; margin-bottom:2em; }
.right .news-list-view .article.newslayout-3 .news-text-wrap button.teaserlink { margin-left:24px; margin-bottom:24px; }

.news-single { background-color:white; }
.news-single .article.newslayout-1 { padding-top:2em; }
.news-single .article { display:flex; flex-wrap:wrap; }
.news-single .article .news-img-wrap { position:relative; flex:1 1 100%; float:none; width:auto; min-height:500px; margin:0; margin-bottom:4em; background-color:#f0f0f0; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.news-single .article .news-img-wrap .mediaelement { line-height:0.6; }
.news-single .article .news-img-wrap .news-img-caption { position:absolute; left:0; bottom:0; margin:0; padding:0.25em 2em; background-color:#02314d; color:white; font-size:0.875em; }
.news-single .article .footer {
    float: left;
    width: 25%;
    flex: 1 1 calc(25% - 2em - 32px);
    margin-right: 2em;
    margin-left: 32px;
    border: none;
    border-top: 1px solid #02314d;
    color:#02314d; }
.news-single .article.newslayout-1 .footer {
    border-top: unset; }
.news-single .article .footer span { display:block; border:none; }
.news-single .news-list-date { margin:0.5em 0;font-weight:700; }
.news-single .news-list-author {  font-style:italic; }
.news-single .article .news-single-wrap { float:left; width:70%; flex:1 1 calc(75% - 2em - 200px); padding-right:200px; padding-bottom:32px; }
.news-single h1 { margin-top:0; margin-bottom:2em; font-size:2.0em; }
.news-single .teaser-text p { color:#02314d; font-weight:700; }

.news-single .article.newslayout-2 .footer { flex:1 1 100%; margin-right:96px; margin-left:96px; border:none; border-bottom:1px solid #02314d;}
.news-single .article.newslayout-2 .news-single-wrap { flex:1 1 100%; margin-right:96px; margin-left:96px; padding:32px 0;}
.news-single .article.newslayout-2 .footer p { display:flex; flex-direction:row-reverse; justify-content:space-between; }
.news-single .article.newslayout-2 .footer span { display:inline-block; margin: 0; padding: 0; }

/* News Pagination */
.f3-widget-paginator { list-style-type: none; display:flex; flex-wrap:wrap;  flex-direction: row; align-items: center; justify-content: space-evenly; }
.f3-widget-paginator li { margin:auto; }

/* Plugin Powermail */
label,input,textarea { font-family:"Muli",sans-serif; font-size:1.25em; }
.powermail_form > h3 { display:none; }
.powermail_legend { font-size:1.5em; font-weight:700; margin-bottom:1em; margin-top:1.5em; }
.powermail_form_2 .powermail_legend { display:none;}
.powermail_fieldwrap { margin-bottom:1.25em; }
.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_textarea { display:flex; margin-left:0px;}
.backendlayout-subnavi .powermail_fieldwrap_type_input,
.backendlayout-subnavi .powermail_fieldwrap_type_textarea { display:flex; margin-left:-200px;}
.powermail_fieldwrap_type_input .powermail_label,
.powermail_fieldwrap_type_textarea .powermail_label { width:200px; padding-right:1em; text-align:right; }
.powermail_fieldwrap_type_input .powermail_field,
.powermail_fieldwrap_type_textarea .powermail_field { min-width:400px; width:calc(75% - 200px); }
.powermail_input,
.powermail_textarea { width:100%; padding:0.5em; border:none; background-color:#b3c1ca; color:black; }
.powermail_fieldwrap_vornamename .powermail_label,
.powermail_fieldwrap_email .powermail_label { font-weight:700; }

.backendlayout-default .content .powermail_fieldwrap_type_check,
.backendlayout-default .content .powermail_fieldwrap_type_radio {  margin-left:200px; }
.powermail_fieldwrap_type_check .powermail_label,
.powermail_fieldwrap_type_radio .powermail_label { font-weight:700; }
.radio label,
.checkbox label { position:relative; display:block; width:calc(100% - 250px); padding-left:3em; }
.backendlayout-default .content .radio label,
.backendlayout-default .content .checkbox label { width: calc(100%);}
.radio input,
.checkbox input[type=checkbox] { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; position:absolute; top:4px; left:0; width:32px; height:32px; background-color:#b3c1ca; border:4px solid #b3c1ca; }
.radio input { border-radius:16px;}
.radio input[type=radio]:checked,
.checkbox input[type=checkbox]:checked { background-color:#02314d;  }

.powermail_fieldwrap_betrag .powermail_field { display:flex; flex-wrap:wrap; }
.powermail_fieldwrap_betrag .powermail_field .radio { flex:1 1 25%; padding-bottom:1em; }
.powermail_fieldwrap_betrag .powermail_field .radio label { width:calc(100% - 32px); padding-top:4px; }
.powermail_fieldwrap_freierbetrag { margin-top:-16px; }
.powermail_fieldwrap_freierbetrag .powermail_label { visibility:hidden; }

.backendlayout-default .content .powermail_fieldwrap_type_submit {  margin-left:200px; }
.powermail_submit { padding:0.5em 3em; border:none; border-radius:18px; background-color:#028535; color:white; font-size:1em; font-weight:800; letter-spacing:1px; text-transform:uppercase; cursor:pointer; }
.no-touchevents .powermail_submit:hover { background-color:#214658; text-decoration:none; }

li.parsley-required { list-style:none; color:red; font-weight:900;}

.powermail_create { padding:1em; background-color:#e0e0e0; border:1px solid #b3c1ca; font-size:1.25em; font-weight:700; }

/* Inhaltselement in Powermail-Formular einrücken */
.backendlayout-default .content .powermail_fieldwrap_type_content  {
	margin-left: calc(200px - 2em);
}

/* CE Referent */
.frame-type-referent { clear:left; overflow:hidden; padding-top:2em; padding-bottom:2em; }
.frame-type-referent .ce-image { float:left; width:200px; height:200px; border:1px solid white; border-radius:100px; overflow:hidden;}
.frame-type-referent .ce-text { float:left; width:calc(100% - 200px); padding-left:2em; }
.frame-type-referent .ce-text h2 { margin:0; font-size:1.25em; }

/* CE Teaser */
.frame-type-teaser { position:relative; clear:left; overflow:hidden; margin-bottom:2em; }
.backendlayout-default .pageContent > div.contentWrapper > div.content .frame-type-teaser { padding:0; }
.frame-type-teaser .keyword { position:absolute; top:0; left:0; padding:4px 32px; font-size:16px; font-weight:700; text-transform:uppercase; }
.right .frame-type-teaser .keyword { padding:4px 24px; }
.frame-type-teaser .teaserWrapper { padding-top:3em; }
.backendlayout-default .pageContent > div.contentWrapper > div.content .frame-type-teaser .teaserWrapper { padding-left:32px; padding-right:32px; }
.content .frame-type-teaser h2 { margin:0; margin-bottom:32px; }
.right .frame-type-teaser h2 { margin:0; padding:0; font-size:1.5em; }

.frame-type-teaser .ce-intext header { /*display:flex; align-items:center;*/ }
.frame-type-teaser .ce-intext.ce-right header { /*flex-direction:row-reverse; justify-content:flex-end;*/ }
.frame-type-teaser .ce-intext .image { float:left; width:120px; height:90px; /*flex:1 1 120px;*/ margin-left:24px; margin-right:24px; background-position:center center;background-repeat:no-repeat;background-size:contain;}
.frame-type-teaser .ce-intext.ce-right .image { float:right; }
.frame-type-teaser .ce-intext .image img { /*width:72px;*/ }
.frame-type-teaser .ce-intext h2 { /*width:calc(100% - 120px); flex 1 1 calc(100% - 120px);*/ padding-top:0 !important; }
.frame-type-teaser .ce-beneath { display:flex; align-items:stretch; }
.frame-type-teaser .teaserWrapper.ce-beneath { padding-top:0; }
.frame-type-teaser .ce-beneath.ce-right { flex-direction:row-reverse; }
.frame-type-teaser .ce-beneath .image { flex:1 1 45%; line-height:0.6; background-position:left bottom;background-repeat:no-repeat;background-size:cover;}
.frame-type-teaser .ce-beneath .text { flex:1 1 55%; padding-top:3em; }
.content .frame-type-teaser .ce-bodytext { clear:left; }
.frame-type-teaser .teaserlink { margin-left:32px; margin-bottom:2em; margin-right:32px; }

.right .frame-type-teaser .ce-bodytext { clear:left;  }
.right .frame-type-teaser .ce-bodytext p { font-size:1em; }
.right .frame-type-teaser .teaserlink { margin-left:24px; margin-bottom:2em; margin-right:24px; }

/* Teaser-Variante für Heimlichtuer */
.frame-type-teaser .teaserWrapper.bgcolor-green  { padding-top:2em; }
.backendlayout-default .pageContent > div.contentWrapper > div .frame-type-teaser .bgcolor-green h2 { margin-bottom:0px !important; padding:24px 40px 24px 136px; background-image:url('../../../typo3conf/ext/custom_template/Resources/Public/Images/Heimlichtuer.png'); background-position:32px top; background-repeat:no-repeat; background-size: 80px 80px; font-size:2em; font-weight:900; font-style:italic; text-transform:uppercase; }
.backendlayout-default .pageContent > div.contentWrapper > div.right .frame-type-teaser .bgcolor-green h2 { }
.right .frame-type-teaser .bgcolor-green h2 { padding:24px 24px 24px 120px; background-position:32px top; }
.frame-type-teaser .bgcolor-green .ce-bodytext { padding-bottom:1.25em; overflow:hidden; color:white; }
.frame-type-teaser .bgcolor-green .ce-bodytext p { font-weight:700; }


/* CE Teaser Slideshow */
.frame-type-teaserslideshow { position:relative; clear:left; overflow:hidden; margin-bottom:2em; }
.frame-type-teaserslideshow .ce-slideshow { width:100%; }
.frame-type-teaserslideshow .ce-slideshow .image { position:relative; line-height:0.6; }
.frame-type-teaserslideshow .ce-teasertext { position:absolute; top:0; left:0; z-index:50; padding:2em; color:#02314d; }

/* CE Visual */
.frame-type-visual .visualWrapper { position:relative; padding-top:14.7%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.frame-type-visual .visualWrapper .pagetitle { position: absolute; top: calc(50% - 36px); left: 0; width: 100%; font-size:3em; text-align:center; line-height:1.5; }
.frame-type-visual .visualWrapper .pagetitle.fgcolor-white-shadow { color:white; text-shadow:3px 3px #808080;  }

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

/* Cookiebanner */
.protectprivacy { z-index:9999; }
.protectprivacy .message
{ max-width: 800px; margin-left:auto; margin-right:auto;}

/* backendlayout-subnavi: Subnavi-Bereich anzeigen */
.backendlayout-subnavi .navisection { justify-content:flex-start; }
.backendlayout-subnavi .naviWrapper { margin-top:1.5em; }
.backendlayout-subnavi .mobilenavi .mainnavi > li.active .level2 { display:block; }
.backendlayout-subnavi .breadcrumbsnavi { display:none; }
.backendlayout-subnavi .pageContent { padding-top:0; }
.backendlayout-subnavi .pageContent .content { float:none; width:100%; padding-top:3em; padding-left:30%; padding-right:10%; }
.backendlayout-subnavi .ce-left.ce-intext { overflow:visible; }
.backendlayout-subnavi .frame-space-after-extra-small .ce-left.ce-intext .ce-gallery { margin-bottom:2em; }
.backendlayout-subnavi .frame-space-after-small .ce-left.ce-intext .ce-gallery { margin-bottom:2em; }
.backendlayout-subnavi .frame-space-after-medium .ce-left.ce-intext .ce-gallery { margin-bottom:2em; }
.backendlayout-subnavi .frame-space-after-large .ce-left.ce-intext .ce-gallery { margin-bottom:2em; }
.backendlayout-subnavi .frame-space-after-extra-large .ce-left.ce-intext .ce-gallery { margin-bottom:2em; }
.backendlayout-subnavi .ce-left.ce-intext .ce-gallery { margin-left:-40%; margin-right:4em; }

.backendlayout-subnavi .pageContent .actioncontent .contentWrapper { padding-left:0; padding-right:0; padding-top:2em; }
.backendlayout-subnavi .pageContent .actioncontent .content { margin:0; padding:0; }
.backendlayout-subnavi .pageContent .actioncontent .right { margin:0; padding:0; }
/* .backendlayout-subnavi .pageContent .actioncontent .content .teaserWrapper .text { padding-left:32px; } */
.backendlayout-subnavi .pageContent .actioncontent .content .teaserWrapper h2 { margin-bottom:0; }
.backendlayout-subnavi .pageContent .actioncontent .right .teaserWrapper .ce-bodytext { padding-left:24px; padding-right:24px; }
.backendlayout-subnavi .pageContent .actioncontent .right .teaserlink { margin-top:1.75em; }

/* Styling Fundraising-Box und Transparenzranking */
.fundraising-box-full, #c225 { position:relative; left:-45%; width:155%; }
.transparenzranking-embed { width:100%; margin-top:2em; height:1000px; }

/* ==========================================================================
   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) {

}

/*
@media screen and (max-width:1140px) {
    .mainnavi.level1 > li { font-size:1.125em; }
}
@media screen and (max-width:1110px) {
    .mainnavi.level1 > li { font-size:1.0625em; }
}*/
/**
 *  Custom Styles for bwtemplate
 */

 /* bw-Farbe */
 /*.fgcolor-green { color:#A21725; } 
 a.morelink.fgcolor-green { color:#A21725; }
 .bgcolor-green { background-color:#A21725; }
 .metanavi > li:last-child > a { background-color:#A21725;}
 .news-list-view .article .teaser-text a { color:#A21725; } */

 /* Heimlichtuer des Monats: newslayout-3 
 .news-list-view .article.newslayout-3 .news-text-wrap { background-color:#A21725; } */
 
 /* Button Powermail 
 .powermail_submit { background-color:#A21725; } */

 /* Positionierung Transparenzranking */
 #c335 { position:relative; left:-45%; width:155%; } 

 /* Styling Slider */
 .ce-teasertext button.teaserlink { margin-top:1.5em; }

/* Styles News-Plugin */
.news-menu-view > ul { list-style:none; display:flex; flex-wrap:wrap; margin-bottom:1.5em; margin-left:1px; }
.news-menu-view > ul { justify-content: flex-start; }
.news-menu-view > ul > li { margin:0 0 0.5em 4px; padding:0; border:1px solid white; background-color:#028535; }
.news-menu-view > ul > li:first-child { border-left:1px solid white; }
.news-menu-view > ul > li > a { display:block; padding:0.5em 0.75em; color:white; font-size:0.875em; text-decoration:none; }
.no-touchevents .news-menu-view > ul > li > a:hover { background-color:#02314d; }
.news-menu-view > ul > li.itemactive { background-color:#02314d; }
.news-menu-view > ul > li.itemactive > a { color:white; }

/* Link News-Übersicht auf Home */
.home .pageContent .ce-headline-center > a { color:#028535;}

/* Styling Überschrift Heimlichtuer Teaser Seitenspalte newslayout-3 */
.news-list-view .article.newslayout-3 .news-text-wrap h3 { padding-top: 1em; }
.news-list-view .article.newslayout-3 .news-text-wrap h2 { padding-top: 1em; }

/* Heimlichtuer mobile Ansicht */
@media screen and (max-width:800px) { 
.backendlayout-default .pageContent > div.contentWrapper > div .frame-type-maskcontentelements_teaser .bgcolor-green h2 { margin-top:1em; }
}