/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

/* alumni-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alumni Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alumni-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    min-height: 300vh;
    overflow: auto;
    font-family: 'Alumni Sans';
    margin: 0 auto;
}
.bg-trans{
    background-color: rgba(0,0,0,0.00)!important;    
}
.active{
    color: chartreuse!important;
}
.master{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0em;
}
.one{
    height: 100vh;
    width: 100vw;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}
.one:nth-child(1){
    background-image: url(../img/body/home.jpg);
    /* [disabled]background-color: #FFB7B8; */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;

}
.two{
    height: 100vh;
    width: 100%;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}
.two:nth-child(2){
    background-image: url("../img/body/logo.jpg");
    /*background-color: #FFB7B8;*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}
.three{
    height: 100vh;
    width: 100%;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}
.three:nth-child(3){
    background: #FFFfff url("../img/body/logo.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.four{
    height: 100vh;
    width: 100%;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}

.four:nth-child(4){
    background: #FFffff url(../img/body/webdesign.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.five{
    height: 100vh;
    width: 100%;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}
.five:nth-child(5){
    background: #FFffff url("../img/body/print.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	
	}
.six{
    height: 100vh;
    width: 100%;
    position: relative;
    display: inline-block;
    background-blend-mode: multiply;
}
.six:nth-child(6){
    background: #ffffff url("../img/body/aussen.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-beige {
  background-color: #c4bb9c;
}


h1{
    font-size: 4vw;
    font-size: 4vh;
}
.block{
    font-size: 2.1rem;
}
.main{
}
.logo{
    margin-top: 12em;
    font-size: 2.5vw;
    font-size: 2.5vh;
    color: #FFFFFF;
}


.web{
    margin-top: 12em;
    font-size: 2.5vw;
    font-size: 2.5vh;
    color: #260d0d;
}


.one img{

}
.pfeile {
  font-size: 2rem;
}
.pfeile a i {
  color: var(--schrift-grau);
}
.pfeile a i:hover {
  color: var(--schrift-green);
}
.aos {
  overflow-x: hidden;
  overflow-y: hidden;
}
.aos-item {
  padding-top: 49px;
  padding-bottom: 19px;
  margin-bottom: -24px;
  margin-top: -28px;
}
nav li a{
    font-size: 2.5vw;
    font-size: 2.5vh;
}
.bg-dark{
    background-color: #8b836a!important;
}
a:link {
  color: #585445;
}
a:visited {
  color: #585445;
}
a:hover {
  color: #a20007 !important;
  text-decoration: none;
}
footer{
    color: #FFFFFF;
    background-color: #8b836a;
}
@media (min-width: 2600px) {

}
@media (max-width: 1400px) {
    .block{
    font-size: 1.8rem;
}
}
@media (max-width: 1200px) {
    .block{
    font-size: 1.5rem;
}
}
@media (max-width: 992px) {
    .block{
    font-size: 1.8rem;
}

.logo{
    margin-top: 10em;
    font-size: 2vw;
    font-size: 2vh;
    color: #FFFFFF;
}
}
@media (max-width: 768px) {
}
@media (max-width:769px) {
}
