/* Größe des Galeriefensters ändern:

gehe zu ."Galeriepunkt"_ausrichten (Zum Beispiel: .Fenster_ausrichten)
dort änderst du unter "height" die Größe der Schwarzen Box: 
    90px für eine Zeile
    165px für zwei Zeilen
    240px für drei Zeilen

In der unteren Zeile (also bei "Tisch", "Holzkunst", "Möbel" und "Treppen") muss die Box noch verschoben werden.
Dafür bei "bottom" den Wert ändern
    -65% für eine Zeile
    -115% für zwei Zeilen
    -180% für drei Zeilen
*/



#Impressum-aufklappen {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    margin-top:10px;
	display: none;
}

#impressum-aufklappen table {
    border-collapse: separate;
    border-spacing: 0.6em;
    margin: auto;
    font-size: 1em;
    color: #6E6E6E;
}

#impressum-aufklappen td, th {
    padding: 0 0.6em; 
    vertical-align: top;
    width: 500;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

 /* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    visibility: hidden;
    width: 1117px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0 0 7px;
    position: absolute;
    z-index: 1;
}

.popuptext img {
    padding: 5px 2px 0 2px;
    border-radius: 4px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.denkmalpflege_ausrichten {
    left: 0%;
    margin-left: -214px;
    bottom: 107%;
    height: 315px;
}
.denkmalpflege_ausrichten::after {
    left: 26%;
    top: 100%;
}

.Tor_ausrichten {
    left: 0%;
    margin-left: -395px;
    bottom: 107%;
    height: 315px;
}
.Tor_ausrichten::after {
    left: 42%;
    top: 100%;
}

.Fenster_ausrichten {
    left: 0%;
    margin-left: -578px;
    bottom: 107%;
    height: 315px;
}
.Fenster_ausrichten::after {
    left: 58%;
    top: 100%;
}

.Restaurierung_ausrichten {
    left: 0%;
    margin-left: -756px;
    bottom: 107%;
    height: 315px;
}
.Restaurierung_ausrichten::after {
    left: 74%;
    top: 100%;
}

.Tisch_ausrichten {
    left: 0%;
    margin-left: -214px;
    bottom: -115%;
    height: 165px;
}
.Tisch_ausrichten::after {
    left: 26%;
    top: -6%;
    transform: rotate(180deg);
}

.Holzkunst_ausrichten {
    left: 0%;
    margin-left: -395px;
    bottom: -215%;
    height: 315px;
}
.Holzkunst_ausrichten::after {
    left: 42%;
    top: -4%;
    transform: rotate(180deg);
}

.Möbel_ausrichten {
    left: 0%;
    margin-left: -578px;
    bottom: -165%;
    height: 240px;
}
.Möbel_ausrichten::after {
    left: 58%;
    top: -4%;
    transform: rotate(180deg);
}

.Treppen_ausrichten {
    left: 0%;
    margin-left: -756px;
    bottom: -65%;
    height: 90px;
}
.Treppen_ausrichten::after {
    left: 74%;
    top: -12%;
    transform: rotate(180deg);
}


/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1.5s;
    animation: fadeIn 1.5s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.Galerie_smartphone {
    display: none;
}

@media (max-width:1127px) {
    /* Popup arrow */
    .popup .popuptext::after {
        display: none;
    }
    
    .popup .popuptext {
    visibility: hidden;
    }
    
    .popup {
        display: none;
    }
    
    .Galerie_smartphone {
        display: inline-block;
    }
   
}









#wrapper {
    position: absolute;
    width: 100%;
}

@media screen and (min-width:768px) and (max-width: 1198px){
            .top {
            margin-top: 6px;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
        .nav>li>a {
        font-size: 0.8em;
    }
    
    .top {
    padding: 5px  0  0 0;
        margin-top: 2px;
}