
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/files/theme/user/allfonts/roboto/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 19px;
line-height: 170%;
}

.index .mod_article#article-13454.fullwidth > .block{
    padding-top: 0;
}

.ce_kachelelement.bgkundenfarbe .textholder > .inside {
    background: var(--kundenfarbe);
   
}
.widget-submit button {
  background: var(--kundenfarbe);
}

.ce_kachelelement.bgkundenfarbe .textholder > .inside .ce_text > * {
  color: white;
  margin: 0;
  font-size: 26px;
  line-height: 1.65;
}

.ce_kachelelement.bgkundenfarbe .notfloat_left{
    padding-right: 0;
}

.ce_kachelelement.bgkundenfarbe .notfloat_left > .inside{
    padding-left: 2rem;
    padding-right: 4rem;
}


.ce_kachelelement.bgkundenfarbe .textholder > .inside .linkholder{
    margin: 2rem auto 0;
}

.ce_kachelelement.bgkundenfarbe .textholder > .inside .linkholder >.readmore {
  color: white;
  border: none;
  box-shadow: none;
  -webkit-box-shadow:none;
  margin-top: 0;
  font-size: 21px;
  padding: 10px 20px;
  font-weight: 700;
    border: 1px solid white;
}

.ce_kachelelement.bgkundenfarbe .table,
.ce_kachelelement.bgkundenfarbe .table > .row,
.ce_kachelelement.bgkundenfarbe .table > .row > .mediaholder,
.ce_kachelelement.bgkundenfarbe .table > .row > .mediaholder .bgImage{
    height: 100%;
}

.stoerer{
  z-index: 9;
}
#maincontent > .ce_aktion {
  background: none;
}
#herosection .mod_article > .block {
  max-width: 1200px;
  margin: 0 auto;
}
.colorwhite,
.colorwhite .headlinecontainer > h2, .colorwhite .headline > h2,
.colorwhite h1, .colorwhite h2, .colorwhite .h2,
.bgred .inside h3{
  color: white;
}
.bgimage {
  padding: 4rem 0;
}
.ce_gridList,
.bgred .inside{
  background:var(--kundenfarbe);
  color: white;
}
.ce_kachelelement.bgred .notfloat_left > .inside {
  padding-top:2rem;
  padding-bottom: 2rem;
}
.mod_article > .block > .ce_gridList {
  padding: 0 2rem 2rem 2rem;
}
.bggray .textholder {
  background-color: #EBECEC;
}
.bggray .bgImage{
  background-size: cover !important;
}
.ce_gridList .inside {
  padding: 0 1rem 1rem 1rem;
}
.ce_text ul li {
  list-style: disc outside;
}
h2 .smaller {
  color: black;
  font-size: 26px;
    font-weight: 600;
}

.ce_form > h2{
    text-align: center;
    margin-bottom: 4rem;
}

.headlinecontainer > h2, .headline > h2,
h1, h2, .h2 {
    font-weight: 500;
color: #333;
    font-size:40px;
    line-height:125%;
  text-transform: uppercase;
}
h1 {
padding:0 9rem;
}
h3 {
color:#333;
}
h4{
text-transform:uppercase;
}

.kundenfarbe{
    color: var(--kundenfarbe);
}
.slideup .toggleSlide,a.cta,.terminanfrage input:checked + span.item-label, .readmore{
    background: var(--kundenfarbe);
}
.readmore {
  color: white;
  border: none;
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6);
margin-top:0;
font-size: 26px;
padding: 20px 3rem;
font-weight:700;
}
.ce_kitchenteaser .preHeadline > span{
	border-color:var(--kundenfarbe);
}
@media (max-width: 930px){
  .ce_textBanner .headline > *, .ce_textBanner .headline > h2 {
    text-align: center;
    font-size: 32px;
}
}


    .ce_flexslider .ce_text.align_below{
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background: rgba(150, 23, 55,0.8);
        color: white;
        left: 0;
        max-width: none;
}
    
    .ce_flexslider .ce_text.align_below .text{
        padding: 30px 20px;
    }
    
       .ce_flexslider .ce_text.align_below h2, .ce_flexslider .ce_text.align_below h3,.ce_flexslider .ce_text.align_below h1{
           color: white;
           margin: 0;
         text-transform: uppercase;
    }


@media (max-width: 680px){
.headlinecontainer > h2, .headline > h2,
h1, h2, .h2 {
    font-size:38px;
}
  .ce_flexslider.center .ce_text.align_below h3 {
    text-align: left;
  }
  .ce_flexslider .ce_text.align_below .text {
padding-left:0;
}
  .ce_flexslider .ce_text.align_below br {
    display: none;
  }
  .ce_player .ce_text {
    padding: 0;
  }
  .ce_player .ce_text p,
  .ce_introtext p{
    text-align: left !important;
  }
  body {
    font-size: 17px;
    line-height: 160%;
  }
  .mod_single_direct_module .headlinecontainer > h2 {
    font-size: 24px;
  }
h1 {
padding:0;
}
h3,
.ce_textBanner .headline > h3 {
font-size:28px;
}
.ce_gallery > ul.cols_2 > li {
width:100%;
margin:10px 0;
}
  .readmore {
    font-size: 18px;
  }
  .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li {
    width: 100%;
  }
  .teasergrid > .itemsperRow_4 > * {
    margin: 0;
  }
  .bgred .headlinecontainer {
margin-left: 20px;
}
}
@media all and (max-width: 480px){
#herosection .stoerer {
width: 200px;
  right: 10px;
}
}
