body {
font-family:Arial, Helvetica, sans-serif;
color:black;
background-color: rgb(110, 84, 8);
margin: 0;


}


ul.datenschutz {
    list-style-type:disc;
    display:block;
    line-height: 1.6rem;
    margin-left: 5px;
    text-indent: 10px;
}

.contact-address { margin: 15px auto; }

@media screen and (min-width:651px) {
 
    #header-image-mobile {width:0; height:0; visibility:hidden; }
    #header-image {width:100%; max-width:900px;}
#header-banner {
width:100%; max-width:900px; margin: 0 auto 0 auto;
background-color: #fff;
display:flex; flex-direction: row; justify-content: center;
}
nav {max-width: 900px; }
main {max-width: 900px; }
footer {max-width: 900px; }

.main-text {

    margin-left: 10% !important;
        margin-right: 10% !important;
        


}


    
    }





    @media screen and (max-width:410px) { 

        #header-image {width:0; height:0; visibility:hidden;}
        #header-image-mobile { width: 100%; max-width:410px; }
        #header-banner {
            width:100%; max-width:410px; margin: 0 auto 0 auto;
            background-color: #fff;
            display:flex; flex-direction: row; justify-content: center;
            }
        nav {max-width: 410px; margin: 0 auto; padding-left: 15%;}
        main {max-width: 410px; padding-bottom: 50%; }

      .main-nav {  }

      .main-text {

        margin-left: 10% !important;
        margin-right: 10% !important;
        
        
        }

        .list-item-2 { margin-bottom: 14px; margin-left: 16px !important; }


        ul, .nav2 {
            list-style:none;
            display:flex;
            line-height: 2.4rem;
            font-size: 1.2rem;
            flex-direction: column !important;
            
            
            
        
        }

        h2 { margin-left: 0px !important; }

        .main-form {
            text-align:left;
       margin-left: 5px !important;
        margin-right: 5px !important;
        max-width: 95% !important; 
        line-height: 1.8rem;
        
        
        }

        .input-field {
            background-color:#E9B424; max-width: 95% !important;
        }

        
        
        textarea {
            background-color:#E9B424; max-width: 95% !important;
        
        }

        .contact { margin-left: 20px !important;}

        /*.contact-address { margin: 5px auto !important; } */

        
.form-container { max-width: 400px !important;  }

        footer {max-width: 410px; height: auto; margin-bottom: 0px; }
        .footer-content {max-width: 410px; display: flex; flex-direction: column !important; }
        .footer-content-left {   display:flex; flex-direction: column; justify-content: center !important; }
        .footer-content-flags {
            margin-bottom: 0px; display:flex; flex-direction: row !important; align-items: center !important;
           }
             
          
.nav-footer { display: flex; flex-direction: column !important; line-height: 2rem; margin-bottom: 0px; align-items: center; justify-content: center;}
.nav-footer-2 { display: flex; flex-direction: row !important; line-height: 2rem; margin-bottom: 0px; align-items: center; justify-content: center;}
.footer-bar { height: auto !important; position:fixed !important; margin-bottom: 0px; bottom:0 !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}

#li-footer-languages { padding-top: auto; padding-left: 0px !important;}
       

.h2-other-headings-imprint {font-size: 1.4rem; text-align: left; margin-left: 40px !important; margin-bottom: 10px;}

.h2-other-headings-ds {font-size: 1.4rem; text-align: left; margin-left: 40px !important; margin-bottom: 30px;}


    }

    @media screen and (max-width: 490px) {

        .list-item-2 { margin-bottom: 14px; margin-left: 16px !important; }

        .main-form {
            text-align:left;
        margin-left: 5px !important;
        margin-right: 5px !important;
        max-width: 95% !important;
        line-height: 1.8rem;
     
        
        }

        #dsgvo { line-height: 1.6rem; }

        label { margin-left: 0px; padding: 0px; }

#checkbox-section { margin-left: 0px; indent: 0px; padding: 0px;}

        .input-field {
            background-color:#E9B424; max-width: 95% !important;
        }
        
        textarea {
            background-color:#E9B424; max-width: 95% !important;
        
        }

        
.form-container { max-width: 400px !important; padding-right: 20px !important; }

    }

    @media screen and (max-width:650px) {
        
        #header-image {width:0; height:0; visibility:hidden;}
        #header-image-mobile { width: 100%; max-width:650px; }
        #header-banner {
            width:100%; max-width:650px; margin: 0 auto 0 auto;
            background-color: #fff;
            display:flex; flex-direction: row; justify-content: center;
            }
        nav {max-width: 650px; }
        main {max-width: 650px; }

        footer {max-width: 650px; height: auto;}
        .footer-content {max-width: 650px; display: flex; flex-direction: column !important; }
        .footer-content-left {   display:flex; flex-direction: column; justify-content: center !important; }
        .footer-content-flags {
            margin-bottom: 0px; display:flex; flex-direction: row !important; align-items: center !important;
           }
             

.nav-footer { display: flex; flex-direction: column !important; line-height: 2rem; margin-bottom: 0px;}
.nav-footer-2 { display: flex; flex-direction: row !important; line-height: 2rem; margin-bottom: 0px; align-items: center; justify-content: center;}
.footer-bar { height: auto !important; }

#li-footer-languages { padding-top: auto; padding-left: 0px !important;}

       }
        

nav {background-color: #fff;
display:flex;
flex-direction: row;
justify-content: space-around;

width: 100%;

margin-left: auto;
margin-right:auto;
font-size: 1.2 rem;
color: #4E2705;
top:0;

position: sticky;
box-shadow: 0 10px 10px rgb(157, 152, 152);
}



ul, .nav2 {
    list-style:none;
    display:flex;
    flex-direction: row;
    

}

.text-list { list-style: none; display:flex; flex-direction: column; line-height: 1.6rem;}

.list-item { margin-bottom: 14px; }
.list-item-2 { margin-bottom: 14px; margin-left: 36px; }

main {

background-color: #fff;
display:flex;
flex-direction:column;
margin: auto;
width: 100%;
padding-top: 20px;


}

h1 {text-align: center;}

.h1-other-headings {font-size: 1.6rem; text-align: center;}

h2 {text-align: center;}

.h2-other-headings {font-size: 1.4rem; text-align: left; margin-left: 40px;}

.h2-contact-headings {font-size: 1.4rem; text-align: left; margin-left: 0px;}

.h3-other-headings {font-size: 1.2rem; text-align: left;}

.h2-other-headings-2 {font-size: 1.4rem; text-align: left; margin-left: 80px;}

.h2-other-headings-imprint {font-size: 1.4rem; text-align: left; margin-left: 80px; margin-bottom: 10px;}

.h2-other-headings-ds {font-size: 1.4rem; text-align: left; margin-left: 80px; margin-bottom: 30px;}

p { line-height: 1.6rem;}

.main-text {
    text-align:left;
margin-left: 80px;
margin-right: 80px;


}



.bdue-logo {
    padding-top: 10px;
    text-align:center;
margin-left: 0px;
margin-right: auto;
font-size: 8pt;
width: 120px;
height: 130px;
border: #000 solid 1px;

}

.bdue-logo-en {
    padding-top: 10px;
    text-align:center;
margin-left: 0px;
margin-right: auto;
font-size: 8pt;
width: 120px;
height: 180px;
border: #000 solid 1px;

}


.nav-2 {
    display:flex; 
    flex-direction: row;
    justify-content: space-around;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;

}


.main-form {
    text-align:left;
margin-left: 40px;
margin-right: 40px;
line-height: 1.8rem;


}

.input-field {
    background-color:#E9B424; width:350px;
}

input {
    background-color:#E9B424; 
}

textarea {
    background-color:#E9B424; width: 400px;

}

.form-button {
    cursor: pointer; background-color:rgb(252, 226, 150); border: solid 1px rgb(159, 122, 10); border-radius: 10px; height: 25px; width: 150px; margin-right: 20px; margin-bottom: 10px; box-shadow: 0 0 5px #000; color:#7a6017; font-weight: bold;
}


#dsgvo { line-height: 1.6rem; }

label { margin-left: 0px; padding: 0px; }

#checkbox-section { margin-left: 0px; indent: 0px; padding: 0px;}

.contact { margin-left: 80px; margin-right: 80px;}

.footer-bar {
    width:100%; margin-left: auto; margin-right: auto;
    background-color: #fff;
    display:flex; flex-direction: row; justify-content: space-around;
    position:sticky;
    color: #000;
height: 60px;

bottom: 0;






   
   
box-shadow: 0px -5px 10px rgb(157, 152, 152);
    
    }

    .nav-footer {
display: flex; flex-direction: row; text-align: center; margin-bottom: 0px;

    }

    .nav-footer-2 {
        display: flex; flex-direction: row; text-align: center; margin-bottom: 0px;
        
            }

    #li-footer { padding-right: 40px;}

    #li-footer-languages { padding-left: 40px; padding-right: 40px;}

 .footer {  margin-bottom: 0px; 
   }

   .footer-content {
    margin-bottom: 0px; display:flex; flex-direction: row; 
   }

   .footer-content-left {   margin-bottom: 0px; display:flex; flex-direction: row; }

   .footer-content-flags {
    margin-bottom: 0px; display:flex; flex-direction: row;
   }

    a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2 rem; font-weight: bold; color: #000; text-decoration: none; transition: ease-in-out 0.1s;}

    a:hover, a:focus { font-family: Arial, Helvetica, sans-serif; font-size: 1.2 rem; font-weight: bold; color: rgb(164, 131, 22); text-decoration: none;}

    a.active-page { font-family: Arial, Helvetica, sans-serif; font-size: 1.2 rem; font-weight: bold; color: rgb(159, 122, 10); text-decoration: underline;}

    a.active-page:hover, a.active-page:focus { font-family: Arial, Helvetica, sans-serif; font-size: 1.2 rem; font-weight: bold; color: rgb(164, 131, 22); text-decoration: none;}


ol.terms-page {
    
    line-height: 1.6rem;
    
    list-style-type:lower-latin;
  
    
}

li.terms-page-item {
    list-style-type:lower-latin;
  
    line-height: 1.6rem;
    margin-bottom: 10px;
   
  
}