@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
body {background-color: black; margin: 0px;
    font-family:lobster; text-align: center;}

#top{/*! text-align: center; *//*! margin-top: 44px; */height: 180px;}
#user p{color: grey}

#navigation{background-color:black ;  position:fixed;
  left:auto;
  top:-8px;
  width:100%;
  height:25px;
  ;
 padding: 10px;
 

}
#navigation  a{
    color:rgb(104, 103, 103) ;;margin :20px;<style type="text/css">

  
;}

#navigation a:hover {
 color:  rgb(34, 34, 34);
}




#logo{
        
 ;
/*! background-color: ; */
 /*! font-size: 80px; */
 /*! font-weight: 600; */
 
 /*! margin-top:; */
 position:fixed;
 

 justify-content: center; 
 width: 100%;
 text-align: center;
background: black;
}
 
}


.Login {text-align: center;color: rgb(240, 240, 240);padding: 20px; margin-top: -20px;}
input{background-color: black;color: grey; padding: 3px;
    text-align: center; border: 2px solid white; 
    
    font-family: lobster;;margin-bottom:7px;}
label{; color:white;;} 
button{margin-top:  15px;;
    ;font-family: lobster; margin-block-start: 25px;

hover{background-color: #8800ff}
    }


#logo-name {font-size: 22px;
padding: 20px;; font-weight: bold;background-color: grey;position:fixed
 ;

/*! left: auto; */
top: 199px;
width: 100%;

}



    ;
}

#navigation a:hover {
    color:  rgb(34, 34, 34);
}
#logo img { max-width: 250px;
  
margin-top: 43px;  
/*! display: block; */
/*! width: 100%; */
/*! max-height: 100px; */
/*! padding: 10px; */
}


}
#bild2 img{width: 100%;height: 100%;
    ;




   margin-top: 25px;
   
   }
  

   
 
home{padding: 0px;font-size:35px;}
ul{ padding-left: 10px;font-size: 25px ;margin-top: 0px;
   
  }
  a{color:blanchedalmond;}
li{margin:30px 0}
h7{color: blanchedalmond;margin:30px 0}

    

h1{text-align: center ; ;;
  color: white;margin-bottom: 10px;text-align: relative;width: 70%;margin: 0 auto;
  ;padding-top: 270px;margin-bottom: 35px;;
align-content: ;
 }

#caption p{text-align: center;} 
 
 h6{text-align: center;color:white
;font-size: 20px;margin-bottom: 0cm;;text-align: relative;width: 70%;margin: 0 auto;;}
 p{
  text-align: center;
  margin: 15px;
  color: rgb(105, 105, 105);width: 70%;text-align: relative;width: 70%;margin: 0 auto;;padding-bottom :50px; 
 } 
 
 ;}
 #impressum { color: grey;}
 h2{color: rgb(105, 105, 105) ;}
section-1 {color: rgb(197, 45, 45);width: 70%;margin: 0 auto ;;}

 

<style type="text/css">
a:hover { color: ##00f700 }
</style><type="text/css">
 
	a:any-link {color: grey;}
    #footer{color: blanchedalmond;
    text-align: center;padding: 100px;}
h4{color:rgb(255, 255, 255);
; width: 1000px ;text-align: center; padding-bottom: 200px;margin: auto;}  
,


*{padding: 0px; margin-top: 10px;
    box-sizing: border-box;font-family: lobster}

#home{
    height: 800px;;width:100%;
    background-image: url(weside-bild-hinterg.png );
    background-attachment: fixed;
    background-size: 100%;font-family: lobster; ;
    margin-top: ;
}
#shop{ height: 800px;;width:100%;
    background-image: url);
    background-attachment: fixed;
    background-size: 100%;font-family: lobster;  
    
}
#designs {height: 600px;width:100%;;
    background-image: url(weside-bild-hinterg.png );
    background-attachment: fixed;
    background-size: 100%;font-family: lobster}
}
#Kunden {width:100%;;height: 600px; 
    background:black ;
    background-attachment: fixed;
    background-size: 100%;font-family: lobster;padding-bottom: 50px;
margin-bottom: 20px}
}

#impressum{;width:100%;;h1{margin-top: 100px;}
     margin-top: 300px;}
#Production {height: 600px;width:100%;;
    background-image: url(weside-bild-hinterg.png );
    background-attachment: fixed;
    background-size: 100% ;font-family: lobster;}
#Gallery {/*! height: 600px; */width:100%;;margin-bottom: 200px ;
    background-image: url(weside-bild-hinterg.png );
    background-attachment: fixed;
    background-size: 100% ;font-family: lobster;
margin-bottom :150px;;}

    body {
        font-family: lobster;
        margin: 0;
      }
      
      * {
        box: sizing auto;;
      }
      
      img {
        vertical-align: middle; image-orientation: center;
          
        width: 100%;
        /*! margin-top: 100px; */
        /*! top: 100px; */
      }
      
      /* Position the image container (needed to position the left and right arrows) */
      .container {
        position: relative;
      }
      
      /* Hide the images by default */
      .mySlides {
        display: none;
      }
      
      /* Add a pointer when hovering over the thumbnail images */
      .cursor {
        cursor: pointer;
      }
      
      /* Next & previous buttons */
      .prev,
      .next {
        cursor: pointer;
        position: relative;
        top: 40%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: rgb(102, 102, 102);
        font-weight: bold;
        font-size: 60px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
      }
      
      /* Position the "next button" to the right */
      .next {
        right: 0;
        border-radius: 3px 0 0 3px;
      }
      
      /* On hover, add a black background color with a little bit see-through */
      .prev:hover,
      .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }
      
      /* Number text (1/3 etc) */
      .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
      }
      
      /* Container for image text */
      .caption-container {
        text-align: center;
        background-color: #222;
        padding: revert;
        color: white;
        font-size: 40px;
      }
      
      .row:after {
        content: "";
        display: table;
        clear: both;
      }
      
      /* Six columns side by side */
      .column {
        float: left;
        width: 16.66%;
        
      }s
      
      /* Add a transparency effect for thumnbail images */
      .demo {
        opacity: 0.6;
      }
      
      .active,
      .demo:hover {
        opacity: 1;
      }
      </style>
      
          
     
      <style> 
    
      p{h8{font-size: 25px; ;} 
      
      
      .flex { 
          display: flex; 
          justify-content: center; 
          align-items: center;}
      </style>