@charset "UTF-8";

:root {
    /* ci-colors */
    --ci-color-1: #F9B701;
    --ci-color-2: #CC071E;
    --ci-color-3: #0F1B5F;

    /* colors */
    --color-red: var(--ci-color-2);
    --color-red-light: #FF0929;
    --color-red-dark: #850514;
    --color-green: #7DB61F;
    --color-green-light: #7CFF64;
    --color-green-dark: #3C7C30;
    --color-blue: var(--ci-color-3);
    --color-blue-light: #142480;
    --color-blue-dark: #0A123E;
    --color-gray: #555659;
    --color-gray-light: #737478;
    --color-gray-dark: #37383A;
    --color-white: #FFFFFF;

    /* misc color */
    /*--background-color: #FBFBFB;*/
    --background-color: #FFFFFF;
    --border-color: #D4D4D4;
    --border-top-color: var(--border-color);
    --border-right-color: var(--border-color);
    --border-bottom-color: var(--border-color);
    --border-left-color: var(--border-color);
    --link-color: var(--color-blue);
    --html-color: var(--color-gray);
    /*--body-background-color: #F4EFE2;*/
    /*--body-background-color: #FBFBFB;*/
    --body-background-color: #FFFFFF;
    --box-shadow-color: #707070;
    --color-express: #BE1010;
    --color-error: var(--color-red-light);
    --color-ok: var(--color-green);
    --color-info: #26A6FC;
    /*--color-media: #FAC401;*/
    --color-media: #FBD30C;
    --color-media-digital: #ADCA3D;
    --box-background-color: #e8e8e8;
    --faq-border: var(--hero-content);

    /* tables */
    --tables-header: #E3E3E3;
    --tables-subheader: #E3E3E3;
    --tables-highlight: #F4F4F4;
    --tables-border: var(--border-color);

    /* h-colors */
    --h1-color: var(--color-red);
    --h2-color: var(--color-gray);
    --h3-color: var(--color-blue);
    --h4-color: var(--color-blue);

    /* button */
    --btn-basis: #FAC401;
    --btn-background: #FAC401;
    --btn-background-to: #F8AE01;
    --btn-border: #F3A90A;
    --btn-box-shadow: #FDDE00;
    --btn-background-hover: #F8AE01;
    --btn-background-hover-to: #FAC401;
    --btn-background-hover-color: #F9B701;
    --btn-border-hover: #F9B701;
    --btn-box-shadow-hover: #FDDE00;
    --btn-color: var(--color-blue);
    --btn-color-alternative: var(--color-white);

    /* button submit */
    --btn-submit-basis: #D84153;
    --btn-submit-background: #D84153;
    --btn-submit-background-to: #CC071E;
    --btn-submit-border: #D63648;
    --btn-submit-box-shadow: #DF6574;
    --btn-submit-background-hover: #CC071E;
    --btn-submit-background-hover-to: #D84153;
    --btn-submit-background-hover-color: #D63648;
    --btn-submit-border-hover: #D63648;
    --btn-submit-box-shadow-hover: #DF6574;
    --btn-submit-color: var(--color-white);
    --btn-submit-color-alternative: var(--color-white);

    /* button cancel */
    --btn-cancel-basis: #9FA0A1;
    --btn-cancel-background: #9FA0A1;
    --btn-cancel-background-to: #919395;
    --btn-cancel-border: #999999;
    --btn-cancel-box-shadow: #BBBBBB;
    --btn-cancel-background-hover: #919395;
    --btn-cancel-background-hover-to: #9FA0A1;
    --btn-cancel-background-hover-color: #999999;
    --btn-cancel-border-hover: #999999;
    --btn-cancel-box-shadow-hover: #BBBBBB;
    --btn-cancel-color: var(--color-white);
    --btn-cancel-color-alternative: var(--ci-color-3);

    /* button select */
    --btn-select-basis: #EDEDED;
    --btn-select-background: #EDEDED;
    --btn-select-background-to: #DFDFDF;
    --btn-select-box-shadow: #FFFFFF;
    --btn-select-color: var(--color-blue);
    --btn-select-border: #EDEDED;
    --btn-select-ribbon-color: #FFFFFF;
    --btn-select-ribbon-background: var(--btn-cancel-background);
    --btn-select-ribbon-background-to: var(--btn-cancel-background-to);
    --btn-select-selected-basis: #B8E356;
    --btn-select-selected-background: #B8E356;
    --btn-select-selected-background-to: #A5CC52;
    --btn-select-selected-box-shadow: #D9FBBE;
    --btn-select-selected-color: var(--color-white);
    --btn-select-selected-border: #EDEDED;

    /* class-deactivated */
    --deactivated-background: #D4D5D7;
    --deactivated-border: #D4D5D7;
    --deactivated-color: var(--color-white);

    /* input elements */
    --input-color: var(--color-gray);
    --input-placeholder: var(--ci-color-3);
    --input-background: var(--background-color);
    --input-border: var(--border-color);
    --input-border-top: #9FA09E;
    --input-border-right: var(--border-right-color);
    --input-border-bottom: var(--border-bottom-color);
    --input-border-left: var(--border-left-color);
    --input-border-focus: var(--ci-color-2);
    --input-checked: var(--ci-color-1);
    --input-wrapper-background: #E9ECEF;
    --input-wrapper-border: var(--border-color);
    --input-wrapper-color: var(--html-color);

    /* icon-fa-btn */
    --icon-fa-btn-before: var(--ci-color-3);
    --icon-fa-btn-before-color: var(--color-white);
    --icon-fa-btn-inside: var(--input-border-top);
    --icon-fa-btn-inside-color: var(--color-white);
    --icon-fa-btn-after: var(--ci-color-1);
    --icon-fa-btn-after-color: var(--color-white);

    /* gradients */
    --gradient-gray-basis: #EBEBEB;
    --gradient-gray-background: #EBEBEB;
    --gradient-gray-background-to: #DFDFE0;
    --gradient-yellow-basis: #F9B701;
    --gradient-yellow-background: #F9B701;
    --gradient-yellow-background-to: #FAC401;

    /* header */
    --header-background: var(--color-white);
    --header-border: var(--border-color);
    --header-nav-background: var(--color-white);
    --header-nav-background-to: var(--color-white);
    --header-nav-main-link: var(--link-color);
    --header-fixed-nav-main-link: var(--link-color);
    --header-nav-main-border: var(--color-white);
    --header-fixed-nav-main-border: var(--header-border);
    --header-nav-background-hover: var(--color-white);
    --header-nav-background-hover-to: var(--color-white);
    --header-nav-main-link-hover: var(--link-color);
    --header-fixed-nav-main-link-hover: var(--link-color);
    --header-nav-main-link-current: var(--header-nav-main-link);
    --header-fixed-nav-main-link-current: var(--header-fixed-nav-main-link);
    --header-nav-background-current: var(--header-nav-background);
    --header-nav-background-to-current: var(--header-nav-background-to);
    --header-nav-main-border-current: var(--header-nav-main-border);

    /* pager-header */
    --pager-header-basis: #F9B701;
    --pager-header-background: #F9B701;
    --pager-header-background-to: #FAC401;
    --pager-header-color: var(--color-white);

    /* footer */
    --footer-basis: #F9B701;
    /*--footer-background: #F9B701;*/
    /*--footer-background-to: #FAC401;*/
    --footer-background: rgb(251, 211, 12);
    --footer-background-to: rgb(250, 210, 68);
    --footer-nav-headline-color: #555659;
    --footer-nav-content-color: var(--footer-nav-headline-color);
    --footer-nav-content-hover-color: var(--footer-nav-headline-color);
    --footer-nav-border: #EDE8A9;
    --footer-color: var(--color-white);

    /* extensions */
    --p123qsearch-ci-1: var(--ci-color-1);
    --p123qsearch-ci-2: var(--ci-color-2);
    --p123qsearch-ci-3: var(--ci-color-3);
    --p123search-ci-1: var(--ci-color-3);
    --p123designer-ci-1: var(--color-green);
    --p123designer7-ci-1: var(--ci-color-1);
    --p123designer7-ci-2: var(--ci-color-2);
    --p123checkoutpi2-ci-1: var(--ci-color-3);
    --p123checkoutpi2-ci-2: var(--ci-color-2);
    --p123maps-ci-1: var(--ci-color-1);
    --p123maps-ci-2: var(--ci-color-3);
    --crossmediacheck-ci-1: var(--ci-color-3);

    /* cookie-consent */
    --cookie-consent-background: #000000;
    --cookie-consent-color: var(--color-white);
    --cookie-consent-title-color: var(--ci-color-1);
    --cookie-consent-btn-background: var(--btn-background);
    --cookie-consent-btn-color: var(--btn-color);
    --cookie-consent-btn-cancel-background: var(--btn-cancel-background);
    --cookie-consent-btn-cancel-color: var(--cookie-consent-background);

    /* hero-content */
    --hero-content: #FAC401;
    --hero-content-from: #FAC401;
    --hero-content-to: #F8AE01;

    /* content-section-1000 */
    --content-section-1000: var(--hero-content);
    --content-section-1000-from: var(--hero-content-from);
    --content-section-1000-to: var(--hero-content-to);

    /* content-section-1003 */
    --content-section-1003: rgb(241, 242, 250);

    /* content-section-2000 */
    --content-section-2001-btn-color: var(--hero-content);
    --content-section-2001-btn-color-from: var(--hero-content);
    --content-section-2001-btn-color-to: var(--hero-content);

    /* content-section-4000 */
    --content-section-4000: rgb(241, 242, 250);
    --content-section-4000-img: var(--hero-content);
    --content-section-4000-img-from: var(--hero-content);
    --content-section-4000-img-to: var(--hero-content);

    /* content-section-6000 */
    --content-section-6000: rgb(19, 30, 61);
    --content-section-6000-from: rgb(19, 30, 61);
    --content-section-6000-to: rgb(19, 30, 61);

    /*********************************************/

    /* element-height */
    --header-height: 55px;
    --header-height-desktop: 68px;
    --pageheader-height: 40px;
    --section-pagetop-top-margin: 5px;
    /*noinspection CssUnresolvedCustomProperty*/
    --pagetop-height: calc(0px + var(--p123qsearch-search-height));
    --buttonareatop: 42px;
    --pagehero-height: 100px;
    --content-margin-buffer: 10px;
    /* element-width */
    --max-page-width: 89em;
    /* Add your styles here if necessary */
}

/** temp. tx-p123qsearch-pi1 begin **/
.tx-p123qsearch-pi1 .search {
    background: #F4EFE2;
}
/** temp. tx-p123qsearch-pi1 end **/

/**************************************************************************************
 * Globals begin
 **************************************************************************************/

html {
    font-family: "PT Sans", sans-serif;
    font-size: 90%;
    font-weight: 400;
    line-height: 1.25em;
    color: var(--html-color);
    height: 100%;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
    /* killing 300ms touch delay in IE */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body {
    min-width: 20em;
    -webkit-overflow-scrolling: touch;
    background-color: var(--body-background-color);
}

.lte8 body {
    min-width: 65em;
}

/**
 * h-elements / p-element
 */

h1,
h2,
h3,
h4,
h5,
h6,
p,
.csc-subheader {
    line-height: 1.25em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.csc-subheader {
    font-family: "Kelson Sans", sans-serif;
    -webkit-column-span: none;
    column-span: none;
}

h1 {
    margin-bottom: 0.33em;
    margin-top: 0.33em;
    font-weight: 700;
    font-size: min(max(1rem, 5vw), 4rem);
    font-size: clamp(1rem, 5vw, 4rem);
    color: var(--h1-color);
}


h2,
.csc-subheader {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-weight: 700;
    font-size: min(max(1rem, 5vw), 2.5rem);
    font-size: clamp(1rem, 5vw, 2.5rem);
    color: var(--h2-color);
}

h3 {
    margin-bottom: 0.55em;
    margin-top: 0.55em;
    font-weight: 700;
    font-size: min(max(1rem, 5vw), 2.3rem);
    font-size: clamp(1rem, 5vw, 2.3rem);
    color: var(--h3-color);
}

h4,
h5,
h6 {
    font-weight: 700;
}

h4 {
    color: var(--h4-color);
}

h3 > a {
    color: var(--h3-color);
}
h4 > a {
    color: var(--h4-color);
}
h5 > a,
h6 > a {
    color: var(--link-color);
}

p {
    margin-bottom: 1em;
    margin-top: 1em;
}

nav.csc-default hr.clearer {
    background: transparent;
    border: none;
    border-bottom: .125rem solid #e8e8e8;
    clear: right;
    color: transparent;
    height: 1px;
    padding: 0px;
    margin-bottom: 1.25rem;
}

/**
 * FontAwesome
 */
.font-icon-before:before {
    font-family: "FontAwesome",serif;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.icon-ipoint {
    cursor: pointer;
    font-size: 2.2em;
}

.icon-ipoint:before {
    content: "";
    color: var(--color-info);
}

.icon-ipoint:before {
    content: "\f05a";
}

/**
 * aligns
 */

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

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

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

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

.indent {
    margin-left: 2em;
}

/**
 * misc colors
 */

.express {
    color: var(--color-express);
}

.error {
    color: var(--color-error);
    border-color: var(--color-error);
}

.input-element-wrapper {
    background-color: var(--input-wrapper-background);
    border: 1px solid var(--input-wrapper-border)
}

/**************************************************************************************
 * content-elements begin
 **************************************************************************************/

.headline-content h1,
.headline-content h2 {
    text-align: center;
    hyphens: none;
}

.headline-content h2 {
    color: var(--ci-color-3);
}

/* hero-content begin */
.hero-content {
    width: 100%;
    margin-top: 5em;
    padding-top: 5.25em;
    padding-bottom: 5.25em;
    background: var(--hero-content);
    background: linear-gradient(to right, var(--hero-content) 0%, var(--hero-content-from) 87%, var(--hero-content-to) 100%);
}

.hero-content .csc-textpic-text {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

.hero-content p {
    margin: 0;
    text-align: center;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.105) 0px 1.87346px 3.09121px;
    font-size: clamp(1rem, 5vw, 3.5rem);
}

.hero-content p b {
    color: var(--ci-color-3);
}

.hero-content .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: 0 0 2em 0 !important;
}

.hero-media,
.hero-digital {
    margin-top: 3em;
}

.hero-media p,
.hero-digital p {
    text-align: center;
    color: var(--ci-color-3);
    margin-top: 0;
}

.hero-media h3,
.hero-digital h3 {
    margin-bottom: 0;
}

.hero-media h3 span {
    color: var(--ci-color-1);
}

.hero-digital h3 span {
    color: var(--color-media-digital);
}

/* hero-content end */

.text-multi-column {
    margin-top: 5em;
}

/* content-section beign */

.content-section-1000,
.content-section-2000,
.content-section-3000,
.content-section-4000,
.content-section-5000,
.content-section-6000,
.content-section-7000 {
    display: block;
    float: left;
    width: 100%;
    margin-top: 1em;
    text-align: center;
    box-sizing: border-box;
}

.content-section-1000 > a[id^="c"],
.content-section-2000 > a[id^="c"],
.content-section-3000 > a[id^="c"],
.content-section-4000 > a[id^="c"],
.content-section-5000 > a[id^="c"],
.content-section-6000 > a[id^="c"],
.content-section-7000 > a[id^="c"] {
    display: none;
}

.content-section-4000 {
    margin-top: 2em;
}

.content-section-1000 {
    padding-top: 2em;
    padding-bottom: 2em;
    background: var(--content-section-1000);
    background: linear-gradient(to right, var(--content-section-1000) 0%, var(--content-section-1000-from) 87%, var(--content-section-1000-to) 100%);
}

.content-section-1000.content-section-1002 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.content-section-1000.content-section-1003 {
    padding-top: 2em;
    margin-top: 0;
    background: var(--content-section-1003);
}

.content-section-1001 .csc-textpic-text,
.content-section-2001 .csc-textpic-text {
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

.content-section-1001 .csc-textpic .csc-textpic-imagewrap figure,
.content-section-1002 .csc-textpic .csc-textpic-imagewrap figure {
    max-width: 125px;
}

.content-section-1003 .csc-textpic .csc-textpic-imagewrap figure,
.content-section-1003 .csc-textpic .csc-textpic-imagewrap figure img {
    max-width: 45px;
    max-height: 85px;
}

.content-section-1001 h2,
.content-section-2001 p {
    line-height: 1.2em;
}

.content-section-1001 h2,
.content-section-1001 p,
.content-section-1002 .csc-textpic-text * {
    margin: 0;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.105) 0px 1.87346px 3.09121px;
    hyphens: none;
}

.content-section-1002 .csc-textpic-text > *,
.content-section-1003 .csc-textpic-text > * {
    font-size: clamp(1rem, 4vw, 2.1rem);
}

.content-section-1002 .csc-textpic-text > *:first-of-type,
.content-section-1003 .csc-textpic-text > *:first-child {
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-1003 .csc-textpic-text > * {
    margin: 1em 0;
}

.content-section-1002 .csc-textpic-text > * {
    margin: .5em 0;
}

.content-section-1002 .csc-textpic-text > *:first-child {
    margin: 1em 0;
}

.content-section-1002 .csc-textpic-text > *:last-child {
    margin-bottom: 1em;
}

.content-section-1003 .csc-textpic-text * {
    margin: .5em 0;
}

.content-section-1003 .csc-textpic-text > *:first-child {
    color: var(--ci-color-3);
}

.content-section-1003.content-section-1004 .csc-textpic-text > *:first-child {
    margin-bottom: 0;
}

.content-section-1003.content-section-1004 .csc-textpic-text > *:nth-child(2) {
    color: var(--ci-color-3);
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-1003.content-section-1004 .csc-textpic-text > *:nth-child(2) {
    margin-top: 0;
}

.content-section-1001 h2,
.content-section-1001 p {
        font-size: clamp(1rem, 5vw, 3.5rem);
}

.content-section-1001 h2 b,
.content-section-1001 p b,
.content-section-1002 .csc-textpic-text b {
    color: var(--ci-color-3);
}

.content-section-1003 .csc-textpic-text > *:first-child b {
    color: var(--ci-color-1);
}

.content-section-1001 .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: 0 0 1em 0 !important;
}

.content-section-1003 .csc-textpic-text * {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.content-section-1003 .csc-textpic-text *:first-child {
    width: 60%;
}


.content-section-2001 p {
    font-size: clamp(1rem, 5vw, 3rem);
    text-align-last: auto;
    text-wrap: balance;
}

.content-section-2001.content-section-2004 p {
    hyphens: none;
    text-wrap: inherit;
}

.content-section-2001 a {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    font-size: clamp(1rem, 5vw, 1.5rem);
    line-height: 1.3em;
    padding: 1em 1.5em;
    color: var(--ci-color-3);
    background: var(--content-section-2001-btn-color);
    background: linear-gradient(to right, var(--content-section-2001-btn-color) 0%, var(--content-section-2001-btn-color-from) 87%, var(--content-section-2001-btn-color-to) 100%);
    border-radius: 4px;
    box-sizing: border-box;
    hyphens: none;
}

.content-section-2002 .csc-textpic-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-evenly;
}

.content-section-2002 .csc-textpic-text > div {
    width: 100%;
}

.content-section-2002 p {
    padding: 0;
    font-size: 1.2em;
}

.content-section-2003 p {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    font-size: clamp(1rem, 5vw, 1.5rem);
    line-height: 1.3em;
    padding: 1em 1.5em;
    color: var(--ci-color-3);
    background: var(--content-section-2001-btn-color);
    background: linear-gradient(to right, var(--content-section-2001-btn-color) 0%, var(--content-section-2001-btn-color-from) 87%, var(--content-section-2001-btn-color-to) 100%);
    border-radius: 4px;
}

.content-section-3000 {
    margin-top: 3em;
}

.content-section-3000.content-section-3002 {
    margin-top: 1em;
}

.content-section-3000 .media,
.content-section-3000 .media-digital {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 0 !important;
}

.content-section-3001.multicolumnContainer li {
    width: 49% !important;
    margin-left: auto;
    margin-right: auto;
}

.content-section-3001.multicolumnContainer li .columnItem {
    width: 100% !important;
}

/*ul.content-section-3001.empty li.listItemLast,*/
/*ul.content-section-3001.empty li:last-of-type,*/
/*ul.content-section-3001 li:empty,*/
/*ul.content-section-3001 li:blank {*/
/*    display: none !important;*/
/*}*/


.content-section-3001 .media .csc-textpic .csc-textpic-single-image img,
.content-section-3001 .media-digital .csc-textpic .csc-textpic-single-image img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.content-section-3001 .media .csc-textpic-text .csc-textpicHeader,
.content-section-3001 .media-digital .csc-textpic-text .csc-textpicHeader {
    text-align: center;
}

.content-section-3001 .media .csc-textpic-text .bodytext,
.content-section-3001 .media-digital .csc-textpic-text .bodytext {
    text-align: center !important;
    text-align-last: center !important;
}

.content-section-3001 .media .csc-textpic-text p,
.content-section-3001 .media-digital .csc-textpic-text p {
    text-align: center;
    padding-left: .5em;
    padding-right: .5em;
}

.content-section-3001 .media .csc-textpic-text p b,
.content-section-3001 .media-digital .csc-textpic-text p b {
    font-size: 1.1em;
}

.content-section-3001 .media .csc-textpic-text p b + br,
.content-section-3001 .media-digital .csc-textpic-text p b + br {
    margin-bottom: .3em;
}

.content-section-3001 .media .csc-textpic-text .bodytext {
    text-wrap: auto !important;
}

ul.content-section-3001 li {
    display: block;
    margin-bottom: 0 !important;
}

.content-section-4000 {
    background: var(--content-section-4000);
}

.content-section-4000.content-section-4002,
.content-section-4000.content-section-4003,
.content-section-4000.content-section-4004,
.content-section-4000.content-section-4005 {
    margin-top: 0;
}

.content-section-4001 .csc-textpic-text,
.content-section-4005 .csc-textpic-text {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content-section-4001 p {
    padding-top: 1em;
    padding-bottom: .5em;
    line-height: 1.1em;
}

.content-section-4001 p {
    color: var(--ci-color-3);
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-4005 p {
    font-size: clamp(1rem, 5vw, 2.3rem);
}

.content-section-4001 p b {
    color: var(--ci-color-1);
}

.content-section-4002,
.content-section-4003,
.content-section-4004,
.content-section-4005 {
    padding-bottom: 1em;
}

.content-section-4002 {
    padding-top: .5em;
}

.content-section-4002 .csc-textpic,
.content-section-4003 .csc-textpic,
.content-section-4004 .csc-textpic {
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.content-section-4002 .csc-textpic,
.content-section-4004 .csc-textpic,
.content-section-4006 .csc-textpic {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.content-section-4002 .csc-textpic-imagewrap,
.content-section-4003 .csc-textpic-imagewrap,
.content-section-4004 .csc-textpic-imagewrap {
    position: relative;
    width: auto !important;
    margin: 0 !important;
    overflow: visible !important;
}

.content-section-4002 .csc-textpic-imagewrap,
.content-section-4004 .csc-textpic-imagewrap {
    margin-left: 0 !important;
}

.content-section-4002 .csc-textpic-text,
.content-section-4003 .csc-textpic-text,
.content-section-4004 .csc-textpic-text {
    width: 70%;
    text-align: left;
}

.content-section-4002 .csc-textpic .csc-textpic-imagewrap figure,
.content-section-4003 .csc-textpic .csc-textpic-imagewrap figure,
.content-section-4004 .csc-textpic .csc-textpic-imagewrap figure {
    max-width: 150px;
    border-radius: 12px;
    background: var(--content-section-4000-img);
    background: linear-gradient(to right, var(--content-section-4000-img) 0%, var(--content-section-4000-img-from) 87%, var(--content-section-4000-img-to) 100%);
}

.content-section-4002 .csc-textpic .csc-textpic-imagewrap:before,
.content-section-4004 .csc-textpic .csc-textpic-imagewrap:before,
.content-section-4006 .csc-textpic .csc-textpic-imagewrap:before {
    content: '';
    display: block;
    width: 70px;
    height: 100px;
    background-image: url(../user_upload/plakat/bilder/paint-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
}

.content-section-4002 .csc-textpic .csc-textpic-imagewrap:before {
    top: 80%;
    transform: rotate(119deg);
}

.content-section-4006 .csc-textpic .csc-textpic-imagewrap:before {
    top: -95%;
    transform: rotate(100deg);
}

.content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
    bottom: 90%;
    transform: rotate(103deg);
}


.content-section-4002 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
.content-section-4003 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
.content-section-4004 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 1em !important;
}

.content-section-4002 p,
.content-section-4003 p,
.content-section-4004 p {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 110px;
    font-size: 1em;
}

.content-section-4002 p b + br,
.content-section-4003 p b + br,
.content-section-4004 p b + br {
    margin-bottom: .5em;
}

.content-section-4003,
.content-section-4004 {
    padding-top: 3em;
}

.content-section-5000 .columnItems {
    justify-content: center;
    align-items: center;
}

.content-section-5000 .columnItems > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.content-section-5001 p {
    color: var(--ci-color-3);
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-5000.content-section-5002 {
    margin-top: 0;
    margin-bottom: 3em;
}

.content-section-5002 .tx-irfaq-pi1 {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content-section-6000 {
    padding-top: 2em;
    padding-bottom: 2em;
    background: var(--content-section-6000);
    background: linear-gradient(to right, var(--content-section-6000) 0%, var(--content-section-6000-from) 87%, var(--content-section-6000-to) 100%);
    color: var(--color-white);
}

.content-section-6000.content-section-6001 {
    padding-bottom: 0;
}

.content-section-6001 .csc-textpic .csc-textpic-imagewrap figure,
.content-section-6005 .csc-textpic .csc-textpic-imagewrap figure {
    max-width: 70px;
}

.content-section-6001 .csc-textpic.csc-textpic-below .csc-textpic-imagewrap figure {
    max-width: 100%;
}

.content-section-6001 h2,
.content-section-6001 p {
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
    color: var(--color-white);
    hyphens: none;
}

.content-section-6001 h2 b,
.content-section-6001 p b {
    color: var(--ci-color-1);
}

.content-section-6001 .csc-textpic-text {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content-section-6000.content-section-6002 {
    margin-top: 0;
    padding-top: 0;
}

.content-section-6002 .csc-textpic-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-evenly;
}

.content-section-6002 .csc-textpic-text > div {
    width: 100%;
}

.content-section-6002 p {
    padding: 0;
    font-size: 1em;
}

.content-section-6002 p > b {
    hyphens: none;
}

.content-section-6000.content-section-6003 {
    margin-top: 0;
    padding-top: 0;
}

.content-section-6003 .csc-textpic-text {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.content-section-6003 p {
    padding: 0;
    font-size: 1em;
}

.content-section-6000.content-section-6004 {
    margin-top: 0;
    padding-top: 0;
}

.content-section-6004 .csc-textpic .csc-textpic-imagewrap figure {
    max-width: 150px;
}

.content-section-6004 p {
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    hyphens: none;
}

.content-section-6004 p:first-of-type {
    margin-top: 1em;
}

.content-section-6004 p:last-of-type {
    margin-bottom: 1em;
}

.content-section-6004 p {
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-6004 p b {
    color: var(--ci-color-1);
}

.content-section-6000.content-section-6006 {
    margin-top: 0;
    padding-bottom: 1em;
}

.content-section-6000.content-section-6007 {
    padding-top: 0;
}

.content-section-6000.content-section-6009 {
    padding-bottom: 3em;
}

.content-section-6006 .csc-textpic-text {
    width: 100%;
    /*background-color: var(--ci-color-1);*/
    background-color: rgb(251, 211, 12);
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding: 1em;
    box-sizing: border-box;
}

.content-section-6008 .csc-textpic-text {
    background-color: rgb(0, 72, 153);
}

.content-section-6006 .csc-textpic-text > * {
    padding: 0;
    margin: 0;
    font-size: clamp(1rem, 4vw, 1.7rem);
    text-align: left;
    color: var(--ci-color-3);
    width: 100%;
}

.content-section-6008 .csc-textpic-text > * {
    color: #ffffff;
}

.content-section-6006 .csc-textpic-text > *:first-child {
    font-weight: bold;
}


.content-section-7001 .csc-textpic-text > *:first-child {
    color: var(--ci-color-3);
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: bold;
}

.content-section-7000.content-section-7002.multicolumnContainer.multicontainer-bulleted-list {
    margin-top: 0 !important;
    margin-bottom: 2em;
}

.content-section-7000.content-section-7002.multicolumnContainer.multicontainer-bulleted-list li:empty {
    display: none;
    width: 0 !important;
}

.content-section-7002 .bulleted-list .csc-textpic-text {
    margin-top: 1.5em !important;
}

.content-section-7002 .bulleted-list .csc-textpic-text > * {
    font-weight: normal !important;
    hyphens: none;
}

.content-section-7002 .bulleted-list .csc-textpic-text > *:first-child {
    font-weight: bold !important;
    margin-bottom: .5em !important;
}

.content-section-7002 .bulleted-list .csc-textpic .csc-textpic-single-image img {
    max-width: 60px !important;
    max-height: 60px !important;
}

    /* content-section end */

/**************************************************************************************
 * content-elements end
 **************************************************************************************/

/**
 * misc btn classes
 */

.btn-select,
.btn-select input[type="checkbox"] ~ label,
input[type="checkbox"] ~ label.btn-select,
input[type="checkbox"].btn-select + label {
    background: var(--btn-select-background);
    background: -moz-linear-gradient(top, var(--btn-select-background) 0%, var(--btn-select-background-to) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--btn-select-background-to)), color-stop(100%, var(--btn-select-background-to))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, var(--btn-select-background) 0%, var(--btn-select-background-to) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, var(--btn-select-background) 0%, var(--btn-select-background-to) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, var(--btn-select-background) 0%, var(--btn-select-background-to) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, var(--btn-select-background) 0%, var(--btn-select-background-to) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: var(--btn-select-background);
    -webkit-box-shadow: inset 0 1px 0 var(--btn-select-box-shadow);
    -moz-box-shadow: inset 0 1px 0 var(--btn-select-box-shadow);
    box-shadow: inset 0 1px 0 var(--btn-select-box-shadow);
    border: 1px solid var(--btn-select-border);
    color: var(--btn-select-color);
}

.btn-select:hover,
.btn-select input[type="checkbox"] ~ label:hover,
input[type="checkbox"] ~ label.btn-select:hover,
input[type="checkbox"].btn-select + label:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,var(--btn-select-background-to)),color-stop(1,var(--btn-select-background)));
    background: -moz-linear-gradient(top,var(--btn-select-background-to) 5%,var(--btn-select-background) 100%);
    background: -webkit-linear-gradient(top,var(--btn-select-background-to) 5%,var(--btn-select-background) 100%);
    background: -o-linear-gradient(top,var(--btn-select-background-to) 5%,var(--btn-select-background) 100%);
    background: -ms-linear-gradient(top,var(--btn-select-background-to) 5%,var(--btn-select-background) 100%);
    background: linear-gradient(to bottom,var(--btn-select-background-to) 5%,var(--btn-select-background) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
    background-color: var(--btn-select-background-to);
}

.btn-select.selected,
.btn-select.checked,
.btn-select input[type="checkbox"]:checked ~ label,
input[type="checkbox"]:checked + label.btn-select,
input[type="checkbox"]:checked.btn-select + label {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,var(--btn-select-selected-background)),color-stop(1,var(--btn-select-selected-background-to)));
    background: -moz-linear-gradient(top,var(--btn-select-selected-background) 5%,var(--btn-select-selected-background-to) 100%);
    background: -webkit-linear-gradient(top,var(--btn-select-selected-background) 5%,var(--btn-select-selected-background-to) 100%);
    background: -o-linear-gradient(top,var(--btn-select-selected-background) 5%,var(--btn-select-selected-background-to) 100%);
    background: -ms-linear-gradient(top,var(--btn-select-selected-background) 5%,var(--btn-select-selected-background-to) 100%);
    background: linear-gradient(to bottom,var(--btn-select-selected-background) 5%,var(--btn-select-selected-background-to) 100%);
    background-color: var(--btn-select-selected-background);
    -moz-box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    -webkit-box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    border: 1px solid var(--btn-select-selected-border);
    color: var(--btn-select-selected-color) !important;
}

.btn-select.selected:hover,
.btn-select.checked:hover,
.btn-select input[type="checkbox"]:checked ~ label:hover,
input[type="checkbox"]:checked + label.btn-select:hover,
input[type="checkbox"]:checked.btn-select + label:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,var(--btn-select-selected-background-to)),color-stop(1,var(--btn-select-selected-background)));
    background: -moz-linear-gradient(top,var(--btn-select-selected-background-to) 5%,var(--btn-select-selected-background) 100%);
    background: -webkit-linear-gradient(top,var(--btn-select-selected-background-to) 5%,var(--btn-select-selected-background) 100%);
    background: -o-linear-gradient(top,var(--btn-select-selected-background-to) 5%,var(--btn-select-selected-background) 100%);
    background: -ms-linear-gradient(top,var(--btn-select-selected-background-to) 5%,var(--btn-select-selected-background) 100%);
    background: linear-gradient(to bottom,var(--btn-select-selected-background-to) 5%,var(--btn-select-selected-background) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356', GradientType=0);
    background-color: var(--btn-select-selected-background-to);
}

/**
 * gradients
 */

.gradient-gray {
    background: var(--gradient-gray-background);
    background: -moz-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -webkit-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -o-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -ms-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: linear-gradient(to bottom, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    /*!* only shows on desktop gray. *!*/
    /*!* on mobile header is white *!*/
    /*background: var(--color-white);*/
}

.ie9 .gradient-gray {
    filter: none;
}

.gradient-yellow {
    background: var(--gradient-yellow-background); /* Old browsers */
    background:-moz-linear-gradient(330deg, var(--gradient-yellow-background) 0%, var(--gradient-yellow-background) 49%, var(--gradient-yellow-background-to) 50%, var(--gradient-yellow-background-to) 100%);
    background:-webkit-linear-gradient(330deg, var(--gradient-yellow-background) 0%, var(--gradient-yellow-background) 49%, var(--gradient-yellow-background-to) 50%, var(--gradient-yellow-background-to) 100%);
    background:-o-linear-gradient(330deg, var(--gradient-yellow-background) 0%, var(--gradient-yellow-background) 49%, var(--gradient-yellow-background-to) 50%, var(--gradient-yellow-background-to) 100%);
    background:-ms-linear-gradient(330deg, var(--gradient-yellow-background) 0%, var(--gradient-yellow-background) 49%, var(--gradient-yellow-background-to) 50%, var(--gradient-yellow-background-to) 100%);
    background:linear-gradient(330deg, var(--gradient-yellow-background) 0%, var(--gradient-yellow-background) 49%, var(--gradient-yellow-background-to) 50%, var(--gradient-yellow-background-to) 100%);
}

.ie9 .gradient-yellow {
    filter: none;
}

/**
 * links
 */
a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

a.download:before,
a[href$=".bmp"]:before,
a[href$=".eps"]:before,
a[href$=".gif"]:before,
a[href$=".jpg"]:before,
a[href$=".jpeg"]:before,
a[href$=".png"]:before,
a[href$=".psd"]:before,
a[href$=".tif"]:before,
a[href$=".tiff"]:before,
a[href$=".csv"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".pdf"]:before,
a[href$=".ppt"]:before,
a[href$=".pptx"]:before,
a[href$=".rar"]:before,
a[href$=".zip"]:before,
a[href$=".rtf"]:before,
a[href$=".txt"]:before {
    /*font: normal normal normal 1.25em/1 FontAwesome;*/
    font: normal normal normal 1.1em/1 FontAwesome;
    display: inline-block;
    width: 1em;
    margin-right: 0.2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: auto;
    vertical-align: text-top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.download:before {
    content: "\f016";
}

a[href$=".bmp"]:before,
a[href$=".eps"]:before,
a[href$=".gif"]:before,
a[href$=".jpg"]:before,
a[href$=".jpeg"]:before,
a[href$=".png"]:before,
a[href$=".psd"]:before,
a[href$=".tif"]:before,
a[href$=".tiff"]:before {
    content: "\f1c5";
}

a[href$=".csv"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
    content: "\f1c3";
}

a[href$=".doc"]:before,
a[href$=".docx"]:before {
    content: "\f1c2";
}

a[href$=".pdf"]:before {
    content: "\f1c1";
}

a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
    content: "\f1c4";
}

a[href$=".rar"]:before,
a[href$=".zip"]:before {
    content: "\f1c6";
}

a[href$=".rtf"]:before,
a[href$=".txt"]:before {
    content: "\f0f6";
}

/**
 * flexible media types
 */
img,
embed,
object,
video {
    max-width: 100%;
    height: auto;
    width: auto;
}

/**
 * formulars
 */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea,
.input,
.csc-mailform-button,
.csc-mailform-submit,
.csc-mailform-cancel {
    font-family: "PT Sans", sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--input-color);
}

::-webkit-input-placeholder { /* WebKit browsers */
    -webkit-opacity: 0.7;
    opacity: 0.7;
    color: var(--input-placeholder);
}

.edge ::-webkit-input-placeholder { /* Workaround for Edge placeholder bug */
    -webkit-opacity: 1;
    opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    -moz-opacity: 0.7;
    opacity: 0.7;
    color: var(--input-placeholder);
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    -moz-opacity: 0.7;
    opacity: 0.7;
    color: var(--input-placeholder);
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: 0.7;
    color: var(--input-placeholder);
}

:root input[type="radio"],
:root input[type="checkbox"] {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
    height: 20px;
    width: 20px;
    line-height: 1.25em;
}

:root input[type="radio"] + label,
:root input[type="checkbox"] + label {
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 1.25em;
}

:root input[type="radio"] + label:before,
:root input[type="checkbox"] + label:before {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-family: FontAwesome;
    font-size: 2.125em;
    letter-spacing: 0.625em; /* space between checkbox and label */
    margin: 0;
    background: none;
    border: none;
    text-align: inherit;
    text-indent: 0;
    top: auto;
    vertical-align: -0.1667em;
    width: 1.25em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}

:root input[type="checkbox"] + label:before {
    top: 2px;
}

:root input[type="radio"] + label:before {
    content: "\f1db";
}

:root input[type="checkbox"] + label:before {
    content: "\f096";
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    :root input[type="radio"]:checked + label:before {
        line-height: inherit;
    }
}

/* Opera≤11 */
@media (min-resolution: .001dpcm) {
    :root input[type="radio"]:checked + label:before {
        line-height: 20px;
    }
}

/* Opera≥12 */

:root input[type="radio"]:checked + label:before,
:root input[type="checkbox"]:checked + label:before {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

:root input[type="radio"]:checked + label:before {
    content: "\f058"; /* checked icon */
    line-height: 20px;
    letter-spacing: 0.4824375em; /* allow space for check mark */
}

:root input[type="checkbox"]:checked + label:before {
    content: "\f046"; /* checked icon */
    letter-spacing: 0.4824375em; /* allow space for check mark */
}

:root input[type="radio"]:checked + label::before,
:root input[type="checkbox"]:checked + label::before {
    color: var(--input-checked);
}

:root input[type="radio"]:disabled,
:root input[type="checkbox"]:disabled {
    cursor: default;
}

:root input[type="radio"]:disabled + label,
:root input[type="checkbox"]:disabled + label {
    cursor: default;
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

:root input[type="radio"]:disabled + label:before,
:root input[type="checkbox"]:disabled + label:before {
    content: "\f05e";
    cursor: default;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea,
.input {
    background: var(--input-background);
    border-color: var(--input-border-top) var(--input-border-right) var(--input-border-bottom) var(--input-border-left);
    border-style: solid;
    border-width: 3px 1px 1px;
    *float: left;
    margin: 0;
    outline: none;
    padding: 0.3em 0.25em;
}

input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
    border-top-color: var(--input-border-focus);
}

input[type="file"] {
    border: 1px solid var(--input-border);
    line-height: 1.75em;
    padding: 0 0.25em 0 0;
}

input[type="file"]:before {
    content: "\f093";
    display: inline-block;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.25em;
    text-rendering: auto;
}

::-webkit-file-upload-button {
    background: transparent;
    border: none;
    border-top: 3px solid var(--input-border-top);
    border-right: 1px solid var(--input-border-right);
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    margin: -1px 0 1px -1.25em;
    outline: none;
    padding-left: 1.75em;
    color: var(--color-gray);
}

input[type="file"]:focus::-webkit-file-upload-button,
::-webkit-file-upload-button:focus {
    border-top-color: var(--input-border-focus);
}

@-moz-document url-prefix() {
    input {
        vertical-align: top;
    }
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

select {
    /*noinspection CssUnknownTarget*/
    background-image: url(../image/chevron-down.svg);
    background-position: right 1em center;
    background-repeat: no-repeat;
    -webkit-background-size: 1em 1em;
    -moz-background-size: 1em 1em;
    background-size: 1em 1em;
    padding: 0.5em 2.25em 0.5em 1em;
}

.lte9 select {
    background-image: none;
    padding: 0.3em 0.25em;
}

option {
    border-top: 1px solid var(--input-border-top);
    outline: none;
}

option:disabled {
    background-color: rgba(0,0,0,.1);
}

select::-ms-expand {
    display: none;
}

/*select:-moz-focusring {*/
/*    color: transparent;*/
/*}*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.csc-mailform-button,
.csc-mailform-submit,
.csc-mailform-cancel {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    line-height: 2em;
    outline: none;
    padding: 0 .3em;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.csc-mailform-button:hover,
.csc-mailform-submit:hover,
.csc-mailform-cancel:hover {
    text-decoration: none;
}

button:after,
.csc-mailform-button:after,
.csc-mailform-submit:after,
.csc-mailform-cancel:after {
    font-family: FontAwesome;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
    text-rendering: auto;
}

button:after,
.csc-mailform-button:after,
.csc-mailform-submit:after {
    content: "\f054\f054";
    font-size: 0.9em;
}

.csc-mailform-cancel:after {
    content: "\f00d";
}

button,
input[type="button"],
.csc-mailform-button,
.header-fixed .csc-mailform-submit.btnSearchNext {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac401+0,f8ae01+100 */
    background: var(--btn-background); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGFlMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, var(--btn-background) 0%, var(--btn-background-to) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--btn-background)), color-stop(100%, var(--btn-background-to))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, var(--btn-background) 0%, var(--btn-background-to) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, var(--btn-background) 0%, var(--btn-background-to) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, var(--btn-background) 0%, var(--btn-background-to) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, var(--btn-background) 0%, var(--btn-background-to) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac401', endColorstr='#f8ae01', GradientType=0); /* IE6-8 */
    border-color: var(--btn-border);
    -webkit-box-shadow: inset 0 1px 0 var(--btn-box-shadow);
    -moz-box-shadow: inset 0 1px 0 var(--btn-box-shadow);
    box-shadow: inset 0 1px 0 var(--btn-box-shadow);
    color: var(--btn-color);
}

.ie9 button,
.ie9 input[type="button"],
.ie9 .csc-mailform-button,
.ie9 .header-fixed .csc-mailform-submit.btnSearchNext {
    filter: none !important;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
.csc-mailform-button:focus,
.csc-mailform-button:hover,
.header-fixed .csc-mailform-submit.btnSearchNext:focus,
.header-fixed .csc-mailform-submit.btnSearchNext:hover {
    background: var(--btn-background-hover);
    border-color: var(--btn-border-hover);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="submit"],
.csc-mailform-submit {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d84153+0,cc071e+100 */
    background: var(--btn-submit-background); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4NDE1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzA3MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, var(--btn-submit-background) 0%, var(--btn-submit-background-to) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--btn-submit-background)), color-stop(100%, var(--btn-submit-background-to))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, var(--btn-submit-background) 0%, var(--btn-submit-background-to) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, var(--btn-submit-background) 0%, var(--btn-submit-background-to) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, var(--btn-submit-background) 0%, var(--btn-submit-background-to) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, var(--btn-submit-background) 0%, var(--btn-submit-background-to) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d84153', endColorstr='#cc071e', GradientType=0); /* IE6-8 */
    border-color: var(--btn-submit-border);
    -webkit-box-shadow: inset 0 1px 0 var(--btn-submit-box-shadow);
    -moz-box-shadow: inset 0 1px 0 var(--btn-submit-box-shadow);
    box-shadow: inset 0 1px 0 var(--btn-submit-box-shadow);
    color: var(--btn-submit-color);
}

.ie9 input[type="submit"],
.ie9 .csc-mailform-submit {
    filter: none !important;
}

input[type="submit"]:focus,
input[type="submit"]:hover,
.csc-mailform-submit:focus,
.csc-mailform-submit:hover {
    background: var(--btn-submit-background-hover);
    border-color: var(--btn-submit-border-hover);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="reset"],
.button-gray,
.csc-mailform-cancel {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a1+0,919395+100 */
    background: var(--btn-cancel-background); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYTBhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTkzOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, var(--btn-cancel-background) 0%, var(--btn-cancel-background-to) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--btn-cancel-background-to)), color-stop(100%, var(--btn-cancel-background-to))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, var(--btn-cancel-background) 0%, var(--btn-cancel-background-to) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, var(--btn-cancel-background) 0%, var(--btn-cancel-background-to) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, var(--btn-cancel-background) 0%, var(--btn-cancel-background-to) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, var(--btn-cancel-background) 0%, var(--btn-cancel-background-to) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa0a1', endColorstr='#919395', GradientType=0); /* IE6-8 */
    border-color: var(--btn-cancel-border);
    -webkit-box-shadow: inset 0 1px 0 var(--btn-cancel-box-shadow);
    -moz-box-shadow: inset 0 1px 0 var(--btn-cancel-box-shadow);
    box-shadow: inset 0 1px 0 var(--btn-cancel-box-shadow);
    color: var(--btn-cancel-color);
}

.ie9 input[type="reset"],
.ie9 .csc-mailform-cancel {
    filter: none !important;
}

input[type="reset"]:focus,
input[type="reset"]:hover,
.csc-mailform-cancel:focus,
.csc-mailform-cancel:hover {
    background: var(--btn-cancel-background-hover);
    border-color: var(--btn-cancel-border-hover);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.deactivated {
    background: var(--deactivated-background) !important;
    border-color: var(--deactivated-border) !important;
    color: var(--deactivated-color) !important;
    box-shadow: none !important;
}
.deactivated:hover {
    background: var(--deactivated-background) !important;
    border-color: var(--deactivated-border) !important;
    color: var(--deactivated-color) !important;
    box-shadow: none !important;
}

input[type="submit"].deactivated,
input[type="button"].deactivated,
button.deactivated,
.btn-select.deactivated,
.csc-mailform-button.deactivated,
.csc-mailform-submit.deactivated {
    cursor: not-allowed;
}

button.deactivated:after,
.csc-mailform-button.deactivated:after,
.csc-mailform-submit.deactivated:after {
    content: "\f05e" !important;
    font-size: 1.1em !important;
    transform: rotate(90deg);
}

    /**
     * Close "X"
     */
.close-x {
    display: inline-block;
    font-size: 1.25rem;
    height: 1em;
    position: relative;
    text-indent: -9999em;
    vertical-align: middle;
    width: 1em;
    cursor: pointer;
}

.csstransforms .close-x:before,
.csstransforms .close-x:after {
    background: #555659;
    content: "";
    display: block;
    height: 0.125em;
    left: 0;
    position: absolute;
    top: 0.4em;
    width: 1em;
}

.csstransforms .close-x:before {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.csstransforms .close-x:after {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.no-csstransforms .close-x:before {
    font-family: FontAwesome;
    bottom: 0;
    content: "\f00d";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 9999em;
    text-rendering: auto;
}

/**
 * lists
 */
/*@ToDO: Check !!!*/
/*ul li {*/
/*    list-style-type: none;*/
/*}*/
/*ul li:before {*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    content: "\f054";*/
/*    font: normal normal normal 1em/1 FontAwesome;*/
/*    margin-left: -1em;*/
/*    margin-top: 0.2em;*/
/*    position: absolute;*/
/*    text-rendering: auto;*/
/*    width: 1em;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/

/*}*/
/*ul > li + li {*/
/*    margin-top: 0.5em;*/
/*}*/

/**
 * tables
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    border-width: 0;
}

table[border] {
    border: 1px solid var(--border-color);
}

table[border="0"] {
    border-width: 0;
}

table[cellspacing="1"] {
    border-spacing: 1px;
}

table[cellspacing="2"] {
    border-spacing: 2px;
}

table[cellspacing="3"] {
    border-spacing: 3px;
}

table[cellspacing="4"] {
    border-spacing: 4px;
}

table[cellspacing="5"] {
    border-spacing: 5px;
}

table[cellpadding="1"] td {
    margin: 1px;
}

table[cellpadding="2"] td {
    margin: 2px;
}

table[cellpadding="3"] td {
    margin: 3px;
}

table[cellpadding="4"] td {
    margin: 4px;
}

table[cellpadding="5"] td {
    margin: 5px;
}

/*! cssmojo clearfix
 * http://www.cssmojo.com/latest_new_clearfix_so_far/ !*/
.clearfix:after,
.clearfix-left:after,
.clearfix-right:after {
    content: "";
    display: table;
}

.ie7 .clearfix, .ie7 .clearfix-left, .ie7 .clearfix-right {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.clearfix:after {
    clear: both;
}

.clearfix-left:after {
    clear: left;
}

.clearfix-right:after {
    clear: right;
}

/* helper styles */
.row,
.csc-default,
.csc-columns {
    height: 100%;
    margin: 0 auto;
    max-width: var(--max-page-width);
    width: 100%;
}

.row .row {
    width: auto;
}

.ie7 .row,
.ie7 .csc-default,
.ie7 .csc-columns {
    max-width: var(--max-page-width) !important;
    width: 100% !important;
}

ul.navigation {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul.navigation {
    flex-direction: column;
}

header ul.navigation {
    flex-direction: row;
}

ul.navigation > li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

ul.navigation > li:before {
    content: none;
}

.valign-middle:before,
.valign-bottom:before {
    content: "";
    display: inline-block;
    height: 100%;
    *zoom: 1;
}

.valign-middle:before {
    vertical-align: middle;
}

.valign-bottom:before {
    height: 95%;
    vertical-align: bottom;
}

.valign-middle > *:first-child,
.valign-bottom > *:first-child {
    display: inline-block;
}

.valign-middle > *:first-child {
    vertical-align: middle;
}

.valign-bottom > *:first-child {
    vertical-align: bottom;
}

.valign-middle > em:first-child,
.valign-bottom > em:first-child {
    font-style: normal;
}

/**
 * flexbox
 */
.flexbox .flex-container,
.flexboxlegacy .flex-container {
    /* Permalink - user to edit and share this flexbox configuration: http://the-echoplex.net/flexyboxes/?legacy=on&display=flex&flex-direction=row&flex-wrap=nowrap&justify-content=flex-start&align-items=flex-start&align-content=flex-start&order%5B%5D=0&flex-grow%5B%5D=0&flex-shrink%5B%5D=1&flex-basis%5B%5D=auto&align-self%5B%5D=auto */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: start;
    align-items: flex-start;
}

ul.flex-container {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

ul.flex-container > li {
    display: block;
    margin: 0;
    padding: 0;
}

ul.flex-container > li:before {
    content: none;
}


/*.flex-container > * {*/
/*    margin-right: 4em;*/
/*}*/

.flex-container > *:last-child {
    margin-right: 0;
}

.flexbox .flex-container > *,
.flexboxlegacy .flex-container > * {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.no-flexbox.no-flexboxlegacy .flex-container > * {
    float: left;
}

.flex-container.flex-2 > *:nth-child( 2n ) {
    margin-right: 0;
}

.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *:first-child + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *:first-child + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *:first-child + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *:first-child + * + * + * + * + * + * + * + * {
    clear: left;
}

.flex-container.flex-3 > *:nth-child( 3n ) {
    margin-right: 0;
}

.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *:first-child + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *:first-child + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *:first-child + * + * + * + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * {
    clear: left;
}


.flex-container.flex-4 > *:nth-child( 4n ) {
    margin-right: 0;
}

.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *:first-child + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *:first-child + * + * + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *:first-child + * + * + * + * + * + * + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {
    clear: left;
}

.flex-container.flex-5 > *:nth-child( 5n ) {
    margin-right: 0;
}

.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > *:first-child + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > *:first-child + * + * + * + * + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {
    clear: left;
}

.flexbox .flex-container,
.flexboxlegacy .flex-container ul.navigation > li {
    clear: left;
    margin-top: 0.375em;
}

.flexbox .flex-container,
.flexboxlegacy .flex-container ul.navigation > li:first-child {
    margin-top: 0;
}

/**
 * flexbox - columns
 * mobil first: starts with 1 column
 */
/* 2 columns to 1 columns */
/* 3 columns to 1 columns */
/* 4 columns to 1 columns */
/* 5 columns to 1 columns */
.flex-container.flex-2 > *,
.flex-container.flex-3 > *,
.flex-container.flex-4 > *,
.flex-container.flex-5 > * {
    margin-right: 0;
}

.flexbox .flex-container.flex-2 > *,
.flexboxlegacy .flex-container.flex-2 > *,
.flexbox .flex-container.flex-3 > *,
.flexboxlegacy .flex-container.flex-3 > *,
.flexbox .flex-container.flex-4 > *,
.flexboxlegacy .flex-container.flex-4 > *,
.flexbox .flex-container.flex-5 > *,
.flexboxlegacy .flex-container.flex-5 > * {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *,
.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
    width: 100%;
}

.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
.no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
    width: 100%;
}

.foldout {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    margin-top: 1px;
    position: fixed;
    right: 0;
    text-align: left;
    top: 100%;
    z-index: 10;
    font-size: 1.2em;
    line-height: 1.3em;
}

.foldout .close-x {
    position: absolute;
    right: 0.8em;
    top: 0.8em;
}

.foldout .flex-container {
    padding: 1.5em 1em 2em;
}

.foldout ul > li {
    margin-top: 0.5em;
}

/*!***/
/* * foldout*/
/* *!*/
/*!*fakanko: In Endversion ".foldout" löschen. *!*/
/*.foldout ul li {*/
/*    list-style-type: none;*/
/*}*/

/*.foldout ul li:before {*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    content: "\f054";*/
/*    font: normal normal normal 1em/1 FontAwesome;*/
/*    margin-left: -1em;*/
/*    margin-top: 0.2em;*/
/*    position: absolute;*/
/*    text-rendering: auto;*/
/*    width: 1em;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/

/*}*/


/*.flexbox .foldout ul.flex-container.flex-2 > li:nth-child(-n+2),*/
/*.flexboxlegacy .foldout ul.flex-container.flex-2 > li:nth-child(-n+2) { margin-top: 0px; }*/
/*.flexbox .foldout ul.flex-container.flex-3 > li:nth-child(-n+3),*/
/*.flexboxlegacy .foldout ul.flex-container.flex-3 > li:nth-child(-n+3) { margin-top: 0px; }*/
/*.flexbox .foldout ul.flex-container.flex-4 > li:nth-child(-n+4),*/
/*.flexboxlegacy .foldout ul.flex-container.flex-4 > li:nth-child(-n+4) { margin-top: 0px; }*/
/*.flexbox .foldout ul.flex-container.flex-5 > li:nth-child(-n+5),*/
/*.flexboxlegacy .foldout ul.flex-container.flex-5 > li:nth-child(-n+5) { margin-top: 0px; }*/

/*.no-nthchild .foldout ul.flex-container.flex-2 > li:first-child,*/
/*.no-nthchild .foldout ul.flex-container.flex-2 > li:first-child + li { margin-top: 0px; }*/
/*.no-nthchild .foldout ul.flex-container.flex-3 > li:first-child,*/
/*.no-nthchild .foldout ul.flex-container.flex-3 > li:first-child + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-3 > li:first-child + li + li { margin-top: 0px; }*/
/*.no-nthchild .foldout ul.flex-container.flex-4 > li:first-child,*/
/*.no-nthchild .foldout ul.flex-container.flex-4 > li:first-child + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-4 > li:first-child + li + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-4 > li:first-child + li + li + li { margin-top: 0px; }*/
/*.no-nthchild .foldout ul.flex-container.flex-5 > li:first-child,*/
/*.no-nthchild .foldout ul.flex-container.flex-5 > li:first-child + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-5 > li:first-child + li + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-5 > li:first-child + li + li + li,*/
/*.no-nthchild .foldout ul.flex-container.flex-5 > li:first-child + li + li + li + li { margin-top: 0px; }*/

/*.foldout ul li {*/
/*    list-style-image: none; !*fakanko: In Endversion löschen. Aktuell da -> list-ul-bullet1.gif*!*/
/*}*/

/* recommend */
#recommend {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#recommend-slider {
    background: #FFFFFF;
    height: auto;
    position: relative;
    width: 650px;
}

#recommend h2 {
    float: left;
    width: 100%;
    margin-bottom: .5em;
    background: #FFFFFF;
}

#recommend-slider .container {
    height: 12em;
    margin-left: 1.9em;
    overflow: hidden;
    position: relative;
    width: 550px;
}

#recommend-slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20000em;
}

#recommend-slider li {
    float: left;
    height: 12.5em;
    width: 16em;
    padding: .6em .3em;
    font-size: 85%;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;;
    transition: transform .2s;
}

#recommend-slider li.active {
    display: none !important;
}

#recommend-slider li img {
    float: left;
    max-width: 6em;
    max-height: 6em;
    margin: 0 .6em .3em 0;
}

#TB_window #recommend-slider li a {
    color: #555659;
}

#TB_window #recommend-slider li a:hover {
    text-decoration: none;
}

#recommend-slider .control {
    position: absolute;
    height: 100%;
    width: 1.8em;
    top: 0;
    background-color: #fac401;
    opacity: .7;
}

#recommend-slider .control-prev {
    left: 0;
}

#recommend-slider .control-next {
    right: 0;
}

#recommend-slider .control-next:before,
#recommend-slider .control-prev:after {
    font: normal normal normal 2em/1 FontAwesome;
    position: absolute;
    text-rendering: auto;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}

#recommend-slider .control-prev:after {
    content: "\f053";
    margin-right: .1em;
}

#recommend-slider .control-next:before {
    content: "\f054";
    margin-left: .1em;
}

#content-normal #recommend {
    position: relative;
    margin-top: 21px;
    padding-top: 21px;
    border-top: 1px solid #9fa09e;
}

#content-normal #recommend h2 {
    color: #002046;
    margin-bottom: 1em;
    font-size: 1em;
}

#content-normal #recommend-slider {
    width: 100%;
    float: left;
}

#content-normal #recommend-slider .container {
    width: auto;
}

#content-normal #recommend-slider li {
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 5px;
}

#content-normal #recommend-slider li a {
    color: #555659;
    text-decoration: none;
}

#content-normal #recommend-slider h3 {
    padding: 0 !important;
    margin-top: 0 !important;
    font-size: 1.3em;
}

#content-normal ul.citylist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 115%;
    box-sizing: border-box;
}

#content-normal ul.citylist li {
    width: 100%;
}

#TB_ajaxContent #recommend-slider h3 {
    padding: 0;
    margin-top: 0 !important;
}

#TB_ajaxContent #recommend-slider p {
    margin-right: 0;
    padding: 0;
}

/**
 * csc-mailform
 */

fieldset.csc-mailform,
div.csc-mailform form > ol
{
    width: 100%;
    box-sizing: border-box;
}

.button-area fieldset.csc-mailform .button-area-top,
.button-area div.csc-mailform form > ol .button-area-top {
    display: none;
}

.header-fixed .button-area fieldset.csc-mailform .button-area-top,
.header-fixed .button-area div.csc-mailform form > ol .button-area-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

div.csc-mailform-clear,
div.csc-form-element {
    margin-bottom: .8em;
}

div.csc-mailform-text select {
    width: auto !important;
}

div.csc-mailform-text input,
div.csc-mailform-text input[type="file"],
div.csc-mailform-text textarea,
li.csc-form-element-textline select,
li.csc-form-element-textline input,
li.csc-form-element-fileupload input[type="file"],
li.csc-form-element-textarea textarea,
li.csc-form-element-select label {
    width: 100% !important;
}

div.csc-mailform-check input[type="checkbox"] + label {
    line-height: 2em;
}

div.csc-mailform-text .csc-mailform-text.csc-mailform-repeat-email {
    position: absolute;
    margin: 0 0 0 -99999em;
    pointer-events: none;
}

div.csc-mailform-field input[type="submit"] {
    float: right;
}

/* hompepagemarker beign */
.homepagemarker {
    padding-left: .5em;
}

.homepagemarker li {
    list-style: none;
}

.homepagemarker li:before {
    display: inline-block;
    position: relative;
    content: "\f054";
    width: 1em;
    margin-right: 0.2em;
    color: var(--ci-color-2);
    font: bold normal normal 1em/1 FontAwesome;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: auto;
    vertical-align: text-top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* hompepagemarker end */

/* homepage multicolumn begin */
.multicolumn .multicolumnContainer.home-content {
    flex-direction: column;
}

.multicolumn .multicolumnContainer.home-content .column {
    width: 100% !important;
}

.multicolumn .multicolumnContainer.home-content .columnItems {
    width: 100%;
}

.multicolumn .multicolumnContainer.home-content .columnItems .columnItemFirst > h2 {
    margin-top: 0;
}

.multicolumn .multicolumnContainer.home-content .columnItems li {
    width: 100%;
}

.multicolumn .multicolumnContainer.home-content .columnItem {
    display: inline-flex;
}
/* homepage multicolumn end */

/**************************************************************************************
 * Globals end
 **************************************************************************************/

/**
 * Elements begin
 */


/**
 * Elements order
 */
#page.flex-container #page-hero {
    order: 0;
}
#page.flex-container #page-header {
    order: 1;
}
#page.flex-container #page-top {
    order: 2;
}
#page.flex-container #content {
    order: 3;
}
#page.flex-container #footer {
    order: 4;
}

/**
 * Elements .start -> :not(.dataselection)
 */
body:not(.dataselection) #page.start.flex-container #page-hero {
    order: 1;
}
body:not(.dataselection) #page.start.flex-container #page-header {
    order: 2;
}
body:not(.dataselection) #page.start.flex-container #page-top {
    order: 0;
}


#page.flex-container > section,
#page.flex-container > footer {
    width: 100%;
}

/**
 * #header
 */
#header {
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    height: var(--header-height);
    min-width: 170px;
    width: auto;
    z-index: 2;
    background-color: var(--header-background);
    border-bottom: 1px solid var(--header-border);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
}

#header > .row {
    position: relative;
}

html:not(.mm-opening) #header {
    -webkit-transform: translateZ(0);
}

.header-fixed #header {
    position: fixed;
    margin-top: 0;
}

/**
 * #portal-navigation-layer
 */
#portal-navigation-layer {
    display: none;
}

/**
 * #portal-items
 */
.header-fixed #portal-items {
    display: none;
}

/**
 * #mobile-navigation
 */
#mobile-navigation {
    background-color: var(--color-white);
    color: var(--color-gray);
}

#mobile-navigation:not(.mm-menu) {
    display: none;
}

#mobile-navigation .mm-listview {
    font-size: .9em;
}

#mobile-navigation ul li::before {
    content: none;
}

#mobile-navigation a.active {
    color: var(--color-blue);
    font-weight: 700;
}

/**
 * #mobile-navigation-icon
 */
#mobile-navigation-icon {
    display: block;
    font-size: 1.25em;
    height: 0.625em;
    left: 0.33em;
    margin-top: -0.3125em;
    padding-left: 1em;
    position: absolute;
    top: 50%;
}

#mobile-navigation-icon:before {
    top: 0;
}

#mobile-navigation-icon:after {
    top: 0.5em;
}

#mobile-navigation-icon:hover,
#mobile-navigation-icon:focus {
    text-decoration: none;
}

#mobile-navigation-icon:focus {
    outline: none;
}

#mobile-navigation-icon span {
    top: 0.25em;
}

#mobile-navigation-icon span,
#mobile-navigation-icon:before,
#mobile-navigation-icon:after {
    -moz-transition: none 0.5s ease 0.25s; /* FF4+ */
    -o-transition: none 0.5s ease 0.25s; /* Opera 10.5+ */
    -webkit-transition: none 0.5s ease 0.25s; /* Saf3.2+, Chrome */
    -ms-transition: none 0.5s ease 0.25s; /* IE10 */
    transition: none 0.5s ease 0.25s;
    -moz-transition-property: transform, top, left, opacity;
    -o-transition-property: transform, top, left, opacity;
    -webkit-transition-property: transform, top, left, opacity;
    -ms-transition-property: transform, top, left, opacity;
    transition-property: transform, top, left, opacity;
}

#mobile-navigation-icon span,
#mobile-navigation-icon:before,
#mobile-navigation-icon:after {
    background: #555659;
    content: "";
    display: block;
    height: 0.125em;
    left: 0;
    position: absolute;
    width: 1em;
}

.mm-opening #mobile-navigation-icon:before,
.mm-opening #mobile-navigation-icon:after {
    top: 0.25em;
}

.mm-opening #mobile-navigation-icon span {
    left: -2.5em;
    -moz-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

.mm-opening #mobile-navigation-icon:before {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-opening #mobile-navigation-icon:after {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**
 * #scroll-top-icon
 */
#scroll-top-icon {
    display: none;
    font-size: 1.5em;
    height: 0.625em;
    left: 0.33em;
    margin-top: -0.3125em;
    padding-left: 1em;
    position: absolute;
    top: 50%;
}

#scroll-top-icon:before {
    top: 0;
}

#scroll-top-icon:after {
    top: 0.5em;
}

#scroll-top-icon:hover,
#scroll-top-icon:focus {
    text-decoration: none;
}

#scroll-top-icon:focus {
    outline: none;
}

#scroll-top-icon span {
    top: 0.25em;
}

#scroll-top-icon span,
#scroll-top-icon:before,
#scroll-top-icon:after {
    background: #555659;
    content: "";
    display: block;
    height: 0.125em;
    left: 0;
    position: absolute;
    width: 1em;
}

/**
 * #header-logo
 * resizeable on responsive layouts
 */
#header-logo {
    position: static;
    background-image: url(../image/logo_plakat-home.svg);
    background-position: left center;
    background-repeat: no-repeat;
    /*-webkit-background-size: 100% auto;*/
    /*-moz-background-size: 100% auto;*/
    /*background-size: 100% auto;*/
    background-size: contain;
    float: left;
    height: 100%;
    margin-left: 40px;
    max-width: 420px;
    min-width: 134px;
    -moz-transition: none 0.5s ease; /* FF4+ */
    -o-transition: none 0.5s ease; /* Opera 10.5+ */
    -webkit-transition: none 0.5s ease; /* Saf3.2+, Chrome */
    -ms-transition: none 0.5s ease; /* IE10 */
    transition: none 0.5s ease;
    -moz-transition-property: margin, width;
    -o-transition-property: margin, width;
    -webkit-transition-property: margin, width;
    -ms-transition-property: margin, width;
    transition-property: margin, width;
    width: 35%;
    white-space: nowrap;
    z-index: 1;
}

.no-svgasimg #header-logo {
    /*noinspection CssUnknownTarget*/
    background-image: url(../image/logo_plakat-home.png);
}

.header-fixed #header-logo {
    margin-left: 40px;
    max-width: 260px;
}

.header-fixed #header-logo.png {
}

.header-fixed #header-logo.svg {
}

#header-logo a {
    height: auto;
    padding-top: 13%;
    width: 100%;
}

.no-svgasimg #header-logo a {
    padding-top: 0;
}

#header-logo img {
    display: none;
    float: left;
    height: auto;
    width: 100%;
}

.no-svgasimg #header-logo img {
    display: inline;
}

/**
 * #main-navigation
 */
#main-navigation {
    float: right;
    height: 100%;
    -moz-transition: background 0.5s ease; /* FF4+ */
    -o-transition: background 0.5s ease; /* Opera 10.5+ */
    -webkit-transition: background 0.5s ease; /* Saf3.2+, Chrome */
    -ms-transition: background 0.5s ease; /* IE10 */
    transition: background 0.5s ease;
}

#main-navigation .main-navigation-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    width: 100%;
}

#main-navigation ul.navigation > li > a {
    color: var(--header-nav-main-link);
}

#main-navigation ul.navigation > li.current > a {
    color: var(--header-nav-main-link-current);
}

.header-fixed #main-navigation ul.navigation {
    display: none;
}

.header-fixed #main-navigation ul.navigation > li > a {
    display: none;
    color: var(--header-fixed-nav-main-link);
}

.header-fixed #main-navigation ul.navigation > li.current > a {
    color: var(--header-fixed-nav-main-link-current);
}

.header-fixed #main-navigation ul.navigation > li > a:hover {
    color: var(--header-fixed-nav-main-link-hover);
}

#main-navigation ul.navigation {
    margin-top: 1.5em;
}

#main-navigation ul.navigation,
#main-navigation ul.navigation > li,
#main-navigation ul.navigation > li > a {
    height: 100%;
}

#main-navigation ul.navigation > li {
    text-align: center;
}

#main-navigation ul.navigation > li:first-child {
    border-left: none;
}

#main-navigation ul.navigation > li > a {
    display: none;
}

/**
 * #flag-navigation
 */
#flag-navigation {
    display: none;
}

/**
 * #hotline / #header-login
 */
#header-hotline, #header-login {
    display: none;
    background: var(--gradient-gray-background);
    background: -moz-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -webkit-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -o-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -ms-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: linear-gradient(to bottom, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
}

#header-hotline a.whatsapp {
    display: none !important;
}

#header-hotline em {
    display: none;
}

/**
 * #LOGOPOPUP
 */
#header #logopopup {
    display: none;
    position: absolute;
    width: 100%;
    left: 40px;
    bottom: 1px;
}

#header .logopopup-wrapper {
    position: absolute;
    bottom: 0;
}

/*.plakat-start #header #logopopup {*/
/*    display: block;*/
/*}*/

#header .logopopup-wrapper .logopopup-claim {
    display: inline-block;
    position: relative;
    background: var(--color-red);;
    color: var(--color-white);
    border-radius: 1px;
    font-size: .7em;
    padding: 0 4px;
    line-height: 1.4em;
}

/**
 * #footer
 */
.footer-gradient-diagonal {
    background: var(--footer-background);
    background: -moz-linear-gradient(330deg, var(--footer-background) 0%, var(--footer-background) 49%, var(--footer-background-to) 50%, var(--footer-background-to) 100%);
    background: -webkit-linear-gradient(330deg, var(--footer-background) 0%, var(--footer-background) 49%, var(--footer-background-to) 50%, var(--footer-background-to) 100%);
    background: -o-linear-gradient(330deg, var(--footer-background) 0%, var(--footer-background) 49%, var(--footer-background-to) 50%, var(--footer-background-to) 100%);
    background: -ms-linear-gradient(330deg, var(--footer-background) 0%, var(--footer-background) 49%, var(--footer-background-to) 50%, var(--footer-background-to) 100%);
    background: linear-gradient(330deg, var(--footer-background) 0%, var(--footer-background) 49%, var(--footer-background-to) 50%, var(--footer-background-to) 100%);
}

.footer-gradient-flat {
    background: var(--footer-background);
    background: linear-gradient(to right, var(--footer-background) 0%, var(--footer-background) 87%, var(--footer-background-to) 100%);
}



#footer {
    position: relative;
    color: var(--footer-color);
    /*margin-top: 2.5em;*/
    padding-top: 2em;
    min-height: 13em;
    padding-bottom: 2em;
}

/*.tsbadge-loaded #footer {*/
/*    padding-bottom: 3.5em;*/
/*}*/

.footer-content {
    padding: 0 1.55em;
}

#footer-content > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 1.55em;
    padding-left: 0;
    padding-top: 1.55em;
    border-top: 1px solid var(--footer-nav-border);
}

.footer-content nav {
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 1.55em;
    padding-left: 0;
}

#footer-content > *:empty {
    border: none;
    margin: 0;
    padding: 0;
}

#footer-content > *:first-child {
    border: none;
}

#footer-content > *:last-child {
    clear: none;
    padding-bottom: 0;
}

.no-lastchild #footer-content > .social-media {
    clear: none;
    padding-bottom: 0;
}

.no-nthchild #footer-content > .social-media + * {
    clear: both;
    padding-left: 0;
}

.footer-content a {
    color: var(--footer-nav-content-color);
}

.footer-content ul.navigation > li {
    clear: left;
    /*margin-top: 0.375em; !important*/
    margin-top: 0.5em !important;
    font-size: 1em;
    padding: 0 20px 0 20px;
    text-decoration: none;
    margin-left: 0;
    border-radius: 1px;
    width: auto;
    /*width: 100%;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-content ul.navigation > li a:hover,
.footer-content ul.navigation > li a:focus {
    color: var(--footer-nav-content-hover-color);
}

.footer-content ul.navigation > li:before {
    padding-top: 4px;
}

.footer-content ul.navigation > li:first-child,
.footer-content ul.navigation > li:first-child a,
.footer-content ul.navigation > li:first-child em {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.footer-content ul.navigation > li:first-child:before {
    content: "";
}

.footer-content ul.navigation > li a {
    display: block;
    width: 100%;
    padding: 4px 0 10px 10px;
}

.footer-content ul.navigation > li em {
    display: block;
    font-style: normal;
    text-transform: uppercase;
    color: var(--footer-nav-headline-color);
    font-size: 1.2rem;
    margin-bottom: 1em !important;
}

.footer-content ul.navigation li:before {
    /*content: "\f054";*/
    content: "\f101";
    font: normal normal normal 1.1em/1 FontAwesome;
    margin-left: -1em;
    margin-top: 0.1em;
    position: absolute;
    text-rendering: auto;
    width: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--footer-nav-headline-color);;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    justify-content: center;
}

.footer-row > span {
    position: absolute;
    text-transform: uppercase;
    font-style: normal;
    color: #555659;
    font-size: 1.2rem;
}

#footer-image {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -html-justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 3rem;
}

#footer-image > * {
    padding-bottom: .5rem;
}

.footer-img-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 1.5em;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    -o-justify-content: space-evenly;
    -html-justify-content: space-evenly;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer-img {
    margin: .5em .5em;
    cursor: pointer;
    /*width: 120px;*/
    /*height: 60px;*/
}

.footer-img:empty {
    display: none;
}

#footer .row.row-icons a,
#footer .row.row-cookie-settings a {
    color: var(--footer-nav-content-color);
}

#footer .row.row-icons a:hover,
#footer .row.row-cookie-settings a:hover {
    color: var(--footer-nav-content-color);
}

#ssl-site-seal {
    /*noinspection CssUnknownTarget*/
    background: url(../image/SicherEinkaufen_AdobeStock_31471897.png) no-repeat center;
    background-size: contain;
}

#trustedshops-siegel {
    /*noinspection CssUnknownTarget*/
    background: url(../image/TrustedShops-rgb-Siegel_120Hpx.png) no-repeat center;
    background-size: contain;
}

/*.footer-img.payment {*/
/*    background-repeat: no-repeat;*/
/*    background-size: 120px 255px;*/
/*    height: 60px;*/
/*    text-indent: -9999em;*/
/*}*/

/*.footer-img.payment.de {*/
/*    !*noinspection CssUnknownTarget*!*/
/*    background-image: url(../image/Payment-Icons-Stripe-de@2x.png);*/
/*}*/

/*.footer-img.payment.en {*/
/*    !*noinspection CssUnknownTarget*!*/
/*    background-image: url(../image/Payment-Icons-Stripe-en@2x.png);*/
/*}*/

/*#payment-sepa {*/
/*    background-position: 0 0;*/
/*}*/

/*#payment-vorkasse {*/
/*    background-position: 0 -65px;*/
/*}*/

/*#payment-rechnung {*/
/*    background-position: 0 -130px;*/
/*}*/

/*#payment-paypal {*/
/*    background-position: 0 -195px;*/
/*}*/

#footer .row.row-navigation,
#footer .row.row-icons,
#footer .row.row-cookie-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

#footer .row.row-navigation a,
#footer .row.row-icons a {
    font-size: 1.1em;
}

#footer .row.row-icons,
#footer .row.row-cookie-settings {
    margin-top: 2em;
    padding: 0 1.55em;
}

#footer .row .col-1 {
    width: 100%;
}

#footer .row .col-2 {
    width: 100%;
}

.payment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    width: 100%;
}

.payment > div {
    display: block;
    text-align: center;
    width: 50%;
}

.payment > div:last-child {
    margin-right: 0;
}

.payment a {
    display: inline-block;
    /*display: flex;*/
    /*align-items: center;*/
    color: var(--footer-nav-content-color);
}

.payment a:nth-of-type(-n + 2) {
    margin-bottom: 1em;
}

.payment span {
    /*display: inline-block;*/
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    /*margin-right: .5em;*/
    margin-bottom: .5em;
}

.payment .payment-sepa {
    background-image: url(../image/SEPA.png);
}
.payment .payment-vorkasse {
    background-image: url(../image/Vorkasse.png);
}
.payment .payment-rechnung {
    background-image: url(../image/Rechnung.png);
}
.payment .payment-paypal {
    background-image: url(../image/PayPal.png);
}


.social-media {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 2.5em;
}

.social-media .shariff {
    order: 2;
}

.social-media .social-addition {
    order: 1;
}

.social-media .shariff li a span.fab.fa-facebook-f:before,
.social-media .shariff li a span.fab.fa-linkedin-in:before,
.social-media .shariff li a span.fab.fa-xing:before,
.social-media a span.fab.fa-instagram:before {
    content: "";
    display: none;
}

.social-media .shariff li a span.fab.fa-facebook-f,
.social-media .shariff li a span.fab.fa-linkedin-in,
.social-media .shariff li a span.fab.fa-xing,
.social-media a span.fab.fa-instagram {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
}

.social-media .shariff li a span.fab.fa-facebook-f {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>');
}

.social-media .shariff li a span.fab.fa-linkedin-in {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>');
}

.social-media .shariff li a span.fab.fa-xing {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM93.8 320.2c-5.5 0-8.7-5.3-6-10.3l49.3-86.7c.1 0 .1-.1 0-.2l-31.4-54c-3-5.6 .2-10.1 6-10.1h46.6c5.2 0 9.5 2.9 12.9 8.7l31.9 55.3c-1.3 2.3-18 31.7-50.1 88.2c-3.5 6.2-7.7 9.1-12.6 9.1H93.8zm163.5-33.4v.2l65.5 119c2.8 5.1 .1 10.1-6 10.1H270.2c-5.5 0-9.7-2.9-12.9-8.7l-66-120.3c1.8-3.2 22.9-40.4 63.3-111.6c11.7-20.7 25.1-44.3 40.1-70.8c3.3-5.8 7.4-8.7 12.5-8.7h46.9c5.7-.1 8.8 4.7 6 10L257.3 286.8z"/></svg>');
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8 .3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1 .2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z"/></svg>');*/
}

.social-media a span.fab.fa-instagram {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7 53.3 53.3 0 1 0 -59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9 .1-11.2 .1c-3.3 0-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1c3.3 0 7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83l0 0c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5A82 82 0 1 1 178.4 324.2a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5l0 0c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM357 389c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z"/></svg>');
}

.social-media .shariff li .share_count,
.social-media .shariff li .share_text {
    display: none !important;
    /*font-family: "Kelson Sans", sans-serif;*/
    /*font-size: 1em;*/
    /*display: inline !important;*/
    /*text-indent: 0 !important;*/
}

.social-media .shariff .orientation-vertical {
    min-width: 8.75em;
}

.social-media .shariff .orientation-vertical li:last-child {
    margin-bottom: 0;
}

.social-media .shariff .orientation-horizontal {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.social-media .shariff .orientation-horizontal > li + li {
    margin-top: 0;
}

.social-media .shariff .orientation-horizontal li {
    width: 100%;
}

.social-media .shariff .youtube a {
    background-color: #e63b12;
}

.social-media .shariff .youtube a:hover {
    background-color: #e62117;
}

.social-media .shariff .youtube .fa-youtube-play {
    font-size: 22px;
}

.social-media .social-addition,
.social-media .shariff ul {
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.social-media .shariff .orientation-vertical li,
.shariff li, .shariff li a,
.social-media .social-addition a {
    width: 40px !important;
    height: 40px !important;
    margin: 0;
}

.social-media .shariff .facebook a,
.social-media .shariff .xing a,
.social-media .shariff .linkedin a {
    background-color: transparent !important;
}

#social-media-vertical {
    display: none;
    float: right !important;
}

#social-media-horizontal {
    margin-top: 2em;
    padding: 0 1.55em;
}

#social-media-horizontal .shariff.sticky {
    padding-top: 3em;
}

#social-media-horizontal .shariff li a {
    width: 100%;
}

#social-media-horizontal .shariff li .share_count,
#social-media-horizontal .shariff li .share_text {
    line-height: 35px;
}

.cookie-settings > * {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}

.cookie-settings span {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
    margin-right: .5em;
}

.cookie-settings .fa-cookie-bite {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23FFFFFF" d="M257.5 27.6c-.8-5.4-4.9-9.8-10.3-10.6c-22.1-3.1-44.6 .9-64.4 11.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9c-.9-5.3-5.3-9.3-10.6-10.1c-51.5-8.2-92.8-47.1-104.5-97.4c-1.8-7.6-8-13.4-15.7-14.6c-54.6-8.7-97.7-52-106.2-106.8zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>');
}

#footer-disclaimer {
    font-size: .9em;
    line-height: 1.4em;
    padding: 0 0.5rem;
    text-align: center;
    margin-top: 1.5em;
}

/**
 * #footer-hotline
 */
#footer-hotline {
    font-size: 1.1em;
    bottom: 0.5em;
    position: fixed;
    right: 0.5em;
    -webkit-box-shadow: 2px 2px 2px 0 var(--box-shadow-color);
    -moz-box-shadow: 2px 2px 2px 0 var(--box-shadow-color);
    box-shadow: 2px 2px 2px 0 var(--box-shadow-color);
    background: var(--gradient-gray-background);
    background: -moz-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -webkit-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -o-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: -ms-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
    background: linear-gradient(to bottom, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);
}

#footer-hotline a {
    color: var(--color-blue);
    display: inline-block;
    padding: 0.7em;
}

#footer-hotline a.whatsapp {
    background-color: #5cbe4a;
    color: #fff;
}

#footer-hotline em {
    display: none;
}

/**
 * #page-hero
 */
#page-hero {
    display: none;
    position: relative;
    height: var(--pagehero-height);
    width: 100%;
    margin: 0 auto;
    z-index: 300;
    box-sizing: border-box;
}
body:not(.dataselection) .start #page-hero {
    display: block;
}
html.confirm-ready #page-hero {
    display: block;
}

body.citysaved.datessaved #page:not(.start, .locations, .basket, .basketproceed, .designer, .map, .designerupload, .designerlater, .printdatamanager) #page-hero {
    display: block !important;
    position: fixed;
    top: calc((var(--header-height) + (var(--pagetop-height) * 2) + var(--buttonareatop) + var(--pageheader-height)) - var(--pagehero-height));
}

#page-hero.hero-picture {
    max-height: 470px;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: cover;
    /*noinspection CssUnknownTarget*/
    background-image: url(../image/hero-background-648x214.png);
}

.header-fixed .button-area #page-hero {
    border-bottom: 1px solid var(--border-bottom-color);
}

.header-fixed body:not(.dataselection) .start #page-hero {
    margin-top: var(--pagetop-height);
}

.header-fixed body:not(.dataselection).citysaved .start #page-hero {
    margin-top: calc((var(--pagetop-height) / 2) - 15px);
}

.header-fixed .button-area #page-hero {
    display: block;
    position: fixed;
    top: calc((var(--header-height) + var(--section-pagetop-top-margin) + (var(--pagetop-height) * 1.8) + var(--buttonareatop)) - var(--pagehero-height));
}

.header-fixed .dataselection .start #page-hero {
    display: block;
    position: fixed;
    top: calc((var(--header-height) + var(--section-pagetop-top-margin) + var(--pagetop-height) + var(--buttonareatop)) - var(--pagehero-height));
}

.header-fixed body.citysaved .start #page-hero {
    top: 0;
}

.header-fixed body.citysaved .button-area #page-hero {
    top: calc((var(--header-height) + var(--section-pagetop-top-margin) + var(--pagetop-height) + var(--buttonareatop)) - var(--pagehero-height));
}

.header-fixed body.citysaved.datessaved .start #page-hero {
    top: 0;
}

.header-fixed body.citysaved.datessaved #page-hero {
    position: fixed;
    display: block;
}

.header-fixed body.citysaved.datessaved .start #page-hero {
    top: calc((var(--header-height) + (var(--pagetop-height) * 2) + var(--buttonareatop)) - (var(--pagehero-height) + var(--section-pagetop-top-margin))) !important;
}
.header-fixed body.citysaved.datessaved #page-hero {
    top: calc((var(--header-height) + var(--section-pagetop-top-margin) + (var(--pagetop-height) * 2) + var(--buttonareatop)) - var(--pagehero-height)) !important;
}

.header-fixed body.citysaved.datessaved .button-area #page-hero {
    top: calc((var(--header-height) + var(--section-pagetop-top-margin) + (var(--pagetop-height) * 2) + var(--buttonareatop)) - var(--pagehero-height));
}

.header-fixed .basketproceed.button-area #page-hero {
    top: calc((var(--header-height) + var(--pageheader-height) + var(--buttonareatop)) - var(--pagehero-height));
}

#page-hero #navigation-top {
    display: none;
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: auto;
    justify-content: space-between;
}

/**
 * #page-header
 */
#page-header {
    position: relative;
    display: block;
    width: 100%;
    z-index: 300;
}

body:not(.dataselection) .start #page-header {
    display: none;
}

#page-header div {
    position: relative;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    width: 100%;
    margin-right: 0;
    padding: 10px;
    font-size: 1.4em;
    box-sizing: border-box;
    color: var(--pager-header-color);
    background: var(--pager-header-background);
    background: -moz-linear-gradient(330deg, var(--pager-header-background) 0%, var(--pager-header-background) 49%, var(--pager-header-background-to) 50%, var(--pager-header-background-to) 100%);
    background: -webkit-linear-gradient(330deg, var(--pager-header-background) 0%, var(--pager-header-background) 49%, var(--pager-header-background-to) 50%, var(--pager-header-background-to) 100%);
    background: -o-linear-gradient(330deg, var(--pager-header-background) 0%, var(--pager-header-background) 49%, var(--pager-header-background-to) 50%, var(--pager-header-background-to) 100%);
    background: -ms-linear-gradient(330deg, var(--pager-header-background) 0%, var(--pager-header-background) 49%, var(--pager-header-background-to) 50%, var(--pager-header-background-to) 100%);
    background: linear-gradient(330deg, var(--pager-header-background) 0%, var(--pager-header-background) 49%, var(--pager-header-background-to) 50%, var(--pager-header-background-to) 100%);
}

.header-fixed #page-header {
    position: fixed;
    top: var(--header-height);
    max-height: var(--pagetop-height);
    overflow: hidden;
}

#page-header .close-x:after,
#page-header .close-x:before {
    background-color: var(--pager-header-color);
}

.dataselection #page-header {
    display: block;
}

html.confirm-ready #page-header {
    display: none;
}

/**
 * #page-top
 */
#page-top {
    position: relative;
    max-width: var(--max-page-width);
    margin: 0 auto;
    z-index: 311;
    box-sizing: border-box;
}

/*body.citysaved #page:not(.start) #page-top {*/
/*    height: var(--pagetop-height);*/
/*}*/
/*body.citysaved.datessaved #page:not(.start) #page-top {*/
/*    height: calc(var(--pagetop-height) * 2);*/
/*}*/

.header-fixed #page-top {
    position: sticky;
    padding-left: 0;
    top: calc(var(--header-height) + var(--section-pagetop-top-margin));
}

.header-fixed body:not(.dataselection) #page.start #page-top {
    top: var(--header-height);
}


/**
 * #page-content #content
 */
#content {
    -moz-hyphens: auto;
    hyphens: auto;
}

#content > div[id^="tx-"] {
    max-width: var(--max-page-width);
    margin: 0 auto;
    box-sizing: border-box;
}

#content.flex-container.csc-default {
    max-width: 100%;
}

body.citysaved.datessaved #page:not(.start, .locations, .basket, .basketproceed, .designer, .map, .designerupload, .designerlater, .printdatamanager) #content {
    margin-top: var(--buttonareatop);
}

.header-fixed  #content {
    position: relative;
}

.header-fixed #page:not(.start) #content {
    margin-top: calc(var(--pagetop-height) + var(--section-pagetop-top-margin) + var(--content-margin-buffer));
}

.header-fixed .button-area #content {
    margin-top: calc((var(--pagetop-height) + var(--section-pagetop-top-margin) + var(--buttonareatop)) + var(--content-margin-buffer)) !important;
}

.header-fixed .citysaved.datessaved .start #content {
    margin-top: 0;
}

.header-fixed .citysaved.datessaved #content {
    margin-top: calc((var(--pagetop-height) * 2) + var(--section-pagetop-top-margin) + var(--content-margin-buffer)) !important;
}

.header-fixed .citysaved.datessaved .button-area #content {
    margin-top: calc((var(--pagetop-height) * 2) + var(--section-pagetop-top-margin) + var(--content-margin-buffer)) !important;
}

.header-fixed .basketproceed.button-area  #content {
   margin-top: calc(var(--header-height) + var(--pagetop-height) + var(--buttonareatop)) !important;
}

/**
 * #page-content #content-left
 */
#content-left {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

/**
 * #page-content #content-normal
 */
#content-normal {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-right: 0;
    /*padding: 0 1% 2.5em;*/
    padding-bottom: 2.5em;
    background-color: var(--background-color);
    box-sizing: border-box;
}

#page.style-1 #content-normal {
    padding-bottom: 0;
}

/*#content-normal {*/
/*    padding-left: 0;*/
/*    padding-right: 0;*/
/*}*/

#content-normal .csc-default {
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
}

#content-normal .csc-header.csc-header-n1 {
    /*margin: 0;*/
    /*width: 100%;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a1+0,919395+100 */
    /*background: #9fa0a1; !* Old browsers *!*/
    /*!* IE9 SVG, needs conditional override of 'filter' to 'none' *!*/
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYTBhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTkzOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(top, #9fa0a1 0%, #919395 100%); !* FF3.6-15 *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fa0a1), color-stop(100%, #919395)); !* Chrome4-9,Safari4-5 *!*/
    /*background: -webkit-linear-gradient(top, #9fa0a1 0%, #919395 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: -o-linear-gradient(top, #9fa0a1 0%, #919395 100%); !* Opera 11.10-11.50 *!*/
    /*background: -ms-linear-gradient(top, #9fa0a1 0%, #919395 100%); !* IE10 preview *!*/
    /*background: linear-gradient(to bottom, #9fa0a1 0%, #919395 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
}

#content-normal li {
    margin-bottom: 1em;
}

#content-normal li:last-of-type {
    margin-bottom: 0;
}

#content-normal .multicolumn.csc-default {
    padding-left: 2%;
    padding-right: 2%;
    margin: 0 auto !important;
}

#content-normal .multicolumn .csc-textpic-intext-left > div,
#content-normal .multicolumn .csc-textpic-intext-left-nowrap > div,
#content-normal .multicolumn .csc-textpic-intext-right > div,
#content-normal .multicolumn .csc-textpic-intext-right-nowrap > div {
    margin-left: 0;
    margin-right: 0;
}

#content-normal .multicolumn .csc-textpic-text {
    position: relative;
    bottom: 0;
    padding: 0 5%;
}

#content-normal .multicolumn .csc-textpicHeader *,
#content-normal .multicolumn .csc-textpicHeader h1,
#content-normal .multicolumn .csc-textpicHeader h2,
#content-normal .multicolumn .csc-textpicHeader h3,
#content-normal .multicolumn .csc-textpicHeader h1:first-line {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.3rem;
    width: 98%;
}

/**
 * csc-textpic
 */
#content-normal .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: .5em 0;
}

#content-normal div.csc-textpic-imagewrap {
    width: 100%;
}

#content-normal div.csc-textpic .csc-textpic-imagerow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#content-normal div.csc-textpic.csc-textpic-left .csc-textpic-imagerow {
    align-content: flex-start;
    justify-content: space-between;
}

/**
 * #page-content #content-tiles
 */
#content-tiles {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    padding-top: 5%;
    margin: 0 auto;
    width: 100%;
    max-width: var(--max-page-width);
    box-sizing: border-box;
    background-color: var(--background-color);
}

#content-tiles > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content-tiles > ul.flex-container {
    justify-content: center;
}

/* geberatet empty a-tags from typo3 */
#content-normal > a[id^="c"],
#content-normal > ul > a[id^="c"],
#content-normal .columnItems a[id^="c"],
#content-tiles > ul > a[id^="c"] {
    display: none;
}

#content-tiles > ul > li {
    margin-bottom: 5%;
    margin-right: 1%;
    list-style: none;
    align-self: stretch;
}

#content-tiles > ul > li:nth-of-type(2n) {
    margin-right: 0;
}

/*#content-tiles ul.flex-container {*/
/*    justify-content: space-between;*/
/*}*/

#content-tiles .csc-textpic-imagewrap.csc-textpic-single-image {
    background-color: var(--color-white);
}

#content-tiles .csc-textpic-single-image,
#content-normal .csc-textpic-single-image,
#content-tiles .csc-textpic-single-imagewrap,
#content-normal .csc-textpic-single-imagewrap {
    height: 90.393%;
    width: 100%;
    overflow: hidden;
}

#content-tiles .csc-textpic-intext-left .csc-textpic-imagewrap,
#content-tiles .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
#content-tiles .csc-textpic-intext-right .csc-textpic-imagewrap,
#content-tiles .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
#content-normal .csc-textpic-intext-left .csc-textpic-imagewrap,
#content-normal .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
#content-normal .csc-textpic-intext-right .csc-textpic-imagewrap,
#content-normal .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
}

#content-normal .csc-textpic .csc-textpic-single-image img,
#content-tiles .csc-textpic .csc-textpic-single-image img {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
}

#content-normal div[id^='c'] .csc-textpic .csc-textpic-single-image img {
    border-radius: 4px;
}

#content-normal .csc-textpic-single-image > a > img,
#content-tiles .csc-textpic-single-image > a > img {
    height: 100%;
    width: 100%;
}

#content-tiles .csc-textpic-intext-left > div,
#content-tiles .csc-textpic-intext-left-nowrap > div,
#content-tiles .csc-textpic-intext-right > div,
#content-tiles .csc-textpic-intext-right-nowrap > div,
#content-normal .csc-textpic-intext-left > div,
#content-normal .csc-textpic-intext-left-nowrap > div,
#content-normal .csc-textpic-intext-right > div,
#content-normal .csc-textpic-intext-right-nowrap > div {
    margin-left: 0;
    margin-right: 0;

}

#content-normal .csc-textpic-text,
#content-tiles .csc-textpic-text {
    position: relative;
    bottom: 0;
}

#content-tiles .csc-textpic-text {
    padding: 0 5%;
}

#content-tiles .csc-textpicHeader *,
#content-tiles .csc-textpicHeader h1,
#content-tiles .csc-textpicHeader h2,
#content-tiles .csc-textpicHeader h3,
#content-tiles .csc-textpicHeader h1:first-line,
#content-normal .csc-textpicHeader *,
#content-normal .csc-textpicHeader h1,
#content-normal .csc-textpicHeader h2,
#content-normal .csc-textpicHeader h3,
#content-normal .csc-textpicHeader h1:first-line {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.3rem;
    width: 98%;
    /*margin-bottom: 0;*/
}

#content-tiles .csc-textpic-text p {
    font-size: .9em;
    line-height: 1em;
    margin: 0;
    padding-top: 3%;
}

/**
 *  tools
 */
#content-tiles .tools .csc-textpic-imagewrap.csc-textpic-single-image {
    /*yellow-gradient*/
    background: #F9B701; /* Old browsers */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6ac0d+0,eaa102+100 */
    background: url(data:image/svg+xml;base64,ICAgICAgIAo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjYwMHB4IiBoZWlnaHQ9IjIwMHB4IiA+CiAgPGRlZnM+CiAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGdyYWQiIHgxPSI3OSUiIHkxPSIxMDAlIiB4Mj0iMjElIiB5Mj0iMCUiID4KICAgIAogICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDI0OSwxODMsMSk7c3RvcC1vcGFjaXR5OjEuMDAiIC8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDI0OSwxODMsMSk7c3RvcC1vcGFjaXR5OjEuMDAiIC8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDI1MCwxOTYsMSk7c3RvcC1vcGFjaXR5OjEuMDAiIC8+CiAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNTAsMTk2LDEpO3N0b3Atb3BhY2l0eToxLjAwIiAvPgoKICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjbGdyYWQpIi8+Cjwvc3ZnPgogICAgICAgICAgICA=);
    /* Permalink - use to edit and share this gradient: http://angrytools.com/gradient/?0_eaa102,100_f6ac0d,50_f6ac0d,49_eaa102&0_100,100_100&l_120 */
    background:-moz-linear-gradient(330deg, #F9B701 0%, #F9B701 49%, #FAC401 50%, #FAC401 100%);
    background:-webkit-linear-gradient(330deg, #F9B701 0%, #F9B701 49%, #FAC401 50%, #FAC401 100%);
    background:-o-linear-gradient(330deg, #F9B701 0%, #F9B701 49%, #FAC401 50%, #FAC401 100%);
    background:-ms-linear-gradient(330deg, #F9B701 0%, #F9B701 49%, #FAC401 50%, #FAC401 100%);
    background:linear-gradient(330deg, #F9B701 0%, #F9B701 49%, #FAC401 50%, #FAC401 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9B701', endColorstr='#FAC401', GradientType=1 );
}

#content-tiles .tools .csc-textpic .csc-textpic-single-image img {
    height: 70px;
    width: 70px;
}

#content-tiles .tools div.csc-textpic-center .csc-textpic-center-inner,
#content-tiles .tools div.csc-textpic-center .csc-textpic-center-outer {
    float: left;
    right: 0;
    width: 100%;
}

#content-tiles .tools div.csc-textpic .csc-textpic-imagewrap figure {
    width: 100%;
}

#content-tiles .tools .csc-textpic .csc-textpic-single-image a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: 1em 0;
}

#content-tiles .tools .csc-textpic-text {
    padding: 0;
}

/**
 * support
 */
#content-tiles .support .csc-textpic-text {
    padding: 0;
}

#content-normal .multicontainer-support {
    margin-top: 3em;
}

#content-tiles .support .csc-textpic-imagewrap img,
#content-normal .support .csc-textpic-imagewrap img {
    border-radius: 4px;
}

/**
 * media
 */
/*#content-tiles .media {*/
/*    height: 100%;*/
/*    background-color: var(--color-media);*/
/*    color: var(--color-white);*/
/*    padding-bottom: .3em;*/
/*    !*min-height: 21.5em;*!*/
/*    min-height: 18.5em;*/
/*}*/

#content-tiles .media {
    min-height: 18.5em;
}

#content-normal .media {
    min-height: 20em;
}

#content-tiles .media,
#content-normal .media {
    height: 100%;
    background-color: var(--color-media);
    color: var(--ci-color-3);
    padding-bottom: .3em;
    border-radius: 4px;
}

#content-normal .multicontainer-media .columnItem.listItemLast {
    margin-right: 0;
}


/**
 * media-digital
 */
/*#content-tiles .media-digital {*/
/*    height: 100%;*/
/*    background-color: var(--color-media-digital);*/
/*    color: var(--color-white);*/
/*    padding-bottom: .3em;*/
/*}*/

#content-tiles .media-digital,
#content-normal .media-digital {
    height: 100%;
    background-color: var(--color-media-digital);
    color: var(--ci-color-3);
    padding-bottom: .3em;
    border-radius: 4px;
    min-height: 17em;
}

/**
 * multicolumn
 */
#content-normal .multicontainer-media .media .csc-textpic-text .bodytext,
#content-normal .multicontainer-support .support .csc-textpic-text .bodytext,
#content-normal .multicontainer-mediadigital .media-digital .csc-textpic-text .bodytext {
    margin-top: 0;
}

#content-tiles .multicolumnContainer.multicontainer-media .columnItem {
    /*min-height: 19.5em;*/
}

#content-tiles .multicolumnContainer li {
    margin-bottom: .5em;
}

#content-tiles .multicolumnContainer.multicontainer-tools .columnItems {
    width: 100%;
}

#content-tiles .multicolumnContainer .columnItems .columnItem {
    margin-bottom: .5em;
}

 #content-normal .multicontainer-support .columnItems,
 #content-normal .multicontainer-media .columnItems,
 #content-normal .multicontainer-mediadigital .columnItems {
    justify-content: space-between;
}

#content-normal .multicontainer-support .csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
#content-normal .multicontainer-media .csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
#content-normal .multicontainer-mediadigital .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0
}

#content-normal .multicontainer-tools .tools {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
}

 #content-normal .tools .csc-textpic-text,
 #content-normal .media .csc-textpic-text,
 #content-normal .support .csc-textpic-text {
    margin-top: 0;
    padding: 0;
}

#content-normal .tools .csc-textpic-text .bodytext,
#content-normal .media .csc-textpic-text .bodytext,
#content-normal .support .csc-textpic-text .bodytext,
#content-normal .media-digital .csc-textpic-text .bodytext {
    font-size: 100%
}

 #content-normal .media .csc-textpic-text .bodytext,
 #content-normal .media-digital .csc-textpic-text .bodytext {
    text-align: justify;
    text-align-last: left;
}

 #content-normal .media-digital .csc-textpic-text,
 #content-normal .media .csc-textpic-text {
    padding: 0 2%;
}

 #content-tiles .tools .csc-textpic-imagewrap,
 #content-tiles .support .csc-textpic-imagewrap,
 #content-normal .tools .csc-textpic-imagewrap,
 #content-normal .support .csc-textpic-imagewrap {
    border-radius: 4px;
}

 #content-tiles .media-digital .csc-textpic-imagewrap,
 #content-tiles .media .csc-textpic-imagewrap,
 #content-normal .media-digital .csc-textpic-imagewrap,
 #content-normal .media .csc-textpic-imagewrap {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#content-normal .support .csc-textpic-imagewrap.csc-textpic-single-image,
#content-normal .media-digital .csc-textpic-imagewrap.csc-textpic-single-image,
#content-normal .media .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: 0;
}

 #content-normal .tools .csc-textpic,
 #content-normal .support .csc-textpic {
    text-align: center;
    text-wrap: balance;
}

 #content-normal .media .csc-textpic,
 #content-normal .media-digital .csc-textpic {
    text-align: left;
}

 #content-normal .support,
 #content-normal .media,
 #content-normal .media-digital {
    position: relative;
}

 #content-normal .support .csc-header h3,
 #content-normal .media .csc-header h3,
 #content-normal .media-digital .csc-header h3 {
    padding: 0;
    margin: 0;
}

 #content-normal .multicontainer-mediadigital .columnItem,
 #content-normal .multicontainer-media .columnItem {
    margin-top: 1%;
}


/**
 * multicontainer-bulleted-list
 */
#content-normal .multicontainer-bulleted-list {
    justify-content: space-around;
    margin-top: 1.5em;
}

#content-normal .multicontainer-bulleted-list .columnItems {
    width: 100%;
}

#content-normal .multicontainer-bulleted-list.columnCount5 li {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}

#content-normal .bulleted-list {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

#content-normal .multicontainer-bulleted-list li.listItemLast .bulleted-list {
    margin-bottom: 0;
}

#content-normal .bulleted-list p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--ci-color-3);
    font-size: 100%;
    font-weight: bold;
}

#content-normal .bulleted-list .csc-textpic .csc-textpic-text {
    margin-top: 1em;
}

#content-normal .bulleted-list .csc-textpic .csc-textpic-single-image img {
    max-height: 85px;
    max-width: 85px;
}

/* multicontainer-bulleted-list end */



/**
* button-area-top / button-area-bottom
*/
.button-area-top,
.button-area-bottom {
    width: 100%;
    justify-content: space-between !important;
    box-sizing: border-box;
}

.button-area-top {
    margin: 5px 0 !important;
}

.button-area-top .csc-mailform-submit-top,
.button-area-bottom .csc-mailform-submit-bottom {
    order: 2 !important;
    margin-left: auto;
}

.button-area-top .csc-mailform-cancel-top,
.button-area-bottom .csc-mailform-cancel-bottom {
    order: 1 !important;
    margin-right: auto;
}

.button-area-bottom {
    margin-top: 15px !important;
}

.header-fixed .button-area-top {
    position: fixed;
    left: 0;
    top: calc(var(--header-height) + var(--section-pagetop-top-margin) + (var(--pagetop-height) * 1.8));
    padding: 5px !important;
    margin: 0 !important;
    z-index: 310;
}

.header-fixed .citysaved .button-area-top {
    top: calc(var(--header-height) + var(--section-pagetop-top-margin) + var(--pagetop-height) );
}

.header-fixed .citysaved.datessaved .button-area-top {
    top: calc(var(--header-height) + var(--section-pagetop-top-margin) + (var(--pagetop-height) * 2)  );
}

.header-fixed .basketproceed .button-area-top {
    top: calc(var(--header-height) + var(--pageheader-height));
}

/* tips-poster-design begin */
.tips-poster-design.columnCount1 li .columnItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tips-poster-design.columnCount1 li .columnItems .columnItem {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
}

.tips-poster-design .csc-header h3,
.tips-poster-design .csc-header h4 {
    padding: 0 3%;
}

.tips-poster-design {
    margin-top: 3%;
    margin-bottom: 2%;
}

.tips-poster-design .csc-default {
    border: 1px solid var(--border-color);
    background-color: var(--body-background-color);
}

.tips-poster-design .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: 0 !important;
}

.tips-poster-design .csc-textpic-text {
    padding: 3%;
}

.tips-poster-design .csc-textpic-text p {
    margin: 0;
}

.tips-poster-design .csc-textpic-text p:first-of-type {
    margin-top: -.9em;
    margin-bottom: .5em;
    font-size: 90%;
}

.page-tips-poster-design .csc-uploads {
    padding: 2%;
    background: #e8e8e8;
}
/* tips-poster-design end */

/* on-top-content begin */
#on-top-content {
    position: relative;
    width: 100%;
    background-color: rgba(213,207,207,.64);
    margin: .5em 0;
}

.on-top-content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
/* on-top-content end */

#content-normal .multicontainer-tools li {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/*!* planungstools begin *!*/
/*#content-normal .multicontainer-tools {*/
/*    margin-top: 5%;*/
/*}*/

/*#content-normal .multicontainer-tools .tools {*/
/*    border: 1px solid #cdcdcd;*/
/*    position: relative;*/
/*    display: block;*/
/*    !*min-height: 26em;*!*/
/*    box-sizing: border-box;*/
/*    width: 100%;*/

/*    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);*/
/*    background-image: -webkit-linear-gradient(rgb(244, 244, 244) 0%, rgb(205, 205, 205) 100%);*/
/*    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);*/
/*    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);*/
/*    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);*/
/*    border-radius: 0;*/
/*}*/

/*#content-normal .multicontainer-tools .tools .csc-header {*/
/*    position: absolute;*/
/*    top: calc(100vw * 0.575);*/
/*    z-index: 1;*/
/*    padding: 0 2%;*/
/*    background: white;*/
/*    opacity: .8;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*}*/

/*#content-normal .multicontainer-tools .tools .csc-header .csc-firstHeader {*/
/*    padding: 2% 0;*/
/*    margin: 0;*/
/*    font-size: 1.64em;*/
/*}*/

/*#content-normal .multicontainer-tools .tools .csc-textpic-imagewrap {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    max-height: 200px;*/
/*    margin: 0 !important;*/
/*}*/

/*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
/*    display: block;*/
/*    margin-top: calc((100vw * 0.575) + 3.5em);*/
/*    padding: 0 2%;*/
/*    box-sizing: border-box;*/
/*}*/

/*#content-normal .multicontainer-tools .tools .csc-textpic-text .bodytext {*/
/*    font-size: 1.2em;*/
/*}*/
/*!* planungstools end *!*/


/**
* multicontainer-tools tools
*/
#content-normal .multicontainer-tools {
    margin-top: 5%;
}

#content-normal .tools {
    background: none;
    border: none;
    box-shadow: none;
    min-height: auto !important;
    margin-top: 5%;
}

#content-normal .tools .csc-textpic-imagewrap.csc-textpic-single-image {
    margin: .5em 0;
}

#content-normal .tools .csc-textpic .csc-textpic-single-image a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}

#content-normal .tools .csc-textpic-imagewrap {
    position: relative;
    width: 85%;
    margin: 0 auto !important;
}

#content-normal .tools .csc-header .csc-firstHeader {
    font-size: 1.1rem;
    line-height: 1.3rem;
}

#content-normal .tools div.csc-textpic-center .csc-textpic-center-inner,
#content-normal .tools div.csc-textpic-center .csc-textpic-center-outer {
    float: left;
    right: 0;
    width: 100%;
}

#content-normal .tools div.csc-textpic .csc-textpic-imagewrap figure {
    width: 100%;
}

#content-normal .tools .csc-textpic-imagewrap {
    background: #FAC401;
    /*background: -moz-linear-gradient(left, #FAC401 0%, #F8AE01 87%, #F8AE01 100%);*/
    /*background: -webkit-linear-gradient(left, #FAC401 0%, #F8AE01 87%, #F8AE01 100%);*/
    background: linear-gradient(to right, #FAC401 0%, #F8AE01 87%, #F8AE01 100%);
}

#content-normal .tools .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
    padding: 5%;
}

#content-normal .tools .csc-textpic .csc-textpic-imagewrap.csc-textpic-single-image img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    padding: 1em 0;
}

#content-normal .tools .csc-textpic-text p {
    margin: 0;
    padding: 0;
    color: var(--ci-color-3);
}
/* multicontainer-tools tools end */


/* Presse/News begin */
body.presse #page-hero {
    display: none;
}

body.presse .news-single-item p {
    font-size: min(max(1rem, 5vw), 1.3rem);
    font-size: clamp(1rem, 5vw, 1.3rem);
}

body.presse .news-list-item p {
    font-size: min(max(1rem, 5vw), 1.5rem);
    font-size: clamp(1rem, 5vw, 1.5rem);
}

body.presse .news-single-item h3 {
    font-size: min(max(1rem, 5vw), 1.8rem);
    font-size: clamp(1rem, 5vw, 1.8rem);
    font-weight: normal;
}

body.presse .news-single-item .news-single-img p {
    font-size: 100%;
}

body.presse #content-normal .csc-header.csc-header-n1 {
    background: none !important;
}

body.presse #content-normal .csc-header.csc-header-n1 h3.csc-firstHeader {
    display: block !important;
    color: inherit !important;
}

body.presse #content-normal .csc-header.csc-header-n2 h3 {
    color: inherit !important;
}

body.presse #content-normal .csc-header h3 {
    font-size: inherit;
}
/* Presse/News end */


/* Legacy Firefox implementation treats all flex containers as inline-block elements. */
@-moz-document url-prefix() {
    .flexbox .flex-container,
    .flexboxlegacy .flex-container {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}

/* 320px */
@media only screen and (min-width: 20em) {

    /* 2 columns to 2 columns */
    /* 3 columns to 2 columns */
    /* 4 columns to 2 columns */
    /* 5 columns to 2 columns */
    .flex-container.flex-2 > *,
    .flex-container.flex-3 > *,
    .flex-container.flex-4 > *,
    .flex-container.flex-5 > * {
        margin-right: 0;
    }

    .flexbox .flex-container.flex-2 > *,
    .flexboxlegacy .flex-container.flex-2 > *,
    .flexbox .flex-container.flex-3 > *,
    .flexboxlegacy .flex-container.flex-3 > *,
    .flexbox .flex-container.flex-4 > *,
    .flexboxlegacy .flex-container.flex-4 > *,
    .flexbox .flex-container.flex-5 > *,
    .flexboxlegacy .flex-container.flex-5 > * {
        -webkit-flex: 0 1 49.5%;
        -ms-flex: 0 1 49.5%;
        flex: 0 1 49.5%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 49.5%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 48%;
    }

    .flex-container.flex-2 > *:nth-child( 2n ),
    .flex-container.flex-3 > *:nth-child( 3n ),
    .flex-container.flex-4 > *:nth-child( 4n ),
    .flex-container.flex-5 > *:nth-child( 5n ) {
        margin-right: 0;
    }

    /*!***/
    /* * #page-content #content-tiles*/
    /* *!*/
    /*#content-tiles > ul > li {*/
    /*    !*list-style: none;*!*/
    /*    !*margin: 1% 1% 3% 0;*!*/
    /*}*/

    /*#content-tiles > ul > li:nth-child(2n) {*/
    /*    !*margin-right: 0;*!*/
    /*}*/
}

/* 374px */
@media only screen and (min-width: 23.375em) {
    :root {
        --buttonareatop: 45px;
        --pagehero-height: 120px;
    }

    html {
        font-size: 100%;
    }

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .csc-mailform-button,
    .csc-mailform-submit,
    .csc-mailform-cancel {
        padding: 0 .6em;
    }

    #content-normal #recommend h2 {
        font-size: 1.05em;
    }

    #content-normal #recommend-slider h3 {
        font-size: 1.2em;
    }

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: 200px;*/
    /*}*/
    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc(200px + 3.8em);*/
    /*}*/
    /*!* planungstools end *!*/
}

/* 400px */
@media only screen and (min-width: 25em) {
    :root {
        --pagehero-height: 130px;
    }

    /**
     * #header-logo
     */
    #header-logo {
        min-width: 165px;
    }

    /*!***/
    /* * #page-content #content-tiles*/
    /* *!*/
    /*#content-tiles > ul > li {*/
    /*    !*margin: 2% 1% 0 0;*!*/
    /*}*/
    /*#content-tiles .tools {*/
    /*    !*margin: 2% 1% 0 0;*!*/
    /*}*/
    /*#content-tiles .media {*/
    /*    !*margin: 2% 1% 0 0;*!*/
    /*}*/

    #recommend-slider li {
        width: 18em;
    }

    #content-normal #recommend h2 {
        font-size: 1.15em;
    }

    #content-normal #recommend-slider h3 {
        font-size: 1.3em;
    }

}

/* 428px */
@media only screen and (min-width: 26.625em) {
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .csc-mailform-button,
    .csc-mailform-submit,
    .csc-mailform-cancel {
        padding: 0 1.5em;
    }

    #recommend-slider .container {
        height: 12.7em;
    }

    #recommend-slider li {
        font-size: 90%;
    }

    #recommend-slider li img {
        float: left;
        max-width: 8em;
        max-height: 8em;
    }

    #content-normal #recommend h2 {
        font-size: 1.2em;
    }

    #content-normal ul.citylist li {
        width: 49.5%;
    }

    #content-tiles .multicolumnContainer.multicontainer-media .columnItem {
        min-height: 20em;
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap::before {
        top: -90%;
    }
}

/* 496px */
@media only screen and (min-width: 31em) {
    .payment {
        justify-content: space-around;
    }
    .payment > div {
        width: auto;
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap::before {
        top: -85%;
    }

    .content-section-4002,
    .content-section-4003,
    .content-section-4004,
    .content-section-4005 {
        padding-bottom: 1.5em;
    }
}

/* 548px */
@media only screen and (min-width: 34.25em) {
    #content-normal .multicontainer-tools li {
        width: calc((100% - (1 * 2%)) / 2);
    }

    #content-normal .multicontainer-bulleted-list .bulleted-list {
        width: 80%;
    }

    #content-normal .multicontainer-bulleted-list.columnCount5 li {
        width: 49%;
    }

    .content-section-4002 .csc-textpic-text,
    .content-section-4003 .csc-textpic-text,
    .content-section-4004 .csc-textpic-text {
        width: 50%;
    }

    .content-section-4002 .csc-textpic-imagewrap,
    .content-section-4004 .csc-textpic-imagewrap {
        margin-left: 5em !important;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before,
    .content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
        width: 100px;
        left: -60%;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before {
        top: 50%;
        transform: rotate(110deg);
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap:before {
        width: 100px;
        left: -5%;
        top: -95%;
    }

    .content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
        bottom: 60%;
        transform: rotate(80deg);
    }


        /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools li:nth-child(3) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(4) .tools {*/
    /*    min-height: 24em;*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: calc((100vw / 2) * 0.575);*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc(((100vw / 2) * 0.575) + 3.5em);*/
    /*}*/
    /*!* planungstools end *!*/
}

/* 600px */
@media only screen and (min-width: 37.5em) {
    :root {
        --pagehero-height: 200px;
    }

    /**
     * #logopopup-wrapper
     */
    #header .logopopup-wrapper .logopopup-claim {
        font-size: .9em;
        padding: 0 5px;
    }

    #header #logopopup {
        display: none;
    }

    #recommend-slider .container {
        height: 12em;
    }

    #recommend-slider li {
        width: 21em;
        height: 10em;
        font-size: 100%;
    }

    #content-normal #recommend-slider li {
        margin-right: 30px;
    }

    #content-normal #recommend h2 {
        font-size: 1.7em;
    }

    .content-section-1001 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-1002 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 150px;
    }

    .content-section-6001 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 80px;
    }

    /**
    * #content-tiles
    */
    #content-tiles {
        padding-top: 2%;
    }

    #content-tiles .flex-container .multicolumn.csc-default  .columnCount1 li .columnItems {
        justify-content: center;
    }

    /**
    * #footer
    */

    .social-media .shariff .orientation-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
    }
    .social-media .shariff .orientation-horizontal li {
        margin-right: 0;
        width: 48%;
    }
    .social-media .shariff .orientation-horizontal li:last-child {
        margin-right: 0 !important;
    }

    /* hompepagemarker begin */
    .homepagemarker {
        font-size: 1.3em;
        padding-left: 0;
    }

    .homepagemarker li:before {
        font-size: 1.1em;
    }
    /* hompepagemarker end */


    #content-normal .bulleted-list {
        width: 100%;
    }

    #content-normal .multicontainer-bulleted-list.columnCount5 li {
        width: calc((100% - (2 * 1%)) / 3);
    }

    #content-normal .multicontainer-mediadigital .media-digital {
        min-height: 18em;
    }

}

/* 648px */
@media only screen and (min-width: 40.5em) {
    :root {
        --pagehero-height: 215px;
    }

    /* 3 columns to 3 columns */
    /* 4 columns to 3 columns */
    /* 5 columns to 3 columns */
    .flex-container.flex-3 > *,
    .flex-container.flex-4 > *,
    .flex-container.flex-5 > * {
        margin-right: 0;
    }

    .flexbox .flex-container.flex-3 > *,
    .flexboxlegacy .flex-container.flex-3 > *,
    .flexbox .flex-container.flex-4 > *,
    .flexboxlegacy .flex-container.flex-4 > *,
    .flexbox .flex-container.flex-5 > *,
    .flexboxlegacy .flex-container.flex-5 > * {
        -webkit-flex: 0 1 32.66%;
        -ms-flex: 0 1 32.66%;
        flex: 0 1 32.66%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 32.66%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 32.33%;
    }

    .flex-container.flex-3 > *:nth-child( 3n ),
    .flex-container.flex-4 > *:nth-child( 4n ),
    .flex-container.flex-5 > *:nth-child( 5n ) {
        margin-right: 0;
    }

    #content-normal #recommend-slider li {
        margin-top: 5px;
    }

    /**
     * #hotline
     */
    #header-hotline {
        display: block;
        /*position: static;*/
        /*float: right;*/
        height: 100%;
        margin-top: 0;
        /*margin-right: .5em;*/
        padding-right: 1.5em;
        -moz-transition: none 0.5s ease; /* FF4+ */
        -o-transition: none 0.5s ease; /* Opera 10.5+ */
        -webkit-transition: none 0.5s ease; /* Saf3.2+, Chrome */
        -ms-transition: none 0.5s ease; /* IE10 */
        transition: none 0.5s ease;
        -moz-transition-property: font, height, margin, right, top;
        -o-transition-property: font, height, margin, right, top;
        -webkit-transition-property: font, height, margin, right, top;
        -ms-transition-property: font, height, margin, right, top;
        transition-property: font, height, margin, right, top;
        background: transparent;
        /*border-right: 1px solid var(--header-fixed-nav-main-border);*/
    }
    .header-fixed #header-hotline {
        background: transparent;
        /*border-right: 1px solid var(--header-fixed-nav-main-border);*/
    }

    /**
     * #content-normal
     */
    #content-normal #recommend h2 {
        font-size: 1.8em;
    }

    .content-section-1001 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-1002 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 175px;
    }

    .content-section-4002 .csc-textpic,
    .content-section-4003 .csc-textpic,
    .content-section-4004 .csc-textpic {
        justify-content: center;
    }

    .content-section-4002 .csc-textpic-text,
    .content-section-4003 .csc-textpic-text,
    .content-section-4004 .csc-textpic-text {
        width: 35%;
    }

    .content-section-4002 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
    .content-section-4003 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
    .content-section-4004 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left: 2em !important;
    }

    .content-section-4002 .csc-textpic-imagewrap,
    .content-section-4004 .csc-textpic-imagewrap {
        margin-left: 8em !important;
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap::before {
        left: -15%;
    }

    .content-section-6002 p {
        font-size: 1.1em;
    }

    .content-section-6003 p {
        font-size: 1.1em;
    }

    /**
     * #page-content #content-tiles
     */

    #content-tiles > ul > li,
    #content-tiles > ul > li:nth-of-type(2n) {
        margin-right: calc((100% - (3 * 32.66%)) / 2);
    }

    #content-tiles > ul > li:nth-of-type(3n) {
        margin-right: 0;
    }

    /**
     * #page-content #content-tiles #content-normal
     */
    #content-tiles > ul > li.tools,
    #content-tiles > ul > li.tools:nth-of-type(2n),
    #content-normal > ul > li.tools,
    #content-normal > ul > li.tools:nth-of-type(2n) {
        margin-right: 0;
        padding-right: calc((100% - (3 * 32.66%)) / 2);
    }

    #content-tiles > ul > li.tools:nth-of-type(3n),
    #content-normal > ul > li.tools:nth-of-type(3n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media,
    #content-tiles > ul > li.media:nth-of-type(2n),
    #content-normal > ul > li.media,
    #content-normal > ul > li.media:nth-of-type(2n) {
        margin-right: 0;
        padding-right: calc((100% - (3 * 32.66%)) / 2);
    }

    #content-tiles > ul > li.media:nth-of-type(3n),
    #content-normal > ul > li.media:nth-of-type(3n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media-digital,
    #content-tiles > ul > li.media-digital:nth-of-type(2n),
    #content-normal > ul > li.media-digital,
    #content-normal > ul > li.media-digital:nth-of-type(2n) {
        margin-right: 0;
        padding-right: calc((100% - (3 * 32.66%)) / 2);

    }

    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
    }

    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
    }

    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
    }

    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.support,
    #content-tiles > ul > li.support:nth-of-type(2n),
    #content-normal > ul > li.support,
    #content-normal > ul > li.support:nth-of-type(2n) {
        margin-right: 0;
        padding-right: calc((100% - (3 * 32.66%)) / 2);

    }

    #content-tiles > ul > li.support:nth-of-type(3n),
    #content-normal > ul > li.support:nth-of-type(3n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles .media {
        min-height: 19em;
    }

    /**
     * #footer
     */
    .footer-content a {
        font-size: 1.2rem;
    }

    .footer-content ul.navigation > li em {
        font-size: 1.25rem;
    }

    /**
     * #footer-hotline
     */
    #footer-hotline {
        display: none;
    }

    div[id^="tsbadgeResponsiveTop_"] ~ #mobile-navigation {
        top: 65px;
    }

    .header-fixed div[id^="tsbadgeResponsiveTop_"] ~ #mobile-navigation {
        top: 0;
    }

    /*#footer,*/
    /*.tsbadge-loaded #footer {*/
    /*    padding-bottom: 4.6em;*/
    /*}*/

    /* tips-poster-design begin */
    .tips-poster-design.columnCount1 li .columnItems .columnItem {
        width: 80%;
    }
    /* tips-poster-design end */

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools li:nth-child(1) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(2) .tools {*/
    /*    min-height: 21em;*/
    /*}*/
    /*!* planungstools end *!*/
}

/* 768px */
@media only screen and (min-width: 48em) {
    :root {
        --content-margin-buffer: 40px;
        --pagehero-height: 240px;
    }

    #header-logo {
        position: static;
        float: left;
        height: 100%;
        width: 35%;
        margin-left: 40px;
        max-width: 420px;
        min-width: 134px;
    }

    .header-fixed #header-logo {
        max-width: 270px;
    }

    /*#header .logopopup-wrapper {*/
    /*    top: 50%;*/
    /*    position: relative;*/
    /*    transform: translateY(-50%);*/
    /*}*/

    #header .logopopup-wrapper .logopopup-claim {
        font-size: 1.1em;
        padding: 2px 10px;
    }

    /**
     * #page-hero
     */
    #page-hero.hero-picture {
        /*noinspection CssUnknownTarget*/
        background-image: url(../image/hero-background-1024x338.png);
    }


    /**
    * #page-top
    */
    .header-fixed #page-top {
        position: fixed !important;
        padding-left: 0 !important;
        /*top: calc(var(--header-height) + 5px);*/
    }

    body:not(.dataselection) .start #page-top {
        position: absolute;
        padding-left: 1.685%;
        top: 2.5em;
    }

    /**
     * #content
     */

    .header-fixed .citysaved.datessaved .button-area #content {
        margin-top: calc((var(--pagetop-height) * 2) + var(--section-pagetop-top-margin) + var(--buttonareatop) + var(--content-margin-buffer)) !important;
    }

    /* content-section beign */

    .content-section-1000,
    .content-section-2000,
    .content-section-3000,
    .content-section-4000,
    .content-section-5000,
    .content-section-6000 {
        margin-top: 3em;
    }

    .content-section-1000 {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }

    .content-section-1000.content-section-1003 {
        padding-top: 5em;
    }

    .content-section-1001 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-1002 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 250px;
    }

    .content-section-1003 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-1003 .csc-textpic .csc-textpic-imagewrap figure img {
        max-width: 80px;
        max-height: 150px;
    }

    .content-section-1001 .csc-textpic-imagewrap.csc-textpic-single-image {
        margin: 0 0 2em 0 !important;
    }

    .content-section-2002 p {
        padding: 0 1em;
        font-size: 1.9em;
    }

    .content-section-3000 .media,
    .content-section-3000 .media-digital {
        max-width: 80%;
    }


    .content-section-4002,
    .content-section-4003,
    .content-section-4004,
    .content-section-4005 {
        padding-bottom: 3em;
    }


    .content-section-4002 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-4003 .csc-textpic .csc-textpic-imagewrap figure,
    .content-section-4004 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 200px;
    }

    .content-section-4002 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
    .content-section-4003 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text,
    .content-section-4004 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left: 3em !important;
    }

    .content-section-4002 .csc-textpic,
    .content-section-4003 .csc-textpic,
    .content-section-4004 .csc-textpic {
        align-items: center;
    }


    .content-section-4002 p,
    .content-section-4003 p,
    .content-section-4004 p {
        margin-top: 1em;
        font-size: 1.2em;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before,
    .content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
        width: 135px;
        left: -80%;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before {
        transform: rotate(122deg);
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap:before {
        width: 135px;
        left: -50%
    }

    .content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
        top: -40%;
        transform: rotate(67deg);
    }

    .content-section-6000 {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }

    .content-section-6000.content-section-6006 {
        padding-bottom: 1.5em;
    }

    .content-section-6000.content-section-6009 {
        padding-bottom: 7em;
    }

    .content-section-6001 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 100px;
    }

    .content-section-6002 p {
        padding: 0 1em;
        font-size: 1.4em;
    }

    .content-section-6003 p {
        padding: 0 1em;
        font-size: 1.4em;
    }

    .content-section-6006 .csc-textpic-text {
        width: 90%;
        font-size: clamp(1rem, 5vw, 1.7rem);
        padding: 1.3em 2em;
    }

    .content-section-6004 .csc-textpic .csc-textpic-imagewrap figure {
        max-width: 280px;
    }

    .content-section-7002 .bulleted-list .csc-textpic .csc-textpic-single-image img {
        max-width: 85px !important;
        max-height: 85px !important;
    }

    .content-section-7002 .bulleted-list .csc-textpic-text {
        margin-top: 2.5em !important;
    }

    .content-section-7002 .bulleted-list .csc-textpic-text > *:first-child {
        margin-bottom: 0 !important;
        min-height: 50px;
    }


    /* content-section beign */

    /**
     * #content-normal
     */
    #content-normal #recommend {
        margin-top: 31px;
        padding-top: 31px;
    }

    #content-normal #recommend h2 {
        font-size: 1.9em;
    }

    #content-normal #recommend-slider h3 {
        font-size: 1.4em;
    }

    #content-normal ul.citylist li {
        width: 32.5%;
    }

    /**
     * #content-tiles
     */
    #content-tiles .csc-textpicHeader *,
    #content-tiles .csc-textpicHeader h1,
    #content-tiles .csc-textpicHeader h2,
    #content-tiles .csc-textpicHeader h3,
    #content-tiles .csc-textpicHeader h1:first-line {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }

    #content-tiles .csc-textpic-text p {
        font-size: 1em;
        line-height: 1.1em;
    }

    #content-tiles .media {
        min-height: 22em;
    }

    /**
    * csc-textpic
    */
    #content-normal div.csc-textpic.csc-textpic-left .csc-textpic-imagerow {
        justify-content: start;
    }

    /**
    * csc-mailform
    */

    fieldset.csc-mailform,
    div.csc-mailform form > ol {
        /*padding: 0 3.5em 0 2em;*/
        max-width: 46em;
    }
    /*div.csc-mailform-text select[name="Anrede"] {*/
    /*    width: 30%;*/
    /*}*/

    /**
     * #footer
     */
    #social-media-horizontal {
        margin-top: 3em;
    }

    .social-media .shariff .orientation-horizontal li {
        margin-right: .5em;
        width: calc((100% / 2) - .5em );
        max-width: calc((100% / 2) - .5em ) !important;
    }

    .social-media .shariff .orientation-horizontal li:nth-of-type(2n) {
        margin-right: 0;
    }

    /* hompepagemarker begin */
    .homepagemarker {
        font-size: 1.5em;
        padding-left: 0;
    }

    .homepagemarker li:before {
        font-size: 1.2em;
    }
    /* hompepagemarker end */

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: 200px;*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc(200px + 3.8em);*/
    /*}*/

    /*#content-normal .multicontainer-tools li:nth-child(1) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(2) .tools {*/
    /*    min-height: 22.5em;*/
    /*}*/

    /*#content-normal .multicontainer-tools li:nth-child(3) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(4) .tools {*/
    /*    min-height: 24em;*/
    /*}*/
    /*!* planungstools end *!*/

    #content-normal .multicolumn.csc-default {
        padding-left: 5%;
        padding-right: 5%;
    }

    .hero-media,
    .hero-digital {
        margin-top: 6em;
    }

    .hero-content p {
        line-height: 56px;
        letter-spacing: -0.038em;
    }

    .content-section-1001 h2 {
        line-height: 1.3em;
        letter-spacing: -0.038em;
    }

    #content-normal .multicontainer-mediadigital,
    #content-normal .multicontainer-media {
        margin-top: 2em;
    }

    #content-normal .multicontainer-support {
        margin-top: 6em;
    }

    #content-normal .multicontainer-mediadigital .media-digital {
        min-height: 18.5em !important;
    }

    #content-normal .multicontainer-support .columnItems,
    #content-normal .multicontainer-media .columnItems,
    #content-normal .multicontainer-mediadigital .columnItems {
        justify-content: center;
    }

    #content-normal .media .csc-textpic-text .bodytext,
    #content-normal .tools .csc-textpic-text .bodytext,
    #content-normal .media-digital .csc-textpic-text .bodytext {
        text-align: center;
        text-align-last: auto;
        text-wrap: balance;
    }

    #content-normal .bulleted-list .csc-textpic .csc-textpic-single-image img {
        max-height: 100px;
        max-width: 100px;
    }
}

/* 960px */
@media only screen and (min-width: 60em) {
    :root {
        --pagehero-height: 300px;
    }

    /* 4 columns to 4 columns */
    /* 5 columns to 4 columns */
    .flex-container.flex-4 > *,
    .flex-container.flex-5 > * {
        margin-right: 0;
    }

    .flexbox .flex-container.flex-4 > *,
    .flexboxlegacy .flex-container.flex-4 > *,
    .flexbox .flex-container.flex-5 > *,
    .flexboxlegacy .flex-container.flex-5 > * {
        -webkit-flex: 0 1 24.25%;
        -ms-flex: 0 1 24.25%;
        flex: 0 1 24.25%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 24.25%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 24%;
    }

    .flex-container.flex-4 > *:nth-child( 4n ),
    .flex-container.flex-5 > *:nth-child( 5n ) {
        margin-right: 0;
    }

    #recommend-slider li img {
        max-width: 10em;
        max-height: 10em;
    }

    /**
     * #header
     */
    #header {
        height: auto;
    }

    .header-fixed #header {
        height: var(--header-height-desktop);
    }

    #header > .row {
        position: relative;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .header-fixed #header > .row {
        padding-top: 0;
        padding-bottom: 0;
    }

    #main-navigation #tx-p123qsearch-pi1-basket {
        font-size: 100%;
        padding-right: 0;
    }

    #main-navigation #tx-p123qsearch-pi1-basket::before {
        content: "";
        background: url(../../typo3conf/ext/p123qsearch/res/basket-icon.svg) no-repeat;
        display: inline-block;
        height: 30px;
        min-width: 30px;
        width: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        background-position: left 5px;
        border: none;
    }

    #main-navigation #tx-p123qsearch-pi1-basket::after {
        background: none;
        content: " ";
        height: 0;
        width: 0;
    }

    #header #main-navigation #tx-p123qsearch-pi1-basket > a {
        text-align: right;
    }

    #header #logopopup {
        display: block;
    }

    #header .logopopup-wrapper {
        /*bottom: 15px;*/
        bottom: 2em;
    }

    /**
    * #flag-navigation
    */
    #flag-navigation {
        display: inline-block;
        height: 100%;
        margin-left: 4em;
    }

    .header-fixed #flag-navigation {
        display: none;
    }

    #flag-navigation ul.navigation,
    #flag-navigation ul.navigation li {
        height: 100%;
    }

    #flag-navigation ul.navigation li {
        margin-right: 1em;
    }

    #flag-navigation ul.navigation a {
        /*noinspection CssUnknownTarget*/
        background: url(../image/flags-icon.svg) 200% 200% no-repeat;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
        border: 1px solid #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 1px 1px 3px 1px #dfdfe0;
        -moz-box-shadow: 1px 1px 3px 1px #dfdfe0;
        box-shadow: 1px 1px 3px 1px #dfdfe0;
        height: 1.25em;
        position: relative;
        text-indent: -99999em;
        width: 1.25em;
    }

    #flag-navigation ul.navigation a.de {
        background-position: 100% 0;
    }

    #flag-navigation ul.navigation a.en {
        background-position: 0 0;
    }

    #flag-navigation ul.navigation a.active:before,
    #flag-navigation ul.navigation a.active:after {
        border-style: solid;
        content: "";
        height: 0;
        position: absolute;
        top: 100%;
        width: 0;
    }

    #flag-navigation ul.navigation a.active:before {
        border-color: #dfdfe0 transparent transparent transparent;
        border-width: 0.875em 0.625em 0 0.5625em;
        left: 0.125em;
        -moz-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        opacity: 0.5;
    }

    #flag-navigation ul.navigation a.active:after {
        border-color: #fff transparent transparent transparent;
        border-style: solid;
        border-width: 0.75em 0.375em 0 0.375em;
        left: 0.25em;
    }

    .no-svgasimg #flag-navigation ul.navigation a {
        /*noinspection CssUnknownTarget*/
        background-image: url(../image/flags-icon.png);
    }

    /**
     * #portal-navigation-layer
     * will be hidden after scrolldown, although header will be fixed
     */
    #portal-navigation-layer {
        display: block;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9fa0a1+0,919395+100 */
        background: #9fa0a1; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYTBhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTkzOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #9fa0a1 0%, #919395 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #9fa0a1 0%, #919395 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #9fa0a1 0%, #919395 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa0a1', endColorstr='#919395', GradientType=0); /* IE6-8 */
        min-height: 48px;
        margin-bottom: 44px;
        width: 100%;
    }

    .header-fixed #portal-navigation-layer {
        display: none;
    }

    .ie9 #portal-navigation-layer {
        filter: none;
    }

    #portal-navigation-layer ~ .row {
        height: var(--header-height-desktop);
        position: relative;
    }

    /**
     * #portal-navigation
     */
    #portal-navigation {
        height: 48px;
        float: right;
        font-size: 1.1em;
        line-height: 1.5em;
    }

    #portal-navigation ul.navigation,
    #portal-navigation ul.navigation li,
    #portal-navigation ul.navigation a {
        height: 100%;
    }

    #portal-navigation ul.navigation li {
        border-right: 1px solid #fff;
    }

    #portal-navigation ul.navigation li:first-child {
        border-left: 1px solid #fff;
    }

    #portal-navigation ul.navigation a {
        color: #fff;
        display: block;
        margin: 0 2em;
        text-align: right;
    }

    /**
     * #portal-items
     */
    #portal-items {
        border: #fff solid;
        border-width: 0 0 1px 1px;
        display: none;
        padding: 1em 0 0 1em;
    }

    .header-fixed #portal-items {
        display: none;
    }

    #portal-items li {
        margin-bottom: 1em;
    }

    #portal-items a {
        color: #fff;
        display: block;
        margin: .33em .33em;
        background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
        background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
        background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        /*border-radius: .4em;*/
        height: 8em;
        padding: .6em .3em;
        -webkit-transition: transform .2s;
        -moz-transition: transform .2s;
        -o-transition: transform .2s;;
        transition: transform .2s;
    }

    #portal-items a:hover,
    #portal-items a:focus {
        text-decoration: none;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    #portal-items a span {
        color: #5a5b5d;
        font-size: .8em;
        line-height: 1em;
    }

    #portal-items em {
        display: block;
        font-weight: 700;
        font-style: normal;
        text-transform: uppercase;
        color: rgba(0, 41, 95, 1);
        margin-bottom: .2em;
        font-size: .9em;
    }

    #portal-items img {
        float: left;
        margin: 0 .6em .3em 0;
        /*border-radius: .4em;*/
    }

    /**
     * #mobile-navigation
     */
    /*#main-navigation {*/
    /*    background: var(--header-nav-background);*/
    /*    background: -moz-linear-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);*/
    /*    background: -webkit-linear-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);*/
    /*    background: linear-gradient(to bottom, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);*/
    /*}*/

    #mobile-navigation-icon {
        display: none;
    }

    /**
     * #scroll-top-icon
     */
    .header-fixed #scroll-top-icon {
        display: block;
    }

    /**
     * #header-portals
     */
    #header-portals {
        display: block;
    }

    /**
     * #header-logo
     */
    #header-logo {
        margin-left: 1.685%;
    }

    .header-fixed #header-logo {
        max-width: 260px;
        margin-left: 2.5em;
    }

    /**
     * #header #logopopup
     */
    #header #logopopup {
        display: block;
        height: auto;
        bottom: 0;
        left: 0;
        margin-left: 1.685%;
    }

    .header-fixed #header #logopopup {
        display: none;
    }

    /**
     * #main-navigation
     */
    /*#main-navigation {*/
    /*    height: 66px;*/
    /*}*/

    #main-navigation ul.navigation > li {
        background: var(--header-nav-background);
        background: -webkit-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background: -moz-linear-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background: -webkit-linear-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background: -o-linear-gradient(top, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background: -ms-linear-gradient(to bottom, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background: linear-gradient(to bottom, var(--header-nav-background) 0%, var(--header-nav-background-to) 100%);
        background-color: var(--header-nav-background);
        border-left: 1px solid var(--header-nav-main-border);
    }

    #main-navigation ul.navigation > li.current {
        background: var(--header-nav-background-current);
        background: -webkit-gradient(top, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background: -moz-linear-gradient(top, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background: -webkit-linear-gradient(top, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background: -o-linear-gradient(top, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background: -ms-linear-gradient(to bottom, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background: linear-gradient(to bottom, var(--header-nav-background-current) 0%, var(--header-nav-background-to-current) 100%);
        background-color: var(--header-nav-background-current);
        border-left: 1px solid var(--header-nav-main-border-current);
    }

    .header-fixed #main-navigation ul.navigation > li {
        background: transparent;
        color: var(--header-fixed-nav-main-link);
    }

    #main-navigation ul.navigation > li:hover {
        background: var(--header-nav-background-hover);
        background: -webkit-gradient(top, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background: -moz-linear-gradient(top, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background: -webkit-linear-gradient(top, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background: -o-linear-gradient(top, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background: -ms-linear-gradient(to bottom, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background: linear-gradient(to bottom, var(--header-nav-background-hover) 0%, var(--header-nav-background-hover-to) 100%);
        background-color: var(--header-nav-background-hover);
        color: var(--header-nav-main-link-hover);
    }

    .header-fixed #main-navigation ul.navigation > li:hover {
        background: transparent;
        color: var(--header-fixed-nav-main-link-hover);
    }


    #main-navigation .main-navigation-row > div > a,
    #main-navigation ul.navigation > li > a {
        color: var(--header-nav-main-link);
        display: inline-block;
        font-size: 1.2em;
        padding: 0 .7em;
        line-height: 1.5em;
    }

    #header #main-navigation #tx-p123qsearch-pi1-basket > a {
        font-size: 1.2em;
    }

    .header-fixed #main-navigation ul.navigation > li > a {
        display: none;
    }

    .header-fixed #main-navigation ul.navigation > li:first-child {
        border-left: 1px solid var(--header-nav-main-border);
    }

    /**
     * #hotline, #header-login
     */
    /*#header-hotline,*/
    /*#header-login {*/
    /*    position: absolute;*/
    /*    margin-top: 0.75em;*/
    /*    right: 0;*/
    /*    top: 100%;*/
    /*    background: var(--gradient-gray-background);*/
    /*    background: -moz-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);*/
    /*    background: -webkit-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);*/
    /*    background: -o-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);*/
    /*    background: -ms-linear-gradient(top, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);*/
    /*    background: linear-gradient(to bottom, var(--gradient-gray-background) 0%, var(--gradient-gray-background-to) 100%);*/
    /*    -webkit-box-shadow: 2px 2px 2px 0 var(--box-shadow-color);*/
    /*    -moz-box-shadow: 2px 2px 2px 0 var(--box-shadow-color);*/
    /*    box-shadow: 2px 2px 2px 0 var(--box-shadow-color);*/
    /*}*/

    /*#header-hotline {*/
    /*    height: auto;*/
    /*    margin-right: 0;*/
    /*    padding-right: 0;*/
    /*    border-right-width: 0;*/
    /*}*/

    .header-fixed #header-hotline {
        position: static;
        float: right;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        filter: none;
        /*font-size: 1.15em;*/
        height: 100%;
        /*margin-right: .5em;*/
        padding-right: .5em;
        margin-top: 0;
        border-right-width: 1px;
    }

    #header-login {
        right: 230px;
    }

    #header-hotline em {
        /*display: unset;*/
        display: none;
        font-style: normal;
    }

    .header-fixed #header-hotline em {
        display: none;
    }

    #header-hotline a,
    #header-login a {
        color: var(--color-blue);
        display: inline-block;
        /*padding: 0.5em;*/
    }

    .header-fixed #header-hotline a {
        display: unset !important;
    }

    /**
     * #page-hero
     */
    #page-hero {
        display: block !important;
        background-position: bottom center !important;
    }

    body.citysaved.datessaved #page:not(.start) #page-hero {
        position: relative;
        top: 0;
    }

    .basketproceed #page-hero {
        margin-top: calc((var(--pagehero-height) / 2) * -1);
    }

    .dataselection #page-hero #navigation-top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .header-fixed .button-area #page-hero {
        position: sticky;
        border-bottom: 1px solid var(--border-color);
    }

    .header-fixed .dataselection .start #page-hero {
        position: sticky;
    }

    .header-fixed body:not(.dataselection).citysaved .start #page-hero {
        margin-top: 0;
    }

    .header-fixed .button-area #page-hero {
        top: calc((var(--header-height-desktop) + (var(--pagetop-height) * 1.8) + var(--buttonareatop)) - var(--pagehero-height));
    }

    .header-fixed body.citysaved .button-area #page-hero {
        top: calc((var(--header-height-desktop) + var(--pagetop-height) + var(--buttonareatop)) - var(--pagehero-height));
    }

    .header-fixed .basketproceed.button-area #page-hero {
        top: calc((var(--header-height-desktop) + var(--buttonareatop)) - var(--pagehero-height));
    }

    .header-fixed body.citysaved.datessaved #page-hero,
    .header-fixed body.citysaved.datessaved .start #page-hero {
        position: sticky !important;
        top: calc((var(--header-height-desktop) + var(--pagetop-height) + var(--buttonareatop)) - var(--pagehero-height)) !important;
    }

    /**
     * #page-header
     */
    #page-header {
        display: none !important;
    }

    .header-fixed #page-header {
        display: none !important;
    }

    .dataselection #page-header {
        display: none !important;
    }

    /**
     * #page-top
     */
    #page-top {
        position: absolute;
        padding-left: 1.685%;
        top: 2.5em
    }

    .header-fixed #page-top {
        top: var(--header-height-desktop) !important;
    }

    body.citysaved.datessaved #page:not(.start) #page-top {
        height: var(--pagetop-height);
    }

    /**
     * #content
     */
    body.citysaved.datessaved #page:not(.start, .locations, .basket, .basketproceed, .designer, .map, .designerupload, .designerlater, .printdatamanager) #content {
        margin-top: 0 !important;
    }

    .header-fixed #page:not(.start) #content {
        margin-top: 0 !important;
    }

    .header-fixed .button-area #content {
        margin-top: 0 !important;
    }

    .header-fixed .citysaved.datessaved .start #content {
        margin-top: 0 !important;
    }

    .header-fixed .citysaved.datessaved #content {
        margin-top: 0 !important;
    }

    .header-fixed .citysaved.datessaved .button-area #content {
        margin-top: 0 !important;
    }

    .header-fixed .basketproceed.button-area  #content {
        margin-top: 0 !important;
    }

    /**
    * content-section's
    */
    .content-section-4001 .csc-textpic-text,
    .content-section-4005 .csc-textpic-text {
        width: 70%;
    }

    .content-section-4002 .csc-textpic-imagewrap,
    .content-section-4004 .csc-textpic-imagewrap {
        margin-left: 10em !important;
    }

    .content-section-4002 .csc-textpic-text,
    .content-section-4003 .csc-textpic-text,
    .content-section-4004 .csc-textpic-text {
        width: 25%;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before {
        transform: rotate(120deg);
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap::before {
        transform: rotate(115deg);
        top: -80%;
    }
    .content-section-4004 .csc-textpic .csc-textpic-imagewrap:before {
        transform: rotate(57deg);
    }

    .content-section-5002 .tx-irfaq-pi1 {
        width: 85%;
    }

    .content-section-6001 .csc-textpic-text {
        width: 80%;
    }

    .content-section-6003 .csc-textpic-text {
        width: 80%;
    }

    /**
    * #page-content #content-normal
    */
    .header-fixed #content-normal {
        margin-top: 0;
    }

    #content-normal #recommend h2 {
        font-size: 2em;
    }

    #content-normal #recommend-slider h3 {
        font-size: 1.5em;
    }

    /*#content-normal .csc-header.csc-header-n1:not(.plakat-start #content-normal .csc-header.csc-header-n1) {*/
    /*    background: unset;*/
    /*}*/

    /*#content-normal .csc-header.csc-header-n1 h1:not(.plakat-start #content-normal .csc-header.csc-header-n1 h1) {*/
    /*    padding: unset;*/
    /*    !*font-size: 1.7rem;*!*/
    /*    !*font-size: min(max(1rem, 5vw), 1.7rem);*!*/
    /*    !*font-size: clamp(1rem, 5vw, 1.7rem);*!*/
    /*    color: var(--h1-color);*/
    /*}*/

    /*#content-normal .csc-header .csc-firstHeader:not(.plakat-start #content-normal .csc-header .csc-firstHeader) {*/
    /*    display: block;*/
    /*}*/

    /**
     * #page-content #content-tiles
     */
    /*#content-tiles > ul > li:nth-child(3n) {*/
    /*    margin-right: 1%;*/
    /*}*/

    /*#content-tiles > ul > li:nth-child(4n) {*/
    /*    margin-right: 0;*/
    /*}*/

    /*#content-tiles .tools:nth-child(3n) {*/
    /*    margin-right: 1%;*/
    /*}*/
    /*#content-tiles .tools:nth-child(4n) {*/
    /*    margin-right: 0;*/
    /*}*/
    /*#content-tiles .media:nth-child(3n) {*/
    /*    margin-right: 1%;*/
    /*}*/
    /*#content-tiles .media:nth-child(4n) {*/
    /*    margin-right: 0;*/
    /*}*/

    #content-tiles > ul > li,
    #content-tiles > ul > li:nth-of-type(2n),
    #content-tiles > ul > li:nth-of-type(3n) {
        margin-right: calc((100% - (4 * 24.25%)) / 3);
    }

    #content-tiles > ul > li:nth-of-type(4n) {
        margin-right: 0;
    }

    #content-tiles > ul > li.tools,
    #content-tiles > ul > li.tools:nth-of-type(2n),
    #content-tiles > ul > li.tools:nth-of-type(3n),
    #content-normal > ul > li.tools,
    #content-normal > ul > li.tools:nth-of-type(2n),
    #content-normal > ul > li.tools:nth-of-type(3n) {
        margin-right: 0;
        padding-right: calc((100% - (4 * 24.25%)) / 3);

    }
    #content-tiles > ul > li.tools:nth-of-type(4n),
    #content-normal > ul > li.tools:nth-of-type(4n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media,
    #content-tiles > ul > li.media:nth-of-type(2n),
    #content-tiles > ul > li.media:nth-of-type(3n),
    #content-normal > ul > li.media,
    #content-normal > ul > li.media:nth-of-type(2n),
    #content-normal > ul > li.media:nth-of-type(3n) {
        margin-right: 0;
        padding-right: calc((100% - (4 * 24.25%)) / 3);
    }

    #content-tiles > ul > li.media:nth-of-type(4n),
    #content-normal > ul > li.media:nth-of-type(4n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media-digital,
    #content-tiles > ul > li.media-digital:nth-of-type(2n),
    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital,
    #content-normal > ul > li.media-digital:nth-of-type(2n),
    #content-normal > ul > li.media-digital:nth-of-type(3n) {
        margin-right: 0;
        padding-right: calc((100% - (4 * 24.25%)) / 3);

    }

    #content-tiles > ul > li.media-digital:nth-of-type(4n),
    #content-normal > ul > li.media-digital:nth-of-type(4n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.support,
    #content-tiles > ul > li.support:nth-of-type(2n),
    #content-tiles > ul > li.support:nth-of-type(3n),
    #content-normal > ul > li.support,
    #content-normal > ul > li.support:nth-of-type(2n),
    #content-normal > ul > li.support:nth-of-type(3n) {
        margin-right: 0;
        padding-right: calc((100% - (4 * 24.25%)) / 3);
    }

    #content-tiles > ul > li.support:nth-of-type(4n),
    #content-normal > ul > li.support:nth-of-type(4n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles .tools .csc-textpic .csc-textpic-single-image img {
        height: 90px;
        width: 90px;
    }

    #content-tiles .multicolumnContainer.multicontainer-tools.columnCount4 li {
        width: 24%;
    }

    /**
     * button-area-top
     */
    .header-fixed .button-area-top {
        position: sticky;
        background-image: none;
        background-color: transparent;
        top: calc(var(--header-height-desktop) + (var(--pagetop-height) * 1.8)) !important;
        border-bottom: none;
    }

    .header-fixed.button-fixed .button-area-top {
        position: fixed;
    }

    .header-fixed .citysaved .button-area-top,
    .header-fixed .citysaved.datessaved .button-area-top {
        top: calc(var(--header-height-desktop) + var(--pagetop-height)) !important;
    }

    .header-fixed .basketproceed .button-area-top {
        top: var(--header-height-desktop) !important;
    }

    /* homepage multicolumn begin */
    .multicolumn .multicolumnContainer.home-content {
        flex-direction: row;
    }

    .multicolumn .multicolumnContainer.home-content .columnItem {
        display: block;
    }

    .multicolumn .multicolumnContainer.home-content .column.column1  {
        width: 65% !important;
    }

    .multicolumn .multicolumnContainer.home-content .column.column2  {
        width: 35% !important;
    }
    /* homepage multicolumn end */

    /**
     * #footer
     */
    .footer-content {
        padding-top: 1.5em;
    }

    .footer-content a {
        font-size: 1rem;
    }

    .footer-content ul.navigation > li em {
        margin-left: -1rem;
    }

    .footer-content ul.navigation li:before {
        font-size: 1.4em;
        margin-top: -0.1em;
    }

    .footer-content ul.navigation > li a {
        padding: 2px 0 0 0;
    }

    #footer-content > * {
        float: left;
        border-top: none;
        max-width: 37%;
        padding-left: 1.2em;
        padding-bottom: .5em;
        padding-top: .5em;
    }

    #footer-content > *:first-child {
        padding-left: 0;
    }

    /*#footer-content > *:not(:first-child) {*/
    /*    border-left: 1px solid var(--footer-nav-border);*/
    /*}*/

    #footer-content > :nth-child(2) {
        max-width: 50%;
    }

    .social-media .shariff .orientation-horizontal li {
        margin-right: .5em;
        width: calc((100% / 3) - (.5em * 2) );
        max-width: calc((100% / 3) - (.5em * 2) ) !important;
    }

    .social-media .shariff .orientation-horizontal li:nth-of-type(2n) {
        margin-right: .5em;
    }

    .social-media .shariff .orientation-horizontal li:nth-of-type(3n) {
        margin-right: 0;
    }

    .payment,
    .social-media {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .social-media {
        margin-top: 0;
    }

    .payment > div {
        display: flex;
        margin-right: 1.5em;
        height: 40px;
    }

    .payment span {
        display: inline-block;
        margin-right: .5em;
        margin-bottom: 0;
    }

    .payment a {
        display: flex;
        align-items: center;
    }

    .payment a:nth-of-type(-n+2) {
        margin-bottom: 0;
    }

    #footer .row .col-1 {
        width: 70%;
    }

    #footer .row.row-navigation .col-1 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #footer .row.row-navigation .col-1 nav:first-of-type {
        flex-grow: 1;
        max-width: 40%;
    }

    #footer .row .col-2 {
        width: 25%;
    }

    .cookie-settings > * {
        flex-direction: row;
    }

    /* tips-poster-design begin */
    .tb-tips-poster-design .tips-poster-design {
        margin-top: 5%;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem {
        width: 49.5%;
        margin: 0 0 2% 0 !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(1) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(2) .csc-default {
        min-height: 38em !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(1) .csc-default,
    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(2) .csc-default {
        min-height: 40em !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(3) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(4) .csc-default {
        min-height: 39em !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 44em !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 46em !important;
    }
    /* tips-poster-design end */

    /* on-top-content begin */
    #on-top-content {
        position: absolute;
        width: 20em;
        background-color: rgba(0,0,0,.4);
        margin: 0;
        right: 100px;
        z-index: 300;
        height: 15em;
        margin-top: -240px;
        opacity: 0;
        animation: on-top-content-visibility 2s forwards 1 1s;
    }

    @keyframes on-top-content-visibility {
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
    /* on-top-content end */

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools li {*/
    /*    width: calc((100% - (3 * 1%)) / 4);*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-header .csc-firstHeader {*/
    /*    min-height: 2.5em;*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: calc((100vw / 4) * 0.625);*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc(((100vw / 4) * 0.625) + 5em);*/
    /*}*/

    /*#content-normal .multicontainer-tools li:nth-child(1) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(2) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(3) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(4) .tools {*/
    /*    min-height: 26.5em;*/
    /*}*/
    /*!* planungstools end *!*/

    /* News/Presse begin */
    body.presse .content-wrapper,
    body.presse .content-wrapper {
        padding: 2em;
    }
    /* News/Presse end */

    #content-normal .multicontainer-tools li {
        width: calc((100% - (3 * 1%)) / 4);
    }

    #content-normal .tools .csc-textpic-imagewrap {
        width: 100%;
    }

    #content-normal .tools {
        margin-top: 0;
    }

    #content-normal .text-multi-column .bodytext {
        column-count: 2;
        column-gap: 3em;
        line-height: 1.5em;
    }

}

/* 1024px */
@media only screen and (min-width: 64em) {
    :root {
        --pagehero-shift: 340px;
    }

    /**
    * #content-tiles
    */
    #content-tiles .media {
        min-height: 23em;
    }

    /**
     * #footer
     */
    #footer-content > * {
        max-width: 100%;
        margin-right: 2em;
    }

    #footer-content > :nth-child(2) {
        max-width: 48%;
    }

    .social-media .shariff.orientation-horizontal li a {
        height: 100%;
    }

    .social-media .shariff.orientation-horizontal li {
        height: 35px;
    }

    /* tips-poster-design begin */
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(3) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(4) .csc-default {
        min-height: 41em !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 47.5em !important;
    }
    /* tips-poster-design end */

    #content-normal .multicontainer-bulleted-list.columnCount5 li {
        width: calc((100% - (3 * 1%)) / 5);
    }

    #content-normal .multicontainer-bulleted-list .bulleted-list {
        width: 100%;
    }

    #content-normal .multicolumn .csc-textpicHeader *,
    #content-normal .multicolumn .csc-textpicHeader h1,
    #content-normal .multicolumn .csc-textpicHeader h2,
    #content-normal .multicolumn .csc-textpicHeader h3,
    #content-normal .multicolumn .csc-textpicHeader h1:first-line {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    #content-normal .bulleted-list p {
        margin-top: .5em;
        font-size: 120%;
    }

    #content-normal .multicontainer-media .media {
        min-height: 21em !important;
    }

    /**
    * content-section's
    */
    .content-section-4002 .csc-textpic-imagewrap,
    .content-section-4004 .csc-textpic-imagewrap {
        margin-left: 25em !important;
    }

    .content-section-4002 .csc-textpic .csc-textpic-imagewrap:before {
        transform: rotate(137deg);
    }

    .content-section-4006 .csc-textpic .csc-textpic-imagewrap:before {
        transform: rotate(120deg);
        top: -90%;
        left: 10%;
    }

    .content-section-5002 .tx-irfaq-pi1 {
        width: 65%;
    }

    .content-section-6003 .csc-textpic-text {
        width: 60%;
    }

    .content-section-6006 .csc-textpic-text {
        width: 80%;
    }
}

/* 1184px */
@media only screen and (min-width: 74em) {
    :root {
        --pagehero-height: 288px;
    }

    /* 5 columns to 5 columns */
    .flex-container.flex-5 > * {
        margin-right: 0;
    }

    .flexbox .flex-container.flex-5 > *,
    .flexboxlegacy .flex-container.flex-5 > * {
        -webkit-flex: 0 1 19.2%;
        -ms-flex: 0 1 19.2%;
        flex: 0 1 19.2%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-4 > *,
    .no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 19.2%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 19%;
    }

    .flex-container.flex-4 > *:nth-child( 4n ),
    .flex-container.flex-5 > *:nth-child( 5n ) {
        margin-right: 0;
    }

    #main-navigation .main-navigation-row > div > a,
    #main-navigation ul.navigation > li > a {
        font-size: 1.3em;
        padding: 0 .9em;
    }

    #header #main-navigation #tx-p123qsearch-pi1-basket > a {
        font-size: 1.3em;
    }

    /**
     * #page-hero
     */
    #page-hero.hero-picture {
        /*noinspection CssUnknownTarget*/
        background-image: url(../image/hero-background-1926x470.png);
    }

    /**
     * #page-top
     */
    #page-top {
        top: 3.5em !important;
    }

    /**
     * ##header .logopopup-wrapper
     */
    #header .logopopup-wrapper .logopopup-claim {
        font-size: 1.2em;
    }

    /**
     * #content-normal
     */
    /*#content-normal {*/
    /*    padding-left: 3%;*/
    /*    padding-right: 3%;*/
    /*}*/

    #content-normal ul.citylist li {
        width: 24.5%;
    }

    /**
     * #page-content #content-tiles
     */
    /*#content-tiles > ul > li:nth-child(4n) {*/
    /*    margin-right: 1%;*/
    /*}*/

    /*#content-tiles > ul > li:nth-child(5n) {*/
    /*    margin-right: 0;*/
    /*}*/
    #content-tiles > ul > li,
    #content-tiles > ul > li:nth-of-type(2n),
    #content-tiles > ul > li:nth-of-type(3n),
    #content-tiles > ul > li:nth-of-type(4n) {
        margin-right: calc((100% - (5 * 19.2%)) / 4);
    }

    #content-tiles > ul > li:nth-of-type(5n) {
        margin-right: 0;
    }

    #content-tiles > ul > li.tools,
    #content-tiles > ul > li.tools:nth-of-type(2n),
    #content-tiles > ul > li.tools:nth-of-type(3n),
    #content-tiles > ul > li.tools:nth-of-type(4n),
    #content-normal > ul > li.tools,
    #content-normal > ul > li.tools:nth-of-type(2n),
    #content-normal > ul > li.tools:nth-of-type(3n),
    #content-normal > ul > li.tools:nth-of-type(4n) {
        margin-right: 0;
        padding-right: calc((100% - (5 * 19.2%)) / 4);

    }
    #content-tiles > ul > li.tools:nth-of-type(5n),
    #content-normal > ul > li.tools:nth-of-type(5n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media,
    #content-tiles > ul > li.media:nth-of-type(2n),
    #content-tiles > ul > li.media:nth-of-type(3n),
    #content-tiles > ul > li.media:nth-of-type(4n),
    #content-normal > ul > li.media,
    #content-normal > ul > li.media:nth-of-type(2n),
    #content-normal > ul > li.media:nth-of-type(3n),
    #content-normal > ul > li.media:nth-of-type(4n) {
        margin-right: 0;
        padding-right: calc((100% - (5 * 19.2%)) / 4);
    }

    #content-tiles > ul > li.media:nth-of-type(5n),
    #content-normal > ul > li.media:nth-of-type(5n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.media-digital,
    #content-tiles > ul > li.media-digital:nth-of-type(2n),
    #content-tiles > ul > li.media-digital:nth-of-type(3n),
    #content-tiles > ul > li.media-digital:nth-of-type(4n),
    #content-normal > ul > li.media-digital,
    #content-normal > ul > li.media-digital:nth-of-type(2n),
    #content-normal > ul > li.media-digital:nth-of-type(3n),
    #content-normal > ul > li.media-digital:nth-of-type(4n) {
        margin-right: 0;
        padding-right: calc((100% - (5 * 19.2%)) / 4);

    }

    #content-tiles > ul > li.media-digital:nth-of-type(5n),
    #content-normal > ul > li.media-digital:nth-of-type(5n) {
        margin-right: 0;
        padding-right: 0;
    }

    #content-tiles > ul > li.support,
    #content-tiles > ul > li.support:nth-of-type(2n),
    #content-tiles > ul > li.support:nth-of-type(3n),
    #content-tiles > ul > li.support:nth-of-type(4n),
    #content-normal > ul > li.support,
    #content-normal > ul > li.support:nth-of-type(2n),
    #content-normal > ul > li.support:nth-of-type(3n),
    #content-normal > ul > li.support:nth-of-type(4n) {
        margin-right: 0;
        padding-right: calc((100% - (5 * 19.2%)) / 4);
    }

    #content-tiles > ul > li.support:nth-of-type(5n),
    #content-normal > ul > li.support:nth-of-type(5n) {
        margin-right: 0;
        padding-right: 0;
    }


    #content-tiles .csc-textpicHeader *,
    #content-tiles .csc-textpicHeader h1,
    #content-tiles .csc-textpicHeader h2,
    #content-tiles .csc-textpicHeader h3,
    #content-tiles .csc-textpicHeader h1:first-line {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    #content-normal .csc-textpicHeader *,
    #content-normal .csc-textpicHeader h1,
    #content-normal .csc-textpicHeader h2,
    #content-normal .csc-textpicHeader h3,
    #content-normal .csc-textpicHeader h1:first-line {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    /* homepage multicolumn begin */
    .multicolumn .multicolumnContainer.home-content .column.column1  {
        width: 70% !important;
    }

    .multicolumn .multicolumnContainer.home-content .column.column2  {
        width: 30% !important;
    }
    /* homepage multicolumn end */

    /**
     * #footer
     */
    #footer-content > * {
        margin-right: 3em;
    }

    .social-media .shariff .orientation-horizontal li {
        margin-right: .5em;
        width: calc((100% / 6) - (.5em * 5) );
        max-width: 100% !important;
    }

    .social-media .shariff .orientation-horizontal li:nth-of-type(3n) {
        margin-right: .5em;
    }

    .social-media .shariff .orientation-horizontal li:nth-of-type(6n) {
        margin-right: 0;
    }

    #footer .row .col-1 {
        width: 60%;
    }
    #footer .row .col-2 {
        width: 20%;
    }


    /* tips-poster-design begin */
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(1) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(2) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(3) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(4) .csc-default {
        min-height: 41.5em !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 45.3em !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 48em !important;
    }
    /* tips-poster-design end */

    #on-top-content {
        right: 200px;
    }

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools .tools .csc-header .csc-firstHeader {*/
    /*    min-height: auto;*/
    /*}*/

    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: calc(((100vw - 15%) / 4) * 0.625);*/
    /*}*/
    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc((((100vw - 15%) / 4) * 0.625) + 3em);*/
    /*}*/

    /*#content-normal .multicontainer-tools li:nth-child(1) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(2) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(3) .tools,*/
    /*#content-normal .multicontainer-tools li:nth-child(4) .tools {*/
    /*    min-height: 24.5em;*/
    /*}*/
    /*!* planungstools end *!*/

    .hero-content .csc-textpic-text,
    .content-section-1001 .csc-textpic-text,
    .content-section-2001 .csc-textpic-text {
        width: 85%;
    }

    #content-normal .multicontainer-bulleted-list {
        margin-top: 3.5em;
    }

    #content-normal .bulleted-list .csc-textpic .csc-textpic-single-image img {
        max-height: 125px;
        max-width: 125px;
    }

    .content-section-6006 .csc-textpic-text {
        width: 70%;
    }

    .content-section-7002 .bulleted-list .csc-textpic .csc-textpic-single-image img {
        max-width: 100px !important;
        max-height: 100px !important;
    }

}

/* 1424px */
@media only screen and (min-width: 89em) {
    :root {
        --pagehero-height: 347px;
    }

    .flex-container.flex-2 > *,
    .flex-container.flex-3 > *,
    .flex-container.flex-4 > *,
    .flex-container.flex-5 > * {
        margin-right: 1%;
    }

    .flexbox .flex-container.flex-2 > *,
    .flexboxlegacy .flex-container.flex-2 > * {
        -webkit-flex: 0 1 49.5%;
        -ms-flex: 0 1 49.5%;
        flex: 0 1 49.5%;
    }

    .flexbox .flex-container.flex-3 > *,
    .flexboxlegacy .flex-container.flex-3 > * {
        -webkit-flex: 0 1 32.66%;
        -ms-flex: 0 1 32.66%;
        flex: 0 1 32.66%;
    }

    .flexbox .flex-container.flex-4 > *,
    .flexboxlegacy .flex-container.flex-4 > * {
        -webkit-flex: 0 1 24.25%;
        -ms-flex: 0 1 24.25%;
        flex: 0 1 24.25%;
    }

    .flexbox .flex-container.flex-5 > *,
    .flexboxlegacy .flex-container.flex-5 > * {
        -webkit-flex: 0 1 19.2%;
        -ms-flex: 0 1 19.2%;
        flex: 0 1 19.2%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-2 > * {
        width: 49.5%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-3 > * {
        width: 32.66%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-4 > * {
        width: 24.25%;
    }

    .no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 19.2%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-2 > * {
        width: 48%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-3 > * {
        width: 32.33%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-4 > * {
        width: 24%;
    }

    .no-nthchild.no-flexbox.no-flexboxlegacy .flex-container.flex-5 > * {
        width: 19%;
    }

    #recommend-slider li {
        width: 21.5em;
    }

    /**
     * #page-top
     */
    #page-top {
        padding-left: calc(((100vw - var(--max-page-width)) / 2) +  (1.685% / 2)) !important;
    }

    .header-fixed #page-top {
        max-width: 100%;
        margin-left: 0 !important;
        padding-left: calc((100% - var(--max-page-width)) / 2) !important;
        padding-right: calc((100% - var(--max-page-width)) / 2) !important;
    }

    /**
     * #content-normal
     */
    /*#content-normal {*/
    /*    padding-left: 5%;*/
    /*    padding-right: 5%;*/
    /*}*/

    /**
     * #button-area-top
     */
    .header-fixed.button-fixed .button-area-top {
        padding-left: calc(((100% - var(--max-page-width)) / 2) + .5em ) !important;
        padding-right: calc(((100% - var(--max-page-width)) / 2) + .5em ) !important;
    }

    /**
    * content-section's
    */
    .content-section-2002 .csc-textpic-text > div {
        width: 49.5%;
    }

    .content-section-2002 .csc-textpic-text {
        flex-direction: row;
    }

    .content-section-4001 .csc-textpic-text,
    .content-section-4005 .csc-textpic-text {
        width: 50%;
    }

    .content-section-6001 .csc-textpic-text {
        width: 50%;
    }
    .content-section-6001.content-section-6005 .csc-textpic-text {
        width: 80%;
    }

    .content-section-6002 .csc-textpic-text {
        flex-direction: row;
    }

    .content-section-6002 .csc-textpic-text > div {
        width: 49.5%;
    }

    .content-section-6006 .csc-textpic-text {
        width: 60%;
        padding: 1.8em 2.5em;
    }

    /**
     * #content-tiles
     */
    #content-tiles .media {
        min-height: 24em;
    }

    /**
     * #footer
     */
    #social-media-vertical {
        display: block;
        width: 18%;
        margin-right: 0;
        padding-top: 1em;
    }

    #social-media-horizontal {
        display: none;
    }

    /* tips-poster-design begin */
    .tips-poster-design.columnCount1 li .columnItems .columnItem {
        width: calc((100% - (2 * 2%)) / 3);
        margin: 0 0 2% 0 !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem {
        width: calc((100% - (1 * 2%)) / 2);
        margin: 0 0 2% 0 !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(1) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(2) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(3) .csc-default {
        min-height: 38em !important;
    }

    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(3) .csc-default,
    #TB_ajaxContent .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(4) .csc-default {
        min-height: 42em !important;
    }

    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(4) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(5) .csc-default,
    .tips-poster-design.columnCount1 li .columnItems .columnItem:nth-child(6) .csc-default {
        min-height: 42em !important;
    }
    /* tips-poster-design end */

    #on-top-content {
        right: calc(50% - 25em);
    }

    /*!* planungstools begin *!*/
    /*#content-normal .multicontainer-tools .tools .csc-header {*/
    /*    top: 200px;*/
    /*}*/
    /*#content-normal .multicontainer-tools .tools .csc-textpic-text {*/
    /*    margin-top: calc(200px + 3em);*/
    /*}*/
    /*!* planungstools end *!*/

    #content-normal .multicontainer-bulleted-list {
        margin-top: 3.5em;
    }

    #content-normal .multicontainer-media .media {
        min-height: 22em !important;
    }
}