* {
    --primary-color    : #ef7d00;
    --secondary-color  : #0c6ec6;
    --tertiary-color   : #585858;
    --lightgray        : #f5f5f5;
    --lightgray-border : #d9d9d9;
}

html {
   scroll-behavior: smooth;
}

body {
    background : white;
    padding    : 0;
    margin     : 0;
}

button:focus-visible, a:focus-visible {
    outline : 2px solid var(--blue-color);
}

.Container {
    min-width : 1260px;
}

.Wrapper {
    box-sizing    : border-box;
    margin        : auto;
    width         : 1260px;
    padding-left  : 30px;
    padding-right : 30px;
}
.Wrapper.no-padding {
    padding-left  : 0;
    padding-right : 0;
}

.Wrapper.Banner {
    margin: auto;
}
@media screen and (max-width: 1280px) {
    .Wrapper.Banner {
        margin-left  : 0;
        margin-right : 0;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

#Header {
    height   : 110px;
    padding  : 35px 35px 0;
    /*	border-bottom: 1px solid #DADADA; */
    position : relative;
}

#Header h1 {
    overflow  : hidden;
    font-size : 0.0625rem;
}

#Header h1 span {
    display     : inline-block;
    text-indent : -9999px !important;
}

#Header a {
    color : var(--primary-color);
}

#Header img.Logo {
    width  : 150px;
    height : 92px;
}

#Header nav > ul {
    position       : absolute;
    bottom         : 0;
    right          : 10px;
    font-size      : 17px;
    font-weight    : bold;
    color          : var(--primary-color);
    text-transform : uppercase;
    overflow       : hidden;
}

#Header nav > ul > li {
    display    : inline-block;
    text-align : left;
    height     : 85px;
    margin     : 0 0 0 15px;
    overflow   : hidden;
}

#Header nav > ul > li a {
    display     : inline-block;
    white-space : nowrap;
    color       : #2063a6;
    padding     : 15px 15px 25px;
    font-weight : normal;
}

#Header nav > ul li a.active {
    background                      : #f5f5f5;
    background                      : -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #f5f5f5 100%); /* FF3.6+ */
    background                      : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(25%, #ffffff), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background                      : -webkit-linear-gradient(top, #ffffff 0%, #ffffff 25%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background                      : -o-linear-gradient(top, #ffffff 0%, #ffffff 25%, #f5f5f5 100%); /* Opera 11.10+ */
    background                      : -ms-linear-gradient(top, #ffffff 0%, #ffffff 25%, #f5f5f5 100%); /* IE10+ */
    background                      : linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #f5f5f5 100%); /* W3C */
    filter                          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE6-9 */


    border                          : 1px solid #dadada;
    border-bottom                   : 0;
    border-top-left-radius          : 5px;
    border-top-right-radius         : 5px;
    -ms-border-top-left-radius      : 5px;
    -ms-border-top-right-radius     : 5px;
    -moz-border-top-left-radius     : 5px;
    -moz-border-top-right-radius    : 5px;
    -op-border-top-left-radius      : 5px;
    -op-border-top-right-radius     : 5px;
    -webkit-top-left-radius         : 5px;
    -webkit-border-top-right-radius : 5px;
}

#Header nav > ul > li p img {
    margin-left  : 2px;
    margin-right : 10px;
    margin-top   : 2px;
    float        : left;
}

#Header nav > ul > li p {
    font-size      : 12px;
    line-height    : 1.3em;
    text-transform : none;
    color          : var(--tertiary-color);
    margin-top     : 2px;
    display        : block;
    padding-right  : 30px;
}

#Navigation ul li.OnlyMobile,
#Header nav > ul li.OnlyMobile {
    display : none;
}

.Container.header {
    border-top : 3px solid var(--primary-color);
    background : white;
}

#PhoneHeader {
    background  : #f5f6f8;
    text-align  : right;
    color       : #595857;
    font-family : 'Fira Sans', Arial, verdana, sans-serif;
    font-size   : 12px;
    line-height : 28px;
}

#PhoneHeader span.at-symbol:before {
    content : "@";
}

#PhoneHeader span.dot-symbol:before {
    content : ".";
}

#PhoneHeader ul {
    margin  : 3px -5px 0 0;
    display : inline-block;
}

#PhoneHeader ul li {
    display     : inline-block;
    margin-left : 1.5em;
}

#PhoneHeader ul li:first-child {
    margin-left : 0 !important;
}

#PhoneHeader ul li:last-child {
    margin-right : 0 !important;
}

#PhoneHeader ul li a {
    color           : inherit;
    white-space     : nowrap;
    text-decoration : none !important;
}

#PhoneHeader ul li a .fa {
    line-height  : inherit;
    font-size    : 15px;
    margin-right : 3px;
}

@media (max-width : 512px) {
    #PhoneHeader {
        text-align : left;
    }

    #PhoneHeader ul {
        display : block;
    }

    #PhoneHeader ul li:last-child {
        float : right;
    }
}


#MinHeader {
    font-size   : 11px;
    padding     : 14px 35px 12px 35px;
    color       : #333333;
    background  : #f1f1f1;
    line-height : 1.3em;
}

#MinHeader a {
    font-weight : normal;
    color       : inherit;
}

#MinHeader ul {
    display    : inline;
    color      : inherit;
    list-style : none inside;
    margin     : 0;
}

#MinHeader ul li {
    display      : inline;
    margin-right : 1.5em;
    white-space  : nowrap;
}

#MinHeader ul li .fa {
    margin-right : 0.5em;
}

#MinHeader ul.login {
    float : right;
}

#MinHeader ul.login li:first-child {
    font-size      : 13px;
    font-weight    : bold;
    text-transform : uppercase;
}

#MinHeader ul.login li input {
    color       : #888888;
    font-weight : normal;
    width       : 120px;
    padding     : 0 2px;
    margin      : -4px 0 0;
}

#MinHeader ul.login li:last-child {
    margin-right : 0;
}


#Navigation ul,
#Header ul {
    list-style : none inside;
}

#Navigation {
    background  : var(--secondary-color);
    background  : #0c6ec6;
    padding     : 10px 40px 7px 35px;
    text-align  : right;
    font-size   : 13px;
    font-weight : normal;
    z-index     : 1000;
}

#Navigation a {
    color : inherit;
}

#Navigation ul li {
    display     : inline;
    color       : white;
    line-height : 20px;
    margin      : 0 0 0 2.5em;
    white-space : nowrap;
}

#Navigation ul li input {
    width         : 180px;
    margin        : 0;
    border-radius : 5px;
    border        : 0;
    color         : #888888;
    padding       : 3px 5px 2px 10px;
    font-weight   : normal;
    font-size     : 90%;
}

#SubNavi {
    padding   : 0;
    font-size : 0;
}

#SubNavi ul {
    list-style  : none inside;
    white-space : nowrap;
    overflow    : visible;
    margin      : 0;
}

#SubNavi ul li {
    display     : inline-block;
    font-size   : 12px;
    line-height : 40px;
    color       : var(--lightgray-4);
    background  : var(--lightgray);
    padding     : 0 10px 0 36px;
    position    : relative;
    margin-left : 4px;
}

#SubNavi ul li:before {
    content       : " ";
    display       : block;
    width         : 0;
    height        : 0;
    border-top    : 25px solid transparent;
    border-bottom : 25px solid transparent;
    border-left   : 20px solid white;
    position      : absolute;
    top           : 50%;
    margin-top    : -25px;
    margin-left   : 3px;
    left          : 100%;
    z-index       : 1;
}

#SubNavi ul li:after {
    content       : " ";
    display       : block;
    width         : 0;
    height        : 0;
    border-top    : 25px solid transparent;
    border-bottom : 25px solid transparent;
    border-left   : 20px solid var(--lightgray);
    position      : absolute;
    top           : 50%;
    margin-top    : -25px;
    left          : 100%;
    z-index       : 2;
}

#SubNavi ul li:first-child {
    margin-left  : 0;
    padding-left : 0;
}

#SubNavi ul li:last-child {
    color      : #595857;
    background : #f1f1f1;
}

#SubNavi ul li:last-child:after {
    border-left : 20px solid #f1f1f1;
}

#SubNavi ul li a {
    color : inherit;
}

#SubNavi ul li.OnlyMobile {
    display : none;
}

#SubNavi ul li span {
    margin-right : 5px;
    margin-left  : 5px;
}


#Content {
    color      : #333333;
    padding    : 50px 0;
    min-height : 400px;
    /*	overflow: hidden; */
}


div.left,
#Article {
    float : left;
    width : 835px;
}


#Footer {
    font    : var(--font-small);
    padding : 30px;
    color   : #333333;
}

body.plain #Footer {
    position   : relative;
    bottom     : 0;
    left       : 0;
    right      : 0;
    text-align : center;
}

#Footer ul {
    display    : inline;
    margin     : 0;
    list-style : none;
}

#Footer ul a {
    color : inherit;
}

#Footer ul li,
#Footer p {
    color       : inherit;
    font-size   : 14px;
    line-height : 1.6em;
    font-weight : normal;
}

#Footer .footer-headline {
    margin-bottom : 15px;
}

#Footer .footer-headline i {
    line-height  : inherit;
    margin-right : 5px
}

#Footer .footer-bestseller-legal-texts li {
    margin-left : 0;
}

#Footer h4 {
    border-bottom  : 1px solid #bbbbbb;
    margin-top     : 0;
    font-size      : 16px !important;
    text-transform : uppercase;
    padding-bottom : 10px;
    font-family    : var(--font-family-sans) !important;
    font-weight    : 500 !important;
    color          : var(--darkgray);
}

#Footer li.col1 {
    display      : inline-block;
    width        : 29%;
    margin-right : 4%;
    text-align   : justify;
}

#Footer li.col2 {
    width        : 21%;
    display      : inline-block;
    margin-right : 4%;
}

#Footer li.col3 {
    width        : 21%;
    display      : inline-block;
    margin-right : 0;
}

#Footer li.col4 {
    width        : 17%;
    float        : right;
    margin-right : 0;
}

#Footer li ul li {
    display : block;
    margin  : 0;
}

#Footer li.col4 ul li {
    display : block;
    margin  : 0;
}


#MinFooter {
    padding     : 15px 30px;
    font-size   : 12px;
    font-weight : normal;
    color       : #eeeeee;
}

body.plain #MinFooter {
    text-align : center;
}

body.plain #MinFooter.left-align {
    text-align : left;
}

#MinFooter ul {
    float       : right;
    color       : inherit;
    font-weight : 500;
    list-style  : none inside;
}

#MinFooter ul li {
    display      : inline-block;
    width        : auto;
    padding      : 0 9px;
    border-right : 1px solid #cccccc;
    white-space  : nowrap;
    margin       : 0;
}

#MinFooter ul li:first-child {
    padding-left : 0;
}

#MinFooter ul li:last-child {
    padding-right : 0;
    border        : 0;
}

#MinFooter ul li a {
    color : inherit;
}

@media screen and (max-width : 767px) {
    #MinFooter ul {
        margin-top : 10px !important;
        font-size  : 13px;
    }
}


#Header2021 {
    padding               : 0;
    text-align            : right;
    height                : 120px;
    -ms-user-select       : none; /* Internet Explorer/Edge */
    -moz-user-select      : none; /* Old versions of Firefox */
    -khtml-user-select    : none; /* Konqueror HTML */
    -webkit-user-select   : none; /* Safari */
    -webkit-touch-callout : none; /* iOS Safari */
    user-select           : none;
}

#Header2021 nav#MinNavi {
    display     : block;
    white-space : nowrap;
    padding-top : 16px;

    font-size   : 16px;
    font-family : 'Fira Sans', Arial, verdana, sans-serif;
    font-weight : 400;
    text-align  : right;
    color       : #595857;
}

#Header2021 nav#MinNavi #Logo {
    clear : left;
    float : left;
}

#Header2021 nav#MinNavi > ul {
    display    : inline-block;
    margin-top : 5px;
    font       : var(--font-small);
}

body#Portal #Header2021 nav#MinNavi > ul {
    display : none;
}

#Header2021 nav#MinNavi > ul > li {
    display     : inline-block;
    list-style  : none;
    margin-left : 15px;
    padding     : 32px 0;
    color       : #595857;
}

#Header2021 nav#MinNavi > ul > li:last-child {
    margin-right : 0;
}


#Header2021 nav#MinNavi > ul > li a {
    color : #595857;
}

#Header2021 nav#MinNavi > ul > li a.orange {
    color : #ef7d00;
}

#Header2021 nav#MinNavi > ul > li i.fa {
    line-height : inherit;
    color       : inherit;
}

#Header2021 nav#MinNavi > ul > li i.fa.fa-user {
    font-size    : 22px;
    margin-right : 5px;
    margin-top   : -1px;
    color        : inherit;
}

#Header2021 nav#MinNavi > ul > li i.fa.fa-phone,
#Header2021 nav#MinNavi > ul > li i.fa.fa-envelope {
    font-size   : 17px;
    margin-top  : -1px;
    margin-left : 5px;
    color       : inherit;
}

#Header2021 nav#MinNavi > ul > li i.fa.fa-envelope {
    margin-top  : -1px;
    margin-left : 10px;
    font-size   : 18px;
}

#Header2021 nav#MinNavi > ul > li:first-child {
    /* Manu Bar */
    text-align : right;
    font-size  : 30px;
    display    : none;
}


#Header2021 nav#MinNavi > ul > li#nav-phone-email {
    display : none;
    border  : 0;
    padding : 0 !important;
}

#Header2021.menu-show nav#MinNavi #nav-phone-email {
    display : block !important;
}

#Header2021.menu-show nav#MinNavi #nav-phone-email a {
    display    : inline-block;
    padding    : 10px 20px;
    background : #f5f6f9;
    text-align : center;
    box-sizing : border-box;
    width      : 45%;
}

#Header2021.menu-show nav#MinNavi #nav-phone-email a:last-child {
    float : right;
}

#Header2021.menu-show nav#MinNavi #nav-phone-email a .fa {
    margin : 0;
}

#Header2021 itrk-search-wrapper input {
    font : var(--font-small);
}

#kontaktformular-footer {
    max-width : 830px;
    margin    : 0 auto;
    padding   : 40px 0;
    color     : var(--tertiary-color);
}

#kontaktformular-footer > h3 {
    text-align    : center;
    /* text-transform : uppercase; */
    margin-top    : 0px;
    margin-bottom : 30px;
}

#kontaktformular-footer > *:last-child {
    margin-bottom : 0;
}

#kontaktformular-footer .itrk-form .itrk-columns-2 {
    margin-bottom : 10px;
}

#kontaktformular-footer .itrk-form .additional-infos {
    font : var(--font-small);
}

#kontaktformular-footer .itrk-form .itrk-button-bar {
    margin-top : 0;
}

#kontaktformular-footer .form-valid {
    text-align : center;
}

#kontaktformular-footer .form-valid .itrk-icon {
    margin-bottom : 10px;
}


@media all and (max-width : 767px) {
    #kontaktformular-footer {
        max-width : 410px;
    }
}

itrk-popup#popup_agb > itrk-popup-frame {
    width                   : 80%;
    max-width               : 1200px;
    color                   : #595857;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

itrk-popup#popup_agb > itrk-popup-frame:before {
    font-size : 16px;
}

itrk-popup#popup_agb > itrk-popup-frame #AgbTree {
    display : block;
}

itrk-popup#popup_agb > itrk-popup-frame #AgbTree .platformGroup > div,
itrk-popup#popup_agb > itrk-popup-frame #AgbTree a {
    color       : inherit;
    white-space : nowrap;
}

@media screen and (max-width : 767px) {
    #Header2021 nav#MinNavi #PhoneEmail {
        color        : inherit;
        padding      : 30px 0;
        margin-top   : 4px;
        margin-right : 15px;
        display      : inline-block !important;
        font-size    : 23px;
    }

    #Header2021 nav#MinNavi #PhoneEmail a {
        color       : inherit;
        margin-left : 10px;
    }


    #Header2021:before {
        position       : fixed;
        top            : 0;
        bottom         : 0;
        left           : 0;
        right          : 0;
        width          : 100%;
        height         : 100%;

        opacity        : 0.5;
        transition     : opacity 0.4s ease-in-out;

        content        : "";
        pointer-events : none;
        z-index        : 990;
    }

    #Header2021.menu-show:before {
        background          : rgba(0, 0, 0, 0.5);
        pointer-events      : initial;
        overscroll-behavior : contain;

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

    #Header2021 nav#MinNavi > ul {
        box-sizing    : border-box;
        z-index       : 1001;

        display       : inline-block;
        width         : auto;
        height        : auto;

        margin-left   : 0;
        margin-top    : 0;
        padding-top   : 20px;
        padding-right : 0;
    }

    #Header2021.menu-show nav#MinNavi > ul {
        border-top : 3px solid var(--primary-color);
    }

    #Header2021.menu-show nav#MinNavi > ul {
        height : 100%;
    }

    #Header2021 nav#MinNavi > ul > li {
        display      : none;
        padding      : 0 0 15px 0 !important;
        margin-top   : 15px;
        margin-left  : 0;
        margin-right : 0;
    }

    #Header2021 nav#MinNavi > ul > li:last-child {
        border : none;
    }

    #Header2021 nav#MinNavi > ul > li > ul {
        margin     : 5px 0;
        list-style : none;
        overflow   : hidden;
    }

    #Header2021 nav#MinNavi > ul > li > ul > li > a {
        font-weight : normal;
        color       : inherit;
    }

    #Header2021.menu-show nav#MinNavi > ul {
        position      : fixed;
        top           : 0;
        bottom        : 0;
        right         : 0;
        background    : white;

        box-shadow    : 3px 3px 10px #00000029;
        border-radius : 0;
        overflow      : initial;
        overflow-y    : scroll;

        width         : 50%;
        padding       : 30px 25px;
        min-width     : 275px;
        margin-top    : 0;
    }

    #Header2021.menu-show nav#MinNavi > ul > li {
        display       : block;
        border-bottom : 1px solid #dddddd;
    }

    body#Portal #Header2021 nav#MinNavi > ul {
        display : inline-block;
    }

    body#Portal #Header2021 nav#MinNavi > ul li.locked {
        font-weight : normal;
        color       : #cccccc;
    }

    body#Portal #Header2021 nav#MinNavi > ul li.locked:before {
        content      : "\f023";
		font-family  : "Font Awesome 6 Free";
        font-weight  : 900 !important;
        font-size    : inherit;
        color        : inherit;
        margin-right : 0.5em;
    }

    #Header2021 nav#MinNavi > ul > li:first-child {
        /* Manu Bar */
        font-size    : 30px;
        margin-right : 0;
        display      : block;
        border       : 0;
        opacity      : 1;
    }

    #Header2021.menu-show nav#MinNavi > ul > li {
        padding-right : 20px;
    }

    #Header2021.menu-show nav#MinNavi > ul > li:first-child {
        margin-top   : 20px;
        margin-right : -5px;
    }

    #Header2021.menu-show nav#MinNavi > ul > li:first-child .fa-bars:before {
        content : "\f00d";
    }
}

#Header .PopupNavi {
    position      : absolute;
    background    : white;
    border-bottom : 1px solid #cccccc;
    text-align    : left;
    top           : 145px;
    left          : 0;
    right         : 0;
    font-size     : 12px;
    padding       : 0 0 1em 0;
    box-shadow    : 0 6px 5px rgba(0, 0, 0, 0.1);
    z-index       : 20100;
}

#Header .PopupNavi > h2 {
    background  : #f5f5f5;
    margin      : 0;
    padding     : 10px 25px;
    font-size   : 16px;
    color       : var(--tertiary-color);
    font-weight : normal;
}

.OnlyMobile,
li.OnlyMobile,
hr.OnlyMobile,
.OnlyPrint {
    display : none;
}

div.button-group {
    display : inline-block;
    margin  : 0.25em 0;
}

div.button-group a.button {
    margin : 0.25em 0;
}

div.button-group + div.button-group {
    margin-left : 1em;
}

div.button-group.float-right {
    float : right;
}

div.button-group:last-child:after {
    display : block;
    clear   : both;
}

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

    .OnlyFull {
        display : none;
    }

    .OnlyMobile {
        display : inline;
    }

    hr.OnlyMobile, div.OnlyMobile {
        display : block;
    }

    .Wrapper {
        width         : auto;
        max-width     : 100%;
        padding-left  : 20px;
        padding-right : 20px;
    }

    #MinHeader {
        text-align    : right;
        height        : auto;
        padding-left  : 20px;
        padding-right : 15px;
    }

    #MinHeader ul {
        display : inline-block;
    }

    #MinHeader ul li {
        display     : block;
        margin      : 3px 0;
        white-space : nowrap;
    }

    #MinHeader ul li.OnlyFull {
        display : none;
    }

    #MinHeader ul.login {
        display : none;
    }

    #Content {
        padding-top : 40px;
    }

    #Header {
        display       : block;
        width         : 100%;
        margin        : 0;
        padding       : 0;
        border-bottom : 0;
        text-align    : center;
        height        : 70px;
    }

    body#Portal #Header {
        display : none;
    }

    #Header nav > ul {
        clear       : both;
        display     : inline-block;
        position    : absolute;
        bottom      : 5px;
        left        : 10px;
        padding     : 0;
        height      : auto;
        text-align  : left;
        white-space : nowrap;
        margin      : 0;
    }

    #Header nav > ul > li {
        position : relative;
        display  : inline-block;
        padding  : 0;
        margin   : 0;
        border   : 0;
        width    : 30%;
    }

    #Header nav > ul > li img {
        display : none;
    }

    #Header nav > ul > li + li {
        width : 37%;
    }

    #Header nav > ul > li + li + li {
        float : right;
        width : 30%;
    }

    #Header .PopupNavi {
        display    : block;
        top        : 70px;
        border-top : 1px solid #e5e5e5;
    }

    #Header nav > ul li {
        height : auto;
    }

    #Header nav > ul li a {
        display       : block;
        line-height   : 1.5em;
        font-size     : 10px;
        margin        : 0;
        padding       : 0 0 5px 5px;
        border        : 1px solid white;
        border-bottom : 0;
    }

    #Header nav > ul li a p {
        font-size     : 11px;
        margin-bottom : 2px;
    }

    #SubNavi {
        padding : 0;
    }

    #SubNavi ul {
        margin-left : 0;
    }

    #Navigation {
        display    : none;
        position   : absolute;
        margin-top : 34px;
        left       : 0;
        right      : 0;
        padding    : 0;
        box-shadow : 0 5px 5px rgba(0, 0, 0, 0.2);
    }

    #Navigation ul {
        margin : 0;
    }

    #Navigation ul li {
        display       : block;
        text-align    : center;
        font-size     : 13px;
        border-bottom : 1px solid #cccccc;
        margin        : 0;
    }

    #Navigation ul li a {
        display     : block;
        line-height : 3em;
    }

    #Footer {
        padding : 25px 20px 20px;
    }

    #Footer ul {
        margin : 0;
    }

    #Footer ul li.col1,
    #Footer ul li.col2,
    #Footer ul li.col3,
    #Footer ul li.col4 {
        clear   : both;
        display : block;
        margin  : 0;
        width   : 100%;
        float   : none;
    }

    div.left,
    #Article {
        float   : none;
        clear   : both;
        display : block;
        width   : 100%;
    }

    #MinFooter {
        text-align : center;
        padding    : 15px;
    }

    #MinFooter ul,
    #MinFooter span {
        margin  : 0;
        display : block;
        float   : none;
        padding : 0;
    }

    #SubNavi ul li.OnlyMobile {
        display : inline;
    }

    #Navigation ul li.OnlyMobile,
    #Header ul li.OnlyMobile {
        display : block;
    }

}

@media (max-width : 767px) {
    .Container {
        max-width : 100%;
        min-width : initial;
    }
}

/* Schriften für Handies optimieren */
@media only screen and (max-width : 767px) and (orientation : portrait) {
    #News p, #News ul, #News ol, #Article p, #Article ul, #Article ol, .SideBarItem ul, .SideBarItem p {
        line-height : 1.6em;
        text-align  : left !important;
    }

    #Article div.alert ul,
    #Content div.alert ul {
        margin-left : 1.5em !important;
    }
}

.card {
    border-radius : var(--itrk-border-radius-outer);
    border        : 1px solid var(--lightgray-border);
}


@media (max-width : 370px) {
    #Header2021 nav#MinNavi #PhoneEmail {
        display : none !important;
    }
}

@media screen and (max-width : 767px) {
    #_cms_admin_layer {
        top    : 0 !important;
        height : 48px !important;
        width  : 48px !important;
    }

    #_cms_admin_layer img {
        height : 48px !important;
        width  : 48px !important;
    }
}


/* GFX Elemente */
a.cms-gfx {
    margin-top    : 1em !important;
    margin-bottom : 1em !important;
}

img.cms-gfx {
    height : auto;
}

div.cms-gfx {
    text-align : center;
    margin-top : 2em;
}

div.cms-gfx > div {
    text-align    : center;
    max-width     : 747px;
    display       : inline-block;
    margin-bottom : 1.5em;
    background    : white;
    border        : 0px solid #e5e5e5;
    padding       : 0px;
    box-shadow    : 0px 3px 7px 5px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    overflow: hidden;
}

div.cms-gfx.full > div {
    max-width : none;
    display   : block;
}

div.cms-gfx > div > p {
    font-size   : 11px;
    line-height : 1.3em;
    font-weight : bold;
    color       : #333333;
    text-align  : left;
    margin      : 10px 0px 0px 0px;
    }

div.cms-gfx > div > *:last-child {
    padding-bottom : 0px !important;
    margin-bottom  : 0px !important;
}


.news-item > *:first-child {
    margin-top : 0 !important;
}

.news-item > *:last-child {
    margin-bottom : 0 !important;
}

.news-infos {
    display         : flex;
    flex-wrap       : wrap;
    row-gap         : 10px;
    gap             : 10px;
    justify-content : space-between;
    align-items     : center;
    width           : 100%;
    color           : var(--lightgray-4);
    font-size       : 12px;
}

.news-infos > span {
    display     : flex;
    gap         : 15px;
    white-space : nowrap;
}

.news-infos i {
    font-size    : 20px;
    margin-right : 5px;
}

#Article #article {
    margin-bottom : 3rem;
}

#Article .news-header {
    min-height    : 194px;
    padding       : 2rem 0px 1.5rem;
    border-top    : 1px solid #d0d0d0;
    border-bottom : 1px solid #d0d0d0;
    word-wrap     : break-word;
    overflow-wrap : break-word;
    word-break    : break-word;
    hyphens       : auto;
}

#Article .news-header .meta {
    display : flex;
    color   : var(--lightgray-4);
}

#Article .news-header .meta .date-time {
    margin-right : 23px;
    font-size    : 13px;
    white-space  : nowrap;
}

#Content header {
    margin-bottom : 40px;
}

#Content #Article > header:first-child {
    margin-bottom : 40px !important;
}

#Article itrk-tooltip .itrk-tooltip {
    min-width : auto;
}

#Article #copy-news-link itrk-tooltip .itrk-tooltip {
    min-width : 90px;
}

#Article .news-header .header-top {
    display         : flex;
    flex            : 1;
    flex-direction  : row;
    gap             : 15px;
    justify-content : space-between;
}

#Article .news-header .header-bottom {
    display         : flex;
    justify-content : space-between;
    column-gap      : 30px;
    margin-top      : 25px;
    flex-wrap       : wrap;
    row-gap         : 25px;
}

#Article .news-header .header-bottom > div {
    flex : 0 0 auto;
    column-gap: 20px;
}

#Article .news-header h1 {
    text-transform : initial !important;
    margin-bottom  : 0px !important;
}

#Article .news-header .meta,
#Article .news-header .author .author-name {
    font-size      : 13px;
    font-weight    : 400;
    line-height    : 1;
}

#Article .news-header .author .author-name {
    font-size      : 13px;
    font-weight    : 400;
    line-height    : 1;
    vertical-align : middle;
    align-items    : center;
}

#Article .news-header .meta {
    justify-content: space-between;
    width: 270px;
}

#Article .news-header .meta .date-time,
#Article .news-header .meta .news-infos > span > span {
    margin-right: 0;
    margin-bottom: 1em;
}

#Article .news-header .meta .date-time:last-of-type,
#Article .news-header .meta .news-infos > span > span:last-of-type {
    margin-bottom: 0;
}

#Article .news-header .meta .meta-dates {
    text-align: right;
}

#Article .news-header .meta .news-infos {
    align-items: flex-start;
}


#Article .news-header .author {
    display     : flex;
    align-items : center;
    gap         : 15px;
}

#Article .news-header .author .author-image {
    height          : 35px;
    width           : 35px;
    background-size : cover;
    border-radius   : 50%;
    border          : 1px solid #ececec;
    margin-top      : -15px;
    margin-bottom   : -15px;
}

#Article .news-header .news-thumbnail {
    flex  : none;
    max-width : 270px;
}

#Article .news-header .news-thumbnail img {
    max-height : 194px;
}

#Article .news-details {
    display : flex;
    gap     : 35px;
}

#Article .news-details i {
    font-size : 20px;
    color     : var(--darkgray);
}

#Article .news-details > div {
    font-size : 20px;
}

#Article .news-comments {
    margin-bottom : 4rem;
    margin-top    : 4rem;
}

#Article .news-comments h2 {
    margin-top : 0;
}

#Article .news-comments .news-comments-list {
    margin-top : 20px;
}

#Article .news-comments .news-comments-list .news-comment {
    display               : grid;
    grid-template-columns : 50px 1fr;
    padding               : 10px 0;
}

#Article .news-comments,
#Article .news-comments-list,
#Article .news-comment {

}

#Content .toc > h2,
#Article .toc > h2 {
    font-size     : 19px;
    margin-top    : 0 !important;
    margin-bottom : 1em !important;
}

#Content .toc > h2:after,
#Article .toc > h2:after {
    content : none;
    display : none;
}


.news-comment-img {
    border-radius    : 50%;
    width            : 33px;
    height           : 33px;
    line-height      : 33px;
    text-align       : center;
    text-indent      : 2px;
    border           : 1px solid var(--itrk-border);
    /* font-family: "Bitter", Arial, verdana, sans-serif; */
    font-weight      : bold;
    font-size        : 18px;
    background-color : #f7f7f7;
}

#Article .news-comments .news-comments-list .news-comment .news-meta {
    min-height  : 35px;
    display     : flex;
    align-items : center;
}

#Article .news-comments .news-comments-list .news-comment .news-meta .news-date-time {
    font  : normal normal normal 12px/22px Fira Sans;
    color : var(--tertiary-color)
}

#Article .news-comments .news-comments-list .news-comment .news-body {
    position    : relative;
    transition  : max-height 0.25s ease-in;
    max-height  : unset;
    overflow    : hidden;
    white-space : pre-wrap;
}

#Article .news-comments .news-comments-list .news-comment .news-body a {
    white-space : nowrap;
    overflow    : hidden;
}

#Article .news-comments .news-comments-list .news-comment .news-title {
    font-weight   : 500 !important;
    margin-bottom : 3px;
}

#Article .news-comments .news-comments-list .news-comment .news-body.read-more:after {
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    background : linear-gradient(transparent 40px, white);
    content    : "";
    width      : 100%;
}

#Article .news-comments .news-comments-list .news-comment .news-body.read-more {
    max-height : 70px;
    transition : max-height 0.5s ease-in;
    cursor     : pointer;
}

#Article .news-comments .news-comments-list .news-comment .news-body.read-more.open:after {
    background : transparent;
}

#Article .news-comments .news-comments-list .news-comment .news-body.open {
    max-height : 3000px;
}

#Article .news-comments .news-comments-list .news-comment .news-read-more {
    margin-top  : 0;
    position    : relative;
    display     : inline-block;
    font-weight : bold;
    cursor      : pointer;
}

#Article .news-comments .news-comments-list .news-comment .news-read-more:after {
    position           : absolute;
    line-height        : inherit;
    top                : -1px;
    right              : -21px;
    font-family        : "Font Awesome 6 Free";
    font-weight        : 900;
    content            : "\f078";
    transform          : scaleY(1);
    -webkit-transition : 0.4s ease-in-out;
    -moz-transition    : 0.4s ease-in-out;
    -o-transition      : 0.4s ease-in-out;
    transition         : 0.4s ease-in-out;
}

#Article .news-comments .news-comments-list .news-comment .news-body.open ~ .news-read-more:after {
    transform : scaleY(-1);
    top       : -2px;
}

#Article
.news-comments
.news-comments-list
.news-comment
.news-meta
.news-author {
    margin-right   : 15px;
    text-transform : uppercase;
    font-weight    : 500;
}

@media all and (max-width : 767px) {
    #Article #article {
        margin-bottom : 2rem;
    }

    #Article .news-header {
        margin      : 0 0 2rem 0 !important;
        border-top  : 0;
        padding-top : 0;
        padding-bottom : 1rem;
        min-height  : 0;
    }

    #Article .news-header h1:after {
        margin-bottom : 30px !important;
    }

    #Article .news-header .news-thumbnail {
        hyphens : auto;
        width   : 75px;
    }

    #Article .news-comments {
        margin-bottom : 60px;
        margin-top    : 60px;
    }

    #Article .news-header .header-content {
        margin        : 0 -20px -20px -20px;
        padding       : 20px;
        background    : var(--lightgray-1);
        border-top    : 1px solid var(--lightgray-2);
        border-bottom : 1px solid var(--lightgray-2);
    }

    #Article .news-header .header-bottom > div {
        flex: 1 1 100%;
    }
}

#copy-news-link {
    position : relative;
}

#copy-news-link.copied::after {
    position      : absolute;
    content       : 'Link kopiert!';
    bottom        : -40px;
    left          : 50%;
    border-radius : 7px;
    background    : var(--tertiary-color);
    color         : white;
    padding       : 5px 10px;
    width         : 80px;
}

@media all and (max-width : 550px) {
    #Article .header-bottom .meta {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        row-gap: 1em;
        column-gap: 0.5em;
    }

    #Article .news-header .meta .meta-dates,
    #Article .header-bottom .meta .news-info {
        flex: 1 1 auto;
    }

    #Article .header-bottom .meta .news-infos {
        width: auto;
    }
}



.read-also {
    margin: 3em 0;
    container-type: inline-size;
}

.read-also > span {
    font: var(--font-h5);
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
    color: var(--darkgray);
    text-transform: uppercase;
}

.read-also .read-also-content {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-top: 1px solid var(--itrk-border);
    border-bottom: 1px solid var(--itrk-border);
}
.read-also .read-also-content > i {
    font-size: 50px;
    color: var(--lightgray-4);
}

@media all and (max-width : 767px) {
    .read-also .read-also-content {
        align-items: start;
    }
}

.read-also .news-title {
    font-size: 16px;
    margin-bottom: 5px!important;
}

.read-also img {
    width: 57px;
}

.read-also p a, .read-also p {
    color: var(--darkgray-2);
    font-size: 14px!important;
    margin-bottom: 0!important;
}

.read-also p a {
    text-decoration: underline;
}


.news-infos span {
    line-height : 1;
    font-size   : 13px;
}
.news-infos .newsReadingTime, .news-infos .newsCommentsCount {
    display         : flex;
    justify-content : center;
}
.news-infos i {
    font-size    : 14px;
    margin-right : 5px;
}

.news-item {
    color : var(--tertiary-color);
}
.news-item .news-image img {
    border-radius : var(--itrk-border-radius);
}
.news-item .news-item-header {
    margin-bottom : 10px;
    margin-top    : 0 !important;
    word-wrap     : break-word;
    overflow-wrap : break-word;
    word-break    : break-word;
    hyphens       : auto;
    line-height: 1.3em !important;
}
.news-item .news-item-header a {
    color: var(--darkgray-2);
}
.news-item .news-item-topic {
    line-height: 1.4em;
}
.news-item .news-item-topic a {
    line-height: inherit;
    font-size: 14px;
}
.news-item .news-body {
    font        : var(--font-normal);
    text-align  : left !important;
    margin      : 0 0 10px !important;
}

/**
 * News Liste
 */
.news-list {
    width : 100%;
}

/**
 * Layout Default News Liste
 */
.news-list.news-list-default .news-item {
    box-sizing    : border-box;
    display       : grid;
    grid-template : repeat(4, auto) / 200px auto;
    column-gap    : 20px;
    border-bottom : 1px solid var(--lightgray-border);
    padding       : 2em 0;
}

.news-list.news-list-default .news-item:first-of-type {
    padding : 0 0 2em;
}

.news-list.news-list-default .news-item:last-of-type {
    border-bottom  : none;
    padding-bottom : 0;
}

.news-list.news-list-default .news-item:first-of-type {
    padding : 0 0 3em;
}

.news-list.news-list-default .news-item .news-image {
    grid-row : 1 / -1;
}

.news-list.news-list-default .news-item .news-image {
    height        : 150px;
    position      : relative;
    border-radius : var(--itrk-border-radius);
}

.news-list.news-list-default .news-item .news-image img {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

/**
 * Layout 2 Spalten
 */
.news-list.news-list-2col {
    display               : grid;
    grid-template-columns : 1fr 1fr;
    gap                   : 20px;
}

.news-list.news-list-2col .news-item .news-image {
    box-sizing     : border-box;
    padding-bottom : 75%;
    width          : 100%;
    position       : relative;
    border-radius  : var(--itrk-border-radius);
}

.news-list.news-list-2col .news-item img {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

.news-list.news-list-2col .news-item {
    box-sizing    : border-box;
    display       : grid;
    grid-template : auto 1fr auto / 200px auto;
    gap           : 15px;
    border-radius : var(--itrk-border-radius);
    border        : 1px solid var(--lightgray-border);
    padding       : 20px;
}

.news-list.news-list-2col .news-item-header:after {
    content       : "" !important;
    clear         : both;
    display       : block;
    width         : 100px;
    margin-top    : 15px;
    border-bottom : 4px solid var(--primary-color);
}

.news-list.news-list-2col .news-item p, .news-list.news-list-2col .news-infos, .news-list-2col .news-item-header {
    margin-bottom : 0px !important;
}

.news-list.news-list-2col .news-item p, .news-list.news-list-2col .news-infos {
    grid-column : span 2;
}

/**
 * Top News
 */
.top-news {
    padding       : 0px;
    border-radius : var(--itrk-border-radius);
    border        : 1px solid var(--lightgray-border);
    box-sizing    : border-box;
}

.top-news .news-item {
    display     : flex;
    align-items : stretch;
    height      : 100%;
}

.top-news .news-item .news-image {
    margin-bottom       : 0 !important;
    width               : 37%;
    background-size     : cover;
    background-position : center;
    box-sizing          : border-box;
    border-radius       : var(--itrk-border-radius) 0 0 var(--itrk-border-radius);
}

.top-news .news-item .news-content {
    flex       : 1;
    padding    : 26px 2.5em 25px;
    box-sizing : border-box;
}

#Content .top-news .news-item h1 {
    font-size      : 25px !important;
    line-height    : 32px !important;
    text-transform : none !important;
    word-wrap      : break-word;
    overflow-wrap  : break-word;
    word-break     : break-word;
    hyphens        : auto;

}

#Content .top-news .news-item h1:after {
    margin-bottom : 1em !important;
}

.news-list-header-only {
    box-sizing : border-box;
    margin     : 3em 0;
}

.news-list-header-only h2 {
    font           : var(--font-h3) !important;
    line-height    : 1em !important;
    text-transform : none !important;
    font-weight    : 400 !important;
}

.news-list-header-only > *:first-child {
    margin-top : 0 !important;
}

.news-list-header-only > *:last-child {
    margin-bottom : 0 !important;
}

.news-list-header-only > div {
    display               : grid;
    grid-template-columns : repeat(3, 1fr);
    column-gap            : 30px;
    row-gap               : 15px;
}

.news-list-header-only .news-item-header a {
    font        : var(--font-small) !important;
    color       : var(--darkgray);
    font-weight : 600 !important;
    display     : block;
}

@media all and (max-width : 767px) {
    .top-news {
        border : none;
    }

    .top-news .news-item {
        box-sizing     : border-box;
        padding-bottom : 2em;
        border-bottom  : 1px solid var(--lightgray-border);
    }

    .top-news .news-item .news-image {
        width          : 100%;
        padding-bottom : 66%;
        margin-bottom  : 3em !important;
        border         : 1px solid var(--itrk-border);
        border-radius  : var(--itrk-border-radius);
    }

    .top-news .news-item {
        display : block;
    }

    .top-news .news-item .news-content {
        padding : 0;
    }

    .top-news .news-item h1 {
        font-size   : 18px !important;
        line-height : 23px !important;
    }

    .top-news .news-item h1:after {
        margin-bottom : 30px;
    }

    .news-list-header-only {
        margin : 2em 0;
    }

    .news-list-header-only > div {
        grid-template-columns : 1fr;
    }
}

/**
 * Slider News Item
 */
.itrk-slider .news-item .news-image {
    box-sizing     : border-box;
    padding-bottom : 75%;
    width          : 100%;
    margin-bottom  : 20px;
    position       : relative;
    border-radius  : var(--itrk-border-radius);
}

.itrk-slider .news-item .news-item-header {
    font: var(--font-h4)!important;
}

.itrk-slider .news-item img {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

.itrk-slider .news-item .news-body {
    display            : -webkit-box;
    line-clamp         : 8;
    -webkit-line-clamp : 8;
    -webkit-box-orient : vertical;
    overflow           : hidden;
    text-overflow      : ellipsis;
}

.itrk-slider .news-item .news-infos {
    margin-top : auto;
}

@media all and (max-width : 767px) {
    .news-list.news-list-default .news-item {
        grid-template : repeat(3, auto) / auto 75px;
        row-gap: 10px;
    }

    .news-list.news-list-default .news-item .news-image {
        grid-row : auto;
        height   : auto;
    }

    .news-list.news-list-default .news-item .news-image, .news-list.news-list-2col .news-item .news-image {
        margin-bottom  : 0!important;
        max-height     : 90px;
        padding-bottom : 0;
    }

    .news-list.news-list-default .news-item .news-image img, .news-list.news-list-2col .news-item .news-image img {
        position : relative;
        height   : auto;
    }

    .news-list.news-list-default .news-item .news-image img {
        position : relative;
        height   : auto;
    }

    .news-list.news-list-default .news-item .news-body, .news-list.news-list-2col .news-item .news-body {
        margin-bottom: 0!important;
    }

    .news-list.news-list-default .news-item .news-item-header {
        order : -1;
        margin-bottom: 0!important;
    }

    .news-list.news-list-default .news-item {
        padding : 2em 0;
    }

    .news-list.news-list-default .news-item:last-of-type {
        border-bottom : solid 1px var(--lightgray-border);
        padding       : 2em 0;
    }

    .news-list.news-list-default .news-item p, .news-list-default .news-item .news-infos {
        grid-column : span 2;
    }

    .news-list.news-list-2col {
        display               : grid;
        grid-template-columns : auto;
    }

    .news-list.news-list-2col .news-item {
        grid-template : repeat(3, auto) / 75px auto;
    }
}


#Article .news-search-bar {
    padding-top : 20px;
    border-top  : 1px solid var(--lightgray-border);
}

.NewsList .Element {
    margin-bottom : 3px;
}

.NewsElement div.content {
    display : block;
    float   : right;
    width   : 615px;
}

.NewsElement div.content > div:first-child {
    min-height : 180px;
}

.NewsElement.small div.content {
    width : 65%;
}

.NewsList .news-archiv {
    margin-top    : 3em;
    margin-bottom : 3em;
}

/* @media screen and (max-width:767px) {
	.NewsList .news-archiv {
		border-bottom: 1px solid var(--lightgray-border);
	}
} */

/* .NewsElement old */
.NewsElement {
    padding    : 0 0 25px 0;
    margin-bottom: 25px;
    border-bottom : 1px solid var(--lightgray-border);
}

.NewsElement .thumb {
    position   : relative;
    text-align : center;
    float      : left;
    max-height : 400px;
    overflow   : hidden;

    background: var(--lightgray);
    border-radius: var(--itrk-border-radius);
}

.NewsElement .thumb img {
    max-width : 100%;
    border-radius: var(--itrk-border-radius);
}

.NewsElement .content h2 {
    margin         : 0.7em 0 !important;
    font-size      : 19px !important;
    line-height    : 24px !important;
    text-transform : none !important;
}

.NewsElement .content h2::after {
    display : none !important;
}

.NewsElement .content h2 a {
    color : #333333;
}

.NewsElement .content .date {
    font-size     : 85%;
    margin-bottom : 1em;
}

@media screen and (max-width : 767px) {
    .NewsElement.small div.content,
    .NewsElement div.content {
        display : block;
        width   : 100%;
        float   : none;
    }

    .NewsElement div.content > div:first-child {
        min-height : 0;
    }

    .NewsList .Element:first-child .NewsElement {
        border-top : 0;
    }

    .NewsElement .thumb {
        float : right;
        width : 200px !important;
        top   : 30px;
    }

    .NewsElement .thumb img {
        width : 100px;
    }
}

/** refactored **/
.news-elements {
    padding    : 0 0 25px 0px;
    margin-bottom: 25px !important;
    display    : flex;
    gap        : 20px;
    border-bottom : 1px solid var(--lightgray-border);
    margin: 0px;
}

.news-elements > .news-thumb {
    width : 200px;
    text-align: center;
    border-radius: var(--itrk-border-radius);
    overflow: hidden;
}
.news-elements .news-thumb img {
    max-width : 200px;
    border-radius: var(--itrk-border-radius);
    overflow: hidden;
}

.news-elements .news-content {
    flex : 1;
}
.news-elements .news-content .news-meta {
    font : var(--font-small);
}

.news-elements .news-content h2 {
    text-transform : initial !important;
    margin         : 0.7em 0 !important;
    font-size      : 19px !important;
    line-height    : 1.4em !important;
    font-weight    : 500 !important;
}

.news-elements .news-content .news-thumb img {
    max-width   : 80px;
    max-height  : 80px;
    padding-top : 3px;
}

@media screen and (max-width : 767px) {
    .news-elements:first-child {
        padding-top : 0;
        border-top  : none;
    }

    .news-elements .news-content h2 {
        font-size      : 19px;
        line-height    : 25px;
        letter-spacing : -0.19px;
        display        : flex;
        gap            : 15px;

    }

    .news-elements .news-content h2 a {
        flex : 1;
    }

    .news-elements .news-content .news-body {
        padding-top : 10px;
        hyphens     : auto;
        font-size   : 21px !important;
        line-height : 28px !important;
        font-weight : 300;
    }
}


@import 'tooltip.css';

html, body {
    font-size   : 16px;
    font-family : 'Fira Sans', Arial, verdana, sans-serif;
    font-weight : normal;
    line-height : 1.6em;
}

hr {
    display       : block;
    clear         : both;
    height        : 1px;
    border        : 0;
    margin        : 1.5em 0;
    border-bottom : 1px solid var(--lightgray-border);
}

hr.thick {
    border-bottom : 7px solid var(--lightgray);
}

th.center,
td.center,
div.center,
p.center {
    text-align : center !important;
}


div.section {
    display : inline-block;
    clear   : both;
}

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


hr.blue {
    border-bottom : 2px solid #0c6ec6;
}

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

/* Text transformations */

.uppercase {
    text-transform : uppercase !important;
}

.uppercase.bold {
    font-weight : 500 !important;
}

.capitalize {
    text-transform : capitalize !important;
}

.lowercase {
    text-transform : lowercase !important;
}

.italic {
    font-style : italic !important;
}

.no-decoration {
    text-decoration : none !important;
}

i.fa {
    line-height : inherit;
}

a {
    text-decoration : none;
    color           : var(--secondary-color);
}

a.external::after {
    font-family : "Font Awesome 6 Free";
    font-weight : 900;
    content     : "\f35d";
    font-size   : 80%;
    margin      : 0 3px;
}

a.external-before::before {
    font-family     : "Font Awesome 6 Free";
    font-weight     : 900;
    content         : "\f360";
    font-size       : 95%;
    margin          : 0px 10px 0 0;
    text-decoration : none;
    display         : inline-block;
    color           : var(--darkgray);
}

a.nohover:hover {
    text-decoration : underline;
}

#Content {
    color : var(--tertiary-color);
}

#Content::after {
    display : block;
    content : "";
    clear   : both;
}

#Content sup {
    font-size   : 100%;
    font-weight : 300;
    color       : var(--tertiary-color);
}

#Content p b {
    font-weight : 500;
}

h1, h2, h3, h4, h5 {
    line-height : 130%;
    font-family : 'Bitter', Arial, verdana, sans-serif;
    font-weight : 400;
}

h1 *, h2 *, h3 *, h4 *, h5 * {
    font-family   : 'Bitter', Arial, verdana, sans-serif;
    font-weight   : 400;
    margin-bottom : 0.5;
}

#Article a {
    word-wrap : break-word;
}


ol.alpha2 {
    margin-left   : 2.3em !important;
    counter-reset : list;
}

ol.alpha2 > li {
    list-style : none;
}

ol.alpha2 > li:before {
    text-align        : right;
    font-weight       : bold;
    display           : inline-block;
    width             : 2em;
    margin-left       : -2.6em;
    margin-right      : 0.5em;
    content           : counter(list, lower-alpha) ") ";
    counter-increment : list;
}


#Content *.black,
*.black {
    color : var(--tertiary-color);
}


#Content header {
    padding : 0;
    margin  : 0 0 1.5em;
}

#Content header h1 {
    margin-bottom : 0;
}

body.plain header.News {
    padding : 0 !important;
}

body.plain header.News address {
    position : relative;
}

p.blue,
span.blue {
    color : #0c6ec6;
}

.orange {
    color : var(--primary-color);
}

.orangeBackground {
    background-color : var(--primary-color);
}

a.ref_images {
    float         : left;
    margin-right  : 15px;
    margin-bottom : 10px;
    border        : 1px solid #bdcbe0;
    background    : white;
    padding       : 4px 4px 0;
}


article ul.brui-ulist,
#Article ul.brui-ulist {
    margin-left : 0;
}

#Content table th h2 {
    margin : 0.5em;
}


#Article > h2:first-child {
    margin-top : 0;
}

#Content div.cms-block,
#Content p.quote,
#Content blockquote {
    margin-top    : 2em;
    margin-bottom : 1em;
    margin-left   : 0;
    margin-right  : 0;
    padding       : 40px;
    background    : var(--background-blue);
    border-radius : var(--itrk-border-radius);
    position      : relative;
}

#Content .cms-block p.quote,
#Content .cms-block .cms-block {
    margin  : 2.5em;
    padding : 0 1.875em;
}

#Content .cms-block p.quote:after,
#Content .cms-block .cms-block:after {
    top   : -3px;
    left  : -10px;
    width : 30px;
}

#Content div.cms-block.info {
    margin : 0.5em 0 1em;
}

#Content p.quote,
#Content blockquote {
    font-style : normal;
}

#Content div.cms-block > *:first-child {
    margin-top : 0 !important;
}

#Content div.cms-block > *:last-child {
    margin-bottom : 0 !important;
}
#Content div.cms-block > *:last-child > *:last-child {
    margin-bottom : 0 !important;
}

#Content div.cms-block div.cms-block {
    padding    : 1em;
    background : white;
}

#Content div.cms-block.achtung::after,
#Content div.cms-block.hinweis::after,
#Content div.cms-block.hinweise::after,
#Content div.cms-block.beispiel::after,
#Content div.cms-block.beispiele::after,
#Content div.cms-block.tipp::after,
#Content div.cms-block.tipps::after,
#Content div.cms-block.definition::after,
#Content div.cms-block.muster::after,
#Content p.quote::after,
#Content blockquote::after {
    content           : '';
    position          : absolute;
    left              : -15px;
    top               : -15px;
    width             : 50px;
    height            : 50px;
    background-size   : contain;
    background-repeat : no-repeat;
    vertical-align    : middle;
    margin-right      : 0.5em;
}

#Content div.cms-block::before,
#Content p.quote::before,
#Content blockquote::before {
    font-weight    : 500;
    display        : block;
    text-transform : uppercase;
    margin-bottom  : 1em;
}

#Content div.cms-block.achtung::after {
    background-image : url('/gfx/News/block-achtung.svg');
}

#Content div.cms-block.achtung::before {
    content : 'Achtung';
}

#Content p.quote:after,
#Content blockquote:after {
    background-image : url('/gfx/News/block-zitat.svg');
}

#Content p.quote:before,
#Content blockquote:before {
    content : 'Zitat';
}

#Content div.cms-block.hinweis::after,
#Content div.cms-block.hinweise::after {
    background-image : url('/gfx/News/block-hinweis.svg');
}

#Content div.cms-block.hinweis::before {
    content : "Hinweis";
}

#Content div.cms-block.hinweise::before {
    content : "Hinweise";
}

#Content div.cms-block.beispiel::after,
#Content div.cms-block.beispiele::after {
    background-image : url('/gfx/News/block-beispiel.svg');
}

#Content div.cms-block.beispiel::before {
    content : "Beispiel";
}

#Content div.cms-block.beispiele::before {
    content : "Beispiele";
}

#Content div.cms-block.tipp::after,
#Content div.cms-block.tipps::after {
    background-image : url('/gfx/News/block-tipp.svg');
}

#Content div.cms-block.tipp::before {
    content : "Tipp";
}

#Content div.cms-block.tipps::before {
    content : "Tipps";
}

#Content div.cms-block.muster::after {
    background-image : url('/gfx/News/block-muster.svg');
}

#Content div.cms-block.muster::before {
    content : "Muster";
}

#Content div.cms-block.definition::after {
    background-image : url('/gfx/News/block-definition.svg');
}


#Content div.cms-block.definition::before {
    content : "Definition";
}

@media screen and (max-width : 768px) {
    #Content .cms-block p.quote,
    #Content .cms-block .cms-block {
        margin  : 2em 1em 2em 0;
        padding : 0 1.875em;
    }
}

@media screen and (max-width : 512px) {
    #Content div.cms-block,
    #Content p.quote,
    #Content blockquote {
        padding : 40px 20px 20px;
    }

    #Content div.cms-block.info {
        padding : 20px;
    }

    #Content div.cms-block::after,
    #Content p.quote::after,
    #Content blockquote::after {
        top    : -13px !important;
        left   : 0 !important;
        height : 40px !important;
    }
}

#Content div.info > div.info {
    background : white;
}

#Content p.info {
    padding-bottom : 1em;
}


#Content #article table {
    margin-bottom : 2em;
    width         : 100%;
}

#Content #article table th {
    font-weight : bold;
}

#Content #article table td,
#Content #article table th {
    padding : 3px;
}

#Content div.info table {
    width      : 100%;
    padding    : 0.25em;
    margin     : 0 0 1.5em;
    background : white;
    border     : 1px solid #999999;
}

#Content div.info table th,
#Content div.info table td {
    padding : 1px 5px;
}

#Content div.info table th {
    font-weight : bold;
    color       : #3668b4;
}

#Content div.info blockquote {
    background   : none;
    margin-right : 2em;
}

#Content pre.code {
    background    : #ffffd9;
    border        : 1px solid rgb(213, 213, 0);
    padding       : 8px;
    line-height   : 13px;
    font-size     : 12px;
    margin-bottom : 1em;
}


#News p, #News ul, #News ol,
#Content p, #Content ul, #Content ol,
div.Content ul, div.Content ol, div.Content p {
    margin-bottom : 1em;
}

ul {
    margin-left : 0.5em;
}

li {
    text-align  : left;
    margin-left : 1.5em;
}

#Article ul,
#Content ul,
#Content ol,
div.Content ul {
    margin-left   : 0;
    margin-bottom : 2em;
    padding       : 0;
}

#Article ul li,
#Article ol li,
div.Content ul li,
div.Content ol li {
    margin-bottom : 0.5em;
    margin-left   : 1.3em;
    padding-left  : 0.2em;
}

div.Content ul li.listheader,
div.Content ol li.listheader,
#Article ul li.listheader,
#Article ol li.listheader {
    display     : block;
    margin      : 0 0 5px;
    padding     : 0;
    list-style  : none;
    font-weight : bold;
}

#Content ol {
    list-style-type : decimal;
}

#Article ul li ul {
    padding : 0;
    margin  : 0.25em 0 0;
}

#Article ul li ul li {
    padding    : 0;
    margin     : 0 0 0.25em;
    list-style : none;
}

#Article ul li ul li.brui-ulist-element {
    list-style : square;
}

#Article ul.numeric,
article ul.numeric {
    list-style  : decimal;
    margin-left : 1.45em;
}

#Article ul.numeric li,
article ul.numeric li {
    list-style : decimal;
}

#Content cite {
    margin-bottom : 2em;
    line-height   : 1.4em;
    display       : block;
}

div.Content ul,
#Article ul {
    clear      : left;
    text-align : left;
}

div.Content ul li,
#Article ul:not(.check) li {
    list-style-image : url(/gfx/LAYOUT/items/Bullet.png);
}

div.pager {
    clear         : both;
    text-align    : center;
    color         : #888888;

    border-top    : 2px solid #0c6ec6;

    margin-top    : 1em;
    padding-top   : 1em;
    margin-bottom : 1em;
}

div.pager .selected {
    color       : black;
    font-weight : bold;
    font-size   : 110%;
}

#Content p.Impressum {
    background    : white;
    border        : 1px solid #cccccc;
    padding       : 1em;
    font-size     : 110%;
    text-align    : left;
    margin-bottom : 2em;
    color         : #666666;
}

#Content img.news_image {
    clear         : left;
    float         : left;
    width         : 100px;
    height        : auto;
    border        : 1px solid #cccccc;
    margin-right  : 0.75em;
    margin-bottom : 1em;
    margin-top    : 2px;
}

#Content .alert,
.alert {
    margin     : 2em 0;
    padding    : 1em 1.5em;
    border     : 1px solid var(--lightgray-border);
    background : var(--lightgray);
    text-align : left;
}

.alert.with-icon {
    box-sizing   : border-box;
    padding-left : 40px !important;
}

.alert.with-icon i {
    float       : left;
    margin-left : -25px;
}

.alert:first-child {
    margin-top : 0;
}

#Content .alert *:last-child,
.alert *:last-child {
    margin-bottom : 0;
}

#Content .alert.error,
.alert.error {
    border     : 1px solid red;
    background : #fff0f0;
    color      : var(--red-color);
}

.alert.error strong {
    font-weight : bold;
}

#Content .alert.notification,
.alert.notification {
    background : #edf6ff;
    border     : 1px solid #0062c3;
}

.alert.notification strong {
    color : #404040;
}

.alert.notification.gray {
    border     : 1px solid var(--lightgray-border);
    background : var(--lightgray);
}

.alert.notification.gray strong {
    color : #e7e7e7;
}

#Content .alert.warning,
.alert.warning {
    background : #ffffac;
    border     : 2px solid #ffed1c;
    padding    : 1em;
}

#Content .alert.success,
.alert.success {
    background : #e0ffe0;
    border     : 1px solid green;
    color      : green;
}

.alert.success strong {
    font-weight : bold;
    color       : green;
}

div.alert ul {
    margin-left : 1.5em !important;
}

div.alert i.fa,
div.alert i.fas {
    line-height : inherit;
    margin-top  : -1px;
}


#Content div.Werbung {
    margin-bottom : 2em;
    background    : #eaf8ff;
}

#Content div.Werbung h2 {
    background    : none;
    border-top    : 2px solid #0068b8;
    padding-left  : 1em;
    padding-top   : 0.75em;
    margin-bottom : 0.5em;
}

#Content div.Werbung p {
    margin-bottom : 0.6em;
}

#Content div.Werbung div.text {
    padding : 0 1em 0.5em;
}

#Content table.simple {
    width          : 100%;
    border         : 1px solid #cccccc;
    border-bottom  : 0;
    border-spacing : 0;
    margin-bottom  : 1em;
}

#Content table.simple th,
#Content table.simple td {
    padding : 3px;
}

#Content table.simple th {
    font-weight : bold;
}

#Content table.simple td {
    vertical-align : top;
    border-bottom  : 1px solid #cccccc;
    text-align     : left;
}

#Content table.simple td p,
#Content table.simple td ul li {
    text-align : left;
}

#Content table.simple th {
    background : #f0f0f0;
}

#Content .newslist li {
    margin  : 0;
    padding : 0.4em 0.4em;
}

#Content .newslist li .date {
    position   : absolute;
    width      : 70px;
    text-align : right;
    font-size  : 80%;
    margin-top : -3px;
}

#Content .newslist li a {
    display     : block;
    line-height : 1.2em;
    margin-left : 90px;
}

#Content div.plugin_gfx {
    margin-top    : 1.5em;
    margin-bottom : 1.5em;
    text-align    : center;
}

#Content #TopNews {
    padding       : 1em 2em 1em 1em;
    margin-bottom : 2em;
    box-shadow    : 3px 3px 5px #c0c0c0;
    background    : var(--lightgray);
}

#Content div.werbung {
    padding       : 1em;
    background    : #ebebeb url(/gfx/LAYOUT/items/Info_icon.jpg) no-repeat 0 60px;
    min-height    : 130px;

    border-radius : 3px;
    box-shadow    : 0 0 5px #999999;
}

#Content div.werbung > *,
#Content div.werbung ul {
    font-size   : 12px;
    line-height : 1.5em;
    margin-left : 135px;
}

#Content div.werbung h1,
#Content div.werbung h2 {
    margin-left   : 0.5em;
    font-size     : 14px;
    margin-bottom : 1em;
}

#Content div.werbung ul {
    margin-bottom : 1em;
}

#Content div.werbung ul li {
    font-size     : 95%;
    line-height   : 1.4em;
    margin-top    : 1px;
    margin-bottom : 1px;
}

#Content div.werbung > *:last-child {
    margin-bottom : 0;
}

#Content div.werbung p:last-child > a {
    float         : right;
    clear         : both;
    padding       : 5px 10px;
    margin-bottom : 0;
    font-size     : 11px;
    color         : white;

    border-radius : 3px;
    border        : 1px solid var(--tertiary-color);
    /* box-shadow: 0px 0px 5px var(--tertiary-color); */

    background    : #333333;
    background    : -moz-linear-gradient(top, #333333 0%, #7d7e7d 100%); /* FF3.6+ */
    background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #7d7e7d)); /* Chrome,Safari4+ */
    background    : -webkit-linear-gradient(top, #333333 0%, #7d7e7d 100%); /* Chrome10+,Safari5.1+ */
    background    : -o-linear-gradient(top, #333333 0%, #7d7e7d 100%); /* Opera 11.10+ */
    background    : -ms-linear-gradient(top, #333333 0%, #7d7e7d 100%); /* IE10+ */
    background    : linear-gradient(to bottom, #333333 0%, #7d7e7d 100%); /* W3C */
}

#Content div.werbung p:last-child:after {
    content : ' ';
    display : none;
    height  : 1px;
    clear   : both;
}

#Content ul.links {
    list-style  : none;
    padding     : 0;
    margin-left : 0;
}

#Content ul.links li {
    border-bottom    : 1px solid #cccccc;
    padding-bottom   : 3px;
    margin-bottom    : 3px;
    font-size        : 90%;
    margin-left      : 0;
    list-style-image : none;
}

p.byline {
    font-size      : 12px;
    margin-top     : -4px;
    line-height    : 1.2em;
    margin-bottom  : 2em !important;
    color          : var(--tertiary-color);
    padding-bottom : 5px;
    border-bottom  : 1px solid #cccccc;
}

.toc {
    margin        : 2em 0;
    padding       : 1.5em;
    border        : 2px solid #d9d9d9;
    border-radius : var(--itrk-border-radius);
    max-height    : 70vh;
    overflow-y    : auto;
}

.toc.right {
    float  : right;
    width  : 40%;
    margin : 0 0 2em 2em;
}

#Article .toc > ul,
.toc > ul {
    padding-bottom : 0;
    margin         : 0;
}

#Article .toc > ul li:last-child,
.toc > ul li:last-child {
    margin-bottom : 0;
}

#Article .toc > ul li,
.toc > ul li {
    margin-top    : 0.5em;
    margin-left   : 1.0em;
    margin-bottom : 0.5em;
}

#Article .toc > ul li.active {
    font-weight : bold;
}

.toc h2,
.toc h3 {
    margin      : 0 0 1em;
    border      : 0;
    padding     : 0;
    font-weight : 500;
}

#Article .toc > ul ul,
.toc > ul ul {
    font-size     : 90%;
    margin-bottom : 1em;
}

#Article .toc ul li ul {
    margin-top : 0;
}

#Article .toc > ul > li {
    margin-top : 1em;
}

#Article .toc > ul > li:first-of-type {
    margin-top : 0;
}

#Article .toc ul li ul li,
.toc ul li ul li {
    font-weight : normal;
    line-height : 1.3em;
    margin      : 2px 0 5px;
    display     : block;
}

#Article .toc ul li.active ul li,
.toc ul li.active ul li {
    font-weight : bold;
}

#Article .toc ul li ul li a,
.toc ul li ul li a {
    text-decoration : none;
    color           : #333333;
    border-bottom   : 1px dashed #999999;
}

#Content ul li p {
    margin : 0.25em 0;
}

#Content div.commercial {
    margin-top : 2em;
}

#Content div.commercial p {
    font-family : inherit;
    color       : inherit;
}

#Content div.commercial a.more {
    float          : right;
    margin-top     : -2em;
    font-size      : 13px;
    font-weight    : bold;
    width          : 165px;
    height         : 43px;
    color          : white;
    text-align     : center;
    background     : #276ec2;
    line-height    : 43px;
    border-radius  : 2px;
    text-transform : uppercase;
    box-shadow     : rgba(0, 0, 0, 0.2) 0 1px 1px 0;
}

#Content #article div.info table,
#Content div.info table {
    background : none;
    font-size  : 90%;
    border     : 0;
    margin     : 2em 0;
    border-top : 1px solid #e5e5e5;
}

#Content div.info table tr td {
    border-bottom : 1px solid #e5e5e5;
}

#Content div.info table tr > td:first-child {
    font-weight : bold;
}

#Content div.info table tr td *:last-child {
    margin-bottom : 0;
}

#Content div.info table tr {
    background : white;
}

#Content div.info table tr + tr {
    background : none;
}

#Content div.info table tr + tr + tr {
    background : white;
}

#Content ul.tabset {
    list-style : none;
}

.ContentItem {
    margin-bottom : 1em;
}

form.default input[type="submit"],
input.button,
span.button,
a.button {
    color          : var(--primary-color);
    text-transform : uppercase;
    border         : 1px solid var(--primary-color);
    background     : transparent;
    padding        : 0.5em 2em 0.4em 2em;
    font-size      : inherit;
    font-weight    : normal;
    line-height    : 1.3em;
    display        : inline-block;
    text-align     : center;
    width          : auto;
    white-space    : nowrap;
    cursor         : pointer;
    border-radius  : 7px;
}

@media screen and (max-width : 512px) {
    div.button-group {
        display : block;
        width   : auto;
    }

    form.default input[type="submit"],
    input.button,
    span.button,
    a.button {
        display       : block;
        text-align    : center;
        width         : auto;
        max-width     : 100%;
        margin-bottom : 5px;
    }

    div.button-group.float-right {
        float       : none;
        display     : block;
        margin-left : 0 !important;
    }

}


form.default input.block[type="submit"],
input.button.block,
span.button.block,
a.button.block {
    font-weight : normal;
    display     : block;
}

textarea.invalid,
input.invalid {
    background : #ffeeee;
}

form.default input.invert[type="submit"],
input.button.invert,
span.button.invert,
a.button.invert {
    color       : white;
    background  : var(--primary-color);
    font-weight : normal;
}

form.default input.blue[type="submit"],
span.button.blue,
a.button.blue,
a.button.blue,
input.button.blue {
    border-color : var(--secondary-color);
    color        : var(--secondary-color);
    font-weight  : normal;
}

form.default input.gray[type="submit"],
span.button.gray,
a.button.gray,
a.button.gray,
input.button.gray {
    background   : #dddddd;
    border-color : #dddddd;
    color        : var(--tertiary-color);
    font-weight  : normal;
}

form.default input.blue.invert[type="submit"],
a.button.blue.invert,
span.button.blue.invert,
input.button.blue.invert {
    background  : var(--secondary-color);
    color       : white;
    font-weight : normal;
}

#Content h2.divider,
#Content h3.divider,
.divider {
    font-family   : "Fira Sans", sans-serif !important;
    font-size     : var(--font-normal);
    color         : var(--tertiary-color);
    white-space   : initial;
    font-weight   : 500;
    background    : var(--lightgray) !important;
    margin        : 40px 0 20px 0;
    overflow-x    : hidden;
    text-align    : left;
    line-height   : inherit;
    padding       : 14px 45px 14px 15px;
    border-radius : var(--itrk-border-radius) !important;
}

#Content h2.divider.sticky,
#Content h3.divider.sticky,
.divider.sticky {
    margin-bottom              : 0;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
}

ul.topics {
    list-style : none;
}

ul.topics li {
    border-bottom : 1px solid var(--lightgray-border);
}

ul.topics li a {
    color : #3e3f3f;
}

ul.check {
    list-style  : none;
    margin-left : 0;
}

ul.check li {
    list-style : none;
}

ul.check li:before {
    content      : "✓";
    color        : #f07501;
    margin-right : 0.3em;
    position     : absolute;
    margin-left  : -1.2em;
}

#Content table.default {
    margin-top    : 1em;
    margin-bottom : 3em;
    border-bottom : 0;
    width         : 100%;
}

#Content table.default th {
    text-align    : left;
    font-weight   : bold;
    background    : var(--lightgray);
    padding       : 5px;
    border-bottom : 1px solid var(--lightgray-border);
    border-right  : 3px solid white;
}

#Content table.default th:last-child {
    border-right : 0;
}

#Content table.default td {
    text-align    : left;
    padding       : 5px;
    border-bottom : 1px solid #eeeeee;
}

#Content table.default td > ul {
    margin-left : 0;
}

#Content table.default td > ul > li {
    margin-left : 1em;
    font-size   : 14px;
}

#Content table.default td:first-child {
    padding-left : 0;
}

#Content table.default td *:last-child {
    margin-bottom : 0;
}

#Content table.default th.centered,
#Content table.default th.center,
#Content table.default td.centered,
#Content table.default td.center {
    text-align : center;
}

#Content table.default.noborder th,
#Content table.default.noborder th,
#Content table.default.noborder td {
    border  : 0;
    padding : 3px;
}

#Content .SideBarItem ul.Navi li {
    margin-left   : 13px;
    margin-bottom : 3px;
}

#Content .SideBarItem ul.Navi li a {
    color : inherit;
}

#Content .Infobox {
    margin-top : 3em;
    border     : 2px solid #fea150;
    padding    : 2em;
    background : #fefbf8;
}

#Content .Infobox h2,
#Content .Infobox h3 {
    margin-top : 0;
}

#Content .Infobox > *:last-child {
    margin-bottom : 0;
}

label {
    margin-right : 0.6em;
}

label.mandatory {
    font-weight : bold;
}

label.mandatory:after {
    content : "*";
    color   : #cc0000;
    margin  : 0 0.1em;
}

form.default {
    margin  : 2em 0;
    border  : 0;
    padding : 0;
}

form.default fieldset {
    position      : relative;
    display       : block;
    clear         : both;
    border        : 0;
    border-bottom : 1px solid #cccccc;
    padding       : 0 0 1.5em;
    margin        : 1.5em 0;
    white-space   : nowrap;
    overflow      : visible;
}

form.default fieldset * {
    white-space : normal;
}

form.default legend {
    font-weight : bold;
}

form.default label {
    display : inline-block;
    width   : 17%;
    margin  : 0 1.5% 6px 0;
}

form.default select {
    margin : 0 0 5px 0;
}

form.default textarea,
form.default input {
    width              : 80%;
    margin             : 0 0 5px 0;
    padding-left       : 5px;
    padding-right      : 5px;
    border             : 1px solid #d2d2d2;
    box-sizing         : border-box; /* css3 rec */
    -moz-box-sizing    : border-box; /* ff2 */
    -ms-box-sizing     : border-box; /* ie8 */
    -webkit-box-sizing : border-box; /* safari3 */
    -khtml-box-sizing  : border-box; /* konqueror */
}

form.default label {
    margin-top : 2px;
}

form.default .mandatory {
    font-weight : bold;
}

form.default div.error label,
form.default label.error {
    color : red;
}

form.default div.error input,
form.default input.error {
    background : #ffeeee;
}

#Content li h2:first-child,
#Content li h3:first-child,
div.Content h2:first-child,
#Content form.default > h2:first-child,
form.default > h2:first-child {
    margin-top : 0;
}

form.default input[readonly="readonly"] {
    background : var(--lightgray);
    color      : #999999;
}


form.default input[type="checkbox"],
form.default input[type="radio"] {
    width        : auto;
    margin-right : 1em;
}

form.default input[type="checkbox"] + label {
    width       : 90%;
    margin-top  : 0;
    white-space : normal;
}

div.annotation {
    font        : var(--font-small) !important;
    color       : var(--tertiary-color);
    padding     : 10px 0;
    border-top  : 1px solid #e5e5e5;
    line-height : 15px;
    clear       : both;
}

div.annotation div {
    margin-bottom : 0.5em;
}

div.Content ul li {
    list-style : square none;
    margin     : 0;
}

div.Content ul li a {
    color           : #333333;
    text-decoration : underline;
}

.col-25,
.col-25-2 {
    display            : inline-block;
    margin             : 0;
    padding            : 0;
    box-sizing         : border-box; /* css3 rec */
    -moz-box-sizing    : border-box; /* ff2 */
    -ms-box-sizing     : border-box; /* ie8 */
    -webkit-box-sizing : border-box; /* safari3 */
    -khtml-box-sizing  : border-box; /* konqueror */
    white-space        : normal;
}

.col-25-2,
.col-25 {
    width : 25%;
}

.col-25.right,
.col-25-2.right {
    float : right;
}

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

    #Article {
        padding-bottom : 2em;
    }

    #Footer ul li.OnlyFull {
        display : none;
    }

    #Article header h1 {
        margin-right : 0;
    }

    form.default label {
        white-space : nowrap;
    }

    form.default select {
        clear : right;
        /* display: block; */
    }

    .col-25 {
        display : block;
        width   : auto;
    }

    .col-25.right {
        display : block;
        width   : auto;
        float   : none;
    }

    .col-25-2 {
        width : 50%;
    }

    .scrollbanner {
        margin : -30px -20px 0 -20px;
    }

    .scrollbanner + img {
        display : none;
    }

}


ul.black,
div.Content ul.black,
#Article ul.black {
    color      : var(--tertiary-color);
    list-style : square none;
    margin     : 0;
}

ul.black li,
div.Content ul.black li,
#Article ul.black li {
    margin-bottom : 0;
}

code {
    background : var(--lightgray);
    border     : 1px solid #eaeaea;
    font-size  : 95%;
    padding    : 1px 4px;
}

textarea {
    width       : 98%;
    background  : white;
    border      : 1px solid #eaeaea;
    height      : 120px;
    padding     : 1%;
    line-height : 1.2em;
}

#Article ul.plain,
ul.plain {
    margin     : 0;
    padding    : 0;
    list-style : none inside none;
    width      : 100%;
}

#Article ul.plain li,
ul.plain li {
    margin-left  : 0;
    padding-left : 0;
    list-style   : none;
}

.price-with-decimal {
    color   : var(--primary-color);
    padding : 15px 0;
}

.price-with-decimal strong {
    font-size : 19px;
    color     : var(--tertiary-color);
}

.price-with-decimal .exact_price {
    font-style  : normal;
    font-size   : 35px;
    margin-left : -2px;
    font-weight : 500;
}

.price-with-decimal .exact_price sup {
    position   : absolute;
    font-size  : 17px !important;
    margin-top : -7px;
    color      : var(--primary-color) !important;
}

.price-with-decimal .time {
    position    : relative;
    top         : 8px;
    color       : var(--tertiary-color);
    font        : var(--font-small);
    margin-left : -2px;
}

.price-with-decimal.small {
    font-size : 15px;
}

.price-with-decimal.small .exact_price {
    font-style  : normal;
    font-size   : 32px;
    margin-left : -3px;
    font-weight : bold;
}

.price-with-decimal.small .exact_price sup {
    position    : absolute;
    font-size   : 12px;
    font-weight : bold;
    margin-top  : -6px;
    color       : var(--secondary-color) !important;
}

.price-with-decimal.small .time {
    position  : relative;
    top       : 6px;
    color     : var(--tertiary-color);
    font-size : 11px;
}


#SideBar {
	float: right;
	width: 325px;
	padding: 0px;
	margin: 0px;
	max-width: 325px;
}

#SideBar .SideBarItem {
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid var(--lightgray-border);
}
#SideBar .SideBarItem > *:last-child {
    margin-bottom : 0;
}
#SideBar .SideBarItem:last-child {
	margin-bottom: 4em;
}

#SideBar .SideBarItem.BannerItem {
	padding: 20px !important;
	margin-bottom: 30px !important;
	border: 1px solid var(--lightgray-border) !important;
	border-radius: var(--itrk-border-radius) !important;
	overflow: hidden;
}

#SideBar .SideBarItem h1,
#SideBar .SideBarItem h2,
#SideBar .SideBarItem h3 {
    margin-bottom  : 0.2em !important;
    font-weight    : 500;
    padding        : 0px;
    text-transform : uppercase;
    color          : var(--tertiary-color) !important;
    font-size      : 17px !important;
}
#SideBar .SideBarItem h1:first-of-type,
#SideBar .SideBarItem h2:first-of-type,
#SideBar .SideBarItem h3:first-of-type {
	margin-top     : 0px !important;
}


#SideBar .SideBarItem h1 + div.subline,
#SideBar .SideBarItem h2 + div.subline,
#SideBar .SideBarItem h3 + div.subline {
	margin-top: -6px !important;
}


#SideBar .SideBarItem h4 {
    margin-top  : 1.5em !important;
	font-family : var(--font-family-sans) !important;
    font-size   : inherit !important;
    font-weight : 500 !important;
    color       : var(--tertiary-color) !important;
}

#SideBar .SideBarItem form {
    background : none;
    border     : none;
    margin     : 0;
    padding    : 0;
}

#SideBar .SideBarItem p {
    margin : 1em 0;
}

#SideBar .SideBarItem ul {
    margin  : 0.7em 0;
    padding : 0;
}
#SideBar .SideBarItem ul li {
    text-align    : left;
    margin-left   : 1.4em;
    margin-bottom : 6px;
}

#SideBar .SideBarItem h2 + p,
#SideBar .SideBarItem h2 + ul,
#SideBar .SideBarItem h3 + p,
#SideBar .SideBarItem h3 + ul {
    margin-top : 0;
}

#SideBar .SideBarItem.image-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
#SideBar .SideBarItem.image-grid .single-image {
	border-radius: 7px;
	border: 1px solid var(--lightgray-border);
	overflow: hidden;
}

#SideBar .SideBarItem.img-layout {
	border-top: none;
	padding-top: 0px;
	padding-bottom: 20px;
}

#SideBar .SideBarItem > *:last-child,
#SideBar .SideBarItem > * > [class*="itrk-dropdown"]:last-child {
	margin-bottom: 0;
}

#SideBar .SideBarItem h3 + p,
#SideBar .SideBarItem h3 + a + p {
	margin-top: 0px;
}

#SideBar .SideBarItem.gray {
	background-color:	#f7f7f7;
	border: 0px;
	padding:			1em;
	box-sizing: border-box;
}
#SideBar .SideBarItem.gray h1 {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#SideBar .SideBarItem.gray h1 + p {
	margin-top: 0px;
	padding-top: 0px;
}
#SideBar .SideBarItem a.button:last-child {
	margin-top: 1.2em;
	display: block;
}
#SideBar .SideBarItem a > img.left-text-around {
	width: 100px;
	margin-right: 1.2em;
	margin-bottom: 1em;
	float: left;
}

#SideBar .SideBarItem ul > li > ul {
	margin-bottom: 1em;
}

.SideBarItem .easyscan-search .easyscan-btn  {
    margin-top: 1em;
}

#SideBar .icon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1em;
}

#SideBar .icon-header h2 {
    font: var(--font-h3)!important;
    font-size: 18px!important;
    text-transform: none!important;
    line-height: 18px!important;
    margin-bottom: 0!important;
}

#SideBar .icon-header img {
    max-height: 35px;
    max-width: 35px;
}

#SideBar .sub-title {
    font-weight: 500;
}

@media screen and (max-width:767px) {
    #SideBar {
		float: none;
		clear: both;
		width: 100%;
		margin-top: 20px;
		max-width: none;
	}

	#SideBar div.SideBarItem:last-child {
		margin-bottom: 1em;
	}

	#SideBar .SideBarItem {
		display: block;
		width: 100%;
		float: none;
		padding: 20px 0px;
		margin: 0px;
		border-top: 1px solid var(--lightgray-border);
		/* border-bottom: 1px solid #ccc; */
	}
	#SideBar .SideBarItem > h2:first-child,
	#SideBar .SideBarItem > h3:first-child {
		padding-top: 0px;
		margin-top: 0px;
		border: 0px !important;
	}

	body#Portal #SideBar .SideBarItem {
		border-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 1em;
	}
}


@media print {
    
    @page {
        size   : auto;
        margin : 2cm auto 4cm auto;
    }
    
    .OnlyPrint {
        display: inline-block;
        width: auto;
    }
    
    .Container,
    .Wrapper {
        width     : auto !important;
        min-width : min-content;
        display   : block;
    }
    
    .Container.header {
        border : 0;
    }
    
    table, figure {
        page-break-inside : avoid;
    }
    
    h1, h2, h3, h4, h5 {
        page-break-after : avoid;
    }
    
    #_cms_admin_layer,
    .Container.itrk-banner,
    #header-navi,
    #SideBar,
    #SubNavi,
    #Footer,
    #MinNavi ul,
    #MinFooter > ul {
        display : none !important;
    }
    
    #MinFooter {
        display    : block;
        text-align : left;
    }
    
    .no-print {
        display : none !important;
    }
    
    #chatTag {
        display: none!important;
    }
}