/* 
Theme Name: Anne Eickenberg
Theme URI: https://internetdivision.lokbase.com
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team und customised by LOK. INTERNET DIVISION
Author: LOK. / Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.5.4
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/





body {
	font-family: 'Ubuntu Light', sans-serif; /* Fallback to sans-serif */
   background-attachment: fixed; /* Hintergrund fixieren */
    background-size: cover; /* Hintergrundgröße anpassen */
    height: 100vh; /* Höhe des Viewports */
    margin: 0; /* Standardmargin entfernen */
}


body {
   background-color: #333;
   background: linear-gradient(312deg,rgb(35, 35, 35) 0%, rgb(42, 42, 42) 41%, rgb(69, 69, 69) 100%);
   
   color: white;
   background-attachment: fixed;
}

:root {
	 --max-height: 66vh;
	 --secondary-color: #2ecc71;
 }

[type=button], [type=submit], button {
	 display: inline-block;
	 font-weight: 400;
	 color: darkorange;
	 text-align: center;
	 white-space: nowrap;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 user-select: none;
	 background-color: transparent;
	 border: 1px solid  darkorange;
	 padding: .5rem 1rem;
	 font-size: 1rem;
	 border-radius: 3px;
	 transition: all .3s;
 }

[type=button]:hover, [type=submit]:hover, button:hover {
	  color: white;
	  background-color:  rgb(255, 55, 0);
}


.forminator-ui#forminator-module-76.forminator-design--basic .forminator-error-message {
		background-color: transparent !important;
				color:red !important;
}


/* -----------------------------------------
		 Slider
 -------------------------------------------- */
 .container {
   /* margin: 10em auto; */
   width: 90%;
   height: 80vh;
   /* margin: 0 auto; */
   position: relative;
   overflow: hidden;
   transform: translateY(-5%);
 }
 
 
 
 @media (max-width: 800px) {
     .container {
         width: 100%;
         height: 80vh;
         position: fixed;
         top:80px;
         left:0;    
         overflow: hidden;
         transform: none;
  
     }
 }

 
 /* .container * {border: 1px solid green;} */
 .slides {
   display: flex;
   height: 100%;
 }
 
 .slide {
   min-width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .slide img {
   width: auto;
   height: 100%;
   aspect-ratio: 1 / 1;
 }
 
 .slide-controler {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
 
 #prev-btn,
 #next-btn {
   cursor: pointer;
   /* background: transparent; */
   border: none;
   padding: 10px;
   border: 1px solid gray;
   width: 48px;
   height: 48px;
 }
 
 #prev-btn:focus,
 #next-btn:focus {
   outline: none;
   border: none;
 }

@media (max-width: 800px) {
   
   
   .slide {
        min-width: 100%;
        display: block;
   
     }

   
  
     .slide-controler {
         position: absolute;
         top: 33%;
         left: 50%;
         transform: translateY(0);
         width: 95%;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
         transform: translateX(-50%);
     }
     
     
      #prev-btn, #next-btn {
         background: rgba(0,0,0,0.25);
         padding: 5px;
          width: 38px;
         height: 38px;
  }
  
 
     
 }



#bild {
	width: 85%;
	height: auto;
	margin: 0 auto;
	gap:3em;
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 85vh;
 }
 
 #bild .bild-wrapper {
	 width: 75%;
	 height: 80vh;
	 max-height: 80vh;
	 
 
  
 }
 
 #bild .bild-text {
	  width: 25%;
	 height: 80vh;
	  max-width: 600px;
	  max-height: 80vh;
	  display: flex;
	  flex-direction: column;
	align-items: center;
	justify-content: center;
		 
 }
 
 #bild .bild-image {
	 width: 100%;
	 height: 100% !important;
	 max-height: 100%;
	 aspect-ratio: 1/1;
	 object-fit: contain;
 }
 
 
 
 
  @media (max-width: 800px) {
       
       
      #bild {
         width: 100%;
         height: 80vh;
         margin: 0 auto;
         gap:2em;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         max-height: 100%;
      }
       
      #bild .bild-wrapper {
         width: 100%;
         height: 50%;
         margin:0;
         position: absolute;
         top:0;
  
      }
       
      #bild .bild-text {
         width: 100%;
         height: 50%;
         max-width: none;
         max-height: 100%;
         position:absolute;
         top:50%;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: start;
 
         padding: 15px 10%;
         overflow-x: auto;
     }
     
     #bild .bild-text p {
        font-size: 14px;
     }
       
    #bild .bild-image {
        width: 100%;
        height: 100% !important;
        max-height: 100%;
        aspect-ratio: 1/1;
        object-fit: contain;
        background-color: black;
     }

    
 }
 
 

#footer {
	position: fixed;
	width: 100vw;
	height: auto;
	bottom: 0;
	left:0;
	padding: 2em 1em;
}

#footer .byline {
	text-align: center;
	color: rgba(255,255,255,0.80);
	font-size: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
		 
}
#footer .byline-text {
	display: flex;
	gap: 30px;
	flex-direction: row;
	font-weight: 300;
}


@media (max-width: 800px) {

    #footer {
       padding: 0.5em 0.5em;
        background-color: #000;
    }
    
    #footer .byline {
       font-size: 13px;		 
        gap: 10px;
    }

    
    #footer .byline-text {
        font-size: 13px;	

    }

}




ul#icobar {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: fixed;
	width: 100px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

ul#icobar li {
   width: 80px;
   aspect-ratio: 1/1;
   border: 1px solid gray;
   
   display: flex;
	align-items: center;
	justify-content: center;
   transition: all 0.5s;
}

ul#icobar li svg {
   width: 50%;

	   
}

ul#icobar li.aktiv {
   background-color: black;
}




ul#icobar li a {
   display:block;
   width: 100%;
   height: 100%;
   display: flex;
	align-items: center;
	justify-content: center;
}

ul#icobar li:hover {
   background: black;
}

@media (max-width: 800px) {
    
    
  ul#icobar {
      list-style: none;
      display: flex;
      flex-direction: row;
      gap: 15px;
      position: fixed;
      width: 250px;
      right: none;
      left: 50%;
      top: 10px;
      transform: translateX(-50%);
  }
    
    ul#icobar li a {
        display:block;
        width: 100%;
        height: 100%;
        display: flex;
       align-items: center;
       justify-content: center;
    }
    
 
}

.impressum {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: auto;
  height: auto;
  font-size: 13px;
  color: gray;
}

.impressum a { color:gray;}

.einladung {
    position: fixed;
    width: 80px;
    height: auto;
    right: 20px;
    top:20px;
}

.einladung img { max-width: 100%; }


@media (max-width: 800px) {

  .impressum {
    right: 10px;
    bottom: 45px;
    width: auto;
    height: auto;
    font-size: 12px;
    color: gray;
  }

  .einladung {
    position: fixed;
    width: 34px;
    height: auto;
    right: 15px;
    top:11px;
    }
 
    
    
}