/*HAUPTSEITE*/

.hauptseitehtml, .hauptseitebody {margin: 0; height: 100%; overflow: hidden}
/*html, header, body, aside {max-width: 1400px;}*/
        

/*KOPFZEILE */

header {
    margin: 5px;
    font-size: 35px;
    text-align: center;
    font-family: Trebuchet MS, sans-serif;
    text-transform: uppercase;
}

.text2 {
    font-size: 15px;
}

.fett {
    font-weight: 300;
}

.untertitel {
    margin-top: 20px;
    font-size: 20px;
}

.infinita1 {
    font-size: 14px;
}

.infinita2 {
    font-size: 10px;
}

/*KNÖPFE*/

.hauptseitebody {
    margin: 30px;
    font-size: 16px;
    font-family: Trebuchet MS, sans-serif;
}

body {
    margin: 30px;
    font-size: 16px;
    font-family: Trebuchet MS, sans-serif;
    transition: transform 0.3s ease;
    /*text-transform: uppercase;*/
}

.galleriehaupt1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    position: absolute;
    width: 90%;
    z-index: 1;
}

.galleriehaupt2 {
    margin: 20% 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    position: absolute;
    width: 90%;
    z-index: 10;
}

.galleriehaupt3 {
    display: grid;
    grid-template-columns: 20% 20% 20% 10% 17%;
    position: absolute;
    width: 90%;
    height: 100%;
    z-index: 100;
}

p {
    width: 100%;
    text-align: center;
    background-color: rgb(255,255,255,0);
}

.knopf1 {
    width: 40%;
    padding: 5% 0 0 30%;
}

.knopf1_2 {
    color: rgb(255,255,255,0);
    margin: 10px 0 0 0;
    padding: 25% 0 10% 0;
    height: 25%;
}

.knopf1_2:hover {
    color: black;
    background-color: white;
}

.knopf2 {
    width: 87%;
    margin: 10% 0 0 20%;
}

.knopf2_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    padding: 47% 0 0 15%;
    width: 100%;
    height: 30%;
}

.knopf2_2:hover {
    color: black;
    background-color: white;
}

.knopf3 {
    width: 80%;
    margin: 40% 0 0 65%;
}

.knopf3_2 {
    text-align: left;
    color: rgb(255,255,255,0);
    margin: 8% 0 0 50%;
    padding: 65% 15% 0 25%;
    width: 60%;
    height: 30%;
}

.knopf3_2:hover {
    color: black;
    background-color: white;
}

.knopf4 {
    width: 52%;
    margin: 70% 0 0 80%;
}

.knopf4_2 {
    text-align: left;
    color: rgb(255,255,255,0);
    margin: 140% 0 0 150%;
    padding: 70% 0 100% 20%;
    height: 20%;
}

.knopf4_2:hover {
    color: black;
    background-color: white;
}

.knopf5 {
    width: 72%;
    margin: 0 0 0 25%;
}

.knopf5_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    margin: 0 0 0 30%;
    padding: 40% 0 0 50%;
    height: 22%;
}

.knopf5_2:hover {
    color: black;
    background-color: white;
}

.knopf6 {
    width: 75%;
    margin: 0 0 0 0;
}

.knopf6_2 {
    text-align: left;
    color: rgb(255,255,255,0);
    margin: -50% 0 100% 0;
    padding: 50% 0 60% 0;
}

.knopf6_2:hover {
    color: black;
    background-color: white;
}

.knopf7 {
    width: 52%;
    margin: 2% 0 0 0;
}

.knopf7_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    width: 50%;
    height: 30%;
    margin: -50% 0 0 0;
    padding: 40% 0 30% 0;
}

.knopf7_2:hover {
    color: black;
    background-color: white;
}

.knopf8 {
    width: 60%;
    margin: 8% 0 0 0;
}

.knopf8_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    width: 60%;
    height: 20%;
    margin: -50% 0 30% 0;
    padding: 40% 0 0 0;
}

.knopf8_2:hover {
    color: black;
    background-color: white;
}

.knopf9 {
    width: 60%;
    margin: 32% 0 0 0;
}

.knopf9_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    width: 120%;
    height: 20%;
    margin: -50% 0 30% 0;
    padding: 60% 0 0 0;
}

.knopf9_2:hover {
    color: black;
    background-color: white;
}

.knopf10 {
    width: 75%;
    margin: 3% 0 0 45%;
}

.knopf10_2 {
    text-align: center;
    color: rgb(255,255,255,0);
    width: 60%;
    height: 50%;
    margin: -50% 0 30% 125%;
    padding: 60% 0 0 0;
}

.knopf10_2:hover {
    color: black;
    background-color: white;
}

/*FUSSZEILE */

footer {
    text-align: center;
    position: relative;
    font-size: 16px;
    font-family: Trebuchet MS, sans-serif;
    /*text-transform: uppercase;*/
    z-index: 1000;
    margin: 43% 0 0 0;
}

.instagram {
    height: 20px;
    margin: 4px 0 0 0;
}

.instagramcontact {
    height: 20px;
}

a {
    color: black;
    text-decoration: none;
}

.menue, .klein2 {
    margin: 0 20px;
}

/*KONTAKT*/

.contact {
    text-align: left;
}

/*CV*/

h1 {
    font-weight: bold;
    font-size: 15px;
}

/*TÜBINGER WILD*/

.gallerie1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 0 0 0;
    position: relative;
    grid-gap: 30px;
}

.caption {
    font-size: 13px;
    text-align: left;
}

.gallerie5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 50px 50px 0 50px;
    position: relative;
    grid-gap: 0 20px;
}

/*CARCALLA*/

.gallerie2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 100px 0 0 0;
    position: relative;
    grid-gap: 20px;
}

.gallerie3 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 150px 0 150px;
    position: relative;
}

.gallerie4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 20px 50px 0 50px;
    position: relative;
    grid-gap: 20px;
}

/*ZEUGHAUS*/

.gallerie6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 80px 160px 0 160px;
    position: relative;
    grid-gap: 30px;
}

.gallerie7 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 100px 100px 0 100px;
    position: relative;
    grid-gap: 5px 30px;
}

.gallerie8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 100px 130px 0 130px;
    position: relative;
    grid-gap: 30px;
}

.gallerie9 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 100px 0 0 0;
    position: relative;
    grid-gap: 0 20px;
}


/*ORBITA*/

.gallerie10 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 0 0 190px;
    position: relative;
    grid-gap: 30px;
}

.gallerie11 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 80px 150px 0 150px;
    position: relative;
    grid-gap: 50px;
}

/*SCHARTEN*/

.gallerie12 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 50px 100px 250px;
    position: relative;
    grid-gap: 5px;
}

.gallerie13 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 100px 50px 0 50px;
    position: relative;
    grid-gap: 50px;
}

/*MEDALLIONS*/

.gallerie14 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 100px;
    position: relative;
    grid-gap: 20px;
}

/*MIRROR HALL*/

.gallerie15 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 20% 0 20%;
    position: relative;
    grid-gap: 50px;
}

.gallerie16 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 0 0 20%;
    position: relative;
    grid-gap: 30px;
}

.gallerie17 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 20% 0 20%;
    position: relative;
    grid-gap: 50px;
}

/*INTERIORS*/

.gallerie18 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 50px 0 0 12%;
    position: relative;
    grid-gap: 10px;
}

/*COLLECTIONS*/

.gallerie19 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 150px 100px 28%;
    position: relative;
}

.gallerie20 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 20% 0 27%;
    position: relative;
    grid-gap: 50px;
}

.gallerie21 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 150px 0 32%;
    position: relative;
}

/*CAMBALACHE*/

.gallerie22 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 160px 0 160px;
    position: relative;
    grid-gap: 30px;
}

.gallerie23 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 50px 8% 15% 8%;
    position: relative;
    grid-gap: 50px;
}

.gallerie24 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 5% 20% 10% 23%;
    position: relative;
    grid-gap: 50px;
}

.gallerie25 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 30px 20% 50px 26%;
    position: relative;
    grid-gap: 50px;
}

.gallerie26 {
    display: grid;
    grid-template-columns: 54% 23% 23%;
    margin: 3% 11% 11% 8%;
    position: relative;
    grid-gap: 20px;
}

.gallerie27 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0 15%;
    position: relative;
    grid-gap: 20px;
}

.gallerie28 {
    display: grid;
    grid-template-columns: 36% 32% 32%;
    margin: 3% 11% 0 8%;
    position: relative;
    grid-gap: 20px;
}

.gallerie29 {
    display: grid;
    grid-template-columns: 19% 23.5% 26% 29%;
    position: relative;
    grid-gap: 20px;
    margin: 0 5% 0 5%;
}

.inventar {
    padding: 2%;
}

/*NEST*/

.gallerie30 {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    grid-gap: 20px;
    margin: 0 30%;
}

/*EXHIBITIONS*/



.gallerieex1 {
    display: grid;
    grid-template-columns: 65% 1fr;
    margin: 100px 0 0 0;
    position: relative;
    grid-gap: 20px;
    border-color: black;
    border-top: 1px solid lightgrey;
}

.gallerieex2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0 0 0;
    position: relative;
    grid-gap: 20px;
}

.gallerieex3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 100px 0 0 0;
    position: relative;
    grid-gap: 20px;
    border-color: black;
    border-top: 1px solid lightgrey;
}

.gallerieex4 {
    display: grid;
    grid-template-columns: 1fr 60%;
    margin: 100px 0;
    position: relative;
    grid-gap: 20px;
    border-color: black;
    border-top: 1px solid lightgrey;
}

.gallerieex5 {
    display: grid;
    grid-template-columns: 45% 1fr ;
    margin: 100px 0;
    position: inherit;
    grid-gap: 20px;
}

.gallerieex6 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 20px 0 0 0;
    position: relative;
    grid-gap: 5px;
}

.gallerieex7 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0 0 0;
    position: relative;
    grid-gap: 20px;
}

.gallerieex8 {
    width: 90%;
    height: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr ;
    margin: 20px 0 0 0;
    position: relative;
    grid-gap: 20px;
    border-color: black;
    border-top: 1px solid lightgrey;
}

.gallerieex9 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 150px 0 0 0;
    position: relative;
    grid-gap: 20px;
}

.gallerieex10 {
    width: 100%;
    display: grid;
    grid-template-columns: 23% 77%;
    margin: 150px 0 0 0;
    position: relative;
    grid-gap: 20px;
    border-top: 1px solid lightgrey;
}

img {
    max-width: 100%;
}

figcaption {
    font-size: 13px;
}

.breit {
    width: auto;
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
}

.breit2 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
}

.breit3 {
    width: auto;
    grid-column: 1 / span 2;
}

.breit4 {
    width: auto;
    grid-column: 3 / span 2;
}

.breit5 {
    width: auto;
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    margin: 0 30px;
}

.lang {
    grid-row: 1 / span 2;
}

.lang2 {
    grid-row: 1 / span 3;
    grid-column: 1 / span 1;
}

.lang3 {
    grid-row: 3 / span 2;
}

.lang4 {
    grid-row: 1 / span 2;
    grid-column: 2 / span 1;
}

.lang5 {
    grid-row: 3 / span 2;
}

.lang6 {
    grid-row: 1 / span 1;
    grid-column: 1 / span 2;
}

.lang7 {
    grid-row: 2 / span 1;
    grid-column: 3 / span 2;
}

.lang8 {
    grid-row: 3 / span 1;
    grid-column: 1 / span 2;
}

.lang9 {
    grid-row: 4 / span 1;
    grid-column: 3 / span 2;
}

.lang10 {
    grid-row: 5 / span 1;
    grid-column: 1 / span 2;
}

.left {
    margin-left: 10%;
}

.fett {
    font-weight: bold;
}

.invisible {
    display: none;
}

.mySlides1 {
    display: block;
    max-height: 70%;
}

.mySlides2 {
    display: block;
    max-height: 70%;
}

.max {
    max-height: 70%;
}

.margintop {
    margin-top: 100px;
}

.margintop2 {
    margin-top: 20px;
}

.margintop3 {
    margin-top: 25px;
}

.margintop4 {
    margin-top: 16px;
}

.marginright {
    margin-right: 20px;
}

.margin-top {
    margin-top: 18%;
}

.margin-top2 {
    margin-top: 21%;
}

.margin-left {
    margin-left: 20%;
}

.margin-left2 {
    margin-left: 15%;
}

.marginleft3 {
    margin-left: 20%;
}

.unterschrift {
    font-size: 13px;
    text-align: left;
    margin: 0;
}

.unterschrift2 {
    font-size: 13px;
    text-align: left;
    margin: 0 130px;
}

.unterschrift3 {
    font-size: 13px;
    text-align: left;
    margin: 0 190px;
}

.unterschrift4 {
    font-size: 10px;
    color: grey;
    text-align: left;
    margin: 5px 0;
}

.figure1 {
    margin: 0;
}

.klein {
    width: 70%;
}

.mitte {
    text-align: center;
}

.rechts {
    text-align: right;
}

.links {
    text-align: left;
}

.links2 {
    text-align: left;
    margin-left: 38%;
}

.border {
    margin: 100px 0 0 0;
    border-color: black;
    border-top: 1px solid lightgrey;
}

.border2 {
    margin: 20px 0 0 35px;
}

/*INFINITA*/

.infinita3 {
    font-size: 10px;
    text-align: left;
    display: flex;
    align-items: center;
}

.infinita5 {
    margin-right: 0;
    display: flex;
    align-items: center;
}

.infinita4 {
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
}

.infinita6 {
    font-size: 14px;
    text-align: center;
    margin: 150px 0 0 0;
}

.gallerie1_2 {
    display: grid;
    grid-template-columns: 45% 55%;
    margin: 20px 18% 0 0;
    position: relative;
    grid-gap: 30px;
}

.gallerie1_3 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 200px;
}

.gallerie1_4 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 350px;
}

.gallerie1_5 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 400px;
}

.gallerie1_6 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 50px 420px;
}

.gallerie2_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 10px 0 0 0;
    position: relative;
    grid-gap: 20px;
}

.gallerie2_3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.gallerie2_4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 10px 0 0 0;
    position: relative;
    grid-gap: 0;
}

.gallerie2_5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 5% 25%;
}

.gallerie3_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 70px 100px;
    position: relative;
    grid-gap: 50px;
}

.gallerie4_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    margin: 100px 0 0 0;
}

.gallerie5_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 70px 0 0 0;
    position: relative;
    grid-gap: 0 20px;
}

.gallerie6_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


.gallerie6_3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 160px 0 0;
    position: relative;
    grid-gap: 30px;
}

figcaption {
    font-size: 10px;
    color: grey;
    }
    
.pdf {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    }