@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600&family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&family=Open+Sans&family=Kalam&display=swap');

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
    box-sizing: border-box;
    height: 100%;
}
body {
    background-color: #936; /*902040*/
    font-size: 1.3em;
    font-family: "open sans", sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 400;
    margin: 10px 0;
}
h1 {
    
}
p {
    hyphens: auto;
}

/* Header image */
.header-image-intro {
    background-image: url("../bilder/header-intro.png");
    /* Set a specific height */
    height: 100%;
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
}
/* Place text left and right */
.header-intro-kunst {
    color: #fff099;
    text-align: center;
    position: absolute;
    top: 9%;
    right: 25%;
    transform: translate(50%, 0%);
    -ms-transform: translate(50%, 0%);
}
.header-intro-praxis {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 9%;
    left: 25%;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.kalam {
    font-family: Kalam;
}
/*
.header-text h1 {
    font-size: 3em;
    letter-spacing: .03em;
    font-family: Kalam;
}
.header-text h2 {
    font-size: 2.9em;
    letter-spacing: .06em;
    font-style: normal;
}
*/
.w3-animate-opacity{animation:opac 1.2s}@keyframes opac{from{opacity:0} to{opacity:1}}