/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 15:52:47 */
/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 

.logo{ color:#ffffff; font-size:17px; }
.farblogo{ color:#B7EBE7;}
.hell{color:#6eb2ad;}

.besonders .promo em {
  font-style: inherit;
  position: relative;
  z-index: 0;
  display: inline-block;
}

.besonders .promo em::before {
  position: absolute;
  z-index: -1;
  bottom: .05em;
  left: 0;
  display: block;
  width: calc(100% + 0.2em);
  height: 40%;
  content: "";
  transform: rotate(-1deg);
  opacity: .8;
  border-radius: 0.1em;
  background-color:#B1E9E5;
}

.besonders .promowhite em {
  font-style: inherit;
  position: relative;
  z-index: 0;
  display: inline-block;
}

.besonders .promowhite em::before {
  position: absolute;
  z-index: -1;
  bottom: .05em;
  left: 0;
  display: block;
  width: calc(100% + 0.2em);
  height: 40%;
  content: "";
  transform: rotate(-1deg);
  opacity: .8;
  border-radius: 0.1em;
  background-color:#ffffff;
}

.besonders .promo1 em {
  font-style: inherit;
  position: relative;
  z-index: 0;
  display: inline-block;
}
.besonders .promo1 em::before {
  position: absolute;
  z-index: -1;
  bottom: .05em;
  left: 0;
  display: block;
  width: calc(100% + 0.1em);
  height: 40%;
  content: "";
  transform: rotate(-0.2deg);
  opacity: .8;
  border-radius: .1em;
  background-color: #18887E;
}

.besonders .promo2 em {
  font-style: inherit;
  position: relative;
  z-index: 0;
  display: inline-block;
}
.besonders .promo2 em::before {
  position: absolute;
  z-index: -1;
  bottom: .05em;
  left: 0;
  display: block;
  width: calc(100% + 0.1em);
  height: 40%;
  content: "";
  transform: rotate(-0.2deg);
  opacity: .8;
  border-radius: .1em;
  background-color: #f7ce6c;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .bekannt1{display: none;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}