@font-face {
    font-family: "Malte-1";
	src: url("../fonts/Malte-1.ttf") format('truetype');	
}

@font-face {
    font-family: "Malte-1";
	src: url("../fonts/Malte-1.otf") format('otf');	
}

@font-face {
    font-family: "Malte-1";
	src: url("Malte-1.ttf") format('truetype');	
}

@font-face {
    font-family: "Malte-1";
	src: url("Malte-1.otf") format('otf');	
}

p { color:black;
    
}

section {
    position: absolute;
    width: 100%;
    height: 100%;
}

.set{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
}

.set div {
    position: absolute;
    display: block;
}

/*käfer*/
.set div:nth-child(1){
    left:90%;
    animation: animate-k 17s linear infinite;
    animation-direction: normal;
    position: fixed;
    width: 20%;
    max-width: 150px;
}


/*maxi*/
.set div:nth-child(3){
    left:0%;
    top: 50%;
    animation: animate-maxi 3s linear infinite;
    animation-direction:alternate-reverse;
    position: fixed;
    width: 30%;
     max-width: 250px;

}

/*stern*/
.set div:nth-child(4){
    left:30%;
    top: 30%;
    width: 15%;
    position: fixed;
    animation: animate-stern 3s linear infinite;
     max-width: 100px;
}

/*malte-klaut*/
.set div:nth-child(5){
    left:71%;
    top: 17%;
    width: 20%;
     max-width: 250px;
}

/*hallo*/
.set div:nth-child(6){
    left:48%;
    top: 7%;
    width: 25%;
    max-width: 350px;
}

@keyframes animate-k{
    0% {
       left: 130%;
       transform: rotate(90deg) translate(350px,350px);
        opacity: 0;
    }
    
     10%{
       opacity: 100;
        
    }
    
    30%{
        left: 70%;
        
    }

    
    100% {
        left: -30%;
    }
}

@keyframes animate-maxi{
    0% {
       left: 0%; 
    }
    
   100% {
        left: 73%;
    }
}

@keyframes animate-stern{
    0% {
       left: 0%; 
        bottom: 0;
       transform: rotate(90deg) translate(0,0);
    }

}

h1 {
    font-family: Malte-1;
    color:#1cc2ff;
    font-size: 55px;
    margin-top: 10px;
    text-align: right;
}

.container-fluid {
    max-width: 1400px;
}

h2 {
    font-family: Malte-1;
    color:#1cc2ff;
    font-size: 20px;
}

h3 {
    font-family: Malte-1;
    color:rgb(216, 0, 255);
    font-size:25px;
}

h4 {
    font-family: Malte-1;
   
    font-size: 18px;
}



h5{
    font-family: Malte-1;
    
    font-size:25px;
   
}

h6 {
    font-family: Malte-1;
   
    font-size: 16px;
}
    
.ssh {
   color:#00e3b8;
}

.center {margin: auto;
         float:none;
}

a {
    color: #1cc2ff;    
}


.sidebar-left {
    float:left;
}

.text {
    font-size: 15px;
    text-align: justify;
    color:#535353;
}

.delius a:hover{
    color: #ff5900;
    background: linear-gradient(to right, rgb(255, 226, 0), rgb(148, 244, 210));
}

.activeSite a{
    color: #ff6b1c;
    background: linear-gradient(to right, rgb(255, 226, 0), rgb(255, 226, 0, 0));
}

.activeSite{
    color: #ff6b1c;
    background: linear-gradient(to right, rgb(255, 226, 0), rgb(255, 226, 0, 0));
}

.underline {
    text-decoration: underline;
   
}

.martop {
     margin-top: 10px;
}

.marbot {
    margin-bottom: 20px;
}

.maricon {
    margin-top: 5px;
    margin-bottom:15px;
}

.left {
    float: left;
    margin-right: 20px;
}

.right {
    float: right;
    margin-left: 20px;
}

hr {
    color: black;
    height: 2px;
    margin-bottom: 10px;
}

.bold {
    font-weight: bold;
}

.embed-responsive-fb{
    padding-bottom:100%;
    height: 500px;
}

.opa {
    opacity: 0;
}

.delius {
    font-family: Malte-1;
    color: #1cc2ff;
    font-size:25px;
}

.delius-r {
    font-family: Malte-1;
    color:red;
    font-size:25px;
}

.navbar-collapse {
    padding-right: 15;
    padding-left: 0;
    
}

.navbar-default{
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.hauslink {
    color:black;
}

.menuright {
    float: right;
}

.navbar-toggle{
     padding-top: 0;
    padding-bottom: 0;
}

.navbar-toggle-thema{
     border: 1px solid;
    border-radius: 5px;
    border-color: #747474;
   
    color:#767676;
    float: left;
}

.navbar-default .navbar-toggle{
    background-color: rgb(255, 226, 0);
    color: red;
}

.navbar-default .navbar-toggle:hover{
    background-color: #c2ff50;
    color: red;
}

.navbar-default .navbar-toggle:focus{
    background-color: greenyellow;
    color: red;
}

.navbar-default .navbar-toggle:active{
    background-color: transparent;
    color: red;
}

button {
    background-color: transparent;
}


@media (min-width: 1200px) {
    

    
    .navbar-toggle-thema{
       display:none;
    }
    
  
     .martop {margin-top:20;
    }
    
    h3 {
    font-family: Malte-1;
  
    font-size:30px;
}
    
    h2 {
    font-family: Malte-1;
  
    font-size: 25px;
} 
    
    .text {
    font-size: 20px;
    text-align: justify;
}
    .big {
        width: 110%;
    }
    
    h6 {
    font-family: Malte-1;
    color:black;
    font-size: 21px;
}
    .delius {
    font-family: Malte-1;
     
    font-size:30px;
}


.normal{
    display:none;
}

.kleiner{
    display:block;
} 

}

@media (min-width: 992px) {
    
    .navbar-toggle-thema{
       display:none;
    }
    

    
     .martop {margin-top:20;
    }
    
    h3 {
    font-family: Malte-1;
   
    font-size:30px;
}
    
    h2 {
    font-family: Malte-1;
    
    font-size: 25px;
} 
    
    .text {
    font-size: 20px;
    text-align: justify;
}
    .big {
        width: 110%;
    }
    
    h6 {
    font-family: Malte-1;
    color:black;
    font-size: 21px;
}
    .delius {
    font-family: Malte-1;
    
    font-size:25px;
}

.delius-r {
    font-family: Malte-1;
     color:red;
    font-size:25px;
}

.normal{
    display:block;
}

.kleiner{
    display:none;
} 
}


@media (min-width: 768px) {
    
       .navbar-toggle-thema{
   display:none;
    }
    
      /*herz*/
.set div:nth-child(2){
    left:50%;
    top: 0.7%;
    width: 10%;
    max-width: 100px;
    }
    
  h1 {
    font-family: Malte-1;
   
    font-size: 47px;
    margin-top: 10px;
    text-align: center;
}  
    
   .martop {margin-top:20;
    }
   
    .normal{
    display:block;
} 

   .kleiner{
    display:none;
} 
    
/*hallo*/
    .set div:nth-child(6){
     top: 25%;
}
}

@media (min-width: 576px) {
.navbar-toggle-thema{
        display: none;
    }
    
    .navbar-toggle{
       display: none;
    }
}

@media (max-width: 767px) {
    .navbar-toggle-thema{
        width: 40%;
        margin-bottom: 8px;
        margin-top: 8px;
        margin-left: 15px;
        float: left;
    }
    
    .navbar-toggle{
        width: 30%;
        float: right;
    }
    
    .navbar-header{
        width: 100%;
      
    }
    
        /*herz*/
.set div:nth-child(2){
    left:13%;
    top: 0.7%;
    width: 10%;
    max-width: 100px;
    }
    
    h1 {
    font-family: Malte-1;
   
    font-size: 39px;
    margin-top: 10px;
    text-align: center;
}  
    .martop {
        margin-top:0;
    }  
    
  .normal{
    display:none;
}

.kleiner{
    display:block;
} 
    /*käfer*/
.set div:nth-child(1){
    left:10%;
    top: 10%;   
}
    
    /*hallo*/
    .set div:nth-child(6){
     top: 27%;
}
    
    /*herz*/
.set div:nth-child(2){
    left:1%;
    top: 2%;  
}
    
    /*malte-klaut*/
.set div:nth-child(5){
    left:65%;
    top: 30%;
    width: 30%;
    max-width: 250px;
}

    h5 {
        font-size: 20px;
       
    }
   
}