@charset "UTF-8";
/* CSS Document */

body {
    /*font-family: Hind, Verdana, Arial, Helvetica, sans-serif;*/
    color: #666666;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.article > .text_container{
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}
.article > .text_container{
    white-space: normal;
}

#sub-navigation > ul > li > a {
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: pre-line;
}

.fancybox-overlay {
    z-index: 1000000;
}

/* ****** *
 * FARBEN *
 * ****** */
.palette {
    background:#fff;
} /* DEFAULT */

.petrol {
    background:#5a6775;
}

.gray {
    background:#eaeaea;
}

#footer .gray {
    background:#dddddd;
}

.dark.gray,
#footer .dark.gray {
    background:#cdcdcd;
}

.red {
    background:#ec1c23;
    color:#fff;
}

.red:hover a {
    background:#eaeaea;
    color:#ec1c23;
}

.blue {
    background: #034ea1;
    color: #fff;
}

.blue:hover a {
    background:#eaeaea;
    color:#034ea1;
}

fieldset h5 {
    margin-top: 15px;
    margin-left: 1.25%;
}

.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modalbox {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: auto; /* Could be more or less, depending on screen size */
}


/* ****** *
 * GROESSEN *
 * ****** */
@media only screen and (min-width: 1024px) {

    body {
        font-size: 90%;
        line-height: 135%;
    }

    /* HEADLINES */
    h1 {
        font-size: 4.375em;
        line-height: 1em
    }

    h2 {
        font-size: 2.5em;
        line-height: 1.25em;
    }

    h3 {
        font-size: 1.875em;
        line-height: 1.25em;
    }

    h4,
    h5.hl {
        font-size: 1.5em;
        line-height: 1.25em;
    }

    h5,
    .tx-indexedsearch-whatis {
        font-size: 1.25em;
        line-height: 1.25em;
    }

    h6 {
        font-weight: bold;
    }

    /* SLIDER */
    .slider .slide .info-box .title {
        font-size: 2.5em;
        line-height: 1em;
    }

    /* TABLE */
    table th {
        font-size: 1.875em;
        line-height: 1.25em;
    }

    /* QUICKSEARCH */
    #quick-search ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #929292;

    }

    #quick-search :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #929292;
        opacity: 1;

    }

    #quick-search ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #929292;
        opacity: 1;

    }

    #quick-search :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #929292;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body {
        font-size: 100%;
        line-height: 135%;
    }

    h1 {
        font-size: 2.5em;
        line-height: 1em;
    }

    h2 {
        font-size: 1.875em;
        line-height: 1.25em;
    }

    h3 {
        font-size: 1.5em;
        line-height: 1.25em;
    }

    h4,
    h5.hl {
        font-size: 1.25em;
        line-height: 1.25em;
    }

    h5,
    .tx-indexedsearch-whatis {
        font-size: 1.125em;
        line-height: 1.25em;
    }

    h6 {
        font-weight: bold;
    }

    /* SLIDER */
    .slider .slide .info-box .title {
        font-size: 1.875em;
        line-height: 1.25em;
    }

    .slider .slide .info-box .title br {
        display: none;
    }

    /* TABLE */
    table th {
        font-size: 1.5em;
        line-height: 1.25em;
    }

    /* QUICKSEARCH */
    #quick-search input {
        background-color: #26323d !important;
        color: #a6abb1 !important;
        font-size: 1.125em;
    }

    #quick-search ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a6abb1;
        text-transform: uppercase;
    }

    #quick-search :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a6abb1;
        opacity: 1;
        text-transform: uppercase;
    }

    #quick-search ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a6abb1;
        opacity: 1;
        text-transform: uppercase;
    }

    #quick-search :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a6abb1;
        text-transform: uppercase;
    }

}

@media only screen and (min-width: 0px) and (max-width: 768px) {

    body {
        font-size: 87.5%;
        line-height: 150%;
    }

    h1 {
        font-size: 2.143em;
        line-height: 1em
    }

    h2 {
        font-size: 1.714em;
        line-height: 1.25em;
    }

    h3 {
        font-size: 1.429em;
        line-height: 1.25em;
    }

    h4,
    h5.hl {
        font-size: 1.286em;
        line-height: 1.25em;
    }

    h5,
    .tx-indexedsearch-whatis {
        font-size: 1.143em;
        line-height: 1.25em;
    }

    h6 {
        font-weight: bold;
    }

    /* SLIDER */
    .slider .slide .info-box .title {
        font-size: 1.714em;
        line-height: 1.25em;
    }

    .slider .slide .info-box .title br {
        display: none;
    }

    /* TABLE */
    table th {
        font-size: 1.429em;
        line-height: 1.25em;
    }

    /* QUICKSEARCH */
    #quick-search input {
        background-color: #26323d !important;
        color: #a6abb1 !important;
        font-size: 1.125em;
    }

    #quick-search ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #a6abb1;
        text-transform: uppercase;
    }

    #quick-search :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #a6abb1;
        opacity: 1;
        text-transform: uppercase;
    }

    #quick-search ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #a6abb1;
        opacity: 1;
        text-transform: uppercase;
    }

    #quick-search :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #a6abb1;
        text-transform: uppercase;
    }

}

/* ********* *
 * CONTAINER *
 * ********* */
#container {
    background: #fff;
}

/* ****** *
 * BILDER *
 * ****** */
img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}

table td img {
    margin: 0;
}

.half img {
    max-width: 50%;
    width: 50%;
}

.caption {
    font-size: 0.75em;
}

/* ****** *
 * HELPER *
 * ****** */
div label.invisible,
.invisible {
    display: none;
}

/* ********** *
 * NAVIGATION *
 * ********** */

/* ### MAIN ### */
#main-navigation {
    text-transform: uppercase;
}

#main-navigation ul {
    list-style: none;
    overflow: visible;
}

#main-navigation ul li {
    margin-left: 0;
    margin-top: 0;
}

#main-navigation a {
    color: #c3c5c8;
    text-decoration: none;
    font-size: 1em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-navigation a:hover,
#main-navigation li:hover a,
#main-navigation li.active a {
    color: #fff;
    background: #26323d;
}

#main-navigation ul.level_1 > li > a > span {
    border-left: 1px solid #c3c5c8;
    border-right: none;
}

#main-navigation ul.level_1 > li:last-child > a > span {
    border-right: 1px solid #c3c5c8;
}

#main-navigation ul.level_1 > li:hover > a > span,
#main-navigation ul.level_1 > li.active > a > span,
#main-navigation ul.level_1 > li:hover + li > a > span,
#main-navigation ul.level_1 > li.active + li > a > span {
    border-left-color: transparent;
}

#main-navigation ul.level_1 > li.active:last-child > a > span,
#main-navigation ul.level_1 > li:last-child:hover > a > span {
    border-right-color: transparent;
}

/* LEVEL 2 */
#main-navigation ul.level_2 a {
    background: #5a6775;
}

#main-navigation ul.level_2 a:hover,
#main-navigation ul.level_2 li.active a {
    background: #26323d;
}

/* ### SUB ### */
#sub-navigation {
    text-transform: uppercase;
}

#sub-navigation > ul {
    list-style: none;
}

#sub-navigation > ul > li {
    margin-left: 0;
    margin-top: 0;
}

#sub-navigation > ul > li > a {
    color: #666;
    background: #eaeaea;
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#sub-navigation > ul > li:hover > a {
    color: #fff;
    background: #666666;
}

#sub-navigation > ul > li.active > a {
    color: #fff;
    background: #ec1c23;
}

/* ### META ### */
#meta-navigation {
    text-transform: uppercase;
}

#meta-navigation a {
    color: #424e5a;
    text-decoration: none;
    font-size: 1em;
}

#meta-navigation a:hover {
    color: #ec1c23;
}

/* ### FOOTER (SUB) ### */
#footer a {
    color: #666666;
    text-decoration: none;
}

#footer a:hover {
    color: #000;
}

#footer-navigation ul {
    list-style: none;
}

#footer-navigation ul li {
    margin-top: 0;
    margin-left: 0;
}

#footer-navigation ul.level_1 > li > a {
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
}

#footer-navigation ul.level_2 > li > a {
    font-size: 0.875em;
    text-decoration: none;
}

#footer-sub-navigation {
    text-transform: uppercase;
}

#footer-sub-navigation ul {
    list-style: none;
}

#footer-sub-navigation ul li {
    margin-top: 0;
    margin-left: 0;
}

/* ### QUICK CONTACT  ### */
#quick-contact a {
    color: #ec1c23;
}

/* ### SIDA Login ### */
span.remark {
    font-size: 0.75em;
}

/* ***************** *
 * MOBILE NAVIGATION *
 * ***************** */
#main-navigation-mobile {
    background: #5a6775;
}

#main-navigation-mobile ul {
    list-style: none;
}

#main-navigation-mobile ul  li {
    margin-left: 0;
    margin-top: 0;
}

#main-navigation-mobile ul.level_1 li {
    line-height: 3.125em;
}

#main-navigation-mobile li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 1em;
}

#main-navigation-mobile li > a:hover,
#main-navigation-mobile li.active > a {
    background: #34414c;
}

#main-navigation-mobile li.current > a {
    background: #26323d;
}

#main-navigation-mobile ul.level_2 {
    display: none;
}

#main-navigation-mobile li.active ul.level_2 {
    display: block;
}

#main-navigation-mobile ul.level_2 li {
    line-height: 2.5em;
}

#main-navigation-mobile ul.level_2 li > a {
    padding: 12px 20px 12px 30px;
    display: block;
    line-height: 20px;
    font-size: 1em;
}

#main-navigation-mobile ul.level_2 li a:hover,
#main-navigation-mobile ul.level_2 li.active a {
    color: #fff;
}

#main-navigation-mobile ul.level_2 li a:hover {
    background: #455361;
}

#main-navigation-mobile ul.level_2 li.current > a {
    color: #fff;
    background: #ec1c23;
}
#main-navigation-mobile #oe_shop_navi li.level_1 > a {
    padding-left: 50px !important;
}
#main-navigation-mobile #oe_shop_navi li.active > a {
    background: #ec1c23 !important;
}

/* ************ *
 * SOCIAL LINKS *
 * ************ */
#social-links {
    text-align: right;
    line-height: 2.5em;
    position: absolute;
    right: 0;
}

#social-links a {
    text-decoration: none;
    font-size: 2em;
    vertical-align: top;
    display: inline-block;
    margin-left: 2px;
    color: #c3c5c8;
}

#social-links a span {
    vertical-align: text-bottom;
    font-size: inherit;
}

#social-links a:hover{
    color: #fff;
}

/* ************ *
 * SEO OPT TEXT *
 * ************ */
#seo-opt {
    font-size: 0.75em;
}

/* ********** *
 * BREADCRUMB *
 * ********** */
#breadcrumb {
    font-size: 0.9em;
}

#breadcrumb a {
    color: #666666;
}

/* ********* *
 * HEADLINES *
 * ********* */
h1,h2,h3,h4,h5,h6 {
    color: #ec1c23;
    margin: 0;
    font-weight: 400;
}

div.advert h1,div.advert h2,div.advert h3,div.advert h4,div.advert h5,div.advert h6 {
    color: #666666;
    font-weight: 900;
    font-size: 1em;
    margin-bottom: 10px;
}
div.advert h4.adverttitle {
    color: #ec1c23;
    font-weight: 400;
    font-size: 1.5em;
    margin-bottom: 5px;
}
div.advert h5.adverttitle {
    font-size: 1.125em;
    margin-bottom: 20px;
}
div.advert p, div.advert ul {
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
}
div.advert ul {
    margin-bottom: 20px;
    margin-left: 15px;
}
div.advert ul li:first-child{
    margin-top: 0;
}
div.advert p:first-child {
    margin-bottom: 2px !important;
}

div.advert a.advertlink {
    margin-top: 15px;
}

.red h1, .red h2, .red h3, .red h4, .red h5, .red h6,
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6,
.dark.gray h1, .dark.gray h2, .dark.gray h3, .dark.gray h4, .dark.gray h5, .dark.gray h6 {
    color: #fff;
}

/* **** *
 * TEXT *
 * **** */
strong {
    font-weight: bold;
}

p {
    margin: 15px 0;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

.row.spacer {
    line-height: 0;
}

hr {
    border: 0;
    height: 1px;
    line-height: 0;
    color: #eaeaea;
    background: #eaeaea;
    font-size: 0;
}

hr.red {
    color: #ec1c23;
    background: #ec1c23;
}

hr.dark {
    color: #666;
    background: #666;
}

/* ***** *
 * LINKS *
 * ***** */
a {
    text-decoration: underline;
    color: #ec1c23;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:visited {
    color: #ec1c23;
}

a:link, a:active, a:visited, a:hover, a:focus {
    outline: none;
}

a.icon {
    text-decoration: none;
    font-family: Hind, Verdana, Arial, Helvetica, sans-serif;
}

a.icon:hover {
    color: #333
}

a.icon:before,
a.download:before {
    font-size: 0.75em;
    margin-right: 0.25em;
    /*noinspection CssNoGenericFontName*/
    font-family: 'oest';
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important;
}

/* ****** *
 * LISTEN *
 * ****** */

ul {
    list-style: square;
    overflow: hidden;
    display: inline;
}

ul li {
    margin-top: 8px;
    -webkit-margin-start: 17px;
    -moz-margin-start: 12px;
}

body.Chrome ul li,
body.Safari ul li,
body.Webkit ul li {
    margin-left: 15px;
}

/* ********* *
 * FORMULARE *
 * ********* */

input,select,textarea,button {
    background-color: #eaeaea;
    color: #666;
    border: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

input:required:focus:invalid {
    background-color: #ea948a !important;
}

.file_container {
    background-color: #eaeaea;
}

.gray input,
.gray select,
.gray textarea,
.gray button {
    background-color: #fff;
}

button.submit,
input.submit {
    background: #ec1c23;
    color: #fff;
    width: auto;
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

button.submit:hover,
input.submit:hover {
    cursor: pointer;
    color: #fff;
    background: #666;
}

form input:focus,
form select:focus,
form textarea:focus {
    outline: none !important;
}

textarea {
    display: block;
}

/* QUICKSEARCH - LANGUAGE SELECT */
#quick-search input,
#quick-search select,
#language-select input,
#language-select select {
    font-size: 1em;
}

#language-select select {
    text-transform: uppercase;
}

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

#quick-search input.text {
    vertical-align: top;
}

#quick-search button.submit,
#quick-search input.submit {
    background: #eaeaea;
    color: #666;
    /*noinspection CssNoGenericFontName*/
    font-family: 'oest';
    text-align: center;
    vertical-align: top;
}

#quick-search button.submit:hover,
#quick-search input.submit:hover {
    cursor: pointer;
}

/* FIX CAPTCAHA */
.tx-srfreecap-pi1-cant-read {
    width: auto !important;
}

img.tx-srfreecap-pi1-image {
    margin: 0;
    width: 100%;
}

.tx-srfreecap-pi1-cant-read a:link {
    text-decoration: underline;
    background: none;
    font-weight: normal;
}

.tx-srfreecap-pi1-cant-read a:hover {
    text-decoration: none;
}

/* ERROR HANDLING */
ul.error li span.red {
    background: none;
    color: inherit;
}

label + a ,
legend + a ,
input + a ,
select + a ,
.selectricWrapper + a,
textarea + a {
    text-decoration: none;
}

.oe_shop_header_error span.red,
label + a span.red,
legend + a span.red,
input + a span.red,
select + a span.red,
.selectricWrapper + a span.red,
textarea + a span.red {
    border: 1px solid #ec1c23;
    background: #f2dede;
    padding: 1em;
    display: block;
    text-decoration: none !important;
    color: #ec1c23;
    line-height: 18px;
}

/* STATUS BOXEN */
.logout {
    background: #f2dede;
    color: #ec1c23;
    padding: 10px;
}

/* ****** *
 * SLIDER *
 * ****** */
.slide {
    background: #eaeaea;
}
#slider_article .slide {
    background: none;
}

.slide .frame {
    box-shadow: 0 0 20px #000;
}

.slide .info-box {
    background: #ec1c23;
    color: #fff;
}

.slide .info-box a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.imagehide {
    display: none;
}

/* ***** *
 * ICONS *
 * ***** */
.icon_container {
    text-align: center;
}

.icon_container a {
    text-decoration: none;
    color: inherit;
    display: block;
    overflow: hidden;
}

/* ********** *
 * DOWNLOADS *
 * ********** */
.download a {
    text-decoration: none;
    display: block;
    color: #666;
}

.download a .icon,
a.download:before,
a.icon-download:before {
    background: #034ea1;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.download a.small .icon,
a.download.small:before,
a.icon-download.small:before {
    font-size: 1em;
}

.download a:hover,
a.icon-download:hover,
a.download:hover {
    color: #034ea1;
}

.download a:hover .icon,
a.icon-download:hover:before ,
a.download:hover:before {
    background: #666;
    color: #fff;
}

a.icon-download {
  display: flex;
  align-items: center;
}

a.icon-download,
a.download,
#sharebuttons a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

a.download:before,
a.icon-download:before,
#sharebuttons a {
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
}

#sharebuttons a {
    font-size: 1.25em;
    margin-left: 2px;
}
#sharebuttons a span.icon {
    padding: 2px;
}

#sharebuttons {
    text-align: right;
    display: none;
}
 #sharebuttons .icon {
     background: #eaeaea;
     color: #666;
 }
#sharebuttons .icon:hover {
    background: #666;
    color: #fff;
}
/* ********** *
 * ACTON LINK *
 * ********** */
a.link {
    text-decoration: none;
}

a.link:hover {
    color: #000;
}

a.link:before {
    content: "\e602";
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    margin-right: 5px;
}

.actionlink {
    text-decoration: none;
    font-size: 1.125em;
    font-family: Hind, Verdana, Arial, Helvetica, sans-serif;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.actionlink.icon:before {
    font-size: 1.25em;
    background: #ec1c23;
    color: #fff;
}

.actionlink.icon:hover:before {
    color: #ec1c23;
    background: #eaeaea;
}

.gray .actionlink.icon:hover:before {
    color: #ec1c23;
    background: #d5d5d5;
}

.actionlink.icon:before {
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
}

.toTop {
    text-align: center;
    text-decoration: none;
    z-index: 10000;
    display: none;
    background: #dcdcdc;
    font-family: Hind, Verdana, Arial, Helvetica, sans-serif;
}

.toTop:before {
    font-size: 1.25em;
    background: #ec1c23;
    color: #fff;
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
}

.toTop:hover:before {
    color: #ec1c23;
    background: #eaeaea;
}

.toTop:hover {
    text-decoration: none;
}

/* TEASER LINK */
.teaser-link {
    text-decoration: none;
}
.teaser-link .info {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

/* ****** *
 * TABLES *
 * ****** */
table th {
    background: #eaeaea;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
}

table tr.even td {
    background: #f8f8f8;
}

table th + th,
table td + td {
    border-left: 1px solid #fff;
}

table td,
table th {
    vertical-align: top;
}

/* **** *
 * NEWS *
 * **** */

.news + .news {
    border-top: 1px solid #eaeaea;
}

.news a.tag {
    text-decoration: none;
    color: #666;
    background: #eaeaea;
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 0.875em;
}

#newslist .spacer,
#newslist .pager {
    margin-left: 0;
    margin-right: 0
}

/* **** *
 * SUCHE *
 * **** */
.result + .result,
.tx-indexedsearch-res .box + .box .result {
    border-top: 1px solid #eaeaea;
}

.tx-indexedsearch-sw {
    font-weight: bold;
}

.tx-indexedsearch-whatis {
    color: #ec1c23;
}

/* ********* *
 * AKKORDEON *
 * ********* */
.accordion .acc_element .toggler {
    background: #eaeaea;
    font-size: 1.25em;
    line-height: 1.25em;
    cursor: pointer;
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.accordion .acc_element .toggler,
.accordion .acc_element .toggler:focus {
    outline: none !important;
}

.accordion .acc_element .toggler .icon {
    font-size: 1.25em;
}

.accordion .acc_element .toggler .ui-icon {
    font-family: 'oest', Hind, Verdana, Arial, Helvetica, sans-serif;
}

.accordion .acc_element:hover .toggler {
    background: #666;
    color: #fff;
}

.accordion .acc_element .toggler.ui-accordion-header-active {
    background: #ec1c23;
    color: #fff;
}

.accordion .acc_description {
    margin-bottom: 10px;
    margin-top: 10px;
}

.accordion .acc_description:first-child {
    margin-top: 0;
}

/* ******** *
 * LIGHTBOX *
 * ******** */
a.lightbox:after {
    content: ' ';
    background: url(/typo3conf/ext/site_oest/Resources/Public/Images/zoom_white.svg) center -100% rgba(0, 0, 0, 0.6) no-repeat;
    background-size: 50% auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

a.lightbox:hover:after {
    opacity: 1;
    background-position: center center;
}

/* ********** *
 * PAGINATION *
 * ********** */
.pager .pages ul li,
.tx-indexedsearch-browsebox li {
    background: none;
}

.pager .pages ul li > a,
.tx-indexedsearch-browsebox li a {
    color: #666;
    background: #eaeaea;
    text-decoration: none;
}

.pager .pages ul li > a:hover,
.tx-indexedsearch-browsebox li a:hover {
    background: #666;
    color: #fff;
}

.pager .pages ul li span.current,
.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
    background: #ec1c23;
    color: #fff;
}

.pager .pages span.inactive {
    color: #ccc;
}

.pager .pages .first > *,
.pager .pages .previous > *,
.tx-indexedsearch-browsebox li.previous a,
.pager .pages .next > *,
.tx-indexedsearch-browsebox li.next a,
.pager .pages .last > * {
    width: auto;
    background: none;
}

/* ****** *
 * SHADOW *
 * ****** */
.shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

/* ********* *
 * SVG ICONS *
 * ********* */
#iconsBox {
    display: none;
}

svg {
    display: block;
}

svg .red {
    fill: #ED1C24;
}

svg .blue {
    fill: #034EA2;
}

button#cookieman-show {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 35678;
}

a.cookieman-show {
  display: none;
}

@media screen and (max-width: 1024px) {
  button#cookieman-show {
    display: none;
  }
  a.cookieman-show {
    display: inline-block;
  }
}

/* ***** *
 * CLEAR *
 * ***** */
.clear {
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 0;
    color: #fff;
    background: transparent;
    border: 0;
}

#recaptcha,
#quick-contactform .g-recaptcha {
    transform:scale(0.7);
    margin-left:-35px;
}

.pdfdownload {
    margin-bottom: 30px;
}

.pdfdownload:last-child {
    margin-bottom: 0;
}

.pdfdownload p.headline {
    margin-bottom: 30px;
}

.pdfdownload .text_container {
    margin-top: 20px;
}

#left p.small {
    font-size: 0.8em;
}