/*************************************
 **
 **  Colours:
 **  01. Orange: #E5550F
 **  05. Blau: var(--kgBlue)
 **
 ***************************************/
/*
@im port url('h ttps://fo nts.googleapis.com/css2?family=Roboto&display=swap');
*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../../../fonts/Roboto-Regular.ttf);
    src: local('Roboto'), local('Roboto'),
    url(../../../fonts/Roboto-Regular.ttf) format('truetype');
}
:root
{
    --defaultFontSize: 18px;

    --headerHeight: 115px;
    --topBarHeight: 80px;
    --maxContentWidth: 960px;
    --kgBlue: #14295b;
}
html *
{
	position: relative;
	margin: 0px;
	padding: 0px;
    vertical-align: top;
    box-sizing: border-box;
	/*z-index: 1;*/
}

body
{
    font-family: 'Roboto', Arial, sans-serif;
    /*font-familiy: Verdana;*/
    font-display: swap;
}

body#page
{
   padding-top: var(--headerHeight);
	color: #2E2E2E;
	font-size: var(--defaultFontSize);
	font-weight: 400;
   font-family: 'Roboto', Arial, sans-serif;
}

#stoererItem1,
#anchorMenuWrapper
{
   display: none !important;
}

.alwaysShowSliderNav .flex-direction-nav a
{
}

div.cookie-panel__attribution
{
	text-indent: -10000px;
}

div.om-cookie-info
{
	display: none;
}

.tx-om-cookie-consent .om-cookie-panel button.cookie-panel__button--color--green
{
	background-color: #003665;
}


section,
article,
nav,
header
{
	display: block;
}

div#outerWrapper
{
	width: 100%;
	overflow: hidden;
}

table th
{
	text-align: left;
}

.htmlarea-content-body table
{
	font-size: inherit;
}

#centreArea a,
#centreArea a:visited
{
	color: /*var(--kgBlue)*/#E5550F;
	text-decoration: none;
	font-weight: 400;

	-webkit-transition: color 1s;
	-moz-transition: color 1s;
	-ms-transition: color 1s;
    transition: color 1s;
}

#centreArea a:hover
{
	text-decoration: none;
	color: #E5550F;
}

a img
{
	text-decoration: none;
	border: none;
}

.pageContent h1.mainHeader,
.pageContent h2.headerItem,
.pageContent h1.fsndRespImageItemHeader,
.pageContent h2.fsndRespImageItemHeader
{
   font-weight: 700;
   font-size: 28px;
   text-transform: uppercase;
   line-height: 1.5;
   color: var(--kgBlue);
}

.pageContent h1.mainHeader
{
    margin-top: 20px;
}

.contentBody h2
{
   font-weight: 600;
   font-size: 24px;
   color: #14295B;
}

.pageContent h1.mainHeader.headerItem5
{
   margin-top: 10px;
   margin-bottom: 10px;
}

.pageContent div.subHeader5,
.pageContent div.subHeader6
{
   color: #14295B;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 600;
}

.pageContent div.subHeader6
{
   margin-bottom: 15px;
}

.pageContent ul
{
	list-style: square;
}

.touchevents .sitemap li.sitemapItem
{
    line-height: 2.2;
}

.pageContent ul ul
{
	list-style: disc;
}

.pageContent ul.accented,
.pageContent ul.check-list,
.pageContent ul.highlighted
{
   margin-top: 10px;
   margin-left: 0px;
   padding-left: 0px;
   list-style: none;
}

.accented li,
.highlighted li,
.check-list li
{
   padding-left: 25px;
   padding-bottom: 10px;
   background-repeat: no-repeat;
   background-position: left 2px;
   background-size: auto 14px;
   /*line-height: 120%;*/
}

.accented li
{
   background-image: url(images/checkmark-orange.svg);
}

.highlighted li
{
   background-image: url(images/checkmark-blue.svg);
}

.check-list li
{
   background-image: url(images/checkmark-black.svg);
}

.frame-blackBg h1.mainHeader,
.frame-blackBg h2.headerItem,
.frame-blackBg h1.fsndRespImageItemHeader,
.frame-blackBg h2.fsndRespImageItemHeader,
.frame-greyBG  h1.mainHeader,
.frame-greyBG h2.headerItem,
.frame-greyBG h1.fsndRespImageItemHeader,
.frame-greyBG h2.fsndRespImageItemHeader
{
   margin-bottom: -10px;
   padding-top: 25px;
   padding-bottom: 0px;
}

.pageContent h1 strong,
.pageContent h2 strong
{
	display: inline-block;
	font-weight: 900;
	vertical-align: baseline;
}

figcaption.image-caption
{
   position: absolute;
   display: block;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   padding-left: 3%;
   padding-top: 3%;
   overflow: hidden;
   background-color: #f0F0F0;
   background-color: rgba( 240, 240, 240, 0.8 );
   opacity: 0;
   
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
}

div.trustPilotWrapper
{
    display: block;
    position: absolute;
    width: fit-content;
    max-width: 18em;
    bottom: -1.5em;
    /*left: 50%;*/
    right: 0;
    /*margin-left: 20em;*/
    padding-left: 1em;
    padding-top: 1em;
    background-color: #ffffff;
    z-index: 110;
}

.trustPilotWrapper div.trustpilot-widget
{
}

.image:hover figcaption.image-caption
{
   opacity: 1;
}

div.scrollNextWrapper
{
   position: absolute;
   top: calc( 100vh - 70px);
   left: 0;
   width: 100%;
   height: 40px;
   z-index: 100;
}

.largeParallaxAnchor div.scrollNextWrapper
{
   bottom: auto;
   top: calc( 100vh - 60px );
}

.smallParallaxAnchor
{
   padding-bottom: 25px;
}

.smallParallaxAnchor div.scrollNextWrapper
{
   bottom: 0px;
}

.frame-type-textpic.frame-layout-2 header
{
    display: none;
}

.frame-type-textpic.frame-layout-2 .imageTextTextItem header
{
    display: block;
}

.frame-greyBG .parallaxItemGroup div.parallaxTextElement
{
    margin-top: 10px;
    background-color: #e1e1e1;
    background-color: rgba( 240, 250, 250, 0.35 );
}

div.scrollNext
{
   height: 100%;
   width: 100px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(/fileadmin/templates/images/pfeilschwarz.svg);
   background-size: auto 95%;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer;
   z-index: 10000;
}

div#debugWindow
{
   position: fixed;
   display: none;
   left: 5px;
   bottom: 0px;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom: 15px;
   padding-right: 20px;
   border: 2px #808080 outset;
   font-size: 10px;
   font-family: system;
}

div.scrollNext:hover
{
   background-image: url(/fileadmin/templates/images/pfeilweiss.svg);
}

div.parallaxItemGroup
{
   overflow: hidden;
   
        -webkit-transition: height 1s ease-in-out;
        -moz-transition: height 1s ease-in-out;
        -ms-transition: height 1s ease-in-out;
        -o-transition: height 1s ease-in-out;
        transition: height 1s ease-in-out;
}

.csstransforms div.parallaxImageContainer
{
   position: absolute;
   min-width: 100%;
   top: 50%;
   left: 50%;
   
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

div#contactWrapper
{
   position: absolute;
   display: none;
   top: 0px;
   width: 100%;
   padding-top: 15px;
   padding-bottom: 25px;
   background-color: var(--kgBlue);
   color: #FFF;
   overflow: hidden;
   z-index: 10;
   
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
}

#contactWrapper .headerItem,
#contactWrapper a,
#contactWrapper a:visited
{
   color: #FFF;
   font-weight: 400;
}

div#closeContact
{
   position: absolute;
   top: 0px;
   right: 0px;
   font-size: 20px;
   cursor: pointer;
}

#contactDropdown div.frame
{
}

div.imageCaptionWrapper
{
   width: 90%;
   top: 50%;
   margin-left: auto;
   margin-right: auto;
   color: #1E1E1E;
   
	-ms-transform: translate(0,-50%);
 	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.frame-ruler-before div.imageCaptionWrapper
{
   color: #1E1E1E !important;
}

article.contentItem h1.csc-firstHeader
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.contentItemheader h2
{
	margin-bottom: 0px;
}

.pageContent h3
{
	margin-bottom: 1px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
}

.pageContent h3.headerItem,
.pageContent h3.subHeader1
{
   margin-top: 5px;
   font-weight: 400;
}

.pageContent h3.headerItem
{
   /*color: var(--kgBlue);*/
   font-weight: 600;
	/*font-family: 'Spinnaker', Arial, sans-serif;*/
}

.pageContent h3.subHeader
{
   font-size: 18px;
}

.pageContent h3.topSubHeader
{
   margin-bottom: 5px;
   padding-bottom: 0px;
}

.pageContent h3.headerItemGrey
{
   color: #3E3E3e;
}

.pageContent h4
{
   font-size: 18px;
   font-weight: 400;
}

.pageContent h4.headerItem4
{
   margin-top: 10px;
   margin-bottom: 5px;
   font-size: 16px;
   font-weight: 600;
   color: #14295B;
   text-transform: uppercase;
}

.mainHeader em,
.headerItem em
{
   text-transform: none;
}

.pageContent p, .pageContent ul, .pageContent ol
{
	padding-top: 3px;
	padding-bottom: 5px;
	line-height: 1.5;
}

.pageContent .slides, .slides > li, 
.pageContent .flex-control-nav, 
.pageContent .flex-direction-nav
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.pageContent .flex-control-nav
{
    bottom: -0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #ffffff;
}

.pageContent div.fsndElMgrSlider
{
    max-width: 100vw;
}

.customerPage #mainContent
{
    margin-top: 2.5rem;
}

#mainContent p
{
   padding-bottom: 5px;
   padding-top: 5px;
   line-height: 1.5;
}

#mainContent .contentHeaderType100 .contentBody p:first-child
{
   padding-top: 0
}

#mainContent .contentBody p:last-child
{
   padding-bottom: 0;
}

#mainContent .frame-layout-9 p,
#mainContent .frame-layout-9 ul,
#mainContent .frame-layout-9 ol
{
   margin-bottom: 2px;
   padding-top: 0px;
   padding-bottom: 0px;
}

ul,ol
{
	margin-left: 12px;
	padding-left: 5px;
}

ul
{
	list-style: square;
}

ul ul
{
	list-style: disc;
}

ul.menu,
.menu ul,
ul.csc-uploads
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#contentWrapper,
div#teaserWrapper,
div#footerWrapper,
article.contentItem
{
	width: 100%;
   max-width: 100vw;
}

div#outerWrapper,
div#footerWrapper
{
	max-width: 100%;
	height: auto;
}

article.contentItem div.articleInnerWrapper,
div#breadCrumbWrapper,
#teaser div.teaserImageSlogan,
.textElementsInImage div.elMagrListCount1,
#teaser div.videoInfoTextWrapper,
div.stdContent
{
	width: var(--maxContentWidth);
	max-width: 98%;
	margin-left: auto;
	margin-right: auto;
}

.indexPage #mainContent section article:nth-child(2)
{
    margin-top: -5rem;
    margin-bottom: -5rem;
    padding-bottom: 5rem;
    background-color: white;
}

article.contentItem div.articleInnerWrapper:has(.trustPilotWrapper)
{
    width: auto;
    max-width: 100%;
}

article.contentItem.contentItemshortcut .articleInnerWrapper div.articleInnerWrapper
{
   max-width: 100%;
}

#centreArea article.contentHeaderType1 div.articleInnerWrapper
{
   padding-bottom: 0px;
}

#teaser article.contentItem.contentItemfsndvideolist_fsndvideo div.articleInnerWrapper
{
   width: 100%;
   max-width: 100%;
}
article.contentItem.contentItemlist.contentItemLayout4 div.articleInnerWrapper
{
   /*width: 1600px;*/
}

div.accordionItem
{
   background-color: #FFF;
   background-color: rgba( 255, 255, 255, 0.8);
}

article.stylelightGreyBGFull,
div.frame-lightGreyBGFull.accordionItem
{
   background-color: #e9ebeb;
}

article.stylerightAlign
{
    text-align: right;
}

div.frame-blackBg,
div.frame-lightGreyBGFull,
.stylegreyBG div.frame
{
   padding-top: 40px;
   padding-bottom: 40px;
}

.contentItemLayout9 div.frame-lightGreyBGFull,
div.frame-lightGreyBGFull.accordionItem
{
   padding-top: 0px;
   padding-bottom: 0px;
}

article.styleblueTop
{
}

div.frame-blackBg,
.stylegreyBG div.frame
{
   padding-left: 3%;
   padding-right: 3%;
   color: #FFF;
}

div.frame-lightGreyBGFull
{
   color: var(--kgBlue);
}

.frame-lightGreyBGFull.accordionItem *
{
   color: #3E3E3E;
}

div.frame-blackBg
{
   background-color: #000000;
}

div.frame-blueTop
{
   border-top: 2px var(--kgBlue) solid;
}

.parallaxContentItem div.accordionItem
{
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 15px;
}

ul.fsndElMgrListElements.slides
{
}

div.frame-layout-3
{
   padding-bottom: 25px;
   background: #F0F0F0;
}

div.frame-layout-3::before
{
   display: block;
   height: 40px;
   margin-bottom: -40px;
   content: " ";
}

.parallaxTextElementInner div.frame-layout-3
{
   background: transparent;
}

.flexslider .slides img
{
   height: auto;
}

.slides div.frame-linkBox.frame-layout-3
{
   margin-right: 20px;
   margin-left: 20px;
}

div.frame-greyBG div.fsndElMgrSlider
{
   width: 1100px;
}

.frame-greyBG div.frame-linkBox.frame-layout-3
{
   background: transparent;
}

.slides li.listElement
{
}

.slides .frame-linkBox.frame-layout-3 div.ce-listGallery
{
   max-width: 80px;
   margin-top: -40px;
   margin-left: auto;
   margin-right: auto;
}

.listElement div.frame-type-header.frame-layout-3
{
   padding-top: 25px;
   background-color: #FFF;
   background-color: rgba( 255, 255, 255, 0.8 );
}
 
#mainContent .slides .frame-layout-3 .frameTextBodyWrapper *
{
   font-size: 16px;
   line-height: 2;
}

.frame-layout-3 div.listImageWrapper
{
   margin-bottom: 40px;
}

.frame-layout-3 div.mainListImageWrapper
{
   height: 120px;
   overflow: hidden;
}

.frame-layout-3 div.listImageIconWrapper
{
   position: absolute;
   left: 50%;
   bottom: -24px;
   width: 48px;
   margin-left: -24px;
}

a.frameLink
{
}

a.frameLink:hover
{
}

.frame-layout-3 .headerItem,
.frame-layout-3 .frameTextBodyWrapper
{
   margin-left: 15px;
   margin-right: 15px;
}

.parallaxTextElementInner .frame-layout-3 .headerItem,
.parallaxTextElementInner .frame-layout-3 .frameTextBodyWrapper
{
   margin-left: 0px;
   margin-right: 0px;
}

#mainContent .frame-layout-3 .frameTextBodyWrapper *
{
   line-height: normal;
}

.frame-layout-3 .frameTextBodyWrapper div.frameTextBody
{
   height: 170px;
   overflow: hidden;
}

.listElement .frame-type-header.frame-layout-3 .headerItem,
.listElement .frame-type-header.frame-layout-3 .headerItem a
{
   line-height: 2.5;
   color: #3E3E3E;
}

.listElement .frame-type-header.frame-layout-3 .headerItem a:hover
{
   color: var(--kgBlue); 
}

.listElement .frame-type-header.frame-layout-3 .headerItem em
{
   color: var(--kgBlue);
   font-style: normal;
}

.stylegreyBG div.frame
{
   background-color: #343434;
}

.contentItemheader.stylegreyBG div.frame
{
   display: inline-block;
}

.contentItemLayout7.stylegreyBG div.frame,
.textElementsInImage .stylegreyBG div.frame,
div.frame-greyBG article.contentItem,
div.frame-greyBG
{
   background-color: rgba( 240, 240, 240, 1 );
}

.contentItemLayout7 div.frame-blackBg,
.textElementsInImage div.frame-blackBg
{
   background-color: rgba( 0, 0, 0, 0.7 );
}
.frame-blackBg.frame-type-header
{
   display: inline-block;
   min-width: 44%;
}
.contentItemLayout7 div.frame
{
   /* protrude up */
   margin-top: -80px;
}

div.areaBorder
{
   position: absolute;
   left: 0px;
   width: 100%;
   height: 320px;
   background-position: center center;
   background-size: auto 100%;
   background-repeat: no-repeat;
   
   z-index: 20;
}

.plainPage article.contentItem div.articleInnerWrapper
{
   max-width: 100%;
}

article.contentItem.contentItemLayout1 div.articleInnerWrapper,
article.contentItem.contentItemLayout2 div.articleInnerWrapper
{
   width: 100%;
   max-width: 100%;
}

article.contentItem div.articleInnerWrapper img
{
   width: 100%;
   height: auto;
}

div#breadCrumbWrapper
{
   display: none;
}

div#breadCrumb
{
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 10px;
}

#mainContent div#breadCrumbWrapper
{
   display: none;
   z-index: 10;
}

div#leftbarWrapper
{
   position: fixed;
   left: 0px;
   top: 0px;
   width: 180px;
   height: 100%;
   padding-left: 40px;
   background-color:  var(--kgBlue);
   color: #FFF;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: left top;
   z-index: 4;
   
    -webkit-box-shadow: 0px 10px 10px 1px rgba(68,68,68,0.6);
	-moz-box-shadow: 0px 10px 10px 1px rgba(68,68,68,0.6);
	box-shadow: 0px 10px 10px 1px rgba(68,68,68,0.6);
}

div#topBarWrapper
{
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   max-width: 100vw;
   max-height: 25vh;
   padding-top: 25px;
   padding-bottom: 25px;
   background-color: #FFF;
   z-index: 300;
}

div#topBar
{
   height: 80px;
	max-height: 100%;
}

div#topMenu
{
   display: inline-block;
   position: absolute;
   top: 4px;
   right: 100px;
   z-index: 20;
}

.topMenuItem
{
   display: inline-block;
}

.searchItemWrapper
{
   /*display: none;*/
}

.topMenuLink
{
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   /*background-color: var(--kgBlue);*/
   color: #FFF;
}

#searchItem
{
   cursor: pointer;
}

img.topMenuIcon
{
   width: 20px;
   height: auto;
}

.ie9 img[src$=".svg"] 
{
   width: 100%; 
}
.ie9 .topMenuItem
{
   width: 40px;
   height: 40px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
   .topMenuItem
   {
      width: 40px;
      height: 40px;
   }
   img[src$=".svg"] 
   {
      width: 100%; 
   }
}

#langMenu
{
   position: absolute;
   left: 0px;
   top: 0px;
   white-space: nowrap;
   font-size: 14px;
}

#langMenu a,
#langMenu a:visited
{
   color: var(--kgBlue);
}

ul#langList
{
   list-style: none;
   margin-left: 0px;
   padding-left: 0px;
}

li.langMenuItem
{
   display: inline-block;
   padding-left: 5px;
   padding-right: 5px;
   border-left: 1px #3E3E3E solid;
}

li.langMenuItem:first-child
{
   padding-left: 0px;
   border-left: none;
}

#langMenu .currentLangLink
{
   display: none;
}

.langMenuItem > a
{
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

img.langFlag
{
    height: 0.9em;
    width: auto;
}

/* ==========================================================================
   Search
   ========================================================================== */
div#searchForm
{
   float: right;
   width: 160px;
}
#searchForm legend,
#searchForm label
{
   display: none;
}

#searchForm input.tx-indexedsearch-searchbox-sword
{
   width: 120px;
	padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-right: 4px;
	border: 1px #F0F0F0 solid;
   text-align: left;
	background: transparent;
   color: #FFF;
}

::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */
  color: #F0F0F0;
   text-transform: lowercase;
   text-align: center;
}
::-moz-placeholder 
{ /* Firefox 19+ */
  color: #F0F0F0;
   text-transform: lowercase;
   text-align: center;
}
:-ms-input-placeholder 
{ /* IE 10+ */
  color: #F0F0F0;
   text-transform: lowercase;
   text-align: center;
}
:-moz-placeholder 
{ /* Firefox 18- */
  color: #F0F0F0;
   text-transform: lowercase;
   text-align: center;
}

#topBar div.tx-indexedsearch-searchbox div.tx-indexedsearch-form,
#topBar div.tx-indexedsearch-searchbox div.tx-indexedsearch-search-submit
{
   float: none;
   max-width: 100%;
}

div#slogan
{
   position: absolute;
   left: 0px;
   top: 25px;
   max-width: calc(50% - 120px);
   color: var(--kgBlue);
   font-weight: 600;
   font-size: 14px;
}

#search
{
}

#searchForm input[type="submit"]
{
	background-color: transparent !important;
}

#searchForm div.tx-indexedsearch-search-submit
{
}

#searchForm input.tx-indexedsearch-searchbox-button
{
   width: 20px;
	height: 18px;
	border: none;
	background-color: transparent !important;
	background: url(/fileadmin/templates/images/lupe_dark_grey.png);
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: center center;
   
	cursor: pointer;
	z-index: 10;
}

.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"]
{
	padding-left: 5px;
	padding-right: 5px;
}

#topBar.openSearchForm div#topMenu
{
   width: 0px;
   margin-top: 10px;
   overflow: hidden;
   
  -webkit-transition: width 2s; /* Safari */
  transition: width 2s;
}

.openSearchForm div#searchForm
{
   width: 260px;
   max-width: 50%;
   height: 20px;
   padding-bottom: 3px;
   margin-right: 22px;
   margin-top: 15px;
   background: #F0F0F0;
   background: rgba( 255, 255, 255, 0.8 );
   overflow: visible;
   
   cursor: auto;
  /*-webkit-transition: width 2s; 
  transition: width 2s;*/
}

.openSearchForm #searchForm input.tx-indexedsearch-searchbox-sword
{
   display: block;
}

.openSearchForm #searchForm input.tx-indexedsearch-searchbox-button
{
   display: inline-block;
   background-color: #FFF;
   text-indent: -1000px;
}

.openSearchForm div#searchFormToggle
{
   width: 20px;
   height: 18px;
   margin-right: -22px;
   padding-bottom: 4px;
   text-indent: 0px;
   background: #F0F0F0;
   color: #1E1E1E;
   text-align: center;
   border-radius: 2px;
}

.fixedTeaser div#teaserWrapper
{
   position: fixed;
}

.contentColumnItem .tx-fsndstafflist #mapOuterWrap
{
   height: 360px;
   margin-bottom: 20px;
   padding-bottom: 20px;
   overflow: hidden;
}

div#header
{
   position: absolute;
   top: 0px;
   height: 0px;
}

#topBarWrapper div#logo
{
   height: 100%;
   max-width: 320px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#topBarWrapper #logo img
{
	width: auto;
	height: 100%;
	
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

/*******************  teaser / page header  ***********************/
div#teaserWrapper
{
   /*padding-bottom: 5vh;*/
}
div#teaser
{
   vertical-align: middle;
}

div#indexBannerWrapper
{
   position: absolute;
   top: 0px;
   left: 50%;
   z-index: 10;
   
	-ms-transform: translate(-50%, 0%);
 	-webkit-transform: translate(-50%, 0%);
  	-moz-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

#centreArea div#indexBannerWrapper
{
   position: absolute;
   top: 0px;
}
#indexBanner
{
   width: 160px;
   max-width: 15vw;
}

#teaser #indexBanner,
.bannerRight #indexBanner
{
   float: right;
}

#centreArea #indexBanner
{
   width: 120px;
   margin-left: -15px;
}

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

#teaser div#imageInfo
{
   display: none;
}

#teaser div.teaserImg
{
	width: 100%;
	height: auto;
    max-height: 70vh;
   
   vertical-align: middle;
   overflow: hidden;
}

#teaser video div.teaserImg
{
    min-height: 56vh;
}

#teaser .teaserImg img.teaserImage
{
	width: 100%;
	height: auto;
   
   vertical-align: middle;
}


#teaser div.tx-fsnd-videolist
{
   position: relative;
}

#teaser .frame-redBG div.tx-fsnd-videolist
{
   background: #FFF;
   border-bottom: 3px solid #FFF;
}

#teaser div.teaserImageSlogan,
#teaser div.videoInfoTextWrapper
{
	position: absolute;
	left: 50%;
	top: 25%;
   text-align: center;
   
	-ms-transform: translate(-50%, 0%);
 	-webkit-transform: translate(-50%, 0%);
  	-moz-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

#teaser div.teaserImageSlogan
{
   
}

#teaser .teaserAlign1 div.teaserImageSlogan
{
   text-align: right;
}

#teaser .teaserImageSlogan a,
#teaser .teaserImageSlogan a:visited
{
	font-weight: 400;
}

#teaser .teaserImageSlogan div.teaserImageSloganInner,
#teaser div.videoInfoText
{
	display: inline-block;
	max-width: 66%;
	padding-left: 25px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 25px;
   font-size: 18px;
   color: #FFF;
   text-align: left;
}

#teaser .frameredBG .teaserImageSlogan div.teaserImageSloganInner,
#teaser div.videoInfoText
{
   color: #FFF;
}

#teaser div.videoInfoText
{
   /*
   background: rgba( 255, 255, 255, 0.5 );
   transition: background 1s linear;
   */
   color: #2E2E3E;
}

#teaser .teaserImageSlogan h1.teaserImageSloganHeader,
#teaser .videoInfoTextWrapper div.videoInfoTitle
{
   margin-bottom: 20px;
   color: inherit;
   font-size: 28px;
   font-weight: 700;
}

#teaser .videoInfoTextWrapper div.videoInfoTitle
{

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

#teaser .videoInfoTextWrapper div.videoInfoSubtitle
{
   text-align: center;
   
    -webkit-animation: fadein 5s ease 1 normal forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s ease 1 normal forwards; /* Firefox < 16 */
        -ms-animation: fadein 5s ease 1 normal forwards; /* Internet Explorer */
         -o-animation: fadein 5s ease 1 normal forwards; /* Opera < 12.1 */
            animation: fadein 5s ease 1 normal forwards;
   
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

div#mainMenuWrapper
{
   position: absolute;
   right: 0px;
   top: 0px;
   max-width: 380px;
   margin-top: 15px;
	text-align: left;
   font-size: 16px;
	
	z-index: 10;
}

div#mainMenuHeader
{
   padding-bottom: 25px;
   text-align: right;
}

#mainMenuLabel
{
   display: inline-block;
   padding-right: 15px;
   padding-top: 5px;
   color: var(--kgBlue);
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 600;
}

#mainMenuTitle
{
}

#mainMenuIcons
{
   display: inline-block;
   width: 30px;
   height: 30px;
   margin-top: -6px;
}

div.mainMenuIcon
{
   position: absolute;
   left: 0px;
   right: 0px;
   height: 100%;
   width: 100%;
   background-position: right center;
   background-size: 95% 95%;
   background-repeat: no-repeat;
   cursor: pointer;
   
   -webkit-transition:opacity 500ms ease-out;
   -moz-transition:opacity 500ms ease-out;
   -o-transition:opacity 500ms ease-out;
   transition:opacity 500ms ease-out;
}

div#closedMenuIcon
{
   background-image: url("images/burger-icon-blue.svg");
   opacity: 1;
}

div#openedMenuIcon
{
   background-image: url("images/x-blue.svg");
   background-size: 75% 75%;
   opacity: 0;
}

.burgerMenuOpened div#closedMenuIcon
{
   opacity: 0;
}

.burgerMenuOpened div#openedMenuIcon
{
   opacity: 1;
}

div#mainMenuInnerWrapper
{
   background-color: #FFF;
}

ul#mainMenu
{
   width: 0px;
   height: 0px;
   max-width: 100%;
   overflow: hidden;
   background-color: rgba( 20, 41, 91, 0.4);
   
   -webkit-transition:width 500ms ease-out,height 500ms ease-out;;
   -moz-transition:width 500ms ease-out,height 500ms ease-out;
   -o-transition:width 500ms ease-out,height 500ms ease-out;
   transition:width 500ms ease-out,height 500ms ease-out;
}

.burgerMenuOpened ul#mainMenu
{
   width: 400px;
   /*max-width: calc(100vw - 15px);*/
   height: auto;
}

#mainMenuWrapper a,
#mainMenuWrapper a:visited
{
   display: block;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 15px;
	text-decoration: none;
   white-space: nowrap;
   font-weight: 400;
   color: #FFF;
   background-color: rgba( 20, 41, 91, 0.85);
	
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

#mainMenuWrapper a:hover
{
   background-color: rgba( 20, 41, 91, 0.55);
}

#mainMenuWrapper li.level1.current-item a.menuLinkLevel1,
#mainMenuWrapper li.level1.current-item a.menuLinkLevel1:visited,
#mainMenuWrapper li.level1:hover a.menuLinkLevel1,
#mainMenuWrapper li.level1.actItem a.menuLinkLevel1
{
}

#mainMenuWrapper ul.level1 li.level1
{
   text-transform: uppercase;
   margin-bottom: 1px;
}

#mainMenuWrapper ul.level1 li.level1.lastItem
{
   margin-bottom: 0px;
}

div.submenuButton
{
   position: absolute;
   right: 0;
   top: 1px;
   height: 43px;
   width: 43px;
   background-color: rgba( 255, 255, 255, 0.30 );
   cursor: pointer;
	
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
}

div.submenuButton:hover
{
   background-color: rgba( 255, 255, 255, 0.50 );
}

div.submenuButtonInner
{
   width: 100%;
   height: 100%;
   background-image: url("images/pfeilWeiss.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 50% 50%;
   transform: rotate(90deg);
	
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;
}

.subMenuOpened div.submenuButtonInner
{
   transform: rotate(-90deg);
}

.parallaxItemGroup div.textElementsInImage
{
   margin-top: 30px;
   margin-bottom: 30px;
}

.textElementsInImage div.parallaxTextElement
{
   padding-left: 20px;
   padding-right: 20px;
}

#mainMenuWrapper ul.level2
{
	display: none;
   font-size: 14px;
   background-color: rgba( 20, 41, 91, 1);
   opacity: 0;
	
        -webkit-transition: opacity 500ms linear;
        -moz-transition: opacity 500ms linear;
        -ms-transition: opacity 500ms linear;
        -o-transition: opacity 500ms linear;
        transition: opacity 500ms linear;
}

#mainMenuWrapper .subMenuOpened ul.level2
{
	display: block;
   opacity: 1;
	
        -webkit-transition: opacity 500ms linear;
        -moz-transition: opacity 500ms linear;
        -ms-transition: opacity 500ms linear;
        -o-transition: opacity 500ms linear;
        transition: opacity 500ms linear;
}

#mainMenuWrapper .level1 li.level2
{
   border-bottom: 1px rgba( 255, 255, 255, 0.45) solid;
}

#mainMenuWrapper .level1 li.level2:last-child
{
   border-color: rgba( 255, 255, 255, 0 );
}

#mainMenuWrapper li.level1.current-item,
#mainMenuWrapper li.level1.actItem,
#mainMenuWrapper li.level1.actItem li.level2.current-item
{
}

#mainMenuWrapper li.level1.actItem a.menuLinkLevel1
{
}

#mainMenuWrapper ul.level1 li.level1.current-item
{
}

#mainMenuWrapper ul.level1 li.level1.last-item ul.level2 li.level2
{
   width: auto;
   padding-right: 10px;
}

#mainMenuWrapper .level2 a.menuLinkLevel2,
#bottomMenu a.bottomMenuItemLinkLevel2
{
   line-height: 1;
   text-transform: uppercase;
}

#mainMenuWrapper ul.level2.isActive
{
	display: block;
	width: auto;
	min-width: 100%;
	
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}

#mainMenu li.level1 li.level2:hover
{
	z-index: 100;
}

#mainMenuWrapper a.menuLinkLevel2,
#mainMenuWrapper2 a.menuLinkLevel2:visited
{
   padding-left: 30px;
	white-space: nowrap;
   background-color: rgba( 255, 255, 255, 0 );
	
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.2s linear;
}

#mainMenuWrapper li.level2:first-child a.menuLinkLevel2
{
   padding-top: 20px;
}

#mainMenuWrapper a.menuLinkLevel2:hover
{
   background-color: rgba( 255, 255, 255, 0.2 );
}

#mainMenuWrapper li.level1.current-item li.level2
{
}

#mainMenuWrapper li.level1.current-item li.level2.current-item
{
	
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.2s linear;
}

div#centreAreaWrapper
{
   min-height: 220px;
}

div#centreAreaWrapper::after
{
   display: table;
   content: " ";
   clear: both;
   float: none;
}

#centreArea article.contentItem.contentItemLayout9 div.articleInner
{
   margin-bottom:  0px;
}

.multiColumn2 div.multiColumnInnerWrapper
{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 80px;
}

.multiColumn2 .multiColumnInnerWrapper div.contentColumnWrapper
{
   display: block;
   width: auto;
   vertical-align: top;
}

.multiColumn2 div.contentColumnInner
{
   margin-left: 0px;
   margin-right: 0px;
}

header.accordionHeader
{
   margin-bottom: 0px;
   padding-right: 0px;
   padding-left: 0px;
   padding-top: 10px;
   padding-bottom: 0px;
   /*
   background: rgb(240,240,240);
   background: linear-gradient(180deg, rgba(240,240,240,0.8) 0%, rgba(240,240,240,0.9) 5%, rgba(240,240,240,1) 10%, rgba(220,220,220,1) 30%, rgba(215,215,215,1) 50%, rgba(220,220,220,1) 80%, rgba(240,240,240,1) 92%, rgba(240,240,240,0.9) 98%, rgba(240,240,240,0.8) 100%);
   */
   cursor: pointer;
}

header.accordionHeader::after
{
   position: absolute;
   right: 15px;
   top: 8px;
   content: ">";
   font-size: 26px;
   transform: rotate(-90deg);
   transition: all 1s;
}

.accClosed header.accordionHeader::after
{
   transform: rotate(90deg);
}

.accordionHeader .accordionHeaderItem
{
   margin-top: 5px;
   margin-bottom: 5px;
   padding-right: 30px;
}

.accordionItem div.contentBody
{
   display: none;
   padding-top: 10px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 10px;
   margin-bottom: 5px;
}

.parallaxPage div#contentWrapper,
.hasHeader div#contentWrapper
{
	margin-top: 0px;
}

.frame-layout-8 div.contentBody
{
   
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.frame-type-textpic.frame-layout-8 div.contentBody
{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

.frame-type-textpic.frame-layout-8 .contentBody div.ce-bodytext
{
   
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.frame-type-textpic.frame-layout-8 .contentBody .ce-bodytext header
{
   -webkit-column-span: all;
   -moz-column-span: all;
   column-span: all;
}

.frame-layout-8 .contentBody p,
.frame-layout-8 .contentBody ul,
.frame-layout-8 .contentBody ol
{
	break-inside: avoid;
}

div.parallaxTextElementInnerfull
{
	padding-left: 20px;
	padding-right: 20px;
	/*background-color: #FFF;
	background-color: rgba(255,255,255,0.3);*/
}

.parallaxTextElementInnerleft div.parallaxContentItem
{
	max-width: 95%;
	width: 600px;
}

#contentWrapper article.contentItemLayout7
{
}

#contentWrapper article.contentItemheader.contentItemLayout7
{
}

#contentWrapper div.frame-layout-5
{
   padding-top: 15px;
}

#contentWrapper .frame-layout-5 header
{
   padding-top: 55px;
   background-image: url('/fileadmin/templates/images/download.svg');
   background-repeat: no-repeat;
   background-position: top center;
   background-size: auto 55px;
}

article.contentItemLayout6
{
   padding-top: 20px;
   padding-bottom: 20px;
   background: var(--kgBlue);
   color: #FFF;
}

.contentItemLayout6 header
{
   margin-bottom: 15px;
}

article.contentItemLayout6 a,
article.contentItemLayout6 a:visited
{
   color: #FFF;
}

#contentWrapper .multiColumn3 div.contentColumnWrapper
{
   width: auto;
}

#contentWrapper .multiColumn.multiColumn3 div.multiColumnInnerWrapper
{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-column-gap: 40px;
   grid-row-gap: 40px;
}

.multiColumn.layout4 div.contentColumnWrapper
{
   margin-top: 40px;
   overflow: visible;
}

#contentWrapper .layout4 .frame-layout-3 div.ce-listGallery
{
   width: 80px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -40px;
}

#contentWrapper .layout4 .frame-layout-3 .headerItem
{
   min-height: 75px;
   font-size: 22px;
   font-weight: 400;
}

#contentWrapper .layout4 .frame-layout-3 .hasTextBody .headerItem
{
   min-height: 45px;
}

#contentWrapper .layout4 .frame-layout-3 .subHeader
{
   padding-top: 20px;
}

#contentWrapper .layout4 .frame-layout-3 div.frameItemInner
{
   margin-left: 15px;
   margin-right: 15px;
   padding-bottom: 45px;
   padding-left: 0px;
   padding-right: 0px;
   border: 1px solid #FFF;
}

.layout4 .frame-layout-3 .headerItem, 
.layout4 .frame-layout-3 .frameTextBodyWrapper
{
   margin-left: 0px;
   margin-right: 0px;
}

.layout4 div.frame-layout-3
{
   padding-bottom: 0px;
}

.articleInnerWrapper .multiColumn.layout4 div.contentColumnItem.conententBoxes
{
   border: none;
   box-shadow: none;
   border-radius: 0px;
}

div#centreArea
{
}

.hasHeader div#centreArea,
.parallaxPage div#centreArea
{
   padding-top: 0px;
}

.frame-ruler-before *
{
	color: #FFF !important;
}

.frame-ruler-before .image-caption
{
	color: #3E3E3e !important;
   font-size: 12px;
}

.frame-twoCol div.contentBody
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	align-items: center;
}

.ce-textpic.ce-left.ce-intext div.ce-gallery
{
   display: inline-block;
   margin-right: 15px;
}
.ce-textpic.ce-left.ce-intext .ceColumns2 div.ce-row
{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.contentItemLayout6 .ce-textpic.ce-left.ce-intext div.ce-gallery
{
   margin-right: 22px;
}

.ce-textpic.ce-right.ce-intext div.ce-gallery
{
   display: inline-block;
   margin-left: 15px;
}

.ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.ce-textpic.ce-right.ce-intext .ceColumns3 div.ce-row
{
	display: grid;
   margin-bottom: 25px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
}

.ce-textpic.ce-below .ceColumns3 div.ce-row
{
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.ce-textpic.ce-below .ceColumns3.ce-border div.ce-row
{
	display: inline-grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.ce-border .image
{
	display: inline-block;
	background-color: rgba(255,255,255,0.75);
}

.ce-textpic.ce-below .ceColumns2 .image,
.ce-textpic.ce-below .ceColumns3 .image,
.ce-textpic.ce-intext .ceColumns3 .image,
.ce-textpic.ce-intext .ceColumns2 .image
{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.75);
}

.ce-textpic.ce-below .ce-column .image img,
.ce-textpic.ce-intext .ce-column .image img
{
   max-width: 100%;
   height: auto;
}

.ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-column
{
	text-align: center;
}

.ce-textpic.ce-right.ce-intext .ceColumns2 .image
{
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,0.5);
}

.ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-gallery
{
	max-width: 52%;
}

.ce-textpic.ce-intext div.ce-bodytext
{
   display: inline-block;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-bodytext
{
	max-width: 45.5%;
}

#stoererBottom
{
    position: fixed;
    width: 100%;
    left: auto;
    right: auto;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px #f0f0f0 solid;
    background-color: rgba( 240, 240, 240, 0.95 );
    z-index: 140;
}

#stoererBottom div.ce-gallery
{
    max-width: 80%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#stoererBottom div.ce-gallery img,
div.ce-gallery img
{
    max-width: 100%;
    height: auto !important;
}

.contentItemLayout6 .ce-border .image
{
   border: 1px #FFF solid;
   padding: 15px;
}

#mainContent .frame-layout-3 h3.headerItem
{
   height: 35px;
   margin-top: 15px;
   margin-bottom: 5px;
   font-size: 16px;
   font-weight: 600;
   color: var(--kgBlue);
   overflow: hidden;
}

.articleInnerWrapper .multiColumn div.contentColumnItem
{
   margin-top: 5px;
   margin-bottom: 5px;
}

.articleInnerWrapper .multiColumn div.contentColumnItem.conententBoxes
{
   border: 1px var(--kgBlue) solid;
   border-radius: 5px;
   
   -webkit-box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.5);
   -moz-box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.5);
   box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.5);
}

.articleInnerWrapper .multiColumn div.contentColumnItem.conententBoxes:hover
{
   /*border: 1px #E5550F solid;*/
   
   -webkit-box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.8);
   -moz-box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.8);
   box-shadow: 5px 5px 8px 1px rgba(20,41,91,0.8);
}

div.frameMoreLinkWrapper,
div.readMoreItem
{
   position: absolute;
   left: 0px;
   bottom: 0px;
}

div.frameMoreLinkWrapper.headerFrameMoreLinkWrapper
{
   position: relative;
   left: auto;
   bottom: auto;
   margin-top: 20px;
}

.frameMoreLinkWrapper a.moreLink,
.readMoreItem a.boxMoreLink
{
   color: var(--kgBlue);
   font-weight: 600;
   text-decoration: underline;
}

.frameMoreLinkWrapper a.moreLink:hover,
.readMoreItem a.boxMoreLink:hover
{
   color: var(--kgBlue);
   font-weight: 600;
}

.frame-layout-3 a.moreLink,
.frame-layout-3 a.moreLink:visited
{
   /*color: #FFF;*/
}

.readMoreItem a.boxMoreLink,
.readMoreItem a.boxMoreLink:visited
{
   color: #E5550F;
}

.readMoreItem a.boxMoreLink:hover
{
   color: var(--kgBlue);
}

/*
#centreArea article.contentItem div.articleInnerWrapper
{
	padding-top: 30px;
   padding-bottom: 30px;
}
*/
#centreArea article.contentItemimage div.articleInnerWrapper
{
   padding-bottom: 0px;
}

#centreArea article.contentHeaderType100 div.articleInnerWrapper
{
   padding-top: 0px;
}

#centreArea article.contentItemLayout1 div.articleInnerWrapper,
#centreArea article.contentItemLayout2 div.articleInnerWrapper,
#centreArea article.contentItemLayout6 div.articleInnerWrapper
{
	padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
}

article.contentItemfsndtranslate_tportal,
article.contentItemtext
{
    background-color: white;
}

.contentItemLayout4 .multiColumn div.contentColumnInner
{
   margin-left: 0px;
   margin-right: 0px;
}

.contentItemLayout6 .articleInnerWrapper h5
{
   margin-top: -20px;
   margin-bottom: 10px;
}

#centreArea article.contentItem div.articleInner
{
   padding-bottom: 15px;
}

#centreArea article.stylerightAlign div.articleInner
{
    padding-bottom: 0px;
    margin-bottom: -20px;
    margin-top: -1em;
}

#centreArea article.contentItem.stylelightGreyBGFull div.articleInner
{
   padding-bottom: 0px;
}

#centreArea article.contentItemLayout9.stylelightGreyBGFull div.articleInner
{
   padding-bottom: 15px;
}

#centreArea article.contentItemimage div.articleInner
{
   margin-bottom: 0px;
}

#centreArea article.contentItemLayout2 div.articleInner
{
   margin-bottom: 0px;
   padding-bottom: 0px;
}

#centreArea article.style5
{
}

#centreArea article.style5 div.articleInnerWrapper
{
	padding-top: 0px;
}

#centreArea article.style5 div.articleInner
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background: #C2C2CE;
}

.articleInner div.frame-type-textpic::after
{
   display: table;
   content: " ";
   clear: both;
}

#mainContent .parallaxItemGroup div.textElementsInImage
{
   top: 30%;
}

div.imageTextGroup
{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 80px;
   margin-top: 10px;
   overflow: hidden;
}

div.imageTextHalfGroup
{
   /*position: relative;
   width: 50%;*/
}

.imageTextImageItem img
{
   max-width: 100%;
   width: 100%;
   height: auto;
}

div.imageTextTextItem
{
}

.frame-type-textpic.frame-layout-2 .imageTextPicHeader header
{
   display: block;
}

.imageTextTextItem div.imageTextTextContent
{
   max-height: 100%;
   overflow-y: auto;
}

.imageTextTextItem div.imageTextTextContent,
.imageTextHalfGroup div.mediaItem
{
   width: 280px;
   max-width: 85%;
}

.imageTextHalfGroup div.mediaItem
{
   padding-bottom: 40px;
   padding-top: 10px;
}

.imageTextTextContent div.imageTextTextBody
{
   margin-top: 20px;
}

.imageTextTextContent header .headerItem
{
   margin-bottom: 15px;
}

.imageTextTextContent .subHeader2
{
   margin-top: 0px;
   font-size: 18px;
}

.imageTextGroupleft div.imageTextTextContent
{
   left: 10%;
}

.imageTextGroupright div.imageTextTextContent
{
   float: right;
}

.imageTextGroup div.imageTextTextContent::after
{
   display: table;
   float: none;
   clear: both;
}

.imageTextGroupleft div.imageTextImageItem
{
   float: left;
}

.imageTextGroupleft div.imageTextTextItem
{
}

.imageTextGroupright div.imageTextImageItem
{
   float: right;
}

.imageTextGroupright div.imageTextTextItem::after
{
   content: " ";
   position: absolute;
   right: -38px;
   top: 5%;
   height: 95%;
   width: 4px;
   background-color: #E0E0E0;
}

.csc-textpic-intext-left-nowrap .csc-textpic-image
{
   float: left;
}

.ce-right.ce-nowrap div.ce-gallery
{
   float: right;
}

#centreArea .csc-frame-rulerBefore div.csc-textpic-text
{
	padding-top: 25px;
}

#centreArea .csc-frame-rulerBefore p,
#centreArea .csc-frame-rulerBefore ul,
#centreArea .csc-frame-rulerBefore ol
{
	font-size: 20px;
}

#centreArea .csc-frame-rulerBefore ul,
#centreArea .csc-frame-rulerBefore ol
{
	padding-left: 25px;
	margin-left: 25px;
}

#centreArea .csc-frame-rulerBefore p,
#centreArea .csc-frame-rulerBefore ul li,
#centreArea .csc-frame-rulerBefore ol li
{
	margin-bottom: 15px;
}

.csc-frame-rulerBefore div.csc-textpic-intext-left .csc-textpic-imagewrap, 
.csc-frame-rulerBefore div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
{
	margin-right: 45px;
}

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

#centreArea .csc-frame-rulerBefore div.csc-header
{
	margin-bottom: 20px;
}

#centreArea div.csc-frame-ruler-after,
#centreArea .contentItemuploads div.csc-frame-rulerAfter ul.csc-uploads,
#centreArea div.csc-frame-indent
{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
}

#centreArea .csc-frame-indent p
{
   break-inside: avoid;
}

#centreArea .contentItemuploads div.csc-frame-rulerAfter,
#centreArea .csc-frame-indent div.csc-header
{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

#centreArea .csc-frame-indent-right
{
	display: block;
	width: 22%;
	float: left;
	margin-right: 1.5%;
	vertical-align: top;
}

#centreArea .csc-frame-default
{
	float: none;
	clear: both;
}

ul.ce-uploads
{
   text-align: center;
}

.ce-uploads li.fileDownloaditem
{
   display: inline-block;
   max-width: 150px;
   margin-left: 12px;
   margin-right: 12px;
}

.fileDownloaditem div.ce-uploads-description
{
   display: none;
}

.fileDownloaditem div.fileDownloadImage
{
   max-height: 170px;
   text-align: center;
   overflow: hidden;
}

.fileDownloaditem a.fileDownloadImageLink
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.fileDownloaditem a .ce-uploads-description
{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   color: #1E1E1E;
   font-size: 10px;
}

.fileDownloaditem img.fileDownloadPreviewImage
{
   float: none;
   padding-right: 0px;
   text-align: center;
}

.fileDownloaditem span.ce-uploads-filesize
{
   display: block;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: center;
   font-size: 10px;
}

.fileDownloaditem div.fileDownloadAfter
{
   height: 25px;
   width: 100%;
   background-image: url(/fileadmin/templates/images/download_icon-red.png);
   background-position: center top;
   background-repeat: no-repeat;
   background-size: auto 100%;
}

div#footerWrapper
{
	min-height: 40px;
   padding-top: 50px;
   background-color: var(--kgBlue);
   color: #FFF;
   overflow: hidden;
	
	z-index: 3;
}

#footer a,
#footer a:visited
{
   color: #FFF;
}

div#footer
{
   width: 1100px;
   max-width: 98vw;
   display: grid;
   grid-template-columns: 35% 65%;
   grid-column-gap: 50px;
}

div#footerLogo
{
}

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

div#footerContact
{
   border-right: 2px #F2F2F2 solid;
   border-collapse: collapse;
   padding-bottom: 0px;
}

div.footerHeaderItem
{
   padding-bottom: 25px;
   font-weight: 600;
}

div.footerContactItem
{
   margin-bottom: 30px;
}

.footerContactIconWrapper
{
   display: inline-block;
   width: 42px;
   margin-right: 20px;
   margin-top: -5px;
   vertical-align: top;
}
.footerContactIconWrapper img
{
   width: 100%;
   height: auto;
}

.footerContactText
{
   display: inline-block;
   vertical-align: middle;
   font-weight: 300;
}

.groupContactItems a.contactDetailLink
{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}

#footerInfoArea
{
	display: grid;
	grid-template-columns: 35% 65%;
	grid-column-gap: 40px;
	grid-row-gap: 50px;
   padding-top: 15px;
   padding-bottom: 35px;
   z-index: 25;
}

div#footerMenuWrapper
{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-column-gap: 20px;
}

.footerMenu li.menuItem
{
   margin-bottom: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
   #footer
   {
      display: block;
   }
   #footer div.footerItem
   {
      display: inline-block;
      width: 35%;
   }
}

ul#bottomMenu
{
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#bottomMenu .level2
{
   font-size: 14px;
}

span.socialMenuItemWrap
{
	display: inline-block;
	margin-right: 20px;
}

.socialMenuItemWrap img.socialMenuIcon
{
	width: 32px;
	height: auto;
}

div#copyright
{
   margin-top: 10px;
}

#copyright p strong
{
   font-weight: 400;
}

#socialMenu
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3.5em;
    text-align: center;
    white-space: nowrap;
}

span.socialMenuItem
{
    display: inline-block;
    width: 2em;
    margin-right: 0.5em;
    margin-left: 0.5em;
}
img.socialMenuIcon
{
   width: 100%;
   height: auto;
}

.touchevents #socialMenu
{
    gap: 1em;
}

form fieldset
{
   border: none;
}

.tx-felogin-pi1 h3,
.tx-felogin-pi1 legend,
.tx-felogin-pi1 div
{
   display: none;
}

.tx-felogin-pi1 form div
{
   display: block;
}

.tx-felogin-pi1 form label
{
   display: inline-block;
   width: 140px;
}

.tx-felogin-pi1 form input[type=submit]
{
   margin-top: 10px;
   margin-left: 225px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #FFF;
   background-color: var(--kgBlue);
   border: none;
   cursor: pointer;
}

.csc-uploads li.csc-uploads-element-pdf
{
	background-image: url(/fileadmin/templates/images/pdf-icon.png);
}

.csc-uploads .csc-uploads-element a,
.csc-uploads .csc-uploads-element a:visited,
ul.csc-uploads span.csc-uploads-fileName
{
	color: #b13a29;
	text-decoration: none;
}

.fsndElMgrGroup .groupTeaserImages .groupTeaserImageItem div.groupTeaserImageOverlay
{
	background: rgb( 177, 58, 41 );
	background: rgba( 177, 58, 41, 0.75 );
	color: #FFF;
}

.fsndElMgrGroup .groupTextItems div.groupTextItem
{
	border-top: 2px #b13a29 solid;
	background: #dfe0e1;
}

#tx-indexedsearch fieldset,
.tx-indexedsearch-searchbox fieldset
{
	border: none;
}

table input.tx-indexedsearch-searchbox-button,
.tx-indexedsearch-searchbox legend,
#isBrowseBoxTop
{
   display: none;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox
{
   margin-top: 25px;
   margin-left: 0px;
   padding-left: 0px;
}

.tx-indexedsearch-browsebox .tx-indexedsearch-browsebox li
{
   display: inline-block;
   margin-right: 15px;
   list-style: none;
}

div.tx-indexedsearch-browsebox
{
	min-height: 28px;
}
div.tx-indexedsearch-searchbox div.tx-indexedsearch-form,
div.tx-indexedsearch-searchbox div.tx-indexedsearch-search-submit
{
   width: 600px;
   max-width: 98%;
}
div.tx-indexedsearch-searchbox div.tx-indexedsearch-form
{
   
}
.tx-indexedsearch-form label
{
   display: none;
}

.tx-indexedsearch-form #tx-indexedsearch-searchbox-sword
{
   width: 97%;
   padding-left: 1%;
   padding-right: 1%;
   padding-top: 8px;
   padding-bottom: 8px;
   background-color: #e9ebeb;
   border: none;
}
div.tx-indexedsearch-searchbox div.tx-indexedsearch-search-submit
{
   margin-top: 10px;
   text-align: right;
}

.tx-indexedsearch-search-submit #tx-indexedsearch-searchbox-button-submit
{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 40px;
   padding-right: 40px;
   margin-right: 6px;
   text-transform: uppercase;
   background-color: var(--kgBlue);
   color: #FFF;
   border: none;
   cursor: pointer;
}

div.tx-indexedsearch-searchbox p
{
	clear: both;
	float: none;
}

div.tx-indexedsearch-whatis
{
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 700;
}

ul.browsebox
{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	height: 24px;
}

ul.browsebox li
{
	float: left;
	position: relative;
	display: block;
	margin-left: 10px;
	margin-right: 5px;
}

div.tx-indexedsearch-res
{
	clear: both;
	float: none;
	margin-top: 20px;
}

dl.tx-indexedsearch-info
{
	display: none;
}

div.csc-sitemap
{
	margin-left: 2em;
}

.csc-sitemap h3
{
	padding-bottom: 2px;
	font-size: 1em;
	color: #3E3E3E;
	display: block;
	width: 80%;
	border-bottom: #3E3E3E 1px dotted;
}

.csc-sitemap ul.sitemap-level2
{
	list-style: none;
}

.csc-sitemap ul
{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 2px;
	margin-left: 10px;
	padding-left: 5px;
}

.csc-sitemap ul.sitemap-level2 li.level2
{
	font-size: 1em;
	padding-top: 4px;
	margin-left: 0px;
}

.csc-sitemap a,
.csc-sitemap a:visited
{
	color: #3E3E3E;
}

.csc-sitemap ul.sitemap-level3
{
	font-size: 0.9em;
	margin-left: 12px;
}

.csc-sitemap a:hover
{
	color: #000;
}

.csc-textpic-imagewrap[data-csc-cols='2'] div.csc-textpic-imagecolumn
{
	max-width: 48%;
}

.csc-textpic-imagewrap[data-csc-cols='3'] div.csc-textpic-imagecolumn
{
	max-width: 30%;
}

.csc-textpic-imagewrap[data-csc-cols='4'] div.csc-textpic-imagecolumn
{
	max-width: 22%;
}

.csc-textpic-imagewrap .csc-textpic-imagecolumn figure
{
	display: inline-block !important;
	max-width: 100%;
}

.csc-textpic-imagewrap .csc-textpic-imagecolumn figure img
{
	max-width: 100%;
	height: auto;
}

.googleMap iframe
{
	max-width: 98%;
}

div.googleMapCentred
{
	margin-left: auto;
	margin-right: auto;
}

.multiColumn div.contentColumnInner
{
   padding-bottom: 15px;
}

#mainContent div.fsndElMgrSlider
{
   padding-bottom: 60px;
   margin-bottom: -40px;
   background: transparent;
   border-color: transparent;
}

#mainContent .fsndElMgrSlider div.contentElement
{
   margin-left: 20px;
   margin-right: 20px;
   padding-bottom: 25px;
   background-color: #FFF;
}

#mainContent .fsndElMgrSlider div.contentElementTextArea
{
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 10px;
   margin-bottom: 20px;
}

#mainContent .fsndElMgrSlider div.contentElementTextArea p
{
   font-size: 14px;
   line-height: normal;
}


.fsndElMgrSlider .contentElementTextArea .contentElementHeader
{
   min-height: 60px;
   font-size: 15px;
   font-weight: 600;
   color: var(--kgBlue);
}

.fsndElMgrSlider .contentElementTextArea div.contentElementBody
{
   height: 200px;
   margin-bottom: 20px;
   overflow: hidden;
}

.fsndElMgrSlider div.contentElementImage
{
   height: 200px;
}


article.contentItem .articleInnerWrapper .fsndElMgrSlider .contentElementImage img
{
   height: 100%;
   width: auto;
   text-align: center;
}

#centreArea a.buttonLink,
.cke_editable a.buttonLink
{
	display: inline-block;
	padding-inline: 1.5rem;
	padding-block: 0.5rem;
    margin-left: 2px;
    margin-right: 2px;
	color: #FFF;
	background: var(--kgBlue);
	border: none;
    text-transform: uppercase;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cke_editable a.listButtonLink
{
	text-decoration: none !important;
}
#centreArea a.listButtonLink
{
}
#centreArea a.listButtonLink,
.cke_editable a.listButtonLink
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background: var(--kgBlue);
	border: none;
	text-transform: uppercase;
	text-align: center;
	
	-webkit-border-radius: 0.35em;
	-moz-border-radius: 0.35em;
	border-radius: 0.35em;
}

#mainContent p:has(a.listButtonLink),
.cke_editable p:has(.listButtonLink)
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1em;
	row-gap: 1em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
}
/** work-around for firefox! */
#mainContent p.hasButtonLinks
{
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1em;
	row-gap: 1em;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#centreArea .important a.buttonLink,
.cke_editable .important a.buttonLink
{
   display: inline-block;
   min-width: 100px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 3px;
   text-align: center;
   line-height: normal;
}

#centreArea a.buttonLink:hover,
.cke_editable a.buttonLink:hover,
#centreArea a.listButtonLink:hover,
.cke_editable a.listButtonLink:hover
{
	text-decoration: none;
	border-color: #3E3E3E;
	
	-webkit-box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	-moz-box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	box-shadow: 5px 5px 3px 0px rgba(170,170,170,1);
	
	-webkit-transition-delay: 0.1s; /* Safari */
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
	
	-webkit-transition-duration: 0.5s; /* Safari */
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

p.phone,
p.fax,
p.email
{
	margin-left: 10px;
	padding-left: 22px;
	background-repeat: no-repeat; 
	background-position: 0% 2px;
}

p.phone
{
	background-image: url(/fileadmin/templates/images/tel.png);
}

.tx-fsnd-flyin p.phone
{
	font-size: 140%;
	background-position: 0% 6px
}

p.fax
{
	background-image: url(/fileadmin/templates/images/fax.png);
}

p.email
{
	background-image: url(/fileadmin/templates/images/email.png);
}

span.important,
div.important
{
   line-height: 2.5;
   color: var(--kgBlue);
   font-size: 22px;
   font-weight: 600;
}

.newsSingleItem div.newsSingleMainImage
{
	float: left;
	width: 550px;
	max-width: 45%;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	
	z-index: 19;
}

div.newsTeaserContainer
{
	display: grid;
	grid-template-areas:
      'teaserinfo teaserinfo donate';
	grid-gap: 20px;
}

.news-list-morelink a
{
	display: none;
}

div.newsTeaserItem 
{
	width: 790px;
	grid-area: teaserinfo;
	background-color: #EEE;
}

div.newsListContainer
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

div.newsLatestContainer
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
}

div.newsListItem,
div.newsLatestItem
{
	background-color: #EEE;
}

div.newsDonateItem 
{
	width: 390px;
	grid-area: donate;
	background-color: #660000;
	overflow: hidden;
}

img.donateImage
{
	width: 100% !important;
	height: 100% !important;
}

div.newsTeaserImage
{
	height: 400px;
	overflow: hidden;
}

div.listNewsImage
{
	height: 240px;
	overflow: hidden;
}

div.newsListImage
{
	height: 230px;
	overflow: hidden;
}

.newsTeaserImage img
{
	top: -80px;
}

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

.newsSingleImages div.newsImage
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
}

div.newsDate
{
	margin-bottom: 10px;
}

.newsHeader
{
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	color: var(--kgBlue);
	font-size: 18px;
}

h1.newsSingleHeader
{
	margin-bottom: 15px;
	font-size: 26px;
	color: #3E3E3e;
	font-weight: 600;
}

.newsSingleSubheader
{
	font-size: 14px;
	font-weight: 400;
}

.newsSingleTimedata
{
	color: var(--kgBlue);
}

.frame-layout-0 .grubBruggerNews div.oddNewsItemWrapper a,
.frame-layout-0 .grubBruggerNews div.oddNewsItemWrapper a:visited
{
   color: #FFF;
}

.frame-layout-0 .grubBruggerNews .oddNewsItemWrapper a.rssMoreLink
{
   border-color: #FFF;
}

.contentColumnWrapper .grubBruggerNews div.newsItemWrapper
{
   background: transparent;
   color: #FFF;
}

.contentColumnWrapper .grubBruggerNews div.newsItemInner
{
   width: auto;
   height: 200px;
   margin-right: 20px;
   margin-left: 20px;
   padding-left: 25px;
   padding-right: 25px;
   border: 1px #FFF solid;
}

.contentColumnWrapper .grubBruggerNews div.feedMoreLink
{
   right: 20px;
}

.tx-powermail legend.powermail_legend
{
	display: none;
}

div.formFieldsets
{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 60px;
	grid-row-gap: 30px;
}

.powermail_form .singleWrapper
{
    margin-left: -15px;
    margin-right: -15px;
}

fieldset.layout2 div.row
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

input.powermail_input,
textarea.powermail_textarea
{
    /*
   border: 1px #FFF solid;
   background: transparent;
   color: #FFF;
    */
}

input.powermail_input,
textarea.powermail_textarea
{
   width: 95%;
   padding-left: 1%;
   padding-right: 1%;
   padding-top: 4px;
   padding-bottom: 4px;
}

#contactDropdown input.powermail_input,
#contactDropdown textarea.powermail_textarea
{
   border: 1px #FFF solid;
   background: transparent;
   color: #FFF;
}

.tx-powermail div.powermail_fieldwrap
{
	margin-bottom: 10px;
}

.powermail_fieldwrap_type_check.layout2 div.powermail_field
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 5px;
	padding-top: 5px;
}

.tx-powermail form.nolabel
{
	margin-top: 20px;
}

.multiColumn .tx-powermail form.nolabel
{
   margin-top: 0px;
}

ul.parsley-errors-list
{
	position: absolute;
	left: 5px;
	top: -2px;
	color: #660000;
}

input.powermail_submit
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	background-color: var(--kgBlue);
	color: #FFF;
	border: none;
   cursor: pointer;
}

.tx-powermail div.powermail_fieldwrap_type_input.layout1,
.tx-powermail div.powermail_fieldwrap_type_textarea.layout1
{
	width: 100%;
}

input.powermail_checkbox
{
	margin-top: 2px;
}

.tx-powermail div.powermail_fieldwrap_name input
{
	/*width: 100%;*/
}

.tx-powermail .powermail_fieldwrap_type_input.layout1 div.powermail_field
{
	display: inline-block;
	width: 360px;
}

.tx-powermail .powermail_fieldwrap_type_input.layout1 input.powermail_input
{
	width: 100%;
}

.tx-powermail fieldset
{
	border: none;
}

.tx-powermail form.layout2 fieldset.layout2 input.powermail_input,
.tx-powermail form.layout2 fieldset.layout2 textarea.powermail_textarea
{
   width: 96.5%;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-left: 8px;
   padding-right: 4px;
   margin-left: 0.5%;
   font-size: 16px;
}

label.powermail_label
{
   /*text-transform: uppercase;*/
}

.tx-powermail form.layout2 fieldset.layout2 input.powermail_input
{
   
}

.tx-powermail form.layout2 fieldset.layout2 textarea.powermail_textarea
{
   height: 110px;
}

.tx-powermail form.layout2 fieldset.layout1 .powermail_fieldwrap_type_content
{
   font-size: 14px;
   color: #1F1F1F;
}

.tx-powermail form.layout2 fieldset.layout1 div.powermail_fieldwrap_type_submit
{
   position: absolute;
   bottom: 0px;
   left: 0px;
   margin-bottom: 2px;
}

.tx-powermail form.layout2 fieldset.layout1 input.powermail_submit
{
   padding-top: 12px;
   padding-bottom: 12px;
   padding-left: 50px;
   padding-right: 50px;
   background: #AB2328;
   color: #FFF;
   font-size: 16px;
   text-transform: uppercase;
   border: none;
}

.tx-powermail form.layout1 fieldset
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background: #F0F0F0;
	background: rgba( 240, 240, 240, 0.9 );
}

.tx-powermail .layout1 .powermail_fieldset .powermail_legend,
.tx-powermail .layout2 .powermail_fieldset .powermail_legend
{
	display: none;
}

.tx-powermail .powermail_form_3 .powermail_fieldset .powermail_legend
{
	margin-bottom: 15px;
	font-size: inherit;
}

.tx-powermail .powermail_fieldset .parsley-errors-list
{
	width: 100% !important;	
}

.tx-powermail form.layout3
{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 20px;
    background: #C2C2CE;
}

.tx-powermail .layout3 label
{
	text-transform: uppercase;
	color: #005098;
	font-weight: 400;
}

.tx-powermail form.layout1 h3,
.tx-powermail form.layout2 h3,
.tx-powermail form.layout3 h3,
.tx-powermail form.powermail_form_3 h3,
.tx-powermail .layout3 .nolabel label
{
	display: none;
}

.tx-powermail form header h3.headerItem
{
   display: block;
   margin-top: 0px;
   font-size: 16px;
}

.tx-powermail form .layout3 .radio label
{
	display: inline-block;
}

.tx-powermail form .layout3 .powermail_fieldwrap_type_check label
{
	display: block;
}

.tx-powermail .layout3 div.powermail_fieldwrap_type_check
{
	width: 88%;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.tx-powermail form .layout3 .powermail_fieldwrap_type_check div.powermail_field
{
	margin-top: 5px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
}

.tx-powermail form .layout3 .powermail_fieldwrap_type_check.layout3 div.powermail_field
{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}

.tx-powermail form.layout1 input.powermail_input,
.tx-powermail form.layout1 textarea.powermail_textarea
{
	width: 99%;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1%;
	padding-right: 1%;
}

.tx-powermail form.layout1 label.powermail_label
{
	display: inline-block;
	width: 20%;
}

.tx-powermail form.layout1 div.powermail_field
{
	display: inline-block;
	float: right;
	width: 78%;
	margin-bottom: 5px;
}

.tx-powermail form.layout1 .powermail_fieldwrap_type_textarea div.powermail_field
{
	display: block;
	width: 100%;
	float: none;
	margin-top: 3px;
	margin-bottom: 10px;
}

.tx-powermail form.layout1 .powermail_fieldwrap_type_submit div.powermail_field
{
	display: block;
	width: 95%;
	float: none;
	text-align: right;
}

.tx-powermail form.layout1 div.powermail_fieldwrap
{
	display: block;
	clear: both;
}

.tx-powermail form.layout1 input.powermail_input
{
}

.tx-powermail form.layout1 textarea.powermail_textarea
{
}

.tx-powermail .layout3 div.radio
{
	display: inline-block;
}
.tx-powermail .layout3 div.powermail_fieldwrap_type_input,
.tx-powermail .layout3 div.powermail_fieldwrap_type_country
{
	display: inline-block;
}

.tx-powermail .layout3 .powermail_fieldwrap .powermail_field input.powermail_input,
.tx-powermail .layout3 .powermail_fieldwrap .powermail_field select.powermail_country
{
	height: 25px;
}

.tx-powermail .layout3 .powermail_fieldwrap .powermail_field input.powermail_input,
.tx-powermail .layout3 .powermail_fieldwrap .powermail_field select.powermail_country,
.tx-powermail .layout3 .powermail_fieldwrap .powermail_field textarea.powermail_textarea
{
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.tx-powermail span.select
{
    display: block;
    position: absolute;
    width: 100%;
    height: 25px;
    top: 0;
    left: 0;
    padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
    line-height: 2;
    overflow: hidden;
    cursor: pointer;
}

.tx-powermail select,
.tx-powermail select option
{
	font-size: inherit;
	color: inherit;
}

.tx-powermail span.select:after
{
    position: absolute;
    right: 10px;
    top: 40%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #333;
    content: " ";
}

.tx-powermail .layout3 .powermail_fieldwrap .powermail_field input.powermail_input,
.tx-powermail .layout3 .powermail_fieldwrap .powermail_field select.powermail_country,
.tx-powermail .layout3 .powermail_fieldwrap .powermail_field textarea.powermail_textarea,
.tx-powermail span.select
{
	font-size: inherit;
	color: inherit;
	background-color: #fbfbfb;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}

.tx-powermail span.select.selectHidden
{
	display: none;
}

.powermail_fieldwrap_type_captcha
{
    display: flex;
    gap: 1.4rem;
    align-items: center;
}

.powermail_fieldwrap_type_captcha .powermail_field
{
    display: flex;
    gap: 1rem;
    align-items: center;
}

.powermail_fieldwrap_type_captcha input
{
    flex-grow: 0;
    width: 4rem;
}

.tx-rssdisplay .tx-rssdisplay-item-title
{
	margin-bottom: 10px;
}
.tx-rssdisplay p.date
{
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 80%;
}
.tx-rssdisplay ul.tx-rssdisplay-list
{
	list-style: none;
}

.tx-rssdisplay .tx-rssdisplay-list li
{
	display: inline-block;
	width: 45%;
	height: 180px;
	padding-right: 3%;
	padding-bottom: 15px;
	margin-bottom: 20px;
	clear: both;
	vertical-align: top;
	break-inside: avoid;
}

.tx-rssdisplay .tx-rssdisplay-list li h3
{
	height: 45px;
}

.tx-rssdisplay h2
{
	display: none;
}

.tx-rssdisplay .news-img-wrap
{
	max-width: 18%;
	display: inline-block;
	text-align: right;
	clear: right;
	margin-bottom: 10px;
	margin-right: 3%;
}
	
	.tx-rssdisplay .news-img-wrap img
	{
		max-width: 100%;
		height: auto;
	}
	
.tx-rssdisplay-item-description img
{
	display: block;
	max-width: 22%;
	height: auto;
	float: left;
	margin-right: 3%;
}

p.tx-rssdisplay-item-description
{
	clear: both;
}

.tx-rssdisplay .news-list-view .teaser-text
{
	display: inline-block;
	max-width: 74%;
	vertical-align: top;
}

.parallaxBody div.tx-powermail
{
	width: 460px;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.parallaxBody .tx-powermail .powermail_fieldset .powermail_legend
{
	display: inline-block;
	float: none;
	clear: both;
	padding-top: 45px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
}

.tx-powermail .layout3 div.powermail_fieldwrap_type_submit
{
	text-align: right;
}

.style5 .tx-powermail form .layout3 input.powermail_submit
{
	margin-right: 40px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #005098;
	text-transform: uppercase;
	background: #FFF;
	border: 1px #005098 solid;
	cursor: pointer;
}

.style5 .tx-powermail form .layout3 input.powermail_submit:hover
{
	border-style: outset;
}

div.pagesMenu,
div.subPagesMenu
{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    grid-row-gap: 1.5rem;
    grid-column-gap: 1rem;
}

div.subPagesMenu
{
   grid-column-gap: 15px;
}

.pagesMenuItem
{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: clip;
}

.stylerightAlign div.subPagesMenu
{
    display: flex;
    flex-direction: row-reverse;
}

.stylerightAlign .subPagesMenu a.subPagesTitleLink
{
    padding-left: 15px;
    padding-right: 15px;
}

.stylerightAlign .subPagesMenu a.subPagesTitleLink:hover
{
    text-transform: uppercase;
}

.pagesMenu div.pagesBody
{
   padding-top: 5px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 5px;
}

.pagesMenu .pagesMoreLink
{
    width: fit-content;
    padding-inline: 1rem;
    padding-block: 0.2rem;
    margin-left: -10px;
    color: white;
    background-color: #E5550F;
    text-transform: lowercase;
    font-size: 80%;
    text-align: right;
    border-radius: 0.5rem;
}

.subPagesMenu a.subPagesTitleLink
{
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: var(--kgBlue);
   color: #FFF;
   font-size: 14px;
   text-align: center;
   text-transform: uppercase;
}

.landingPage div.subPagesMenu
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.6em;
}

.landingPage div.subPagesMenu > *
{
    /*flex-basis: 140px;*/
    flex-grow: 0;
    flex-shrink: 1;
}

.landingPage .subPagesMenu a.subPagesTitleLink
{
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    text-align: left;
    text-transform: none;
    font-size: var(--defaultFontSize);
}

.landingPage .subPagesMenu a.subPagesTitleLink:hover
{
    text-decoration: underline !important;
}

.landingPage .frame-type-menu_subpages
{
    margin-top: -1.2em;
}

.landingPage .frame-type-menu_subpages header
{
    padding-bottom: 0.6em;
}

.landingPage .frame-type-menu_subpages header a,
.landingPage .frame-type-menu_subpages header a:visited
{
    color: var(--kgBlue) !important;
    font-weight: 700 !important;
    cursor: pointer;
}

.landingPage .frame-type-menu_subpages header a:hover
{
    text-decoration: underline !important;
}

.subPagesMenu a.subPagesTitleLink:hover
{
   color: #E5550F;
}

.pagesMenuCustomer
{
    display: flex;
    justify-content: center !important;
    column-gap: 4rem !important;
    row-gap: 4rem !important;
}

.pagesMenuCustomer > .subPageMenuItem
{
    flex-basis: 280px;
    flex-grow: 1;
    flex-shrink: 1;
}

.pagesMenuCustomer > .subPageMenuItem > a
{
    display: block;
    max-width: 280px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-inline: 2rem;
    border: 1px var(--kgBlue) solid;
    box-shadow: 0.5rem 0.5rem 1rem 1rem rgba(0,0,0,0.2);
    border-radius: 1rem;
}

.pagesMenuCustomer .subPageImage
{
    display: flex;
    justify-content: center;
    min-height: 200px;
    margin-bottom: 0.5rem;
}

.pagesMenuCustomer .subPageImage > img
{
    display: block;
    width: 160px !important;
    height: auto !important;
    object-fit: contain;
    text-align: center
}

.pagesMenuCustomer .subPageTextBody
{
    padding-inline: 2rem;
}

.pagesMenuCustomer .subPageTextBody
{
    text-align: center;
    color: var(--kgBlue);
}

.pagesMenuCustomer .subPageTextBody span
{
    white-space: nowrap;
}

#footerComponents #footerPhone div.footerComponentInner
{
   top: 00px;
}

.footerComponentInner .callbackWrapper div.callbackButton 
{
    margin-top: -10px;
}

.csc-space-before-extra-small,
.frame-space-before-extra-small
{
   padding-top: 5px;
}

.csc-space-before-small,
.frame-space-before-small
{
   padding-top: 15px;
}

.csc-space-before-medium,
.frame-space-before-medium
{
   padding-top: 20px;
}

.csc-space-before-large,
.frame-space-before-large
{
   padding-top: 35px;
}

.csc-space-before-extra-large,
.frame-space-before-extra-large
{
   padding-top: 55px;
}

.csc-space-after-extra-small,
.frame-space-after-extra-small
{
   padding-bottom: 10px;
}

.csc-space-after-small,
.frame-space-after-small
{
   padding-bottom: 20px;
}

.csc-space-after-medium,
.frame-space-after-medium
{
   padding-bottom: 30px;
}

.frame-space-after-medium
{
   margin-bottom: 0px;
}

.csc-space-after-large,
.frame-space-after-large
{
   padding-bottom: 40px;
}

.csc-space-after-extra-large,
.frame-space-after-extra-large
{
   padding-bottom: 55px;
}

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

.align-center,
.text-center,
.ce-headline-center,
.ce-center
{
	text-align: center;
}

.align-justify,
.text-justifiy
{
    padding-left: 5px;
    padding-right: 8px;
    text-align: justify;
}

.ce-textpic.ce-right
{
	text-align: right;
}

.ce-textpic.ce-right.ce-intext,
.ce-textpic.ce-center div.ce-bodytext,
.ce-textpic.ce-right div.ce-bodytext
{
	text-align: left;
}

.clear
{
	float: none !important;
	clear: both !important;
	height: 0px;
	width: 0px;
}

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
{
	max-width: 65%;
}

div.csc-textpic .csc-textpic-imagewrap img
{
	max-width: 100%;
	height: auto;
}

.rssFeedNewsShortTeaser div.news-list-view
{
   
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;
}

.rssFeedNewsShortTeaser .news-list-view div.article
{
   break-inside: avoid;
}

.rssFeedNewsShortTeaser .news-list-view .article h3::before
{
   content: ' ';
   width: 130px;
   float: right;
   height: 14px;
}

.rssFeedNewsShortTeaser .news-list-view .article p.date
{
   
}

#downloadFormWrapper
{
   max-width: 400px; 
   margin-left: auto; 
   margin-right: auto; 
   padding-top: 25px;
}

#downloadFormWrapper .fileDownloadTitle
{
   text-align: center;
   font-size: 14px;
   color: #AB2328;
}

form.fileDownloadForm
{
   margin-top: 15px;
   font-size: 12px;
}

.fileDownloadForm div.fileDownloadSubmitWrapper
{
   margin-top: 15px;
   text-align: center;
}

.fileDownloadForm input.fileDownloadSubmit
{
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 30px;
   padding-right: 30px;
   background: #AB2328;
   color: #FFF;
   text-transform: uppercase;
   border: none;
   cursor: pointer;
}

.fileDownloadForm div.fileDownloadInputWrapper
{
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: center;
}

.fileDownloadForm label.fileDownloadLabel
{
   display: inline-block;
   width: 65px;
   text-align: left;
}

.fileDownloadForm input.fileDownloadTextItem
{
   width: 200px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 5px;
   text-align: left;
}

#stoererRechts,
#stoererRechts *
{
    z-index: 20;
}

#stoererRechts
{
	display: inline-block;
	position: fixed;
	right: 0px;
	top: 40%;
	text-align: right;
}

#stoererRechts div.stoererItem
{
	margin-bottom: 1px;
	text-align: left;
	
	webkit-box-shadow: -3px 2px 3px 3px rgba(62,62,62,0.5);
	-moz-box-shadow: -3px 2px 3px 3px rgba(62,62,62,0.5);
	box-shadow: -3px 2px 3px 3px rgba(62,62,62,0.5);
}

#stoererRechts .stoererItem .stoererImage1
{
	width: 0px;
	overflow: hidden;
	
	-webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
	transition: width 2s;
}

#stoererRechts .stoererItem.stoererClosed .stoererImage1
{
	width: 25px;
	
	-webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
	transition: width 2s;
}

.stoererHeader .stoererImage2
{
	position: absolute;
	right: 2px;
	top: 6px;
}

#stoererRechts .stoererItem div.stoererHeader
{
	width: 250px;
	background-color: #660000;
	white-space: nowrap;
	
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
}
#stoererRechts .stoererClosed div.stoererHeader
{
	width: 40px;
	min-width: 0px;
	background-color: #FFF;
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
#stoererRechts .stoererItem .stoererHeader .csc-header
{
	display: block;
	margin-top: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	transition: width 1s;
	/*
	-webkit-transition-delay: 2s;
    transition-delay: 2s;
	-moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
	*/
}

#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink,
#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink:visited
{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-weight: 400;
	font-size: 16px;
}

#stoererRechts .stoererItem.stoererClosed .stoererHeader .csc-header h2,
#stoererRechts .stoererItem.stoererClosed .stoererHeader .csc-header h3
{
	margin: 0px;
	padding: 0px;
	width: 0px;
	overflow: hidden;
	
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
}

#stoererRechts .stoererItem .stoererHeader .csc-header h2,
#stoererRechts .stoererItem .stoererHeader .csc-header h3
{
	margin: 0px;
	padding-left: 15px;
	padding-right: 50px;
	color: #FFF;
	font-weight: 400;
	font-size: 16px;
	
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
}

#stoererRechts .stoererItem a.stoererLink
{
	display: none;
}

#stoererRechts .stoererItem.stoererClosed a.stoererLink
{
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 9px;
	padding-bottom: 8px;
}

#stoererRechts .stoererItem.stoererClosed a.stoererLink
{
	display: inline-block;
}

#stoererRechts .stoererItem img.stoererImg
{
	height: auto;
}

#stoererRechts .stoererItem img.stoererImg1
{
	width: 25px;
	
	transition: width 2s;
	-webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
}

#stoererRechts .stoererItem img.stoererImg2
{
	width: 28px;
}

#stoererRechts .stoererItem div.stoererText
{
	padding-left: 70px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	background: #F0F0F0;
	
	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
}

#stoererRechts .stoererClosed div.stoererText,
#stoererRechts .stoererClosed .stoererHeader .csc-header
{
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.sideBarForm .closedElement div.closedTitle
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-size: 16px;
}
.stylemobileOnly
{
    display: none;
}

.tx-filelist .media
{
    align-items: center;
    gap: 2.5rem;
}

.tx-filelist .media-left img
{
    width: 32px !important;
    height: auto !important;
}

.tx-filelist .media-body
{
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    height: 100%;
}

.tx-filelist .media-body > *:last-child
{
    margin-left: auto;
}

.customerPage #centreArea a.buttonLink
{
    border-radius: 0.5rem;
}

.landingPage .tx-felogin-pi1 form fieldset
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}

.landingPage .tx-felogin-pi1 form fieldset > div
{
    display: flex;
    flex-direction: column;
}

.landingPage .tx-felogin-pi1 form fieldset input[type="submit"]
{
    border-radius: 0.5rem;
}

.landingPage .tx-felogin-pi1 form + p
{
    padding-top: 2rem;
    /*padding-right: 2rem;
    text-align: right;*/
}

/*** breadcrumb ***/

#mainContent article:first-of-type
{
    anchor-name: --anchor;
    margin-top: 2rem;
}

#breadCrumb
{
    position: absolute;
    position-anchor: --anchor;
    top: anchor(top);
    right: anchor(right);
    transform: translateY(-100%);
    z-index: 120;
}

@media only screen and (max-width: 2000px)
{
   div#contentWrapper
   {
      max-width: 100%;
      overflow: hidden;
   }
   .imageTextGroup div.imageTextTextItem
   {
   }
   #mainMenuMobile
   {
      display: none;
   }
}

@media only screen and (max-width: 1960px)
{
}

@media only screen and (max-width: 1380px)
{
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 470px;
   }
}

@media only screen and (max-width: 1300px)
{
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 460px;
   }
   #teaser div.teaserImageSlogan, 
   #teaser div.videoInfoTextWrapper
   {
      top: 28%;
   }
   #mainMenuWrapper ul.level1 li.level1
   {
      font-size: 15px;
   }
    div#footer
    {
        margin-left: 1.2vw;
    }
}

@media only screen and (max-width: 1200px)
{
   #mainMenuWrapper ul.level1 li.level1 ul.level2
   {
   }
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 420px;
   }
   div#mainMenuWrapper
   {
   }
   #mainMenuWrapper ul.level1 li.level1
   {
   }
   .parallaxItemGroup .parallaxTextElement div.parallaxTextElementInner
   {
      max-width: 98%;
      padding-left: 0px;
      padding-right: 0px;
      margin-left: auto;
      margin-right: auto;
   }
   div.newsLatestContent
   {
      font-size: 90%;
   }
   .newsHeader
   {
      margin-top: 0px;
   }
   div.newsList1
   {
	   grid-template-columns: 1fr 1fr;
	   margin-top: 0px;
	   grid-row-gap: 20px;
   }
   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
   {
      div.newsList1
      {
         column-count: 2;
      }
   }
   .newsList1 > div.article
   {
	   /*zoom: 0.6;
      -moz-transform: scale( 0.9);
      transform: scale( 0.9);*/
   }
   div.scrollNextWrapper
   {
      top: calc( 100vh - 120px);
   }
   div#footer
   {
       grid-template-columns: 30% auto;
   }
}


@media only screen and (max-width: 1120px) 
{
   div#mainMenuWrapper
   {
   }
	#mainMenuWrapper ul.level1 li.level1
	{
	}
	.imageTextTextContent div.imageTextTextBody
   {
      margin-top: 10px;
      font-size: 13px;
   }
   .imageTextTextContent header .headerItem
   {
      font-size: 24px;
   }
	.parallax-container div.fsndRespImageTitleWrapper
	{
		max-width: 100%;
	}
   .multiColumn .tx-powermail .layout3 div.powermail_fieldwrap_type_input.layout1, 
   .multiColumn .tx-powermail .layout3 div.powermail_fieldwrap_type_input.nolabel, 
   .multiColumn .tx-powermail .layout3 div.powermail_fieldwrap_type_country 
   {
      width: 98%;
      margin-right: auto;
      margin-left: auto;
   }
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 400px;
   }
   #teaser div.teaserImageSlogan, 
   #teaser div.videoInfoTextWrapper
   {
      top: 30%;
   }
   div.newsListImage
   {
      height: 180px;
   }
   div.newsLatestContent
   {
      font-size: 80%;
   }
   div.scrollNextWrapper
   {
      display: none;
   }
   div#footer
   {
      grid-template-columns: 20% auto;
   }
}

@media only screen and (max-width: 1060px) 
{
	#mainMenuWrapper ul.level1 li.level1
	{
	}
	#mainMenuWrapper a, 
	#mainMenuWrapper a:visited
	{
	}

	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
	{
		max-width: 55%;
	}
	.csc-textpic-intext-left-nowrap-760 .csc-textpic-text
	{
		margin-left: 58%;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 100px;
		margin-right: 15px;
	}
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 380px;
   }
   .contentColumnWrapper .grubBruggerNews div.newsItemInner
   {
      padding-bottom: 20px;
   }
}

@media only screen and (max-width: 1024px)
{
   div#leftbarWrapper
   {
      padding-left: 20px;
   }
}

@media only screen and (max-width: 990px) 
{
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      grid-template-columns: 1fr 1fr;
   }
	#mainMenuWrapper ul.level1 li.level1
	{
      margin-left: 0px;
	}
	.imageTextTextContent div.imageTextTextBody
   {
      margin-top: 5px;
   }
   .imageTextTextContent header .headerItem
   {
      margin-bottom: 5px;
      font-size: 22px;
   }
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 340px;
   }
   .imageTextTextItem div.imageTextTextContent
   {
      margin-left: 0px;
   }
   .contentColumnWrapper .grubBruggerNews div.newsItemInner
   {
      padding-bottom: 40px;
   }
   .grubBruggerNews .newsItemDate
   {
      font-size: 10px;
   }
   .imageTextTextItem div.imageTextTextContent,
   .grubBruggerNews .newsItemDescription
   {
      font-size: 12px;
   }
   #mainContent .imageTextTextItem div.imageTextTextContent p
   {
      line-height: 1.5;
   }
   div#footerWrapper
   {
      padding-top: 25px;
   }
   div#footer
   {
      display: block;
   }
   div#footerLogo
   {
      width: 400px;
      max-width: 100%;
   }
   #centreArea #indexBanner
   {
      margin-left: 0px;
   }
}

@media only screen and (max-width: 980px)
{
	.imageTextTextContent div.imageTextTextBody
   {
      font-size: 12px;
   }
   .imageTextTextContent header .headerItem
   {
      font-size: 20px;
   }
    div#footer
    {
        margin-left: auto;
    }
}

@media only screen and (max-width: 960px)
{
	#mainMenuWrapper ul.level1 li.level1
	{
      margin-right: 2px;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 100px;
		margin-right: 10px;
	}
	.imageTextTextContent div.imageTextTextBody
   {
      font-size: 14px;
   }
   #mainMenuWrapper ul.level2
   {
      font-size: 12px;
   }
   .imageTextTextContent header .headerItem
   {
      font-size: 18px;
   }
   #centreArea #indexBannerWrapper
   {
      width: 120px;
      max-width: 15vw;
      margin-left: -15px;
   }

   #centreArea #indexBannerWrapper
   {
      left: 20px;

       -ms-transform: translate(-0%, 0%);
       -webkit-transform: translate(-0%, 0%);
       -moz-transform: translate(-0%, 0%);
       transform: translate(-0%, 0%);
   }
   .bannerRight #centreArea #indexBannerWrapper
   {
      left: auto;
      right: 20px;
   }
   .bannerRight #indexBanner
   {
      float: none;
   }
   div.trustPilotWrapper
   {
       left: auto;
       right: -5px;
       transform: scale(0.5) translate(50%,20%);
   }
}


@media only screen and (max-width: 900px) 
{
	body#page
	{
		font-size: 14px;
	}
   #teaser .teaserImageSlogan 
   h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle,
   h1.mainHeader, h2.headerItem, 
   h1.fsndRespImageItemHeader, h2.fsndRespImageItemHeader
   {
      font-size: 24px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText,
   h3.subHeader
	{
      font-size: 16px;
	}
   .imageTextGroupright div.imageTextTextItem
   {
      margin-top: 0px;
   }
   div.newsListImage
   {
      height: 175px;
   }
   .newsHeader
   {
      font-size: 14px;
   }
   div#donationWrapper
   {
      left: 50%;
   }
   #contentWrapper .multiColumn.multiColumn3 div.multiColumnInnerWrapper
   {
      grid-column-gap: 10px;
   }
    #footerInfoArea
    {
        grid-column-gap: 2vw;
    }
    div#footerMenuWrapper
    {
        grid-template-columns: auto auto;
    }
}

@media only screen and (max-width: 860px)
{
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 300px;
   }
   .contentColumnWrapper .grubBruggerNews div.newsItemInner
   {
      padding-bottom: 50px;
   }
   div.newsListImage
   {
      height: 165px;
   }
   .newsHeader
   {
      font-size: 12px;
      line-height: normal;
   }
   div.newsLatestContent p
   {
      line-height: normal;
   }
   div.frame-blackBg,
   div.frame-lightGreyBGFull,
   .stylegreyBG div.frame
   {
      padding-top: 30px;
      padding-bottom: 30px;
   }
	.imageTextTextContent div.imageTextTextBody
   {
      font-size: 10px;
   }
   .imageTextTextContent header .headerItem
   {
      font-size: 16px;
   }
}

@media only screen and (max-width: 820px)
{
}

@media only screen and (max-width: 800px)
{
	body#page
	{
		font-size: 13px;
	}
   #teaser .teaserImageSlogan 
   h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle,
   h1.mainHeader, h2.headerItem, 
   h1.fsndRespImageItemHeader, h2.fsndRespImageItemHeader
   {
      font-size: 20px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText,
   h3.subHeader
	{
      font-size: 14px;
	}
	.imageTextTextContent div.imageTextTextBody
   {
      font-size: inherit;
   }
   .imageTextTextContent header .headerItem
   {
      font-size: 20px;
   }
	#mainMenuWrapper ul.level1 li.level1
	{
	}
   #footerComponents div.footerComponentInner
   {
   }
   .parallaxItemGroup div.textElementsBelowImage
   {
      background: #FFF;
   }
   .imageTextGroup div.imageTextHalfGroup
   {
      width: auto;
      float: none;
   }
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 100%;
   }
   .imageTextTextItem div.imageTextTextContent
   {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: auto;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 20px;
      padding-top: 20px;
      font-size: inherit;
          
      -ms-transform: translate( 0%, 0%);
      transform: translate( 0%, 0%);
   }
   div.newsListImage
   {
      height: 145px;
   }
   .newsHeader
   {
      font-size: 12px;
   }
   div.pagesMenu, div.subPagesMenu
   {
      grid-template-columns: 1fr 1fr 1fr;
   }

    #stoererBottom
    {
        background-color: rgba( 240, 240, 240, 0.55 );
    }
}

@media only screen and (max-width: 800px) and (orientation: landscape)
{
	#mainMenuWrapper a, 
	#mainMenuWrapper a:visited
	{
		padding-left: 6px;
		padding-right: 6px;
	}
}

@media only screen and (max-width: 790px)
{
}

@media only screen and (max-width: 780px)
{
   body#page
   {
      font-size: 12px;
   }
   .imageTextTextContent div.imageTextTextBody
   {
		font-size: 12px;
   }
	#mainContent h1
	{
		font-size: 24px;
	}
	div#footerWrapper
	{
	}
	div#bottomMenu
	{
		display: block;
	}
	div#copyright
	{
	}
	.csc-textpic-intext-left-nowrap-760 .csc-textpic-text
	{
		margin-left: 0px;
	}
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap
	{
      display: block;
		max-width: 60%;
		margin-right: 15px !important;
		float: left;
	}
   div.csc-textpic-intext-left-nowrap .csc-textpic-text
   {
      margin-left: 0px !important;
   }
   div.csc-textpic-intext-left-nowrap .csc-textpic-text ul,
   div.csc-textpic-intext-left-nowrap .csc-textpic-text ol
   {
      display: table;
      break-inside: avoid;
   }
   div.csc-textpic .csc-textpic-imagewrap figure, 
   div.csc-textpic figure.csc-textpic-imagewrap
   {
      float: none;
   }
	.elMagrListCount3.fsndElMgrImageList li.listElement
	{
		display: block;
		float: none;
		width: 100%;
		min-height: 120px;
		margin-left: auto;
		margin-right: auto;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 110px;
		margin-top: 15px;
		/*background-size: auto 100% !important;*/
	}
	.pagesMenu div.menuItem
	{
		width: 25%;
	}
	#footerComponents div.footerComponentsElement
	{
		width: 49%;
	}
	#footerComponents #footerPhone div.footerComponentInner
	{
		background: none;
	}
	#centreArea div.csc-frame-ruler-after, 
	#centreArea .contentItemuploads div.csc-frame-rulerAfter ul.csc-uploads,
   #centreArea div.csc-frame-indent
	{
		margin-bottom: 15px;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#footerComponents div.footerComponentInner
	{
	}
   
   .rssFeedNewsShortTeaser div.news-list-view
   {

       -webkit-column-count: 1; /* Chrome, Safari, Opera */
       -moz-column-count: 1; /* Firefox */
       column-count: 1;

       -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
       -moz-column-gap: 0px; /* Firefox */
       column-gap: 0px;
   }
   .multiColumn3 div.contentColumnWrapper
   {
      width: 45.9%;
   }
   .multiColumn3 div.contentColumnInner
   {
      padding-bottom: 0px;
   }
}

@media only screen and (max-width: 770px)
{
}

@media only screen and (max-width: 760px)
{
	.pagesMenu div.menuItem
	{
		width: 33%;
	}
    #topBarWrapper div#logo
    {
        max-width: 200px;
    }
	#footerComponents div.footerComponentsElement
	{
		width: 100%;
	}
	#footerComponents .footerComponentsElement div.footerComponentInner
	{
		background: none;
	}
	#stoererRechts .stoererClosed div.stoererHeader
	{
		width: 40px;
	}
	#stoererRechts .stoererItem img
	{
		width: 20px;
	}
	div.csc-textpic .csc-textpic-imagewrap figure, 
	div.csc-textpic figure.csc-textpic-imagewrap
	{
		display: block;
	}
   #footerComponents div.footerComponentInner
   {
      height: auto;
   }
   div.callbackWrapper
   {
      display: block;
      text-align: center;
   }
   .footerComponentInner .callbackWrapper div.callbackButton
   {
      margin-top: 20px;
   }
   .smallParallaxAnchor
   {
      padding-bottom: 0px;
   }
   div.frame-blackBg,
   div.frame-lightGreyBGFull,
   .stylegreyBG div.frame
   {
      padding-top: 20px;
      padding-bottom: 20px;
   }
}

@media only screen and (max-width: 740px)
{
   #stoererRechts
   {
      /*zoom: 0.9;*/
      -moz-transform: scale( 0.9);
      transform: scale( 0.9);
   }
   .contentItemLayout7 div.frame
   {
      margin-top: -60px;
   }
}

@media only screen and (max-width: 740px) and (orientation: landscape)
{
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		top: 0px;
		margin-top: 0px;
	}
	#mainContent .fsndRespImageItemTitle h1, 
	#mainContent .fsndRespImageItemTitle h2
	{
		font-size: 20px;
		white-space: normal;
	}
	.parallax-container .fsndRespImageTitleWrapper.titleHasBG div.fsndRespImageItemTitle
	{
		padding-top: 18px;
		padding-bottom: 18px;
	}
}

@media only screen and (max-width: 700px)
{
   body#page
   {
      padding-top: 85px;
   }
   div#topBarWrapper
   {
      padding-bottom: 15px;
      padding-top: 15px;
   }
	div#topBar
	{
      height: 55px;
	}
   #centreArea div#indexBannerWrapper
   {
      top: 85px;
   }
	div#contentWrapper
	{
		/*top: 75px;*/
	}
	.parallax-container .fsndRespImageTitleWrapper.titleHasBG div.fsndRespImageItemTitle
	{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#mainContent .fsndRespImageItemTitle h1, 
	#mainContent .fsndRespImageItemTitle h2
	{
		font-size: 18px;
	}
   div.newsLatestContainer
   {
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 30px;
      align-items: center;
   }
   div.newsListItem, 
   div.newsLatestItem
   {
      align-self: center;
   }
   div.newsLatestContent
   {
      height: 100px;
   }
   .newsMoreLink a, 
   .newsMoreLink a:visited
   {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
   }
   div#donationWrapper
   {
      left: 40%;
   }
   #stoererRechts
   {
      /*zoom: 0.8;*/
      -moz-transform: scale( 0.8);
      transform: scale( 0.8);
   }
   #bottom-menu
   {
      grid-template-columns: 1fr 1fr 1fr;
   }
   .ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
   {
      margin-top: 20px;
      /*zoom: 0.7;*/
      -moz-transform: scale( 0.7);
      transform: scale( 0.7);
   }
   .parallaxContentItem .ce-textpic.ce-right.ce-intext
   {
      max-width: 92%;
      margin-left: 3%;
   }
   .contentItemLayout7 div.frame
   {
      margin-top: -50px;
   }
   #contentWrapper .multiColumn.multiColumn3 div.multiColumnInnerWrapper
   {
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 40px;
   }
}

@media only screen and (max-width: 660px)
{
   div#topMenu
   {
      top: -1px;
   }
   div#mainMenuWrapper
   {
      right: 5px;
      margin-top: 10px;
   }
   div#searchForm
   {
      display: none;
   }
   #topBar div#topMenu
   {
      display: inline-block;
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-gallery
   {
      max-width: 40%;
   }
    .ce-textpic.ce-center.ce-above div.ce-gallery
   {
       max-width: 75vw;
       margin-left: auto;
       margin-right: auto;
   }
}

@media only screen and (max-width: 640px)
{
	body#page
	{
		font-size: 11px;
	}
   #teaser .teaserImageSlogan 
   h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle,
   h1.mainHeader, h2.headerItem, 
   h1.fsndRespImageItemHeader, h2.fsndRespImageItemHeader,
   .imageTextTextContent header .headerItem
   {
      font-size: 18px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText,
   h3.subHeader
	{
      font-size: 12px;
	}
   .imageTextTextContent div.imageTextTextBody
   {
		font-size: 11px;
   }
	div#websiteSlogan
	{
		font-size: 20px;
	}
	#mainContent h1
	{
		font-size: 22px;
	}
	div#websiteSlogan
	{
		max-width: 60%;
		left: 56%;
		white-space: normal;
	}
	#teaser .teaserImageSlogan div.teaserImageSloganInner
	{
		max-width: 90%;
	}
   
   #centreArea article.contentItem.contentItemLayout2 div.articleInner
   {
      padding-top: 0px;
   }
	#mainContent .fsndRespImageItemTitle h1, 
	#mainContent .fsndRespImageItemTitle h2
	{
		white-space: normal;
		font-size: 16px;
	}
	#footerComponents div.footerComponentInner
	{
	}
   div#centreArea
   {
   }
	#centreArea .csc-frame-rulerBefore p, 
	#centreArea .csc-frame-rulerBefore ul, 
	#centreArea .csc-frame-rulerBefore ol
	{
		font-size: 16px;
	}
	#centreArea article.contentItem.contentItemLayout2 div.articleInner
	{
		padding-left: 0px;
		padding-right: 0px;
	}
   #centreArea article.contentItem div.articleInner
   {
      
   }
	div.csc-textpic .csc-textpic-imagewrap img
	{
		width: 100%;
	}
	#centreArea .csc-frame-rulerBefore ul, 
	#centreArea .csc-frame-rulerBefore ol
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.csc-firstHeader
	{
		padding-top: 15px;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		margin-right: 15px;
		/*background-size: auto 80% !important;*/
	}
   article.contentItemlist div.articleInnerWrapper
   {
      max-width: 100%;
   }
   article.contentItemlist .articleInnerWrapper div.articleInner
   {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
   article.contentItemlist .articleInnerWrapper .articleInner div.detailHeader
   {
      padding-left: 15px;
      padding-right: 15px;
   }
   iframe
   {
      max-width: 98%;
      margin-left: 1%;
   }
   
   #stoererRechts
   {
      /*zoom: 0.75;*/
      -moz-transform: scale( 0.75);
      transform: scale( 0.75);
   }
   .parallaxTextElementInnerleft div.parallaxContentItem
   {
      max-height: 90%;
      margin-left: auto;
      margin-right: auto;
      overflow-y: auto;
   }
   #teaser div.teaserImageSlogan, 
   #teaser div.videoInfoTextWrapper
   {
      top: 20%;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText
   {
      max-width: 95%;
   }
   .contentItemLayout7 div.frame
   {
      margin-top: -40px;
   }
   div.pagesMenu, 
   div.subPagesMenu
   {
      grid-template-columns: 1fr 1fr;
      max-width: 98%;
      margin-left: auto;
      margin-right: auto;
   }
}

@media only screen and (max-width: 600px)
{
   .multiColumn3 div.contentColumnWrapper,
   .articleInnerWrapper .multiColumn3 div.contentColumnWrapper.contentColumn1,
   .articleInnerWrapper .multiColumn3 div.contentColumnWrapper.contentColumn3
   {
      display: block;
      max-width: 98%;
      width: 380px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      float: none;
   }
   .frame-layout-3 .frameTextBodyWrapper div.frameTextBody
   {
      height: auto;
      padding-bottom: 15px;
   }
   div.frame-layout-3
   {
      padding-bottom: 10px;
   }
   div#logo
   {
      max-width: 120px;
   }
   div#subLogo1TextWrapper
   {
      font-size: 12px;
   }
   div#donationWrapper
   {
      left: 25%;
   }
   .imageTextHalfGroup div.mediaItem
   {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
   }
   div.imageTextGroup
   {
      display: block;
      width: 540px;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
   }
   #stoererRechts
   {
      /*zoom: 0.7;*/
      -moz-transform: scale( 0.7);
      transform: scale( 0.7);
   }
   .imageTextGroupright div.imageTextTextItem::after
   {
      display: none;
   }
   .imageTextGroupright div.imageTextTextContent
   {
      float: none;
   }
   .ce-textpic.ce-below .ceColumns3 div.ce-row
   {
      grid-column-gap: 50px;
   }
   .ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
   {
      /*zoom: 0.5;*/
      -moz-transform: scale( 0.5);
      transform: scale( 0.5);
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-bodytext
   {
      max-width: 60%;
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-gallery
   {
      display: block;
      max-width: 100%;
      width: 100%;
      text-align: left;
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-bodytext
   {
      display: block;
      max-width: 95%;
   }
   div.parallaxTextElementInner
   {
   }
   .contentItemLayout7 div.frame
   {
      margin-top: -30px;
   }
   div.newsList1
   {
      grid-template-columns: 1fr;
   }
   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
   {
      div.newsList1
      {
         column-count: 1;
      }
   }
   .newsList1 div.teaser-text
   {
      height: auto;
   }
   .listLink div.ce-gallery
   {
      margin-top: 0px;
      padding-bottom: 10px;
   }
   .newsList1 div.header
   {
      height: auto;
      padding-bottom: 10px;
   }
   .news .article.listLink
   {
      min-height: 30vw;
   }
   .news .article.listLink .ce-gallery img
   {
      max-height: 15vw;
      width: auto;
   }
   .listLink div.ce-image
   {
      margin-top: 8vw;
   }
}

@media only screen and (max-width: 560px)
{
    /*
    div#topBarWrapper
    {
        z-index: 100;
    }
    div#contentWrapper
    {
        z-index: 1;
    }
     */
    .stylenotMobile
    {
        display: none;
    }
    .stylemobileOnly
    {
        display: block;
    }
    #topBarWrapper div#logo
    {
        display: inline-block;
        top: 30px;
        margin-left: 5px;
    }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      grid-template-columns: 1fr;
      grid-row-gap: 0px;
   }
   .ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
   {
      /*zoom: 0.4;*/
      -moz-transform: scale( 0.4);
      transform: scale( 0.4);
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-bodytext
   {
      /*zoom: 0.9;*/
      -moz-transform: scale( 0.9);
      transform: scale( 0.9);
   }
   div.newsListContainer
   {
      grid-template-columns: 1fr 1fr;
   }
   .kontaktWrapper
   {
      display: none;
   }
   #centreArea div#indexBannerWrapper
   {
      position: absolute;
      top: 0px;
   }
}

@media only screen and (max-width: 540px)
{
   #bottom-menu
   {
      grid-template-columns: 1fr 1fr;
   }
   #bottom-menu li.firstItem
   {
      padding-left: 30px;
   }
   #bottom-menu li.menuItem
   {
      text-align: left;
   }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      grid-column-gap: 5px;
      grid-row-gap: 5px;
      margin-top: 0px;
      margin-bottom: -5px;
   }
   .frame-layout-8 div.contentBody
   {
       column-count: 1;
   }
   .contentItemLayout7 div.frame
   {
      margin-top: -20px;
   }
   div#footerInfoArea
   {
      display: block;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
   }
   div#footerContact
   {
      border-right: none;
      border-bottom: 2px #F2F2F2 solid;
      padding-bottom: 5px;
      margin-bottom: 15px;
   }
   div.footerContactItem
   {
      display: inline-block;
      padding-right: 20px;
      margin-bottom: 10px;
   }
   .footerContactIconWrapper
   {
      width: 24px;
      margin-right: 5px;
   }
}

@media only screen and (max-height: 480px)
{
   /* in portrait? */
}

@media only screen and (max-width: 480px)
{
	#teaser .teaserImageSlogan h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle,
	#mainContent h1,
	#mainContent h2
	{
		font-size: 18px;
	}
   .imageTextTextContent .subHeader2,
   h3.subHeader2,
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText
   {
      font-size: 14px;
   }
	div#stoererRechts
	{
		max-width: 99%;
	}
	#stoererRechts .stoererItem div.stoererHeader
	{
		min-width: 320px;
		max-width: 100%;
	}
	
	#stoererRechts .stoererClosed div.stoererHeader
	{
		min-width: 0px;
		width: 35px;
	}
	#stoererRechts .stoererItem img
	{
		width: 18px;
	}
	#stoererRechts .stoererItem .stoererHeader .csc-header h2, 
	#stoererRechts .stoererItem .stoererHeader .csc-header h3, 
	#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink, 
	#stoererRechts .stoererItem .stoererHeader .csc-header a.intStoererLink:visited
	{
		font-size: 14px;
	}
	.parallax-container .fsndRespImageTitleWrapper.titleHasBG div.fsndRespImageItemTitle
	{
		margin-left: auto;
		margin-right: auto;
	}
	#teaser .teaserImageSlogan div.teaserImageSloganInner
	{
		max-width: 98%;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	body#page
	{
		font-size: 13px;
	}
	#centreArea .csc-frame-rulerBefore p, 
	#centreArea .csc-frame-rulerBefore ul, 
	#centreArea .csc-frame-rulerBefore ol
	{
		font-size: 13px;
	}
	#centreArea .csc-frame-rulerBefore ul, 
	#centreArea .csc-frame-rulerBefore ol
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	.csc-firstHeader
	{
		padding-top: 25px;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		background-size: auto 65% !important;
	}
   .tx-powermail form.layout2 fieldset.layout2,
   .tx-powermail form.layout2 fieldset.layout1
   {
      display: block;
      width: 98%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0px;
      float: none;
   }
   div.newsLatestContainer
   {
      display: block;
      width: 300px;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
   }
   div.newsListImage
   {
      max-height: 140px;
   }
   div.newsLatestContent
   {
      height: auto;
   }
   div.newsShortInfo3
   {
      display: none;
   }
   div.newsMoreLink
   {
      bottom: 10px;
   }
   #stoererRechts
   {
      /*zoom: 0.65;*/
      -moz-transform: scale( 0.65);
      transform: scale( 0.65);
   }
   div.frame-blackBg,
   div.frame-lightGreyBGFull,
   div.frame-default.accordionItem,
   .stylegreyBG div.frame,
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText
   {
      padding-top: 10px;
      padding-bottom: 10px;
   }
   
   .listLink .ce-center div.ce-outer
   {
      right: 40%;
   }
   #contentWrapper .multiColumn.multiColumn3 div.multiColumnInnerWrapper
   {
      grid-column-gap: 10px;
   }
	#mainContent p:has(a.listButtonLink),
	#mainContent p.hasButtonLinks
	{
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 460px)
{
   div#logo
   {
      width: 70px;
   }
   div#subLogo1TextWrapper
   {
      font-size: 10px;
   }
   .ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
   {
      /*zoom: 0.3;*/
      -moz-transform: scale( 0.3);
      transform: scale( 0.3);
   }
   .ce-textpic.ce-right.ce-intext.ce-nowrap div.ce-bodytext
   {
   }
   div.newsListContainer
   {
      display: block;
   }
   .newsListContainer div.newsListItem
   {
      width: 380px;
      max-width: 98%;
      margin-left: auto;
      margin-right: auto;
   }
   .newsListContainer .newsListItem div.listNewsImage,
   .newsListContainer .newsListItem div.newsListImage
   {
      height: auto;
      max-height: 300px;
   }
   .newsListContainer .newsListItem div.newsListContent
   {
      height: auto;
      padding-bottom: 35px;
   }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
      display: block;
   }
   .listElement div.frame-type-header.frame-layout-3
   {
      padding-top: 15px;
      padding-bottom: 15px;
      margin-bottom: 3px;
      margin-top: 3px;
   }
   .listElement div.frame-type-header.frame-layout-3 br
   {
      display: none;
   }
   .listElement div.frame-type-header.frame-layout-3 em::before
   {
      content: "  ";
   }
   
   .listLink .ce-center div.ce-outer
   {
      right: 30%;
   }
}
@media only screen and (max-width: 440px)
{
   #footer
   {
      grid-template-columns: auto auto;
      max-width: 95%;
      grid-column-gap: 30px;
      margin-left: auto;
      margin-right: auto;
   }
	body#page
	{
		font-size: 12px;
	}
   #teaser .teaserImageSlogan 
   h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle,
   h1.mainHeader, h2.headerItem, 
   h1.fsndRespImageItemHeader, h2.fsndRespImageItemHeader
   {
      font-size: 18px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText,
   h3.subHeader
	{
      font-size: 13px;
	}
   .multiColumn2 div.multiColumnInnerWrapper
   {
      display: block;
      max-width: 98%;
      margin-left: auto;
      margin-right: auto;
   }
}
@media only screen and (max-width: 420px)
{
	.frame-layout-8 div.contentBody
	{

       -webkit-column-count: 1; /* Chrome, Safari, Opera */
       -moz-column-count: 1; /* Firefox */
       column-count: 1;

       -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
       -moz-column-gap: 0px; /* Firefox */
       column-gap: 0px;
	}
	#teaser .teaserImageSlogan h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle
   {
      font-size: 22px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText
   {
      font-size: 12px;
   }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
   }
    img.langFlag
    {
        display: none;
    }
}
@media only screen and (max-width: 400px)
{
   .burgerMenuOpened ul#mainMenu 
   {
       width: 380px;
       max-width: calc(100vw - 15px);
   }
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap
	{
		max-width: 100%;
		margin-right: 0px !important;
		float: none;
	}
   div#footerComponents
   {
      display: block;
   }
   div#copyright
   {
      float: none;
   }
   div#bottomMenu
   {
      float: none;
      margin-top: 20px;
   }
   div#donationWrapper
   {
      left: 20%;
   }
   .ce-textpic.ce-below .ceColumns3 div.ce-row
   {
      grid-column-gap: 40px;
   }
   ul.fsndElMgrListElements[data-itemcount="4"]
   {
   }
   .contentItemheader.stylegreyBG div.frame,
   .frame-blackBg.frame-type-header
   {
      display: block;
   }
   div.pagesMenu, 
   div.subPagesMenu
   {
      display: block;
   }
   div.subPageMenuItem
   {
      width: 340px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 3px;
   }
   #contentWrapper .multiColumn.multiColumn3 div.multiColumnInnerWrapper
   {
      display: block;
      max-width: 98%;
      margin-left: auto;
      margin-right: auto;
   }
	#mainContent p:has(a.listButtonLink),
	#mainContent p.hasButtonLinks
	{
		grid-template-columns: 1fr;
	}
}
@media only screen and (max-width: 380px)
{
   div#logo
   {
      width: 50px;
   }
   div#subLogo1TextWrapper
   {
      right: 3px;
      font-size: 8px;
   }
   div#subLogo1ImageWrapper
   {
      left: 5px;
      width: 12%;
   }
	.pagesMenu div.menuItem
	{
		width: 50%;
	}
	#stoererRechts .stoererClosed div.stoererHeader
	{
		width: 30px;
	}
	#stoererRechts .stoererItem img
	{
		width: 14px;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 100px;
		margin-right: 10px;
		background-size: auto 75% !important;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		background-size: auto 50% !important;
	}
   div#donationWrapper
   {
      left: 14%;
   }
   #bottom-menu
   {
      display: block;
   }
   #bottom-menu li.level1.menuItem
   {
      display: block;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
   }
   .ce-textpic.ce-below .ceColumns3 div.ce-row
   {
      grid-column-gap: 30px;
   }
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		background-size: auto 65% !important;
	}
	#teaser .teaserImageSlogan h1.teaserImageSloganHeader, 
   #teaser .videoInfoTextWrapper div.videoInfoTitle
   {
      font-size: 20px;
   }
   #teaser .teaserImageSlogan div.teaserImageSloganInner, 
   #teaser div.videoInfoText
   {
      font-size: 11px;
   }
}

@media only screen and (max-width: 360px)
{
   .ce-textpic.ce-right.ce-intext .ceColumns2 div.ce-row
   {
      /*zoom: 0.25;*/
      -moz-transform: scale( 0.25);
      transform: scale( 0.25);
   }
}

@media only screen and (max-width: 320px)
{
   body#page
   {
      font-size: 12px;
   }
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 70px;
		margin-right: 5px;
		background-size: auto 55% !important;
	}
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		background-size: auto 50% !important;
	}
   div#donationWrapper
   {
      left: 12%;
   }
   .ce-textpic.ce-below .ceColumns3 div.ce-row
   {
      grid-column-gap: 20px;
   }
}
@media only screen and (max-width: 320px) and (orientation: portrait)
{
}

@media only screen and (max-width: 320px) and (orientation: landscape)
{
}

@media only screen and (max-width: 480px) and (max-height: 520px)
{
   /* android keyboard open */
   /*div#topBarWrapper,*/
   div#stoererRechts
   {
      display: none;
   }
   div#logo
   {
      height: 25px;
   }
   div#leftbar
   {
      height: 40px;
   }
   .menu-button .touch-button .navicon
   {
      top: -5px;
   }
}

@media only screen and (max-height: 440px)
{
   /* small landscape */
   div#topBarWrapper
   {
      /*display: none;*/
   }
   div#logo
   {
      height: 25px;
   }
   div#leftbar
   {
      height: 40px;
   }
   /*
   .menu-button .touch-button .navicon
   {
      top: 5px;
   }
   */
   div#stoererRechts
   {
      /*zoom: 0.8;*/
      -moz-transform: scale( 0.8);
      transform: scale( 0.8);
   }
}