body {
    background: rgba(245, 245, 245, 1) fixed;
}

h1 {
    color: #333;
}

h2 {
    color: #535353;
}

h3 {
    color: #535353;
}

h4,
.tx-indexedsearch-redMarkup{
    color: #004B8B;
}

h5 {
    color: #535353;
}

label {
    color: #939393;
}

h6 {
    color: #535353;
}

a {
    transition: color 0.8s ease;
}

header > section:last-child {
    border-top: 1px solid #eee;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
}


/* -------------------- Base Text Color -------------------------*/
p,
.bgcolor-2 .box-bg p,
.bgcolor-2 .box-bg h1,
.bgcolor-2 .box-bg h5,
.bgcolor-2 .box-bg li,
ul li,
ol li,
.header-navi li a,
nav li a,
.resp-tab-item,
.eventfact-name p,
.ts-skin tbody tr,
.lead-form input[type=text],
.input-1,
.input-2,
.select-1,
.conversion-form-1 select, input[type=text],
.section .headline {
    color: #555;
}

/* -------------------- Base Background Color -------------------------*/
section,
.box-bg,
.box-bgimage,
.resp-tabs-container,
.bgmap .row .teaser-box-2,
.resp-vtabs .resp-tabs-container,
.resp-vtabs li.resp-tab-active,
.resp-tab-active, .eventfact-lable,
#nav li a:active,
.pageheader,
.section input {
    background-color: #fff;
}

section section,
.modal-wrapper section,
.box-bgimage .box-bg,
.box-bgimage .box-bgimage,
.box-bgimage .resp-tabs-container{
    background-color: transparent;
}

/* -------------------- Box Shadow -------------------------*/
.box-shadow,
.box-bg,
.box-bgimage,
.resp-tabs-container,
.resp-tab-item,
.soforthilfe .soforthilfe-flag,
.soforthilfe .soforthilfe-form,
.bgmap .row .teaser-box-2,
iframe.rw-youtube,
.button-small-shadow,
.small-button,
.info-button-small,
a.info-button-small,
li a.info-button-small,
.lead-button-small,
a.lead-button-small,
li a.lead-button-small,
.button-shadow,
.big-button,
.info-button-big,
.lead-button-big,
a.button,
a.button-1,
.conversion-form-1,
.page-navigation li,
.news-prev a,
.news-back a,
.news-next a {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}


.bgcolor-1,
.teaser-category-flag,
.teaser-date-flag{
    background-color: #CFD9E7;
}

.teaser-category-flag,
.teaser-date-flag{
    color: #0C344C;
}


.bgimage .bgcolor-1,
.bgvideo .bgcolor-1{
    background-color: rgba(207, 217, 231, 0.7);
}

.bgimage .bgcolor-1 h1,
.bgimage .bgcolor-1 h2,
.bgimage .bgcolor-1 h3,
.bgimage .bgcolor-1 h4,
.bgimage .bgcolor-1 h5,
.bgimage .bgcolor-1 h6,
.bgimage .bgcolor-1 p{
    color: #333;
}

.bgcolor-2 {
    background-color: #0C344C;
}

.bgimage .bgcolor-2,
.bgvideo .bgcolor-2{
    background-color: rgba(12, 52, 76, 0.65);
    background-blend-mode: screen;
}

.bgcolor-2 h2,
.bgcolor-2 h4 {
    color: rgba(255, 255, 255, 1);
}

.bgcolor-3{
    background-color: rgba(240, 240, 240, 1);
}

.bgimage .bgcolor-3,
.modal,
.bgvideo .bgcolor-3{
    background-color: rgba(240, 240, 240, 0.7);
}

.bgcolor-4{
    background-color: rgba(255, 255, 255, 1);
}

.bgimage .bgcolor-4,
.modal,
.bgvideo .bgcolor-4{
    background-color: rgba(255, 255, 255, 0.7);
}

.bgcolor-4 h1,
.bgcolor-4 h2,
.bgcolor-4 h3,
.bgcolor-4 h4,
.bgcolor-4 h5,
.bgcolor-4 h6,
.bgcolor-4 p,
.bgcolor-4 li{
    color: #333 !important;
}

/*---   form colors ----*/


label, .headline{
    color:#666 !important;
}

.section{
    background: rgba(150, 150, 150, 0.3);
}

.bgcolor-1 form{
    background: rgba(200, 200, 200, 0.4);
}

.bgcolor-1 h2{
    color: #004b8b;
}

.bgcolor-1 label, .bgcolor-1 .headline{
    color: #fff !important;
}

.bgcolor-1 .section{
    background: rgba(200, 200, 200, 0.5);
}

.bgcolor-2 form {
    background: rgba(246, 249, 251, 0.3);
}

.bgcolor-2 .section{
    background: rgba(246, 249, 251, 0.5);

}

.bgcolor-2 label,
.bgcolor-2 .headline,
.bgcolor-2 form h1{
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.7);
}

.bgcolor-3 form {
    background: rgba(80, 80, 80, 0.3);
}

.bgcolor-3 input[type=text], .bgcolor-3 textarea{
    background-color: #ddd;
}

.bgcolor-3 .section{
    background: rgba(80, 80, 80, 0.7);
}

.bgcolor-3 label, .bgcolor-3 .headline{
    color: #eee !important;
}

/*background-blend-mode: screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color*/
teaser-box-5 .teaser-content h5,
teaser-box-5 .teaser-content h5 a,
/*.bgcolor-3 p,
.bgcolor-3 li,
.bgcolor-3 h1,
.bgcolor-3 h2,
.bgcolor-3 h3,
.bgcolor-3 h4,
.bgcolor-3 h5,
.bgcolor-3 h6,*/
.bgcolor-2 p,
.bgcolor-2 li,
.bgcolor-2 h1,
.bgcolor-2 h2,
.bgcolor-2 h3,
.bgcolor-2 h4,
.bgcolor-2 h5,
.bgcolor-2 h6,
.bgcolor-2 label {
    color: #fff;
}

.teaser-content p{
    color: #555;
}

/* -------------------- Text Prime Color 1 -------------------------*/
a,
.eventfact-name h4,
.ts-skin thead th,
span.required,
.info-box-content h2,
.info-button-small-hback,
a.info-button-small-hback,
.info-button-small,
a.info-button-small,
li a.info-button-small,
.info-button-big,
a.info-button-big,
li a.info-button-big,
#breadcrumb-nav li a,
.resp-tab-active,
h2.resp-accordion,
.page-navigation li,
.news-prev a,
.news-back a,
.news-next a,
.page-navigation li a,
.phone-lead-bottom,
.phone-lead-bottom p,
.teaser-content h5,
.teaser-content h5 a{
    color: #004b8b;
}

/* -------------------- Text Prime Hover Color 1 -------------------------*/
a:hover,
nav li a.active,
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a,
#breadcrumb-nav li a:hover,
#breadcrumb-nav li a.act,
.header-navi li a:hover,
nav li a:hover,
.page-navigation li a:hover{
    color: #00a2d7;
}

/* -------------------- Background Prime Color 1 -------------------------*/
.lead-button-small,
a.lead-button-small,
li a.lead-button-small,
a.lead-button-big,
.lead-button-big,
.lead-button-big-hback,
a.lead-button-big-hback,
a.button,
a.button-1,
.lead-button,
.ts-skin tbody tr td:last-child,
.rwslider .prev,
.rwslider .next,
.teaser-box-2 .button,
.teaser-box-3 .button,
.btt .col_12 button#back-to-top,
.info-btn-bg,
.conversion-form-1,
.lead-image-header,
.page-navigation li:hover,
.page-navigation li.current,
.news-prev a:hover,
.news-back a:hover,
.news-next a:hover,
.soforthilfe .conversion-box-1 .button-1 {
    background-color: #004b8b;
}

.mobile-contact-navi{
    background: rgba(255, 255, 255, 0.95);
}

/* -------------------- Background Prime Hover Color 1 -------------------------*/
.info-button-small-hback:hover,
.info-button-small:hover,
.lead-button-small:hover,
.lead-button-big:hover,
.info-button-big:hover,
a.button:hover,
a.button-1:hover,
.lead-button-big-hback:hover,
.info-button-big-hback:hover,
.btt .col_12 button#back-to-top:hover,
.rwslider .prev:hover,
.rwslider .next:hover,
.teaser-box-2 a.button:hover,
.teaser-box-3 a.button:hover,
.ts-skin tbody tr:hover,
.lead-button:hover,
.eventfact-lead-button a:hover{
    background-color: #00a2d7;
}

.mm-listview .mm-next {
    background: #004b8b;
}

.mm-menu .mm-listview > li .mm-next:after{
    border-color: #fff;
}

/* -------------------- Background Prime Color 1 Transparent -------------------------*/
.slider-content,
.pageheader .pageheader-headline,
.teaser-box-5 .teaser-content,
.pageheader-convrsion-box,
.lead-image-header-content,
.soforthilfe .soforthilfe-flag {
    background-color: rgba(0, 75, 139, 0.8);
}

/* -------------------- Text Contrast Color 1 -------------------------*/
.bgcolor-2 .box-content p,
.bgcolor-2 h1,
.bgcolor-2 h5,
.bgcolor-2 li,
.teaser-box-4.bgcolor-2 a,
.bgcolor-2 .teaser-box-4 a,
.lead-button-small,
a.lead-button-small,
li a.lead-button-small,
a.lead-button-big,
.lead-button-big,
.lead-button-big-hback,
a.lead-button-big-hback,
a.button,
a.button-1,
footer.bgcolor-2 h3,
footer.bgcolor-2 a,
.pageheader .pageheader-headline,
.pageheader p,
.pageheader-convrsion-box .row h1,
.pageheader-convrsion-box .row h2,
.pageheader-convrsion-box .row h3,
.slider-headline,
.slider-subheadline,
.slider-copy p,
.teaser-box-5 .teaser-content h5 a,
.teaser-box-5 .teaser-content h4 a,
.teaser-box-5 .teaser-content h3 a,
.teaser-box-5 .teaser-content h2 a,
.teaser-box-5 .teaser-content h1 a,
.teaser-box-5 .teaser-content h5,
.teaser-box-5 .teaser-content h4,
.teaser-box-5 .teaser-content h3,
.teaser-box-5 .teaser-content h2,
.teaser-box-5 .teaser-content h1,
.ts-skin tbody tr:hover,
.lead-form-header h2,
.lead-form-header,
.lead-form-header p,
.lead-button,
.pageheader .pageheader-subheadline,
.page-navigation li:hover,
.page-navigation li.current,
.news-prev a:hover,
.news-back a:hover,
.news-next a:hover,
.conversion-form-1 p,
.soforthilfe .soforthilfe-flag .textrotate,
.lead-image-header-content h1,
.lead-image-header-content p,
footer label {
    color: #fff;
}

/* -------------------- Text Hover Contrast Color 1 -------------------------*/
.info-button-small-hback:hover,
.info-button-small:hover,
.lead-button-small:hover,
.lead-button-big:hover,
.info-button-big:hover,
a.button:hover,
a.button-1:hover,
.lead-button-big-hback:hover,
.info-button-big-hback:hover {
    color: #fff;
}

/* -------------------- Background Contrast Transparent Color 1 -------------------------*/
.teaser-box-1 .teaser-content,
.teaser-box-6 .teaser-content,
#nav li ul {
    background: rgba(255, 255, 255, 0.95);
}

/* -------------------- Background Light Contrast Color 1 -------------------------*/

.info-button-small,
a.info-button-small,
li a.info-button-small,
.info-button-big,
.info-button-big-hback,
.button-file,
.product-filter,
input[type=text],
textarea,
.info-box,
ul#breadcrumb-nav,
.page-navigation li,
.news-prev a,
.news-back a,
.news-next a,
.phone-lead {
    background-color: #efefef;
}

/* -------------------- Border -------------------------*/
.box-border {
    border: 1px solid #333;
}

/* -------------------- NO Border -------------------------*/
button,
.lead-button-big,
input[type=button] {
    border: none;
}

/* -------------------- Text Shadow -------------------------*/
.info-button-small-hback:hover,
.info-button-small:hover,
.lead-button-small:hover,
.lead-button-small,
a.lead-button-small,
li a.lead-button-small,
.slider-subheadline,
.pageheader .pageheader-subheadline,
.pageheader h1,
.pageheader h2,
.pageheader p,
.soforthilfe .soforthilfe-flag .textrotate {
    text-shadow: rgba(0, 0, 0, 0.5);
}

/* -------------------- Rounded Corners -------------------------*/
.lead-form input[type=text],
.lead-button,
.slider-content,
.info-button-big,
.lead-button-big,
.teaser-box-2 a.button,
.teaser-box-3 a.button,
.info-btn-bg,
#back-to-top,
input,
.teaser-box-1 .teaser-content,
.teaser-box-6 .teaser-content,
.teaser-box-5 .teaser-test-wrap,
.page-navigation li,
.news-prev a,
.news-back a,
.news-next a,
.soforthilfe .conversion-box-1 .button-1 {
    /*border-radius: 5px;*/
}

/* -------------------- SVG Button Fill -------------------------*/
.btt .col_12 button#back-to-top .arrow-icon-fill,
.gridslider .next .arrow-icon-fill,
.gridslider .prev .arrow-icon-fill,
.arrow-icon-fill,
.teaser-box-2 .button .arrow-icon-fill,
.teaser-box-3 .button .arrow-icon-fill,
.slider .cycle-next .arrow-icon-fill,
.slider .cycle-prev .arrow-icon-fill {
    fill: #ffffff;
}

.info-button-small, a.info-button-small, li a.info-button-small {
    /* text-shadow: 0 0px 1px white; */
}

footer h1 {

}

footer h2 {
    color: #333;
}

footer h3 {

}

footer h4 {
    color: #ba997b;
}



/* --------------------- language menu  ------------------- */

/* --------------------- main menu  ------------------- */
#nav span:after {
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #efa585;
}

#nav li ul {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#nav > ul > li > ul > li:not( :last-child ) > a {
    border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 320px) and (max-width: 759px) {
    #nav > a {
        background-color: #004B8B;
    }

    #nav > a:before, #nav > a:after {
        border: 2px solid #fff;
    }

    #nav > ul {
        background: rgba(255, 255, 255, 0.9);
        /*box-shadow: 0px 0px 5px #333;*/
        border: 1px solid #ccc;
    }

    #nav > ul > li {
        border-bottom: 1px solid #ccc;
    }
}

/* --------------------- CTA Header (infoflag)------------------- */
.standort-select select {
    border: 1px solid #ccc;
}

.soforthilfe .soforthilfe-form li input[type=text] {
    border: 1px solid #333;
}

/* --------------------- pageheader  ------------------- */
.pageheader {
    background: no-repeat top;
}

/* -------------------- Pageheader-slider --------------------*/
.rwslider .prev {
    background-image: url("../Images/_default/1217-arrow-left.svg");
    background-repeat: no-repeat;
    background-position: 3px 4px;
}

.rwslider .prev:hover {
    background-image: url("../Images/_default/1217-arrow-left.svg");
    background-repeat: repeat-x;
    background-position: -45px 4px;
}

.rwslider .next {
    background-image: url("../Images/_default/1209-arrow-right.svg");
    background-repeat: no-repeat;
    background-position: 5px 4px;
}

.rwslider .next:hover {
    background-image: url("../Images/_default/1209-arrow-right.svg");
    background-repeat: repeat-x;
    background-position: 53px 4px;
}

/* ---------------------- List Styles ---------------------- */
.box-content ul li, .teaser-content li {
    list-style: outside url("../Images/_default/1133-checkmark.svg");
}

.bgcolor-2 .box-content ul li, .bgcolor-2 .teaser-content li {
    list-style: outside url("../Images/_default/1133-checkmark-hell.svg");
}

.teaser-box-2 .button, .teaser-box-3 .button {
    /* box-shadow: none; */
}

/* ---------------------- teaser formular ---------------------- */
.conversion-form-1 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* ---------------------- youtube ---------------------- */
iframe.rw-youtube {
    border: 0;
}

/* ---------------------- Tabs ---------------------- */
.resp-tab-item {
    background-image: linear-gradient(#fcfcfc 0%, #e1e0e1 100%);
}

.resp-tab-active {
    box-shadow: 0 5px 1px white, 0 0 4px rgba(0, 0, 0, 0.5);
}

h2.resp-accordion {
    border: 1px solid #c1c1c1;
    border-top: 0 solid #c1c1c1;
}

h2.resp-tab-active {
    border-bottom: 0 solid #c1c1c1 !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

.resp-vtabs .resp-tabs-container {
    border: 1px solid #c1c1c1;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
}

.resp-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #0069a4;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

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

    h2.resp-tab-active {
        background: #f4973a;
        color: #fff !important;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/* ---------------------- Event-modul ---------------------- */
.ts-skin thead th {
    background-color: #CFD9E7;
    border: 1px solid #fff;
}

.ts-skin tbody tr {
    background-color: #E2E7ED;
}

.ts-skin tbody td {
    border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
}

.ts-skin tbody tr.sold-out {
    background-color: #D0D4D8;
}

.ts-skin tbody tr.sold-out td {
    border-right: 1px solid #D0D4D8;
}

.ts-skin tbody tr.sold-out p {
    color: #aaa;
}

.ts-skin tbody tr.sold-out td:last-child {
    background-color: #D0D4D8;
}

/* ---------------------- conversion header ---------------------- */

/* ---------------------- formular ---------------------- */
#rwform .error {
    color: #f10000;
}

#rwform .rating:not(:checked) > label {
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0, 0, 0, .5);
}

#rwform .rating > input:checked ~ label {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5);
}

#rwform .rating:not(:checked) > label:hover,
#rwform .rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
}

#rwform .rating > input:checked + label:hover,
#rwform .rating > input:checked + label:hover ~ label,
#rwform .rating > input:checked ~ label:hover,
#rwform .rating > input:checked ~ label:hover ~ label,
#rwform .rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
}

input[type=text],
textarea {
    border: 1px solid #ccc;
}

.form-send-1 {
    background: url("../Images/_default/1210-arrow-right2.svg");
}

/* ---------------------- image slider ---------------------- */
.slider .cycle-next .arrow-icon-fill, .slider .cycle-prev .arrow-icon-fill {
    stroke-width: 3;
    stroke: #333;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /*smartphone portrait*/
    header {
        background-color: rgba(255, 255, 255, 1);
        border-bottom: 1px solid #ccc;
    }

    header section:last-child{
        border: none;
        box-shadow: none;
    }

}

@media screen and (min-width: 481px) and (max-width: 720px) {
/* smartphone landscape*/

    header {
        background-color: rgba(255, 255, 255, 1);
        border-bottom: 1px solid #ccc;
    }

    header section:last-child{
        border: none;
        box-shadow: none;
    }

}