/*
    orange alt ed6d00
    orange new fc6520
*/


/* Hankook-Webfont */

/* Hankook-Webfont */

/* Webfont: Hankook-Bold */
@font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFBold.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFBold.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFBold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-BoldOblique */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFBoldOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFBoldOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFBoldOblique.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFBoldOblique.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFBoldOblique.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-Semibold */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFSemibold.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFSemibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookSemibold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFSemibold.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFSemibold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-SemiboldOblique */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFSemiboldOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFSemiboldOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFSemiboldOblique.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFSemiboldOblique.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFSemiboldOblique.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-Medium */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFMedium.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookMedium.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFMedium.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFMedium.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-MediumOblique */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFMediumOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFMediumOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFMediumOblique.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFMediumOblique.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFMediumOblique.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-Regular */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFRegular.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookRegular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFRegular.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFRegular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    }


    /* Webfont: Hankook-RegularOblique */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFRegularOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFRegularOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFRegularOblique.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFRegularOblique.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFRegularOblique.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    }


    /* Webfont: Hankook-Light */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFLight.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFLight.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFLight.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFLight.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    }

    /* Webfont: Hankook-LightOblique */
    @font-face {
    font-family: 'Hankook';
    src: url('../font/hankook/webfonts/HankookTTFLightOblique.eot'); /* IE9 Compat Modes */
    src: url('../font/hankook/webfonts/HankookTTFLightOblique.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/hankook/webfonts/HankookTTFLightOblique.woff2') format('woff2'), /* Super Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFLightOblique.woff') format('woff'), /* Modern Browsers */
    url('../font/hankook/webfonts/HankookTTFLightOblique.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    }


/**
	GENERAL STUFF
*/

/* TEMP DEVEL SETTING!!! CAN BE REMOVED AFTER BGRND IMGS ARE REMOVED FROM TILES !!! */
.bg-img {
    display: none;
}

html {
    font-size: 110%;
}

body {
    font-family: Hankook, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
}

hr {
    border-top: 1px solid #ddd;
}


.container-fluid {
    max-width: 1430px;
    max-width: 1920px;
    max-width: 1720px;
}

#content .container-fluid {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* navbar + navs */

.navbar .container-fluid {

}

.navbar .navbar-collapse {
    box-shadow: none;
}

.navbar-brand {
    margin: 3px 34px 2px 0;
    font: 0/0 a;
}

.navbar-brand:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.navbar-brand > img {
    max-height: 100%;
    display: inline-block;
}

.navbar-default .navbar-toggle {
    position: absolute;
    right: 6px;
    top: 0px;
    height: 39px;
}

.navbar-default .navbar-toggle:not(.collapsed) {
    margin-bottom: 20px;
}

.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar {
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    margin-top: 0;
    transform: rotate(45deg);
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    margin-top: -2px;
    transform: rotate(-45deg);
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    margin-top: -2px;
    transform: rotate(45deg);
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(5) {
    margin-top: -2px;
    transform: rotate(-45deg);
}

#language-select > ul {
    right: -1px;
    left: initial;
    width: 180px;
}

#language-select > ul > li {
}

#language-select > ul > li > a {
    padding-right: 0;
    padding-bottom: 1px;
    margin-bottom: 2px;
    font-size: 13px;
}

#language-select .lang_iso {
    display: block;
    float: right;
    width: 37px;
}

#collapse-navigation #top-right-nav {
}

#collapse-navigation #bottom-left-nav {
}

.cart-cnt {
    font-size: 100%;
    margin-left: 6px;
}

#cartDiv {
}

#content #cartDiv h3 {
    margin: 15px 0 4px 0;
}

#content #cartDiv ul {
    margin: 0 0 15px 0;
}

.dlCartButton {
    margin: 20px 40px 20px 0;
    vertical-align: bottom;
}

#cartMsgBlocks {
    display: none;
}

#cart-badge {
    float: left;
    position: relative;
/*
    position: fixed;
    bottom: 40px;
    right: 30px;
    width: 60px;
    height: 60px;
    background: #666;
    border-radius: 50%;
    opacity: 1;

    -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.7);

    transition: all ease 1.0s;
 */
}

@media (min-width: 1200px) {
    #cart-badge {
        /* bottom: 50px;
        right: 50px; */
    }
}

#cart-badge:not(.show) {
/*    right: -100px;
    opacity: 0; */
}

#cart-badge-icon {
    /*
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);

    margin-left: 2px;
    text-align: center;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 64px;
    font-size: 35px; */
}

#cart-badge-icon a {
    color: #fff;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#cart-badge-icon a:hover {
    opacity: 0.9;
}

#cart-badge-cnt {
    position: absolute;
    top: -10px;
    left: 20px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    background-color: #c64a00;
    color: #fff;
}

#cart-badge-cnt:empty {
    display: none;
}


@media (min-width: 1500px) {
    #language-select {
        /* border: 1px solid #969695; */
    }

    .navbar-default {
        height: 120px;
    }

    .navbar-brand {
        margin-top: 0px;
    }

    .navbar-brand > img {
        max-height: 100%;
	/* SF 2023-11-10 */
        /* width: 497px; */
    }

    #collapse-navigation-meta, #collapse-navigation-main {
        position: relative;
        font-size: 15px;
        font-weight: 500;
        z-index: 10;
        top: -30px;
    }
    #collapse-navigation-meta {
        z-index: 99;
    }


    .navbar-header {
        position: relative;
        top: 45px;
        z-index: 100;
    }

    #top-right-nav {
        position: absolute;
        right: 0;
        /* facelift 2019 */
        margin-top: 32px;
        font-size: 13px;
        z-index: 100;
    }

    #top-right-nav > li:not(.active) > a,
    #bottom-left-nav > li.pull-right:not(.active) > a {

        color: #000;
    }

    #bottom-left-nav {
        position: inherit;
        top: 90px;
        width: 100%;

    }

    #bottom-left-nav > li + li:not(.pull-right):before {
        /* content: "|"; */
        display: block;
        float: left;
    }

    .logo-navbar-header-right { position: absolute; top: 45px; right: 30px; }

    .myNavbarFixedTop #bottom-left-nav { margin-right: 200px; }
}


/* filter + search navbar */


.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: inherit;
}

.navbar-inverse .navbar-header .navbar-toggle .glyphicon-menu-down {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar-inverse .navbar-header .navbar-toggle:not(.collapsed) .glyphicon-menu-down {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#collapse-filter {
    position: relative;
    font-size: 19px;
    border: 0px;
}


#collapse-filter #filter {
    width: 100%;
}

#collapse-filter #filter #filter-label {
    display: none;
    color: #000;
}

#collapse-filter #filter #filter-label:after {
    /*
    content: "\e927";
    font-family: 'icomoon';
    display: inline-block;
    font-weight: 200;
    float: right;
    font-size: 30px
     */
}

#collapse-filter #filter > li {
    height: 30px;
}

.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a {
    color: #ccc;
    /* background: #ebe9e8; */
}

.navbar-inverse .navbar-nav > .disabled.active > a {
    color: rgba(255, 255, 255, 0.7);
    background: #ebbfa5;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #ccc;
}

#collapse-filter li > a, #filter-label {
    line-height: 30px;
    text-align: center;
}

#collapse-filter #filter-label:after {
    content: " ";
}

#collapse-filter #search {
    display: none;
}

#collapse-filter.collapse.in {
    z-index: 51;
}

@media (max-width: 1499px) {

}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    /* padding: 0; */
}


/* Styles für außerhalb von .container-fluid, steuern ansicht des containers */
.invert {
    background-color: #ebe9e8;
}

.btop {
    border-top: 15px solid #ebe9e8;
}

.bbot {
    border-bottom: 15px solid #ebe9e8;
}


/* generelles zu bootstrap Klassen */
.carousel {
    margin-bottom: 15px;
}

.carousel-indicators {
    bottom: 4px;
}

.carousel-indicators li {
    background-color: #fff;
    width: 14px;
    margin: 3px;
    height: 14px;
}

.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 3px;
}

.carousel-caption {
    left: 0;
    right: 0;
    bottom: 45px;
    padding: 10px 15px 10px 10px;
    text-align: left;
}

.carousel-caption:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: black;
    content: " ";
    opacity: 0.7;
}

#content .carousel-caption h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
}

#content .carousel-caption a {
    color: #FFF;
}

.carousel-caption ul.links {
    margin: 0px;
}

.carousel-caption p {
    display: none;
    margin-bottom: 0;
}

.carousel-caption ul.links li:not(:first-child) {
    display: none;
}

@media (min-width: 500px) {
    .carousel-caption ul.links li:not(:first-child) {
        display: block;
    }

    .carousel-caption {
        padding: 20px 40px;
    }

    .carousel-caption p {
        display: block;
    }

    .carousel-caption ul.links {
        margin: 10px 0px;
    }
}


/* tile features */
.tile > .row {
    margin: 0;
}

.tile.no-margin-xxs {
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 500px) {
    .tile.no-margin-xxs {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.tile:not(.no-bg) {
    position: relative;
    /* background-color: #ebe9e8; */
    margin-bottom: 15px;
}

.tile.dark-bg {
    background-color: #595959;
    color: white;
}

.tile.dark-text-bg.text-over-img .tile-ctnd {
    /* background-color: rgba(0, 0, 0, .7); */
}

.invert .tile:not(.no-bg):not(.dark-bg) {
    background-color: white;
}
/* 2019-05-31 stefan.frank@ma-x.de cutout deactivated / Facelift 2019  */
/*
.tile.cutout:after {
    display: block;
    height: 0px;
    width: 0px;
    content: " ";
    border-right: 15px solid white;
    border-bottom: 15px solid white;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    position: absolute;
    right: -1px;
    bottom: -1px;
}

.invert .tile.cutout:after {
    border-right: 15px solid #ebe9e8;
    border-bottom: 15px solid #ebe9e8;
}
*/
.tile.bordered {
    border: 1px solid #ebe9e8;
}

.invert .tile.bordered {
    border: 1px solid white;
}

.tile.bordered.padded-img {
    border: none;
}

.tile.text-over-img .tile-ctnd {
    position: absolute;
    bottom: 0;
    color: white;
}

.tile.padded-img .tile-img {
/*    border: 5px solid #ebe9e8;
    border-width: 5px 0px 5px 5px; */
    overflow: hidden;
}

.invert .tile.padded-img .tile-img {
    border-color: white;
}

.tile.dark-bg.padded-img .tile-img {
    border-color: #595959;
}

.tile.no-bg.padded-img .tile-img {
    border: none;
}

.tile.padded-img .tile-img > img {
    width: 100%;
}

.tile .bg-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
tile height for mh
*/
.ge_tile {
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .ge_tile {
        padding-bottom: 0px;
    }
}

.tile {
    XXXheight: 100%;
}

.tile .row {
    heightDefunc: 100%;
}

.equalize-slider .ge_tile {
    height: auto;
    margin-bottom: 0px;
}

.equalize-slider .tile {
    height: auto;
}

@media (min-width: 992px) {
    .equalize-slider h2 {
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    .equalize-slider .leftCol {
        Xmargin-bottom: 20px;
    }

    .equalize-slider .rightCol {
        margin-bottom: 15px;
    }
}


/*
footer
*/

footer#footertop h3, #pid485 footer#footertop a {
    color: #000;
}

.btop {
    border-top: 0px solid #ebe9e8;
}

.btop > .container-fluid {
    border-top: 2px solid #fc6520;
}

#copyright .img-responsive {
    display: inline;
}

#copyright p {
    padding-top: 12px;
    padding-bottom: 12px;
}

footer#footertop h3 {
    margin-top: 16px;
    font-weight: 600;
    font-size: 17px;
}

footer#footertop {
    background-color: #363636;
    background-color: #ffffff;
    color: #333333;
    margin-top: 15px;
    padding-top: 5px;
}

.navbar ul {
    list-style-type: none;
    padding: 0;
}

.navbar ul.nav > li,
.navbar ul.nav > li.white > ul > li {
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    margin-right: 16px;
}

.navbar a {
    font-weight: normal;
}

.navbar a:hover {
    background: none;
    color: #363636;
}

.navbar .active a {
    color: #333;
}

.navbar ul.nav > li.white > ul > li > a {
    color: white;
}

.navbar ul.nav > li.white > ul > li:before {
    display: none;
}

.navbar ul.nav > li > ul {
    margin-bottom: 15px;
    font-weight: 400;
}


.navbar ul.nav > li > ul > li:before {
    margin-left: -14px;
}
.navbar .nav-item a { padding-bottom: 20px; }
.navbar .nav-item a[aria-expanded="true"] { border-bottom: 2px solid #fc6520; }
.navbar .nav-item a[aria-expanded="true"] { border-bottom: 2px solid #f0f0f0; }

/*
copyright */
#copyright img.logo {
    max-height: 60px;
}

#copyright {
    padding: 20px 10px;
    margin-bottom: 100px;
}


#copyright p {
    margin-top: 5px;
    margin-left: 10px;
}

#copyright ul {
}

#copyright ul > li {
    float: left;
}

#copyright ul > li > a {
    padding: 5px;
    color: #969695;
}

#copyright ul > li > a:hover {
    background-color: transparent;
}

#copyright .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar {
}

#copyright .navbar .navbar-collapse {
    text-align: center;
}

/* content elements */
#content h1, .htmlarea-content-body h1 {
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #000000;
    padding-top: 64px;
    padding-bottom: 32px;
    margin-top: 0px;
    text-transform: lowercase;
}

#content .rightCol h1 {
    padding-bottom: 24px;
}

@media (min-width: 500px) {
    #content h1, .htmlarea-content-body h1 {
        font-size: 42px;
    }
}

#content h2, .htmlarea-content-body h2 {
    /* 2019-05-31 stefan.frank@ma-x.de facelift 2019
    font-weight: 600;
    */
    font-size: 1.1em;
}

#content h3, .htmlarea-content-body h3 {
    margin-top: 0px;
    font-size: 15px;
}

@media (min-width: 992px) {
    #content .margin-top {
        margin-top: 7px;
    }

    #content .equalize-slider .margin-top {
        margin-top: 75px;
    }
}

.margin-top.rightCol h2 { margin-top: 0; }

#content .tile h2 {
    padding-top: 0;
}

.tile .tile-ctnd {
    float: left;
    padding: 0 30px;
}

.rightCol .tile .tile-ctnd {
    /* 2018-08-27 sf: "Anprechpartner Text nach unten rücken" */
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 15px;
    /* 2018-08-27 sf: "Anprechpartner Text nach unten rücken" */
}

.tile.no-bg .tile-ctnd {
    padding-left: 0;
    padding-right: 0;
}

.tile .tile-img {
    padding: 0;
}

.tile .tile-img img {
}

#content .tile .tile-ctnd > *:first-child {
    margin-top: -10px;
}

#content .tile .tile-ctnd > *:last-child {
    margin-bottom: -10px;
}

#content .tile.tight .tile-ctnd > *:first-child {
    margin-top: -10px;
}

#content .tile.tight .tile-ctnd > *:last-child {
    margin-bottom: -10px;
}


ul.tags,
ul.links {
    float: left;
    width: 100%;
    padding: 0px 0px;
    margin: 10px 0px;
}

ul.tags > li,
ul.links > li {
    color: #000;
    float: left;
    list-style-type: none;
    padding: 5px 0;
}

ul.links > li {
    margin-right: 30px;
}

ul.tags > li + li:before {
    content: "|";
    margin: 0px 5px;
    display: block;
    float: left;
}

.file-icon-desc ul.links {
    margin: 0;
}

.file-icon-desc ul.links > li {
    padding: 0;
}

/* 2019-09-19 .backarrowlink:after deleted */
.mail:after,
.arrowlink:after,
.arrowlinkWhite:after,
footer li li:after,
ul.links > li:after {
    content: ">";
    margin-left: 6px;
    color: #111;
}

ul.nobullets > li:before {
    display: none;
}

.links.nobullets a { color: #FFF !important; }
.links.nobullets.cart-add-all a { color: #000 !important; }

.backarrowlink:before {
    content: "<";
}

p.truncated > span.ellipsis > span {
    display: none;
}

.no-tiles .ellipsis {
    display: none;
}

.dlglyph {
    font-size: 120%;
    padding-right: 5px;
}


/*
infinity scroll
*/
.inf-slider .scrollableWrapper {
    width: 100%;
    overflow-x: hidden;
    height: auto;
}

.inf-slider .scrollable {
    position: relative;
    left: 0;
    float: left;
}

.inf-slider .itemGroup {
    width: 396px;
    float: left;
}

.inf-slider .itemGroup.narrow {
    width: auto;
    padding: 70px 20px;
}

.inf-slider .itemGroup .item {
    float: left;
    width: 50%;
    padding: 1px;
}

.inf-slider.trio .itemGroup:nth-child(odd) .item:nth-child(3),
.inf-slider.trio .itemGroup:nth-child(even) .item:first-child,
.inf-slider.single .itemGroup .item {
    width: 100%;
}

.inf-slider .filter > li {
    margin-right: 1px;
    margin-bottom: 11px;
}

.inf-slider .filter > li + li {
    margin-left: 0px;
}

.inf-slider .filter > li > a {
    text-transform: uppercase;
    border-radius: 0px;
    background-color: #50504f;
    color: white;
}

.inf-slider .filter > li.active > a,
.inf-slider .filter > li.active > a:focus,
.inf-slider .filter > li.active > a:hover,
.inf-slider .filter > li > a:hover {
    color: #fff;
    background-color: #fc6520;
}

.inf-slider .filter > li.active:after,
.inf-slider .filter > li:hover:after {
    content: " ";
    text-align: center;
    position: absolute;
    display: block;
    top: 40px;
    width: 0px;
    left: 50%;
    height: 0px;
    border-bottom: 11px solid transparent;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 9px solid #fc6520;
    margin-left: -11px;
    z-index: 3;
}

.inf-slider .navbar-inverse {
    margin-bottom: 14px;
    padding: 0px 10px;
}

.v-infinit-scroll .pgnt {
    display: none;
}

.v-infinit-scroll .hl_year {
    margin-top: 80px;
}


/* file list gallery view */
#content .layout-imggallery h2 {
    margin: 60px 0 10px 0;
}

#content .layout-imggallery + .layout-imggallery h2 {
    border-top: 15px solid #ebe9e8;
    padding-top: 30px;
}

#content .invert .layout-imggallery + .layout-imggallery h2 {
    border-top-color: #fff;
}

#content .layout-imggallery h3 {
    margin-top: 45px;
    margin-bottom: 0px;
}

#content .layout-imggallery + .layout-imggallery h3 {
    border-top: 7px solid #ebe9e8;
    padding-top: 35px;
    margin-top: 25px;
}

#content .invert .layout-imggallery + .layout-imggallery h3 {
    border-top-color: #fff;
}

#content .layout-imggallery hr {
    margin-bottom: 5px;
}

#content .layout-imggallery2 hr {
    margin-top: 8px;
    margin-bottom: -10px;
}

#content .invert .layout-imggallery hr {
    border-top-color: #f9f8f7;
}

#content .layout-imggallery .fileLinkGal .fileinfo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    Xcolor: #fc6520;
    Xpadding-top: 2px;
    Xpadding-left: 9px;
    Xline-height: 15px;
    margin: 25px 0 8px 0;
}


/* general */
/*p {
	margin:0px;
}*/
.bigger {
    font-size: 110%;
    margin: 20px 0px 40px;
}

ul.links.moveup {
    margin: 0;
    margin-top: -38px;
    float: right;
    width: auto;
    padding: 0;
}

ul.links.moveup li {
    margin: 0;
}

.icom {
    font-size: 23px;
}

/*
MISC
*/
.full-width-or-height {

}

.year {
    color: #969695;
    font-size: 140% !important;
    text-align: center;
}

/*
*	youtube, twitter, facebook colors
*/
.yt:hover {
    color: #cd201f !important;
}

.tw:hover {
    color: #55acee !important;
}

.fb:hover {
    color: #3b5998 !important;
}
a.insta:hover .icom { color: transparent !important; }
.insta:hover {
    color: transparent !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: #3b5998 !important;
}

.equalize .teaser-text p {
    display: inline;
    position: relative;
}

.equalize .teaser-text p .ellipsis {
    position: absolute;
}

.equalize .teaser-text {
    max-height: 80px;
    overflow: hidden;
    width: 105%;
    padding-right: 5%;
}

.row.align-cols-x-y > *,
.row.align-cols-x-y .row > * {
    display: inline-block;
    vertical-align: middle;
    float: none;
    text-align: center;
}

.row.align-cols-x-y > * > *,
.row.align-cols-x-y .row > * > * {
    margin: 0px auto;
}

.row.no-tiles {
    margin-bottom: 40px;
    line-height: 1.72;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.resizable {
    margin-left: 50%;
    transform: translate(-50%, 0%);
}


/*
*	FILTER
*/
/*
div[class^="flt"], div[class*=" flt"] {
  -webkit-transition: height 2s !important;
  -moz-transition: height 2s !important;
  -o-transition: height 2s !important;
  transition: height 2s !important;

}

body .flt1:not(.fltIGNORE),
body .flt2:not(.fltIGNORE),
body .flt3:not(.fltIGNORE),
body .flt4:not(.fltIGNORE),
body .flt5:not(.fltIGNORE),
body .flt6:not(.fltIGNORE),
body .flt7:not(.fltIGNORE),
body .flt8:not(.fltIGNORE),
body .flt9:not(.fltIGNORE) {
	display:none;
}
body.flt1 .flt1:not(.fltIGNORE) {
	display:block;
}
body.flt2 .flt2:not(.fltIGNORE) {
	display:block;
}
body.flt3 .flt3:not(.fltIGNORE) {
	display:block;
}
body.flt4 .flt4:not(.fltIGNORE) {
	display:block;
}
body.flt5 .flt5:not(.fltIGNORE) {
	display:block;
}
body.flt6 .flt6:not(.fltIGNORE) {
	display:block;
}
body.flt6 .flt7:not(.fltIGNORE) {
	display:block;
}
body.flt6 .flt8:not(.fltIGNORE) {
	display:block;
}
body.flt6 .flt9:not(.fltIGNORE) {
	display:block;
}
*/


/* -----
GridElements
   ----- */

.grid_el.ge_cols1, .grid_el.ge_cols2, .grid_el.ge_cols3, .grid_el.ge_cols4 {
}

div.grid_el.ge_iconbox {
}

div.grid_el.ge_vdist.gevd_5 {
    height: 5px;
}

div.grid_el.ge_vdist.gevd_10 {
    height: 10px;
}

div.grid_el.ge_vdist.gevd_20 {
    height: 20px;
}

div.grid_el.ge_vdist.gevd_35 {
    height: 35px;
}

div.grid_el.ge_vdist.gevd_55 {
    height: 55px;
}

div.grid_el.ge_lightbox_content {
    padding: 16px;
}


/* ------------------------------------------------------------
	ALL-TIME FAVORITES - KEEP AT END OF CSS
   ------------------------------------------------------------ */


/* ----- 
Wrapper to make YouTube videos responsive
--
<div class="responsiveYouTubeWrapper">
    <iframe ...YOUTUBE EMBED CODE HERE...></iframe>
</div>
   ----- */

.responsiveYouTubeWrapper {
    position: relative;
    width: 100%;
    padding-top: 66.7%; /* 16:9 ratio = 56.25% + ctrl and info */
}

.responsiveYouTubeWrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/* ----- 
TYPO3 email spam protection
   ----- */
span.insat span {
    display: none;
}

span.insat:after {
    content: "@";
}


/* ----- 
Change bullets and indenting for ULs in main content  (Bootstrap tabs excluded!)
   ----- */
#content ul:not(.nav-tabs):not(.tags):not(.links),
.htmlarea-content-body ul {
    position: relative;
    /* SF 2024-10-14 */
    list-style: square;
    margin: 10px 0;
    padding-left: 1.8em;
}

#content ul:not(.nav-tabs):not(.tags):not(.links):not(.nav-item) li:before,
.htmlarea-content-body ul li:before {
    position: absolute;
    content: "\25AA️";
    left: 0;
    color: #000;
    font-size: 1.2em;
    margin-top: 2px;
}

#content footer ul li:before {
    content: "" !important;
}


#content ul.arrowlist:not(.nav-tabs):not(.tags):not(.links) li:before,
#content .layout-arrowlist ul:not(.nav-tabs):not(.tags):not(.links) li:before {
    content: ">";
}


#content li.active a {
    color: #555;
    font-weight: bold;
}


#content ul.typo3-messages li:before {
    content: "";
    width: 15px;
}


/* -----
Overwrite / extend Bootstrap
   ----- */


/* a more rigid version of text-left */
.force-text-left {
    text-align: left !important;
}

/* invisible placeholder glyphicon */
.glyphicon-none:before {
    content: "\e094";
    color: transparent !important;
}

.glyphicon-gray {
    color: #aaa;
}

.glyphicon-search {
    color: grey !important;
    font-size: 24px;
    margin-top: 8px;
}

/* default form focus color */
.form-control:focus {
    border-color: #edb88a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 109, 0, 0.25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(237, 109, 0, 0.25);
}

/* default button color (and accordion header!!!) */
.btn.btn-default {
    background-color: #f0f0f0;
    font-size: 22px
}

/* RTE CTA button */
a.btn.btn--bg.btn--arrow,
span.btn.btn-primary > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    padding: 0.9rem 1.7rem;
    border: 1px solid #000;
    border-radius: 999px;
    background: #000;
    color: #fff;
    font-family: Hankook, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    transition: none;
}

a.btn.btn--bg.btn--arrow:hover,
a.btn.btn--bg.btn--arrow:focus,
span.btn.btn-primary > a:hover,
span.btn.btn-primary > a:focus {
    color: #fff;
    text-decoration: none;
}

a.btn.btn--bg.btn--arrow::after,
span.btn.btn-primary > a::after {
    content: "\2192";
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1;
    transform: translate(0, -0.08em);
    transition: transform 0.2s ease;
}

a.btn.btn--bg.btn--arrow:hover::after,
a.btn.btn--bg.btn--arrow:focus::after,
span.btn.btn-primary > a:hover::after,
span.btn.btn-primary > a:focus::after {
    transform: translate(0.25rem, -0.08em);
}

span.btn.btn-primary {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
}

/* table class to remove 100% width of default bootstrap tables */
.table-nonfluid {
    width: auto !important;
}

/* nice blockquotes */
blockquote {
    position: relative;
    background: #fbf9f8;
    border-left: 10px solid #cdcbca;
    margin: 1.5em 0px;
    padding-left: 3.5em;
    quotes: "\201C" "\201D" "\2018" "\2019";
    font-size: inherit;
}

blockquote:before {
    position: absolute;
    left: 12px;
    color: #cdcbca;
    content: open-quote;
    font-size: 4.2em;
    line-height: 0.8em;
}

blockquote:after {
    content: no-close-quote;
}

/* ACCORDIONS */

.panel.ge_accordion_item {
    margin-bottom: 10px;
    border-radius: 0;
}

/* we use buttons instead of panel headings for accordions, because clickable on whole surface - not only text link */
.panel.ge_accordion_item > .btn {
    border-color: transparent;
    border-radius: 0;
    white-space: normal;
}

/* accordion glyph icon - set color & animate */
.panel.ge_accordion_item > .btn[data-toggle="collapse"] > .glyphicon {
    color: #000;
    margin-right: 15px;
    top: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
}

.panel.ge_accordion_item > .btn[data-toggle="collapse"].collapsed > .glyphicon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* TABS */

.nav-tabs li a {
    XXXcolor: #1d1719;
}

.nav-tabs li.active a {
    XXXcolor: #fc6520;
}


/* -----
TYPO3 FElogin
   ----- */
/* hide legend headline without removing it */
.tx-felogin-pi1 legend {
    color: transparent;
}


/* -----
TYPO3 Indexed Search
   ----- */

.tx-indexedsearch-searchbox input {
    margin-left: 10px;
}

.tx-indexedsearch-searchbox-button {
    margin: 10px 0 20px 0;
}

.tx-indexedsearch-rules {
    padding: 5px 12px;
    background: #f0f0f0;
}

.tx-indexedsearch-rules h2, .tx-indexedsearch-rules p {
    padding: 0;
    margin: 5px 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    padding: 1px 3px;
    background: #f0f0f0;
}


/* ----- 
TYPO3 standard forms
   ----- */

/* IMPORTANT:  Add Bootstrap class "form-control" to all form elements!!! */

/* still uses csc-notation – even if FSC is active */

.csc-mailform form ol {
    padding: 0;
}

.csc-mailform form ol li {
    list-style: none;
    margin-bottom: 15px;
}

.csc-mailform .csc-form-element-textblock {
    margin-bottom: 15px;
}

.csc-mailform legend strong, .csc-mailform label strong {
    display: block;
    Xline-height: 90%;
    color: #fc6520;
    font-weight: bold;
}

.csc-mailform legend em, .csc-mailform label em {
    display: block;
    Xdisplay: inline-block;
    Xpadding-left: 5px;

    color: #fc6520;
    font-weight: normal;
}

.csc-mailform input[type="text"], .csc-mailform textarea {
    Xmargin-bottom: 15px;
}


/* -----
PowerMail forms
   ----- */

/* Felder und Submit Button für Email-Formulare */

.powermail_fieldwrap {
    margin-top: 1em;
}

.powermail_legend,
.powermail_form h3 {
    display: none;
}

.powermail_label {
    float: left;
    margin-top: auto;
    width: 120px;
    font-weight: normal;
}

.powermail_input {
    background-color: #f8f8f8;
    border: 1px solid #e2e3e3;
    display: block;
    height: 26px;
    margin-top: 12px;
    margin-left: 120px;
    padding: 4px;
    width: 400px;
}

.powermail_form input[type='checkbox'] {
    display: inline;
    width: 24px;
}

legend.powermail_check_legend {
    font-size: 1em;
    font-weight: normal;
}

.powermail_textarea {
    background-color: #f8f8f8;
    border: 1px solid #e2e3e3;
    display: block;
    height: 120px;
    margin-top: 12px;
    padding: 4px;
    width: 400px;
}

.powermail_submit {
    height: 26px;
    margin-top: 12px;
    margin-left: 120px;
    padding: 4px;
    width: 400px;
}

/* Meldungen bei Validierungs-Fehlern */
.powermail_fieldwrap ul.parsley-errors-list {
    margin-left: 120px;
    padding-left: 0;
    list-style-position: inside;
    color: #dd0000;
}


/* ----- 
TX-News
   ----- */

div.news-list-view .page-navigation {
    margin-top: 20px;
}

div.news-list-view .page-navigation > ul {
    margin-top: 0;
}

div.news-list-view div.header a {
    color: inherit;
}

div.article .tags {
    margin: 35px 0 20px 0;
}

div.article .news-text-wrap {
    margin-top: 20px;
}

div.article .lead {
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    margin: 0 0 25px 0;

}

div.article .ge_accordion_item {
    margin: 20px 0 30px 0;
    width: 99%;
}

div.article div.social {
    margin: 20px 20px 40px 0;
}

div.article div.social > div {
    float: left;
    margin-right: 30px;
    line-height: 20px;
    height: 30px;
}

div.article .newsRelFalmedia .links li .glyphicon {
}

@media (min-width: 992px) {
    div.article .newsRelFalmedia .links li {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    div.article div.social .like {
        width: 100%;
        overflow: hidden;
    }
}

div.article .newsRelFiles .tile-ctnd {
    padding-top: 15px;
    padding-bottom: 15px;
    Xpadding-right: 20px;
}

div.article .newsRelFiles .tile-ctnd .news-related-files-link {
    margin: 8px 0;
}

.file-icon[data-type] {
    background: #000;
    float: left;
}

.file-icon::before {
    border-top-color: #ebe9e8;
    border-right-color: #ebe9e8;
}

.file-icon-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    padding-top: 2px;
    padding-left: 9px;
    line-height: 15px;
}

/* -----
Fluid scaling class for all TYPO3 content images - see explanations in template development HTML file
   ----- */
.ce-media img, .csc-textpic-image img,
.ce-media iframe,
img.fluid_content_img {
    width: 100%;
    height: auto;
}


/* ----- 
Overwrite TYPO3 Fluid Styled Content (FSC) values
   ----- */
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
}

/* adapt default image border color and padding */
.ce-border img, .ce-border iframe {
    border: 1px solid #ccc;
    padding: 3px;
}

.ce-menu li {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* --- requires bootstrap based FSC custom template --- */
/* textmedia columns are used as bootstrap cols,
   but enough media elements must be added, otherwise col count will be reduced */
.ce-gallery,
.ce-gallery .ce-media,
.ce-gallery figure {
    width: 100%;
    height: auto;
}

.ce-gallery .row > div {
    margin-bottom: 20px;
}

.ce-gallery img,
.ce-gallery picture,
.ce-gallery iframe {
    width: 100%;
    height: auto;
}

/* --- requires bootstrap based FSC custom template --- */


/* -----
TYPO3 layouts choosable in CEs
   ----- */

/* KEEP IN SYNC WITH setup.ts --> lib.resolveFSClayoutClass */


/* 1 = table-responsive --> handled by BOOTSTRAP! */


/* 2 = gray background */
/*
.fsc_el.layout-gray-bgrnd {
	margin-left: -16px;
	margin-right: -16px;
	padding: 6px 16px;
	background-color: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_vdist {
	margin-left: -16px;
	margin-right: -16px;
	padding: 6px 16px;
	background-color: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_iconbox {
	background-color: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_accordion_item .acco_content {
	background-color: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_tabs {
	margin-left: -16px;
	margin-right: -16px;
	padding: 6px 16px;
	background-color: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_tabs ul.nav-tabs { 
	background: white;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: -6px;
	padding: 6px 15px 0 15px;
}
.grid_el.layout-gray-bgrnd>.ge_tabs .nav-tabs li.active a {
	background: #f0f0f0;
}
.grid_el.layout-gray-bgrnd>.ge_cols1 > div, .grid_el.layout-gray-bgrnd>.ge_cols2 > div, .grid_el.layout-gray-bgrnd>.ge_cols3 > div, .grid_el.layout-gray-bgrnd>.ge_cols4 > div {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #f0f0f0;
}
.layout-gray-bgrnd hr {
	border-color: #ddd;
}
*/

/* 2 = red bottom line */
.layout-red-line {
    border-bottom: 1px solid #fc6520;
    padding: 0px 0px 10px 0 !important;
    Xmargin-left: 15px;
    Xmargin-right: 15px;
    margin-bottom: 10px;
}

/* 3 = circular images */
.layout-images-circular img {
    padding: 5px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 0px solid #ddd !important;
    background-color: #FFF;
}

/* 4 = images gray border */
.layout-images-gray-border img {
    border: 8px solid #eee !important;
}

/* 6 = red lined lists */
/*
div.fsc_el.layout-red-lined-lists ul {
	border-top:1px solid #fc6520;
	padding:0;
}
div.fsc_el.layout-red-lined-lists li ul {
	margin-top: 6px !important;
	margin-bottom: -7px !important;
}
div.fsc_el.layout-red-lined-lists ul li {
	position: static;
	border-bottom:1px solid #fc6520;
	padding-top: 6px;
	padding-bottom: 6px;
  padding-left: 1.4em; 
  text-indent: -.7em;
}
div.fsc_el.layout-red-lined-lists ul li:before {
	content: "\e258";
	position: relative;
	left: 0; top: 2px;
  width: 0.7em;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div.fsc_el.layout-red-lined-lists ul a {
	color:#1d1719;
	font-weight:600;
}
div.fsc_el.layout-red-lined-lists ul li.active > a {
	color:#000;
	font-weight: 700;
	text-transform: uppercase;
}
div.fsc_el.layout-red-lined-lists ul .date {
	font-weight:400;
}
*/


/* 7 = white background */
.layout-white-bgrnd {
    Xmargin: 0 -16px;
    padding: 6px 16px;
    background: #fff;
}

/* cookie consent specials */
.cc-banner.cc-top {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #eee !important;
}

.cc-revoke, .cc-window {
    font-family: Hankook, Overpass, Arial, sans-serif;
    font-weight: 400;
}

.cc-color-override--2000537470 .cc-link, .cc-color-override--2000537470 .cc-link:active, .cc-color-override--2000537470 .cc-link:visited {
    color: #fc6520 !important;
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 40px !important;
}


/* -----
RTE custom styles
KEEP IN SYNC WITH EMPTY STYLES IN site_rte.css !!!
   ----- */

/* .indent - the only default style that needs redefinition here! */
.indent {
    margin-left: 1.1em !important;
}


.small {
    font-size: 85% !important;
}

.big {
    font-size: 100% !important;
    font-weight: bold;
}

.verybig {
    font-size: 150% !important;
}

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

.underlined {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.red {
    color: #dc494f !important;
}

.gray {
    color: #a8a8a8 !important;
}

.no-top-margin {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.glyphShareAlt {
    position: relative;
    padding-left: 1.75em;
}

.glyphShareAlt:before {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0px;
    top: 0.05em;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e095';
    color: #0375c1;
}

#toTopIcon {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #ed7921;
    background-color: #a8a8a8;
    background-color: #8a8a8a;
    color: white;
    cursor: pointer;
    padding: 12px 15px;
}

#toTopIcon:hover {
    background-color: #ebe9e8; /* Add a dark-grey background on hover */
    color: #ed7921;
    color: #8a8a8a;
}

.tx-kesearch-pi1, a.kesGreyButt {
    font-family: Hankook, Overpass, Arial, sans-serif !important;
    font-weight: 400;
}

#content .tx-kesearch-pi1 #kesearch_ordering div.ordering {
    float: none;
}

#content .tx-kesearch-pi1 #kesearch_ordering div.ordering ul li::before {
    content: "";
}

#content .tx-kesearch-pi1 #kesearch_ordering div.ordering ul li {
    border-radius: 4px;
    padding: 8px 6px;
}

#content .tx-kesearch-pi1 #kesearch_ordering div.ordering ul li.sortlink {
    background-color: #ebe9e8;
}

#content .tx-kesearch-pi1 #kesearch_ordering div.ordering ul li.sortlink a {
    color: #333;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: inherit;
    font-weight: 600;
}

.layout-imggallery .tile.text-over-img .tile-ctnd {
    position: inherit;
}

.layout-imggallery .tile.dark-text-bg.text-over-img .tile-ctnd {
    background-color: rgba(0, 0, 0, .7);
}

#kesearch_filters .list .head {
    border: none !important;
    display: inline !important;
}

#kesearch_filters .list ul {
    border: none !important;
}

#kesearch_filters .list ul li {
}

#options_filter_1 .btn {
    background-color: #ebe9e8;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none !important;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tx-kesearch-pi1 #kesearch_ordering span.down, .tx-kesearch-pi1 #kesearch_ordering span.up {
    border-color: #333333 transparent;
    margin-left: 3px;
}

.kesearchbox {
    margin-bottom: 15px !important;
}

/* a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
    margin-top: 15px;
} */

#kesearch_results .result-list-item .result-teaser {
    color: #333;
}

#kesearch_results .result-list-item-type-file .downloadIcon {
    text-align: center;
}

.teaser_icon img {
    width: 100%;
    height: 100%;
}

#content #kesearch_filters ul li:before {
    content: none;
}

#kesearch_filters .head {
    font-weight: bold;
}

#form_kesearch_pi1 {
    margin-bottom: 0 !important;
}

.result-list-item .icom {
    color: #fc6520;
    font-size: 36px;
}

.result-list-item span.kesearch-date {
    display: inline-block;
    vertical-align: 10px;
    margin-left: 5px;
}

.kesearch-legend {
    display: inline-block;
    vertical-align: 4px;
    margin-left: 5px;
}

.powermail_fieldwrap {
    margin-top: 1em;
    margin-bottom: 1em;
}

.powermail_label, .powermail_input {
    line-height: 16px;
}

.powermail_label {
    margin-right: 5px;
}

iframe {
    display: inline-block;
}

.video-wall {
    position: relative;
    font: 400 1em/1.46 Helvetica, Arial, sans-serif;
    color: #333;
    display: inline-block;
    min-height: 18em;
    min-width: 28em;
    margin: 0;
    background-color: #eee;
    box-sizing: border-box;
    border: 1.5em solid #ccc;
    padding: 1em;
}

.video-wall strong {
    display: block;
    text-align: center;
    font-size: 1.1em;
    margin: 0;
}

.video-wall div {
    position: absolute;
    width: calc(100% - 2em);
    top: 3em;
    bottom: 7em;
    overflow-y: auto;
}

.video-wall p {
    font-size: 0.8em;
    margin: 0 0 1em;
}

.video-wall a {
    color: inherit;
}

.video-wall .video-link {
    display: block;
    white-space: nowrap;
    font-size: 0.8em;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 6em;
    transform: translateX(-50%);
}

.video-wall button {
    -webkit-appearance: none;
    cursor: pointer;
    color: #eee;
    font: 700 0.8em/1.2 Helvetica, Arial, sans-serif;
    display: block;
    width: 11.5em;
    height: 4.25em;
    border: 0 none;
    border-radius: 0.75em;
    padding: 0 0 0 5.5em;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 1em;
    transform: translateX(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #666;
    background-size: 3.5em;
    transition: background-color 0.3s;
}

.video-wall button:hover {
    background-color: #444;
}

#pid1 .carousel-caption {
    bottom: 0;
}

#pid1 .carousel-caption h3 {
    font-size: 28px;
}

#pid1 .carousel-caption p, #pid1 .carousel-caption li {
    font-size: 15px;
}

#pid1 .carousel-indicators {
    bottom: -2px;
}

#pid1 .carousel-indicators li {
    height: 3px;
    width: 15%;
}

#content h1, .htmlarea-content-body {
    text-transform: none;
}

.sl-overlay {
    background-color: #000;
    opacity: 0.9;
}

.sl-wrapper button, .sl-wrapper .sl-counter {
    color: #FFF !important;
}

.sl-wrapper .sl-image .sl-caption {
    background-color: #FFF;
    color: #000;
    font-size: 14px;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
    position: unset;
    left: 0;
    right: 0;
    bottom: -112px;
    max-width: 100%;
    padding: 5px 10px;
    margin: 0 auto;
    margin-top: -5px;
    line-height: 150%;
    word-wrap: break-word;
    z-index: 20003;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.ilightbox-holder div.ilightbox-container {
    width: 72% !important;
    height: 72% !important;
}

.ilightbox-holder.dark .ilightbox-container .ilightbox-caption {
    background: none;
    background-color: #FFF;
    color: #000;
    text-shadow: none;
}

.ilightbox-caption {
    display: block !important;
}

@media (min-width: 1900px) {
    .ilightbox-holder div.ilightbox-container {
        width: 66% !important;
        height: 66% !important;
    }
}


/* 2018-08-27 SF: 'Link "All press releases"' */
a.arrowlinkLarge:before {
    content: "";
    margin-right: 0;
}

a.arrowlinkLarge {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    height: 38px;
    padding: 0;
    position: relative;
}

a.arrowlinkLarge:hover {
}

a.arrowlinkLarge:after {
    color: #fc6520;
    content: ">";
    display: none;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
}

/* end 2018-08-27 SF: 'Link "All press releases"' */

/*  2018-08-27 SF: Teaser pressemappen mit grauem Rand
    cf ... fluid/gridelements/partial/Ge_tile.html
    {f:if(condition:'{data.tx_gridelements_view_raw_columns.1.0.imageborder}=="1"', then:'imgBorder')}
 */
.imgBorder img {
    border: 1px solid #333;
}

figcaption {
    display: none;
}

.sl-image .dateCat, .sl-image .tags, .sl-image .sfCart, .sl-image .cart, .sl-image .nobullets {
    margin: 0;
    padding: 0;
}

.sl-caption .addCartOne {
    display: none;
}

/* SF 2017-08-28 Shrinking navigation bar when scrolling down */
/* todoSF CSS aufraeumen */
#headerNavigation.myNavbarFixedTop {
    border-bottom: 1px solid #CCC;
}

.myNavbarFixedTop .navbar-brand {
}

.myNavbarFixedTop .navbar-brand > img {
    width: 85%;
    max-width: 497px;
    transition: all 0.3s ease-in-out;
}

.myNavbarFixedTop {
    -webkit-box-shadow: 0px 10px 10px -5px rgba(150, 150, 150, 0.75);
    -moz-box-shadow: 0px 10px 10px -5px rgba(150, 150, 150, 0.75);
    box-shadow: 0px 10px 10px -5px rgba(150, 150, 150, 0.75);
}

.navbar .logoSmall img {
    width: 0;
    height: 0;
    transition: all 0.3s ease-in-out;
}

.myNavbarFixedTop.navbar li a.logoSmall img {
    display: inline;
    width: 100px;
    height: 50px;
    transition: all 0.3s ease-in-out;
}

.myNavbarFixedTop .navbar-header {
    padding: 0;
}

.myNavbarFixedTop {
    background-color: #FFFFFF;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
}

.myNavbarFixedTop #bottom-left-nav {
    margin-top: 50px;
    /* margin-left: 350px; */
    float: right;
    width: auto;
    right: -20px;
}

.myNavbarFixedTop .navbar-default {
    height: 107px !important;
}

/* End Shrinking navigation bar when scrolling down */

.navbar-header.logo {
    top: 35px;
}

.hidden-scroll .myNavbarFixedTop {
    margin-left: -15px;
}

/* 2018-09-10 stefan.frank@ma-x.de facelift: images in press releases in 2 columns */
.newsRelFalmedia .col-xs-6 {
    padding: 10px 20px 10px 20px;
}

.newsRelFalmedia .links.nobullets {
    font-size: 12px;
}

/*
.newsRelFalmedia .col-xs-6:nth-of-type(4), .newsRelFalmedia .col-xs-6:nth-of-type(7), .newsRelFalmedia .col-xs-6:nth-of-type(10) {
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.newsRelFalmedia .col-xs-6:nth-of-type(3), .newsRelFalmedia .col-xs-6:nth-of-type(6), .newsRelFalmedia .col-xs-6:nth-of-type(9) {
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
*/
.rightCol .tile .tile-ctnd {
    padding-top: 0;
    padding-left: 8px;
    padding-right: 5px;
}

.rightCol .newsRelFalmedia .tile.text-over-img .tile-ctnd {
    position: relative;
}

.full {
    width: 100%;
}

/* end 2018-09-10 */

.shariff .orientation-horizontal li { width: 25px; height: 25px; }
.shariff li .fab, .shariff li .far, .shariff li .fas {
    width: 25px;
    line-height: 25px;
}
.social-wrap { width: 57%; margin-top: 25px; }
.social-wrap ul { list-style-type: none; }
.social-wrap ul li:before { content: none !important; }
.social-wrap ul li { border-radius: 3px; margin-left: 10px; }
.shariff .linkedin .fa-linkedin-in {
    font-size: 17px;
}
.shariff .xing .fa-xing {
    font-size: 17px;
}
.shariff .facebook .fa-facebook-f {
    font-size: 17px;
}
.shariff .twitter .fa-twitter {
    font-size: 20px;
}
.shariff .mail .fa-envelope {
    font-size: 16px;
}

@media (min-width: 768px) {
    li.shariff-button.whatsapp { display: none; }

}

#pid39 .tx-indexedsearch-searchbox legend {
    display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4;
    font-weight: 600;
}
a { color: #000; outline: 0 !important; text-decoration: underline; }

/* Restore accessible focus styles for image links in FSC textpic/media.
   Global `outline: 0 !important;` removes the browser focus ring.
   We re-enable a visible ring specifically for linked media (e.g. YouTube thumbnails). */
.ce-textpic .ce-media > a:focus,
.ce-textpic .ce-media > a:focus-visible,
.ce-textpic .ce-gallery a:focus,
.ce-textpic .ce-gallery a:focus-visible {
    outline: 3px solid #000 !important;
    outline-offset: 4px;
    text-decoration: none;
}

/* If the link contains an image, add a ring around the image itself (more visible) */
.ce-textpic .ce-media > a:focus img,
.ce-textpic .ce-media > a:focus-visible img,
.ce-textpic .ce-gallery a:focus img,
.ce-textpic .ce-gallery a:focus-visible img {
    box-shadow: 0 0 0 4px #000;
}

/* Avoid showing focus styles on mouse click in browsers that support :focus-visible */
.ce-textpic .ce-media > a:focus:not(:focus-visible),
.ce-textpic .ce-gallery a:focus:not(:focus-visible) {
    outline: none !important;
}
a.arrowlinkWhite { color: #ffffff; }

/*
.navbar-header-right { position: relative; }
.navbar-header-right:before, .navbar-header-right:after {
    content: " ";
    display: table;
}
 */

#top-right-nav { margin-right: 0; }

#filter .filteritem {
    background-image: url(../img/icons.png);
    background-position: 0 -999px;
    background-repeat: no-repeat;
    padding-left: 2px;
}

#filter .filteritem:nth-child(3) {
    background-position: 0 -2px;
}

#filter .filteritem:nth-child(3).active {
    background-position: 0 -201px;
}

#filter .filteritem:nth-child(4) {
    background-position: 0 -43px;
}
#filter .filteritem:nth-child(4).active {
    background-position: 0 -242.6px;
}

#filter .filteritem:nth-child(5) {
    background-position: 0 -85px;
}
#filter .filteritem:nth-child(5).active {
    background-position: 0 -284.55px;
}

#filter .filteritem:nth-child(6) {
    background-position: 0 -122px;
}
#filter .filteritem:nth-child(6).active {
    background-position: 0 -321.85px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: unset !important;
    /* background-color: #fc6520 !important; */
}

#filter .active.filteritem {
    background-color: transparent;
    background-color: #fc6520 !important;
}

.nav li.subscribe-newsletter a { padding-right: 0; }

.divider {
    width: 100%;
    border-bottom: 1px solid rgb(204,204,204);
    position: absolute;
    top: 100px;
}

#footertop li::after {
    content: none;
}
.col-group {
    -webkit-columns: 4;
    columns: 4;
}

.btop .nav > li > a {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
}
.btop .nav > li > a:active, .btop .nav > li > a:focus, .btop .nav > li > a:focus-within {
    background-color: transparent;
}

/*
.btop .nav > li > a:after {
    border-bottom: none;
    content: " ";
    display: inline-block;
    font-weight: 200;
    padding-left: 10px;
    padding-right: 10px;
}

.btop .nav > li:last-child > a:after {
    content: none;
}
*/
.go-global { padding-right: 10px; margin-top: -5px; }
a .icom { color: #000; font-size: 36px; }

#copyright.open {

}

.dropdown-menu {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: unset;
}

.navbar .nav-item ul a {
    padding-bottom: 0;
    padding-left: 0;
}

 .container-fluid.myOpen {
     border-top: 1px solid #ddd;
 }

#footertop .text-left p { margin-bottom: 20px; margin-top: 20px; }
#footertop .text-right ul { margin-top: 15px; }

a.fb:hover .icom { color: #4b68b0; }
a.yt:hover .icom { color: #e50002; }
a.tw:hover .icom { color: #4aa2f0; }
a.vk:hover .icom { color: #5377a7; }
.no-underline a, .no-underline a:hover { text-decoration: none; }

@media (min-width: 1500px) {
    .logo-navbar-header-right img {
        margin-top: 38px;
    }
}

#collapse-filter {
    font-size: 17px;
}
.divider { display: block; }

.news-related-files-link .links.nobullets a, .simple-lightbox .links.nobullets a {
    color: #000000 !important;
}
.simple-lightbox ul li:nth-child(2) { display: none; }
/* #c19 ul.links > li::after { content: ""; } */

#langmenuMobile {
    position: absolute;
    right: 244px;
    top: 0;
    height: 39px;
}
#langmenuMobile li {
    background-color: #fff;
    list-style-type: none;
}
@media (max-width: 576px) {
    #langmenuMobile {
        right: 68px;
    }
}

#CookieBox { top: 25%; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #949599;
}

.cid224, .cid225, .cid226, .cid227, .cid228, .cid229, .cid230, .cid231, .cid232, .cid233, .cid234, .cid235, .cid236, .cid237, .cid238, .cid239, .cid240, .cid241, .cid242, .cid243, .cid244, .cid245, .cid246, .cid247, .cid248, .cid249, .cid250, .cid251, .cid252, .cid253, .cid254, .cid255, .cid256, .cid257, .cid258, .cid259, .cid260, .cid261, .cid262, .cid263, .cid264, .cid265, .cid266, .cid267, .cid268, .cid269, .cid270, .cid271 { display: none; }

.hl_year:first-of-type { display: none; }

#content .news-single h1 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-family: Hankook, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 29.4px;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

p.pressrelease {
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    font-family: Hankook, Arial, sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 70px;
    margin: 0 0 10px 0;
    padding-bottom: 4px;
    padding-top: 1px;
    text-transform: none;
}

/* Update Fall 2021 */
#content .news-related-news .tile-ctnd .row { margin-top: 0 !important; margin-bottom: 0 !important; }
.news-related-news .tile .tile-ctnd { padding-left: 20px !important; }
.article .news-related-news .tags { margin: 10px 0 10px 0; !important; }
#readspeaker_button1 { /* display: none; */ }

.sync_word { color: #333333 !important; }
.sync_word.sync_word_highlighted { background-color: #f0f0f0 !important; color: #ef7720 !important; }

/* facelift 2022 */

span.glyphicon-cloud-download, span.glyphicon-shopping-cart {
    background-color: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 30px;
}
mail::after, .arrowlink::after, .arrowlinkWhite::after, footer li li::after, ul.links > li::after {
    content: none;
/*    margin-left: 6px;
    color: #fc6520; */
}

.rightCol .newsRelFalmedia .tile.text-over-img .tile-ctnd {
    position: relative;
    margin-top: -55px;
}
.tile.dark-text-bg.text-over-img .tile-ctnd {

}

.links.nobullets a {
    color: #000 !important;
}

@media (min-width: 992px) {
    div.article .newsRelFalmedia .links li {
        margin-right: 5px;
    }
}

/* About Hankook Accordion */

#c859.panel {
    border: 20px solid #f0f0f0 !important;
    border-radius: 30px;
}

#c859 button { font-size: 20px; font-weight: bold; }

#c859 .panel-body { background-color: #f0f0f0; }

#c859 hr { display: none; }

#c29209 p { margin-top: 15px; margin-bottom: 20px; }

p a {
    color: #000;
    outline: 0 !important;
    text-decoration: underline;
}
p a:hover {
    color: #333;
    text-decoration: underline;
}

.bg-black { color: #fff; background-color: #000;
    border-right: 20px solid white; border-left: 20px solid white; }


@media (min-width: 1500px) {
    .sameHeight [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

.icon22 {
    position: relative;
    top: 1px;
    display: inline-block;
    line-height: 1;
}

.icon22-cloud-download {}
.icon22-cloud-download:before { content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Download.svg") }
.icon22-shopping-cart {}
.icon22-shopping-cart:before {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Einkaufswagen.svg");
    /* content: "\0020";
    background-size: 32px 32px;
    background-image: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Einkaufswagen.svg");
    background-repeat: no-repeat; */
}

span.icon22-cloud-download, span.icon22-shopping-cart {
    background-color: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 30px;
}

h1[itemprop="headline"] {
    text-align: left !important;
}

.file-icon-2022 {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Dokument.svg");
    float: left;
}

.phone:before {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Phone.svg");
    float: left;
    margin-right: 10px;
}
.email { margin-top: 12px; }
.email:before {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Mail.svg");
    float: left;
    margin-top: -2px;
    margin-right: 10px;
}
.search::before {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Lupe.svg");
    float: left;
    margin: 2px 10px 0 10px;
}
#content .tile .tile-ctnd > :first-child {
    margin-top: -6px;
}
.news-related-files-link .links.nobullets {
    display: none;
}
.btop ul.nav.navbar-nav p { display: inline; }
img.go-global { display: none; }
#external-links { display: none; }
#copyright { display: none; }
footer .navbar { border: none !important; }
footer #navbarSupportedContentFooter { /* border-top: 1px solid #f0f0f0; padding: 30px 0 30px 0; */ }

#cart-badge-icon img { margin-top: 0; }

#leftColumnStart .tile-ctnd.col-sm-12, #rightColumnStart .tile-ctnd.col-sm-12 { padding-right: 0; padding-left: 0; }

/* images */
#pid10 {}
#pid10 .layout-arrowlist img {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    width: 400px;
    overflow: none;
}
#pid10 .layout-arrowlist ul { padding-left: 0 !important; margin-top: -50px !important; }
#pid10 .layout-arrowlist ul li a { color: white !important; padding-right: 10px; padding-left: 10px; }
#pid10 .layout-arrowlist ul li a br { display: none; }
.big { font-weight: normal;  }
#content ul.arrowlist:not(.nav-tabs):not(.tags):not(.links) li::before, #content .layout-arrowlist ul:not(.nav-tabs):not(.tags):not(.links) li::before { content: none; }
#content ul.arrowlist:not(.nav-tabs):not(.tags):not(.links) li::after, #content .layout-arrowlist ul:not(.nav-tabs):not(.tags):not(.links) li::after {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Pfeil.svg");
    background-color: #fff;
    border: 3px solid white;
    border-radius: 30px;
    position: absolute;
    top: -5px;
    line-height: 14px;
}
#content ul:not(.nav-tabs):not(.tags):not(.links):not(.nav-item) li::before, .htmlarea-content-body ul li::before {
    position: absolute;
    content: none;
    left: 0;
    color: #000;
    font-size: 1.2em;
    margin-top: 2px;
}
.invert { background-color: #fff; }


/* image gallery */
.layout-imggallery .tile.dark-text-bg.text-over-img .tile-ctnd { background-color: unset; }
#content .tile.tight .tile-ctnd > :last-child { margin-bottom: unset; }
#content .tile.tight .tile-ctnd > :first-child { margin-bottom: 5px; }
.layout-imggallery .tile.text-over-img .tile-ctnd { position: absolute; }
.fileLinkGal ul.links > li {
    margin-right: 10px;
}
#content .layout-imggallery + .layout-imggallery h2 {
    border-top-width: 0;
    padding-top: 30px;
}
#content .frame-type-menu_sitemap_pages ul { padding-left: 0 !important; }
#top-right-nav { font-size: 16px; }

.newsListStandardItem { margin-bottom: 50px; }
/* .newsListStandardItem .tile-ctnd { height: auto; min-height: 190px; } */
/*.newsListStandardItem .tile-ctnd { height: 160px; } */
.newsListStandardItem ul.links { display: none; }

/*
  Fix "holes" in the 3-col list:
  The list markup still uses Bootstrap 3 float grid PLUS inserted clearfix elements
  (e.g. .clearfix.visible-lg-block). Those forced row breaks create empty vertical
  space whenever the items have different heights.

  We switch the list container to flex-wrap and disable the injected clearfix
  inside the list context.
*/
.news-list-view.v-infinit-scroll {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
}

/* Bootstrap 3 .row adds ::before/::after clearfix tables.
   Once the row becomes flex, those pseudo elements can become flex items and create “mystery gaps”. */
.news-list-view.v-infinit-scroll::before,
.news-list-view.v-infinit-scroll::after {
    content: none !important;
    display: none !important;
}

/* reset bootstrap float behaviour for list items */
.news-list-view.v-infinit-scroll .newsListStandardItem {
    float: none;
}

/* hide template-injected clearfix blocks inside this list */
.news-list-view.v-infinit-scroll > .clearfix,
.news-list-view.v-infinit-scroll .clearfix.visible-lg,
.news-list-view.v-infinit-scroll .clearfix.visible-lg-block,
.news-list-view.v-infinit-scroll .clearfix.visible-md,
.news-list-view.v-infinit-scroll .clearfix.visible-md-block,
.news-list-view.v-infinit-scroll .clearfix.visible-sm,
.news-list-view.v-infinit-scroll .clearfix.visible-sm-block {
    display: none !important;
}

/* keep Bootstrap column widths, but driven by flex */
.news-list-view.v-infinit-scroll .newsListStandardItem.col-xs-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 1200px) {
    .news-list-view.v-infinit-scroll .newsListStandardItem.col-lg-4 {
        width: 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

/* Kachel soll sich wie eine Card verhalten */
.newsListStandardItem .tileArticle{
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Content-Bereich wächst, Footer bleibt unten */
.newsListStandardItem .tile-ctnd{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* Links nach unten drücken */
.newsListStandardItem .tile-ctnd .links{
    margin-top: auto;
}

.newsListStandardItem h2[itemprop="headline"]{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;  /* 2 oder 3 – nach Geschmack */
    line-clamp: 3;
}

#content .bg-black h2 { font-size: 30px; margin-top: 30px; }

#pid1 h1 { text-align: center; }

.arrowLink2022::after {
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Pfeil.svg");
    background-color: #fff;
    border: 3px solid white;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    line-height: 14px;
    margin-left: 10px;
}
#content .tile-ctnd p { margin-top: 12px !important; }
.tile-ctnd p.big a, .tile-ctnd p a.arrowlinkLarge { font-size: 22px; text-decoration: none; font-weight: 600; margin-top: 16px; }

#c49 .col-lg-3 { width: 33.33333333% !important; }


.rightCol .tile .tile-ctnd.col-xs-8 {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 5px;
}

#content .rightCol .tile .tile-ctnd.col-xs-8 h2 {
    font-size: 21px;
}

#newsletter-subscription { text-align: center; margin-top: 36px; margin-bottom: 50px; }
#newsletter-subscription { }

.mycustom {
    border: solid 10px #eee;
    position: relative;
    border-radius: 30px;
    margin: 0 auto 36px auto;
}
.mycustom input[type=text] {
    border: none;
    width: 100%;
    padding-right: 123px;
}
.mycustom .input-group-prepend {
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    z-index:9;
    /*
    border: 10px solid #000;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
     */
}
#validationDefaultUsername { background-color: #eee; }

.mycustom .btn-rounded {
    width: 100px;
    height: 46px;
    text-align: center;
    padding: 4px 0;
    font-size: 12px;
    line-height: 1.58;
    border-radius: 30px;
    background-color: #000;
    border: 8px solid #000;
}
#newsletter-subscription .form-control {
    box-shadow: none;
    transition: none;
}
#newsletter-subscription .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#content .dropup ul:not(.nav-tabs):not(.tags):not(.links), .htmlarea-content-body ul {
    position: absolute;
    list-style: none;
    margin: 10px 0;
    padding-left: 0;
}
.caret {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 0.1em solid black;
    border-top: 0.1em solid black;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: 1.0em;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}
.open a>.caret{
    transition: all ease-out 0.1s;
}

.rotate-180 {
    transform: rotate(-45deg);
}

#icons-meta { z-index: 999; margin-top:8px; }

footer a .icom {
    color: #000;
    font-size: 20px;
}
#social-footer .row { padding-top: 15px; }


/* geht nicht??? */
#headerNavigation .dropdown-menu > .active > a, #headerNavigation .dropdown-menu > .active > a:hover, #headerNavigation .dropdown-menu > .active > a:focus {
    text-decoration: none;
    outline: 0;
    color: #000;
    background-color: transparent;
}

/* Google Suche */

.gs-web-image-box .gs-image, .gs-promotion-image-box .gs-promotion-image {
/*    width: 260px !important;
    max-width: 260px !important; */
}
.gsc-control-cse .gs-result .gs-title * {
    font-size: unset !important;
}
.gs-title b {
    font-style: italic;
}

/* deactivate default transition */
.justified-gallery > .entry-visible > img, .justified-gallery > .entry-visible > a > img {
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.tile-img { overflow: hidden; }
.tile-img a img { transition: 0.5s all ease-in-out; }
.tile-img a img:hover { transform: scale(1.1); }
.ce-gridgallery a img { transition: 0.5s all ease-in-out; }
.ce-gridgallery a img:hover { transform: scale(1.1); }

/* 2026-01-06  */
/*
.newsListStandardItem .tile-img {
    aspect-ratio: 3 / 2;
    overflow: hidden;
}
.newsListStandardItem .tile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
*/

/* end 2026-01-06 */

#content .lead ul, .ce-bodytext ul { list-style-type: square !important; padding-left: 16px !important; margin-left: 0 !important; }

.bg-black a { color: #fff; }
.bg-black a:hover { color: #fff; }

#headerNav { float: left; margin-top: 8px; }

.navbar-nav > li {
    float: left;
    margin-left: 20px;
    color: white;
    /* font-size: 15px;
    font-size: 1rem; */
    font-weight: 600;
    padding: 0;
    margin-right: 20px;
}
.navbar-nav > li > .dropdown-menu { padding: 0 10px 0 10px; }

.navbar-footer .navbar-nav > li { margin: 0 8px; }

.dropdown-toggle::after {
    content: ">";
    display: inline-block;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
    padding-left: 5px;
}
.dropdown-toggle:hover::after {
    transform: rotate(90deg);
    transition: transform 0.2s linear;
}

#content .frame-type-menu_sitemap_pages ul ul { margin-left: 10px !important; }


/*
  2022-08-23 tree view for images navigation
  https://www.w3schools.com/howto/howto_js_treeview.asp
*/

/* Remove default bullets */
ul, #myUL {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.caret {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
    transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
    display: block;
}

/* ende */

.toggler::after { content: ">"; }

.dropdown-toggle.scale10::after { transform: scale(1.1) rotate(90deg); }

#navbarSupportedContent a:hover, #navbarSupportedContent a:focus, #navbarSupportedContentFooter a:hover, #navbarSupportedContentFooter a:focus {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
}

#social-footer .container-fluid { padding-top: 0; }

#searchicon:hover {
    cursor: pointer;
}

.googleSearch.btn { padding: 0 10px 0 10px; margin-left: 10px; }

#rightColumnStart img.img-responsive {
    position: relative;
    left: -200px;
}

#spinner {
    position:absolute;
    top:0;
    left:0;
    z-index:11;
    background-color:#000;
    width:100%;
    min-height:100%;
    height:100%;
    height:auto;
    opacity: .50;
    filter: alpha(opacity=65);
    background-image: url(../ajaxloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;

}

html, body {
    height: 100%;
}

.fill {
    min-height: 100%;
    height: 100%;
}

#pid151 #c831 h1 { font-size: 21px; font-weight: 600; padding-bottom: 0; }

@media (min-width: 1200px) {
    .navbar-nav { float: right; }
    #headerNav { float: right; }
}

@media (min-width: 1200px) {
    .navbar-collapse.collapse {

    }
}

#itemSecond { padding-left: 20px; }

clearfix.hidden-xs.hidden-md.hidden-lg { visibility: hidden; }

.dropdown-menu > li > a { padding: 0 !important; }
.dropdown-menu > li { padding: 3px 20px; }

@media (max-width: 1499px) {

    .navbar-inverse {
        min-height: 51px;
        background-color: #ebe9e8;
    }

    ul#filter.nav.navbar-nav {
        background-color: #949599;
    }

    .navbar-inverse .navbar-toggle {
        width: 100%;
        border: 0px;
        color: #949599;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-inverse > .container-fluid {
        margin-bottom: -51px;
    }

    #collapse-filter:before {
        border-right: 12px solid #949599;
        border-bottom: 26px solid #949599;
        border-left: 12px solid transparent;
        border-top: 25px solid transparent;
        position: absolute;
        right: 80%;
        top: 0;
        z-index: 3;
    }

    #collapse-filter:after {
        border-right: 12px solid transparent;
        border-bottom: 26px solid #949599;
        border-left: 12px solid #949599;
        border-top: 25px solid transparent;
        position: absolute;
        left: 80%;
        top: 0;
        z-index: 3;
    }

    #collapse-filter.disabled:before {
        border-right-color: #ebbfa5;
        border-bottom-color: #ebbfa5;
    }

    #collapse-filter.disabled:after {
        border-left-color: #ebbfa5;
        border-bottom-color: #ebbfa5;
    }

    #collapse-filter #filter:before {
        position: absolute;
        left: 80%;
        top: 51px;
        border-right: 24px solid #949599;
        background-color: #949599;
        height: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #collapse-filter #filter:after {
        position: absolute;
        right: 80%;
        top: 51px;
        border-left: 24px solid #949599;
        background-color: #949599;
        height: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #collapse-filter.disabled #filter:before {
        border-right-color: #ebbfa5;
    }

    #collapse-filter.disabled #filter:after {
        border-left-color: #ebbfa5;
    }

    #collapse-filter.collapsing #filter:after,
    #collapse-filter.collapsing #filter:before,
    #collapse-filter.in #filter:before,
    #collapse-filter.in #filter:after {
        height: 204px;
    }

    #collapse-filter {
        top: -50px;
        height: auto !important;
    }

    #collapse-filter.collapsing,
    #collapse-filter.in {
        margin-top: 0px;
    }

    #collapse-filter.collapse {
        display: block;
    }

    #collapse-filter #filter {
        width: 60%;
        margin-left: 20%;
    }

    #collapse-filter #filter > li {
        height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #collapse-filter.collapsing #filter > li,
    #collapse-filter.in #filter > li,
    #collapse-filter.collapsing #filter > li.active,
    #collapse-filter.in #filter > li.active {
        height: 51px;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index: 26;
    }

    #collapse-filter #filter > li.active {
        z-index: 10;
        height: 51px;
        margin-bottom: -51px;
    }

    #collapse-filter li > a, #filter-label {
        line-height: 51px;
    }

    .navbar-toggle {
        z-index: 25;
    }

    .navbar-inverse .navbar-collapse .navbar-nav > li > a,
    .navbar-inverse .navbar-collapse .navbar-nav > li > a:hover {
        color: white;
        /* background-color: #fc6520; */
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .navbar-inverse .collapse.in .navbar-nav > li.active > a,
    .navbar-inverse .collapsing .navbar-nav > li.active > a,
    .navbar-inverse .collapse.in .navbar-nav > li.active > a:hover {
        /* background-color: #fafafa; */
        color: #111;
        color: #fff;
        padding: 0;
    }
    .navbar-nav > li { float: none !important; text-align: right; }


    #top-right-nav {
        float: right;
        width: 50%;
        margin: 15px 0;
        Xbackground: #f3f2f0;
        Xfont-size: 90%
    }

    #top-right-nav li {
        width: auto;
    }

    #bottom-left-nav {
        float: left;
        width: 50%;
        margin: 15px 0;
    }

    #bottom-left-nav li.pull-right {
        float: left !important;
    }

    #language-select {
        background: #f3f2f0;
        float: left;
        margin: 10px 0 15px 19px;
    }

    #language-select a {
        padding-left: 20px;
    }

    #language-select .lang_iso {
        float: left;
    }
    /* todoSF 2019-09-17
    .collapse {
        display: block;
    }
    #collapse-navigation-meta {
        width: 50%;
        float: right;
    }
    */
    .bg-black { min-height: 160px; margin-bottom: 20px; border-right-width: 20px; }

    #headerNav { float: none !important; margin-top: 36px !important; }

    .dropdown-menu { float: none; position: unset; transform: scale3d(100%); }
    .open .dropdown-menu { -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
    .dropdown-item { font-size: 18px; }
    .dropdown-menu > li > a { padding-right: 0 !important; }
    .navbar-nav > li > .dropdown-menu {
        padding: 0;
        text-align: right;
    }
    .nav-item-sf {
        margin: 20px 0;
    }

    .myNavbarFixedTop .navbar-default {
        height: 50px !important;
    }
    #filter .active.filteritem {
        background-color: #949599 !important;
    }
    #filter .filteritem {
        /* background-image: none; */
    }
    #pid1 .carousel-caption h3 {
        font-size: 20px;
    }
    p[itemprop="description"] {
        /* display: none; */
        font-size: 14px;
    }
    .addCartAll {
        display: none;
    }
    ul.links > li:not(:first-child)::after {
        content: none;
    }
    .carousel-caption ul.links {
        margin: 0;
    }
    .divider {
        display: none;
    }
    #external-links .navbar-nav > li {
        float: left;
    }
    footer#footertop .text-left p { padding-top: 6px; }
    footer#footertop ul.nav > li, footer#footertop ul.nav > li.white > ul > li {
        margin-right: 8px;
    }
    footer#footertop ul.nav > li > a {
        padding-right: 4px; padding-left: 4px;
    }
    a .icom { font-size: 28px; }
    #collapse-filter { z-index: 0; }
    #collapse-filter #filter { z-index: 1; }
    #collapse-filter.collapse.in { z-index: 2; }

    .glyphicon-menu-down { z-index: 999; }
    .navbar-toggle { display: block; }

    #rightColumnStart .col-lg-12 { padding-right: 0; padding-left: 0; }
    #rightColumnStart .col-lg-12 .teaser-text p { margin-right: 0; margin-left: 0; }

    .navbar-default .navbar-toggle {
        margin-top: 4px;
    }
    .logo-navbar-header-right img {
        /*SF 2026-01-28 */
        /* margin-top: -46px; */
    }
    .navbar-default .navbar-toggle {
        margin-right: 10px;
        margin-top: 15px;
    }
    .nav-item { height: 40px; }
    .nav-link { font-size: x-large; margin-bottom: 10px; }

    .navbar-collapse.in { overflow-y: unset !important; }

    .tile-ctnd { margin: 0 0; }
    #pid1 .teaser-text p { margin: 0 0; }

    /* #leftColumnStart .tile-ctnd, #rightColumnStart .tile-ctnd { margin: 0 20px; } */

    #firstNews, #itemSecond, #itemThird { padding-left: 20px; padding-right: 20px; }

    #rightColumnStart img.img-responsive { left: unset; }

    .dropdown-menu.menu { position: sticky; z-index: 1000; }
}

@media (max-width: 767px) {
    p[itemprop="description"] { display: none; }
    .tile-img a img { transition: none; }
    .resizable { margin-left: 0; transform: none; }
    #content .news-single h1 { font-size: 26px; line-height: 32px; }
}
@media (max-width: 576px) {
    .navbar-brand .img-responsive { width: 80%; margin-top: 20px; }
    .logo-navbar-header-right { float: left; margin-left: 150px; }
    .logo-navbar-header-right .img-responsive { width: 110px; padding-top: 6px; }
    .navbar-default .navbar-toggle { margin-right: unset; }
}

@media (max-width: 400px) {
    h1 { font-size: 20px;  }
    h2 { font-size: 18px;  }
    h3 { font-size: 18px;  }
    h4 { font-size: 18px;  }
    p { font-size: 12px;  }
}

@keyframes pulsate
{
    0%
    {
        transform: scale( 1 );
    }
    25%
    {
        transform: scale( .75 );
    }
    50%
    {
        transform: scale( 1 );
    }
    75%
    {
        transform: scale( .75 );
    }
    100%
    {
        transform: scale( 1 );
    }
}

p.pulsate
{
    animation: pulsate 2s;
}

#disclaimer-qr-code { color: #000; font-weight: 500; font-size: 19px; }


.fa-twitter::before { 
  content: url(../img/empty.svg) !important; 
  display: inline-flex; 
  background-image: url('../img/x-twitter-white.svg') !important;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position-y: 2px; 
  height: 36px;
  width: 36px;
}
.icon-twitter::before {
  content: url(../img/empty.svg) !important; 
  display: inline-flex;
  background-image: url('../img/x-twitter.svg') !important;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position-y: 2px;
  height: 36px;
  width: 36px;
}
#social-footer .icon-twitter::before { height: 20px !important; width: 20px !important; padding-bottom: 1px !important; }
.shariff-button .fa-twitter:before {
  height: 20px !important;
  width: 20px !important;
  background-position-x: 2px !important;
}


 #favorites-list {
     /* position: fixed;
     top: 0;
     left: 0;
     width: 100%; */
     background-color: #fff;
     /* border: 1px solid #ddd;
     padding: 10px;
     box-shadow: 0px 2px 5px rgba(0,0,0,0.3); */
     z-index: 1000; /* damit die Liste über anderen Elementen schwebt */
     overflow: auto;
     min-height: 300px;
     /* max-height: 300px; */
     padding-top: 1rem;
     padding-bottom: 1rem;
 }
ul#favorites-list li { font-size: 12pt; margin-bottom: 0.8rem; }
#favoritesicon { margin-right: 1rem; }

.mx-link-shortcut { display: none; }
.mx-font-size-controls { display: none; }

#accessibility-toggle {
    position: fixed;
    top: 8rem;
    right: 2rem;
    z-index: 9999;
    /* padding: 0.25rem; */
    background-color: transparent;
    transition: box-shadow 0.2s ease;
    border: 3px solid #fff;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}

#accessibility-toggle img {
    filter: invert(100%);
    background-color: #DDDDDD; /* inverted #50af31 */
    padding: 0.5rem;
    display: block;
    border-radius: 50%;
}

#accessibility-toggle:hover {
    outline: 3px solid var(--green);
    /* outline-offset: 4px; */
    box-shadow: 0 0 0 15px rgba(51, 51, 51, 0.5);
}

#accessibility-toggle:focus {
    outline: 3px solid var(--green);
    /* outline-offset: 4px; */
    box-shadow: 0 0 0 5px rgba(51, 51, 51, 0.8);
}

.mx-visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.newsListStandardItem .tile-ctnd ul.tags { margin-bottom: 0.25rem; }
.newsListStandardItem .tile-ctnd .header h2 { margin-top: 0.25rem; }
/* .newsListStandardItem h2[itemprop="headline"] { margin-top: 0 !important; } */

@media (min-width: 1500px) {
    .logo-navbar-header-right img {
        background-color: #ffffff;
        border: 0;
        margin-top: 0;
  }
}
#icons-meta button { background-color: #ffffff; border: none;}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    background-color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#content .newsListStandardItem h2 { padding-bottom: 0; min-height: 100px; }

#pid10 li.big { list-style-type: none; padding-left: 10px; padding-right: 10px; }
/* #pid10 .layout-arrowlist ul { margin-top: -80px !important; } */
#pid10 .layout-arrowlist ul { margin-top: unset !important; }
#pid10 #content .layout-arrowlist ul:not(.nav-tabs):not(.tags):not(.links) li::after { position: relative; }

/* Bezugspunkt */
.ge_tile.layout-arrowlist .tile-img {
    position: relative;
    overflow: hidden;
}

/* Overlay unten */
.ge_tile.layout-arrowlist .tile-ctnd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;

    width: auto !important;
    float: none !important;

    padding: 12px 14px;
    /*
    background: linear-gradient(
            to top,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.35) 55%,
            rgba(0,0,0,0.00) 100%
     */
    );
}

/* Liste neutralisieren */
.ge_tile.layout-arrowlist .tile-ctnd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ge_tile.layout-arrowlist .tile-ctnd li.big {
    margin: 0;
    padding: 0;
}

/* !!! WICHTIG: vorhandene "Arrowlist"-Pfeile/Marker deaktivieren (der Pfeil unten links) */
.ge_tile.layout-arrowlist .tile-ctnd::before,
.ge_tile.layout-arrowlist .tile-ctnd::after,
.ge_tile.layout-arrowlist .tile-ctnd li::before,
.ge_tile.layout-arrowlist .tile-ctnd li::after,
.ge_tile.layout-arrowlist .tile-ctnd a::before {
    content: none !important;
    display: none !important;
}

/* Link normal im Textfluss */
.ge_tile.layout-arrowlist .tile-ctnd li.big > a {
    position: relative;
    display: inline;              /* wichtig: kein block */
    color: #fff;
    text-decoration: underline;
    line-height: 1.25;
}

/* kleiner Kreis direkt hinter dem letzten Zeichen */
.ge_tile.layout-arrowlist .tile-ctnd li.big > a::after {
    content: "→";
    content: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Pfeil.svg");
    /*
    background-image: url("/fileadmin/templates/htmc/img/icons-2022/Icon_Pfeil.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center;

     */

    display: inline-flex;
    /* display: inline-block; */
    align-items: center;
    justify-content: center;

    width: 32px;      /* kleiner */
    height: 32px;     /* kleiner */
    margin-left: 8px; /* Abstand zum Text */

    border-radius: 50%;
    background: #fff;
    color: #000;

    font-size: 26px;
    font-weight: 700;

    vertical-align: middle;
}

/* optional: Hover nur auf Kreis */
.ge_tile.layout-arrowlist .tile-ctnd li.big > a:hover::after,
.ge_tile.layout-arrowlist .tile-ctnd li.big > a:focus::after {
    /* transform: translateY(-50%) translateX(3px); */
}

#pid10 #content .layout-arrowlist li { margin-left: 6px; }

#pid10 .layout-arrowlist ul li a { padding-left: unset; padding-right: unset; line-height: 1.5rem; }

.dropdown-menu .lang-disabled { color: #999999; }