@font-face {
    font-family: 'QuicksandRegular';
    src: url('QuicksandRegular.ttf');
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('QuicksandBold.ttf');
}
@font-face {
    font-family: 'QuicksandMedium';
    src: url('QuicksandMedium.ttf');
}

@font-face {
    font-family: 'QuicksandLight';
    src: url('QuicksandLight.ttf');
}

 
 

.hello {
  width: 100%;
  height: 100%;
 
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}



.hello iframe {margin-top: 10%;}
.hello video {margin-top: 10%;}
.hello:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute; 
  top: 0;
  left: 0;
  background: rgba(116, 0, 0, 0.5);
  transition: opacity 0.5s ease;
}

.hello.seekrankvideo::after{background-color: black;}
.hello.hiaelektrokuechevideo::after {background-color: black;}
.hello.torwellenvideo::after  {background-color: black;}
.hello.loewevideo::after {background-color: black;}
.hello.knobsvideo::after { background-color: black;}
.hello.gotecvideo::after { background-color: black;}
.hello.eevideo::after { background-color: black;}
.hello.heartbeat::after { background-color: black;}



.hello.loaded:after {
  opacity: 0;
}

.hello a:link {color:white;}


.hello.seekrankkonzeptbeschreibung {
    background-color: #680000;
    opacity: 1;

}

.hello.eekonzeptbeschreibung {

     }

.essentialeffects {padding: 15px;}

.hello p {padding: 15px;}
 
footer {
    font-family: 'QuicksandMedium';
    background-image: url(img/CatwobmanHQ-Kaleido.jpg);
    background-size: cover;
    color: white;
    background-color:#000;
    height: 300px;

-webkit-box-shadow: -1px -11px 33px 0px rgba(128,0,0,1);
-moz-box-shadow: -1px -11px 33px 0px rgba(128,0,0,1);
box-shadow: -1px -11px 33px 0px rgba(128,0,0,1);}

 
.legals {padding-left: 10pt; width: 62%; color: #a8a8a8;}
.impressum {text-align: center;
padding-top: 100px;}
#kw{margin-right:10px;}
#ee{margin-right:10px;}
#seekrank{}
html {color:white; }
body {background-color: black; color:white;  font-family: 'QuicksandMedium';}
header {position: fixed;
z-index: 999999;
  height: 50px;
width:100%;
background-color: black;
-webkit-box-shadow: -1px 10px 18px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 10px 18px 0px rgba(0,0,0,0.5);
box-shadow: -1px 10px 18px 0px rgba(0,0,0,0.5);}

.schriftzug {
    position: fixed;
margin: 0px auto;
width: 100%;
  font-family: 'QuicksandMedium';}

.schriftzugessentialeffects {  
      font-family: 'QuicksandMedium';
    position: fixed;
margin: 0px auto;
width: 100%;}

.schriftzug span {
    color:#fff;
    padding-top:4px;
    word-spacing: 80px;
    width: 300px;
    font-size: 20px;
height: 100px;
display: block;
text-align: center;
margin: 0px auto;}
 
.schriftzugessentialeffects span {
 color:#9f0000;
padding-top: 26px;
word-spacing: 80px;
width: 300px;
font-size: 15px;
height: 100px;
display: block;
text-align: center;
margin: 0px auto;
padding-right: 10px;}

.logo{
   margin: 0px auto;
    /*background-size: contain;
    background-image: url(img/CC-Logo-textseitlich.png);*/
    padding-left:60px;
width:200px; height: 80px;
background-repeat: no-repeat;}
.legal{position: absolute;
right: 5px;
top: 10px;
color:red;
font-size: 8pt;
text-align: right;}

a:link {color:#585858;text-decoration: none; }
a:hover {color:darkred;text-decoration: none;}
a:visited {color:darkgray;text-decoration: none;}
a:active {color:darkgray;
text-decoration: none;}

 div.lazy {
        width: 700px; 
        height: 467px; 
        display: block;
    }

.image { 
width:100%;
height: 100%;}

#image { 
height: 400px; width:30px; background: no-repeat -300px -500px; background-size: cover;}


.affiliates {padding-top:40px;text-align: center;}
 

#main {top:50px;padding-bottom:600px;}
.grid {
  border: 0px solid #000000;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

article .content {
  background: black;
  border: 1px solid #383838;
  margin: 25px 5px;
  height: 200px !important;
}

article.large .content {
  height: 455px !important;
}

.load-more-button {
  margin-top: 20px;
}