@charset "UTF-8";
:root {
    font-size: 10px;
    --var-accent: #FE3D42;
    --var-red: #FE533D;
    --var-darkpink: #FE3D6A;
    --var-darkblue: #273d5d;
    --var-grey: #B2C2CF;
    --var-grey-accent: #B2C2CF;
    --var-dunkelblau: #1a457a;
    --var-hellblau: #6c92bf;
}
html {
    height: 100%;
}
*,*:before, *:after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
}
body {
    font-family: 'Roboto', sans-serif;
	font-weight: 300; /* light=300, regular=400, medium=500 */
	width: 100%;
	height: 100%;
	overflow-y: scroll;
    overflow-x: hidden;
    line-height: 1.4;
}
nav {
    color: #FFF;
}
nav a {
    color: var(--var-hellblau);
}
button:focus {
    outline:none;
}
p, table {
    font-size: 1.6rem;
    color: #333;
}
a {
	color: var(--var-grey-accent);
	text-decoration: none;
	cursor: pointer;
}
a:hover{
	color: var(--var-grey-accent);
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
}
h1 {
    font-size: 4rem;
    font-family: brandon-grotesque,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--var-hellblau);
    text-transform: uppercase;
}
h2 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
	color: var(--var-hellblau);
}
h2 a {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
	color: var(--var-hellblau);
}
h2 a:hover {
    color: var(--var-hellblau);
}
h3 {
    font-size: 2.4em;
    font-family: brandon-grotesque,sans-serif;
    font-weight: 500;
    font-style: normal;
    color: var(--var-grey-accent);
    text-transform: uppercase;
}
h4 {
    font-size: 1.6rem;
    font-weight: 300;
}
h5 {
    font-size: 2.8rem;
    font-weight: 300;
    color: var(--var-hellblau);
}
h6 {
    font-size: 2.4rem;
    font-family: brandon-grotesque,sans-serif;
    font-weight: 400;
    color: var(--var-hellblau);
    text-transform: uppercase;
    margin-bottom: 1rem;
}
ul {
    margin-top: 1rem;
}
li {
    font-size: 1.6rem;
    margin-left: 2rem;
}
.container {
    max-width: 100%;
    padding: 0;
}

.footer {
    background-color: var(--var-dunkelblau);
    padding: 3rem;
}
.footer p {
    color: var(--var-hellblau);
    font-size: 1.2rem;
    font-weight: 300;
}
.footer a {
    color: var(--hellblau);
}

.grotesque {
    font-family: brandon-grotesque,sans-serif;
    font-weight: 500;
    font-style: normal;
}
.grotesque.bold {
    font-family: brandon-grotesque,sans-serif;
    font-weight: 700;
    font-style: normal;
}

figure {
    margin: 0;
}

.neos-nodetypes-image, .neos-nodetypes-textwithimage, .l4studios-verenasteiner-content-fremdlogo {
    width: 100%;
    height: 100%;
}
.neos-nodetypes-image figure, .neos-nodetypes-textwithimage figure, .l4studios-verenasteiner-content-fremdlogo figure {
    width: 100%;
    height: 100%;
}
.neos-nodetypes-image figure img, .neos-nodetypes-textwithimage figure img, .l4studios-verenasteiner-content-fremdlogo figure img {
    width: 100%;
    height: 100%;
}


/* ab iPad hoch */
@media (min-width: 768px) {
    h4 {
        font-size: 1.8rem;
    }
    .footer {
        background-color: var(--var-dunkelblau);
     }


}

/* ab iPad quer (bootstrap: 992px)*/
@media (min-width: 992px) { 
    p, table {
        font-size: 1.8rem;
    }
    a {
        font-size: 1.8rem;
    }
    h1 {
        font-size: 4.5vw;
    }
    h2 {
        font-size: 3vw;
    }
    h2 a {
        font-size: 3vw;
    }
    h3 {
        font-size: 4.2rem;
    }
    h4 {
        font-size: 2.2rem;
        font-weight: 300;
    }
    h5 {
        font-size: 4.8rem;
        font-weight: 300;
    }
    h6 {
        font-size: 2.8rem;
    }
    li {
        font-size: 1.8rem;
    }
    footer p {
        font-size: 1.5rem;
    }
    footer a {
        font-size: 1.5rem;
    }
   
}

/* Desktop (bootstrap: ab 1200px)*/
@media (min-width: 1600px) {
    h1 {
        font-size: 4.5vw;
    }
    h2 {
        font-size: 2vw;
    }
    h2 a {
        font-size: 2vw;
    }
    h4 {
        font-size: 2.5rem;
    }
    h5 {
        font-size: 5.4rem;
    }
    
}

/* Desktop 4K */
@media (min-width: 270000px) {

}