/* Styling for dicke lilliguteskind.de */

@font-face {
    font-family: 'Print';
    src: url('PrintBold-webfont.woff')format('woff');
    font-weight:600;
    font-style: bold;
}

@font-face {
    font-family: 'Print';
    src: url('PrintClearly-webfont.woff')format('woff');
    font-weight:300;
    font-style: normal;
}

*{
    font-family: 'Print', sans-serif;
    text-align: left;
}

h1{
    font-size: 20px;
}

p{
    font-size: 17px;
}

a{
    color: inherit;
    text-decoration: underline
}

a:hover{
    color: inherit;
}

/*a:after{
    content:'';
    height: 1px;
    background-color: currentColor;
    width: 100%;
    position:absolute;
    left:0;
    bottom:0px;
}*/

/* Custom classes */

.w-font{
    color: white;
}

.green-bg{
    background-color: #234A30; 
}

.pink-bg{
    background-color: #FFEDED;
}

.pink-border{
    border: 5px solid #FFEDED;
    border-radius: 10px;
}

iframe{
    padding:0;
}

/* Custom IDs */

#header-content{
    position:absolute;
    bottom:0;
}

@media screen and (max-width: 450px) {
    #header-content{
    position:relative;
    }
    *{
    text-align: center;
    }
}

#image{
    background-image: url(img/dickelilli.jpg);
    background-size: cover;
}

/* Page Fade-In Effects */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in{
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}