/* Reset some default styles */

h1, h2 {

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0.5px;

}



.logo {

    max-width: 100px; /* Adjust the maximum width as needed */

    height: auto;

    float: right; /* Float the logo to the right side */

    margin-left: 20px; /* Add some margin to separate it from the header text */

}



body, li, label, input, textarea, form {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



p {

  max-width: 70ch;

}



body {

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    line-height: 1.6;

    background-color: #f4f4f4;

    color: #333;

    padding: 20px;

}



header {

    text-align: center;

    background-color: #073070; /* Header background color */

    color: #fff;

    padding: 20px;

}



header h1 {

    font-size: 36px;

}



header p {

    font-size: 18px;

}



.header-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header-text {

    flex-grow: 1;

    text-align: left;

}



.logo {

    max-width: 100px; /* Adjust the maximum width as needed */

    height: auto;

    margin-left: 20px; /* Add some margin to separate it from the header text */

}



section {

  margin: 60px auto;

  max-width: 900px;

  box-shadow: none;

}



section.boxed {

  background: #fff;

  padding: 40px;

  border-radius: 6px;

}





h2 {

    font-size: 24px;

    margin-bottom: 20px;

}



ul {

    list-style-type: disc;

    margin-left: 20px;

    overflow: hidden;

}



li {

    margin-bottom: 10px;

}



.testimonial {

    margin: 20px 0;

}



footer {

    background-color: #073070;

    color: #fff;

    padding: 20px 10px; /* mehr Platz für Text */

}



footer a {

    color: #fff;

    text-decoration: none;

}



footer a:hover {

    text-decoration: underline;

}



footer .footer-content {

    text-align: center;      /* alles innerhalb zentrieren */

    display: flex;

    flex-direction: column;  /* Elemente untereinander */

    align-items: center;     /* horizontale Zentrierung */

    gap: 6px;                /* Abstand zwischen Zeilen */

}



footer .btn-impressum {

    margin-top: 10px;

}



/*

footer {

    text-align: center;

    background-color: #073070; /* Footer background color (can be the same or different) */

  /*  color: #fff;

    padding: 10px 0;

}



footer a {

    color: #fff; /* Change the color to your desired color */

    /*text-decoration: none; /* Remove underline if needed 

}



footer a:hover {

    text-decoration: underline; /* Add underline on hover if desired 

    }



footer address {

    display: block;      

    text-align: center;  

    margin: 0 auto;      

}



footer address p {

  margin: 4px 0;       

  margin-bottom: 6px;

  text-align: center;

}

*/

.contact-section {

    background-color: #f4f4f4;

    padding: 20px;

    margin: 20px 0;

}



.contact-form {

    max-width: 600px;

    width: 100%;

    margin: 0 auto;

    background: #ffffff;

    padding: 20px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.contact-form h2 {

    font-size: 24px; /* Default font size for h2 */

}



/* Media query for smaller screens */

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

    .contact-form h2 {

        font-size: 20px; /* Adjust font size for smaller screens */

    }

}



label {

    display: block;

    margin: 10px 0;

    color: #333;

}



input[type="text"],

input[type="email"] {

    width: 100%;

    padding: 10px;

    margin-bottom: 20px;

    border: 1px solid #ccc;

    border-radius: 5px;

    height: 40px; /* Adjust the height as needed for one line */

}



textarea {

    width: 100%;

    padding: 10px;

    margin-bottom: 20px;

    border: 1px solid #ccc;

    border-radius: 5px;

    height: 100px; /* Adjust the height as needed */

}



input[type="submit"] {

    background: #073070;

    color: #fff;

    padding: 10px 20px;

    border: none;

    border-radius: 5px;

    cursor: pointer;

}



input[type="submit"]:hover {

    background: #073070;

}



.text-container {

    max-width: 700px;

}



.image-container {

    flex: 1;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



div.fill-screen {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    text-align: center;

}



img.make-it-fit {

    max-width: 99%;

    max-height: 99%;

}



#Picture {

  margin-top: 40px;

  margin-bottom: 80px;

}



.Photo {

    max-width: 50%;

    height: auto;

    display: block;

    border-radius: 4px;

}



.btn-impressum {

    background-color: #073070; 

    color: #ffffff; 

    border: none; 

    border-radius: 5px; 

    padding: 10px 20px; 

    font-size: 16px; 

    cursor: pointer;

    transition: background-color 0.3s ease; 



}

.btn-impressum:hover {

    background-color: #001f3f; 

    color: #ffffff; 

} 



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

    #uebermich .text-container {

        margin-right: 0;

        max-width: none;

    }



    .Photo {

        order: -1;

        max-width: 80%;

    }

}

.form-message {

  padding: 15px 20px;

  margin-bottom: 20px;

  border-radius: 5px;

  font-size: 15px;

}



.form-message.success {

  background-color: #e6f4ea;

  color: #1e4620;

  border: 1px solid #b7e1c1;

}



.form-message.error {

  background-color: #fdecea;

  color: #611a15;

  border: 1px solid #f5c6cb;

}



.hidden {

  display: none;

}



.leistungen-liste {

  margin-left: 20px;

}



.leistungen-liste > li {

  padding-left: 4px;

}



.sub-label {

  display: block;

  margin: 8px 0 4px;

  font-weight: 600;

}



.sub-liste {

  margin-top: 6px;

  margin-left: 24px;

  list-style-type: "–  ";

}



.sub-liste li {

  margin-bottom: 6px;

}