@charset "utf-8";

.kachel23 .kach23{
    
}

.kach23NoMob
{
 display:none;
}

.kach23txt
{
     top: 13%;
     left:4%;
     right:4%;
     position:absolute;
     font-size: calc(14px + 2vw);
     /* top: 0; */
     text-align:center;
     font-family:tahoma, Arial, Helvetica, sans-serif;
     color:#fff;
}



    
.karutxt-2306{
    color: #fff;
    /* line-height:90%; */
}

.karutxt-2303{
    color: black;
    /* line-height:95%; */
}
.karutxt-2307
{color: black;top: 5%;}
.karutxt-2308{
    color: white;
    top: 3%;
    position:absolute;
}


.karutxt-2312
{
 top: 12%;
 left: 14%;
 color:black;
}

.prozent{
   color: #000000;
   padding: 2% 2%;
   display: inline-block;
   font-family:tahoma, Arial, Helvetica, sans-serif;
   font-size: calc(10px + 1.2vw);
   font-weight: bolder;
   background: #ebe2d3;
   -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
   transition: background 0.4s; /* For modern browsers */
   margin: 2% 0;
}


.prozent:hover {
  background-color: #695b43;
  color: #fff;
}
.artikel-art{
   font-size: calc(16px + 1.2vw);
   font-weight:bolder;
   color:white;
}

.angebot-art{
    letter-spacing: 1px;
    font-size: calc(1px + 6vw);
    }
.marke{
   font-size: calc(4px + 9vw);
   font-weight:bolder;
   letter-spacing:1px;
}
.jetzt{
    letter-spacing:1px;
   font-size: calc(1px + 4.9vw);
    text-decoration:underline;
}
.jetzt:hover, jetzt:active{
   font-weight:bolder;
}


.kach23 .angebot-art{
    letter-spacing: 1px;
     font-size: calc(1px + 3.5vw);
    }

.kach23 .marke{
    font-size: calc(1px + 4.6vw);
font-weight:bolder;
    letter-spacing:1px;}


.kach23 .jetzt{
    font-size: calc(2px + 2.4vw);
    letter-spacing:1.2px;
    text-decoration:underline;
    font-weight:lighter;
   }

.kach23 .jetzt:hover, jetzt:active{
   font-weight:bolder;
}

.karutxt-2301
{
    /* line-height:175%; */
}

    
.karutxt-2305
{
    
    top: 9.5%;
    left:4%;
    right:4%;
}


.karutxt-2305 span
{
    color: green;
}



@media screen and (min-width:801px) {
   .angebot-art{font-size: calc(1px + 2.0vw);}
 
.kach23 .angebot-art{

     font-size: calc(1px + 2.0vw);
    }

 .marke{
   font-size: calc(1px + 2vw);
 }
.kach23 .marke{
    font-size: calc(1px + 2vw);
}
 .jetzt{
    font-size: calc(1px + 1.5vw);
}

.kach23 .jetzt{
    font-size: calc(1px + 1.5vw);
}

   
.kkachsteiff2310 
{}

.ulkaru23-desk .kach23txt{
   margin: 4%;
}
.ulkaru23-desk .marke
 {
    
    font-size: calc(57px + 1.5vw);;
 }
 }
   
.ulkaru23-desk .angebot-art
 {
    font-size: calc(25px + 1.5vw);
 }
.ulkaru23-desk .jetzt
 {
    font-size: calc(12px + 1.5vw);
 }

.kach23NoMob
{
 display:block;
}
.likaru23 .kach23txt
{
    /* font-size: calc(1px + .0vw); */
} 


.kopfzCon{
 color: #ffffff;
}