@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('../Fonts/Roboto-Regular.eot');
    src: url('../Fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Roboto-Regular.woff2') format('woff2'),
    url('../Fonts/Roboto-Regular.woff') format('woff'),
    url('../Fonts/Roboto-Regular.ttf') format('truetype'),
    url('../Fonts/Roboto-Regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../Fonts/Lobster-Regular.eot');
    src: url('../Fonts/Lobster-Regular.eot?#iefix') format('embedded-opentype'),
    url('../Fonts/Lobster-Regular.woff2') format('woff2'),
    url('../Fonts/Lobster-Regular.woff') format('woff'),
    url('../Fonts/Lobster-Regular.ttf') format('truetype'),
    url('../Fonts/Lobster-Regular.svg#Lobster') format('svg');
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 2.2em;
    font-weight: 500;
    color: #000;
}

.container.w-100 {
    margin: 0 auto;
    max-width: 1280px;
}
.container .ce-image figure img {
    width: 100%;
    height: auto;
}

.container-bordered {
    background-color: #FDEDCFE8;
    border-style: dotted;
    border-width: -1px 2px 02px 2px;
    border-color: #CC071E;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 50px;
    margin-bottom: 100px;
}

strong {
    font-weight: 700;
}

.no_lang .lang-nav {
    display: none;
}

nav ul  {
    margin: 0;
    padding: 0;
}

nav ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.page-header {
    position: relative;
    border-style: dotted;
    border-width: 0px 0px 4px 0px;
    border-color: #FFFFFF;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    width: 100%;
    background-position: top center;
    background-size: 100%;
    background-image: url("../Images/rost.jpg");
    z-index: 10;
}

.header-wrapper {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1280px;
    padding: 20px 0;
}

.header-wrapper .logo {
    margin-right: 40px;
}

header nav ul {
    display: flex;
    align-items: flex-start;
}

header nav ul li {
    position: relative;
}

header nav ul li a {
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    padding: 0 13px;
    text-decoration: none;
    transition: 0.4s;
    white-space: nowrap;
}

header nav ul li:hover a {
    color: rgb(229, 198, 156);
}

header nav ul li .subnavi {
    background-color: #E5C69C;
    border-radius: 0 0 5px 5px;
    display: none;
    left: 10px;
    top: 40px;
    position: absolute;
}

header nav ul li:hover .subnavi a {
    color: #683822;
    font-size: 14px;
}

header nav ul li .subnavi ul {
    display: block;
    padding: 0;
    margin: 0;
}
header nav ul li .subnavi ul li {
    display: block;
    width: 100%;
}
header nav ul li .subnavi ul li:hover {
    background-color: #683822;
}
header nav ul li .subnavi ul li:hover a {
    color: #E5C69C;
}
header nav ul li .subnavi a {
    display: block;
    padding: 10px 20px;
}
header nav ul li:hover .subnavi {
    display: block;
}

main {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image: url("../Images/bg-schlachthof.jpg");
    color: #fff;
    padding: 40px 0;
    min-height: 60vh;
}

footer {
    border-style: dotted;
    border-width: 3px 0px 0px 0px;
    border-color: #FFFFFF;
    background-position: top center;
    background-size: 100%;
    background-image: url("../Images/rost_footer.jpg");
    color: #fff;
    padding: 40px 0;
}

footer .footer-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
}

footer .h2 {
    margin-bottom: 20px;
    display: block;
    color: #FFFFFF;
    font-family: "Arial", Sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    text-decoration: underline;
    text-shadow: -2px -1px 2px rgba(0, 0, 0, 0.95);
    line-height: 40px;

}

footer .contactData {
    width: 30%;
}

footer .mieterNav {
    width: 50%;
}

footer .legalNav {
    width: 20%;
}

footer .legalNav a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 2px 0;
}

footer .legalNav a:hover {
    color: rgb(250, 206, 161);
}

footer .mieterNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .mieterNav ul li {
    margin: 0 12px 0 0;
    padding: 2px 0;
    list-style-type: none;
    display: inline-block;
}

footer .mieterNav ul li a {
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    padding: 4px 0;
}

footer .mieterNav ul li a:hover {
    color: rgb(250, 206, 161);
}

.padding-4 {
    padding: 40px;
}

.flip-box-container {
    display: grid;
    grid-gap: 45px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin: 0;
    max-width: 100%;
}

.flip-box {
    width: 100%;
    height: 440px;
    perspective: 1000px;
}

.flip-box-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.7s;
}

.flip-box:hover .flip-box-inner {
    transform: rotateX(180deg);
}

.flip-box-front,
.flip-box-back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
}

.flip-box-front {
    background-color: #683822;
    transform: rotateX(0deg);
}

.flip-box-front img {
    width: 80%;
}

.flip-box-back {
    background-color: #E5C69C;
    transform: rotateX(180deg);
    position: absolute;
    top: 0;
    left: 0;
}

.flip-box-content {
    padding: 20px;
    text-align: center;
    color: #683822;
}

.flip-box-content .h2 {
    font-family: "Lobster", sans-serif;
    font-size: 1.75rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

.flip-box-content .btn.btn-primary {
	background-color: #CC071E;
}

.flip-box img {
    height: auto;
    max-height: 200px;
    max-width: 100%;
}

.btn {
    color: #fff;
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
}

.btn.btn-primary {
    background-color: #683822;
}

.btn.btn-primary:hover {
    color: #fff;
}

.font-lobster {
    font-family: "Lobster", sans-serif;
}

.text-white {
    color: #fff;
}

.text-title {
    font-size: 2.2em;
    font-weight: 500;
}

.container.two-cols {
    display: flex;
}

.container.two-cols .columns {
    width: 50%;
}

.container.two-cols.third-one .columns:first-child {
    width: 70%;
}

.container.two-cols.third-one .columns:last-child {
    width: 30%;
}

.tenant-details .bottom-part figure {
    margin: 0;
}

.tenant-details .right-part figure {
    margin: 0;
}

main .frame-default {
    padding: 45px;
}

main .tenant-details .frame-default.gallery {
    padding: 0 45px;
}

main .frame-type-header + .gallery, 
main .frame-type-header + .images-overview {
    padding-top: 0;
}

main {
    text-align: left;
}

main h1,
main h2,
main h3 {
    color: #000;
    font-family: "Lobster", sans-serif;
    font-size: 2.2em;
    font-weight: 500;
    margin: 0;
}

main p {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

main p:last-child {
    margin-bottom: 0;
}

main a {
    color: #c36;
    text-decoration: none;
}

main .frame-type-textpic figure {
    margin: 30px 0;
}

main .frame-type-textpic img {
    height: auto;
    width: 100%;
}

main a:hover {
    color: #000;
}

.hide-desktop {
    display: none;
}

.images-overview {
    display: grid;
    grid-gap: 45px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin: 0;
    max-width: 100%;
}

.images-overview a {
    position: relative;
	max-height: 250px;
}

.images-overview img {
    width: 100%;
    height: auto;
    width: 100%;
    transform: scale(1.3);
}

.images-overview .imageHolder {
    font-size: 0;
    overflow: hidden;
    height: 100%;
    border-radius: 20px 20px 20px 20px;
}

.images-overview .overlay {
    background-color: #683822C4;
    border-radius: 20px 20px 20px 20px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .5s;
}

.images-overview a:hover .overlay {
    opacity: 1;
}

@media all and (max-width: 1300px) {
    header {
        width: inherit;
        padding: 0;
    }
    .header-wrapper {
        padding: 20px;
    }
    main {
        padding: 40px 20px;
        width: inherit;
        min-height: inherit;
        background-size: cover;
    }
    footer {
        padding: 40px 20px;
    }
}

.gallery {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    margin: 0;
    max-width: 100%;
}
.gallery a {
    cursor: zoom-in;
    transition: all 0.5s ease-in-out;
}

.gallery a:hover {
    filter: brightness(90%);
}

.gallery img {
    width: 100%;
    height: auto;
}

@media all and (max-width: 991px) {
    header .header-wrapper {
        display: block;
        width: auto;
        margin: 0 auto;
        padding: 20px;
    }

    header nav {
        display: none;
        position: relative;
        right: 0;
        text-align: left;
        margin-top: 40px;
    }

    header nav ul {
        display: block;
    }

    header nav ul li {
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid #fff;
    }

    header nav ul li:first-child {
        border-top: none;
    }

    header nav ul li a {
        display: block;
        padding: 10px 0;
    }

    header nav ul li.has-children:before {
        content: " ";
        position: absolute;
        right: 0;
        top: 27px;
        width: 20px;
        height: 1px;
        background-color: #fff;
        transform: rotate(-45deg);
    }

    header nav ul li.has-children:after {
        content: " ";
        position: absolute;
        right: 15px;
        top: 27px;
        width: 20px;
        height: 1px;
        background-color: #fff;
        transform: rotate(45deg);
    }

    header nav ul li.has-children .subnavi,
    header nav ul li.has-children:hover .subnavi {
        position: relative;
        top: 0;
        display: none;
    }

    header .navToggle {
        position: absolute;
        right: 20px;
        width: 50px;
        height: 25px;
        top: 35px;
    }

    header .navToggle span.first {
        position: absolute;
        top: 0;
        margin-top: -1px;
    }

    header .navToggle span {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 2px;
        background-color: #fff;
    }

    header .navToggle span.last {
        position: absolute;
        top: 100%;
    }

    .header-wrapper nav {
        display: none;
    }

    footer {
        padding: 40px 20px;
    }

    footer .footer-wrapper {
        display: flex;
        flex-direction: column;
    }

    footer .mieterNav {
        margin: 40px 0;
    }

    footer .legalNav,
    footer .contactData,
    footer .mieterNav {
        width: 100%;
    }

    footer .mieterNav ul li {
        display: block;
    }

    .images-overview {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .flip-box-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .flip-box {
        width: 100%;
        height: 440px;
        perspective: 1000px;
    }

    main .container.two-cols {
        display: block;
        gap: 0;
    }

    main .container.two-cols .columns {
        width: auto;
        padding: 25px;
        text-align: left;
    }

    .hide-desktop {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    main .container.two-cols.third-one .columns:first-child {
        width: auto;
    }

    main .frame-default {
        padding: 15px;
    }

    main .container.two-cols .columns.right-part {
        padding: 0;
    }

    .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media all and (max-width: 768px) {
    	.flip-box-container  {
    		grid-template-columns: repeat(1, 1fr);
	}
}

.tooltip-map {
    position: relative;
}

.tooltip-map img {
    width: 100%;
    height: auto;
}

.tooltip-map .tooltip {
    position: absolute;
    width: 30px;
    height: 30px;
}

.tooltip-map .tooltip:hover .tooltip-info {
    opacity: 1;
}

.tooltip-map .tooltip-info {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    border-radius: 5px;
    padding: 15px;
    background-color: #ae1c24;
    opacity: 0;
    transition: all 0.3s ease;
    min-width: 180px;
    text-align: center;
    pointer-events: none;
    z-index: 10;
}

.tooltip-map .tooltip-info > * {
    color: #fff;
    margin: 0;
	font-size: 14px;
}

.tooltip-map .tooltip-arrow {
    border: 8px solid;
    position: absolute;
    top: 100%;
    left: 50%;
    border-color: #ae1c24 transparent transparent;
    margin-left: -8px;
}


.animated-box {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.8s ease-out;
}

.in-view.fade-in-up {
    opacity: 1;
    transform: translateY(0);
}

.in-view.fade-in-down {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-down {
    transform: translateY(-100px);
}

body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:rgba(0,0,0,0);font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#fff;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:10060;color:#000;font-size:1rem}.sl-wrapper .sl-download{display:none;position:fixed;bottom:5px;width:100%;text-align:center;z-index:10060;color:#fff;font-size:1rem}.sl-wrapper .sl-download a{color:#fff}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#fff}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media(min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media(min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media(min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media(min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media(min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media(min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}