
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/user/kuechenstudios/sijben/fonts/roboto/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body{
     color: #195045;
    font-size: 16px;
    line-height: 180%;
}
.aktion .textholder,
.elica .textholder{
    background-color:#195045;
    color:white;
}
.elica .textholder{
    background-color:black;
}
.aktion h3,
.aktion h2,
.elica h3 {
     color:white;
}
body .ce_gallery > ul li {
    margin: 1rem 10px 10px;
}
/*Farbanpassungen*/
.slideup .toggleSlide,a.cta,.terminanfrage input:checked + span.item-label, .readmore{
    background: var(--kundenfarbe);
}
a.readmore{
    background:#195045;
        color: var(--kundenfarbe);
}

.ce_aktion {
max-width:1280px;
margin:0 auto;
}
.ce_aktion img{
padding-bottom:6rem;
}
#maincontent > .block {
float:none;
clear:both;
}

#article-5637 .textholder{
    background: var(--kundenfarbe);
}

#article-5637 .textholder img{
    max-width: 100%;
    width: 60%;
    margin-bottom: 20px;
}

.ce_parallaxImage .text{
    display: none;
}

#article-5637 .ce_kachelelement .table{
    table-layout: fixed;
}

#article-5637 .vAlign_top.ce_kachelelement .row > *{
    width: 50%
}

.kundenfarbe.ce_textBanner .headline > *,.readmore,
span.kundenfarbe,header i.font-icon{
    color: var(--kundenfarbe);
}

.mod_logo{
    max-width: 120px;
}
#header.clone .mod_logo {
  max-width: 120px;
}

.ce_kitchenteaser .preHeadline > span {
  border-bottom: 3px solid var(--kundenfarbe);
}

#article-2273 .bgImage{
    background: transparent !important;
}

#article-2273 .bgImage img{
    opacity: 1 !important;
}

.bgColored{
   background:#F8F8F8; 
}

.border .headlinecontainer::after {
  content: '';
  height: 2px;
  width: 60%;
  margin: 20px auto 0;
  background: var(--kundenfarbe);
  display: table;
}


#chairs .multicol li.col_first img{
    float: right;
}

#chairs .multicol li.col_last img{
    float: left;
}
.ce_responsiveSlider .ce_text {
    margin-top: 1rem;
}


/*Seitenindividuelle Anpassungen*/


.mod_article > .block > .block.ce_sliderStart {
position:relative;
padding-left:0;
padding-right:0;
}
.mod_article > .block.ce_textBanner{
    padding: 2rem;
    
}

.slider-control .slider-prev, .slider-control .slider-next{
    display: block;
}


.readmore{
    color: white;
  
  display: table;
  border: none;
  padding: 15px 2rem;
  line-height: 1;

  text-align: right;
  float: right;
  min-width: 60px;
  text-align: center;
    font-weight: 700;

  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);

    font-size: 21px;
    margin-bottom: 1rem;
}


.mod_article > .ce_responsivebanner.block{
    max-width: none;
}

.ce_flexslider .ce_text.align_below{
    padding-top: 2rem;
}

.ce_flexslider .ce_text.align_below {
  padding-top: 2rem;
  margin: 0 auto;
  padding: 2rem 2rem 0;
  box-sizing: border-box;
}
.maxWidth,.fullwidth.mod_article > .block.maxWidth, #test.mod_article > .block{
    max-width: 980px;
    margin: 0 auto;
}
header{
    font-weight:600;
}

body{
font-family: 'Roboto',arial,sans-serif;
font-weight: 400;
         color: #195045;
}

body.bg_white, body.bg_white .pushy, body.bg_white footer, body.bg_white #header, body.bg_white #header.clone, body.bg_white header > .inside{
     color: #195045;
}

.ce_kitchenteaser .price {
     font-family: 'Roboto',arial,sans-serif;

  font-weight: 400;
}

h1, h2, .h2, h3, .h3, h4, h5, h6,.megamenue.mod_navigation > ul > li > a,.stars ul li, .zitat, .ce_bewerbungsbox_full .headline > *,.preHeadline,a.cta,.ce_bewerbungsbox a,.ce_bewerbungsbox_full a {
    font-family: 'Roboto',arial,sans-serif;
    font-weight: 700;
	text-transform:none;
    line-height: 1.2;
}
h2, .h2{
  font-size: 52px;
  font-family: 'Roboto',arial,sans-serif;
    font-weight: 700;
     color: #195045;
}
h3, .h3{
  font-size: 36px;
  line-height: 1.4;
    font-weight: 700;
     color: #195045;
}

.bold h3, .bold .h3{
    font-weight: 700;
}

.mod_single_direct_module .price {
    /*margin-top: 4rem; */
    font-size: 32px;
    line-height: 2.4rem;
  font-family: 'Roboto',arial,sans-serif;
font-weight: 700;
}

/*weitere*/

.ce_kachelelement .notfloat_right > .inside, .ce_kachelelement .notfloat_left > .inside{
    padding: 2rem 3rem;
}

.ce_kachelblock .row > *{
    vertical-align: middle;
}

.ce_kachelblock .row > .textholder{
    background: black;
    color: white;
    padding: 2rem;
}


.ce_imagerow .item_1 {
padding-right:10px;
}
.mod_article.fullwidth .block.maxWidth, .mod_article .block.maxWidth, #maincontent > .block.maxWidth{
    max-width: 980px;
    margin: 0 auto;
}
.ce_kachelblock .row > .imageholder{
width: 60%;
    line-height: 0;
    position: relative;
}

.ce_kachelblock .row > .imageholder img {
max-width: 100%;
object-fit: cover;
height: 100%;
object-position: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.ce_kachelblock .headlinecontainer > *{
    color: white;
}

.ce_gridList .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li {
  width: calc( (100% - (6 * 10px)) / 3 );
}

.ce_gridList .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li {
  margin: 0 10px 10px;
    color: #195045;
}


.ce_kachelblock .logo {
margin: 2rem auto 0;
max-width: 200px;
}

.flexslider .caption{
    padding: 20px;
    text-align: center;
}

.flexslider .caption .headlinecontainer{
    margin-bottom: 0.5rem;
}

.ce_text .logo {
margin: 0 auto;
max-width: 230px;
margin: 0 0 1rem;
}


.ce_imagerow a, .ce_imagerow span{
    display: block;
    position: relative;
}

.safari .ce_imagerow .table{
    display: block;
}

.safari .ce_imagerow .row{
    display: table;
    margin: 0 -5px 10px;
}

.safari .ce_imagerow .row > *{
    float: left;
    width: calc((100% - (4 * 5px)) / 2);
    margin: 0 5px 10px;
    padding: 0;
}


 .ce_gridGallery .itemsperRow_grid .image_container img{
    max-width: 100%;
    height:100%;
}

.ce_imagerow a:before {
  content: '';
  height: 20px;
  width: 20px;
  background: url(/files/theme/layout/images/lupe.svg) no-repeat scroll 50% 50% transparent;
    background-size: auto;
  background-size: auto;
  background-size: 20px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
    z-index: 1;
}

#article-2494 .ce_imagerow .item_1 {
padding-right:0;
}

.fullwidth.mod_article > .block.maxwidth{
    max-width: 980px;
    padding: 2rem !important;
    box-sizing: border-box;
    margin: 0 auto;
}

body #article-888 .flex-control-paging{
    margin-top: 20px;
}

body #article-888 .flex-control-paging li a{
    background: rgba(0,0,0,0.5);
}

body #article-888 .flex-control-paging li:hover a{
    background: rgba(0,0,0,0.8);
}

body #article-888 .flex-control-paging li a.flex-active {

background: rgba(0,0,0,1);
cursor: default;
}


.ce_kachelblock .row > *{
    vertical-align: middle;
}

.ce_kachelblock .row > .textholder{
    background: black;
    color: white;
    padding: 2rem;
}

.headlinecontainer > * img{
    max-width: 350px;
    margin-bottom: 2rem;
}

#test .row > * {
  width: auto;
}
#test .imageholder {
  background-size: contain !important;
  width: 350px;
}
p img {
max-width: 100%;
}
.blackbg.bgColored {
background:black;
color:white;
}
.blackbg.bgColored > .block,
.blackbg.bgColored,
.fullwidth.blackbg.mod_article > .block {
padding-bottom:0;
}

.block.bgColor .textholder{
    background: var(--kundenfarbe);
    width: 50%;
}

.block.bgColor .mediaholder{
width: 50%;
}

#article-2315 {
padding-top:4rem;
}
.stift p img {
position:relative;
z-index:1;
margin-left:-33%;
}
#article-2317 h3 {
font-weight:700;
text-transform:none;
padding:0 2rem;
font-size:30px;
}
.prisma p {
text-transform:uppercase;
font-size:30px;
line-height:170%;
padding-top:1rem;
}
.ce_sliderStart h3 {
font-size:28px;
padding-bottom:2rem;
margin:0;
}

@media (max-width: 930px){
.ce_kachelblock .row > .imageholder{

    display: table-header-group;
}
    
    .ce_kachelelement .row > .textholder > .inside {
        min-height: 520px;
    }
          
    .ce_kachelblock .row > .textholder{

    display: table-footer-group;
}
    
    .ce_kachelblock .row > .textholder > .inside{
        padding: 2rem;
    }

.ce_kachelblock .row > .imageholder img {

    position: relative;
 
}

.stift p img {
display:none;
}
    
    #article-890 .image_container img{
        width: auto;
        max-width: 100%;
    }
    #article-8462 .ce_kachelelement .row > .textholder > .inside {
padding: 20px;
}
}

@media (max-width: 500px){
.ce_textBanner .headline > *, .ce_textBanner .headline > h2, h2, h3 {
font-size:28px;
}
h3 img {
    width:100%; height:auto;
    }
    .aktion.ce_kachelelement .row > .textholder > .inside,
.elica.ce_kachelelement .row > .textholder > .inside{
    padding: 2rem;
}
}

