#large-container{
    
    display: block;
    max-width: 100%;
    margin-top: 1%;
    background-image: url("/bilder/Marko_Wetzig.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 40% auto ;
    text-align: left;
    width: 100%;
    height: 100vh;
    border-bottom: 1px solid #fff;
    
}
#large-container h2{

    color:cornflowerblue;
    text-decoration: none;
    border-bottom: none;
}
#greetings #spacer-float{
    min-height: 200px;
    max-width: 60%;
    padding: 10%;
    vertical-align: middle;
}



.half-container{
    width: 45%;
    float: none;
    margin: 1%;
    margin-left: 0px;
    padding: 1%;
    display: inline-block; /* Um den Text innerhalb der Höhe zu zentrieren */
    vertical-align: middle; /* Vertikal zentrieren */
    line-height: normal; /* Rücksetzen der line-height, um den Text zu normalisieren */
}

#wrapper{
    text-align: center;
}

#index .logo {
    display: block;
    float: left;
    width: 100%;
    min-height: 70vh;
   /** background-image: url("/bilder/Logo_Marko_Wetzig.PNG"); **/
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 90%;
}

/** volle Bidlschirmbreite **/

#content {
    width: 100%;
}

/** Bildschirm füllend **/

#content{
    height: 100vh;
    line-height: 100vh;
}

/** Navi Top **/

#nav-top, #nav-top table{
    width: 100%;
    text-align: center;
    float: left;
}


.table-nav-top td {

    /** padding-left: 5%; **/
    padding-right: 5%;
}

/******* Shadow *******/
.half-container, #profilbild{
    box-shadow: 0px 1px 3px 1px black; 
}

/****** Border radius ********/

.half-container {
    border-radius: 10px;
}


/***** Profilbild ******/

#profilbild {
    display: block;
    float:inline-start;
    min-width: 100px;
    min-height: 100px;
    max-width: 95%;
    margin-top: 1%;
    margin-left: 40px;
   background-image: url("/bilder/Marko_Wetzig.png"); 
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: auto 90%;
    border-radius: 50%; 
}

/********* Index alt *******/

body {
   /** box-sizing: border-box;
    display: block;
    height: 100%; **/
    padding: 0;
   margin: 0;;
    
}
#main-container {
    text-align: center;
    display:block;
    /** float:left; **/
    width: 100%;
    margin: 0px 40px 0px 0px;
   
}
    .logo img{
       padding: 3%;
       max-height: 70vh;
    }

    .topic-container{
        width:45%;
        display:block;
        margin:5px;
        float:left;
        min-width:350px;
        text-transform: initial;
        text-align:left;
        padding-left: 10px;
    }

#footer{
    display:block;
    width: 100%;
    text-align: center;
    float:left;
    margin-top:35px;
    
}
.block1 {
    display:block;
    width: 95%;
}

/**************** SLIDER ****************/
#kunden {
    width: 100%;
    
    overflow: hidden;
    position: relative;
}

.slider {
    white-space: nowrap; /* Verhindern, dass die Folien umgebrochen werden */
    transition: transform 0.5s linear;
}

.slide {
    display: inline-block;
    
    box-sizing: border-box;
}

.slide img {
    max-width: 30%;
    object-fit: cover;
}

/** spezielle Anpassungen nach Device **/

/* Media Query für Mobilgeräte mit einer maximalen Breite von 768 Pixeln */
@media (max-width: 768px) 
 {
    #nav-top{
        visibility: hidden;
    }
}