/* FONTS */


@font-face {
    font-family: 'circular';
    src: url('user_upload/fonts/CircularStd-Book.woff2') format('woff2'),
         url('user_upload/fonts/CircularStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circular';
    src: url('user_upload/fonts/CircularStd-Bold.woff2') format('woff2'),
         url('user_upload/fonts/CircularStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'dinbold';
    src: url('user_upload/fonts/din_bold-webfont.woff2') format('woff2'),
         url('user_upload/fonts/din_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinregular';
    src: url('user_upload/fonts/din-webfont.woff2') format('woff2'),
         url('user_upload/fonts/din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('user_upload/fonts/TitilliumWeb_normal_600.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('user_upload/fonts/TitilliumWeb_normal_400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('user_upload/fonts/TitilliumWeb_normal_700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('user_upload/fonts/MaterialIcons.woff2') format('woff2');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }


/* ALLGEMEINES */

body {
    /*background: #1F1F1F;*/
    /*background: linear-gradient(180deg, rgb(1, 7, 21) 0%, rgb(46, 3, 43) 100%);
    color: #fff;*/
    background: #fcfcfc;
    background: linear-gradient(0deg, rgb(239, 243, 244) 0%, rgb(252, 252, 252) 100%);
    color: #111;
    line-height: 1.5;
    font-family: Titillium Web/*Roboto*/ /*circular*/,sans-serif;
    font-size: 16px;
}
.container {
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 80rem;
    width: 87%;
}
/*body#page-9{
    background: #fcfcfc;
    color: #222;
}
body#page-9 h1, body#page-9 h2, body#page-9 h3, body#page-9 h4{
    color: #222;
}*/
body > header {
    height: 5.75rem;
    background: transparent;
    box-shadow: none;
}
/*body > header .container, body > footer .container {
    width: 100%;
    max-width: 97%;
}*/
body > footer .footer-top {
    padding-bottom: 4.3rem;
    display: none;
}
body > footer .footer-bottom {
    padding: 1rem 0;
    background: #EA0F3D;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: normal;
}
ol > a, p > a, ul > a {
    color: #EA0F3D;
    font-weight: 600;
}
ul{
    padding-left: 1rem;
}
main {
    min-height: 93.4vh;
}
main > :first-child:not([class*="_imagehero"]):not([class*="_productslider"]) {
    padding-top: 6.75rem;
}
.menu-close i, .menu-open i {
    font-size: 2.5rem;
    text-align: center;
    color: #fff;
}
.level-menu:not([class*="lvl-"]) > li > a {
    background: none;
    padding: 0 0 0 1.5rem;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}
header.scrolled{
    height: 3.75rem;
}
.level-menu a.sub::after {
    content: "expand_more";
    margin-left: 0.25rem;
    font-family: Material Icons;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 2px;
}
header.scrolled .level-menu:not([class*="lvl-"]) > li > a {
    background: none;
    padding: 0 0 0 1.5rem;
    font-weight: 600;
    color: #111;
    font-size: 16px;
}
.level-menu:not([class*="lvl-"]) > li > a.current {
    color: #EA0F3D !important;
}
h1, h2, h3, h4 {
    line-height: 1.1;
    font-family: Titillium Web /*Source Sans Pro*/ /*PT Serif,serif*/;
    font-weight: bold;
    color: #111;
    margin: .5em 0 0;
}
h4{
    font-weight: 600;
}
.text-center {
    text-align: center;
}
main header {
    margin-bottom: 1.5rem;
}
.image img:focus, .image img:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
figcaption {
    font-size: 12px;
    font-weight: normal;
    color: #aaa;
    text-align: center;
}
em a {
    background: #EA0F3D;
    color: #FFF;
    padding: .5rem 1rem .6rem 1rem;
    display: inline-block;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    margin-top: 0.75rem;
    transition: all .15s ease-in-out;
    border: 2px solid #EA0F3D;
}
em a::after {
    content: "»";
    margin-left: 5px;
    font-weight: lighter;
}
em a:hover, em a:focus{
    background: #CA002A;
    color: #fff;
    padding: .5rem 1rem .6rem 1rem;
    text-decoration: none;
    border: 2px solid #CA002A;
}
.has-background h2, .has-background {
    color: #fff;
}
.has-background p{
    font-size: 18px;
}
.has-background em a {
    background: #fff;
    color: #EA0F3D;
    padding: .5rem 1rem .6rem 1rem;
    display: inline-block;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin-top: 0.75rem;
    transition: all .15s ease-in-out;
    border: 2px solid #fff;
}    
.has-background em a:hover {
    transform: scale(1.03);
    box-shadow: 0px 7px 20px rgba(0,0,0,0.2);
}
/*h2{
    font-size: 3.5rem;
}*/
/* IMAGE HERO */

.layout-1 .image-hero {
    height: 600px;
    overflow: hidden;
    margin-top: 0rem;
}
/*.layout-1 .image-hero .product-container {
    position: absolute;
    width: 50%;
    right: 0;
    left: auto;
    background: #1F1F1F;
    height: 100%;
    bottom: 0;
    top: auto;
    text-align: left;
    color: #fff;
    align-content: center;
    display: grid;
    padding-left: 10rem;
    padding-right: 10rem;
}
.hero-text {
    margin-top: -8rem;
}
.hero-text h1{
    color: #fff;
    font-family: PT Serif;
    font-weight: normal;
    font-size: 6rem;
    margin-bottom: 2rem;
}*/
/*body#page-2 header{
    height: 4.75rem;
    background: transparent;
    box-shadow: none;
}*/
/*body#page-2 .level-menu:not([class*="lvl-"]) > li > a {
    background: none;
    padding: 0 0 0 1.5rem;
    font-weight: 400;
    color: #fff;
}*/


.hero-text h1{
    text-align: center;
    color: #fff;
    font-size: 4.3rem;
}
.hero-text small {
    width: 66%;
    font-size: 27px !important;
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem !important;
}

.image-hero .product-container {
    position: absolute;
    width: 100%;
    right: auto;
    left: 0%;
    background: rgba(10, 10, 32, 0.8);
    height: 100%;
    bottom: 0;
    top: 0;
    text-align: left;
    color: #fff;
    align-content: center;
    display: grid;
    padding-left: 15%;
    padding-right: 15%;
}
.image-hero .product-container label {
    display: block;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1rem;
    line-height: 1;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}
.image-hero .product-container .big {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.15;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.image-hero .product-container small {
    width: 66%;
    font-size: 1.125rem;
    margin: 0 auto;
    text-align: center;
}
.frame-layout-1 .image-hero {
    height: 600px;
    overflow: hidden;
    margin-top: 0rem;
}

/* INDIVIDUELLES */
.services {
    color: #fff;
    font-size: 18px;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    position: absolute;
    top: 70vh;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.divider {
    color: #DF0231;
    margin-left: 5px;
    margin-right: 5px;
}
.frame-type-header.frame-layout-1 h2 {
    font-family: Source Sans Pro;
    text-align: center;
    font-weight: bold;
    font-size: 7rem;
    color: #EFF3F4;
    text-transform: uppercase;
}
#c101 em {
    color: #fff;
    font-style: normal;
    text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.7);
    font-weight: bold;
    font-size: 28px;
}
#c101 {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}


/* GRID ELEMENTE */
main > [class^="grid_"][data-section] {
    margin: 0;
    padding: 6rem 0;
}
main > [class^="grid_"] .flex .md-4, main > [class^="grid_"] .item .md-4 {
    width: 33.33333%;
    padding-right: 0;
    border-right: 1px solid #dadada;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
body#page-8 .grid_2col {
    /*height: 100vh;*/
    display: grid;
    align-content: center;
}
body#page-8 main > [class^="grid_"] .flex {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
}


/* Image Mapping */

.image-mapping [class^="mapping-"] .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    background-color: #111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 0px;
    border: none;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    z-index: 15;
}
/*.image-mapping [class^="mapping-"] .icon::after {
    border: 0.35rem solid transparent;
    border-top-color: #000;
    content: '';
    margin-bottom: -0.6rem;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 0.4rem;
}*/
.image-mapping [class^="mapping-"].active .icon::after{
    border: 0.35rem solid transparent;
    border-top-color: #FFF;
    content: '';
    margin-bottom: -0.65rem;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 0.6rem;
}
/*.image-mapping [class^="mapping-"]:not(.active) .icon:hover:focus::after, .image-mapping [class^="mapping-"]:not(.active) .icon:hover:hover::after {
    border: 0.35rem solid transparent;
        border-top-color: transparent;
    content: '';
    border-top-color: #000;
    margin-bottom: -0.65rem;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 0.6rem;
}*/
.image-mapping .mapping-1.active .icon::after {
    border: 0.35rem solid transparent;
    border-top-color: #FFF;
    content: '';
    margin-top: -0.65rem;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 0.6rem;
    transform: rotate(180deg);
}
/*.image-mapping [class^="mapping-"] .content-box {
    position: absolute;
    top: 0%;
    left: auto;
    width: 45%;
    border-radius: 0;
    padding: 4rem;
    background: #C10B32;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 20;
    right: 0%;
    height: auto;
}*/
.image-mapping [class^="mapping-"] .content-box {
    position: absolute;
    top: 0%;
    left: auto;
    width: 50%;
    border-radius: 0;
    padding: 4rem;
    background: #EFF3F4;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 20;
    right: 0%;
    height: 100%;
}
.content-box::after {
    border: 1em solid transparent;
    border-top-color: #fff;
    content: '';
    margin-left: -2rem;
    position: absolute;
    top: 16%;
    left: 0;
    width: 0;
    height: 0;
    transform: rotate(90deg);
}
.image-mapping [class^="mapping-"] .content-box p {
    font-size: 15px;
    margin-top: 1.5rem;
    font-weight: 400;
}
.image-mapping [class^="mapping-"] .content-box u {
   text-decoration: none;
}
.image-mapping [class^="mapping-"] .content-box u::before {
    content: "";
    display: block;
    background: url(user_upload/icons/hermes.svg) no-repeat center;
    width: 28px;
    height: 23px;
    float: left;
    margin: 0px 5px 0 0;
    background-size: cover;
}
.image-mapping [class^="mapping-"] .content-box h4 {
    font-size: 35px;
    color: #DF0231;
    text-transform: none;
    font-weight: 800;
}
.image-mapping [class^="mapping-"] .content-box h4::after{
  display: none;
}
.image-mapping {
    position: relative;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 0rem !important;
    background: #fff;
}
.image-mapping img {
    width: 50%;
    -webkit-filter: none;
    filter: none;
    padding: 5rem;
}
.image-mapping [class^="mapping-"].active .icon {
    border-width: 4px;
    background-color: #FFF;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.2);
    width: 2rem;
    height: 2rem;
    margin-left: -0.165rem;
    margin-top: -0.3rem;
    -webkit-animation: c 5s linear infinite;
    animation: none;
    background-image: url(user_upload/images/image-mapping/gas-station-r.svg) !important;
}
.image-mapping [class^="mapping-"]:not(.active) .icon:hover:focus, .image-mapping [class^="mapping-"]:not(.active) .icon:hover:hover {
    width: 2rem;
}
.image-mapping [class^="mapping-"]:not(.active) .icon:hover:focus, .image-mapping [class^="mapping-"]:not(.active) .icon:hover:hover {
    height: 2rem;
}
.image-mapping [class^="mapping-"]:not(.active) .icon:hover:focus, .image-mapping [class^="mapping-"]:not(.active) .icon:hover:hover {
    margin-left: -0.165rem;
}
.image-mapping [class^="mapping-"]:not(.active) .icon:hover:focus, .image-mapping [class^="mapping-"]:not(.active) .icon:hover:hover {
    margin-top: -.3rem;
}
#c66{
    width: 70%;
    margin: 0 auto;
}

.of
{
	stroke-dasharray:2300;
	stroke-dashoffset:2300;
	animation: dash 8.5s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}


/* MENUBOX SEITE */

.frame-type-menu_pages {
    padding: 0px;
}

[class*="menu_pages"] ul li a, [class*="menu_pages"] ol li a {
    list-style: none;
    font-family: Titillium Web;
    border-bottom: 1px solid #dadada;
    padding: 1rem 2rem 1.1rem 2rem;
    display: block;
    background: none;
    font-weight: 400;
    font-size: 16px;
    color: #1F1F1F;
    transition: all .25s ease-in-out;
}
[class*="menu_pages"] ul li a:hover, [class*="menu_pages"] ol li a:hover, [class*="menu_pages"] ul li a.active, [class*="menu_pages"] ol li a.active {
    text-decoration: none;
    color: #222;
    font-weight: bold;
    border-right: 2px solid #EA0F3D;
    margin-right: -1px;
}
[class*="menu_pages"] ul li:last-child a {
    border-bottom: 0;
}
.tile-2 .frame-type-iubase_text {
    background: rgba(10, 6, 25,0);
    padding: 2rem 2.5rem;
    border-radius: 0px;
    border: 0px solid rgba(255,255,255,.06);
}
main > [class^="grid_"] .flex .md-4 .frame-type-iubase_text {
    padding: 2rem 2rem;
    border: 1px solid #dadada;
    border-right: none;
    border-left: none;
}
main > [class^="grid_"] .flex .md-6 .frame-type-textmedia,
main > [class^="grid_"] .flex .md-8 .frame-type-textmedia {
    padding: 2rem 2.5rem;
}    
main > [class^="grid_"] .flex .md-6 .frame-type-textmedia.frame-layout-1 {
    padding: 2rem 2.5rem;
    background: #fff;
}



/* CONTAINER SET */
body#page-10 .container-set {
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    padding: 5px 5px;
    background: #fff;
}
body#page-10 .container-set .container-item {
    position: relative;
    padding: 3rem 1.5rem;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: calc(33.333% - 30px);
    margin: 5px;
}
.container-set .container-item > div {
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: auto;
    width: 100%;
}
.container-set .container-item > div {
    text-align: center;
    color: #222;
    font-size: 1.5rem;
    font-weight: normal;
}
.container-set .container-item {
    position: relative;
    padding: 5rem 1.5rem;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.scroll-top-button {
    display: none;
}
#c129{
    display: none;
}
main > .grid_4col .item {
    padding: 0 0.75rem;
}
.frame-type-textmedia.frame-layout-3 header{
    margin-bottom: 1rem;
}   
.frame-type-textmedia.frame-layout-3 {
    padding: 1.5rem 0 !important;
    font-size: 17px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.frame-type-textmedia.frame-layout-3 h3 {
    font-size: 25px;
    color: #FFF;
}
#c150 .md-4{
    border-right: 1px solid rgba(255,255,255,.1);
}
#c150 h2{
    color: #fff;
}
.frame-type-textmedia.frame-layout-3 h3::before {
    content: "";
    display: block;
    background: url(user_upload/icons/call.svg) no-repeat center;
    width: 25px;
    height: 30px;
    float: left;
    margin: 0px 8px 0 0;
    background-size: cover;
}
.frame-type-textmedia.frame-layout-3 a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.frame-type-textmedia.frame-layout-3 u {
    color: #DF0231;
    text-decoration: none;
    font-weight: bold;
}
#c150{
    background: #101722;
    color: #fff;
}
#c150 .item > * + * {
    margin-top: 1rem !important;
}
#c152 {
    padding: 0;
    background: #0A0819;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    height: 4rem;
    display: grid;
    align-content: center;
}
#c152 u {
    color: #DF0231;
    margin-left: 4px;
    margin-right: 4px;
    text-decoration: none;
}
body#page-2 .image-hero {
    height: calc(100.2vh - 4rem);
    overflow: hidden;
}   
.frame-type-textmedia.frame-layout-1 {
    background: #fff;
}
/*.item.tile-2.md-8 .frame-type-header {
    padding-left: 2.5rem;
}*/
/* P O W E R M A I L */

.tx-powermail {
    padding: 2rem;
    background: #FFF;
}
.powermail_fieldwrap_type_file > div:last-of-type, input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], select, textarea {
    -webkit-appearance: none;
    height: 45px;
    line-height: 1.5;
    margin-bottom: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid #F4F6F7;
    width: 100%;
    background-color: #F4F6F7;
    color: #222;
    padding: 0 .75rem;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
}
.tx-powermail fieldset {
    margin-top: 2rem;
    position: relative;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_name, .powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mail {
    width: calc(50% - 0.75rem);
    float: left;
    margin-right: 0.75rem;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mail {
    width: 50%;
    margin-right: 0;
}
.parsley-success {
    border-bottom: 1px solid #0ab56d !important;
}
input.parsley-success {
    background: #F4F6F7 url(user_upload/icons/powermail-check.svg) no-repeat center !important;
    background-size: 1rem !important;
    background-position: right+10px center !important;
}
select.parsley-success {
    background: #F4F6F7 url(user_upload/icons/powermail-check.svg) no-repeat center !important;
    background-size: 1rem !important;
    background-position: right+38px center !important;
}

.powermail_label {
    color: #78052d;
    font-size: .9rem;
    margin-bottom: 0.5rem;
}
.powermail_fieldwrap_type_file > div:last-of-type:focus, .powermail_fieldwrap_type_file > div:last-of-type:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="file"]:focus, input[type="file"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="text"]:focus, input[type="text"]:hover, select:focus, select:hover, textarea:focus, textarea:hover {
    background-color: #F4F6F7;
    border-color: #DEE6EA;
}
textarea {
    max-width: 100%;
    min-width: 100%;
    line-height: 1.5;
    padding: .75rem;
    min-height: 290px;
    width: 100% !important;
    height: auto;
    font-size: 1rem !important;
    padding-top: 0.8rem !important;
}
.parsley-error {
    background: rgba(120, 5, 45,.1) !important;
    border-color: #78052d !important;
}
.parsley-errors-list {
    padding-left: 0;
    margin-top: -15px;
    margin-bottom: 1rem !important;
      font-size: 0.8rem;
    color: #78052d;
    list-style: none;
}
.parsley-errors-list li:before{
  display: none;
}
.checkbox label {
    font-size: .9rem;
    margin-top: 1rem;
}
input[type="checkbox"], input[type="radio"] {
    color: #333645;
    font-family: Material Icons;
    -webkit-appearance: none;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: bottom;
}
.powermail_submit {
    background: #EA0F3D url(user_upload/icons/paper-plane.svg) no-repeat !important;
    border-radius: 0 !important;
    padding: 0rem 1.5rem !important;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
    color: #FFF !important;
    border: 1px solid #EA0F3D !important;
    background-size: 1.2rem !important;
    background-position: left+1rem center !important;
    padding-left: 2.9rem !important;
}
.powermail_submit:hover {
    background: #78052d url(user_upload/icons/paper-plane.svg) no-repeat !important;
    color: #FFF !important;
    border: 1px solid #78052d !important;
    box-shadow: none !important;
        background-size: 1.2rem !important;
    background-position: left+1rem center !important;
    padding-left: 2.9rem !important;
}
.btn.btn-danger, .btn.invert, button.btn-danger, button.invert, input[type="button"].btn-danger, input[type="button"].invert, input[type="reset"].btn-danger, input[type="reset"].invert, input[type="submit"].btn-danger, input[type="submit"].invert {
    background: none;
    color: #222;
    text-transform: uppercase;
    font-size: .9rem;
    border-radius: 0;
    border: 2px solid #222;
}
.tx-powermail h3 {
    font-size: 25px;
    color: #222;
    margin-top: 0;
}
input[type="checkbox"], input[type="radio"] {
    color: #333645;
    font-family: Material Icons;
    -webkit-appearance: none;
    height: 1.5rem;
    line-height: 1.8rem;
    vertical-align: bottom;
}
.checkbox {
    color: #222;
}
.powermail_create {
    color: #26292f;
}
.tx-powermail tr {
    margin-bottom: 0;
    padding: 0.45rem 0rem;
}

/* TABELLEN */
tr:last-child {
    border-bottom: none;
}
tr {
    border-bottom: 1px solid #dadada;
    display: block;
}
td:nth-child(1) {
    border-right: 1px solid #dadada;
}
td {
    min-width: 135px;
    line-height: 1.6;
    padding-left: 10px;
}
tbody {
    border: 1px solid #dadada;
    display: table-cell;
    border-radius: 4px;
}

#c186 h2{
    color: #393930;
}
#c187 {
    height: 400px;
    display: grid;
    align-content: center;
}
#c223 {
    padding-top: 0;
}

/* * * * * * * * * * - - - - - - T A B L E T - Q U E R - - - - - - * * * * * * * * * */ 

@media (min-width: 980px) and (max-width: 1279px) {
  .layout-1 .image-hero {
    height: 85vh;
    overflow: hidden;
    margin-top: 0rem;
}

}

/* * * * * * * * * * - - - - - - T A B L E T - H O C H K A N T - - - - - - * * * * * * * * * */ 

@media (max-width: 979px) {


}

/* * * * * * * * * * - - - - - - S M A R T P H O N E - - - - - - * * * * * * * * * */ 
@media (max-width: 480px){

/* MENU */

.level-menu[class*="lvl-"].lvl-1 {
    box-shadow: none;
}
.menu-right > .level-menu > .sub a{
    border-bottom: 1px solid #fff;
}
.level-menu a.sub::after {
    margin-right: 5px;
    font-size: 1.35rem;
}
.menu-open i, .menu-close i {
    font-size: 2.25rem;
    text-align: center;
}
.level-menu:not([class*="lvl-"]) > li > a {
    font-size: 1rem !important;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
    display: block;
    border-bottom: 1px solid #26292f;
    padding-left: 2rem !important;
    color: #fff !important;
}
.level-menu li.current.sub {
    border-bottom: none;
    margin-bottom: 0;
}
.menu-right > .level-menu > .sub a, .menu-right > .level-menu > a {
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: 2rem;
    border-bottom: 1px solid #26292f;
}
.level-menu a.sub::after {
    content: "expand_more";
    margin-left: .5rem;
    font-family: 'Material Icons';
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
}
/*.menu-right > .level-menu > .sub a.sub:not(.active) + ul {
    background: #26292f;
}*/
.menu-right > .level-menu {background: #0A0819;}
.menu-right > .level-menu > .sub a.sub:not(.active) + ul {
    background: rgba(255,255,255,.04);
}

.menu-right > .level-menu > .sub a.sub:not(.active) + ul li > a{
    border-bottom: 1px solid #1b1d20;
}
.menu-right > .level-menu > .sub a.sub:not(.active) + ul li > a.current {
    border-left: 1px solid #EA0F3D;
}
body#page-2 .image-hero {
    height: calc(66.2vh - 4rem);
    overflow: hidden;
}
#c152 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 1.25rem 0 !important;
    height: auto;
}
.hero-text h1{
    text-align: center;
    color: #fff;
    font-size: 2rem;
}
.hero-text small {
    width: 66%;
    font-size: 15px !important;
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem !important;
}
.layout-1 .image-hero {
    height: 66vh;
}
.image-hero .product-container {
    padding-left: 8%;
    padding-right: 8%;
}

.image-hero .product-container .big {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.15;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.image-hero .product-container small {
    width: 100%;
    font-size: 15px;
    margin: 0 auto;
    text-align: center;
}
em a {
    background: #EA0F3D;
    color: #fff;
    padding: .5rem 0.8rem .6rem 0.8rem;
    display: inline-block;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin-top: 0.75rem;
}
body {
    color: #111;
    line-height: 1.5;
    font-family: Titillium Web ,sans-serif;
    font-size: 15px;
}
body > header {
    height: 5rem;
    background: transparent;
    box-shadow: none;
}
body > header.scrolled .menu-open i {
    font-size: 2.25rem;
    text-align: center;
    color: #222;
}
.h3, h3 {
    font-size: 19px;
}
.h2, h2 {
    font-size: 22px;
}
main > [class^="grid_"] .flex .md-6 .frame-type-textmedia.frame-layout-1 {
    padding: 1.25rem;
    background: #fff;
}
main > [class^="grid_"] .flex .md-6 .frame-type-textmedia, main > [class^="grid_"] .flex .md-8 .frame-type-textmedia {
    padding: 1.25rem;
}
main > [class^="grid_"] .flex .md-4, main > [class^="grid_"] .item .md-4 {
    width: 100%;
    padding-right: 1rem;
    border-right: none;
    padding-bottom: 0;
    padding-top: 0;
}
main > [class^="grid_"][data-section] {
    margin: 0;
    padding: 2.5rem 0;
}
.h3 + small, h3 + small {
    font-size: 15px;
    line-height: 1.35;
    margin-top: .25rem;
}
#c101 {
    height: 300px;
}   
#c101 em {
    color: #fff;
    font-style: normal;
    text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.35;
}
.accordion .tongue .tongue-trigger i::before {
    font-size: 0.9rem;
    margin-right: 1rem;
}
.accordion .tongue .tongue-trigger h3 {
    width: calc(100% - 1.6rem);
    font-size: 16px;
}
.accordion .tongue.open .tongue-body {
    padding-top: 2px;
    padding-bottom: 1.25rem;
    max-height: 5000px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
    font-size: 14px;
}
.tongue.open h3 {
    color: #EA0F3D;
}
.accordion .h4.has-icon {
    padding-left: 1.5rem;
}

.flex .item.tile-1.md-4 {
    order: 1;
}
.flex .item.tile-2.md-8 {
    order: 0;
}
[class*="menu_pages"] ul li a, [class*="menu_pages"] ol li a {
    padding: 0.7rem 1rem 0.8rem 1rem;
    border-bottom: 1px solid #eee;
}
.tile-2 .frame-type-iubase_text {
    padding: 1rem;
}
[class*="menu_pages"] ul li a, [class*="menu_pages"] ol li a {
    padding: 0.7rem 1rem 0.8rem 1rem;
}
[class*="menu_pages"] ul li a:hover, [class*="menu_pages"] ol li a:hover, [class*="menu_pages"] ul li a.active, [class*="menu_pages"] ol li a.active {
    color: #1F1F1F;
    border-left: 2px solid #DF0231;
    background: #FFF;
    border-right: none;
}
[class*="menu_pages"] ul {
    background: rgba(255,255,255,.5) !important;
    border: 1px solid #eee;
    border-radius: 0px;
}
.h4, h4 {
    font-size: 1rem;
    line-height: 1.25 !important;
}
main > [class^="grid_"] .flex .md-4 .frame-type-iubase_text {
    padding: 1rem;
    background: rgba(255,255,255,.5) !important;
    border: 1px solid #eee;
    border-radius: 0px;

}
/* IMAGE MAPPING FÜR MOBIL AUSGEBLENDET */ #c67 {
    display: none;
}
#c129{
    display: block;
}

.frame-layout-1 .image-hero {
    height: 32vh;
    overflow: hidden;
    margin-top: 0rem;
}
.frame-layout-1 .image-hero .product-container .big {
    font-size: 22px;
    line-height: 1.25;
}

.has-background p, .has-background em a{
    font-size: 15px;
}
.h2 + small, h2 + small {
    font-size: 16px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_name, .powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_e_mail {
    width: 100% !important;
    float: left;
    margin-right: 0;
}
.tx-powermail {
    padding: 1.5rem;
    background: #FFF;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
#c150 .md-4 {
    border-right: none;
    padding-right: 1rem;
}
#c150 .flex .item.tile-1.md-4 {
    order: 0;
}
#c150 .flex .item.tile-1.md-8 {
    order: 1;
}
#c208{
    padding: 0;
}
.frame-type-textmedia.frame-layout-3 h3 {
    font-size: 20px;
    color: #FFF;
}
#c150 .item > * + * {
    margin-top: 0.5rem !important;
}
.frame-type-textmedia.frame-layout-3 {
    padding: 1rem 0 !important;
    font-size: 15px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
header.scrolled .level-menu:not([class*="lvl-"]) > li > a {
    background: none;
    padding: 0 1.5rem 0 1.5rem;
}
body#page-11 .flex .item.tile-1.md-4 {
    order: 0;
}
input[type="checkbox"]:not([id^="cc-checkbox-"]):not(:checked)::before {
    content: "check_box_outline_blank";
    border: none !important;
}
input[type="checkbox"], input[type="radio"]{
    border: none;
}
.tx-powermail h3 {
    font-size: 22px;
}    
.frame-type-textmedia.frame-layout-3 h3::before {
    content: "";
    display: block;
    background: url(user_upload/icons/call.svg) no-repeat center;
    width: 20px;
    height: 24px;
    float: left;
    margin: 0px 8px 0 0;
    background-size: cover;
}
#c240 a {
    display: block;
    background: #EA0F3D;
    width: 47% !important;
    float: left;
    text-align: center;
    font-size: 14px !important;
    margin: 0.3rem !important;
    padding: 0.65rem 0 !important;
    color: #fff;
    transition: all .25s ease-in-out;
    cursor: pointer;
}
}


#c240 a {
    display: block;
    background: #EA0F3D;
    width: calc(33% - 0.75rem);
    float: left;
    text-align: center;
    font-size: 20px;
    margin: .5rem;
    padding: 1.15rem 0;
    color: #fff;
    transition: all .25s ease-in-out;
    cursor: pointer;
}
#c240 a::after {
    content: " »";
    font-weight: normal;
    transition: all .25s ease-in-out;
}
#c240 a:hover {
    display: block;
    background: #031229;
    width: calc(33% - 0.75rem);
    float: left;
    text-align: center;
    font-size: 20px;
    margin: .5rem;
    padding: 1.15rem 0;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}
#c240 a:hover:after{
    color: #EA0F3D;
}
.image img {
    border-radius: 0;
}

@font-face{font-family:'iunctim';src:url(data:application/font-woff2;charset=utf-8;base64,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)format('woff2');font-weight:normal;font-style:normal;}