@font-face {
    font-family: Century Gothic;
    src: url("CenturyGothic.ttf");
}

@font-face {
    font-family: Century Gothic Bold;
    src: url("CenturyGothicBold.ttf");
}

body {
    font-size: 12px;
    font-family: 'Playfair Display';
}

p {
    font-size: 20px;
}

h1 {
    font-family: "Century Gothic Bold";
    font-weight: 900;
    font-size: 3.5em;
    letter-spacing: 7px;
}

h2 {
    font-family: 'Playfair Display';
    font-size: 2.5em;
    font-weight: 500;
}

h4 {
    font-family: "Century Gothic Bold";
    font-size: 1.6em;
    font-weight: bold;
}

#mainmenu {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 0.93em;
    padding-top: 25px;
    padding-left: 80px;
}
    #mainmenu a {
        color: black;
    }

    #mainmenu li {
        margin-right: 30px;
    }

#logo {
    padding-top: 15px;
    padding-left:2px;
    padding-right: 2px;
}

#language-switcher {
    padding-top: 25px;
    font-size: 0.93em;
    letter-spacing: 4px;
}

    #language-switcher a {
        color: grey;
    }

    #language-switcher .active a {
        color: black;
    }

    #language-switcher li {
        height: 30px;
        vertical-align: top;
        padding: 0 2px;
    }

    #language-switcher img {
        width: 18px;
    }

.container {
   width: 1440px;
    width:100%;
    max-width: 1440px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.navbar {
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #F0F0F0;
    font-size: 15px;
    height: 68px;
    font-family: Century Gothic;
}


.portrait {
    background-color: #4A4A4A;
    color: #FFFFFF;
}

.logo{
    max-width: 165px;
}
.logorow{
    padding-top: 1%;
    padding-bottom: 1%;
}
.paddingTop1{
    padding-top:1%;
}
.logoSubCol{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.showroom {
    margin-top: 100px;
}

.showroom .pictures{
    position: relative;
}

.showroom .pictures .col-md-6{
    width: 50%;
}

.showroom .pictures img {
    -webkit-box-shadow: 5px 17px 22px 1px rgba(0,0,0,0.51);
    -moz-box-shadow: 5px 17px 22px 1px rgba(0,0,0,0.51);
    box-shadow: 5px 17px 22px 1px rgba(0,0,0,0.51);
    aspect-ratio: 16 / 20.46;
    object-fit: cover;
    object-position: center;
    width: 600px;
    max-width: 75%;
    display: block;
}



.showroom .pictures img:nth-child(1n + 2){
    margin-top: -120px;
}

.showroom .pictures img:nth-child(even){
    margin-left: 216px;
    margin-right: auto;
}

.showroom .pictures img:nth-child(odd){
    margin-right: 216px;
    margin-left: auto;
}

.showroom .pictures img.team {
    object-fit: contain;
    height:auto;
    aspect-ratio:auto;
}

@media only screen and (max-width : 1470px) {
    .showroom .pictures img:nth-child(even){
        margin-left: auto;
        margin-right: 43%;
    }

    .showroom .pictures img:nth-child(odd){
        margin-right: auto;
        margin-left: 43%;
    }
}

@media only screen and (max-width : 1080px) {
    .showroom .pictures img{
        max-width: 62%;
    }

    .showroom .pictures img:nth-child(even){
        margin-left: 0px;
        margin-right: auto;
    }

    .showroom .pictures img:nth-child(odd){
        margin-right: 0px;
        margin-left: auto;
    }
}

@media only screen and (max-width : 767px) {
    .showroom .pictures img:nth-child(1n + 2){
        margin-top: -20%;
    }
}


.portrait p {
    font-size: 2em;
}

.shadow-bild{
    box-shadow: 4px 20px 30px #4a4a4a;
}

.order {
    background-color: #4A4A4A;
    color: #FFFFFF;
    padding-top: 120px;
    font-family: 'Century Gothic';
}

.order p {
    font-size: 1.4em ;
}

.order-brand{
    font-weight:bold;
    padding-top:15px;
}

.kontakt {
    font-family: 'Century Gothic';
    line-height: 1.5em;
}

.footer {
    background-color: #4A4A4A;
    color: #FFFFFF;
    height: 200px;
    font-family: "Century Gothic";
    letter-spacing: 3px;
    padding-top: 100px;
}

.footer p {
    display: block;
    font-size: 1.2em;
}

.img-responsive{
    margin: 0 auto;
}
#map{
    height:500px;
}
.landingPage{
    margin-bottom: 100px;
}
.inline{
    display: inline;
}
.termine-zusatz{
    display: inline;
    font-size:small !important;
}
.pictures{margin-top: 300px;}
@media only screen
and (min-device-width : 200px)
and (max-device-width : 1024px)  {
    body{

    }
    #map{
        width:100%;
    }

    .pictures{
        margin-top: 20px;
    }
    .landingPage{
        margin-top: 160px;
    }
    .kontakt p{}
    .menuList{
    }

}
@media only screen
and (min-device-width : 200px)
and (max-device-width : 615px)  {
    .paddingTop1{
        padding-top: 8%;
    }
}

        .insta {

        }

        .insta_follow {

        }

        .instagram-follow-wrapper {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin: 55px 0 40px 0;
        }

        .instagram-label {
            font-family: 'Pacifico', cursive;
            font-size: 1.8rem;
            transform: rotate(-5deg);
            color: #444;
            margin: 0;
        }

        .arrow {
            font-size: 2rem;
            transform: rotate(-10deg);
            color: #888;
            margin-right: -10px;
        }

        .instagram-button img {
            width: 80px;
            height: 80px;
            transition: transform 0.3s ease;
        }

        .instagram-button:hover img {
            transform: scale(1.1);
        }