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

#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";
}

.cms-block.kurzfassung {
    margin-top       : 4em !important;
    background-color : var(--background-primary) !important;
    border           : 1px solid var(--primary-color);
    position         : relative;
}

.cms-block.kurzfassung:after {
    content          : "Das Wichtigste zusammengefasst";
    padding          : 0.5em 1.25em;
    color            : white;
    background-color : var(--primary-color);
    border-radius    : var(--itrk-border-radius);
    border           : 1px solid var(--primary-color);
    position         : absolute;
    top              : 0 !important;
    height           : auto !important;
    transform        : translateY(-50%)
}

@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:not(.kurzfassung)::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;
    line-height : 22px;
    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;
}