@font-face {
    font-family: 'Sarabun Light';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Sarabun/Sarabun-ExtraLight.ttf);
}

@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Sarabun/Sarabun-Regular.ttf);
}

@font-face {
    font-family:"Font Awesome 6 Free";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),
    url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family:"Font Awesome 6 Light";
    font-style:normal;
    font-weight: 300;
    font-display: block;
    src:url(../fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),
    url(../fontawesome/webfonts/fa-solid-900.ttf) format("truetype")
}
.fa-solid,.fas {
    font-weight: 900
}
@font-face {
    font-family:"Font Awesome 6 Brands";
    font-style:normal;
    font-weight: 400;
    font-display: block;
    src:url(../fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),
    url(../fontawesome/webfonts/fa-brands-400.ttf) format("truetype")
}
.fa-brands,
.fab
{
    font-weight:400
}

:root
{
    /***  sizes ***/
    --fullWidth: 100vw; /* Wird per Javascript auf die Viewportbreite minus Scrrollbarbreite gesetzt. */
    --headerWidth: 1784px;
    --NarrowContentWidth: 1300px;
    --content-padding-inline: 5rem;
    --teaserHeight: 100vh;
    --headerHeight: 70px;
    --logoWidth: 220px;
    --menuHeight: 2em;
    --headerFontSize: 2.2rem;
    --textPicMinHeight: 450px;

    /* Abstände zwischen den Elementen */
    --spacer-extra-small:   0;
    --spacer-small:        31px;
    --spacer-normal:       62px;
    --spacer-large:        93px;
    --spacer-extra-large: 124px;

    /*** space gaps ***/
    --leftFooterSpace: 2rem;
    --wordSpacing: 1.25rem;

    /*** fonts ***/
    --defaultFont: 'Sarabun', sans-serif;
    --lightFont: 'Sarabun Light', sans-serif;
    --headerFont: var(--defaultFont);
    --infoTextFont: "Courier New", Helvetica, system-ui, sans-serif;
    --fontAwsome: "Font Awesome 6 Free";
    --fontAwsomeLight: "Font Awesome 6 Light";

    /*** colours ***/
    --gbWeiß: #FFFFFF;
    --gbLightBlue: #DEE1EB;
    --gbBlau: #162F75;
    --gbBlack: #000000;
    --gbBlack2: #1c1c1c;
    --gbGreyWhite: #e5e5e5;
    --gbGreyWhite2: #f2f2f2;
    --gbGreyCircleBG: var(--gbGreyWhite2);
    --gbDarkGrey: #1C1C1C;
    --gbGrey: #707070;
    --gbPink: #EA219D;
    --gbBlackGrey: #282828;
    --gbLightGrey: #F2F2F2;
    --gbBeige: #F1EBE4;
    --locationBGColor: #dee1eb;

}

html *
{
	margin: 0;
	padding: 0;
    vertical-align: top;
    box-sizing: border-box;
}

body
{
	font-family: var(--defaultFont);
    color: var(--gbBlack2);
    font-size: 20px;
    letter-spacing: 1px;
    padding-top: 0;
}

body.htmlarea-content-body
{
	font-size: 12px;
}

body#page
{
	color: var(--gbBlack2);
	font-weight: 400;
}

body.noTeaser
{
    padding-top: calc(var(--headerHeight) + 2rem);
}

#page.stdPage7
{
    --teaserHeight: 50vh;
}

#page.stdPage7 #mainContent main .frame {
    max-width: var(--headerWidth);
    margin-top: var(--spacer-normal)!important;
}

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

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

table th
{
	text-align: left;
}

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

section,
#breadCrumbWrapper
{
    background-color: white;
}

#breadCrumbWrapper {
    border-top: calc(var(--spacer-normal) * 2) solid white;
}

a, a:visited
{
	color: #0d2565;
	text-decoration: none;
	font-weight: 400;

	/*
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	*/
}

a:hover
{
	text-decoration: none;
	color: #51304d;
}

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

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
p {
    margin-bottom: 1em;
}

/*
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
*/
p {
    hyphens: auto;
}

/* Sonderfall zweispaltiger Text */

.frame-layout-8 h1, .frame-layout-8 .h1,
.frame-layout-8 h2, .frame-layout-8 .h2,
.frame-layout-8 h3, .frame-layout-8 .h3,
.frame-layout-8 h4, .frame-layout-8 .h4,
.frame-layout-8 h5, .frame-layout-8 .h5 {
    margin-bottom: var(--spacer-normal);
}

h1, .h1 {
    font-family: var(--lightFont);
    color: var(--gbBlack);
    font-size: 94px;
    font-weight: 200;
    letter-spacing: 0;
}

h2, .h2 {
    font-family: var(--defaultFont);
    color: var(--gbBlau);
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}

h3, .h3,
.news-single h1
{
    font-family: var(--defaultFont);
    color: var(--gbBlau);
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 1px;
}

.news-single h1
{
    font-weight: 400 !important;
}

h4, .h4 {
    font-family: var(--defaultFont);
    color: var(--gbBlack2);
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 1px;
}

h5, .h5 {
    color: red;
}

.teaserHeaderWrapper p,
h5.subHeader,
p.subHeader,
#breadCrumb {
    font-family: var(--infoTextFont);
    color: var(--gbBlack2);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
}

p.paragraph-title {
    color: var(--gbBlau);
    font-style: italic;
}

p.indent {
    padding-left: 2rem;
}

.contentHeaderType6 header > *,
.contentItemBackground_collage1 header > *,
.contentItemBackground_collage2 header > *,
.contentItemBackground_collage3 header > *,
.contentItemBackground_collage4 header > *,
.neutral {
    font-family: var(--lightFont);
    color: var(--gbBlack2);
    font-size: 68px;
    font-weight: 200;
    letter-spacing: 1px;
    text-transform: none!important;
}

.neutral2,
.elNumberStatWrapper {
    font-family: var(--lightFont);
    color: var(--gbBlack2);
    font-size: 180px;
    font-weight: 200;
    letter-spacing: 0;
}

h1.mainHeader,
h2.headerItem,
h3.headerItem,
h4.headerItem,
h5.headerItem
{
    padding-bottom: 1.2rem;
    /*hyphens: auto;*/
}

.noTeaser #headerWrapper
{
    color: var(--gbBlack2);
}

.noTeaser .logoContent
{
    fill: var(--gbBlau) !important;
}

.noTeaser .searchIcon
{
    color: var(--gbBlack2);
    transition: var(--headerTransitionSpeed) ease-in-out;
}

#mainMenuWrapper h5
{
    font-family: var(--lightFont);
    font-size: 1.44rem;
}

section.contentItem h1.csc-firstHeader
{
	margin-block: 1rem;
}

h1.headerItem,
h2.headerItem,
h3.headerItem
{
   font-weight: 400;
   text-transform: uppercase;
}

h3.headerItem
{
    margin-bottom: 1rem;
    font-size: 2rem;
    letter-spacing: 3px;
}

h3.subHeader
{
    margin: 0;
    font-size: 1rem;
    font-family: var(--infoTextFont);
}

h4.subHeader
{
    font-size: 0.9rem;
    font-family: var(--infoTextFont);
}

header .headerItemBlack
{
	color: var(--gbBlack);
    font-size: calc(var(--headerFontSize)*1.9);
    font-weight: 400;
    font-family: var(--lightFont);
    letter-spacing: 0;
    text-transform: none;
}

h2.headerItemBlack

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

p, ul, ol
{
	padding-top: 0.2rem;
	padding-bottom: 0.7rem;
}

#mainContent p,
#mainContent ul,
#mainContent ol
{
    letter-spacing: 1px;
}

#mainContent ul,ol
{
	padding-left: 0;
}

#mainContent ul {
	list-style-type: none;
}

#mainContent ul ul {
    list-style-type: none;
}

#mainContent li {
    padding-left: 1.5rem;
    background-image: url('images/bullet.svg');
    background-repeat: no-repeat;
    background-position: 0 12px;
}

#mainContent .contentItem103 li,
#mainContent .contentItem104 li,
#mainContent .contentItem105 li
{
    padding-left: 3rem;
}

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

#contentWrapper,
#teaserWrapper,
#footerWrapper,
.contentItem
{
	width: 100%;
    max-width: 100vw;
    /* Margins Kollabiersperre: */
    overflow: hidden;
/*
    padding: 1px 0;
    margin: -1px 0;
*/
}

#headerWrapper
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100vw;
    padding-top: 2rem;
    color: var(--gbWeiß);
    overflow-x: clip;
    z-index: 4;

    /* transition: background-color var(--headerTransitionSpeed) ease-in-out; */
}

#headerWrapper a:link,
#headerWrapper a:visited,
#headerWrapper a:hover,
#headerWrapper a:focus
{
    color: inherit;
}

/***** lang menu ***/
.searchAndLang
{
    display: flex;
    justify-content: space-evenly;
    column-gap: 1em;
}

#langMenu .currentLangLink
{
    display: none;
}
/* ==========================================================================
   Search
   ========================================================================== */
#searchFormWrapper
{
    position: relative;
    padding-top: 0.3rem;
}
#searchFormToggle,
#searchPageLink
{
    display: block;
    font-weight: normal;
}
#searchFormToggle svg,
#searchPageLink svg
{
    width: clamp(0.8rem, 1vw + 0.3rem , 1.35rem );
    height: auto;
}
.searchIcon
{
    color: white;
    transition: color var(--headerTransitionSpeed) ease-in-out;
}
#headerSearchForm
{
    position: absolute;
    display: none;
    top: calc(var(--headerHeight) + 2rem);
    right: 5rem;
    width: fit-content;
    max-width: 50vw;
    height: auto;
    overflow: clip;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
#headerSearchForm.visible
{
    display: flex;
    align-items: center;
    opacity: 1;
}
#headerSearchForm .searchItem
{
    width: 12rem;
    padding-inline: 0.5rem;
    padding-block: 0.35rem;
    border: none;
}
#headerSearchForm .searchItem:focus
{
    border: none;
    outline: none;
}
#searchboxButton
{
    width: 1.4rem;
    height: 1.6rem;
    border: none;
    background-image: url(images/lupe_dark_grey.png);
    background-size: auto 95%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba( 255, 255, 255, 0.8 );

    cursor: pointer;
    z-index: 10;
}

#searchForm legend,
#searchForm label
{
    display: none;
}


#footerWrapper
{
	max-width: 100%;
	height: auto;
    background-color: white;
    border-top: 1px solid #555555;
}

section.contentItem .articleInnerWrapper img
{
   max-width: 100%;
   height: auto;
}

#headerWrapper:hover,
.pastTeaser #headerWrapper
{
    background-color: white;
}

body:not(.pastTeaser) #headerWrapper:hover
{
    color: var(--gbBlack);
}

.pastTeaser #headerWrapper
{
    color: var(--gbBlack);
}

#headerWrapper:hover .logoContent,
.pastTeaser .logoContent,
body:has(.teaserImgLayout5) .logoContent
{
    fill: var(--gbBlau) !important;
}

body:has(.teaserImgLayout5) #headerWrapper .toggle-button .bar
{
    background-color: var(--gbBlau)!important;
}

#headerWrapper:hover .searchIcon
{
    color: var(--gbBlack2);
}

.pastTeaser .searchIcon
{
    color: var(--gbBlack) !important;
}

#breadCrumbWrapper
{
    padding-bottom: var(--spacer-small);
}

#breadCrumb a
{
    color: inherit;
}
/* don't display reference pages */
.breadCrumbMenuItem4
{
    display: none;
}

#teaserWrapper
{
    height: var(--teaserHeight);
    background-color: white;
}

#header
{
    position: relative;
    display: flex;
    justify-content: space-between;
	height: var(--headerHeight);
    max-width: var(--headerWidth);
    padding-inline: var(--content-padding-inline);
    margin-inline: auto;
}

#logo
{
    display: flex;
    justify-content: flex-start;
    height: 100%;
}

#logo img
{
	width: var(--logoWidth);
	height: auto;

    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
#mobileMenuBack
{
    display: none;
}
/**********  teaser  ******/
#teaser
{
    position: relative;
    height: var(--teaserHeight);
    overflow-y: clip;
}

#teaser .teaserImg,
#teaser .teaserImage,
#teaser .teaserImgInnerWrapper
{
	width: 100%;
	height: 100%
}

#teaser .teaserImgLayout5 .teaserImgInnerWrapper
{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50vw + 18rem);
    max-width: 60%;
}

#teaser .teaserImgLayout5 .teaserTextWrapper
{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*left: clamp(0, 100vw - var(--NarrowContentWidth)/2, calc(100vw - var(--NarrowContentWidth)/2) );*/
    width: var(--headerWidth);
    max-width: 98vw;
}

#teaser .teaserImgLayout5 .teaserTextWrapper h1,
#teaser .teaserImgLayout5 .teaserTextWrapper h2
{
    font-family: var(--headerFont);
    font-weight: normal;
    letter-spacing: 1px;
    /*hyphens: auto;*/
}

.teaserImgLayout5 .teaserHeaderWrapper h1
{
    width: 100%;
    color: var(--gbBlau);
    font-size: 2rem;
}

#teaser .teaserImgInnerWrapper
{
    overflow-y: clip;
}

#teaser .teaserImgInnerWrapper img,
#teaser .teaserImgInnerWrapper video
{
	width: 100%;
    height: 100%;
	/*min-height: var(--teaserHeight);*/

   object-fit: cover;
}

.teaserImgtextmedia div,
.teaserImgtextmedia figure
{
    width: 100%;
    height: 100%;
}

#teaser .video-embed
{
    position: relative;
}

#teaser .teaserImgInnerWrapper video
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);
}

#teaser .teaserTextWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: var(--NarrowContentWidth);
    max-width: 80%;
    height: auto;
}

.teaserHeaderWrapper h1
{
    color: white;
    max-width: 100%;
    margin-bottom: 0;
}

.teaserImgLayout5 .teaserHeaderWrapper h1 {
    padding-right: 65%;
}

.teaserImage[data-overlay="1"]
{
    position: relative;
}

.teaserImage[data-overlay="1"]:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0.5) 100%);
}

/***** main content ****/
#centreAreaWrapper
{
    min-height: 220px;
    /*padding-top: 4rem;*/
}

.contentItemsliderItem .content,
.content-wide
{
    max-width: 100vw;
    padding-inline: var(--content-padding-inline);
	margin-inline: auto;
}

.content
{
    max-width: var(--headerWidth);
    padding-inline: var(--content-padding-inline);
	margin-inline: auto;
}

.stdPage6 #breadCrumb.content {
    max-width: var(--NarrowContentWidth);
}

.content.frame-type-news_pi1 {
    max-width: var(--headerWidth);
}

.contentItemLayout2 .content {
    max-width: unset;
    /*padding-inline: 0;*/
}

/*
.stdPage5 .contentItem .frame
{
    max-width: var(--headerWidth)!important;
    padding-inline: var(--content-padding-inline);
}
*/

.contentItemLayout2 .imageTextHalfGroup.imageTextTextItem {
    padding: var(--content-padding-inline);
}

.contentItemtextpic .content {
    width: auto;
}

.content .content {
    padding-inline: 0;
}

/* Temporärer Bugfix für das .contentBody-Element: */

/*
.contentBody {
    padding: 0!important;
    background-image: none!important;
    background-color: transparent!important;
    position: static!important;
}
*/

.imageTextHalfGroup {
    background-color: var(--gbGreyWhite2);
}

.sideBySide
{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: minmax(30vw,1fr);
    grid-column-gap: 1.5rem;
    position: relative;
}

.newsPage:not(.newsPageSingleColumn) .sideBySide {
    max-width: var(--NarrowContentWidth);
    padding-inline: var(--content-padding-inline);
    margin-inline: auto;
}

.sideBySide .content
{
    width: auto;
    max-width: unset;
}
.frame header
{
    display: flex;
    flex-direction: column-reverse;
    row-gap: 1rem;
}

.frame header:has(.subHeader3)
{
    row-gap: 0;
}

.frame-layout-8 div.contentBody
{

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

       -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
       -moz-column-gap: 3rem; /* Firefox */
       column-gap: 3rem;
    column-fill: balance;
}

/* Überschrift mit Bild (4 bzw. 10) */

section.contentItemBackground_lightGreyBG.contentItemLayout4,
section.contentItemBackground_lightGreyBG.contentItemLayout10 {
    background-color: white;
}

section.contentItemBackground_lightGreyBG.contentItemLayout4  .frame,
section.contentItemBackground_lightGreyBG.contentItemLayout10 .frame {
    background-color: var(--gbGreyCircleBG);
}

section.contentItemBackground_lightGreyBG.contentItemLayout4  .frame-105.frame,
section.contentItemBackground_lightGreyBG.contentItemLayout10 .frame-105.frame {
    border-inline: var(--content-padding-inline) solid white;
}

.contentItemLayout4  .frame,
.contentItemLayout10 .frame {
    max-width: var(--fullWidth)!important;
}

.contentItemLayout4  .ce-left header,
.contentItemLayout10 .ce-left header {
    width: 100%;
    /*left: max(0px, calc((var(--fullWidth) - var(--headerWidth)) / 2))!important;*/
    left: 0;
}

.contentItemLayout4  .ce-right header,
.contentItemLayout10 .ce-right header {
    width: 100%;
    /*right: max(0px, calc((var(--fullWidth) - var(--headerWidth)) / 2))!important;*/
    right: 0;
}

.contentItemLayout4  .ce-left  header > *,
.contentItemLayout4  .ce-right header > *,
.contentItemLayout10 .ce-left  header > *,
.contentItemLayout10 .ce-right header > * {
    /*hyphens: none;*/
}

.contentItemLayout4  .frame-105 .ce-left  header > *,
.contentItemLayout10 .frame-105 .ce-left  header > * {
    padding: var(--content-padding-inline);
}

.contentItemLayout4  .frame-105 .ce-right header > *,
.contentItemLayout10 .frame-105 .ce-right header > * {
    padding: var(--content-padding-inline);
}

.contentItemLayout4  .frame-104 .ce-left  header > *,
.contentItemLayout10 .frame-104 .ce-left  header > * {
    padding: var(--content-padding-inline);
    padding-left: max(var(--content-padding-inline), calc((var(--fullWidth) - var(--headerWidth)) / 2 + var(--content-padding-inline)))!important;
}
.contentItemLayout4  .frame-104 .ce-right header > *,
.contentItemLayout10 .frame-104 .ce-right header > * {
    padding: var(--content-padding-inline);
    padding-right: max(var(--content-padding-inline), calc((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline))!important;
}

.contentItemLayout4  .frame-104 .ce-left .ce-bodytext,
.contentItemLayout10 .frame-104 .ce-left .ce-bodytext {
    padding-right: max(var(--content-padding-inline), calc((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline))!important;
}

.contentItemLayout4  .frame-104 .ce-right .ce-bodytext,
.contentItemLayout10 .frame-104 .ce-right .ce-bodytext {
    padding-left: max(var(--content-padding-inline), calc((var(--fullWidth) - var(--headerWidth)) / 2 + var(--content-padding-inline)))!important;
}

.contentItemLayout4  .ce-bodytext,
.contentItemLayout10 .ce-bodytext {
    min-height: var(--textPicMinHeight);
}

.contentItemLayout4  .ce-left  figure,
.contentItemLayout4  .ce-right figure,
.contentItemLayout10 .ce-left  figure,
.contentItemLayout10 .ce-right figure {
    background-color: var(--gbBlau);
}

.contentItemLayout4  .ce-left figure,
.contentItemLayout10 .ce-left figure {
    background-image: url(images/Wellen.svg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.contentItemLayout4  .ce-right figure,
.contentItemLayout10 .ce-right figure {
    background-image: url(images/Quader.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.contentItemLayout4  .ce-left  figure img,
.contentItemLayout4  .ce-right figure img,
.contentItemLayout10 .ce-left  figure img,
.contentItemLayout10 .ce-right figure img {
    display: none;
}

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

.frame-layout-8 .contentBody p:first-child
{
    break-after: avoid-column;
}

.contentItemmenu_pages.contentItemBackground_greyBG header,
.frame-greyBG .pagesText
{
    padding-block: 3rem;
    padding-inline: 7vw;
    background-color: var(--gbLightBlue);
    color: var(--gbBlack);

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

.frame-greyBG .pagesText
{
    padding-top: 0;
    margin-top: -2rem;
}

.frame-greyBG h2.headerItem,
.frame-greyBG h3.subHeader
{
    color: inherit;
}

.frame-greyBG:hover a,
.frame-greyBG:hover a:visited
{
}

.contentItemLayout7 .pagesMenuLinkWrapper {
    margin-right: -7vw;
}

.contentItemLayout7 .pagesLink {
    padding-right: 7vw;
}

.contentItemLayout7 {
    background-color: transparent;
}

.contentItemLayout7 .articleInner
{
    /*width: var(--NarrowContentWidth);
    margin-inline: auto;*/
}

.frame-102 {
    width: var(--NarrowContentWidth) !important;
    padding-block: unset;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.contentItem .contentItemBackground_greyBG {
    background-color: var(--gbGreyWhite2);
}

.contentItemBackground_collage1,
.contentItemBackground_collage2,
.contentItemBackground_collage3,
.contentItemBackground_collage4
{
    position: relative;
    color: var(--gbDarkGrey);
}

.contentItemBackground_collage1,
.contentItemBackground_collage2,
.contentItemBackground_collage3
{
    padding-block: 24rem;
}

.contentItemBackground_collage1 .frame,
.contentItemBackground_collage2 .frame,
.contentItemBackground_collage3 .frame,
.contentItemBackground_collage4 .frame
{
    max-width: var(--NarrowContentWidth);
    padding-inline: var(--content-padding-inline);
    margin-inline: auto;
}

.contentItemBackground_collage1 .contentItemBackground_collage1,
.contentItemBackground_collage2 .contentItemBackground_collage2,
.contentItemBackground_collage3 .contentItemBackground_collage3,
.contentItemBackground_collage4 .contentItemBackground_collage4
{
    position: static;
    padding-block: 0;
}

.contentItemBackground_collage4 {
    padding-block: 1px;
    margin-block: -1px;
    /*background-color: white;*/
}

.contentItemBackground_collage4 .frame {
    background-color: var(--gbGreyCircleBG);
    max-width: var(--headerWidth);
    margin-inline: auto;
    border-inline: var(--content-padding-inline) solid white;
    padding-block: 16rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contentItemBackground_collage4 .frame .ce-outer,
.contentItemBackground_collage4 .frame .ce-inner {
    position: static;
}

.contentItemBackground_collage4 .frame header {
    max-width: var(--NarrowContentWidth);
    padding-inline: var(--content-padding-inline);
    margin-inline: auto;
}

.contentItemBackground_collage4 .frame header a {
    color: inherit!important;
}

.contentItemBackground_collage1 header,
.contentItemBackground_collage2 header,
.contentItemBackground_collage3 header,
.contentItemBackground_collage4 header
{
    position: relative;
    z-index: 2;
}

.contentItemBackground_collage1 header > *,
.contentItemBackground_collage2 header > *,
.contentItemBackground_collage3 header > *,
.contentItemBackground_collage4 header > *
{
    color: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contentItemBackground_collage1 header > h2,
.contentItemBackground_collage2 header > h2,
.contentItemBackground_collage3 header > h2,
.contentItemBackground_collage4 header > h2
{
    padding-right: 4rem;
    z-index: 10;
}

.rightContent .contentItemlist header > h2
{
    font-size: clamp(1.25rem, 2.5vw + 0.15rem, 1.8rem);
}

.contentItemBackground_collage1 .ce-image,
.contentItemBackground_collage2 .ce-image,
.contentItemBackground_collage3 .ce-image,
.contentItemBackground_collage4 .ce-image
{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100vw;

    transform: translate(-50%,0);
    z-index: 1;
}

.contentItemBackground_collage1 .ce-gallery,
.contentItemBackground_collage1 .ce-inner,
.contentItemBackground_collage1 .ce-outer,
.contentItemBackground_collage1 .ce-row,
.contentItemBackground_collage1 .ce-column,
.contentItemBackground_collage2 .ce-gallery,
.contentItemBackground_collage2 .ce-inner,
.contentItemBackground_collage2 .ce-outer,
.contentItemBackground_collage2 .ce-row,
.contentItemBackground_collage2 .ce-column,
.contentItemBackground_collage3 .ce-gallery,
.contentItemBackground_collage3 .ce-inner,
.contentItemBackground_collage3 .ce-outer,
.contentItemBackground_collage3 .ce-row,
.contentItemBackground_collage3 .ce-column,
.contentItemBackground_collage4 .ce-gallery,
.contentItemBackground_collage4 .ce-inner,
.contentItemBackground_collage4 .ce-outer,
.contentItemBackground_collage4 .ce-row,
.contentItemBackground_collage4 .ce-column
{
    height: 100%;
    width: 100%;
    overflow: visible;
}

.contentItemBackground_collage1 img,
.contentItemBackground_collage2 img,
.contentItemBackground_collage3 img,
.contentItemBackground_collage4 img
{
    position: absolute;
}

.contentItemBackground_collage1 .contentImage1 { bottom:   12%; left:  15%; }
.contentItemBackground_collage1 .contentImage2 { top:      12%; left:  30%; }
.contentItemBackground_collage1 .contentImage3 { bottom:   12%; right:  0%; }

.contentItemBackground_collage2 .contentImage1 { bottom: 15%; left:  20%; }
.contentItemBackground_collage2 .contentImage2 { top:    12%; right: 30%; }
.contentItemBackground_collage2 .contentImage3 { bottom: 15%; right: 20%; }

.contentItemBackground_collage3 .contentImage1 { top:      5%; left:  20%; }
.contentItemBackground_collage3 .contentImage2 { bottom:   7%; left:  30%; }
.contentItemBackground_collage3 .contentImage3 { top:     20%; right: 10%; }

.contentItemBackground_collage4 .contentImage1 { top:     11%; left:  20%; }
.contentItemBackground_collage4 .contentImage2 { bottom:   8%; left:  45%; }
.contentItemBackground_collage4 .contentImage3 { top:      8%; right: 30%; }

.frame-layout-7
{
    /*width: calc(50vw - 2.3rem);*/
    max-width: 100% !important;
    margin: 0!important;
    padding-left: 50%;
    padding-right: 0!important;
}

section.contentItemmenu_pages
{
    position: relative;
    /*height: calc(100vh - var(--headerHeight) - 2rem);*/
    /*margin-top: 2rem;*/
    /*overflow-y: scroll;*/
    overflow-x: clip;

    /*scrollbar-color: red orange;
    scrollbar-width: thin;*/
}

.menuPagesImgWrapper
{
    position: fixed;
    left: 0;
    top: var(--headerHeight);
    height: 100%;
    width: 50vw;
    z-index: -1;
}

.menuPagesImgWrapper img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.menuPagesImgWrapper video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 33% -11vw;
}

.frame-type-menu_pages
{
    position: relative;
    padding-top: 0;
}

.frame-layout-7 .pagesMenu
{
    background-color: white;
}

.frame-layout-7 header.hasTextBody {
    padding-top: 6vw;
    padding-inline: 7vw;
    paddinb-bottom: 3rem;
}

.frame-layout-7 .pagesText {
    padding-bottom: 6vw;
}

.frame-layout-7 .pagesMenuItem
{
    padding-block: 4vw;
    padding-inline: 7vw;
    border-bottom: 1px var(--gbGreyWhite) solid;
}

.frame-layout-7 .pagesMenuItem:last-child
{
    border-bottom: none;
}

.pagesMenuItem > h5
{
    color: var(--gbBlau);
    font-size: 1.8rem;
    font-weight: 400;
}

.hasHeader div#centreArea
{
   padding-top: 2rem;
}

section:has(.ce-nowrap)
{
    position: relative;
}

.ce-textpic.ce-intext.ce-nowrap
{
}

.ce-textpic.ce-intext.ce-nowrap div.ce-gallery,
.ce-textpic.ce-intext.ce-nowrap .ce-column
{
    float: none;
}

.ce-textpic.ce-intext.ce-nowrap figure
{
    display: block;
}

.ce-textpic.ce-intext.ce-nowrap .ce-row,
.ce-textpic.ce-intext.ce-nowrap .ce-column,
.ce-textpic.ce-intext.ce-nowrap figure
{
    height: 100%;
}

.ce-textpic.ce-intext.ce-nowrap .ce-gallery
{
    position: absolute;
    height: 100%;
    width: 25%;
    top: 50%;
    left: 0;
    margin: 0;

    transform: translateY(-50%);
}

/*
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext h1,
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext h2,
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext h3,
.ce-textpic.ce-intext.ce-nowrap .ce-bodytext h4 {
    word-break: normal;
    hyphens: none;
}
*/
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery
{
    left: unset;
    right: 0;
}

.ce-textpic.ce-intext.ce-nowrap img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap,
.ce-textpic.ce-left.ce-intext.ce-nowrap {
    position: relative;
    min-height: var(--textPicMinHeight);
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext
{
    margin-right: 25%;
    margin-left: max(calc((var(--fullWidth) - var(--headerWidth)) / 2), 0);
    padding-block: var(--content-padding-inline);
    padding-left: var(--content-padding-inline);
    padding-right: calc(var(--content-padding-inline)  * 2 );
    min-height: var(--textPicMinHeight);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext
{
    margin-left: 25%;
    margin-right: 0;
    padding-block: var(--content-padding-inline);
    padding-right: var(--content-padding-inline);
    padding-left: calc(var(--content-padding-inline)  * 2 );
    min-height: var(--textPicMinHeight);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.frame-layout-10 {
    padding-inline: 0;
}

/*
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext header {
    position: absolute;
    top: 3rem;
    left: 5rem;
    width: 33%;
    /*padding-left: var(--content-padding-inline);*//*
}
*/
/*
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext header * {
    color: white;
}
*/

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext header * {
    /*color: white;*/
}

.ce-gallery header
{
    position: absolute;
    left: 0;
    top: 0;
    /*max-width: 24rem;*/
    /*margin-right: 2rem;*/
    color: white;
    z-index: 1;
}

.ce-gallery h2,
.ce-gallery h3
{
    color: inherit;
    letter-spacing: 3px;
}

.articleInner
{
    margin-bottom: 1rem;
    margin-top: 0.2rem;
}

.contentItemBackground_greyBGCircles
{
    padding-block: 4rem;
    background-image: url("images/cicleBG.svg");
    background-color: var(--gbGreyCircleBG);
    background-size: 600px auto;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.contentItemBackground_greyBGCircles .frame,
.contentItemBackground_greyBGCircles .contentItemBackground_greyBGCircles {
    background-image: none;
    background-color: transparent;
    border: none!important;
}

.contentItemBackground_greyBGCircles .contentBody {
    max-width: 80%;
}

.contentItemBackground_greenCircles
{
    background-image: url(images/Kreise_Karriere_Interview.svg), url(images/Kreise_Karriere_Interview.svg);
    background-size: 25%, 25%;
    background-repeat: no-repeat, no-repeat;
    background-position: right -10% top 0, left 45% bottom 0;
    padding-bottom: 50px;
}

.contentItemBackground_greenCircles .contentItemBackground_greenCircles
{
    background-image: none;
    padding-bottom: 0;
}

.contentItemBackground_greenCircles .contentBody
{
    background-color: var(--gbLightGrey)!important;
}

.contentItemBackground_bgImg1
{
    padding-block: 4rem;
    background-image: url("/fileadmin/bilder/Counter/counter_bg.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.contentItemBackground_bgImg1 .contentItemBackground_bgImg1 {
    background-image: none;
    padding-block: 0;
}

.contentItemBackground_bgImg1  .numbersGraphWrapper
{
    background-color: transparent;
    color: inherit;
}

.elNumberStatWrapper .elNumberStatWrapper
{
    row-gap: 1rem;
}

.numbersGraphWrapper .graphElement > div
{
    padding-inline: 0;
}

.numbersGraphWrapper .elNumberStatWrapper .nameWrapper
{
    color: white;
    text-transform: none;
    font-size: 2rem;
}

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: 0;
   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(images/download_icon-red.png);
   background-position: center top;
   background-repeat: no-repeat;
   background-size: auto 100%;
}

#footerComponents h2,
#footerComponents h3
{
   margin-bottom: 20px;
   color: #FFF;
   font-weight: 600;
}

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

#footer
{
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: white;
    z-index: 25;
}

#footer #kompetenz,
#footer .footerBottomInner {
    width: var(--headerWidth);
    max-width: 97vw;
    padding-inline: var(--content-padding-inline);
    margin: 0 auto;
}

#footer .footerBottomInner .content {
    padding-inline: 0;
}

#kompetenz a
{
    font-weight: 400;
    color: #707070;
}

#kompetenz .menuToggler {
    right: 0;
}

#kompetenz .kompetenzLevel1 > a,
.footerHeader
{
    color: var(--gbBlack);
    display: block;
    position: relative;
}

.kompetenzLevel1,
#kompetenz .kompetenzLevel1 > .menuLinkLevel1,
#bottomMenu,
#copyright
{
    color: var(--gbBlack2);
}

.subMenuOpener,
.menuToggler
{
    position: absolute;
    display: none;
    top: 0;
    right: 2rem;
    font-family: var(--defaultFont);
    font-size: 1.1em;
    cursor: pointer;
    padding-left: 3rem;
}

li.level2 .menuOpener {
    right: 1.9rem
}

li.level2 .menuCloser {
    right: 2.1rem
}

#kompetenz .kompetenzLevel2
{
    color: var(--gbGrey);
    font-weight: 400;
}

#kompetenz > div > div > div
{
    padding-bottom: 0.4rem;
}

#kompetenz .kompetenzLevel1 a:hover
{
    color: var(--gbGrey);
}

#kompetenz .kompetenzLevel2 a:hover
{
    color: var(--gbBlack);
}








.lowerSubMenu,
.verzeichnisse
{
    padding-top: 1em;
}

.footerBottom
{
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px #E5E5E5 solid;
}

.footerBottomInner
{
    display: flex;
    gap: var(--wordSpacing);
}

.footerBottom,
.footerBottom a
{
}

#footerComponents #footerFax div.footerComponentInner
{
	background-image: none;
}

#footerComponents #footerFax div.footerComponentInner:hover
{
	background-image: none;
}

#bottomMenu
{
    margin-right: auto;
}

#bottom-menu
{
    display: flex;
    flex-direction: row;
    gap: var(--wordSpacing);
}

#copyright
{
	display: block;
	margin-right: var(--wordSpacing);
}

#copyright .content
{
    width: fit-content;
    margin-inline: 0;
}

#copyright .contentBody *
{
    white-space: nowrap;
    padding: 0;
}

#bottom-menu a.bottomMenuItemLinkLevel1
{
    color: var(--gbBlack);
    display: block;
}
#bottom-menu .menuSep div.menuSepChar
{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 1px;
   height: 12px;
   background: #FFF;
}

#bottom-menu li.level1 a,
#bottom-menu li.level1 a:visited
{
	color: var(--gbBlack);
}

#bottom-menu li.level1 a:hover,
#bottom-menu li.level1 a:focus
{
    color: var(--gbGrey)!important;
	text-decoration: none;
    background-color: transparent;
}

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: #0d2565;
   border: none;
   cursor: pointer;
}

.csc-uploads li.csc-uploads-element-pdf
{
	background-image: url(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-indexed search results **/
.tx-indexedsearch-rules,
table input.tx-indexedsearch-searchbox-button,
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-searchbox label,
#isBrowseBoxTop,
dl.tx-indexedsearch-info,
.tx-indexedsearch-percent,
.tx-indexedsearch-info-sword
{
    display: none;
}

.tx-indexedsearch-searchbox {
    margin-bottom: 80px;
}

.tx-indexedsearch-info-noresult,
.tx-indexedsearch-browsebox {
    font-family: var(--infoTextFont);
}

.tx-indexedsearch-searchbox fieldset
{
    display: flex;
    width: fit-content;
	border: none;
}

.tx-indexedsearch-searchbox input
{
    padding-inline: 0.3rem;
    padding-block: 0.5rem;
    font-size: 1rem;
    border-width: 0px;
    width: 100%;
}

.tx-indexedsearch-searchbox input::placeholder
{
    color: white;
}

.tx-indexedsearch-searchbox input[type="submit"]
{
    padding-inline: 1rem;
    padding-block: 0.4rem;
    height: 100%;
    border: none;
    color: white;
    background-color: var(--gbBlau);
    position: relative;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox
{
   padding-top: 2rem;
   margin-left: 0;
   padding-left: 0;
}

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

.tx-indexedsearch-browsebox > p
{
    padding-top: 0.5rem;
}

.tx-indexedsearch-browsebox > ul:nth-child(2)
{
    display: none;
}

.tx-indexedsearch-res
{
    max-width: 50%;
    margin-top: 2.3rem;
    margin-bottom: 3.8rem;
    padding-top: 1.1rem;
    border-width: 1px 0 0 0;
    border-color: var(--gbGreyWhite);
    border-style: solid;
}

.tx-indexedsearch-res p
{
    color: var(--gbGrey);
}

.tx-indexedsearch-res header
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    column-gap: 1.5rem;
    padding-bottom: 0.5rem;
}

.tx-indexedsearch-res h3
{
    font-size: clamp( 1.2rem, 2vw + 0.2rem, 1.8rem);
    color: var(--gbBlack)
}

.tx-indexedsearch-percent
{
    padding-bottom: 0.1rem;
}

.tx-indexedsearch-res a,
.tx-indexedsearch-res a:visited
{
    color: inherit;
}

.tx-indexedsearch-searchbox-sword {
    background-color: var(--gbBlau);
    color: white;
}

.tx-indexedsearch-search-submit {
    position: relative;
}

.tx-indexedsearch-search-submit img {
    position: absolute;
    width: 60%;
    height: auto;
    top: 20%;
    left: 20%;
    z-index: 1;
}

.tx-indexedsearch-form {
    width: 300px;
}

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

.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-blockFli !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: 25px;
}

/*** pages menus ****/
.subPagesMenu div.subPageMenuItem
{
   margin-bottom: 35px;
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 25px;
   padding-top: 25px;
   background-color: #EEE;
}

.subPagesMenu a.subPagesTitleLink
{
   display: none;
}

.subPagesMenu div.contentElementImage,
.subPagesMenu div.contentElementTextArea
{
   display: inline-block;
}

.subPagesMenu div.contentElementImage
{
   width: 27.9%;
   height: 220px;
   margin-right: 2%;

   overflow: hidden;
}

.subPagesMenu div.contentElementTextArea
{
   width: 69.9%;
}

.subPagesMenu div.contentElementTextArea
{
   font-size: 14px;
   line-height: normal;
}

.subPagesMenu .contentElementTextArea .contentElementHeader
{
   margin-top: 0;
   font-size: 18px;
   color: #0d2565;
}

.subPagesMenu .subPageMenuItem .contentElementImage img,
section.contentItem .articleInnerWrapper .fsndElMgrSlider .contentElementImage img
{
   height: 100%;
   width: auto;
   text-align: center;
}

.pagesMenuInfo
{
    min-height: 4em;
}

.articletype-0 {
    position: relative;
}

.teaser-text .more
{
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: fit-content;
    padding-inline: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    margin-left: auto;
    color: var(--gbBlau);
    background-image: linear-gradient(var(--gbBlau), var(--gbBlau));
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 100%;
    transition: all 0.2s ease-in-out;
}

.pagesMenuLinkWrapper {
    position: relative;
    width: fit-content;
    padding-inline: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    margin-left: auto;
    color: var(--gbBlau);
    background-image: linear-gradient(var(--gbBlau), var(--gbBlau));
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 100%;
    transition: all 0.2s ease-in-out;
    margin-right:  0;
    padding-right: 16px;
}

.pagesCardText .pagesMenuLinkWrapper {
    margin-right: 0;
}

.pagesMenuLinkWrapper > a,
.teaser-text .more
{
    display: block;
    transition: all 0.2s ease-in-out;
}

.pagesMenuLinkWrapper > a
{
    width: fit-content;
    color: inherit;
}

.pagesMenuLinkWrapper:hover,
.teaser-text .more:hover
{
    color: white;
    background-size: 100% 100%;
}

.pagesMenuLinkWrapper span,
.teaser-text .more > span
{
    color: var(--gbBlau);
    padding-inline: 1.2rem;
}

.pagesMenuLinkWrapper:hover span,
.teaser-text .more:hover > span
{
    color: #ffffff;
}

.pagesMenuLinkWrapper svg,
.teaser-text .more > svg {
    position: absolute;
    bottom: 8px;
    left: 32px;
    height: 14px;
    width: auto;
}

.pagesMenuLinkWrapper:hover svg,
.teaser-text .more:hover > svg {
    color: #ffffff;
}

.shortPagesMenuWrapper
{
    display: grid;
    grid-template-columns: 60% 40%;
    grid-column-gap: 2rem;
    /*width: fit-content;*/
    max-width: 100vw;
    overflow: clip;
}

.shortPagesMenu
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: fit-content;
    max-width: clamp(200px, 40vw + 0.5rem, 540px);
}

.shortMenuItem > a
{
    color: var(--gbDarkGrey);
}

.shortMenuItem:hover > a
{
    color: var(--gbBlau);
}

.shortMenuItem h3
{
    margin-block: 0;
    font-size: 5rem;
    font-family: var(--lightFont);
    color: inherit;
    letter-spacing: 3px;
}

.pagesBoxMenu
{
    display: grid;
    column-gap: 1rem;
    row-gap: 0.8rem;
    grid-template-columns: repeat(3,1fr);
    padding-block: 2.5rem;
}

.pagesBoxMenu > div
{
    position: relative;
    display: table-cell;
    height: 100%;
    background-color: var(--gbGreyWhite2);
}

.pagesCardImage
{
    width: 100%;
    /*width: calc(var(--NarrowContentWidth)/3);*/
    height: auto;
    object-fit: cover;
}

.pagesCardTextWrapper
{
    padding-inline: 1rem;
    padding-block: 1rem;
}

.pagesCardTextWrapper > header
{
    font-family: var(--headerFont);
    padding-bottom: 1rem;
    font-size: clamp(1.2rem, 2.5vw + 0.2rem, 2rem);
}

.pagesCardTextWrapper > header > *
{
    letter-spacing: 6px;
    font: inherit !important;
}

.pagesCardText
{
    padding-bottom: 2rem;
}

.pagesCardTextWrapper .pagesMenuLinkWrapper
{
    position: absolute;
    width: fit-content;
    bottom: 16px;
    right: 16px;
}

@media screen and (min-width: 680px)
{
    .shortMenuItem h3
    {
        font-size: clamp( 2rem, 6vw + 0.5rem, 5rem );
    }

}

.menuShortImagesWrapper
{
    position: relative;
    height: 100%;
    min-height: 320px;
}

.menuShortImagesWrapper > div
{
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%;
    opacity: 0;

    transition: opacity 1s ease-in-out;
}

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

.shortMenuItemBG
{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.menuShortImagesWrapper > div.active
{
    opacity: 1;
}

/*** image text left/right ***/
#mainContent .contentItem102 {
    padding-block: unset;
    background-color: white;
}
.imageTextGroup
{
    display: flex;
    /*max-height: 50vh;*/
}
.imageTextGroup.imageTextGroupleft
{
    flex-direction: row-reverse;
}

.contentItemBackground_lightGreyBG .imageTextGroup,
.contentItemBackground_lightGreyBG .frame {
    background-color: var(--gbLightGrey);
    padding-inline: 0;
}

.imageTextGroup > div
{
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 1;
    width: 50%;
    overflow: clip;
    min-height: 500px;
}

.imageTextTextItem
{
    display: flex;
    align-items: center;
    padding-block: 2.5rem;
}

.imageTextGroupright .imageTextTextItem
{
    padding-right: 5rem;
    padding-left: 2.5rem;
}

.imageTextGroupleft .imageTextTextItem
{
    padding-right: 2.5rem;
    padding-left: 5rem;
}

.imageTextTextItem h3
{
    text-transform: none;
    color: inherit;
}

.imageTextImageItem .mediaItem
{
    position: relative;
    height: 100%;
    width: 100%;
}

.imageTextImageItem img
{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transform: translate(-50%,-50%);
}

    /*** button links ****/
a.buttonLink
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	background: #005199;
	border: 2px #88A outset;
}

a.buttonLink:hover
{
	text-decoration: none;
	border-color: #3E3E3E;

	-webkit-box-shadow: 5px 5px 3px 0 rgba(170,170,170,1);
	-moz-box-shadow: 5px 5px 3px 0 rgba(170,170,170,1);
	box-shadow: 5px 5px 3px 0 rgba(170,170,170,1);

	-webkit-transition-delay: 0.1s; /* Safari */
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;

	-webkit-transition-duration: 0.5s; /* Safari */
    -moz-transition-duration: 0.5s;
    -o-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(images/tel.png);
}

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

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

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

p.important,
div.important
{
	font-weight: 600;
	font-size: 18px;
	text-align: center;
}
/*** powermail ***/
.tx-powermail .layout3 legend.powermail_legend
{
	display: none;
}


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

.tx-powermail form.layout2
{
   display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.tx-powermail form.layout2 fieldset.layout2
{
   display: inline-block;
   width: 49%;
   max-width: 99%;
   padding-left: 1%;
   vertical-align: top;
}

.tx-powermail form.layout2 fieldset.layout1
{
   width: 44%;
   max-width: 100%;
   height: 275px;
   float: right;
}

.tx-powermail fieldset
{
	border: none;
}

.tx-powermail input.powermail_input,
.tx-powermail textarea.powermail_textarea
{
    width: 96.5%;
    padding-block: 0.5rem;
    padding-inline: 0.5rem;
    margin-left: 0.5%;
    font-size: 1rem;
    border: none;
}

.tx-powermail input.powermail_submit
{
    padding-block: 0.8rem;
    padding-inline: 1.2rem;
    margin-top: 1rem;
    background: var(--gbBlau);
    color: white;
    border: none;
    font-size: 1rem;
}

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

.powermail_fieldset_error .powermail_field
{
    position: relative;
}

.powermail-errors-list.filled
{
    position: absolute;
    bottom: 0.1rem;
    left: 0.5rem;
    margin: 0;
    padding: 0;
    color: #CC2222;
    font-size: 0.8rem;
    list-style: none;
    white-space: nowrap;
    pointer-events: none;

    transform: translate(0,100%);
}

/** slider Gallery **/
.ce-gallery[data-imagecols="100"]
{
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
.ce-gallery.imageSlider[data-imagecols="100"]
{
    opacity: 1;
}
.imageSlider .ce-outer,
.imageSlider .ce-inner
{
    float: none;
    right: unset;
    left: unset;
}

.sliderImgWrapper .sliderImgItem .frame:has(.video)
{
    margin-top:    0!important;
    margin-bottom: 0!important;
}

.imageSlider .ce-outer
{
    position: relative;
    padding-inline: 3rem;
}

.imageSlider .ce-inner
{
    position: unset;
    overflow: clip;
}

.imageSlider .ce-row
{
    position: relative;
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
    left: 0;
    width: 10000px;

    transition: all 0.6s ease-in-out;
}

.imageSlider .ce-row > div
{
    display: table-cell;
    float: none;
    height: 100%;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-block: 0.5rem;
    overflow: clip;

    transition: all 0.6s ease-in-out;
}

.imageSlider .sliderToggler
{
    transform: translateY(-50%);
}

.imageSlider .rightToggler
{
    right: 0;
    left: unset;
}

.imageSlider .leftToggler
{
    left: 0;
}

/** slider with image ***/
.contentItemLayout9
{
    background-color: var(--gbLightGrey);
}
.contentItemLayout9 > .content
{
    max-width: var(--fullWidth);
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    overflow: visible;
    padding: 0;
}

.contentItemLayout9 .firstInnerWrapper
{
    flex-basis: 34%;
    flex-shrink: 1;
    flex-grow: 0;
    position: relative;
}

.contentItemLayout9 .firstInnerWrapper img,
.contentItemLayout9 .firstInnerWrapper video {
    width: 100%;
    height: 640px;
    object-fit: cover;
}

.contentItemLayout9 .secondInnerWrapper
{
    flex-basis: 66%;
    flex-shrink: 1;
    flex-grow: 1;
    position: relative;
}

.contentItemLayout9 .frame,
.contentItemLayout9 .ce-gallery {
    margin-bottom: 0;
}

.firstInnerWrapper
{
    overflow: visible;
}

.firstInnerWrapper section
{
    background-color: transparent;
}

.firstInnerWrapper .ce-image,
.firstInnerWrapper .ce-gallery,
.firstInnerWrapper .ce-outer,
.firstInnerWrapper .ce-row,
.firstInnerWrapper .ce-inner,
.firstInnerWrapper .ce-column,
.firstInnerWrapper .image
{
    position: unset;
    width: 100%;
    right: unset;
    left: unset;
    float: none;
    overflow: visible;
}

.firstInnerWrapper .image
{
    margin-left: 15%;
    margin-right: -15%;
}

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

.secondInnerWrapper
{
    position: relative;
    transition: all 1s ease-in-out;
}

.secondInnerWrapper > *
{
    align-items: center;
    position: absolute;
    min-height: 55%;
    height: auto;
    left: max(var(--content-padding-inline), calc(((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline)));
    right: var(--content-padding-inline);
    top: 50%;
    transform: translateY(-50%);
    padding: var(--content-padding-inline);
    opacity: 0;
}

.secondInnerWrapper > .current
{
    opacity: 1;
}

.secondInnerWrapper header
{
    font-size: clamp(1.4rem, 2.5vw + 0.2rem, 2rem );
    font-family: var(--headerFont);
}

.secondInnerWrapper header > *
{
    font: inherit !important;
    text-transform: none;
    letter-spacing: 2px;
}

.secondInnerWrapper .frame
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1rem;
    margin-top: 0;
    height: 300px;
}

.secondInnerWrapper .sliderToggler,
.imageSlider .sliderToggler
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    font-size: 1.5rem;
    color: var(--gbBlack);
    background-color: transparent;
    opacity: 1;
    cursor: pointer;
}

.secondInnerWrapper .rightToggler
{
    right:calc(var(--content-padding-inline) / 3);
    left: unset;
}

.secondInnerWrapper .leftToggler
{
    left: calc(max(var(--content-padding-inline), calc(((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline))) - (var(--content-padding-inline) / 3 * 2) );
}

    /****  footer ***/
.footerMenus
{
    display: flex;
    justify-content: space-between;
}
#kompetenz
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-column-gap: 2rem;
}

#kompetenz .kompetenzLevel1 > a {
    padding-right: 2rem;
}
.pinkBottom
{
    display: none;
    height:5em;
    width:100%;
    background-color: var(--gbPink);
}

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

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

/**** footer end ****/

/* Inhaltsbreiten */

.contentItem104 .frame {
    max-width: 100%!important;
    padding-inline: 0!important;
}

.contentItem104 .frame .ce-right .ce-bodytext {
    padding-right: var(--content-padding-inline);
    padding-left: max(var(--content-padding-inline), calc(((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline)))!important;
}

.contentItem104 .frame .ce-left .ce-bodytext {
    padding-left: var(--content-padding-inline);
    padding-right: max(var(--content-padding-inline), calc(((var(--fullWidth) - var(--headerWidth)) / 2) + var(--content-padding-inline)))!important;
}

.contentItem105 .frame {
    max-width: var(--headerWidth)!important;
    padding-inline: var(--content-padding-inline);
    margin-inline: auto!important;
}

.contentItem106 .frame {
    max-width: var(--NarrowContentWidth)!important;
    margin-inline: auto!important;
}

/* Abstände vor und nach den Elementen */

/* Normal */

.frame,
.csc-space-before-medium,
.frame-space-before-medium
{
    margin-top: var(--spacer-normal);
}

.frame.frame-type-news_newsdetail
{
    margin-top: 0;
}

.frame,
.csc-space-after-medium,
.frame-space-after-medium
{
    margin-bottom: var(--spacer-normal);
}

/* Kleiner / Größer */

.csc-space-before-extra-small,
.frame-space-before-extra-small
{
    margin-top: var(--spacer-extra-small);
}

.csc-space-before-small,
.frame-space-before-small
{
    margin-top: var(--spacer-small);
}

.csc-space-before-large,
.frame-space-before-large
{
    margin-top: var(--spacer-large);
}

.csc-space-before-extra-large,
.frame-space-before-extra-large
{
    margin-top: var(--spacer-extra-large);
}

.csc-space-after-extra-small,
.frame-space-after-extra-small
{
    margin-bottom: var(--spacer-extra-small);
}

.csc-space-after-small,
.frame-space-after-small
{
    margin-bottom: var(--spacer-small);
}

.csc-space-after-large,
.frame-space-after-large
{
    margin-bottom: var(--spacer-large);
}

.csc-space-after-extra-large,
.frame-space-after-extra-large
{
    margin-bottom: var(--spacer-extra-large);
}

/* Ausnahmen: */

#mainContent main > section:first-of-type .frame {
    margin-top: 0!important;
}

.footerComponentInner .frame {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

/*
.contentItemLayout4  .frame,
.contentItemLayout10 .frame {
    margin-block: 0;
}
*/

/* Abstände vor und nach dem Menü-Pages-Element */

/* Normal */

.frame-layout-7.frame,
.frame-layout-7.csc-space-before-medium,
.frame-layout-7.frame-space-before-medium
{
    border-top: var(--spacer-normal) solid white;
}

.frame-layout-7.frame,
.frame-layout-7.csc-space-after-medium,
.frame-layout-7.frame-space-after-medium
{
    border-bottom: var(--spacer-normal) solid white;
}

/* Kleiner / Größer */

.frame-layout-7.menuPagesImgWrapper,
.frame-layout-7.csc-space-before-extra-small,
.frame-layout-7.frame-space-before-extra-small
{
    border-top: var(--spacer-extra-small) solid white;
}

.frame-layout-7.csc-space-before-small,
.frame-layout-7.frame-space-before-small
{
    border-top: var(--spacer-small) solid white;
}

.frame-layout-7.csc-space-before-large,
.frame-layout-7.frame-space-before-large
{
    border-top: var(--spacer-large) solid white;
}

.frame-layout-7.csc-space-before-extra-large,
.frame-layout-7.frame-space-before-extra-large
{
    border-top: var(--spacer-extra-large) solid white;
}

.frame-layout-7.csc-space-after-extra-small,
.frame-layout-7.frame-space-after-extra-small
{
    border-bottom: var(--spacer-extra-small) solid white;
}

.frame-layout-7.csc-space-after-small,
.frame-layout-7.frame-space-after-small
{
    border-bottom: var(--spacer-small) solid white;
}

.frame-layout-7.csc-space-after-large,
.frame-layout-7.frame-space-after-large
{
    border-bottom: var(--spacer-large) solid white;
}

.frame-layout-7.csc-space-after-extra-large,
.frame-layout-7.frame-space-after-extra-large
{
    border-bottom: var(--spacer-extra-large) solid white;
}

/* Ausnahmen: */

#mainContent main section:first-of-type .frame-layout-7 {
    border-top: var(--spacer-small) solid white!important;
}

/*** buttons ***/
a.moreLink:link,
a.moreLink:visited
{
    position: relative;
    bottom: 8%;
    right:  5%;
    min-width: 130px;
    padding-inline: 50px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: auto;
    color: var(--gbBlack);
    background-color: transparent;
    background-image: linear-gradient(var(--gbBlack), var(--gbBlack));
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0 100%;
    cursor: pointer;
    transition: background-size 0.2s ease-in-out;
}

a.moreLink:after {
    content: "";
    position: absolute;
    background-image: url(images/Pfeil_mehr_500x15px_schwarz.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 500px 15px;
    width: calc(100% - 3.5rem);
    height: 16px;
    left: 2rem;
    bottom: 10px;
    font-size: 1.3em;
}

a.moreLink:hover {
    color: white;
    background-size: 100% 100%;
}

a.moreLink:hover:after {
    background-image: url(images/Pfeil_mehr_500x15px_weiss.svg);
}

.imageTextTextBody .pagesMenuLinkWrapper {
    padding-top: 0px;
    padding-bottom: 0px;
}

.imageTextTextBody .pagesMenuLinkWrapper a.moreLink {
    padding-top: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

p:has(.moreLink),
p:has(.ctaLink)
{
    width: fit-content;
}
p.text-center:has(.moreLink),
p.text-center:has(.secondaryLink),
p.text-center:has(.primaryLink),
p.text-center:has(.ctaLink)
{
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
p.text-right:has(.moreLink),
p.text-right:has(.secondaryLink),
p.text-right:has(.primaryLink),
p.text-right:has(.ctaLink)
{
    display: block;
    width: fit-content;
    margin-left: auto;
}

a.primaryLink:link,
a.primaryLink:visited,
a.secondaryLink:link,
a.secondaryLink:visited,
.news-related-files-link a:link,
.news-related-files-link a:visited
{
    display: block;
    width: fit-content;
    padding-right: 2.5rem;
    padding-left: 1.5em;
    padding-top:     0.4em;
    padding-bottom:  0.5em;
    margin-top: 2rem;
    text-decoration: none;
    color: white !important;
    background-color: var(--gbBlau);
    transition: none;
}

a.secondaryLink:link,
a.secondaryLink:visited,
.news-related-files-link a:link,
.news-related-files-link a:visited
{
    position: relative;
    background-color: var(--gbBlau);
    color: var(--font-color-dark);
    border: 1px var(--gbBlau) solid;
}

a.primaryLink:hover,
a.primaryLink:focus
{
    background-color: var(--gbBlau);
}

a.secondaryLink:hover,
a.secondaryLink:focus,
.news-related-files-link a:hover,
.news-related-files-link a:focus {
    color: var(--gbBlau) !important;
    background-color: transparent;
}

a.secondaryLink:after,
.news-related-files-link a:after
{
    content: "";
    position: absolute;
    background-image: url(images/Pfeil_download_15x24px.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 24px;
    right: 0.8em;
    top: 0.5em;
}

a.secondaryLink:hover:after,
.news-related-files-link a:hover:after
{
    background-image: url(images/Pfeil_download_15x24px_hover.svg);
}

a.buttonLink
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	background: #005199;
	border: 2px #88A outset;
}

a.ctaLink,
a.ctaLink:visited
{
    display: inline-block;
    padding-inline: 1rem;
    padding-block: 0.4rem;
    text-decoration: none;
    color: white;
    background-color: var(--gbBlau);
}

a.ctaLink:hover
{
    background-color: var(--gbBlau);
    opacity: 0.8;
}


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

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

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

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

div.csc-textpic .csc-textpic-imagewrap img
{
	max-width: 100%;
	height: auto;
}
#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;
}

.fa-regular,
.fa-solid
{
    font-family: var(--fontAwsome);
}

#stoererRechts
{
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 20;
}

#stoererRechts a:not(.insolink)
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 50vw;
    height: 2.5rem;
    font-size: 2rem;
    background-color: var(--gbBlau);
    color: white;
}

#stoererRechts > .insolink
{
    display: block;
    height: 2.2rem;
    margin-right: -2.1em;
    padding-block: 0.2em;
    padding-inline: 1em;
    font-weight: 300;
    text-transform: uppercase;
    background-color: var(--gbBlau);
    color: white;
    transform: rotate(-90deg) translateY(50%);
}

@media screen and (min-width: 800px)
{
    #stoererRechts > .insolink
    {
        font-size: 1.4rem;
    }
}

#stoererRechts > .insolink > .insoText
{

}

#stoererRechts .stoererIcon
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
}

#stoererRechts .stoererText
{
    display: flex;
    align-items: center;
    width: auto;
    height: 2.5rem;
    max-width: 0;
    margin-left: 0;
    padding-right: 0;
    font-size: 1rem;
    white-space: nowrap;
    overflow: clip;
    transition: all 0.8s ease-in-out;
}

#stoererRechts:hover .stoererText
{
    max-width: 50vw;
    margin-left: 0.3rem;
    padding-right: 1rem;
}

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

@media only screen and (max-width: 2000px)
{
   div#contentWrapper
   {
      overflow-x: clip;
   }
}

/* Downoad-Button auf der News-Detailseite */

.news-related-files-link a {
    margin-top: 0!important;
}

.news-related-files li {
    background-image: none!important;
    padding-left: 0!important;
}

.news-related-files-size {
    display: none;
}

.news-backlink-wrap {
    margin-top: 2rem;
}

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

}

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

    .contentItemLayout4  .frame-104 .ce-left  header > *,
    .contentItemLayout10 .frame-104 .ce-left  header > * {
        padding-left: var(--content-padding-inline)!important;
    }

    .contentItemLayout4  .frame-104 .ce-right header > *,
    .contentItemLayout10 .frame-104 .ce-right header > * {
        padding-right: var(--content-padding-inline)!important;
    }

    .contentItemLayout4  .frame-104 .ce-left .ce-bodytext,
    .contentItemLayout10 .frame-104 .ce-left .ce-bodytext {
        padding-right: var(--content-padding-inline)!important;
    }

    .contentItemLayout4  .frame-104 .ce-right .ce-bodytext,
    .contentItemLayout10 .ce-right .ce-bodytext {
        padding-left: var(--content-padding-inline)!important;
    }

}

@media only screen and (max-width: 1600px)
{
   #teaser div.teaserImageSlogan,
   #teaser div.videoInfoTextWrapper
   {
      top: 25%;
   }
}

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

    :root {
        --content-padding-inline: 3rem;
        --textPicMinHeight: 400px;
    }

    .contentItemLayout9
    {
        --NarrowContentWidth: 100vw;
    }
    .firstInnerWrapper
    {
        overflow: clip;
    }
    .firstInnerWrapper .image
    {
        margin-inline: 0;
    }

    .menuLinkLevel1 {
        padding-inline: 0!important;
    }

}

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

    body {
        font-family: var(--defaultFont);
        color: var(--gbBlack2);
        font-size: 18px;
        letter-spacing: 1px;
    }

    h1, .h1 {
        font-family: var(--lightFont);
        color: var(--gbBlack);
        font-size: 70px;
        font-weight: 200;
        letter-spacing: 0;
    }

    h2, .h2 {
        font-family: var(--defaultFont);
        color: var(--gbBlau);
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 3px;
    }

    h3, .h3 {
        font-family: var(--defaultFont);
        color: var(--gbBlau);
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    h4, .h4 {
        font-family: var(--defaultFont);
        color: var(--gbBlack2);
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .teaserHeaderWrapper p,
    h5.subHeader,
    p.subHeader,
    #breadCrumb {
        font-family: var(--infoTextFont);
        color: var(--gbBlack2);
        font-size: 16px;
        letter-spacing: 3px;
    }

    .contentHeaderType6 header > *,
    .contentItemBackground_collage1 header > *,
    .contentItemBackground_collage2 header > *,
    .contentItemBackground_collage3 header > *,
    .contentItemBackground_collage4 header > *,
    .neutral {
        font-family: var(--lightFont);
        color: var(--gbBlack2);
        font-size: 46px;
        font-weight: 200;
        letter-spacing: 1px;
        text-transform: none!important;
    }

    .elNumberStatWrapper,
    .neutral2 {
        font-family: var(--lightFont);
        color: var(--gbBlack2);
        font-size: 110px;
        font-weight: 200;
        letter-spacing: 0;
    }

    .contentItemBackground_collage1,
    .contentItemBackground_collage2,
    .contentItemBackground_collage3
    {
        position: relative;
        color: var(--gbDarkGrey);
        padding-block: 12rem;
    }

    .contentItemLayout2 .imageTextHalfGroup.imageTextTextItem {
        padding: var(--content-padding-inline);
    }

}

@media only screen and (max-width: 1300px)
{
    :root
    {
        --NarrowContentWidth: 99vw;
    }
   .imageTextGroup div.imageTextTextItem
   {
      max-height: 460px;
   }
   #teaser div.teaserImageSlogan,
   #teaser div.videoInfoTextWrapper
   {
      top: 28%;
   }
}

@media only screen and (max-width: 1200px)
{
    .contentItemBackground_collage1 .contentImage1 { max-width: 25%; height: auto; }
    .contentItemBackground_collage1 .contentImage2 { max-width: 30%; height: auto; }
    .contentItemBackground_collage1 .contentImage3 { max-width: 40%; height: auto; }

    .contentItemBackground_collage2 .contentImage1 { max-width: 15%; height: auto; }
    .contentItemBackground_collage2 .contentImage2 { max-width: 30%; height: auto; }
    .contentItemBackground_collage2 .contentImage3 { max-width: 35%; height: auto; }

    .contentItemBackground_collage3 .contentImage1 { max-width: 30%; height: auto; }
    .contentItemBackground_collage3 .contentImage2 { max-width: 30%; height: auto; }
    .contentItemBackground_collage3 .contentImage3 { max-width: 22%; height: auto; }

    .contentItemBackground_collage4 .contentImage1 { max-width: 30%; height: auto; top: 6%; }
    .contentItemBackground_collage4 .contentImage2 { max-width: 30%; height: auto; }
    .contentItemBackground_collage4 .contentImage3 { max-width: 22%; height: auto; }

    .contentItemBackground_collage1 header > *,
    .contentItemBackground_collage2 header > *,
    .contentItemBackground_collage3 header > *,
    .contentItemBackground_collage4 header > *
    {
        text-align: center;
    }

    body:not(.pastTeaser) #headerWrapper:hover
    {
        color: var(--gbWeiß);
    }

    .pastTeaser #headerWrapper
    {
        color: var(--gbBlau);
    }

    .menuToggler
    {
        display: inline;
        font-weight: 400;
    }
    .menuCloser
    {
        display: none;
    }
    .opened > a ~ .menuCloser
    {
        display: inline;
    }
    .opened > a ~ .menuOpener
    {
        display: none;
    }
    .lowerSubMenu
    {
        display: none;
    }
    .opened > .subMenuWrapper,
    .opened > .subMenuWrapper > ul,
    .opened > a ~ ul,
    .opened .lowerSubMenu
    {
        display: block;
    }

    .ce-textpic.ce-intext.ce-nowrap .ce-gallery
    {
        width: calc(var(--fullWidth) / 2);
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
        margin-right: 50%;
    }

    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
        margin-left: 50%;
    }

    .secondInnerWrapper > *
    {
        left: var(--content-padding-inline);
    }

    .secondInnerWrapper .leftToggler
    {
        left: calc(var(--content-padding-inline) / 3);
    }

    .news-list-view > *
    {
        height: 720px!important;
    }

}

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

    :root {
        --content-padding-inline: 2.5rem;
        --textPicMinHeight: 300px;
    }

    .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%;
      zoom: 0.98;
   }
}

@media only screen and (max-width: 1060px)
{
    :root
    {
        --teaserHeight: 80vh;
    }
	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;
   }
   #teaser div.teaserImageSlogan,
   #teaser div.videoInfoTextWrapper
   {
      top: 33%;
      zoom: 0.95;
   }
   .contentColumnWrapper .grubBruggerNews div.newsItemInner
   {
      padding-bottom: 20px;
   }

    .contentItemBackground_greyBGCircles {
        background-size: 400px auto;
    }

}

@media only screen and (max-width: 990px)
{
    body {
        font-family: var(--defaultFont);
        color: var(--gbBlack2);
        font-size: 16px;
        letter-spacing: 1px;
    }
/*
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5 {
        hyphens: auto;
    }
*/
    h1, .h1 {
        font-family: var(--lightFont);
        color: var(--gbBlack);
        font-size: 60px;
        font-weight: 200;
        letter-spacing: 0;
    }

    h2, .h2 {
        font-family: var(--defaultFont);
        color: var(--gbBlau);
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 3px;
    }

    h3, .h3 {
        font-family: var(--defaultFont);
        color: var(--gbBlau);
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    h4, .h4 {
        font-family: var(--defaultFont);
        color: var(--gbBlack2);
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .teaserHeaderWrapper p,
    h5.subHeader,
    p.subHeader,
    #breadCrumb {
        font-family: var(--infoTextFont);
        color: var(--gbBlack2);
        font-size: 14px;
        letter-spacing: 3px;
    }

    .contentHeaderType6 header > *,
    .contentItemBackground_collage1 header > *,
    .contentItemBackground_collage2 header > *,
    .contentItemBackground_collage3 header > *,
    .contentItemBackground_collage4 header > *,
    .neutral {
        font-family: var(--lightFont);
        color: var(--gbBlack2);
        font-size: 32px;
        font-weight: 200;
        letter-spacing: 1px;
        text-transform: none!important;
    }

	.imageTextTextContent div.imageTextTextBody
   {
      margin-top: 5px;
   }
   .imageTextGroup div.imageTextTextItem
   {
      /*max-height: 340px;*/
   }
   /*
   .imageTextTextItem div.imageTextTextContent
   {
      margin-left: 25px;
      padding-bottom: 10px;
   }
   */
   .contentColumnWrapper .grubBruggerNews div.newsItemInner
   {
      padding-bottom: 40px;
   }
   .grubBruggerNews .newsItemDate
   {
      font-size: 10px;
   }
   .imageTextTextItem div.imageTextTextContent,
   .grubBruggerNews .newsItemDescription
   {
      font-size: 13px;
   }
   #mainContent .imageTextTextItem div.imageTextTextContent p
   {
      line-height: 20px;
   }
/*
    .ce-textpic.ce-intext.ce-nowrap .ce-gallery
    {
        width: calc(50vw - 2rem);
    }
*/
/*
    .ce-textpic.ce-right.ce-intext .ce-bodytext
    {
        width: calc(var(--NarrowContentWidth)/2 - 2rem)
    }
*/
    /** slider for über uns **/
    article.contentItemLayout9
    {
        --topImageHeight: calc(45vh - var(--headerHeight));
        height: calc(var(--topImageHeight) * 3);
        padding: 0;
        /*max-height: 1200px;*/
    }

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

    .contentItemLayout9 .firstInnerWrapper {
        flex-basis: 40%;
    }

    .contentItemLayout9 .secondInnerWrapper {
        top: 44%;
    }

    .contentItemLayout9 .secondInnerWrapper > * {
        padding: 1.5rem;
    }

    .contentItemLayout9 > .content
    {
        flex-direction: column;
        position: relative;
        height: 100%;
        overflow: clip;
    }
    .contentItemLayout9 > .content > *
    {
        /*flex-basis: unset;*/
        /*flex-grow: 1;*/
        width: auto;
    }

    .contentItemLayout9 .firstInnerWrapper section,
    .contentItemLayout9 .firstInnerWrapper div,
    .contentItemLayout9 .firstInnerWrapper figure {
        height: 100%!important;
    }

    .contentItemLayout9 .firstInnerWrapper img,
    .contentItemLayout9 .firstInnerWrapper video {
        width: 100%;
        height: auto;
        /*
        -webkit-object-fit: cover;
        object-fit: cover;
        */
    }

    .firstInnerWrapper .image
    {
        display: block;
        position: relative;
        max-width: 100%;
        width: 450px;
        height: var(--topImageHeight);
        margin-inline: auto;
        overflow: clip;
    }
    .firstInnerWrapper .image img
    {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .secondInnerWrapper
    {
        display: flex;
        column-gap: 3rem;
        position: absolute !important;
        left: 5vw;
        top: 29%;
        /*height: calc(100vh - var(--headerHeight) - var(--topImageHeight));*/
        height: 52%;
    }

    .contentItemLayout9 .secondInnerWrapper .frame {
        height: auto;
    }

    .secondInnerWrapper > section
    {
        display: block;
        position: unset;
        left: unset;
        top: unset;
        width: 60vw;
        height: auto;
        opacity: 1;
        overflow-y: auto;

        transform: translate(0,0);
    }
    .tx-indexedsearch-res
    {
        max-width: 95vw;
    }

    ce-gallery:not(.imageSlider) .sliderToggler {
        display: none!important;
    }

}

@media only screen and (max-width: 960px)
{
	.fsndElMgrImageList .listElement div.imageLinkInner
	{
		min-height: 100px;
		margin-right: 10px;
	}
   #teaser div.teaserImageSlogan,
   #teaser div.videoInfoTextWrapper
   {
      top: 34%;
      zoom: 0.92;
   }
}

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

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

    :root {
        --content-padding-inline: 1.5rem;
        --textPicMinHeight: 0;
    }


    .ce-textpic.ce-intext.ce-nowrap
    {
        display: flex;
        flex-direction: column;
    }
    .ce-textpic.ce-intext.ce-nowrap
    {
        overflow: visible;
    }
    .ce-textpic.ce-intext.ce-nowrap .ce-gallery
    {
        position: relative;
        left: unset;
        top: unset;
        right: unset;
        height: 30vh;
        width: unset;
        overflow: clip;

        transform: translateY(0);
    }

    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
        margin-block: 0;
        margin-right: 0;
    }

    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
        margin-block: 0;
        margin-left: 0;
        padding-left: var(--content-padding-inline);
    }

    .ce-textpic.ce-intext.ce-nowrap .ce-gallery {
        height: 70vh;
    }

    .frame-layout-4  .ce-textpic.ce-intext.ce-nowrap .ce-gallery,
    .frame-layout-10 .ce-textpic.ce-intext.ce-nowrap .ce-gallery {
        height: 250px;
    }

    .ce-textpic.ce-right.ce-intext .ce-bodytext,
    .ce-textpic.ce-left.ce-intext .ce-bodytext
    {
        width: unset;
        padding-block: 2rem;
    }
    .ce-textpic.ce-intext.ce-nowrap img
    {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .frame-layout-4  header > *,
    .frame-layout-10 header > * {
        padding-left: var(--content-padding-inline)!important;
    }

    .contentItemLayout4  .ce-left figure,
    .contentItemLayout10 .ce-left figure,
    .contentItemLayout4  .ce-right figure,
    .contentItemLayout10 .ce-right figure {
        background-size: 1000px;
    }

    .contentItemBackground_collage1 header > h1,
    .contentItemBackground_collage1 header > h2,
    .contentItemBackground_collage1 header > h3,
    .contentItemBackground_collage1 header > h4,
    .contentItemBackground_collage1 header > h5,
    .contentItemBackground_collage2 header > h1,
    .contentItemBackground_collage2 header > h2,
    .contentItemBackground_collage2 header > h3,
    .contentItemBackground_collage2 header > h4,
    .contentItemBackground_collage2 header > h5,
    .contentItemBackground_collage3 header > h1,
    .contentItemBackground_collage3 header > h2,
    .contentItemBackground_collage3 header > h3,
    .contentItemBackground_collage3 header > h4,
    .contentItemBackground_collage3 header > h5,
    .contentItemBackground_collage4 header > h1,
    .contentItemBackground_collage4 header > h2,
    .contentItemBackground_collage4 header > h3,
    .contentItemBackground_collage4 header > h4,
    .contentItemBackground_collage4 header > h5
    {
        padding-right: 0;
    }

    .news-list-view > *
    {
        height: 650px!important;
    }

}

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

    #teaser .teaserImgLayout5
    {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    #teaser .teaserImgLayout5 .teaserImgInnerWrapper
    {
        position: relative;
        right: unset;
        top: unset;
        width: 100%;
        max-width: unset;
    }
    #teaser .teaserImgLayout5 .teaserTextWrapper
    {
        position: relative;
        top: unset;
        left: unset;
        width: auto;
        padding-block: 2rem;
        margin-top: var(--headerHeight);
        transform: unset;
    }
    #teaser .teaserImgLayout5 .teaserTextWrapper > *
    {
        width: fit-content;
    }
/*
    #teaser .teaserImgLayout5 .teaserTextWrapper h1,
    #teaser .teaserImgLayout5 .teaserTextWrapper h2
    {
        font-size: clamp( 1.4rem, 2.5vw + 0.15rem, 2rem );
    }
*/
    .teaserImgLayout5 .teaserHeaderWrapper h1 {
        padding-inline: 0;
    }

}

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

}

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

    .contentItemLayout9 .firstInnerWrapper {
        flex-basis: 35%;
    }

    .contentItemLayout9 .secondInnerWrapper {
        top: 39%;
        height: 57%;
    }

}

@media only screen and (max-width: 780px)
{
    .pagesBoxMenu,
    .pagesBoxMenu > div
    {
        display: block;
    }
    .pagesCardImage
    {
        display: block;
        margin-inline: auto;
    }
    .csc-textpic-intext-left-nowrap-760 .csc-textpic-text
	{
		margin-left: 0;
	}
	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: 0 !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;
   }
}

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

    .neutral2,
    .elNumberStatWrapper {
        font-family: var(--lightFont);
        color: var(--gbBlack2);
        font-size: 80px;
        font-weight: 200;
        letter-spacing: 0;
    }

    #kompetenz
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .kompetenzLevel1 > a,
    .footerHeader
    {
        display: block;
        position: relative;
    }
	div.csc-textpic .csc-textpic-imagewrap figure,
	div.csc-textpic figure.csc-textpic-imagewrap
	{
		display: block;
	}
/*
    .sideBySide {
        grid-template-columns: 1fr;
    }
*/
}

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

    .contentItemLayout9 .firstInnerWrapper {
        flex-basis: 30%;
    }

    .contentItemLayout9 .secondInnerWrapper {
        top: 34%;
        height: 62%;
    }

}

@media only screen and (max-width: 680px)
{
    :root
    {
        --headerFontSize: clamp(1.4rem, 5vw + 0.3rem, 2.2rem);

        /* Abstände zwischen den Elementen */
        --spacer-extra-small:   0;
        --spacer-small:        16px;
        --spacer-normal:       31px;
        --spacer-large:        46px;
        --spacer-extra-large:  62px;

    }

    h1, .h1 {
        font-size: 42px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 20px;
    }

    #teaser .teaserTextWrapper {
        max-width: 100%;
    }

    #header,
    #breadCrumb {
        padding-inline: var(--content-padding-inline);
    }

    #centreAreaWrapper
    {
        padding-inline: 0;
    }

    #mainContent
    {
        font-size: clamp(16px, 2vw + 0.2rem, 1rem);
    }

    .frame {
        padding-inline: var(--content-padding-inline);
    }

    .frame-layout-7.frame {
        padding-inline: 0;
        border-top: none;
    }

    .frame-layout-7.frame header,
    .frame-layout-7.frame .pagesText,
    .frame-layout-7.frame .pagesMenu .pagesMenuItem {
        padding-inline: var(--content-padding-inline);
    }

    .menuPagesImgWrapper video {
        object-position: center center;
    }

    .contentItemBackground_greyBGCircles {
        background-size: 250px auto;
    }

    .menuShortImagesWrapper
    {
        display: none;
    }
    .frame-layout-8 div.contentBody
    {
        column-count: 1;
    }
    .menuPagesImgWrapper
    {
        position: relative;
        top: unset;
        left: unset;
        max-height: 50vh;
        width: 100%;
        overflow: clip;
    }
    .menuPagesImgWrapper video
    {
        width: 100%;
        height: auto;
        margin-top: 50%;

        transform: translateY(-50%);
    }
    .frame-layout-7
    {
        width: 100%;
        max-width: 95vw;
        margin-inline: auto;
    }
    .frame-greyBG.frame-layout-7
    {
        max-width: 100vw;
        margin-inline: 0;
    }
    .shortPagesMenuWrapper
    {
        display: flex;
    }
    .shortPagesMenu
    {
        flex-direction: row;
        flex-wrap: nowrap;
        column-gap: 5vw;
        width: auto !important;
        min-width: unset;
        max-width: unset;
        transform: translateX(0);

        transition: all 1s ease-in-out;
    }
    .shortPagesMenu[data-current-slider-item="2"]
    {
        transform: translateX(-75vw);
    }
    .shortPagesMenu[data-current-slider-item="3"]
    {
        transform: translateX(-150vw);
    }
    .shortMenuItem
    {
        flex-basis: 70vw;
        flex-shrink: 0;
        position: relative;
        width: 70vw;
        height: 50vw;
        overflow: clip;
    }
    .shortMenuItemBG
    {
        display: block;
    }
    .shortMenuItem > a
    {
        display: block;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
    }
    .shortMenuItem h3
    {
        font-size: clamp(60px, 12.5vw + 0.5rem, 5rem);
        max-width: calc(100% - 0.5rem);
        color: white;
    }

}

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

}

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

    /*
    .teaserHeaderWrapper h1
    {
        hyphens: auto;
    }
    */

    #kompetenz
    {
        display: block;
    }

}

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

    .footerBottomInner {
        display: block;
    }

    #copyright {
        margin-right: 0;
    }

    #copyright .frame {
        width: 100%
    }

    #copyright .frame p {
        text-align: center;
    }

    #bottom-menu {
        justify-content: center;
    }

}

@media only screen and (max-width: 420px)
{
}
@media only screen and (max-width: 400px)
{
}
@media only screen and (max-width: 380px)
{
}


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

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