body {
    font-family: Din-Light,sans-serif, Verdana;
}
@media (min-width: 1200px) {
    .footer-links .col-lg-3 {
        width: 20%;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 990px;
    }
}

.table-panel {
    padding-left:30px !important;
    padding-right:30px !important;
}
.table-header,
.table-hr {
    padding-left:15px;
    padding-right:15px;
}
.mainbody {
    background: black;
}
.center-pills {
    display: table;
}
a {
    color: var(--primary-color);
}
.text-primary {
    color: var(--primary-color);
}

/* bootstrap overrides */
.btn-primary {
    padding: 7px 25px 7px 20px;
    font-size: 20px!important;
    border-radius: 3px;
    color: #fff;
    background-image: linear-gradient(
            to top,
            var(--primary-color) 0%,
            var(--primary-dark-color) 100%
    );
    border: 1px solid #fff !important;
}
.btn-warning {
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}
.btn-warning:hover {
    background-color: saddlebrown;
    border-color: #8a6d3b;
}

.ngProgressLiteBar {
    background: green;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 4px;
}

/* tab section overrides */
.navbar-tabs {
    background-image: url("../images/aufhellen.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 990px;
    padding-left: 30px;
    padding-bottom: 15px;
}
ul.nav.nav-pills {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}
.nav-pills>ul {
    margin-top: 20px;
    height: 50px;
}
.nav-pills>li {
    margin: 10px 10px 10px 0;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: var(--primary-color);
    background-image: none;
}
.nav-pills>li>a:hover {
    background-color: #4d2222;
    background-image: none;
}
.nav>li.disabled>a, .nav>li.disabled>a:hover {
    background-color: grey;
    background-image: none;
    color: #fff;
}

.nav>li>a {
    /*position: relative;*/
    /*display: block;*/
    /*padding: 7px 20px 7px 10px;*/
}
.nav-pills>li>a {
    font-size: 20px!important;
    border-radius: 3px;
}

/* containers */
.row-main {
    background-image: url("../images/aufhellen.png");
    background-repeat: repeat-y;
    background-position: center;
    background-size: 990px;
}
.table-quotes tbody > tr > td.mobile {
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.table-quotes tbody > tr.table-row-last > td.mobile {
    border-bottom-style: none;
}
.quote-table-header {
    color: var(--primary-color);
}

/* sales */
.btn-virtual-tour,
.btn-component-image {
    background-image: linear-gradient(to top, var(--primary-color) 0%, var(--primary-dark-color) 100%);
    border: 1px solid #fff !important;
}
.btn-virtual-tour:hover,
.btn-component-image:hover {
    color: #fff;
    background-color: var(--primary-dark-color);
    background-image: none;
}

/* custom header styles */
header{background-color:#A55355}
header a{background-color:transparent}
header .nav{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
header p{margin-bottom:0}
header a,a:hover{color:#ffffff;text-decoration:none}
header ul{padding:0;margin-left:16px}
header ul li{color:#8a8a8a}
header{width:100%;height:150px;max-height:150px;font-family:"DIN";position:relative}
header .icon{position:absolute;top:10px;left:60px;display:inline;height:70px;width:stretch;z-index:10;background-repeat:no-repeat;background-size:contain}
header .header-img{height:100%;background-size:contain;background-position:center}
header .nav #top-nav{position:absolute;right:100px;top:35px}
header .nav ul{margin:0}
header .nav #destination-nav{position:relative;z-index:100}
header .nav ul li{display:inline}
header #top-nav ul li{padding-left:16px}
header #destination-nav ul li{padding-right:40px}
header .nav ul li a{position:relative}
header .nav #top-nav a,header .nav #top-nav a:hover{font-size:16px;font-weight:200}
header .nav #destination-nav a{font-size:18px;font-weight:200;line-height:26px}
header .nav a.menuBtn{cursor:pointer;position:absolute;right:0;top:0;z-index:10;padding:4px 10px}
header .header-info p{position:absolute;right:100px;top:110px;font-weight:500;font-size:14px;color:#fff}
header .header-info p:first-child{top:75px;font-size:26px;line-height:40px;font-weight:200}
header .header-img{background-repeat:repeat-x}
header .nav #destination-nav a.active,header .nav #destination-nav a:hover{color:#e0e0e0}
@media (max-width:1110px){
    header .nav #destination-nav{background-color:#4d2222}
    header .nav #destination-nav a.active,
    header .nav #destination-nav a:hover{background-color:var(--primary-color);color:#ffffff}
    header .nav #destination-nav ul li{border-bottom:1px solid var(--primary-color)}
    header .destination-dropdown{background-color:#4d2222}
}
.sf-hidden{display:none!important}

@media (max-width:1110px){
    header{max-height:115px;height:auto;position:fixed;z-index:100;transition:max-height .8s ease}
    header .container{max-width:100%}
    header .header-img{height:105px;position:relative;top:0;opacity:1;transition:opacity .8s ease,top .8s ease}
    header .icon{top:10px;left:10px;opacity:1;transition:opacity .8s ease}
    header .header-info p:not(:first-child){display:none}
    header .header-info p:first-child{top:0;right:173px;line-height:40px;padding:0 10px}
    header .nav a.menuBtn{display:block}
    header .nav{overflow:hidden;height:auto;max-height:0;min-height:0;transition:min-height .8s ease}
    header .nav #top-nav,
    header .nav #destination-nav{width:100%;position:relative;padding:0;top:0;right:0}
    header .nav #top-nav{padding:20px 0 10px 0}
    header .nav #destination-nav ul{padding-right:0}
    header .nav #destination-nav{display:none}
    header .nav ul,header .nav #top-nav ul li,
    header .nav #destination-nav ul li{padding:0;display:flex;flex-direction:column;justify-content:center}
    header .nav #top-nav a,
    header .nav #top-nav a:hover{font-weight:200;font-size:20px}
    header .nav #top-nav ul li a,
    header .nav #destination-nav ul li a{display:block;padding:5px 20px;float:none}
    header .nav #destination-nav ul li a{font-size:18px}
    header .destination-dropdown{position:absolute;right:55px;top:0;display:inline-block;z-index:10;width:115px;opacity:1;transition:opacity .8s ease}
}
header .nav #top-nav ul li:first-child a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 17px;
    background-size: 20px 17px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgZmlsbD0iI2ZmZmZmZiIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5Mi43MiA0OTIuNzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi43MiA0OTIuNzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnIGlkPSJJY29uc18xOF8iPg0KCQk8cGF0aCBkPSJNNDg3Ljc5LDE2Ny42MmMwLTcyLjAyLTU4LjM4LTEzMC4zOS0xMzAuNC0xMzAuMzljLTQ3LjAzLDAtODguMDksMjQuOTctMTExLjA0LDYyLjNjLTIyLjk0LTM3LjMyLTY0LjAzLTYyLjMtMTExLjA1LTYyLjMNCgkJCUM2My4yOSwzNy4yMiw0LjkzLDk1LjYsNC45MywxNjcuNjJjMCwzOS4yMSwxNy4zNyw3NC4yOSw0NC43Niw5OC4xN2wxODQuNzcsMTg0Ljc4YzMuMTYsMy4xNiw3LjQ0LDQuOTMsMTEuOSw0LjkzDQoJCQlzOC43NC0xLjc3LDExLjktNC45M2wxODQuNzctMTg0Ljc4QzQ3MC40MiwyNDEuOSw0ODcuNzksMjA2LjgyLDQ4Ny43OSwxNjcuNjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
    vertical-align: -10%;
    margin-right: 5px;
}

@media (max-width:1200px){
    header .nav #destination-nav ul{max-width:100%}
}

@media (max-width:1550px){
    header .nav #destination-nav ul{padding-right:50px}
    header .nav #destination-nav ul li{padding-right:32px}
}

@media (max-width:1600px){
    header .nav #destination-nav ul{max-width:85%}
}

@media (max-width:360px){
    header .header-info p:first-child{font-size:20px}
}

@media (max-width:430px){
    header .destination-dropdown{width:125px}
}

@media (max-width:575px){
    header .destination-dropdown{right:55px;width:125px}
    header .header-info p:first-child{left:0;right:170px}
    header .nav a.menuBtn{padding:4px 20px}
    header .icon{height:70px;top:35px;min-width:180px}
}

@media (max-width:767px){
    header .header-img{background-size:cover}
}

@media (min-width:1110px) and (max-width:1199px){
    header .container{max-width:800px}
    header #top-nav ul li:last-child{display:none}
}

@media (min-width:1111px){
    header .nav #destination-nav ul{position:absolute;bottom:5px}
}

@media (min-width:1200px){
    header #top-nav ul li:last-child{display:none}
    main .container,header .container,footer .container{max-width:1200px}
}

/* custom footer styles */
footer .footer a{color:var(--primary-color)}
footer .logos a{color:var(--primary-color)}
footer{font-family:"DIN";color:#fff}
footer a,
footer a:hover{color:#ffffff;text-decoration:none}
footer .row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
footer .col-12,
footer .col-6,
footer .col-lg-4,
footer .col-lg-6,
footer .col-md-4,
footer .col-sm-6,
footer .col-xl-2{position:relative;width:100%}
footer .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
footer .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:768px){
    footer .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    footer .offset-md-4{margin-left:33.333333%}
}
@media (min-width:992px){
    footer .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
}
@media (min-width:1200px){
    footer .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
}
footer .headingLight{font-weight:200}
footer img{width:100%;height:auto}
footer .container .row>[class*="col-"]{padding-right:10px;padding-left:10px}
footer img{vertical-align:top}
footer .icon-box{margin-right:17px}
footer .icon-box a{color:var(--primary-color)}
.footer{background-color:#3a3a3a;padding:50px 0}
.footer p,.footer a{line-height:26px;font-size:12px;margin:0}
.footer img{margin:0 0 15px 0}
.footer .socialmedia-links .icon-box{margin-bottom:17px;}
.footer .socialmedia-links .icon-box a{display: flex;align-items: center;}
.footerlinks{text-align:center}
.footerlinks,.footerlinks p,.footerlinks a,.footerlinks a:visited{color:#000000!important}
.footerlinks a{text-decoration:underline}
.footer .socialmedia-links .icon-box .footer-icon{width:35px;height:35px;margin:0 17px 0 0}
@media (min-width:1200px){
    .footer .contact.offset-xl-1{margin-left:11.666667%}
    .footer .links.offset-xl-1{margin-left:5%}
}
@media (max-width:1199px){
    footer .footer-images,.footer .contact{margin-bottom:25px}
}
@media (max-width:767px){.footer{padding:65px 0}
    .footer .footer-images,.footer .links{display:none}
    .footer .socialmedia-links .icon-box,.icon-box{margin:0 0 15px 50px}
    .footer .socialmedia-links .icon-box .footer-icon{margin:0;width:40px;height:40px}
    .footer .socialmedia-links .icon-box span{display:none}}
footer .logos{background-color:#f1f1f1;padding-bottom:50px;position:relative}
footer .logos .heading{color:#000000;margin:25px 0 45px 0;font-family:"DIN";font-weight:500;position:relative;font-size:24px}
footer .logos .logo{height:40px;width:auto;margin-bottom:16px}
footer .logos .logos-theme .heading{margin-top:65px}
footer .logos .logos-theme .logo{margin-bottom:55px}
footer .logos p,
footer .logos a{line-height:20px;font-size:12px;margin:0}
footer .logos p{font-weight:700}
footer .scrollTopBtn{position:fixed;bottom:60px;right:100px;cursor:pointer;width:55px;height:55px}
@media (max-width:440px){footer .logos .logo{height:34px}}
@media (max-width:767px){footer .scrollTopBtn{right:50%;transform:translate(50%,0)}
    footer .logos .heading{margin:15px 0 0 0;font-size:20px}
    footer .logos .heading,.logos .logos-theme .logo{margin-bottom:35px}
    footer .logos .logos-theme .heading{margin-top:45px}}
footer .scrollTopBtn { color: var(--primary-color)}