html {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        width: 100%;
        height: 100%;
        -webkit-font-smoothing: antialiased !important;
        -moz-font-smoothing: antialiased !important;
        font-smoothing: antialiased !important;
        outline: 0 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #fff;
        background-image: url(../img/logo-siebau.png);
        -webkit-background-size: 135px auto;
        background-size: 135px auto;
        background-position: center center;
        background-repeat: no-repeat;
}
body {
        margin: 0;
        font-size: 16px;
        font-family: 'proxima-nova', sans-serif;
        overflow-x: hidden;
        background: #fff;
        line-height: 2em;
        position: relative;
        height: 100%;
        width: 100%;
        -webkit-font-smoothing: antialiased !important;
        -moz-font-smoothing: antialiased !important;
        font-smoothing: antialiased !important;
        color: #000;
        transition: overflow .5s ease-in-out;
        counter-reset: section;
}
.noScroll {
        overflow: hidden;
}
.clearfix {
        display: block !important;
}
.clearfix:after, .menu:after {
        content: ".";
        clear: both;
        display: block;
        font-size: 0;
        visibility: hidden;
        height: 0;
}
.mobile {
        display: none;
}
.desktop {
        display: block;
}
button {
        padding: 0;
        background: none;
        color: #000;
}
button.btn {
        display: inline-block;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid #777;
        color: #000;
        background: none;
}
/* IE-Patch für IE 7*/
*:first-child + html .clearfix, *:first-child + html .menu {
        min-height: 0;
}
/* IE-Patch für IE 6*/
* html .clearfix {
        height: 1%;
}
.clearing {
        position: relative;
        height: 1px;
        width: 100%;
        display: block;
}
/*general container _ addition to bootstrap */
.container, .row, article, .sec {
        position: relative;
        z-index: 1;
}
.flex {
        display: flex;
        align-content: center;
        align-items: center;
}
.n-flex {
        display: flex;
        align-content: center;
        align-items: center;
}
.b-flex {
        display: flex;
        align-content: flex-end;
        align-items: flex-end;
}
.nonrel {
        position: static;
}
.transition {
        -webkit-box-shadow: none;
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
}
/*.animate-container .row {
  animation-duration: 5s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}
*/
.shadow {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}
/*distances ################################################################################################################   */
.fulldistance {
        margin-top: 150px;
}
.distance {
        margin-top: 60px;
}
.halfdistance {
        margin-top: 15px;
}
.smalldistance {
        margin-top: 4px;
}
.bottomdistance {
        margin-bottom: 150px;
}
.bottomsmalldistance {
        margin-bottom: 30px;
}
.mobiledistance {
        height: 60px;
        display: block;
        width: 100%;
        background: #fff;
}
.mobiledistancelarge {
        height: 30vh;
        width: 100%;
        display: block;
        background: #111;
}
.sitedistance {
        margin-top: 40%;
}
.negdistance {
        margin-top: -25vh;
}
.owldistance {
        margin-top: 55px;
}
/*distances end ################################################################################################################   */
/*colors ################################################################################################################   */
.grey {
        background: #fff !important;
}
.lightgrey {
        background: #eee;
}
.light {
        background: #c7c6c2;
}
.dark, .black, .blackimg {
        background: #000 !important;
}
.techbg {
        background: url(../img/bg_quadrat.png) repeat top left;
        display: block;
}
/*colors end ################################################################################################################   */
/*fonts ################################################################################################################   */
small, p, li, td, tr, dd, .image blockquote:before, .image blockquote:after {
        font-weight: 300;
}

strong {
    font-weight:500;
}

.current-menu-parent a, .current-menu-item a, .current-page-ancestor a, .current-category-ancestor a, .kontvisible a, .dark .current-menu-parent a, .dark .current-menu-item a, .dark .current-page-ancestor a, .dark .current-category-ancestor a, .dark .kontvisible a, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, a, button, blockquote, blockquote p {
    font-weight:500;}

h1 strong {
        font-weight: 600;
}

h2, h3, h4, .detail h3, h2 a, h3 a, h4 a, blockquote p, blockquote, .icontext a, .listing li a {
        font-size: 24px;
}
strong.hero, small, .breadcrumbs li, .breadcrumbs li a, .breadcrumbs li strong {
        font-size: 12px;
}

span.counting {
        font-size: 11px;
}

 blockquote p, blockquote {
        font-size: 44px;
}

.dark blockquote p, .dark blockquote {
    font-size: 24px;
}


li.big a {
    font-size:16px;
    color:#000;
    font-weight:700;
    
}

ul.sub-menu li a {
    font-size:16px !important;
}


.headfix li.big a {
    font-size:16px;
   
}



/*fonts end ################################################################################################################   */
/*general ################################################################################################################   */


ol, ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
}
p {
        display: block;
        padding: 0;
        margin: 0;
        color: #000;
        line-height: 1.60em;
}
.dark p {
        color: #fff;
}
.lightgrey p {
        color: #000;
}
li, span, a {
        color: #000;
        display: inline-block;
        padding: 0;
        margin: 0;
}
.hidesmall span:hover {
        color: #000;
}
h2, h3, h4, .detail h3 {
        line-height: 1.3em;
        display: block;
        padding: 0;
        margin: 0;
}
h2, h3, h4, .detail h3 {
        padding-bottom: 15px;
}
h1 {
        font-size: 28px;
}
h1.mega {}
h1.bold {}
.super h1 p, .super h1 {
        line-height: 1.1em;
}
.startinlay h1 strong {
        color: #fff !important;
}
h3.mega {}
.underline h3 a {
        text-decoration: underline;
}
.dark h4, .dark h2, .dark h1, .dark h3 a, .dark strong, .dark li, .dark a, .dark p a {
        color: #fff;
}
.dark a:hover {
        color: #ED6C03 !important;
}
a:hover {
        text-decoration: none;
        color: #ED6C03;
}
hr {
        height: 1px;
        background: #eee;
        padding: 0;
        margin: 0;
        border: none;
}
strong {
        font-size: inherit;
        color: #000;
        display: block;
}
.moretext strong, h1 strong {}
strong.hero {
        color: #777;
        margin-bottom: 15px;
        display: block;
        letter-spacing: 0.08em;
}
hr.bold {
        height: 6px;
        background: #000;
        padding: 0;
        margin: 0 0 15px 0;
        border: none;
}
hr.dark {
        height: 1px;
        background: #000;
        padding: 0;
        border: none;
}
header hr {
        background: #fff;
        margin-top: 0;
        position: relative;
        z-index: 0;
}
.dark hr {
        background: #555;
}
.alignright {
        text-align: right;
}
.scroll {
        background: none !important;
}
footer hr {
        background: #666;
}
blockquote {
        border: none;
        display: block;
        padding: 0;
        margin: 0;
}
blockquote p {
        text-align: left;
        line-height: 1.2em;
        color: #000;
}
blockquote p a {
        border-bottom: 2px solid #ED6C03;
}
small {
        color: #888;
        display: block;
}
small.black {
        color: #000;
}
.mouse {
        position: fixed;
        left: calc(50% - 50px);
        bottom: 5px;
        width: 100px;
        z-index: 50;
        text-align: center;
}
.mouseup {
        bottom: 30vh;
}
.mouseout {
        display: none;
}
.mouse a {
        display: block;
        text-align: center;
}
.mouse-icon span {
        width: 1px;
        height: 35px;
        background: #000;
}
.mouseup a {
        color: #fff;
}
.mouseup a:hover {
        color: #ED6C03;
}
.mouseup .mouse-icon span {
        background: #fff;
}
.mouse-icon div {
        display: block;
        font-size: 12px;
}
/*general end ################################################################################################################   */
/*figures ################################################################################################################   */
#sticky.stick {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
}
img {
        width: 100%;
        height: auto;
}
.img-normal {
        width: auto !important;
        margin: auto;
}
.fave, .spanhide {
        position: absolute;
        vertical-align: middle;
        height: 25px;
        width: 50px;
        font-size: 14px !important;
        left: auto;
        right: 8px;
        bottom: 8px;
        top: auto;
        text-align: center;
        cursor: pointer;
        padding: 6px 0 0 0;
        color: #000;
        z-index: 500;
        background: rgba(255, 255, 255, 0.7);
}
.faving {
        position: absolute;
        top: 45vh;
        right: 50px;
        width: 300px;
        height: 50px;
        z-index: 100;
}
.searching, .clip, .like, .likedark, .clipdark, .searchingdark {
        width: 16px;
        height: 16px;
}
svg {
        fill: currentColor;
        vertical-align: middle;
}
svg.arrowsvg {
        margin-left: 5px;
}
li .searching, li .clip, li .like {
        width: 18px !important;
        height: 18px !important;
}
.clock, .envelope, .people, .download {
        width: 35px;
        height: 35px;
}
.likebig, .clipbig, .align-left, .imageclip, .likestart {
        width: 18px;
        height: 18px;
        margin-top: 0 !important;
}
.searching {
        background: url(../img/light/search.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.dark .searching {
        background: url(../img/light/search-w.svg) no-repeat center;
}
.searchingdark {
        background: url(../img/light/searchw.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.download {
        background: url(../img/light/arrow-alt-circle-down.svg) no-repeat center;
        display: block;
}
.align-left {
        background: url(../img/light/align-left.svg) no-repeat center;
        display: block;
        background-size: 45%;
}
.searching:hover {
        width: 18px;
        height: 18px;
        background: url(../img/light/search-plus.svg) no-repeat center;
}
.dark .searching:hover {
        background: url(../img/light/search-plus-w.svg) no-repeat center;
}
.like, .likebig, .likestart {
        background: url(../img/light/heart.svg) no-repeat center !important;
        display: block;
        margin-top: 5px;
}
.dark .like, .dark .likebig, .dark .likestart {
        background: url(../img/light/heart-w.svg) no-repeat center !important;
}
.likedark {
        background: url(../img/light/heartw.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.likesmall {
        padding: 5px;
        background: url(../img/light/heart_inv.svg) no-repeat right;
        display: block;
        background-size: 32%;
}
.clip, .clipbig {
        background: url(../img/light/paperclip.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.clipdark {
        background: url(../img/light/paperclipw.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.clip {
        display: inline-block !important;
}
.clock {
        background: url(../img/light/clock.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.envelope {
        background: url(../img/light/envelope.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.people {
        background: url(../img/light/person-carry.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.imageclip {
        background: url(../img/light/images.svg) no-repeat center;
        display: block;
        margin-top: 5px;
}
.single .fave {
        top: auto;
        bottom: 15px;
}
.rotate {
        display: inline-block;
        width: auto;
        padding: 0 15px;
        position: relative;
}
.rotate p {
        display: inline-block !important;
        font-size: 14px;
}
.top {
        position: absolute;
        bottom: 0px;
        height: 15%;
        background: rgb(0, 0, 0);
        background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
        left: 0;
        width: 100%;
        z-index: 0;
}
.fave:hover {
        color: #fff;
        background: url(../img/light/heart.svg) no-repeat center #ED6C03;
        background-size: 35%;
}
.collecting:hover {
        color: #fff;
        background: #ED6C03;
}
.collecting {
        position: absolute;
        vertical-align: middle;
        height: 30px;
        width: 30px;
        font-size: 14px !important;
        top: 0;
        left: 70px;
        text-align: center;
        cursor: pointer;
        padding: 8px 0 0 0;
        color: #fff;
}
.collectingpage {
        position: relative;
        vertical-align: middle;
        text-align: center;
        float: none;
        text-align: center;
        cursor: pointer;
        margin: 0px;
        color: #000;
}
.collectingpage:hover {
        background-color: #eee;
}
.spanhide {
        position: relative;
        vertical-align: middle;
        background: #000;
        border-radius: 50%;
        height: 100px;
        width: 100px;
        font-size: 2.5em !important;
        padding-top: 8px;
        margin-left: calc(50% - 50px);
        text-align: center;
        cursor: pointer;
        padding: 35px 0 0 0;
        color: #ccc;
        display: inline-block;
}
.number {
        position: absolute;
        vertical-align: middle;
        height: 25px;
        width: 50px;
        font-size: 12px !important;
        left: 52px;
        bottom: 1px;
        text-align: center;
        padding: 0px 0 0 0;
        color: #000;
        z-index: 100;
        background: rgba(255, 255, 255, 1);
}
.walking {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 300px;
        margin-left: -100px;
        margin-top: -200px;
        z-index: 100000;
        text-align: center !important;
        background: #000;
}
.walking p {
        text-align: center !important;
        font-size: 24px;
        margin-top: 50%;
        display: block;
        color: #fff;
}
figure {
        position: relative;
        width: 100%;
        height: auto;
        background: #000;
}
figure.flex {
        display: flex !important;
}
.gallery figure {
        background: none;
}
figure hr {
        background: #ccc;
}
figure small {
        color: #555;
}
figcaption {
        position: relative !important;
        z-index: 300;
        bottom: 0px !important;
        left: 0 !important;
        width: 100%;
        color: #555 !important;
        border-top: none;
        opacity: 0;
        padding: 5px 0 0 0;
        font-size: 12px;
        display: none;
}
figcaption.bottom {
        display: none;
}
.gallery .wp-caption-text {
        font-size: 13px;
        color: #000 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        padding: 5px 0 5px 0;
        width: 100%;
}
figcaption.space {
        padding: 5px 15px 0 15px;
}
figcaption span {
        display: block;
        color: #ED6C03;
}
.gallery figcaption {
        position: absolute;
        margin: 5px 0;
        width: auto;
        color: #000;
        bottom: -115px;
        left: 0;
        padding: 0;
        border: none;
        vertical-align: top;
        height: 90px;
}
dl {
        text-align: left !important;
}
dl img {
        border: none !important;
}
.frameback {
        position: relative;
}
.framepic {
        overflow: hidden;
        width: 100%;
        height: auto;
        position: relative;
}
.pics div {
        margin-bottom: 30px;
}
.pics div:nth-child(even) {
        width: 80% !important;
        overflow: hidden;
}
.galleryframe {
        padding: 0px 15px;
        background: #fff;
}
/*figures end ################################################################################################################   */
/*special ul ol ################################################################################################################   */
.description ul li {
        border-bottom: 1px solid #ccc !important;
        padding: 0 0 5px 0 !important;
        margin-bottom: 15px !important;
}
.description ul li strong {
        display: block;
        margin-right: 0 !important;
        border-bottom: 1px solid #000;
        margin-bottom: 5px !important;
}
#breadcrumbs {
        margin: 15px 0;
        overflow: hidden;
}
.smallbread {
        margin-top: 0 !important;
}
#breadcrumbs a, #breadcrumbs strong {
        padding: 0;
        color: #666 !important;
}
#breadcrumbs a:hover {
        color: #ED6C03 !important;
}
.longline {
        margin: 0 10px 4px 10px;
        background: #ED6C03;
        width: 15px;
        height: 1px;
}
.collapse ul li {
        display: block;
        float: none;
        position: relative;
        margin-top: 10px;
        border-bottom: 1px solid #ccc;
}
.catlist a {
        display: inline-block !important;
        border-bottom: none !important;
        padding: 5px 0 15px 0;
        float: left;
        width: 49%;
        margin-right: 1%;
        border-top: 1px solid #ccc;
}
.catlist span {
        padding: 0 30px 0 5px;
}
ul.listing li {
        display: inline-block;
        margin-bottom: 15px;
        position: relative;
}
ul.listing li a {
        padding: 0 25px 5px 0;
        border-bottom: 3px solid rgba(0, 0, 0, 0);
}
ul.listing li a:hover {
        border-bottom: 3px solid rgba(0, 0, 0, 1);
}
.contul ul li, .cont ul li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding: 5px 5px 5px 0;
        text-align: left;
        position: relative;
        line-height: 1.4em;
}
.cont ul li strong, .contul ul li strong {
        display: block;
        margin-right: 15px;
        margin-bottom: 15px;
}
.numberlist ul, .adcancelist ul {
        overflow: hidden;
        padding-top: 2px;
}
.numberlist ul li {
        width: 100%;
        vertical-align: top;
        display: block;
        overflow: hidden;
        padding: 15px 30px 0px 0px;
        border-bottom: 1px solid #000;
        margin: 0 !important;
        color: #777;
}
.numberlist ul li strong {
        width: 30%;
        float: left;
        margin: 0 !important;
        padding-bottom: 15px;
}
.advancelist ul li {
        width: 32%;
        vertical-align: top;
        display: inline-block;
        overflow: hidden;
        padding: 15px 30px 0px 0px;
        border-top: 1px solid #000;
        margin-right: 1%;
        color: #444;
        min-height: 150px;
        border-bottom: none !important;
}
.advancelist ul li strong {
        width: 100%;
        float: none;
        margin: 0 !important;
        padding-bottom: 15px;
}
.advancelist ol, .halflist ol {
        overflow: hidden;
}
.advancelist ol li {
        list-style: decimal;
        list-style-type: decimal;
        display: block;
        padding: 15px 0 15px 100px;
        position: relative;
        margin-bottom: 20px;
}
.halflist ol li {
        list-style: decimal;
        list-style-type: decimal;
        display: block;
        padding: 0 0 15px 100px;
        position: relative;
        margin-bottom: 20px;
        width: 45%;
        margin-left: 5%;
        float: left;
        min-height: 100px;
}
.advancelist ol li:before {
        counter-increment: section;
        content: counter(section);
        position: absolute;
        top: 50%;
        margin-top: -30px;
        left: 0;
        font-size: 14px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, .2);
        line-height: 57px;
        text-align: center;
}
.halflist ol li:before {
        counter-increment: section;
        content: counter(section);
        position: absolute;
        top: 0;
        left: 0;
        font-size: 14px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, .2);
        line-height: 57px;
        text-align: center;
}
ul.fixsubnav li {
        margin: 0;
        width: 100%;
}
ul.fixsubnav li a {
        padding: 8px 0 0 0;
        color: #fff;
        text-align: center;
        height: 45px;
        width: 100%;
        background: #000;
        display: block;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}
ul.fixsubnav li.active a, ul.fixsubnav li a:hover {
        background: #ED6C03;
}
ul#favorite, ul#project {
        overflow: hidden;
}
ul#favorite li {
        width: 23%;
        float: left;
        margin-right: 2%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border: none;
        margin-bottom: 15px;
        position: relative;
}
ul#project li {
        width: 100%;
        float: none;
        margin-right: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
        border: 1px solid #777;
        padding: 10px 5px;
}
ul#project li .btn {
        float: right;
}
ul#project li img {
        float: left;
        width: 50px;
        height: auto;
        padding: 0 15px 5px 0;
}
ul#project li h2 {
        float: left;
}
ul#project li a, ul#project li a strong {
        color: #000 !important;
        display: inline-block !important;
}
ul#favorite li button {
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 0;
        background: #000;
        color: #fff;
}
ul.lookbook {
        display: block;
        width: 100%;
        text-align: left;
        z-index: 100;
}
ul.lookbook li {
        padding: 0 0px 0px 0px;
}
ul.lookbook li a:after {
        content: '';
}
ul.lookbook li a:hover {
        color: #ED6C03;
}
ul.cat li, ul.cat li ul, ul.cat {
        float: left;
}
ul.cat li ul li a, ul.cat li a {
        padding-left: 15px;
}
.inlinebody ul li {
        display: block;
        color: #ccc;
}
.inlinebody ul li ul li, .startinfobody ul li {
        float: none;
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden;
        color: #ccc;
        border-bottom: 1px solid #555;
        margin-bottom: 15px;
        width: 100%;
}
.startinfobody ul li {
        margin-bottom: 0px !important;
}
.inlinebody ul li ul li a, .startinfobody ul li a {
        float: left;
        display: block;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
}
.inlinebody ul li ul li a:after, .startinfobody ul li a:after {
        content: '';
}
ul.service {
        display: inline-block;
        overflow: hidden;
        float: left;
        width: auto;
        z-index: 99999;
        padding-top:5px;
}
ul.service li {
        display: inline-block;
        padding: 5px 30px 0px 0;
        overflow: hidden;
        float: left;
        position: relative;
        margin-right:10px;
}
ul.service li span {
        padding: 4px 3px 0px 0px;
        color: #000;
        cursor: pointer;
}
.dark ul.service li span {
        color: #fff !important;
}
ul.service li span.counting {
        height: 18px;
        width: 18px;
        text-align: center;
        border-radius: 50%;
        line-height: .85em;
        color: #fff;
        top: 0px;
        position: absolute;
        right: 9px;
        background: #000;
        padding-left: 3px;
}
.topper {
        top: 3px;
        position: absolute;
        right: -20px;
}
ul.service li:hover span {
        color: #ED6C03;
        text-decoration: underline;
}
.footercont ul li {
        display: block;
        float: none;
        border-bottom: 1px solid #ccc;
}
.selecting li.categories span.underline {
        border-bottom: 1px solid #eee;
        display: block;
        margin-bottom: 5px;
        color: #777;
}
.selecting li.categories ul li, .tagselect li {
        margin-left: 10px;
        padding: 0px 0;
}
.selecting li.categories ul li span {
        float: right;
        margin-top: -5px;
}
.current-cat a {
        text-decoration: underline;
}
ul.tagcloud li {
        display: inline-block;
        border: 1px solid #444;
        padding: 5px 15px;
        background: none;
        width: auto;
        margin-right: 5px;
}
ul.tagcloud li a {
        color: #ccc;
}
/*special ul ol end ################################################################################################################   */
/*forms################################################################################################################   */
select, button {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: none;
}
select::-ms-expand {
        display: none;
}
.form .form-anrede {
        margin-left: 25%;
}
.form select, .formhead select {
        /* ... */
        display: block;
        padding: 5px 150px 5px 15px;
        background: none;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
        cursor: pointer;
        margin-bottom: 15px;
}
.anrede:after {
        content: " \2039";
        transform: rotate(270deg);
        display: inline-block;
        font-size: 1.8em;
        vertical-align: top;
        position: relative;
        margin-left: 30px;
        text-align: right;
}
.form p span {
        width: 25%;
        padding: 5px 15px 4px 0;
        border-bottom: 1px solid #444;
}
.modal-content .form p span {
        border: none;
}
.form .wpcf7-form-control-wrap {
        width: 74% !important;
        border-bottom: none !important;
}
.form p {
        display: block;
        margin-bottom: 15px;
}
.form input, .form textarea {
        width: 100%;
        background: #eee;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 5px;
}
.modal-content .form input, .modal-content .form textarea, input.search-field {
        width: 100%;
        background: #eee;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: 1px solid #eee;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 10px 0 0 10px;
        -webkit-border-radius: 0;
        border-radius: 0;
}
input.search-field {
        color: #000;
        background: none;
        padding: 10px 0;
}
.wpcf7-response-output {
        color: #000 !important;
        border: 2px solid #ED6C03 !important;
}
.form textarea {
        max-height: 150px;
}
.formhead .wpcf7-form-control-wrap, .wpcf7-checkbox {
        width: 100% !important;
}
.formhead input {
      -webkit-appearance: none;
background-color: #fff;
border: 1px solid #000;
cursor: pointer;
padding: 15px;
border-radius: 0;
display: inline-block;
position: relative;

text-align: center;
flex-direction: column;
margin-bottom: -10px;
    -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.formhead input:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.45);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.45);
box-shadow: 0 0 10px 0 rgba(0,0,0,.45);
}


.formhead input:active, .formhead input:checked:active {
        background-color: #555;
}
.formhead input:checked {
        background-color: #ED6C03;
        border: 1px solid #ED6C03;
        color: #000;
}
.formhead input:checked:after {
        content: 'x';
        font-size: 20px;
        position: absolute;
        top: 2px;
        left: 9px;
        color: #000;
    
}
span.wpcf7-list-item {
        margin-right:15px !important;
        margin-bottom:15px !important;
    margin-left:0 !important;
    margin-top:0 !important;
        width: calc(33% - 15px);
        padding: 15px 0;
        border-bottom: 1px solid #000;
}
span.wpcf7-list-item-label {
        padding: 0 0 0 15px;
}
.wpcf7-submit {
        width: 200px !important;
        padding: 20px !important;
        font-size: 18px;
        margin-left: 0;
        background: #ED6C03 !important;
        color: #fff;
        border: none !important;
}
.search-form label {
        width: 50%;
        display: block;
        float: left;
        padding: 0;
        margin: 0;
}
input.search-submit {
        width: auto !important;
        padding: 5px 10px !important;
        border-radius: 0;
        -webkit-border-radius: 0;
        margin-left: 15px;
        background: #444 !important;
        color: #fff;
        border: none !important;
}
.wpcf7-submit:hover, input.search-submit:hover {
        background: #111 !important;
}
/*forms end ################################################################################################################   */
/*menu, header and brand ################################################################################################################   */
header {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        z-index: 99999;
        padding: 5px 0 0 0;
        margin: 0;
        background: #fff;
}
header.dark {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(0, 0, 0, 1) !important;
}
.headfix {
        padding: 5px 0 0 0;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255,255,255,0.8);
    top:0px;
}


header:hover {
        background-color: rgba(255, 255, 255, 1);
}
header.dark:hover {
        background-color: #000 !important;
}
a.branding, a.brandingweiss {
        overflow: hidden;
        display: block;
        position: relative;
        z-index: 100;
        float: right;
        padding-top: 0;
      
}

a.hero strong {
        color: #777;
        padding: 6px 0 6px 0;
        display: inline-block;
}
a.hero:hover strong {
        color: #000;
        text-decoration: underline;
}
strong.herohead {
        display: inline-block;
        color: #777;
        margin: 0;
        padding: 0;
}
a.branding img, a.bradingweiss img {
        float: right;
}

.menu-submenu-container, .menu-mainmenu-container, .menu-blockmenu-container {
        display: block;
        z-index: 100;
        text-align: left;
        width: auto;
        padding: 0;
       
}
.menu-mainmenu-container {
        width:100%;
    margin-top:10px;
    padding-bottom:15px;
}

.headfix .menu-mainmenu-container {
     padding-bottom:5px;
   
}

.menucontent .menu-mainmenu-container {
        width: 100%;
}
.menu-submenu-container {
        float: left;
}
.subnav-container {
        padding: 28px 0 15px 0;
        width: 100%;
}
.subnav, .sub-menu {
        text-align: left;
        position: absolute;
        top: 30px;
        left: -30px;
        width: 460px;
        display: none;
        padding: 40px 30px 30px 30px;
        z-index: 999;
        height: auto;
        background: #fff;
        margin: 0;
        
}

.micon .subnav, .micon .sub-menu {
      
        left: -395px;
    text-align: right ;
}



.dark .subnav, .dark .sub-menu {
        background: none;
}
.iconmenu .sub-menu {
        padding: 15px 60px 60px 70px;
}
.subnav-container:hover .subnav {
        opacity: 1;
        height: auto;
        visibility: visible;
}
ul#menu-mainmenu {
        margin-bottom: 0px;
}
ul#menu-mainmenu:after {
        float: none;
        clear: both;
        content: " ";
}
ul#menu-mainmenu li, ul#menu-blockmenu li {
        margin: 0px 40px 0px 0;
        display: inline-block;
        border: none;
        position: relative;
}
ul#menu-mainmenu li.menu-item-has-children {
        margin-right: 60px;
}
.micon {
        padding-right: 2.25em;
 margin: 5px 0 0 0 !important;
    float:right;


}
.micon:after {
        content: "";
        position: absolute;
        top: .75em;
        right: 0;
        width: 2.5em;
        height: .55em;
        border-top: .09em solid #000;
        border-bottom: .09em solid #000;
    transition: all 400ms ease;
}

.micon:before {
        content: "";
        position: absolute;
        top: 5px;
        right: 0;
        width: 2.5em;
        height: .55em;
        border-top: .09em solid #000;
       transition: all 400ms ease;
}


.micon:hover:before {

  transform: translateY(10px) rotate(45deg);
}
.micon:hover:after, .dark ul#menu-mainmenu li.micon:hover:after {
      border-top:none;
  transform: translateY(-3px) rotate(-45deg);
}



.dark ul#menu-mainmenu li.micon:after {
        border-top: .09em solid #888;
        border-bottom: .09em solid #888;
}
.dark ul#menu-mainmenu li.micon:before {
        border-top: .09em solid #888;
     
}



ul.sub-menu li {
        margin: 0 !important;
        margin-bottom: 0px !important;
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        background: none !important;
        position: static!important;
        float: left;
}
/*ul.sub-menu li:nth-child(3n+4) {
        clear: both;
        content: '';
}*/
#menu-mainmenu li a {
        padding: 0;
        display: inline;
        color: #000;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        letter-spacing: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
}
#menu-mainmenu li.big a {
        color: #000;
}
.dark #menu-mainmenu li a {
        color: #888;
}
.dark #menu-mainmenu li.big a {
        color: #fff;
}
.neu:after {
        content: "- Neuheit";
font-size: 13px;
position: unset;
margin-top: -35px;
right: 30px;
color: #ED6C03;
float: right;
display: inline;
height: 0;
}
#menu-mainmenu li.iconmenu a {
        padding: 0px 30px !important;
}
#menu-mainmenu li.iconmenu ul.sub-menu li a {
        padding: 0 0px !important;
}
.current-menu-parent a, .current-menu-item a, .current-page-ancestor a, .current-category-ancestor a, .kontvisible a {
        text-decoration: none;
        background: none;
        color: #000 !important;
        border-bottom: 1px solid #ED6C03 !important;
        padding: 0px;
}
.dark .current-menu-parent a, .dark .current-menu-item a, .dark .current-page-ancestor a, .dark .current-category-ancestor a, .dark .kontvisible a {
        color: #fff !important;
}
.current-menu-parent:hover a, #menu-mainmenu .current-menu-item:hover a, .current-category-ancestor:hover a, .current-page-ancestor:hover a {
        text-decoration: none;
        background: none !important;
        color: #000;
}
#menu-mainmenu li.menu-item-has-children a:after, #menu-blockmenu li.menu-item-has-children a:after {
        content: " \2039";
        transform: rotate(270deg);
        display: inline-block;
        margin-right: 14px;
        font-size: 20px;
        height: 0.5em;
        vertical-align: middle;
        color: #000;
        position: absolute;
        top: 10px;
}
#menu-mainmenu li.none a:after {
        content: " ";
        display: none;
}
.dark #menu-mainmenu li.menu-item-has-children a:after, .dark #menu-blockmenu li.menu-item-has-children a:after {
        color: #fff;
}
#menu-mainmenu li.menu-item-has-children.current-menu-parent a:after, #menu-mainmenu li.menu-item-has-children.current-menu-item a:after, #menu-mainmenu li.current-page-ancestor a:after, .kontvisible a:after {
        color: #000 !important;
}
.dark #menu-mainmenu li.menu-item-has-children.current-menu-parent a:after, .dark #menu-mainmenu li.menu-item-has-children.current-menu-item a:after, .dark #menu-mainmenu li.current-page-ancestor a:after, .dark .kontvisible a:after {
        color: #fff !important;
}
li.iconmenu a:after {
        content: "" !important;
        position: absolute !important;
        top: 11px !important;
        right: -12px !important;
        width: 25px !important;
        height: 10px !important;
        transform: none !important;
        border-top: 6px double #000;
        border-bottom: 2px solid #000;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}
li.iconmenu:hover a:after {
        width: 40px !important;
        right: -22px !important;
        border-top: 6px double #888;
        border-bottom: 2px solid #888;
}
li.noicon a:after {
        display: none !important;
}
ul.sub-menu li a:after {
        content: " " !important;
        display: none !important;
}
li.menu-item-has-children:hover .sub-menu {
        display: block;
}
li.menu-item-has-children:hover {
        background: #fff;
}
.dark li.menu-item-has-children:hover {
        background: none;
}
#menu-mainmenu li:hover a {
        color: #ED6C03;
}
ul.sub-menu li.top {
        margin-top: 30px;
}
ul.sub-menu li a span:first-of-type {
        float: none;
        display: none !important;
        position: relative;
        bottom: 0;
        z-index: 9999;
        color: #555 !important;
        line-height: 1.5em;
        background: none;
        padding: 0;
        font-size: 12px;
}
ul.sub-menu li a:hover, #menu-mainmenu .none ul.sub-menu li a:hover, ul.sub-menu li.current_page_item a, #menu-mainmenu li:first-of-type ul.sub-menu li:nth-last-child(-n+3) a:hover, #menu-submenu li a:hover {
        color: #ED6C03 !important;
}
ul.sub-menu li a {
        color: #000 !important;
        text-decoration: none;
        text-transform: none !important;
        padding: 5px 0px !important;
        border-top: 1px solid #ccc !important;
        letter-spacing: 0 !important;
        letter-spacing: 0px !important;
        background: none !important;
        border-radius: 0 !important;
        border-bottom: none !important;
        display: block !important;
        line-height: 1.8em;
}
.dark ul.sub-menu li a {
        color: #fff !important;
        border-top: 1px solid #555 !important;
}

.imagebg {
    display:none;
    position: absolute;
    top:35%;
    right:-300px;
    width:300px;
    height: auto;
    z-index:99999;
}




ul.sub-menu li a:hover img, li.big ul.sub-menu li a:hover .imagebg {
        display: block !important;
}
/*Grid    ################################################################################################################   */
.t-grid-row {
        display: table;
        text-align: left;
}
.t-grid-cell {
        display: table-cell;
        vertical-align: top;
        overflow: hidden;
        float: none;
}
.t-grid-cell-top {
        display: table-cell;
        vertical-align: top;
        overflow: hidden;
        float: none;
}
.t-grid-cell-center {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        float: none;
}
/*Grid end   ################################################################################################################   */
/*startseite - category  ################################################################################################################# */
.startpost h3 a, .startpost h2 a {
        padding: 5px 0 5px 0;
        line-height: 1.3em;
}
.startpost h2 a:after, .lookbook li a:after {
        content: " \2039";
        transform: rotate(180deg);
        display: inline-block;
        margin-left: 6px;
        font-size: 1em;
        height: 1.0em;
        vertical-align: bottom;
}
.startpost {
        overflow: hidden;
}
.starttext {
        min-height: 330px;
}
.startpost a.read-more {
        padding: 0 0 0 0;
        display: block;
}
.startpost a.read-more, small a {
        color: #000 !important;
}
.startpost a.read-more:hover, small a:hover {
        color: #ED6C03 !important;
}
.startpost figure img, .imgfilter img {
        -webkit-filter: grayscale(5%);
        filter: grayscale(5%);
}
.startpost:hover figure img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
}
.startpostspacer {
        height: 100px
}
.startimg {
        height: calc(100vh - 90px); /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc((var(--vh, 1vh) * 100) - 90px);
        width: calc(100%);
        position: relative;
        margin: 0 !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
}
.blackimg .startimg {
        height: calc(85vh);
        height: calc((var(--vh, 1vh) * 85));
}
.super {
        height: calc(100vh); /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc((var(--vh, 1vh) * 100));
}
.startsmall {
        height: 60vh !important;
}
.startinlay {
        position: absolute;
        left: 30px;
        top: auto !important;
        bottom: 30px;
        z-index: 99;
        width: 35%;
}
.startinlay h3 a, .startinlay h1, .startinlay h1 p {
        text-decoration: none;
        color: #fff !important;
        line-height: 1.1em !important;
}
.opark {
        opacity: 1;
}
.startfixed {
        height: 850px;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
}
.startfixed2 {
        height: 350px;
        margin-top: 175px;
        width: calc(100%) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
}
.startspacer {
        position: relative;
        height: 100vh;
        display: block;
}
.startsub {
        position: absolute;
        right: 0;
        bottom: 0;
}
.startinfo {
        position: relative;
        width: 100%;
}
.startsubhead {
        background: #fff;
        padding: 30px;
}
.startsubinfo {
        padding: 0;
        display: block;
}
.startinfobody {
        visibility: collapse;
        opacity: 0;
        background: #000;
        position: relative;
        width: 100%;
        padding: 30px;
}
.startinfo:hover .startinfobody {
        visibility: visible;
        opacity: 1;
}
.startinfobtn {
        background: #fff;
        width: 100%;
        padding: 15px 30px;
}
.startinfobtn span {
        display: block;
        text-align: left;
        color: #000;
}
.dark .startinfobtn {
        background: #000;
}
.dark .startinfobtn span {
        display: block;
        text-align: left;
        color: #fff;
}
/*startseite end ################################################################################################################# */
/*landingpage ################################################################################################################# */
.infomaterial a {}
.inlinelink, button.inlinehead {
        position: relative;
        width: 100%;
        text-align: left;
        height: auto;
        background: none;
}
.inlinelink {
        padding: 17px 15px 15px 15px;
        border-bottom: 1px solid #000;
}
.inlinefix {
        position: absolute;
        top: 0px;
        background: #000;
        z-index: 10;
        border: none;
        right: 2px;
}
.linkspacer {
        top: -60px !important;
}
.inlinelink p {
        padding: 30px 60px 30px 60px;
        color: #fff;
        line-height: 1.3em;
}
button.inlinehead span {
        color: #fff;
        width: 100%;
        display: block;
        overflow: hidden;
}
button.inlinehead span:after, button.startinfobtn span:after {
        content: " + ";
        transform: rotate(270deg);
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-right: 15px;
        text-align: right;
        float: right;
}
.inlinebody {
        display: block;
        background: #000;
        position: absolute;
        width: calc(100%);
        height: auto;
        top: 100%;
        left: 0;
        z-index: 1000;
        padding: 60px 30px;
        visibility: collapse;
        opacity: 0;
}
.inlinelink:hover .inlinebody {
        visibility: visible;
        opacity: 1;
}
.inlinebody a, .startinfobody a {
        padding: 0 0 0 0;
        margin: 0 0 15px 0;
        display: block;
        color: #fff;
        border-bottom: 1px solid #555;
}
.inlinebody p:last-of-type a {
        margin: 0 0 0 0;
}
.inlinebody a:hover, .startinfobody a:hover {
        color: #ED6C03;
}
li.categories {
        position: relative;
        display: block;
        height: auto;
        background: none;
        width: 100%;
        text-align: right;
}
li.categories span {}
li.categories span:before {
        content: " \2039";
        transform: rotate(270deg);
        display: inline-block;
        margin-right: 30px;
        font-size: 24px;
        height: 0.5em;
        vertical-align: middle;
        color: #000;
}
li.categories ul li span:before {
        content: " ";
        margin-right: 0px;
}
li.categories ul {
        position: relative;
        top: 100%;
        height: auto;
        width: 100%;
        left: 0;
        visibility: collapse;
        opacity: 0;
        z-index: 1000;
        background: none;
        display: block;
}
li.categories:hover ul {
        visibility: visible;
        opacity: 1;
}
.image blockquote {
        height: auto;
   /*  quotes: "\201C""\201D""\2018""\2019";*/
        text-align: left;
        margin: 30px 0;
}
/*.image blockquote:before {
        color: #ED6C03;
        content: open-quote;
        font-size: 3em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
        
}
.image blockquote:after {
        color: #ED6C03;
        content: close-quote;
        font-size: 3em;
        line-height: 0.1em;
        margin-left: 0.25em;
        vertical-align: -0.4em;
}*/
.image blockquote p {
        display: inline;
}
.dark .image blockquote p {
        color: #fff;
}
.center blockquote {
        text-align: center;
}
.image img {
        width: 100%;
        height: auto;
}
/*panel #####################   */
a.morebtn {
        padding: 15px 70px 15px 0;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        background: none !important;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        position: relative;
}
.well {
        min-height: 20px;
        padding: 15px 0;
        margin-bottom: 20px;
        background: none !important;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
}
a.morebtn span {
        position: absolute;
        margin-left: 15px;
        top: 0px;
        width: 50px;
        height: 50px;
        text-align: center;
        padding: 15px;
        right: 0;
}
a.morebtn:hover span {
        color: #ED6C03;
}
.panel-group .panel {
        margin-bottom: 0;
        border-radius: 0px;
}
.panel {
        margin-bottom: 0px;
        background: none !important;
        border: 1px solid transparent;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.00);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.00);
}
.panel-heading {
        padding: 25px 15px 25px 0;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        background: none !important;
        border-bottom: 1px solid #000 !important;
        overflow: hidden;
        display: block;
}
.panel-heading h4 a {
        color: #000;
        display: block;
}
.panel-heading h4 a:hover {
        color: #ED6C03
}
.panel-heading h4 a:after {
        content: " + ";
        transform: rotate(270deg);
        display: inline-block;
        margin-left: -0px;
        font-size: 1.5em;
        height: 0.5em;
        vertical-align: middle;
        color: #000;
        float: right;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
        min-height: 20px;
        padding: 90px 90px 90px 30px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        overflow: hidden;
}
.panel-body img {
        width: auto;
        max-width: 400px;
        height: auto;
        padding: 15px 0;
        display: inline-block;
        text-align: right;
}
.panel-body h4, .panel-body h3 {
        margin-bottom: 15px;
}
/*panel end #################   */
.moretext ul li {
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 15px 0;
}
.moretext ul li img {
        padding: 15px 0;
}
.wp-caption {
        width: 100% !important;
        overflow: hidden;
}
.wp-caption-text {
        font-size: 14px;
        line-height: 1em;
        color: #fff;
        position: absolute;
        bottom: -30px;
        left: 0;
}
/*landingpage end ################################################################################################################# */
/*single ################################################################################################################# */
.nextlink, .prevlink, .backlink {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        z-index: 100;
        float: left;
}
.nextlink a, .prevlink a, .backlink a {
        display: block;
        padding: 30px 0 5px 0;
        border-bottom: 1px solid #ccc;
}
.dark .nextlink a, .dark .prevlink a {
        border-bottom: 1px solid #ccc;
        color: #ccc;
}
.prevlink, .backlink {
        right: 0;
        text-align: right;
}
.nextlink {
        left: 0;
        margin-right: -1px;
}
/*single end ################################################################################################################# */
/* category end  ################################################################################################################# */
/*sticky */
.fixnav {
        position: fixed;
        bottom: -100px;
        right: 280px;
        height: 45px;
        width: 200px;
        background: #000;
        z-index: 300;
        padding: 0;
}
.fixnavin {
        bottom: 30px;
}
.stickynav, .stickynavleft {
        position: fixed;
        bottom: 0;
        height: 50px;
        display: block;
        visibility: visible;
        opacity: 1;
        width: 100%;
        left: 0;
        padding: 10px 0;
        text-align: left;
        background: #fff;
        z-index: 99999;
}
.stickynav a.anchor {
        display: inline-block;
        text-align: right;
        padding: 5px 10px;
        width: auto;
        height: 30px;
        margin-bottom: 30px;
        visibility: collapse;
        opacity: 0;
}
.anchorin {
        visibility: visible !important;
        opacity: 1 !important;
}
.stickynav a.anchor span {
        color: #000;
}
.stickynav a.anchor:hover span {
        color: #ED6C03;
}
.stickyin {
        visibility: visible;
        opacity: 1;
        height: auto;
}
.container-sticky {
        margin-right: 0;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
}
.border {
        display: block;
        text-align: left;
        padding: 60px 30px;
        border: 1px solid #000;
}
.border .counter {
        border-top: 1px solid #000;
        padding: 10px;
        width: 100%;
        text-align: left !important;
}
.border .projcounter {
        border-top: 1px solid #000;
        text-align: left !important;
        width: 100%;
        padding: 10px;
}
.border .anchor {
        text-align: right !important;
        display: block;
        padding: 10px 10px 0px 30px;
}
/*background #######################################################################################################################*/
.background {
        position: fixed;
        top: 0;
        width: calc(100% - 60px);
        height: 100%;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        opacity: 1;
        left: 30px;
}
.backspacer {
        height: 80%;
        display: block;
}
.fixspacer {
        position: relative;
        height: 50vh;
        width: 100%;
        display: block;
}
.fiximage {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
}
.fixhead {
        position: relative;
        padding: 120px 15px 15px 0px;
}
.fixhead blockquote p {
        text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.49);
}
.fiximage .container, .fiximag .container-fluid, .fiximage .row, .fiximage .higher {
        height: 100vh;
}
.imgback {
        background-position: top left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
}
.index {
        z-index: 10;
        position: relative;
}
.index1 {
        z-index: -2;
}
.loading {
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
        text-align: center;
}
.innerloading {
        color: #fff;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 5px;
        position: relative;
        top: 40vh;
}
.innerloading span {
        color: #fff !important;
        border-bottom: 4px solid #fff;
}
/*background end #######################################################################################################################*/
/*gallery #######################################################################################################################*/
.gallery-item {
        border-right: 15px solid rgba(0, 0, 0, 0.0);
        position: relative;
        margin-top: 30px !important;
}
.gallery-item a {
        display: block;
        position: relative;
}
.panel-body .gallery-item img {
        max-width: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
}
/* modal ################################################################################################################# */
.cont a, .cont button {
        color: #000;
        padding: 0px 0 0 50px;
        display: inline-block;
        width: auto;
        text-align: left;
        position: relative;
        margin-top: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        line-height: 2em;
}
.cont button {
        font-family: 'proxima-nova', sans-serif !important;
        display: block;
}
.cont a:before, .cont button:before {
        content: "";
        position: absolute;
        left: 0;
        height: 1px;
        background: #000;
        width: 40px;
        top: 15px;
}
.cont a:hover, .cont button:hover {
        color: #555;
        border-bottom: 1px solid #000;
}

.shoplink {
    margin-top: 30px;
    padding: 0 20px !important;
    border: 1px solid #000;
    border-radius: 25px;
    background: #000;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}

.shoplink:before {
        content: "";
        position: absolute;
        left: 0;
        height: 0px !important;
        background: #000;
        width: 0px !important;
        top: 0px !important;
}

.shoplink:hover {
      background: #fff;
    color: #000 !important;
}

.dark .cont a {
        color: #ccc;
}
button.close span {
        font-size: 54px;
        color: #000;
}
.modal {
        z-index: 9999999;
        background: rgba(0, 0, 0, 0.7);
}
.modal-dialog {
        width: 80%;
        height: 100%;
        margin-left: 20%;
        margin-top: 0;
        margin-bottom: 0;
        background: #fff;
}
.modal-content {
        border-radius: 0;
        box-shadow: none;
        border: none;
        padding: 60px;
        background: #fff;
}
.modal-content p, .modal-content h4, .modal-content h3, .modal-content span, .modal-content a, .modal-content p strong {
        color: #000 !important;
}
.modal-body ul li {
        float: none;
        color: #000;
        border-bottom: 1px solid #eee;
        display: block;
        padding: 5px 0 0 0;
}
.modal-content a:hover {
        color: #ED6C03 !important;
}
.modal-header {
        border: none;
}
.modal-footer {
        padding: 60px 15px 0 15px;
        text-align: left;
        border-top: none;
}
.modal-backdrop {
        display: none;
}
.close {
        float: left;
        font-size: 50px;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
}
/*modal end ################################################################################################################# */
/*map */
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        display: none;
}
.wpgmza_marker_holder {
        border: none !important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 5px !important;
}
/*map End */
/* slider ################################################################################################################# */
.owl-carousel {
        padding-top: 60px;
}
.owl-nav {
        position: absolute;
        display: block;
        top: 15px;
        left: 0;
}
#owl-two {
        padding-top: 0 !important;
}
.galleryframe .owl-nav {
        top: 90%;
        background: none !important;
}

#gallery {
    background:#111;
    padding:30px;
}

#gallery .owl-nav {
        padding: 3px;
        left: auto;
        right:30px;
        overflow: hidden;
        width: auto
}
#gallery .owl-stage-outer {
        padding: 30px 0 !important;
}
#gallery .owl-wrapper {
        /* display: table !important;*/
}
#gallery .owl-item {
        float: left;
        vertical-align: top;
        border-right: 1px solid transparent;
}
#gallery .owl-item figure {
        text-align: center;
}
#gallery .owl-stage {
        display: flex;
        align-content:flex-start;
        align-items:flex-start;
}
#owl-start .owl-nav {
        left: auto;
        right: 0;
        bottom: -10px;
        top: auto !important;
        background: #fff;
        padding: 10px 90px;
        z-index: 5;
}
.owl-nav button {
        background: none;
}
#gallery .owl-nav button.owl-next {
       
}
.fa-chevron-left, .fa-chevron-right {
        width: 30px;
        height: 30px;
        padding: 15px;
}
#gallery .fa-chevron-left, #gallery .fa-chevron-right {
        background-color: none;
}
.fa-chevron-left {
        background-image: url(../img/light/arrow-left.svg);
        background-repeat: no-repeat;
        background-position: center;
       background-size: 15px 15px;
        display: block;
        margin-right: 15px;
}
.fa-chevron-right {
        background-image: url(../img/light/arrow-right.svg);
        display: block;
        background-repeat: no-repeat;
        background-position: center;
       background-size: 15px 15px;
}

#gallery .fa-chevron-left {
        background-image: url(../img/light/arrow-left-ww.svg);
        background-repeat: no-repeat;
        background-position: center;
       background-size: 15px 15px;
        display: block;
        margin-right: 15px;
    
}
#gallery .fa-chevron-right {
        background-image: url(../img/light/arrow-right-ww.svg);
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px 15px;
   
}



.fa-chevron-left:hover, .fa-chevron-right:hover, #gallery .fa-chevron-left:hover, #gallery .fa-chevron-right:hover {
        background-color: #ED6C03;
}
.owl-dots {
        text-align: center;
        margin-top: 30px;
}
#owl-start .owl-dots {
        margin: 15px auto 0 auto !important;
        position: relative;
        z-index: 1;
        text-align: left !important;
}
.owl-dot {
        width: 2px;
        height: 5px;
        background: #000;
        margin-right: 2px;
        -webkit-box-shadow: none;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}
.galleryframe .owl-dot {
        background: #000 ;
}

#gallery .owl-dot {
    background:#fff;
}
.owl-dots .active {
        height: 10px;
}
.testimonial {
        width: 100%;
        background: #000;
        padding: 90px 60px;
        position: relative;
}
.testimonial p, .testimonial h3 {
        color: #fff;
}
.testimonial .owl-dot {
        background: #fff;
}
#owl-start {
        position: relative;
        width: 100%;
        height: calc(100vh - 90px);
        height: calc((var(--vh, 1vh) * 100) - 90px);
        display: block;
        padding: 0 !important;
}
#owl-start .owl-item-cloned, #owl-start .owl-item.active.center, #owl-start .owl-stage, #owl-start .owl-stage-outer, #owl-start .figcont, #owl-start .owl-item, #owl-start .item {
        height: 100% !important;
}
#owl-start .figcont figure {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100% !important;
}
#owl-one small {
        display: none;
}
/* slider end ################################################################################################################# */
/*counter */
.counter, .projcounter, .login {
        vertical-align: middle;
        background: none;
        width: auto;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        padding: 0 0 0 0;
}
.stickynav .counter, .stickynav .projcounter {
        font-size: 16px;
}
#menu-mainmenu .counter span, #menu-mainmenu .projcounter span {
        padding-right: 10px;
}
#menu-mainmenu .counter {
        margin-left: 30px;
}
/*feedback ################################################################################################################   */
.feedbackfix {
        position: fixed;
        width: 250px;
        height: 45px;
        bottom: -90px;
        right: 30px;
        z-index: 1111;
        background: #000;
        cursor: pointer;
        padding: 5px;
        text-align: center;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
        opacity: 0;
        visibility: collapse;
}
.feedbackfixin {
        opacity: 1;
        visibility: visible;
        bottom: 30px;
}
.feedbackfix:hover {
        background: #ED6C03;
}
.feedbacktext {
        display: inline-block;
        margin-right: 10px;
}
.feedbacktext span {
        color: #fff !important;
}
.feedbackicon {
        width: 18px;
        height: 18px;
        background: url(../img/light/comment-alt-smile-light.svg) no-repeat center;
        margin-top: 5px;
        display: inline-block;
}
.feedback span {
        width: auto !important;
        padding: 0 20px 0 0 !important;
}
/*footer ################################################################################################################   */
.progress-container {
        width: 100%;
        height: 8px;
        background: none;
        position: fixed;
        z-index: 5;
        left: 0;
        bottom: 0;
}
.progress-bar {
        height: 8px;
        background: #000;
        width: 0%;
}
.leftpad {
        margin-left: -90px;
}
.cube {
        height: 450px;
        font-size: 36px;
        text-align: center;
        background: url(../img/download-siebau.jpg) no-repeat center center;
        background-size: cover;
}
.cube span {
        position: absolute;
        top: 48%;
        left: calc(50% - 15px);
}
.center {
        text-align: center !important;
}
.right {
        text-align: right !important;
}
.left {
        text-align: left !important;
}
.vertical {
        width: 1px;
        background: #000;
        height: 120px;
}
.no-margin {
        margin-left: 0;
        margin-right: 0;
}
.no-padding {
        padding-left: 0;
        padding-right: 0;
}
.iconbg {
        display: block;
        height: 500px;
        width: 100%;
        text-align: center;
        background: none;
        padding: 0 15px 0 0;
        border-right: 1px solid #fff;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}
.dark .iconbg {
        border-right: 1px solid #444;
}
.lsi-social-icons li {
        margin: 0 !important;
}
.lsi-social-icons li a {
        background: none !important;
}
.iconbg .icontext {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        padding-top: 30%;
        padding-left: 45px;
        padding-right: 45px;
}
.iconbg .icontext a {
        padding: 0;
        color: #fff;
}
.iconbg .icontext a:hover {
        text-decoration: underline;
}
.iconbg .icontext p {
        color: #fff;
}
.footergrid a {
        padding-bottom: 10px;
}
.wrapper {
        background: #fff;
        position: relative;
        -webkit-box-shadow: none;
        -webkit-transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -ms-transition: all 800ms ease;
        -o-transition: all 800ms ease;
        transition: all 800ms ease;
}
.footerspacer {
        background: none;
        height: 520px;
        position: relative;
        z-index: -3;
}
footer {
        background: #fff;
        padding: 90px 0;
        position: relative;
        border-top: 1px solid #eee;
        width: 100%;
        bottom: 0;
        height: auto;
        z-index: 1;
}
footer h1, footer h2, footer h3, footer p, footer li, footer a, footer select {
        color: #000;
        display: block;
}
footer h1, footer h2 {
        padding-bottom: 30px;
}
footer .contul ul li {
        border-top: 1px solid #ccc;
        border-bottom: none;
}
.morelinkDark {
        display: inline-block;
        border: 3px solid #ccc;
        margin-top: 30px;
        color: #ccc;
        padding: 10px 15px;
}
.info {
        width: 100%;
        position: relative;
        background-image: url(../img/europa-siebau.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #fff;
        padding: 90px 0 120px 0;
        text-align: center;
}
.info p, .info h2 {
        color: #000;
}
.info .morelinkDark {
        border: 3px solid #000;
        color: #000;
}
h2.widgettitle {
        margin-bottom: 15px;
}
.a2a_label {
        position: relative !important;
        clip: auto !important;
        clip-path: inherit !important;
        -webkit-clip-path: inherit !important;
        overflow: hidden;
        height: auto !important;
        width: auto !important;
        color: #000;
}
.dark .a2a_label {
        color: #fff;
}
.addtoany_list a, .widget .addtoany_list a {
        padding: 0 30px 0 0 !important;
}
.a2a_kit .a2a_svg {
        background-repeat: repeat;
        display: none !important;
}
.a2a_kit .a2a_label {
        position: relative !important;
}
footer li.widget_mslswidget {
        overflow: hidden;
}
footer li.widget_mslswidget a {
        float: left;
        padding: 0 15px 0 0;
}
.brochurebtn, #haet-cleverreach-submit {
        margin-top: 30px;
        padding: 0 20px;
        border: 1px solid #000;
        border-radius: 25px;
       background: #000;
        color: #fff;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}
.haet-cleverreach-field-wrap.type-submit {
        text-align: left !important;
}
.haet-cleverreach .label-left label {
        display: block;
        float: none !important;
        width: auto !important;
        margin: 0 15px 0 0;
        text-align: left;
}
.haet-cleverreach .label-left input, .haet-cleverreach .label-left select {
        display: block;
        float: left;
        width: 60%;
        margin: 0;
        text-align: left;
        background: none;
        border-radius: 0;
        border: 1px solid #000;
}
.brochurebtn:hover, #haet-cleverreach-submit:hover {
        background: #fff;
        color: #000;
}
/*footer end ################################################################################################################   */
/*mediaqueries */
@media (max-width: 1025px) {
        .numberlist ul li {
                padding: 0 !important;
        }
        .visible-in {
                display: none !important;
        }
        .hidden-out {
                display: block !important;
        }
}
@media (max-width: 1279px) {
        ul#menu-mainmenu li, ul#menu-blockmenu li {
                margin: 5px 15px 0px 0;
                display: inline-block;
                border: none;
        }
    ul#menu-mainmenu li.menu-item-has-children {
        margin:0 40px 0 0;
    }
        .halflist ol li {
                width: 100%;
                float: none;
                height: auto;
        }
}
@media (max-width: 1023px) {
        .container, .container-fluid {
                margin: 0 25px;
                width: auto;
        }
        .flex, .n-flex, .b-flex {
                display: block;
                align-content: flex-end;
                align-items: flex-end;
        }
        .starttext {
                height: auto;
                min-height: auto;
        }
        .n-flex {
                margin-top: 150px;
                position: relative;
        }
        .hidesmall, .cube, .inlinelink, .hidden-out, ul.menu li a img, .owl-carousel small, .micon {
                display: none !important;
        }
        .visible-in {
                display: block !important;
        }
        /*distances ################################################################################################################   */
        .fulldistance {
                margin-top: 60px;
        }
        .distance {
                margin-top: 30px;
        }
        .halfdistance {
                margin-top: 15px;
        }
        .smalldistance {
                margin-top: 4px;
        }
        .bottomdistance {
                margin-bottom: 30px;
        }
        .owldistance {
                margin-top: 0;
        }
        .mobiledistance {
                height: 60px;
                width: 100%;
                display: block;
        }
        .mobiledistancelarge {
                height: 25vh;
                width: 100%;
                display: block;
        }
        .onmobile {
                margin-top: 30px !important;
        }
        .mobdistance {
                margin: 30px 0;
        }
        .leftpad {
                margin-left: 0;
        }
        .numberlist ul li {
                padding: 0 0 15px 0 !important;
                height: auto !important;
        }
        .numberlist ul li strong {
                width: 100%;
                float: none;
                margin: 0 !important;
                padding-bottom: 15px;
        }
    .negdistance {
        margin-top:-30vh;
    }
        footer .contul {
                padding: 0 15px;
        }
        /*distances end ################################################################################################################   */
        .fixhead {
                padding-left: 30px;
        }
    
    header {
        background:none !important;
        padding:0 !important;
    }
    
    header:hover {
        background:none!important;
    }
    
    .galleryframe {
        padding:0;
    }
        .modal-content {
                border-radius: 0;
                box-shadow: none;
                border: none;
                padding: 15px;
        }
        .modal-dialog {
                width: 90%;
                margin-left: 10%;
        }
        h2, h3, h4, blockquote, .image blockquote, blockquote p, .image blockquote:before, .image blockquote:after, h3.mega {
                font-size: 24px !important;
                text-align: left !important;
        }
        h1, h1.mega {
                font-size: 28px;
        }
        figcaption {
                display: none;
        }
        .gallery figcaption {
                display: block !important;
                font-size: 16px;
        }
        /*menu */
        ul.listing li {
                display: block;
                width: 100%;
                border-bottom: 1px solid #ccc;
        }
        ul.listing li a {
                padding: 0 0 15px 0;
        }
        li.menu-item-has-children:hover {
                background: none !important;
        }
        ul.menu li {
                border-bottom: none !important;
                border-top: 1px solid #444;
                margin-top: 30px;
        }
        ul.menu li a {
                font-size: 26px;
                text-transform: uppercase;
        }
        ul.menu ul li {
                width: 100%;
                border-top: 1px solid #ccc;
                margin-bottom: 2px;
                padding: 5px 30px 5px 0px;
                text-align: left;
                position: relative;
                margin-top: 0;
        }
        ul.menu ul li a {
                color: #555;
                font-size: 16px;
                text-transform: none;
        }
        ul.menu ul li a span {
                display: none;
        }
        .subnav, .sub-menu-wrap {
                text-align: left;
                position: relative;
                background: none;
                display: block;
                left: 0;
                padding: 15px 0 0 0;
                z-index: 999;
                opacity: 1;
                height: auto;
                visibility: visible;
                overflow: hidden;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
        }
        li.iconmenu a:after {
                display: none !important;
        }
        .dark li.iconmenu a:after {
                display: none !important;
        }
        button.glyphicon-menu-hamburger {
                font-size: 24px;
                padding: 17px 0;
        }
        .dark button.glyphicon-menu-hamburger {
                color: #fff;
        }
        ul#favorite li {
                width: 48%;
        }
        ul#project li {
                width: 100%;
                float: none;
                margin-right: 0;
                height: 50px;
        }
        .headcounter {
                width: auto;
                height: 55px;
                display: inline-block;
                text-align: center;
                padding: 8px 0 0 0;
        }
        .headcounter:first-of-type {
                margin-right: 15px;
        }
        .current-menu-parent a, .current-menu-item a {
                color: #000 !important;
                border-bottom: none !important;
                background: none;
        }
        .current-menu-item a {
                color: #000 !important;
                background: none;
        }
        a.branding {
                top: 5px;
                padding: 0;
        }
        header {
                padding: 5px 0;
               
        }
        .lookbookin {
                top: 0px !important;
        }
        /*--- menu end */
        .advances ul {
                float: none;
                width: 100%;
        }
        .advances ul:last-of-type {
                margin-left: 0;
        }
        .longline {
                width: 10px;
        }
        .stickynav ul.lookbook li, .border .anchor {
                padding: 5px 15px 5px 15px;
        }
        .border .anchor {
                font-size: 20px;
        }
        /*figures slideshow */
        .startpost .figcont {
                height: auto;
        }
        .startpost .figcont figure {
                position: relative;
        }
        .carousel-indicators, .carousel-control {
                bottom: 10px !important;
        }
        .titles {
                margin: 0 0 30px 0;
        }
        figcaption {
                font-size: 12px;
                padding: 5px 0 0 0;
        }
        .sec figure {
                margin: 15px 0;
        }
        .t-grid-row, .t-grid-cell, .t-grid-cell-top {
                display: block;
                overflow: visible;
        }
        .right {
                text-align: left !important;
        }
        .gallery-item {
                float: none !important;
                width: 100% !important;
        }
        /*figures end  */
        /*elements   */
        .topper {
                right: auto;
                left: 35px;
        }
        .modal-header {
                border-bottom: none !important;
        }
        .counter .glyphicon, .projcounter .glyphicon {
                padding: 0 5px 0 0;
        }
        .inlinelink p {
                padding: 15px;
                font-size: 15px;
                line-height: 1.3em;
        }
        .linkspacer {
                top: 15px !important;
                display: block !important;
        }
        .startimg figure {
                margin: 0 !important;
        }
        .cont {
                margin-top: 15px;
                margin-bottom: 15px;
        }
        .cont ul li strong {
                display: block;
        }
        .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
                padding: 15px;
        }
        /*forms   */
        span.wpcf7-list-item {
                width: 100%;
        }
        .form p span {
                width: 100%;
                padding: 5px 0px 4px 0;
                border-bottom: none;
        }
        .form .wpcf7-form-control-wrap {
                width: 100% !important;
                border-bottom: none !important;
        }
        .form .form-anrede {
                margin-left: 0;
        }
        .iconbg {
                height: 350px;
                border: none;
        }
        /* testimonial */
        .testimonial {
                width: 100%;
                background: #000;
                padding: 30px;
                position: relative;
        }
        .testimonial h3, .testimonial p {
                font-size: 16px !important;
                color: #fff !important;
        }
        .stickynav, .stickynavleft {
                display: block;
                top: auto;
                bottom: 0;
                background: #fff;
                width: 100%;
                height: 50px;
                margin: 0;
                padding: 10px 0 15px 0;
        }
        .stickynav hr {
                display: none;
        }
        .stickynav a.anchor {
                padding: 0;
                float: left;
                width: 25%;
                margin: 0;
        }
        .stickynav .papclip {
                float: left;
                width: 75%;
                text-align: center;
                margin-bottom: 5px;
        }
        .stickynav .clip {
                width: 20px !important;
                height: 20px !important;
        }
        .collectingpage {
                margin: 5px 0 0 0 !important;
        }
        .rotate {
                display: none;
        }
        .advancelist ul li {
                width: 100%;
                min-height: auto;
                margin-right: 0;
                margin-bottom: 15px;
        }
        .nextlink a, .prevlink a, .backlink a {
                display: block;
                font-size: 16px;
                padding: 30px 0 5px 0;
                border-bottom: 1px solid #000;
        }
        .catlist a {
                display: inline-block !important;
                border-bottom: none !important;
                padding: 0 0 10px 0;
                float: left;
                width: 100%;
                margin-right: 0%;
                border-top: 1px solid #ccc;
        }
        .startinlay h3 a, .startinlay h1, .startinlay h1 p {
                text-decoration: none;
                color: #fff !important;
                font-size: 20px !important;
                line-height: 1.1em !important;
        }
        .startinlay {
                width: 90%;
            bottom:30px;
        }
        #owl-start, .startimg {
                height: 60vh !important;
        }
        #owl-start .owl-nav, #owl-start .owl-dots {
                display: none;
        }
        .mouse {
                display: none !important;
        }
        .feedbackfix {
                width: calc(100% - 30px);
                right: 15px;
        }
        .feedbackfixin {
                bottom: 15px;
                right: 15px;
        }
        .fixnav {
                right: 15px;
                width: calc(100% - 30px);
        }
        .fixnavin {
                bottom: 62px;
                right: 15px;
                left: auto;
        }
        .dark span.counting {
                color: #fff !important;
        }
        .super {
                height: calc(80vh);
                height: calc((var(--vh, 1vh) * 80));
        }
    .nomargin {
        margin:0  !important;
        overflow: hidden !important;
    }
    .opark {opacity: .60;}
    
  
    .small-micon {
        padding-right: 2.25em;
 margin: 5px 0 0 0 !important;
   


}
.small-micon:after {
        content: "";
position: absolute;
top: 2em;
left: 0;
width: 2.5em;
height: .55em;
border-top: .09em solid #fff;
border-bottom: .09em solid #fff;
transition: all 400ms ease;
}

.small-micon:before {
       content: "";
position: absolute;
top: 25px;
left: 0;
width: 2.5em;
height: .55em;
border-top: .09em solid #fff;
transition: all 400ms ease;
}
    
    
    
    
}
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
        a.branding img, a.brandingweiss img {
                display: none;
        }
        a.branding {
                background-image: url(../img/logo-siebau-retina.png);
                -webkit-background-size: 95% auto;
                background-size: 95% auto;
                background-position: top center;
                background-repeat: no-repeat;
                width: 150px;
                height: 43px;
                display: block;
                float: right;
        }
        a.brandingweiss, .dark a.branding {
                background-image: url(../img/logo-siebau-retina-weiss.png);
                -webkit-background-size: 95% auto;
                background-size: 95% auto;
                background-position: top center;
                background-repeat: no-repeat;
                width: 150px;
                height: 43px;
                display: block;
                float: right;
        }
       
        html {
                background-image: url(../img/logo-siebau-retina.png) !important;
                background-size: 130px auto;
        }
}