/*
    Theme Name: nose
    Theme URI: http://www.SchlatterCorporate.com;
    Description: nose
    Version: 1.0
    Author: Felix Schlatter
    Author URI: http://SchlatterCorporate.com
    Tags: No Tags

*/


/* C O L O R S


*/
html, body {
   height:calc(100% - 1px);
}






body {
    font-size: 18px;
    line-height: 24px;
    /*font-family: 'cdfont',Helvetica Neue,Helvetica,Arial,sans-serif; */
    font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: #000;
    margin:0px;
    padding: 0px;
    letter-spacing: 0.05em;
    font-weight: normal;
}

* {

}

b, strong {
    font-family:'HelveticaNeueLTPro-Bd', Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: normal;
}

body {overflow-x: hidden; width: 100vw;}
section {width: 100vw; overflow:hidden;}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #E10E15;
}
::-moz-selection {
  background: #E10E15;
}
a {
     outline: none;
  text-decoration: none;
}
a:active {
    outline: none;
}
a, a:active, a:focus {
   outline: none;
}
p:first-child {
    margin-top: 0px;
}
.hyphens {
    -webkit-hyphens:auto;
  hyphens: auto;
}
a {outline: none; text-decoration: none; } a:active {outline: none; } a, a:active, a:focus {outline: none; } * {outline: none; }

h1,h2,h3,h4,h5,h6 {
    margin:0px;
    padding:0px;
    font-weight: 200;
}



#status {
  display: block;
  position: fixed;
  top:0px;
  left:0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  z-index: 1501;
  /*
    -webkit-transform:  scale(10);
    transform:          scale(10);
    */
}


.loadingani {
 position: relative;
 height: 200px;
 width: 70px;
 margin-left: 50%;
 padding-top: calc(50vh - 15px);
 transform:translateX(-50%);
  animation:  noseholder 1s ease-in-out infinite;


}

@keyframes noseholder {
    0% { transform: translateX(0px);  } 50% {transform: translateX(-50%); }  90% { transform: translateX(-50%); } 100% { transform: translateX(0px); }
}
.letter {
    position: absolute;
    background-image: url("img/nose_logo_load.svg");
    background-position: 0px 0px;
    height: 30px;
    background-color: #000;

}
.letter#l1 {
    left:0px;
    width:15px;
    z-index: 4;
}
.letter#l2 {
    left:16px;
    width:18px;
    background-position: -15px 0px;
    z-index: 3;
  animation:         l_two 1s ease-in-out infinite;
}
.letter#l3 {
    left: 34px;
    width: 15px;
    background-position: -33px 0px;
    z-index: 2;
  animation:        l_three 1s ease-in-out infinite;
}
.letter#l4 {
    left: 50px;
    width: 17px;
    background-position: -48px 0px;
    z-index: 1;
  animation:            l_four 1s ease-in-out infinite;
}



@keyframes l_two {
    0% { left:0px;opacity:0;  } 50% { left:16px;opacity:1; }  90% { left:16px; } 100% { left:0px;opacity:0.2; }
}

@keyframes l_three {
    0% { left:0px;opacity:0;  } 50% { left: 34px;opacity:1; }  90% { left: 34px; } 100% { left:0px;opacity:0.2; }
}
@keyframes l_four {
    0% { left:0px;opacity:0;  } 50% { left: 50px;opacity:1; }  90% { left: 50px; } 100% { left:0px;opacity:0.2; }
}

.header {
    display: block;
    overflow:hidden;
    position: fixed;
    top:-300px;
    left:0px;
    right: 0px;
    z-index: 999;
    padding-bottom: 0px;
  transition:               all 0.75s ease-in-out;
}
.header_visi {
   top:0px;

}

.hamb {display: none;}

.header_bg {
  background-color: #d8d8d8;
      padding-bottom: 20px;
}
.clientzitat {
  color:#fff;
  display: block;
  margin-top: 50px;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}
.clientzitat.further {
  margin-top: 100px;
  padding-bottom: 100px;
}
.czinside {
  padding-top: 150px;
  padding-bottom: 150px;
  font-size: 18px;
  line-height: 22px;
}
.czinside strong {
  position: relative;
  font-size: 30px;
  line-height: 36px;
  font-weight: normal !important;font-family: 'cdfont',Helvetica Neue,Helvetica,Arial,sans-serif;
  font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;
}
.czinside strong:before {
  content: "«";
  position: absolute;
  left:-15px;
  top: -5px;
}
.czinside strong:after {
  content: "»";
  display: inline;
}
.czinside strong br:last-child {display: none;}
.czinside i, .czinside em {
  font-size: 12px;
  line-height: 18px;
  font-style: normal !important;
}
.czinside img {
  max-width: 200px;
}

.black_bg {
  background-color: #000 !important;
}
#abouty .black_bg {
    padding-bottom: 120px;
}
.kompy {
    padding-top: 105px;
    background-color: #fff;
    padding-bottom: 10px;
}
.kompyholder {display: block;}
.kompyhead {
    padding-top: 41px;
    padding-left: 94px;
    padding-bottom: 100px;
    display: block;
}
.komp_fifty_l {width: 55%;float: left;}
.komp_fifty_r {width: 45%;float: left;}
.komp_fifty_l img, .komp_fifty_r img {width: 100%;height: auto;}
.kompyhead .komp_fifty_r { padding-left: 23px; width: calc(45% - 24px); }
.komp_fifty_l h3, .komp_fifty_r h3 {
    display: block;font-size: 24px;line-height: 24px;
    padding-bottom: 21px;
    clear: both;float: none;
}
.kompleft, .kompright {padding-bottom: 72px;display: block;}
.kompleft .komp_fifty_l h3, .kompleft .komp_fifty_r h3,
.kompright .komp_fifty_l h3, .kompright .komp_fifty_r h3
 {
    padding-top: 24px;
}
.smyll {width: 100%;max-width: 258px;display: block;height: auto;margin-top: 10px;}
.kompleft .komp_fifty_l .smyll {float: right;margin-top: 0px;}
.kompright .komp_fifty_r .smyll {margin-top: 0px;}


.kompleft .komp_fifty_l {width: 45%;padding-right: 24px; width: calc(45% - 24px);}
.kompleft .komp_fifty_r {width: 55%;float: left;}
.kompleft .komp_fifty_r img, .kompright .komp_fifty_l img {max-width: 540px;}

.kompleft .komp_fifty_l span, .kompright .komp_fifty_r span {display: block;float: none;clear: both;}

.kompright .komp_fifty_r {width: 45%;padding-left: 24px; width: calc(45% - 24px);}
.kompright .komp_fifty_l img {float: right;}


#abouty h1 {
    font-size: 72px;
    line-height: 72px;
    display: block;
}
.transparent_nav {
    background:none !important;
}
.header_bg .topnav {
    padding-top: 15px;
}
.header_bg ul.mainnav a{
    color: #000;
}
.black_bg ul.mainnav a,
.transparent_nav ul.mainnav a
{
    color: #fff;
}
.topnav {
    overflow:hidden;
    display: block;
    margin:0 auto;
    max-width: 1300px;
    padding-top: 41px;
    padding-bottom: 10px;
  transition:               all 0.75s ease-in-out;
}

.logo_nose {
  /*
    background-image: url("img/nose_logo.svg");
    background-size: auto 30px;
    background-repeat: no-repeat;*/
    background-position: 0px 0px;
    width: 360px;
    height: 30px;
    float: left;
    overflow: hidden;
  transition:               width 0.75s ease-in-out;
  position: relative;
}
.logo_nose svg {
  top:0px;left:0px;
  position: absolute;width: 345px;height: auto;}
.header_bg .logo_nose {
    width: 75px;
}
.logo_nose svg .st0 {fill: #e10e15;}

.logo_nose svg .st1 {fill: #c8c8c8;}


.black_bg .logo_nose svg .st1 {
fill: #fff;
}
ul.mainnav a {
   color: #fff;
  transition:               all 0.75s ease-in-out;
}
.blackfontnav ul.mainnav a {
    color: #000;
}
.whitefontnav ul.mainnav a {
    color: #fff;
}




#optoutbanner99 {
font-size: 14px;
line-height: 17px;
background-color: #ffffff;
padding: 25px;
padding-bottom: 35px;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 10000;

}
#optoutbanner99 a {
    text-decoration: underline;
    cursor: pointer; color:#151515;
}
#optoutbanner99 .one {
  margin-right: 150px;
}
#acceptga {
  border:none;
  line-height: 25px;
    text-decoration: none !important;
    background-color: #fff;
    font-weight: normal !important;
    padding: 6px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
border:1px solid #000;
right: 25px;
position: absolute;
top:25px;
}
#optoutbanner99 span {
    text-decoration: underline;
    cursor: pointer;
}


ul.mainnav {
    padding:0px;
    margin:0px;
    float: right;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.15em;
}
ul.mainnav  li.menu-item-depth-0, ul.mainnav  li.language-chooser-item {
    float: left;
    padding-left: 25px;
    padding-top: 5px;

}
 ul.mainnav a {
   position: relative;
   padding-bottom: 8px;
 }

.nline {visibility: hidden;}
.nline {
visibility: visible;
left:0px;
bottom:0px;
height: 3px;
position: absolute;
background: #fff;
 animation:navbalken1 0.3s forwards ease-in-out;
}
@keyframes navbalken1 {
   0% {   left:0px;right:0px; }
   100% { left:100%;right:0px;}
}
 ul.mainnav li:hover a .nline {
   animation:navbalken2 0.3s forwards ease-in-out;
 }
 @keyframes navbalken2 {
    0% {   left:0px;right:100%; }
    100% { left:0px;right:0px;}
 }
.header_bg .nline, .blacknav .nline, .blackfontnav .nline {
  background: #000;
}
.nline.current,  ul.mainnav li:hover a .nline.current {
  left:0px;right:0px;
  visibility: visible;
  animation: none;
}



.language-chooser-item-en a:before {
    content: "EN"
}
ul.mainnav .language-chooser-item.language-chooser-item-en,
ul.mainnav .language-chooser-item.language-chooser-item-de {
    padding-left: 0px;
    padding-right: 0px;
}
ul.mainnav .language-chooser-item.language-chooser-item-en {
    margin-left: 7px;
}
ul.mainnav .language-chooser-item.language-chooser-item-de {
    padding-left: 50px;
    margin-right: 7px;
}
.language-chooser-item-de a:before {
    content: "DE";
}
.language-chooser-item-de a:after {
    content: "";
}


.language-chooser-item.active a {
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
}
.header_bg .language-chooser-item.active a {
  border-bottom: 3px solid #000;
}
ul.mainnav  li.menu-item-has-children {
    background-image: url("img/winkel_down_w.svg");
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-right: 25px;
    position: relative;
}
ul.mainnav li ul {
    margin:0px;
    padding:0px;
    position: relative;
}
ul.mainnav li ul.menu-depth-1 {
    opacity: 0;
    top:-1px;
    visibility: hidden;
    position: absolute;
  transition:             opacity 0.3s ease-in-out, top 0.3s ease-in-out,visibility 0.1s;
}
li.menu-item-has-children:hover  ul.menu-depth-1 {
    opacity: 1;
    top:24px;
    visibility: visible;
}

ul.mainnav.clearfix li ul li a {
     display: block;
}
ul.mainnav.clearfix li ul li a:first-letter {
    text-transform:uppercase;
}
ul.mainnav  li img {
    display: none;
}
.qtranxs_text_en:before {
    content: "EN"
}
.qtranxs_text_de:before {
    content: "DE"
}

.adv_holder {
    min-height: 100vh;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
#advslidz .adv_holder {
    min-height: initial;

}
.adv_holder .advantage {
    display: block;
    margin:0 auto;
    max-width: 1300px;
      width: 100%;
    position: absolute;
    z-index: 2;
    transform: translateX(-50%);
    left: 50%;

}
.adv_holder .bgvid {
    overflow: hidden;
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right: 0px;
    z-index: 1;

}
.adv_holder .backgroundvid {
    position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translateX(-50%) translateY(-50%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;

}
.adv_holder .advantage h1 {
    color: #f00000;
    font-size: 120px;
    line-height: 120px;
    display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  -webkit-hyphens:none;
  hyphens: none;

}
.down_next {
    position: absolute;
    bottom: 30px;
    width: 36px;
    left:50%;
    margin-left: -18px;
    background-image: url("img/down_white.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 36px auto;
    color:#fff;
    font-size: 14px;
    text-align: center;
    padding-bottom: 32px;
    cursor: pointer;
    z-index: 100;
}
.adv_holder:last-child .down_next {
    display: none;
}
.squarebutton {
  transition:            all 0.3s ease-in-out;
    cursor: pointer;

border: 1px solid #000;
font-size: 18px;
line-height: 18px;
padding-top: 20px;
padding-bottom: 22px;
padding-left: 38px;
padding-right: 38px;

}
.newsleft {position: relative;padding-bottom: 100px;}
.newsbox .squarebutton {
    position: absolute;
    bottom: 0px;
}

a .squarebutton {
    color: #000;
}
.squarebutton.relat {
    position: relative;
    margin:0 auto;
}
a .sbutton_white, .sbutton_white  {
    color: #fff;
    border: 1px solid #fff;
}
#squarebutton1 {
    left: 50%;
        display: table;
position: absolute;
bottom: 48px;
transform: translateX(-50%);
}
#squarebutton2, #squarebutton3 {
        display: table;
margin:0 auto;
}
#squarebutton2 {}

.squarebutton:hover {
    border: 1px solid #E10E15;
    color: #E10E15;
}
.sbutton_white:hover {
    border: 1px solid #E10E15;
    color: #E10E15;
}
.gridcontainer {
    background-color: #d8d8d8;
    padding-bottom: 48px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.gridcontainer#instagram  {
    padding-bottom: 0px;
}
.gridcontainer_first {
    padding-top: 145px;
}

.gridholder {
    display: block;
    max-width: 1300px;
    margin:0 auto;
    padding-bottom: 36px;
}
#instagram .gridholder {
    padding-bottom: 12px;
}
#newsnewest .gridholder {
    padding-top: 15px;
    /*
    border-top:1px solid #969696;
    */
    min-height: unset !important;
}
.griditemsholder {
    position: relative;
    display: block;
}

.gridhead {
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding-top: 8px;
    border-top: 1px solid #fff;
    text-align: left;
    margin-top: 48px;
    padding-bottom: 23px;
    color: #fff;

}
.gridhead  a {
    color: #fff;
    text-decoration: none;
  transition:            all 0.3s ease-in-out;
}
.gridhead a:hover {
    padding-left: 10px;
}
#news .gridhead, #about .gridhead {
    border-top: 1px solid #fff;
}
.newsleft {float: left;width: 350px;}
.newsright {margin-left: 388px;}
#privexp {margin-left: 0px;
max-width: 855px;
}

.box {
  transition:            all 0.3s ease-in-out;
    position: relative;
    text-align: left;
    background-color: #000;
    overflow: hidden;
}
.box a {
    color: #fff;
}

.box_text {
    cursor: pointer;
    z-index: 2;
    position: absolute;
    top:17px;
    left:17px;
    right: 17px;
    bottom: 17px;
    opacity: 0;
    transition:       all 0.25s ease-in-out;
}

img.box_bg {
    width: 100%;
    height: auto;
    transform:          scale(1.05);
  transition:            all 0.5s ease-in-out;
}
.kurabox {background-color: #000;display: block;}


.box:hover img.box_bg, .kurabox:hover img.box_bg {
transform:          scale(1.07);
  transition:       all 0.5s ease-in-out;

}

.touch .box.inview .box_bg, .touch .kurabox.inview .box_bg {
transform:          scale(1.07);
  transition:       all 0.5s ease-in-out;
}
.touch .box.inview .box_text {
    opacity: 1;
}
.touch .box.inview .box_bg {
   opacity: 0.5;
}
.touch .box.inview .box_bg,
.touch .box.inview .box_text,
.touch .box.inview .box_bg {
    transition-delay:0.5s;
}

.box_100 {
    float: none;
    clear: both;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 12px;
    margin-bottom: 12px;
}
.box_100 h1,.box_100 h2 {
    font-size: 72px;
    line-height: 72px;
}

.box:hover .box_text, .kurabox:hover .box_text  {
    opacity: 1;
}
.box:hover .box_bg {
  opacity: 0.8;
}
.kurabox:hover .box_bg {
  opacity: 0.6;
}
.box.visiyo .box_text {
    opacity: 1;
}
.box.visiyo .box_bg {
    opacity: 0.8;
}
.box.visiyo img.box_bg {
transform:          scale(1.07);
  transition:       all 0.5s ease-in-out;
}

.box_50 {
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    width:calc(50% - 12px);
}
.box_50:nth-child(1) {
    margin-right: 12px;
}
.box_50:nth-child(2) {
    margin-left: 12px;
}
.box_50 h1,.box_50 h2{
    font-size:   48px;
    line-height: 48px;
    color: #fff;
}
.kurabox h1, .kurabox h2 {
  font-size:   36px;
  line-height: 40px;
  color: #fff;
}
.kurabox h3 {color: #fff;font-size: 12px;}

.kurabox.visiyo .box_text {opacity: 1;}
.kurabox.visiyo .box_bg {transform:  scale(1.07);}
.kurabox.visiyo img.box_bg {opacity: 0.5;}

.c33, .b50 {
  display: flex;
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */

}
#G11-3.b50 {
  display: block;
}
.box_33 {
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    width:33.3333%;
    margin-right: 12px;
    margin-left: 12px;
}
.box_33:nth-child(1) {
    margin-left: 0px;
    margin-right: 12px;
}
.box_33:nth-child(3) {
    margin-right: 0px;
    margin-left: 12px;
}
.box_33 h1,.box_33 h2 {
    font-size:   36px;
    line-height: 36px;
}

.box h3 {
    font-size: 12px;
    padding-top:42px;
    display: block;
    color: #fff;
}
.box h3:first-letter {
    text-transform: uppercase;
}
.newsbox {
    text-align: left;
    float: right;
    width: calc(33.333% - 12px);
    border-bottom: 1px solid #fff;
    padding-bottom: 36px;
}
.newsbox img {
    width: 100%;
    height: auto;
}
.newsbox.first {
    float: left;
    width: calc(66.6666% - 12px);
    margin-bottom: 24px;
}
#newsnewest .newsbox.first {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 48px;
}

.newsbox.others {
    padding-bottom: 90px;
    margin-bottom: 24px;
}
.hide {
    display: none;
}
.show {
    display: block;
}
#newsnewest .newsbox.first .newsprev, #newsnewest .newsbox.first .newsfull {
    padding-bottom: 30px;
    font-size: 14px;
line-height: 19px;
}
#newsnewest span.more {
    display: none;
}
.newsbox.others h1 {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 38px;
}
.newsbox.first h1 {
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 110px;
    padding-right: 14px;
}
#newsnewest .newsbox.first h1 {
  font-size: 48px;
    line-height: 48px;
    padding-bottom: 52px;
    padding-right: 0px;
    padding-top: 30px;

}
#news, #newsnewest {
    color: #fff;
    background-color: #000;
}
#news a, #newsnewest a, #about a {
    color:#fff;
}
#newsnewest a {
  color: #000;
  border-bottom: 1px solid #000;
}
.no-touch #newsnewest a:hover {
  color: #E10E15;
  border-bottom: 1px solid #E10E15;
}
.newsbox .text {margin-top: 112px;display: block;}
.newsbox.first .text.lessmargin {
  margin-top: 40px;
}
.newsbox img {
    padding-bottom:24px;
}
.newsbox .slideholder .slidepagination {
  padding-top: 10px;
}
 #newsnewest .newsbox img.newsallthumbfirst {
    padding-bottom:0px;
    float: none;
    clear: both;
    width: 100%;
    height: auto;
}
.newsbox video, .bvideo video {
  display: block;
  width: 100%;height: auto;
}
.bvideo  {padding-top: 120px;}
.newslead {
    float: left;
    width: calc(50% - 12px);
    padding-right: 12px;
    font-size: 24px;
line-height: 32px;
}

.newsblogpers {
  display: block;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  margin-bottom: 50px;
}
.newsblogpers .anspr_thumb {
  width:75px;
  height:75px;
  border-radius: 200px;
}
.newsblogpers .blogmeta {
  position: absolute;
  bottom:10px;
  left:100px;
}

 #newsnewest .newslead {
    float: none;
    clear: both;
    display: block;
    font-size: 24px;
    line-height: 32px;
    width: unset;
    padding-bottom: 39px;
}
.newsbox.first .newsprev {
    float: right;
    width: calc(50% - 12px);
    padding-left: 12px;
}
#newsnewest .first .newsprev {
    font-size: 18px;
    float: none;
    clear: both;
    padding-left: 0px;
    width: 100%;
}
.newsbox h2.date {
    font-size: 12px;
    line-height: 12px;
    display: block;
    padding-top: 43px;
}
#newsnewest .newsbox h2.date {
    padding-top: 0px;
    float: left;
    padding-bottom: 82px;
}






span.more {
    display: inline;;
}


#about {
    color: #fff;
    background-color: #979797;
}
.mitarbeitercounterholder {
    padding-top: 30%;
    padding-left: 20%;
    text-align: left;
}
.bigdata {
    font-weight: 300;
    width: 220px;
    font-size: 180px;
    float: left;
    line-height: 180px;
}
.bigdata#jahrecount {
    float: none;
    width: auto;
    line-height: 240px;
    font-size:   240px;
    clear: both;
    display: block;
}
.mitarbeitercounterholder span {
    font-size: 180px;
    line-height: 180px;
    display: inline;
}
.mitarbeitercounterholder h1 {
    display: block;
    clear: both;
    float: none;
    padding-top: 24px;
}
#newsnewest, #newsnewest .gridholder {
    padding-bottom: 0px;
}

#newsnewest.gridcontainer_first {
  background: #fff;
  color: #000;
  padding-top: 0;
  margin-top: 120px;
  margin-bottom: 10px;
}
#newsnewest.gridcontainer_first  .sldpg.swiper-pagination-bullet .line {
  background-color: #dddddd;
}
#newsnewest.gridcontainer_first  .sldpg.swiper-pagination-bullet.swiper-pagination-bullet-active .line {
background-color: #000;
}

#instagram {
    background-color: #000;

}
#instagram .gridholder {
    min-height: auto;
}

#noseinstafeed {
    color: #fff;
    width: 100%;
    position: relative;
position: relative;
overflow: hidden;
border-bottom: 1px solid #fff;
padding-bottom: 23px;
}
.instanav {
    opacity: 0.5;
  transition:           all 0.3s ease-in-out;
}
.instanav img {
   top: 50%;
position: absolute;
margin-top: -20px;
height: 30px;
width: auto;
}
.instaprev img {
    left:0px;
}
.instanext img {
    right:0px;
}
.instanav:hover {
    width: 50px;
    opacity: 1;
}
.instaprev {
    cursor: pointer;
    z-index: 22;
    width: 50px;
    position: absolute;
    left:0px;
    top:0px;
    bottom: 0px;
    background-repeat: repeat-y;
    background-image: url("img/fade_l.png");
    background-position: center left;
    background-size: 100% auto;
}
.instanext {
    cursor: pointer;
    width: 50px;
    z-index: 20;
    position: absolute;
    right:0px;
    top:0px;
    bottom: 0px;
    background-repeat: repeat-y;
    background-image: url("img/fade_r.png");
    background-position: center left;
    background-size: 100% auto;
}

#instagram h1 {
    display: block;
    color:#fff;
    text-align: left;
    font-size: 48px;
    line-height: 55px;
    padding-bottom: 20px;
}


.instafeedinside {
    position: relative;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.insta6 {
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;

}
.instapostholder {
    width: 100%;
    max-width: 164px;
    float: left;
    position: relative;
    border-left:12px solid #000;
    border-right:12px solid #000;
}
.instapostholder:nth-child(1) {
    border-left:none;
}
.instapostholder:nth-child(6) {
    border-right:none;
}


#noseinstafeed .instapostholder img {
    width: 100%;
    height: auto;
}
#noseinstafeed .instameta {
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;

}

#noseinstafeed a {
    color: #fff;
}
.instametaholder {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
  transition:           all 0.3s ease-in-out;
    position: absolute;
    top:50%;
    left:0px;
    right: 0px;
  transform: translateY(-50%);
    opacity: 0;
    z-index: 2;
}




.instapostholder:hover .instametaholder {
    opacity: 1;
}
.instapostholder:hover .instametabg {
    opacity: 0.3;
}
#noseinstafeed .instameta .insticon {
    width: 20px;
    height: 20px;
    background-size:  auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
#noseinstafeed .instameta .instheart {
    background-image: url("img/heart_white.svg");
    padding-left: 45px;
}
#noseinstafeed .instameta .instcomment {
    background-image: url("img/comment_white.svg");
    padding-left: 45px;
}




#footer, .imprint, .legal {
    position: relative;
display: block;
max-width: 1300px;
margin: 0 auto;
padding-top: 24px;
padding-bottom: 24px;
background-color: #000;
color: #fff;
font-size: 14px;
}
#imprinttoggler, #legaltoggler {
    cursor: pointer;
    border-bottom: 1px solid #000; transition: color 0.13s ease-in-out;
}
#imprinttoggler:hover, #legaltoggler:hover {
border-bottom: 1px solid #fff;

}
.imprint, .legal  {
    display: none;
    border-top: 1px solid #fff;
}
#footer a, .imprint a, .legal a{
    text-decoration: none;
    color:#fff;
}
#footer .smrow {
    font-size: 8px;
}
#footer .smrow img {
    margin-right: 20px;
}
#footer .col1 {
    width: 100%;
    position: absolute;
    top:24px;
    bottom:24px;
    left: 0px;
    max-width:417px;
    border-top: 1px solid #fff;
    padding-top: 14px;
    margin-right: 25px;
}
#footer .smrow {
    position: absolute;
    bottom:0px;
}
#footer h1 {
    display: block;
     font-size: 14px;
     margin-bottom: 80px;
}

#footer .col2 {
    float: right;
    width: calc(100% - 440px);
    margin-left: 377px;
    border-top: 1px solid #fff;
    padding-top: 14px;
}

#footer .contactmetaholder {
    display: block;
    float: none;
    clear: both;
}
#footer .contactmetaholder .clefty {
    float: left;
    padding-right: 65px;
}
#footer .contactmetaholder .clefty:last-child {
    padding-right: 0px;
    float: right;
}
#gmapstoggler {
    cursor: pointer;
}

#mapp {
    background-color: #000;
    height: 50vh;
    display: none;
}


.marker {


}
.marker a {
  color: #000;
}
.single_case_head {
    background-color: #000;
     min-height: 100vh;
}
.single_case_bgimg {
    min-height: 100vh;
    /*   opacity: 0.75; */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.single_case {
    display: block;
margin: 0 auto;
max-width: 1300px;
    position: relative;
 min-height: 100vh;
}
.single_case_new, .single_case_head_new, .single_case_bgimg_new {min-height: unset !important;}

.single_case_bgimg_new {height: 100vh  !important; display: block  !important;
background-size: cover;background-position: center;
}

.single_case_bgimg img {width: 100%;height: auto;}
.topheadwhite {
  color: #000;
  position: relative;
  padding-bottom: 25px;
}
.topheadwhite h1, .topheadwhite h2, .topheadwhite span {
  color: #000 !important;
  position: relative;
  z-index: 2;
}
.topheadwhite span.cpt, .topheadwhite span.secondtitle {display: inline;
  font-size: 28px;
  line-height: 32px;
  margin-top: 25px;
  font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;
}
.topheadwhite span.cpt {color: #E10E15 !important;margin-right: 10px;}

.schwarz ul.mainnav a {color: #000;}
.schwarz .nline {background: #000;}
.schwarz .language-chooser-item.active a {border-bottom: 3px solid #000;}


.single_case_top .bt {
  display: block;
  padding-top: 15px;
}




.kuragrid {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100px;
  margin: -15px;
  margin-top: -50px;
}
.kuragrid .kurabox {
  overflow: hidden;
position: relative;
width: calc((100% - 90px) / 3);
margin: 15px;
background-color: #000;
padding-top: calc((90% - 90px) / 3);

}
.kuraboxlink {
position: absolute;
top:0;left:0;right:0;bottom:0;
}
.kurabox img {
  position: absolute;top:0px;
  right:0px;
}

.topheadwhite .offwhite {
  position: absolute;
  top:0px;
  bottom:0px;
  right:-100vw;
  left:-100vw;
  z-index: 1;
  background: #fff;
}
.single_case_top {
    position: relative;

}
.single_case_top h1 {
    padding-top:145px;
    color: #fff;
    font-size: 72px;
    line-height: 72px;
    max-width: 80%;
}
.single_case_top h2 {
    color: #fff;
    font-size: 72px;
    line-height: 72px;
}

.typo_rot .single_case_top h1,
.typo_rot .single_case_top h2,
.typo_rot .single_case_top span {color:#E10E15;}

.typo_schwarz .single_case_top h1,
.typo_schwarz .single_case_top h2,
.typo_schwarz .single_case_top span {color:#000;}

.typo_weiss .single_case_top h1,
.typo_weiss .single_case_top h2,
.typo_weiss .single_case_top span {color:#fff;}

.single_case_top span {
    display: block;
    font-size: 12px; color: #fff;
}
.single_case_top span::first-letter {
    text-transform: uppercase;
}
.second_single_case {
    min-height: 100vh;
    display: block;
    background-color: #fff;
}
.inside {
display: block;
margin: 0 auto;
max-width: 1300px;
}
.single_social {
    display: block;
    text-align: right;
    padding-top: 25px;
}
.single_social img {
    margin-left: 30px;
    height:16px;
    width: auto;
}

#newsnewest .single_social {
    display: block;
    padding-top: 0px;
}

.main_content .leadtext {
    font-size: 36px;
    line-height: 40px;
    padding-top: 65px;
    max-width: 920px;
}

.specialpadd {
    padding-bottom: 120px;
}
.ansprechspartner_holder {
    display: block;
    padding-top: 160px;
    padding-bottom: 160px;
}
.anspr_thumb {
    float: left;
    width:117px;
    height: 117px;
    border-radius: 117px;
    background-position: center;
    background-size: cover;
}
.anspr_meta {
    float: left;
    padding-left: 29px;
}
.anspr_meta h3 { font-size: 12px; margin-bottom: 5px;}
.anspr_meta h1 { font-size: 18px; line-height: 34px;}
.anspr_meta h2 { font-size: 18px; padding-bottom: 10px; }
.anspr_tel {
    display: inline-block;
height: 28px;
width: 28px;
background-image: url("img/tel.svg");
background-repeat: no-repeat;
background-size: 22px 25px;
margin-right: 20px;
}
.anspr_mail {
    display: inline-block;
height: 28px;
width: 28px;
background-image: url("img/mail.svg");
background-repeat: no-repeat;
background-size: 22px 25px;

}

h3.perzstatement {
    float: right;
    text-align: left;
    max-width: 634px;
    padding-left: 24px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 200;
    position: relative;
}
h3.perzstatement:before {
  content:"«";
  position: absolute;
  left:8px;
  top:0px;
}



.postnav {
    margin-top: 48px;
    border-top: 1px solid #000;
    padding-top: 34px;
    padding-bottom: 81px;
}
.postnav a {
    text-decoration: none;
    color: #222;
}
.overview {
    float: left;
background-image: url("img/overview.svg");
background-repeat: no-repeat;
background-position: left top;
height: 30px;
padding-left: 45px;
padding-top: 3px;
background-size:  auto 30px;

font-size: 18px;
  line-height: 24px;
}
.prevpost {
    padding-top: 3px;
    background-image: url("img/nextpost.svg");
background-size:  auto 30px;
background-repeat: no-repeat;
background-position: right top;
float: right;
font-size: 18px;
  line-height: 24px;
padding-right: 45px;
}
.prevpost, .overview {
  padding-bottom: 5px;
  padding-top: 5px;
}
.prevpost h4 {
text-align: left;
font-size: 24px;
line-height: 24px;
padding-top: 30px;
}
#newsall {
    background-color: #000;
}

.newsrow {
    padding-bottom: 23px;
    display: block;
}

.box.defaultbox {
    background-color:transparent;
    height: 1px;
}
#G13 .newsrow {
    padding-bottom: 0px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#G13.c33 { display: block;


}
.newsrow .box_33 {
    margin-right: 12px;
    margin-left: 12px;
}
.newsrow .box_33:nth-child(1){
    margin-left: 0px;
    margin-right: 12px;
}
.newsrow .box_33:nth-child(3) {
    margin-right: 0px;
    margin-left: 12px;
}
.newsrow .news33 {
    float: left;
    margin-top: 12px;
    margin-bottom: 12px;
    width: calc(33.33% - 12px);
    margin-right: 12px;
    margin-left: 12px;
    max-width: 417px;
    text-align: left;
    padding-bottom: 89px;
}
.newsrow #landingnews.news33 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.newsrow .news33:nth-child(1)  {
    margin-left: 0px;
    margin-right: 12px;
}
.newsrow .news33:nth-child(3)  {
    margin-right: 0px;
    margin-left: 12px;
}
.newsrow:nth-child(2) .news33 {
    border-bottom: none;
    padding-top: 22px;
}

.news33 a {
    color: #fff;
}
.news33 img {
    width: 100%;
    height: auto;
}
.news33 h1 {
padding-top: 15px;
padding-bottom: 18px;
font-size: 24px;
line-height: 32px;
}
.news33 .text {
    display: block; padding-bottom: 43px;
    overflow: hidden;
font-size: 18px;
line-height: 24px;

}
.news33 .text .more {
    display: none;
}
.news33 .date {
font-size: 12px;
line-height: 12px;
display: block;
color: #aaa;
}
#newsall .gridholder {
    min-height: 1px;
}

.gridholder  #aboutpage{
    text-align: left;
    padding:0px;
    height: 100vh;
    background-color: #d8d8d8;
}

#aboutpage  h1 {
    color: #f00000;
    font-size: 120px;
    line-height: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    text-align: left;
    -webkit-hyphens: none;
    hyphens: none;
}
#werwirsind {
    min-height: initial;
    padding-top: 0px;
    display: block;
    position: relative;
    text-align: left;
    padding-bottom: 72px;
}
#werwirsind.black_bg {color:#fff;}
#werwirsind.black_bg h1 {font-size: 96px;line-height: 100px;margin-bottom: 50px;}
#abouty #werwirsind .leadtext {width: 66.6666%;padding-top: 150px;float: right;clear: both;font-size: 24px;line-height: 32px;}

#abouty .newjobspage#werwirsind {}
#abouty .newjobspage#werwirsind .leadtext{
  font-size: 40px;
  line-height: 46px;
}
#abouty .newjobspage#werwirsind .leadtext a {color: #fff;text-decoration: underline;}



#abouty .black_bg .firstimg {
    margin-top: 24px;
    width: 100%;
    height: auto;
}
.wertext {
    padding-bottom: 30px;
    float: right;
    max-width: 540px;
}

.fifty {
    width: 50%;
    float: left;
}
#jahre, #jahrecount {

    font-weight: 200;
    color: #4a4a4a;
    letter-spacing: -0.02em;
}
#spass {
    position: relative;
    color: #4a4a4a;
    padding-top: 64px;
}
#jahre h2 {
    font-size: 240px;
    line-height: 240px;
}
#spass h3 {
    display: block;
     font-size: 130px;
    line-height: 130px;
}
.bigabouttext .imgboxholder {
    display: block;
    float: none;
    clear: both;
    padding-top: 40px;
}
.imgrow {
    position: relative;
    display: block;
    padding-bottom: 24px;
}
.bigabouttext .imgbox_big {
   max-width: 540px;
   float: left;
}
.bigabouttext .imgbox_small {
   max-width: 258px;
   float: left;
}
.bigabouttext .imgbox_big img,
.bigabouttext .imgbox_small img {
    width: 100%;
    height: auto;
}
#imgrow1 .imgbox:nth-child(1) {

}
#imgrow1 .imgbox:nth-child(2) {
    padding-right: 24px;
    position: absolute;
    bottom:24px;
    right: 258px;
}
#imgrow1 .imgbox:nth-child(3) {
    position: absolute;
    bottom:24px;
    right: 0px;
}
#imgrow2 .imgbox:nth-child(1) {
    padding-right: 24px;
}
#imgrow2 .imgbox:nth-child(3) {
    padding-left: 24px;
}
.bigabouttext .mitarbeitercounterholder {
    position: absolute;
    bottom:0px;
    left: 0px;
    color: #4a4a4a;
    padding-top: 0px;
    padding-left:0px;
}
.bigabouttext .mitarbeitercounterholder .bigdata,
.bigabouttext .mitarbeitercounterholder span {
    line-height: 240px;
    font-size: 240px;
    font-weight: 300;
}
.bigabouttext .mitarbeitercounterholder .bigdata {
    width: 274px;
}

.bigabouttext .mitarbeitercounterholder h4 {
    position: absolute;
    top: 50px;
left: 380px;
width: 160px;
}
.aboutvid_holder {
    padding-top: 52px;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.peopleholder {
    background-color: #fff;
    display: block;
  padding-top: 100px;
}
.peopleholder h1 {
    font-size: 72px;
    line-height: 72px;
    color: #202020;
    text-align: left;
    display: inline-block;
}
.peoplegrid {
    padding-top: 60px;
    position: relative;
    text-align: center;
    display: block;
    clear: both;

}
.people_row_holder {
    display: block;
}
.peoplebox {
    position: relative;
}

.peo_hover {
    overflow:hidden;
    z-index: 2;
    position: absolute;
    /* background-color: rgba(0,0,0,0.5); */
    opacity: 0;
    left:0px;
    top:0px;
    right: 0px;
    bottom:0px;
    padding:15px;
    transition: all 0.3s ease-in-out;
}
.bottomh {position: absolute;
bottom:15px;transition: all 0.3s ease-in-out;
font-size: 18px;
  line-height: 24px;
}
.peo_hover a {color: #fff;}
.peoplebox:hover .peo_hover {
    opacity: 1;
}
.peopleImg img {
  z-index: 1;
  position: relative;
    transition:all 0.5s ease-in-out;
  }
.peoplebox:hover .peopleImg img {
  transform:scale(1.05);
}


.people_single {
float: left;
width: 33.3333%;
}
.people_inside {

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

.people_row {
    padding-bottom: 20px;
    text-align: left;
    display: flex;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
}
.peopleImg {
    overflow:hidden;
    margin-bottom: 20px;
    display: block;
    float: none;
    clear: both;
    position: relative;
}
.peopleImg img {
    width: 100%;
    height: auto;
}
.people_row h2 {
display: block;
font-size: 18px;
  line-height: 24px;
}
.people_row h3 {
display: block;
font-size: 18px;
  line-height: 24px;
}
.people_row .anspr_tel, .people_row .anspr_mail {
    float: right;
}
  .people_meta {
    float: right;
  }

#history .inside {position: relative;}
#history {color:#fff;}
#history .slidenav {width: 45px; background-size: 12px auto ; top:400px;position: absolute;
height: 45px;background-repeat: no-repeat;
cursor: pointer;
border-radius: 100px;
background-color:#fff;
}
#history .slidenext {background-position: 18px center;background-image: url('img/nextpost.svg'); right:-50px;}
#history .slideprev {background-position: 14px center;background-image: url('img/prevpost.svg'); left:-50px; }

#history .slideholder {}
#clients {color:#fff;}
#history h1 {
  margin-bottom: 15px;
  line-height: 32px;
}
#history .full {color:#B3B3B3;}
.looperholder {
  height: 500px;
  display: block;
  position: relative;

}
.looper {
 position: relative;
  background-size:  250vw auto;
  background-repeat: repeat-x;
 background-position: 0 0;
  height: 150px;

  display: block;
  animation: slide 10s linear infinite;
}
.looper#loo1 {

  background-image: url('img/NoseDesignExperience_Clients_A.png');
    animation: slide 60s linear infinite;
}
.looper#loo2 {

  background-image: url('img/NoseDesignExperience_Clients_B.png');
    animation: slide 50s linear infinite;
}
.looper#loo3 {

  background-image: url('img/NoseDesignExperience_Clients_C.png');
  animation: slide 40s linear infinite;
}

@keyframes slide {
    0% { background-position: 0 0; }
    100% { background-position: -250vw 0; }
}
#history {}
#history #slider1 {}
.bottom_h {
  background:rgba(0,0,0,0.5);
  padding-top: 50px;
  margin-right: 30px;
}
.bottom_h .preview {
  font-size: 22px;
  line-height: 26px;
  margin-right: 10px;
}
.bottom_h .full {
  margin-right: 10px;
  line-height: 24px;
  font-size: 18px;
  padding-bottom: 25px;
  font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bottom_h .preview span {font-size: 18px;}
.bottom_h .full {display: none;}
.bottom h1 {margin-bottom: 10px;}
.bottom_h .y {display: block;

padding-bottom: 10px;}
.bottom_h .y .plus {float: right;font-size: 54px;cursor: pointer;font-weight: 100;
  font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;
    transition:  all 0.25s ease-in-out;
}
.bottom_h .y .plus.act {
  transform: rotate(-45deg);
}
.bottom_h .y .plus img {
  width: 30px;
  height:auto;
}
.awardsholder {
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #ccc;
}
.awardsholder img {
    width: 100%;
    height: auto;
}
.aw_plus {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    width: 28px;
    height: 28px;

color: #000;
}
.aw_plus .plusicon {
       background-color: #ccc;
-moz-border-radius: 28px;
border-radius: 28px;
width: 28px;
height: 28px;
background-image: url("img/plus_small.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 28px 28px;
  transition:           all 0.3s ease-in-out;
}
.aw_plus:hover .plusicon {
    background-image: url("img/plus_small_red.svg");
}
.aw_plus.active .plusicon {
    background-image: url("img/plus_small_white.svg");
    transform:          rotate(-315deg);
    background-color: #202020;
}
.award_detail {
    font-size: 14px;
font-weight: 300;
line-height: 17px;
    z-index: 98;
    padding:15px;
    display: none;
    position: absolute;
    width: 360px;
    height: auto;
}
.award_detail img {
    max-height: 180px;
    width: auto;
    max-width: 100%;
}
.aw_inside {
    background-color: #fff;
    padding:24px;
}
.award_detail h1 {
    font-size: 18px;
line-height: 18px;
padding-top: 20px;
}
.aw_meta {
display: block;
width: 1300px;
margin: 0 auto;
height: 100%;
left:50%;
transform: translateX(-50%);
position: absolute;
}
.aw_title {
    top:39%;
    left:0px;
    color: #fff;
    position: absolute;
    max-width: 446px;
}
.aw_title h1 {
     font-size:72px;
    line-height: 72px;
    margin-bottom: 20px;
}
.ab33 {
  float: left;width: calc(33.33% - 100px);
  margin-right: 100px;
}
.ab33 .aw_metatext {
  border-top: 2px solid #fff;
  font-size: 32px;
}
.awardcountholder {
    color: #fff;
    padding-top: 0px;
    padding-left:0px;
}
.awardcountholder .bigdata,
.awardcountholder span {
    line-height: 144px;
    font-size: 144px;
    font-weight: 300;
}
.ab33.awardcountholder .bigdata {
    width: unset;
    font-size: 96px;
}
.ab33.awardcountholder span {
  font-size: 96px;
}
.aw_metatext {
    font-size:72px;
    line-height: 72px;
}

#clients {
    display: block;
    padding-top: 180px;
    background-color: #fff;
}
#clients .gridholder {
  padding-bottom: 125px;
}
#clients .clientstitle {
    font-size: 72px;
    line-height: 72px;
    display: block;
    text-align: left;
    display: inline-block;
}
.clientsholder {
    clear: both;
    display: block;
    padding-top: 72px;
}
.clientbox {
    position: relative;
    width: 16.6666%;
    min-height: 100px;
    float: left;
 margin-bottom: 50px;

  transition:             all 0.1s ease-out;
}


.clientbox img {
max-height: 100px;
max-width: 120px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
 filter: gray;
  filter: grayscale(1);
  opacity: 0.7;
}
.clientbox:hover img {
    filter: none;
  filter: grayscale(0);
  opacity: 1;
}

.bigimg {
    display: block;
}
.bigimg img {
    width: 100%;
    height: auto;
}
.single_b50 {
    display: block;
}
.single_box_50 {
    display: block;
    margin-right: 12px;
    margin-left: 0px;
}

.single_box_50.box_50:last-child {
    margin-left: 0px;
}
.single_box_50:nth-child(2n+0) {
    margin-right: 0px;
    margin-left: 12px;
    float:right;
}
.pagination {
    position: fixed;
    right: 20px;
    z-index: 100;
    top:50%;
    transform:         translateY(-50%);

}
.pagination a {
    text-decoration: none;
}
.pagination a .pag_dot {
    display: block;
    margin-bottom:13px;
-moz-border-radius: 11px;
border-radius: 11px;
background-color: #fff;
width:  11px;
height: 11px;
  opacity: 0.3;
  transition:           all 0.5s ease-out;
}
.pagination a:last-child .pag_dot {
    margin-bottom: 0px;
}
.pagination a.active .pag_dot {
    opacity: 1;
}
.pagination a:hover .pag_dot {
     opacity: 1;
     background-color: #E10E15;
}


.expnav_holder {
border-top:1px solid #ffffff;
max-width: 1300px;
margin: 0 auto;
}
.expnav {
    display: table;
    float: right;
padding-bottom: 3px;
}
.expnav_point {
    font-weight: 300;
    padding-top: 10px;
    font-size: 14px;
    float: left;
color: #fff;
margin-left:  15px;
margin-right: 15px;
letter-spacing: 0.13em;
border-top:5px solid #000;
  transition:               all 0.3s ease-in-out;
}
a:first-child .expnav_point {
   margin-left: 0px;
}
a:last-child .expnav_point {
   margin-right: 0px;
}
.expnav_point.active {
    color: #fff;

}
.expnav_point:hover {
}
.navholder {
display: table;
float: none;
clear: both;
float: right;
}

.expline {
    position: absolute;
    height: 5px;
    background-color: #fff;
    width: 20px;
  transition:               left 0.3s ease-out, width 0.2s ease-in-out, opacity 0.5s ease-in-out;
}

.c_case_headholder {
    padding-top: 146px;
    display: block;
    background-color: #d8d8d8;
}
.c_case_headimg {
    margin:0 auto;
    max-width: 1300px;
}
.c_case_headimg img {
    width: 100%;
    height: auto;
}
.c_case_img_holder {
    display: block;
    padding-top: 138px;
    float: none;
    clear: both;
}
.b_case .c_case_img_holder {
    display: block;
    padding-top: 154px;
    float: none;
    clear: both;
}
.blacksection_einzelbild {
  display: block;
  padding-top: 50px;
}
.blacksection_einzelbild img {
  display: block;width: 100%;height: auto;
}
.c_case_img_holder img {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.c_case_img_holder img:last-child {
    margin-bottom: 0px;
}

.c_case .main_content {
    padding-top: 145px;
    display: block;
}
.c_case .title_holder {
    max-width: calc(50% - 30px);
    float: left;
}
.c_case h1.c_case_title {
    font-size: 48px;
    line-height: 56px;
    display: block;
}
.c_case h2.c_case_title {
    font-size: 48px;
    line-height: 56px;
    display: block;
}
.c_case .leadtext {
    float: right;
font-size: 18px;
line-height: 24px;
    max-width: 50%;
    padding-top: 0px;
}
.c_case .leadtext a {
    text-decoration: underline;
    color: #222;
}
.fiftyfiftyholder {
    display: block;
    padding-top: 120px;
}
.fiftyfiftyholder .fiftyleft {
    float: left;
    width: calc(50% - 12px);
    max-width: 540px;
}
.fiftyfiftyholder .fiftyleft:last-child {
    float: right;
}
.fiftyfiftyholder .fiftyleft img {
    width: 100%;
    height: auto;
}
.fiftyleft.caseeinleitung2 {
    font-size: 24px;
    line-height: 32px;
    width: calc(50% - 64px);
    padding-right: 64px;
}
.fiftyleft.bschreibungsblock {
    font-size: 18px;
    line-height: 24px;
    width: 50%;
    max-width: 446px;
    float: left !important;
    padding-left: 12px;
}
.fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2 {
    font-size: 36px;
    line-height: 42px;
}
#abouty .fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2 {
    font-size: 72px;
    line-height: 72px;
}

.fullimg {
    overflow: hidden;
    position: relative;
    padding-top: 134px;
    display: block;
}
.fullimg h2 {
  position: absolute;
font-size: 36px;
line-height: 40px;
top: 40%;
color:
#fff;
transform: translateX(-50%);
left: 50%;
width: 1300px;
}
.fullimg2 img {
    display: table;
    margin:0 auto;
    width: 100%;
    height: auto;
}
#edestoffe.fullimg {
    padding-top: 0px;
    margin-top: 134px;
}
.fullimg img, .slide img {
    width: 100%;
    height: auto;
}
.fullimg #g2 {
    position: absolute;
    right:100%;
    bottom:0px;
}
#edelweissscroll.fullimg #g2 {
    position: absolute;
    left:100%;
    bottom:-30%;
  transition:               all 1.75s ease-in-out;

}
#edelweissscroll.fullimg #g2.inview  {
    bottom: 0px;
    left:0%;
}








.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}




.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  opacity: 1;
}

.slideholder {
    margin-top: 120px;
    display: block;
}

.newsbox .slideholder, .serviceslider.slideholder {
  margin-top: 0px;
}
.serviceslider.slideholder {
  height: 100vh;

}
.serviceslider.slideholder .slidepagination {
  position: absolute;
  bottom:50px;
  left:50%;
  transform: translateX(-50%);
  z-index: 100;

}
.serviceslider.slideholder .inside  {
position: absolute;
left:0px;
right:0px;
top:50%;
transform: translateY(-50%);
z-index: 2;
}
.serviceslider.slideholder .inside h1 {
  font-size: 96px;
  line-height: 110px;
  color: #fff;
}
.serviceslider.slideholder  .slidenext {
  background-image: url("img/nextpost_white.svg");
  background-size: auto 50px;
}
.serviceslider.slideholder  .slideprev {
  background-image: url("img/prevpost_white.svg");
  background-size: auto 50px;
}
.serviceslider.slideholder .sldpg {
  width: 80px;
}
.serviceslider.slideholder .sldpg .line {
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}
.serviceslider.slideholder .slidenav {
  bottom:0px;
}
.box .plus img {
  width: 30px;
  height: auto;
}
.boxhead {cursor: pointer;}
.box .plus {
      transition:  all 0.25s ease-in-out;
}
.box .plus.act {
  transform: rotate(-45deg);
}
#servicetoggler, #servicescroll {color: #fff;padding-top: 100px;padding-bottom: 100px;}
#servicescroll {padding-bottom: 0px;}
#servicetoggler .lefty, #servicetoggler .righty,
#servicescroll .lefty, #servicescroll .righty
{
  width: 50%;
  float: left;
  min-height: 1px;
  display: inline-block;
}
#servicescroll .first {
  padding-bottom: 200px;display: block;
}

#servicetoggler .box {
  display: block;
  border-bottom: 1px solid #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}
#servicetoggler .box:first-child {border-top: 1px solid #fff;}
#servicetoggler .box .plus {float: right;}
#servicetoggler h1, #servicescroll h1 {font-size: 72px;line-height: 80px;}
#servicetoggler h2 {font-size: 36px;line-height: 40px;float: left;}
#servicescroll h2 {font-size: 48px;line-height: 56px;}

.yoscr {display: block;margin-bottom: 150px;}
.yoscr:last-child {margin-bottom: 0px;}
.lefty video {
  float: left;
}
.righty video {
  float: right;
}
.lefty p, .righty p {max-width: 500px;}
.prllx {padding-top: 150px;}


.boxcontent {clear: both;padding-top: 30px;display: none;}
.boxcontent a {transition:  all 0.25s ease-in-out;}
.no-touch .boxcontent a:hover {padding-left: 25px;}
.boxcontent a img {margin-left: 10px;width: 20px;height: auto;}

.slidecontainer {
    background-color: #000;
    transition: all 0.2s ease-out;
}
.slideholder .slidenav {
    top:0px;
    bottom:110px;
    position: absolute;
    width: 50%;
    z-index: 99;
      cursor: pointer;
  transition:               all 0.2s ease-out;
}
.slide {
    opacity: 1;
transition:  all 0.2s ease-out;
}
.slide.hover {
    opacity: 0.5;
}
.slideholder .slidenext {
    right:0px;
background-image: url("img/nextpost_circle.svg");
background-size:  auto 50px;
background-repeat: no-repeat;
background-position: calc(100% - 25px) center;

}
.slideholder .slideprev {
    left:0px;
    background-image: url("img/prevpost_circle.svg");
background-size:  auto 50px;
background-repeat: no-repeat;
background-position: 25px center;
}
.slideholder .slidepagination {
    display: block;
    text-align: center;
    padding-top: 24px;
}
.slidetext {
    display: block;
    text-align: center;
}
.black_bg .slidetext {
    color: #fff;
}
.sldpg {
    cursor: pointer;
    display: inline-block;
    width: calc(33.33% - 33px);
    width: 40px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
}
#slider3 .sldpg, #slider4 .sldpg, #slider1 .sldpg {
    width: 100%;
    max-width: 40px;
}

.sldpg .line {
    display: block;
    height: 2px;
    background-color: #afafaf;
    margin-bottom: 32px;
  transition:                   all 0.2s ease-out;
}
.newsbox .sldpg .line {
  background-color: #505050;
}
.newsbox .sldpg .line {
  margin-bottom: 0px;
}
.black_bg .sldpg .line {
    background-color: #333;
}
.swiper-pagination-bullet-active .line {
    background-color: #000;
  transition:                   all 0.2s ease-out;
}
.newsbox .swiper-pagination-bullet-active .line {
    background-color: #fff;
  }
.autoslider .swiper-pagination-bullet-active .line {
    background-color: #000;
  animation:           balken 3.2s ease-in-out;
}

@keyframes balken {
       0% {   width: 0%; }
    100% { width: 100%; }
}
.black_bg .swiper-pagination-bullet-active .line {
    background-color: #afafaf;
}

.gray_bg {
    margin-top: 123px;
    background-color: #969696;
    color: #fff;
    padding-bottom: 123px;
}


.smallstatement {
    padding-top: 76px;
    display: table;
    max-width: 446px;
    margin:0 auto;
}
.verticalspacer160 {
    height: 160px;
    display: block;
    width: 100%;
}
.fiftyfiftyholderimg {
    display: block;
    padding-top: 160px;
}
.fiftyfiftyholderimg.aufreihung {
    padding-top: 24px;
}
.fiftyfiftyholderimg .fiftyleft {
    width: calc(50% - 12px);
    float: left;
}
.fiftyfiftyholderimg .fiftyleft:first-child {
    margin-right: 12px;
    float: left;
}
.fiftyfiftyholderimg .fiftyleft:last-child {
    margin-left: 12px;
    float: right;
}
.fiftyfiftyholderimg .fiftyleft img {
    width: 100%;
    height: auto;
}
.fiftyfiftyholderimg .fiftyleft.bschreibungsblock {
    max-width: unset;
    padding-left: 0px;
}
.fiftyfiftyholder.padd20 {
    padding-top: 20px;
}

.designpreisholder {
    padding-top: 160px;
    padding-bottom: 110px;
    display: block;
}
.designpreisholder .designimg {
    float: left;
    width: 100%;
    max-width: 360px;
}
.designpreisholder .designimg img {
    width: 100%;
    height: auto;
}
.designpreisholder .designstatement {
    float: right;
    max-width: 634px;
    font-size: 30px;
line-height: 36px;
}

.compotitle {
    position: absolute;
    z-index: 1;
    left:0px;
    right: 0px;
    top:218px;
}
.compotitle .inside {
    width: 100%;
    max-width: 1300px;
    display: table;
    margin:0 auto;
}
.compotitle .inside h2 {
    max-width: 410px;
    font-size: 36px;
line-height: 42px;
}

#komp .aw_plus{
    opacity: 0.8;
}
#komp .aw_plus.active {
    opacity: 1;
}
#komp .aw_inside {
    opacity: 0.8;
    font-size: 12px;
    line-height: 14px;
}
#komp .aw_inside h3 {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}
.offsetfifty {
    padding-bottom: 22px;
}
.offsetfifty .offsetclearer {
    width: 50%;
    float: left;
}
.fiftyfiftyholderimg.offsetfifty .offsetclearer .fiftyleft.bschreibungsblock {
    float: right !important;
    max-width: 434px !important;
    width: 100%;
    margin:0px;
    padding-right: 118px;

}
.a_case .caseeinleitung2 {
    font-size: 18px;
    line-height: 24px;
}
#buechi .black_bg {
    padding-bottom: 123px;
}

.black_bg .fiftyfiftyholder {
    color: #fff;
}
.black_bg .sldpg {
     color: #4a4a4a;
}
.anspr_meta {font-size: 12px;line-height: 18px;}
.anspr_meta a {color: #222;}


.a_columns {
    margin-top: 24px;
    display: block;
    position: relative;
}
.a_columns .col_entry { width:50%;padding-bottom: 50px;}
.a_columns .col_entry img {display: block;width: 100%;height: auto;margin-bottom: 24px;}
.a_columns .col_entry:nth-child(2) {
    padding-top: 20%;
}
.thirdyholder {
    padding-top: 60px;
    display: block;
}
.thirdyholder .thirdy {
    float: left;
}
.thirdyholder .thirdy.th1 {
    width: calc(33.33% - 24px);
    padding-right: 24px;
}
.thirdyholder .thirdy_wide {
    width: 43.33%;
}
.thirdyholder .thirdy.th2 {
    width: calc(33.33% - 24px);
    padding-left: 12px;
    padding-right:12px;
}
.thirdyholder .thirdy.th3 {
    width: calc(33.33% - 24px);
    padding-left: 24px;
}
.notoppadd {padding-top: 0px;}
.nobottompadd {padding-bottom: 0px;}
.sixty {
    width: 66.66%;
    float: left;
}
.sixty img {width: 100%;height: auto;}


.auszeichnung {
    border-bottom: 1px solid #000;
    padding-top: 113px;
    padding-bottom: 113px;
}
.auszeichnung h3 {
    font-size: 30px;
    line-height: 36px;
}
.auszeichnung img {
    float: right;
    width: 100%;
    height: auto;
    max-width: 264px;
    margin-left: 68px;
}
.teamtext {float: right;max-width: 500px;margin-right: 100px;text-align: left;}

#dna {
    background-color: #fff;
}
#dna h1 {font-size: 72px;
line-height: 72px;
display: block;
text-align: left;
display: inline-block;}
#dna .gridholder {padding-bottom: 120px;}
.dnaimg {
    margin-top: 50px;
    max-width: 540px;
    height: auto;
    display: block;
}
.bigimg {display: block;width: 100%;height: auto;}

.res {display: none;}

.noscroll {
  overflow:hidden;
}

.hamb {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top:17px;
    height: 14px;
    width: 20px;
}
.hambline {
    width: 20px;height: 2px;background-color: #fff;position: absolute;
    transition: all 0.15s ease-in-out;
}
 ul.mainnav {
    transition: all 0.25s ease-in-out;
}
#topheady.toggled ul.mainnav{
    top: 39px;
}
#hmb1 {top:0px;}
#hmb2 {top:6px;}
#hmb3 {bottom:0px;}

.active #hmb1 {top:6px; transform: rotate(-45deg);}
.active #hmb2 {top:6px; height: 0px;}
.active #hmb3 {bottom:6px; transform: rotate(45deg);}

.copyrightimage {font-size: 12px;line-height: 18px;display: block;padding-top: 10px;}




.single_cat_holder {max-width: 1300px;margin:0 auto;color: #fff !important;}
.single_cat_head {display: block;padding-top: 80px;}
.single_cat_head h1 {font-size: 72px;line-height: 72px;color:#fff;float: left;}
.single_cat_holder .text {padding-top: 50px;display: block;max-width: 800px;color: #fff;font-size: 24px;
line-height: 28px;float: left;padding-bottom: 40px;}
.single_cat_img {float: right;max-width: 210px;height: auto;width: 100%;padding-right: 50px;}
.single_cat_img img {width: 100%;height: auto;}
.singlecatvidholder {display: block;max-width: 1300px;margin:0 auto;}
.singlecatvidholder video {width: 100%;height: auto;}
.singlecat_second {padding-top: 0px;padding-bottom: 60px;max-width: 800px;}
.singlecat_second h2 {font-size: 24px;line-height: 28px;}

.expnav .expimg {display: none;}

.fadecontainer {
  position: relative;
  width: 100%;
  margin-bottom: 135px;
}
.fadecontainer .image-container {
  width: 100%;
  height: 0;
  padding-top: 45.347%;
  position: sticky;
  top: 0;
  background-size: cover;
  background-image: url("https://drive.google.com/uc?id=1vtaubItASKilyvb5sgQO7D7gjAQ7xo0i");
}
.fadecontainer .text-container {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  color: white;
}
.fadecontainer .text-container .subtitle {
  opacity: 0;
  font-size: 30px;
}
.fadecontainer .text-container .title {
  opacity: 0;
  font-size: 80px;
  margin: -20px 0;
}
.home_gridnav {display: block;padding-top: 50px;padding-bottom: 25px;}
.npo {
  position: relative;
  text-align: center;color: #fff;
  float: left;
  width: calc(20% - 40px);
  padding:20px;
  min-height: 160px;
  font-size: 24px;
  line-height: 32px;
}
.npo span {position: absolute;left:0px;right:0px; bottom:0px;}
.npo a {color: #fff;}
.npo img {max-width: 150px;width: 100%;height: auto;display: table;margin:0 auto;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in-out;
}

.no-touch .npo:hover img {
  transform: scale(1.1);
}

#scrollbuehne{
position: relative;
width: 100%;
margin-bottom: 100px;
background-image:url("img/loading.svg");
background-repeat:no-repeat;
background-position:center center;
background-size: 75px auto;
}

.jobsnav {
  padding-top: 50px;
  display: block;
}
.expnav_point {cursor: pointer;}
.jobs {background: #fff;color: #000;}
.job {padding-top: 50px;padding-bottom: 100px;}
.jobsholder .job {display: block;}
#abouty .job h1 {display: inline;}
.job .fiftyfiftyholder {padding-top: 0px;padding-bottom: 50px;}
.job img {float: right;max-width: 200px;height: auto;}
#abouty .job  .fiftyfiftyholder .fiftyleft h2, .greybg h2 {font-size: 36px;
line-height: 40px;}
.jobjead {display: block;}
.job span {display: block;padding-bottom: 50px;}
.white_bg {background-color: #fff;padding-top: 50px;padding-bottom: 50px;}
.white_bg * {color: #000 !important; }
.greybg {background-color: #e4e4e4;color: #000;padding-top: 50px;padding-bottom: 100px;}
.greybg video {display: block;width: 100%;height: auto;margin-top: 50px;}
.jobsnav .expnav_point:last-child {margin-right: 0px;}

.peopleholder {padding-bottom: 50px;}
#history {margin-top: 50px;padding-top: 50px;}
#history h2 {
  font-size: 72px;
  line-height: 72px;
}

.newfooter {
  display: block;
  color:#fff;
  font-size: 14px;
  font-weight: 100;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.newfooter h1 {
  font-size: 96px;
  line-height: 99px;
  text-align: center;

  display: table;
  margin:0 auto;
  margin-top: 200px;
  margin-bottom: 50px;
  max-width: 800px;
}
.maillink {display: table;color:#fff;
border:1px solid #fff;
padding:20px;
padding-left: 50px;padding-right: 50px;
margin:0 auto;
font-size: 18px;
  line-height: 18px;
  -moz-osx-font-smoothing: unset !important;
  font-weight: 600 !important;
  transition: all 0.13s ease-in-out;
}
.maillink:hover {
  color:#E10E15;
  border:1px solid #E10E15;
}
footer.newfooter a {color: #fff; border-bottom: 1px solid #000; transition: color 0.13s ease-in-out;}
footer.newfooter a:hover {border-bottom: 1px solid #fff;}
.bottomfoo {display: block;padding-top: 100px;margin-bottom: 50px;position: relative;}
.foo {float: left;}
.f1 {margin-right: 50px;}
.f3 {display: inherit;
  float: none;
  margin: 0 auto;
  width: 160px;}
.f3 a:hover {border:none !important;}
.f3 img {  transition: all 0.13s ease-in-out;}
.f3 a:hover img {transform:scale(1.15);}
.f4 {
  position: absolute;
  right:0px;bottom:0px;
}

.bgvid .backgroundvid2{
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}





.slideroldnew {padding-top: 100px;}
.ba-slider {position: relative;display: block; }
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.handle {
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
  background: #fff;
  cursor: pointer;
}

.handle:after {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin: -17px 0 0 -17px;
    content: " ";
    background-color: #000;
    background-image: url("img/drag.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    border: 4px solid #fff;
    border-radius: 50%;
    transition:all 0.25s ease;
}

.draggable:after {
    width: 24px;
    height: 24px;
    margin: -13px 0 0 -13px;
    background-color: #000;
    background-image: url("img/drag.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0px 0px;
    border: 4px solid #fff;
    border-radius: 50%;
}


.no35 {
  z-index: 1000;
    left: calc(50vw - 280px);
    top: 20px;
    position: fixed;
    width: 60px;
    height: 60px;
  }




/* * * * * * * * * * * * RESPONSIVE BABY * * * * * * * * * * * * */

@media (max-width: 1400px) {
#history .slidenext {right:0px;z-index: 2;}
#history .slideprev {left:0px;z-index: 2;}
#history #slider1 {margin-left: 50px;margin-right: 50px;}
}

@media (max-width: 1300px) {
.header, .advantage, .gridholder {padding-left: 20px; padding-right: 20px;}
.adv_holder .advantage {width: inherit;transform:none;left:0px;right: 0px;}

.adv_holder .advantage h1, .bigdata, .mitarbeitercounterholder span, #aboutpage h1, .awardcountholder .bigdata, .awardcountholder span, #abouty h1 {font-size: 96px;line-height: 96px;}
#abouty h1.h1first {
  font-size: 72px;
    line-height: 72px;
}

.newsbox.first h1, .single_case_top h1, .single_case_top h2, #newsnewest .newsbox.first h1, #instagram h1, #abouty .fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2, .peopleholder h1, .aw_title h1, .aw_metatext, #clients .clientstitle, #dna h1, #abouty .kompy h1,
.c_case h1.c_case_title, .c_case h2.c_case_title, .newslead, #history h2, .newfooter h1
 {font-size: 36px; line-height: 38px; }

.box_100 h1, .box_100 h2, .box_33 h1, .box_33 h2, .newsbox.others h1, .box_50 h1, .box_50 h2,.main_content .leadtext, .fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2, .mitarbeitercounterholder h1, .designpreisholder .designstatement, h3.perzstatement, #newsnewest .newslead, .news33 h1, #history h1,
 .kurabox h1, .kurabox h2, .topheadwhite span.secondtitle

 {font-size: 24px; line-height: 32px; }

.single_case_top .bt {padding-left: 20px;}

.newsbox.first {float: none; width: inherit; margin-bottom: 24px; clear: both; }
.newsbox.n2 {float: left; width: calc(50% - 10px); padding-right: 10px; } .newsbox.n3 {float: right; width: calc(50% - 10px); padding-left: 10px; }
#footer, .imprint, .legal, .inside {padding-left: 20px;padding-right: 20px;}
.inside.nopadder {padding-left: 0px;padding-right: 0px;}
#footer .col1 {left:20px;width: calc(33.33% - 20px);}
#footer .col2 {float: none;margin-left: calc(33.33% + 20px);width: initial;}
.single_case_top h1, .single_case_top h2 {padding-left: 20px;}

.bigdata {width: 115px;}
.mitarbeitercounterholder h1 {padding-top: 10px;}
.fiftyleft.bschreibungsblock, body, .bottom_h .preview {font-size: 16px;
line-height: 22px;}

.designpreisholder .designimg,
.designpreisholder .designstatement {width: calc(50% - 10px);max-width: initial;}
.designpreisholder .designimg {margin-right: 10px;}
.designpreisholder .designstatement {margin-left: 10px;}
h3.perzstatement {max-width: calc(50% - 10px);}
.aw_meta {left:20px;transform: none;width: calc(100% - 20px);}
.aw_title {max-width: calc(50% - 20px);}
.awardcountholder {left: calc(50% + 20px);}
.dnaimg {display: initial;}
.instapostholder {max-width: initial; border-right: none; width: 16.66%; border-left: 0px; }
.instapostholder:nth-child(1) {border-left: 0px;}
.fiftyleft.caseeinleitung2 {
    font-size: initial;
    line-height: initial;
    width: calc(50% - 12px);
    padding-right: 12px;
}
.fiftyleft.bschreibungsblock {width: calc(50% - 12px);max-width: initial;}
.fullimg h2 {left:20px;transform: none;}
.smallstatement {padding-left: 20px;padding-right: 20px;}
.adv_text {padding-right: 20px;}
.c_case .leadtext {
font-size: 16px;
line-height: 22px;
}
.newsrow .news33 {width: calc(33.33% - 17px);}
.navholder {padding-left: 20px;padding-right: 20px;}
.single_cat_head { padding-top: 50px; }
#expgridcontainer {padding-left: 20px;padding-right: 20px;}
.single_cat_head h1 {font-size: 36px; line-height: 38px;}
.single_cat_holder .text {font-size: 18px; line-height: 24px; }
.singlecat_second { padding-top: 50px; padding-bottom: 50px; max-width: 800px; }
.singlecat_second h2 { font-size: 18px; line-height: 24px; }
.looperholder {height: 300px}
@keyframes slide { 0% { background-position: 0 0; } 100% { background-position: -450vw 0; } }
.looper {height: 100px;background-size: 450vw auto;}
#abouty #werwirsind .leadtext {float: none;width: unset;display: block;}
.no35 { left: 385px; position: fixed; }
}

@media (max-width: 1200px) {
#history .slidenext {right:10px;z-index: 2;}
#history .slideprev {left:10px;z-index: 2;}
#history #slider1 {margin-left: 50px;margin-right: 50px;}
}

@media (max-width: 900px) {
  #history .slidenext {display: none;}
  #history .slideprev {display: none;}
  #history #slider1 {margin-left: 0px;margin-right: 0px;}

  .bottomfoo {margin-top: 50px;}
  .f1 { margin-right: 0; width: 50%;margin-bottom: 20px;}
  .f2 {
  float: none;
  width: 50%;
  margin-bottom: 10px;
}.f3 { display: inherit;
    float: none;
    margin: unset;
    width: 40px;
    position: absolute;
    right: -13px;
    top: 87px;
}
.f3 br:first-child {display: none;visibility: hidden;}
.f4 { position: relative; right: unset; bottom: unset;}
.f3 img {width: 100%;height: auto;}

}



@media (max-width: 940px) {

#abouty .aw_title, .awardcountholder {background-color:unset !important;color:#fff !important;}
#abouty .ab33 { float: left; width: calc(33% - 30px); margin-right: 10px; padding-left: 0px;}
#abouty #werwirsind .leadtext {max-width: unset; float: none; width: unset;}
  #scrollbuehne {margin-bottom: 0px;}
    .header, .header_visi {background-color: #000 !important;padding-bottom: 8px !important;}
    .blackfontnav ul.mainnav a, .whitefontnav .blackfontnav ul.mainnav a{color: #fff !important;}
    .topnav {padding-top: 20px;}
    .logo_nose, .header_bg .logo_nose {width: 230px;height: 25px;;margin-top: 9px;}
    .logo_nose svg {width: 230px;height: 25px;}

    .topnav, .header_bg .topnav {padding-top: 5px; }
    .newsleft {float: none; width: initial;padding-bottom: 0px; }
    #newsnewest .newsbox h2.date {padding-bottom: 20px;}
    .newsbox .text {margin-top: 20px; display: block; }
    .newsright {margin-left: 0px;margin-top: 20px; }
    #newsnewest #squarebutton3 {display: none;}
    #newsnewest .res {display: block;}
    #newsnewest .res  #squarebutton3 {display: table;position: relative;}
    .single_social {text-align: left;}
    .single_social img {margin-left: 20px; }
    #newsnewest #squarebutton3 {margin:0px;}
    .squarebutton {font-size: initial; line-height: 18px; padding-top: 10px; padding-bottom: 12px; padding-left: 18px; padding-right: 18px;}
    .newsrow .news33 {width: initial;float: none;clear:both;max-width: initial;
        margin-left: 0px;margin-right: 0px;}
    .gridcontainer_first {padding-top: 80px;}
    .newsbox.first h1, .single_case_top h1, .single_case_top h2, #newsnewest .newsbox.first h1, #instagram h1, #abouty .fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2, .peopleholder h1, .aw_title h1, .aw_metatext, #clients .clientstitle, #dna h1, #abouty .kompy h1, .c_case h1.c_case_title, .c_case h2.c_case_title, .newslead, #abouty .job h1, .greybg h2, #werwirsind.black_bg h1, #abouty .ab33.awardcountholder span, #abouty .ab33.awardcountholder .bigdata, #history h2 { font-size: 24px; line-height: 28px; }
    .box_100 h1, .box_100 h2, .box_33 h1, .box_33 h2, .newsbox.others h1, .box_50 h1, .box_50 h2, .main_content .leadtext, .fiftyfiftyholder .fiftyleft h2, .fiftyfiftyholderimg .fiftyleft h2, .mitarbeitercounterholder h1, .designpreisholder .designstatement, h3.perzstatement, .prevpost h4, .fullimg h2,
    .auszeichnung h3, #abouty #werwirsind .leadtext, #abouty .ab33 .aw_metatext, .czinside strong,  .kurabox h1, .kurabox h2, .topheadwhite span.secondtitle, .topheadwhite span.cpt {font-size: 18px;line-height: 22px;}
    #abouty .job .fiftyfiftyholder .fiftyleft h2 {font-family: 'HelveticaNeueLTPro-Bd', Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 16px;
line-height: 22px;}
.prevpost, .overview {font-size: 12px; line-height: 22px;}
.prevpost { padding-right: 25px; }
.overview { padding-left: 35px; }
#abouty .ab33 .aw_metatext {margin-top: 10px; padding-top: 10px;}
#abouty .job h1.h1first {margin-bottom: 20px;display: block;}
#newsnewest .gridholder {border-top: none;padding-top: 0px;}
.newsrow .news33, .newsrow .news33:nth-child(3), .newsrow .news33:nth-child(2), .newsrow .news33:nth-child(1) {padding-bottom: 25px;margin:0px;border-top: none;border-bottom: none;}
.news33 .text {padding-bottom: 0px;}
.news33 h1 {padding-top: 15px; padding-bottom: 20px; }
#noseinstafeed {border-bottom: none;}
.news33 .date {padding-bottom: 25px;}
#footer h1 {margin-bottom: 0px;}
#footer .col1, #footer .col2 {left: initial; width: initial; position: relative; display: block; max-width: initial; bottom: initial; top: initial; margin: 0; }
#footer .smrow {position: relative; bottom: initial; padding-top: 5px; padding-bottom: 20px;}
#footer .contactmetaholder .clefty, #footer .contactmetaholder .clefty:last-child {float: none; padding-right: 0px; display: block; clear: both; }
#footer .contactmetaholder .clefty:last-child {padding-top: 30px;}
.c33, .b50, #G13 .newsrow {display: block !important;}
.box_50, .box_50:nth-child(1), .box_50:nth-child(2),
.box_33, .box_33:nth-child(1), .box_33:nth-child(2), .box_33:nth-child(3), .box_100, .newsrow .box_33:nth-child(1), .newsrow .box_33:nth-child(2), .newsrow .box_33:nth-child(3)
 {margin-top: 12px; margin-bottom: 12px; float: none; width: initial; margin-right: 0px; margin-left: 0px;margin-bottom: 25px;margin-top: 0px;
}
.kuragrid .kurabox {
  width: calc(100% - 30px);padding-top:calc(100% - 90px);
}
.defaultbox {margin:0px;display: none;visibility: hidden;}
.newsbox.first h1 {padding-bottom: 30px;}
.newslead, .newsprev, .newsbox.first .newsprev {margin:0px; float: none; width: initial; padding-right: 0px; display: block; padding-left: 0px; }
.newsbox.first .newslead{padding-bottom: 25px;}
.fiftyfiftyholder {padding-top: 40px;}
.fiftyleft.caseeinleitung2, .fiftyleft.bschreibungsblock {width: initial;padding-right: 0px;display: block;padding-bottom: 20px;padding-left: 0px;}
.slideholder {margin-top: 40px;padding-top: 0px;display: block;}
.fullimg, .fiftyfiftyholderimg, .designpreisholder {padding-top: 40px;}
.designpreisholder .designimg {max-width: 400px;}
.designpreisholder .designimg, .designpreisholder .designstatement {width: 100%;display: block; padding-bottom: 20px; }
.ansprechspartner_holder , .designpreisholder{display: block; padding-top: 40px; padding-bottom: 40px; }
.fiftyfiftyholder .fiftyleft, .fiftyfiftyholder .fiftyleft:last-child {float: none; width: initial; max-width: inherit; margin-bottom: 20px; display: block; }
.jobsholder .fiftyleft.caseeinleitung2 {margin-bottom: 0px;padding-bottom: 0px;}
.jobsholder .fiftyfiftyholder .fiftyleft {margin-bottom:0px;}
br.hider {display: none;}
 .b_case .c_case_img_holder, .b_case .c_case_img_holder {padding-top: 40px;}
h3.perzstatement {max-width: initial; padding-top: 30px; padding-left: 0px; }
.postnav {margin-top: 20px;}
.c_case .main_content, .c_case_img_holder, .b_case .c_case_img_holder {padding-top: 40px; display: block; }
.c_case .title_holder, .c_case .leadtext {max-width: initial; float: none; display: block;padding-bottom: 20px; }
.gridcontainer_first, .c_case_headholder {
    padding-top: 66px;
}
.c_case_headholder {padding-top: 47px; }
.main_content .leadtext {padding-top: 40px;}
.fiftyfiftyholder .clearfix br:nth-child(1), .fiftyfiftyholder .clearfix br:nth-child(2), .fiftyfiftyholder .clearfix br:nth-child(3),
#erowa .fiftyfiftyholder br
 {display: none;visibility: hidden;}
.hider {display: none !important;}
.specialpadd {padding-bottom: 40px; }
.specialpadd .fullimg {padding-top: 0px;}
.inside.specialpadd {padding-left: 0px;padding-right: 0px;}
#stadler #slider1 {margin-top: 0px;}
.swiper-container {padding-top: 0px;}

#swisscom .inside.specialpadd,
#glacierexpress .inside.specialpadd,
#erowa .inside.specialpadd,
#edelweiss .inside.specialpadd
{padding-left: 20px;padding-right: 20px;padding-bottom: 0px;}

.auszeichnung {padding-top: 40px;padding-bottom: 40px;}
.auszeichnung img {margin-left: 0px;float: none;}
.a_columns .col_entry:nth-child(2) {
    padding-top: 0px;
}
.a_columns .col_entry {
    width: initial;display: block;
    padding-bottom: 20px;
}
#glacierexpress .inside .fiftyfiftyholder.notoppadd {padding-top: 0px;}
.thirdyholder {padding-top: 20px;}
.thirdyholder .thirdy.th1, .thirdyholder .thirdy.th2, .thirdyholder .thirdy.th3 {
    padding-left: 0px;padding-right: 0px;display: block;width: initial;padding-top: 20px;
}
.sixty {width: 100%;float: none;clear: both;padding-top: 20px;padding-bottom: 0px;}
.gray_bg {padding-bottom: 20px;}
#edestoffe.fullimg {margin-top: 20px;}
.aw_plus {display: none;}
.gridcontainer {padding-bottom: 0px;}

#newsall.gridcontainer {padding-bottom: 40px;}

#squarebutton2.moa {margin-bottom: 40px;}
#abouty .black_bg {padding-bottom: 40px; }
.kompy {padding-top: 40px; padding-bottom: 40px; }
.kompyhead {padding-top: 40px; padding-left: 0px; padding-bottom: 40px; }
.komp_fifty_l, .kompyhead .komp_fifty_r, .kompleft .komp_fifty_l, .kompleft .komp_fifty_r, .kompright .komp_fifty_r {width: initial; float: none;padding-left: 0px;padding-right: 0px; }
.komp_fifty_l {padding-bottom: 20px;}
.smyll, .kompleft .komp_fifty_r img, .kompright .komp_fifty_l img {max-width: 100%;float: none;clear: both;display: block;}
.kompleft, .kompright {padding-bottom: 40px;}
.peopleholder .inside h1:nth-child(1) br {display: none;}
.peopleholder .inside h1:nth-child(1) {display: block;float: none;width: initial;}
.teamtext {float: none; max-width: initial; margin-right: 0px; text-align: left; padding-top: 20px; }
.people_row {display: block !important;padding-bottom: 0px;}
.people_row .peoplebox {display: block;width:100%;max-width: 540px;margin-bottom: 40px;}
.aw_meta {left: initial; transform: none; width: inherit; position: relative; }
.aw_title, .awardcountholder {
    top: initial;
    left: initial;
    color:#000;
    position: relative;
    max-width: initial;
    background-color: #fff;padding:20px;
}
.adv_holder .advantage h1, .bigdata, .mitarbeitercounterholder span, #aboutpage h1, .awardcountholder .bigdata, .awardcountholder span, #abouty h1 {
    font-size: 36px;
    line-height: 40px;
}
.awardcountholder .bigdata, #mitarbeitcount {width: 45px}
#clients, .clientsholder {padding-top: 40px; }
.clientbox {width: 50%;margin-bottom: 10px; }
.dnaimg {margin-top: 20px; max-width: 100%;}
#dna .gridholder {padding-bottom: 40px;}
.newsbox.n2, .newsbox.n3 {
    float: none;
    width: initial;
    padding-right: 0px;
    clear: both;
    padding-left: 0px;
    padding-bottom: 20px;margin-bottom: 20px;
}
.newsbox h2.date {padding-top: 20px;}
#news #squarebutton3 {margin-bottom: 40px;}
#about .gridhead {display: none;}
.mitarbeitercounterholder {padding-left: 0px;}
.gridcontainer#about {padding-bottom: 40px;}
#aboutpage.gridcontainer {
    height: 100vh;
}
#aboutpage h1#weare {

}
#slider3 .sldpg, #slider4 .sldpg, #slider1 .sldpg, .sldpg {
    width: 100%;
    max-width: 10px !important;
}

#homeygrid {padding-bottom: 0px;}
 .down_next {
        bottom:60px;
    }
#about .mitarbeitercounterholder  #mitarbeitcount,
#about .mitarbeitercounterholder  span,
#about .mitarbeitercounterholder  h1
 {display: none;visibility: hidden;}
.c_case .leadtext {
font-size: 16px;
line-height: 22px;
}
.single_cat_img {display: none;}

.navholder {display: block; padding-top: 0px;
float: none;display: block;width: 840px;overflow: scroll;
}
.jobsnav .navholder {width: unset;overflow: hidden;}
.expline {display: none;}
.expnav_point.active {
    color: #fff;
    border-top: 5px solid #fff;
}
.expnav_holder{overflow: hidden;
width: 100vw;
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;}
.jobsnav .expnav_holder {width: unset;margin-left: 0px;margin-right: 0px;}
.expnav {display: block; float: none; clear: both;overflow-y: hidden;padding-bottom: 25px;}
.expnav .expimg {display: block;}
.expnav span {display: none;}
.jobsnav .expnav span {display: block;}

.expnav_point {width: 140px; margin-right: 0px;margin-left: 0px;padding-top: 30px;}
.expnav_point .expimg {max-width:75px;height: auto;margin-left: 5px;margin-right: 5px;width: calc(100% - 10px);display: table;margin:0 auto;}

.jobsnav .expnav_point .expimg {display: none;}
.jobsnav .expnav_point.active {border:none;}
.npo { font-size: 16px;
line-height: 22px;}
.job img {max-width: 100px;}
.jobsnav {padding-top: 0px;}
.jobby #werwirsind {padding-bottom: 20px;}

.serviceslider.slideholder .inside h1, #servicetoggler h1, #servicescroll h1 {font-size: 40px;line-height: 44px;}
#servicetoggler h2, #servicescroll h2 {font-size: 24px;line-height: 28px;}
.serviceslider.slideholder .sldpg {max-width: 40px !important;}
#servicetoggler .lefty, #servicetoggler .righty, #servicescroll .lefty, #servicescroll .righty {
  display: block;float: none;clear: both;width: unset;
  margin-top:0px;
}
#servicetoggler h1 br, #servicescroll h1 br {display: none;}
#servicetoggler, #servicescroll {
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
 #servicescroll {padding-top: 0px;padding-bottom: 0px;}
   #servicetoggler .lefty {margin-bottom: 25px;}
#servicetoggler .box {padding-top: 20px;padding-bottom: 20px;}
#servicescroll .first { padding-bottom: 0;}
.prllx { padding-top: 0; }
.righty video, .lefty video { float: none; display: table; margin: 0 auto; max-width: 400px; width: 100%; }
.yoscr { display: block; margin-bottom: 0; }
.lefty p, .righty p {max-width: unset;}
#mm2, #mm4 { display:flex;flex-flow: column;}
#mm2 .lefty, #mm4 .lefty {order:2 ;}
#mm2 .righty, #mm4 .righty {order:1;}
.serviceslider.slideholder .slidenav {display: none;}
.clientzitat .fifty { float: none;clear: both;width: unset;display: block;font-family:'HelveticaNeueLTPro-Bd', Helvetica Neue,Helvetica,Arial,sans-serif; }
.czinside strong:before { left: -10px; top: -2px; }
.czinside i, .czinside em {  font-family: 'HelveticaNeueLTPro-Lt', Helvetica Neue,Helvetica,Arial,sans-serif;}
.czinside { padding-top: 50px; padding-bottom: 50px;}
.czinside img { margin-bottom: 15px; }
.slideholder .slidenext { background-size: auto 35px;background-position: calc(100% - 10px) center; }
.slideholder .slideprev{ background-size: auto 35px;background-position: 10px center; }
h3.perzstatement::before {  left: -10px; top: 30px; }

#newsnewest.gridcontainer_first { margin-top: 60px; margin-bottom: 20px;}
#abouty #werwirsind .leadtext {padding-top: 25px;}
#abouty .newjobspage#werwirsind .leadtext { font-size: 24px; line-height: 28px; }
.job span {padding-bottom: 0;}
#abouty .job .fiftyfiftyholder .fiftyleft h2 br {display: none;visibility: hidden;}
.job .fiftyfiftyholder {padding-bottom: 0;}
#abouty .job h1.h1first {margin-bottom: 0;}
#abouty .job .white_bg {padding-bottom: 0;padding-top: 0;}
.job {padding-bottom: 25px;}

.navhack.header, .navhack.header_visi { background-color: #fff !important; }
.navhack .hambline { background-color: #000 !important;}
.navhack ul.mainnav {background-color: #fff !important;}
.navhack ul.mainnav a {color: #000 !important;}
.navhack .nline.current { background: #000 !important; }
.no35 { left: 265px; position: fixed; top: 6px; height: 40px; width: 40px; }
}


@media (max-width: 1420px) {
  .serviceslider.slideholder .inside{
  top: calc(50% + 150px);
  }
}



@media (max-width: 850px) {
    .header, .topnav {overflow: visible;}
    .hamb {display: block;}
    ul.mainnav {
        padding-top: 20px;
        background-color: #000;
        height: 100vh;
        position: fixed;
        right: 0px;
        left:0px;
        width: 100vw;
        top:100vh;
        z-index: 1200;
    }

    ul.mainnav li.menu-item-depth-0 {
        opacity: 0;
        float: none;display: block;
        padding-top: 80px;
        transition:  all 0.3s ease-in-out;
    }

    #topheady.toggled ul.mainnav li.menu-item-depth-0 {
        opacity: 1;
        padding-top: 20px;
        transition-delay: 0.3s;
        transition:  all 0.75s ease-in-out;
    }
    .header_bg ul.mainnav a, ul.mainnav a { color: #fff !important; }
    #squarebutton1 {
        bottom:100px;
    }

    .lastinsta .seemoreinsta {display: none;}
    .npo {margin-bottom: 50px;min-height: 110px;width: 140px;}
    .npo img {max-width: 120px;}
    .npo {width: calc(50% - 40px);font-size: 14px;line-height: 14px;}
    .npo:last-child {clear: both;}
    .jobsnav .expnav_point {
      color: #fff;
      float: none;
      display: block;
      clear: both;
      width: unset;
      padding-top: 0px;
    }
    .jobsnav .navholder {padding-top: 10px;}
    .job img {display: none;}

    .looperholder {height: 300px}

    @keyframes slide {
        0% { background-position: 0 0; }
        100% { background-position: -550vw 0; }
    }
    .looper {height: 100px;background-size: 550vw auto;}
    .bottom_h .y .plus {display: none;}
    .serviceslider.slideholder .slidepagination { position: absolute; bottom: 50px; left: 25px; transform: none; z-index: 100; right: 25px; }

    ul.mainnav .language-chooser-item.language-chooser-item-de {
      padding-left: 25px;
    }
    ul.mainnav li.language-chooser-item {
      padding-top: 25px;
    }
    .czinside img {
        max-width: 150px;
    }
    ul.mainnav a {display: table;}
    .nline.current {background:#fff !important;}
}

@media (max-width: 300px) {
  .npo {width: calc(100% - 40px);}
}