/* COLORS
-------------------------------------------------------------------------------


	black: #1e0f1e;
	orange: #ff6400;
	green: #64f0aa;
	yellow: #ffcd00;
	blue: #00b4ff;
	purple: #c882ff;


-------------------------------------------------------------------------------
*/



/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
  color: #1e0f1e;
  font-family: "aktiv-grotesk", 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
  font-size: 1.25vw;
}
html, body, .wrapper {
	max-width: 100%;
	overflow-x: hidden;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #1e0f1e;}



/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #1e0f1e; color: #fff; text-shadow: none;}
::selection {background: #1e0f1e; color: #fff; text-shadow: none;}

.bgc-black ::-moz-selection{background: #fff; color: #1e0f1e; text-shadow: none;}
.bgc-black ::selection {background: #fff; color: #1e0f1e; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: inherit;}
a { color: inherit; }

ins {background-color: #ff6400; color: #1e0f1e; text-decoration: none;}
mark {background-color: #ff6400; color: #1e0f1e; font-style: italic; font-weight: 700;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {border-left: 16px solid #1e0f1e; padding: 1rem 1rem 1rem;background-color: #f8f7f8;}

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li, .neues__link {
	padding-left: 3vw;
    text-indent: -3vw;
}

ul li:before {
  	content: "—";
  	padding-right: .75vw;
}
.chevron-li {
    padding-left: 3vw;
    text-indent: -2vw;
}
.chevron-li:before {
  	content: ">";
  	padding-right: .75vw;
}
.chevron-li--active:before {
  	content: "<";
}
.cursor-li:before {
  	content: "";
  	background-image: url(../img/cursor_white.svg);
  	background-size: cover;
  	background-repeat: no-repeat;
  	display: inline-block;
  	position: relative;
  	width: .5vw;
  	height: 1vw;
  	top: .025vw;
  	padding-right: 0;
  	margin-right: .75vw;
}

.cursor-li--black:before, .cursor-li--white:before {
  	content: "";
	background-image: url(../img/cursor_black.svg);
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	width: .5vw;
	height: 1vw;
	top: .025vw;
  	padding-right: 0;
  	margin-right: .75vw;
}
.cursor-li--white:before {
  background-image: url(../img/cursor_white.svg);
}



/* GENERAL
-------------------------------------------------------------------------------*/
object, .sidebar--fade.fullWidth.bg-img {
	pointer-events: none;
}

.hidden {
	display: none;
}
.invisible {
	opacity: 0 !important;
	visibility: hidden;
}
.wh{height:100%!important}
.ww{width:100%!important}
.x {
	margin-bottom: 0;
}
.mb0 {
	margin-bottom: 0;
}
.mb1 {
	margin-bottom: 1rem;
}
.mb1-5vh {
	margin-bottom: 1.5vh;
}
.mt1-5vh {
	margin-top: 1.5vh;
}
.mt3vh {
	margin-top: 3vh;
}
.mt6vh {
	margin-top: 6vh;
}
.mt10vh {
	margin-top: 10vh;
}
.mt-20vh {
	margin-top: -20vh;
}
.mb6vh {
	margin-bottom: 6vh;
}
.mb12vh {
	margin-bottom: 12vh;
}
.mr1vw {
	margin-right: 1vw;
}
.pt125vw {
	padding-top: 12.5vw;
}
.pt30vh {
  padding-top: 30vh !important;
}
.pb6vh {
	padding-bottom: 6vh;
}
.vh100 {
	max-height: 100vh;
}
.minvh100 {
	min-height: 100vh;
}
.minvh75 {
	min-height: 75vh;
}
.minh-375vw {
	min-height: 37.5vw;
}
.p0 {
	padding: 0 !important;
}
.lh1 {
	line-height: 1;
}
.fullWidth {
	height: 100%;
	width: 100%;
}
.centerV {
	display: flex !important;
	align-items: center;
}
.centerVert {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.jumbo {
	min-height: 100vh;
	overflow: hidden;
}
.col-75 {
	flex: 0 0 75%;
  	max-width: 75%;
}
.lh125 {
	line-height: 1.25;
}
.fz100 {
	font-size: 5.4vw;
}
.fz72 {
	font-size: 3.8vw;
}
.fz52 {
	font-size: 3vw;
}
.fz42 {
	font-size: 2.25vw;
}
.fz28 {
	font-size: 1.4vw;
}
.fz24 {
	font-size: 1.2vw;
}
.fz14 {
	font-size: .7vw;
}
@media screen and (max-width:900px) and (orientation:landscape) {
  
  .fz28, body {
      font-size: 1.75vw;
  }
  .fz24 {
      font-size: 1.4vw;
  }
  .fz14 {
      font-size: 1.2vw;
  }
}

.tc-white {
	color: #fff;
}
.tc-black, .menu a.tc-black {
	color: #1e0f1e;
}
.tc-orange, .tc-sonstiges {
	color: #ff6400;
}
.tc-yellow, .tc-organisation {
	color: #ffcd00;
}
.tc-green, .tc-sicherheit {
	color: #64f0aa;
}
.tc-purple, .tc-service {
	color: #c882ff;
}
.tc-blue, .tc-hardware {
	color: #00b4ff;
}
.bold, .bold * {
	font-weight: 700;
	text-transform: lowercase;
}

.regular, .trueregular {
	font-weight: 400;
}

.uppercase, .uppercase > *, .uppercase > ul > li > a, .uppercase * {
	text-transform: none !important;
}

.bgc-white {
	background-color: #fff;
}
.bgc-black {
	background-color: #1e0f1e;
}
.bgc-orange, .bgc-sonstiges {
	background-color: #ff6400;
}
.bgc-green, .bgc-sicherheit {
	background-color: #64f0aa;
}
.bgc-yellow, .bgc-organisation {
	background-color: #ffcd00;
}
.bgc-blue, .bgc-hardware {
	background-color: #00b4ff;
}
.bgc-purple, .bgc-service {
	background-color: #c882ff;
}

.bg-img__sicherheit {
	background-image: url(../img/sicherheit.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 55% center;
}
.bg-img__organisation {
	background-image: url(../img/organisation.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 85% center;
}
.bg-img__hardware {
	background-image: url(../img/hardware.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}
.bg-img__service {
	background-image: url(../img/service.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% center;
}
.bg-img__datev {
	background-image: url(../img/datev.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}
.bg-img__jobs {
	background-image: url(../img/jobs.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 53% center;
}
.bg-img__sachverstaendiger {
	background-image: url(../img/voss-sachverstaendiger.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg-img__unternehmen {
	background-image: url(../img/voss-tempel.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 55% center;
}
.bg-img__unternehmen1 {
	background-image: url(../img/unternehmen-gebaeude.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% center;
}
.bg-img__unternehmen2 {
	background-image: url(../img/unternehmen-wie.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 10% center;
}
.bg-img__unternehmen3 {
	background-image: url(../img/unternehmen-was.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 55% center;
}
.bg-img__unternehmen4 {
	background-image: url(../img/unternehmen-wo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 85% center;
}
.bg-img__unternehmen5 {
	background-image: url(../img/unternehmen-wieso.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 75% center;
}
.bgp-left {
	background-position: left center !important;
}
.bgp-center {
	background-position: center center !important;
}
.bgp-right {
	background-position: right center !important;
}
.grayscale {
	filter:grayscale(1);
}





/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 47.5%;
    margin: auto;
}
#status .blink {
	text-align: center;
}
#status .mehr.blink:after {
    width: 2vw;
    height: 4vw;
}
.non-touch #status .mehr.blink:hover:after {
	content: "";
}

.footer {
    width: 100vw;
}

/* .artikel2 .ti-cursor {
	bottom:1.25vw !important;
} */

/* NAV
-------------------------------------------------------------------------------*/
.wrapper header {
	position: fixed;
	z-index: 99;
}
.menu {
	/* pointer-events: none; */
}
.menu nav {
	overflow: hidden;
}

.menu__open {
	clear: both;
}

.menu__open:after {
	content: " >";
  	padding: 0 0.3rem;
  	cursor: pointer;
  	display: inline-block;
  	
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.menu__open--rotate:after {
	-webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(540deg) translateY(-1px);
    -moz-transform: rotate(540deg) translateY(-1px);
    -ms-transform: rotate(540deg) translateY(-1px);
    -o-transform: rotate(540deg) translateY(-1px);
    transform: rotate(540deg) translateY(-1px);
    content: " ×";
}

.menu__links li:nth-child(1):after, .menu__links li:nth-child(4):after, .menu__links li:nth-child(5):after, .menu__links li:nth-child(8):after, .menu__list li:after {
  content: "—";
  padding: 0 0.2vw;
}
.menu__list li:last-child:after {
  content: " ";
}
.menu li:before {
  content: none;
  padding-right: 0;
}

.menu__logo {
    width: 13%;
    position: absolute;
    left: 3vw;
    top: 15vh;
}
.menu__logo object {
	height: 10rem;
}

.menu__list {
	margin-bottom: 0;
	opacity: 1;
	
	transition: .3s all cubic-bezier(0.25,0.1,0.25,1); 
}

.menu__left {
	position: absolute;
	/* pointer-events: none; */
	left: 2.7vw;
}
.menu__right {
	position: absolute;
	/* pointer-events: none; */
	right: 3vw;
}

.menu__list li, .menu__links li {
	display: inline-block;
	margin-bottom: 0;
}
.menu a {
	color: #fff;
	/* pointer-events: all; */
}
.menu__links {
	margin-bottom: 0;
	text-align: right;
}


/* Start Section
-------------------------------------------------------------------------------*/

.row .column.sidebar {
	padding-left: 2vw;
	padding-right: 1.5vw;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.leistung {
	clear: both;
	overflow: hidden;
}
.leistung object, .leistung p {
	/* float: left; */
}
.leistung object {
	margin-right: 8%;
	height: 5vw;
	margin-top: .75vw;
}

.slider {
	margin-left: -10vw;
	margin-right: 0;
	width: 75vw;
    max-width: 75vw;
	height: 100vh;
    max-height: 100vh;
}
.slider-item {
    height: 100vh;
    overflow: hidden;
}
.slider-item__content {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.slider-bg {
	max-width: 75vw;
	overflow: hidden;
}
.title-big {
	position: absolute;
	bottom: 13.5vh;
	max-width: 55%;
	left: 10vw;
}
.row .column.content-left {
	min-height: 100vh;
	padding: 0;
	padding-left: 10vw;
	padding-right: 10vw;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.neues .row .column.content-left, .artikel2 .row .column.content-left {
	padding-left: 20vw;
	padding-right: 2vw;
}
.jobs .row .column.content-left {
	padding-left: 10vw;
	padding-right: 10vw;
}
.container .column {
	padding: 5vh 3vw 0;
}

.container .column.menu {
    padding: 5vh 3vw 0 2.7vw;
}

.hover {
	background-color: transparent;
	padding-left: .3vw;
	padding-right: .4vw;
	margin-left: -.3vw;
}
.hover.hover-no-padding {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
}
.chevron-li .hover {
	margin-left: .7vw;
	padding-left: .1vw;
}
.non-touch .hover:hover {
	color: #1e0f1e;
  	background-color: #fff;
}
.kontakt-section .hover:hover {
  	background-color: #fff;
}
.menu .hover:first-child, .back-btn--link{
	margin-left: 0;
}

.non-touch .tc-orange.hover:hover {
	color: #1e0f1e;
  	background-color: #ff6400;
}
.non-touch .tc-white.hover:hover, .non-touch .tc-white a:hover {
	color: #1e0f1e;
  	background-color: #fff;
}
.non-touch .tc-black.hover:hover, .non-touch .tc-black a:hover {
	color: #fff;
  	background-color: #1e0f1e;
}

.non-touch .cursor-sicherheit .hover:hover {
	color: #1e0f1e !important;
  	background-color: #64f0aa;
}
.non-touch .cursor-hardware .hover:hover {
	color: #1e0f1e !important;
  	background-color: #00b4ff;
}
.non-touch .cursor-organisation .hover:hover {
	color: #1e0f1e !important;
  	background-color: #ffcd00;
}
.non-touch .cursor-orange .hover:hover, .non-touch .cursor-sonstiges .hover:hover {
	color: #1e0f1e !important;
  	background-color: #ff6400;
}
.non-touch .cursor-service .hover:hover {
	color: #1e0f1e !important;
  	background-color: #c882ff;
}
.non-touch .cursor-white .hover:hover, .non-touch .cursor-sicherheit-white .hover:hover, .non-touch .cursor-organisation-white .hover:hover, .non-touch .cursor-hardware-white .hover:hover, .non-touch .cursor-service-white .hover:hover {
	color: #1e0f1e !important;
  	background-color: #fff;
}
.non-touch .cursor-black .hover:hover {
	color: #fff !important;
  	background-color: #1e0f1e;
}

.weiter, .hoch, .zurueck, .weiter--fake, .zurueck--fake {
	position: absolute;
	left: 67%;
	bottom: 5%;
}
.zurueck--fake {
  left: 3vw;
}

/* cursor height = textsize-0.5vw */
.blink:after {
	content: "";
	background-image: url(../img/cursor_white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	width: .5vw;
    height: 1vw;
    top: .025vw;
  	/* pointer-events: none; */
	-webkit-animation: 1s blink step-end infinite;
	-moz-animation: 1s blink step-end infinite;
	-ms-animation: 1s blink step-end infinite;
	-o-animation: 1s blink step-end infinite;
	animation: 1s blink step-end infinite;
}
.mehr.blink:after {
	width: .875vw;
    height: 1.75vw;
}

.cursor-orange.blink:after, .cursor-sonstiges.blink:after {
	background-image: url(../img/cursor_orange.svg);
}
.cursor-black.blink:after {
	background-image: url(../img/cursor_black.svg);
}
.cursor-sicherheit.blink:after {
	background-image: url(../img/cursor_sicherheit.svg);
}
.cursor-sicherheit-white.blink:after {
	background-image: url(../img/cursor_sicherheit_white.svg);
}
.cursor-service.blink:after {
	background-image: url(../img/cursor_service.svg);
}
.cursor-service-white.blink:after {
	background-image: url(../img/cursor_service_white.svg);
}
.cursor-hardware.blink:after {
	background-image: url(../img/cursor_hardware.svg);
}
.cursor-hardware-white.blink:after {
	background-image: url(../img/cursor_hardware_white.svg);
}
.cursor-organisation.blink:after {
	background-image: url(../img/cursor_organisation.svg);
}
.cursor-organisation-white.blink:after {
	background-image: url(../img/cursor_organisation_white.svg);
}

.non-touch .blink:hover:after {
	content: none;
}

.noblink:after {
	animation: none;
}

.datev-partner {
	margin-bottom: 7.5vh;
}
.datev-logo {
	width: 40%;
}
.datev-logo:first-child {
	margin-right: 8%;
}

.bg-img__datev {
	position: relative;
}
.datev-partner--bottom {
	margin-bottom: 1vw;
    margin-right: 1vw;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 33.33%;
}
.datev-logo--bottom {
	width: 100%;
}
.datev-logo--bottom:first-child {
	margin-bottom: .75vw;
}

.iconTitle__icon {
	position: absolute;
    width: 5vw;
    margin-left: -7vw;
    margin-top: 0.25vw;
}

.iconTitle__icon--sidebar {
	/* position: relative; */
    margin-left: 0;
}
.icon--white * {
	fill: #fff !important;
}

.leistung .icon__hover object {
	position: absolute;
}
.leistungen {
	overflow: hidden;
}
.leistung {
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.leistung p {
	margin-left: 4vw;
	margin-bottom: 2.25vh;
}
.leistung a, .non-touch .leistung a:hover {
	color: #fff;
}

.icon__hover {
	opacity: 1;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}

.typeThis {
	opacity: 1;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.fadeContent {
	opacity: 1;
	transition: all .6s cubic-bezier(0.25,0.1,0.25,1);
}
.fadeContent--typed {
	opacity: 1;
	transition: all .6s cubic-bezier(0.25,0.1,0.25,1);
}
.fadeContent--load {
	opacity: 1;
	transition: all .6s cubic-bezier(0.25,0.1,0.25,1);
}
.sidebar--fade {
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1), filter 1s cubic-bezier(0.25,0.1,0.25,1);
	opacity: 1;
}
.fadeIn {
	opacity: 0;
}

.column-two {
	width: 50%;
}

.neues__teaser {
	width: 12vw;
	height:24vw;
	float: left;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.neues__teaser:last-of-type {
	margin-right: 0;
}
.hyphenate {
    word-break: break-word;
    hyphens: auto;
}

.neues__content {
	width: 100%;
	height: 100%;
	position: relative;
	background: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 50%);
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.neues__content:hover {
	background-color: #000;
	background-color: rgba(0,0,0,.5);
}
.neues__content--box {
	position: absolute;
	bottom: 0;
	padding: .75vw;
	overflow: hidden;
}
.hover-hide {
    visibility: hidden;
    opacity: 0;
	overflow: hidden;
	max-height: 0;
	transition: opacity .6s cubic-bezier(0.25,0.1,0.25,1), max-height .3s cubic-bezier(0.25,0.1,0.25,1), visibility 0s;
}
.neues__content--hover:hover .hover-hide {
    visibility: visible;
    opacity: 1;
	max-height: 70vw;
	transition: visibility 0s, opacity .6s cubic-bezier(0.25,0.1,0.25,1), max-height .6s cubic-bezier(0.25,0.1,0.25,1);
}
.anchorLink {
	display: inline-block;
}
.artikel2 .artikel-teaser__content a {
	text-decoration: underline;
	color:#ff6400;
}
.artikel2 .artikel-teaser__content a:hover {
	text-decoration: none;
	color: #fff;
  	background-color: #1e0f1e;
}
.artikel2 iframe {
	width: 52vw;
    height: 29.25vw;
}
.artikel2 .content-left a.neues__link--tag {
  	margin-right: .6vw;
	text-decoration: none;
	color: #1e0f1e;
}
.sidebar .neues__link.hover, sidebar .neues__link--tag.hover {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
.neues__link:before {
  content: ">";
  margin-right: 0;
  margin-left: -1.75vw;
  padding-left: 2vw;
}
.neues__link--tag:before {
  content: "#";
  margin-right: -.25vw;
}

.row .column.no-scroll-content {
	padding-top: 15vh;
}
.sidebar--showM {
	display: none;
}
h3 {
	margin-bottom: .5vh;
}
.sidebar p {
	margin-bottom: 2.5vh;
}
.artikel-teaser__content {
	float: left;
	position: relative;
}
.artikel-teaser__bild {
    width: 15vw;
    height: 30vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	filter: brightness(1);
	transition: all .6s cubic-bezier(0.25,0.1,0.25,1);
}
.artikel-full__bild {
    width: 64.8vw;
    height: 32.4vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.artikel2-full__bild {
      width: 54vw;
      height: 27vw;
  }

.row .column.article-content {
  padding-left: 2.7vw;
  padding-right: 7.5vw;
}
.artikel-liste {
	margin-bottom: 5vh;
}
.searchFixed {
	position: fixed;
	margin-right: 1.5vw;
	top: 5vh;
	opacity: 1;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.search input {
	border-radius: 0;
    border: none;
    background-color: #fff;
    font-family: inherit;
	font-weight: 700;
    /* font-size: 4vw; */
	height: auto;
    padding: 1vw 1vw;
}

.search input::-webkit-input-placeholder { /* Chrome */
  color: #ff6400;
}
.search input:-ms-input-placeholder { /* IE 10+ */
  color: #ff6400;
}
.search input::-moz-placeholder { /* Firefox 19+ */
  color: #ff6400;
  opacity: 1;
}
.search input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ff6400;
  opacity: 1;
}





@media screen and (orientation:landscape) {
	.invisible.menu__list {
		opacity: 1 !important;
		visibility: visible;
	}
	.menu__open {
		display: none;
	}
	
	
	
  /* .bgc-black .bold, .bgc-black .bold *,
  .bgc-orange .bold, .bgc-orange .bold *,
  .sidebar .bold, .sidebar .bold *{
      font-weight: 500 !important;
      text-transform: lowercase;
  }
  .bgc-black .regular, .bgc-black p {
      font-weight: 300 !important;
  } */
	.artikel2 .content-left {
		max-width: 74%;
		flex:0 0 74%;
	}
	ml2vw--desktop {
		margin-left: 2vw;
	}
	.artikel-teaser__bild-link {
		position: absolute;
		margin-left: -17vw;
	}
	.artikel-teaser__bild-link:hover .artikel-teaser__bild {
		filter: brightness(0.75);
	}
	.cursor-li {
		padding-left: 1.25vw;
		text-indent: -1.25vw;
	}
	.chrome-mobile .start__cursor .ti-cursor {
		left:calc(100% + 0.15em);
	}
}

@media screen and (orientation:portrait) {
	.vhTest {
		max-height: 110vh;
	}
	.mb1-5vh-mobile {
		margin-bottom: 1.5vh;
	}
    #status .mehr.blink:after {
        width: 5vw;
        height: 10vw;
    }
	.row {
		flex-direction: column;
	}
	.row .column.content-left p {
		word-break: break-word;
    	hyphens: auto;
	}
	.col-75, .row .column.column-75, .row .column.column-25 {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.row .column.column-33, .row .column.column-34 {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.row .column.content-left {
		padding-left: 3vw;
		padding-right: 3vw;
        padding-top: 10vh;
	}
	.neues .row .column.content-left, .artikel2 .row .column.content-left {
		padding-left: 3vw;
		padding-right: 3vw;
	}
    .row .column.content-left.slider-bg {
        padding-top: 0;
    }
	.row .column.content-left.has-mobile-sidebar {
		padding-top: 35vh;
	}
	.sidebar {
		position: absolute;
		bottom: 0;
	}
	.row .column.sidebar--hideM, .hiddenM {
		display: none !important;
	}
	.row .column.sidebar--top {
		top: 0;
		height: 30vh;
	}
    .row .column.sidebar--bottom {
		position: relative;
		padding-bottom: 5vh;
	}
	.leistungen__container {
		width: 100%;
	}
	.search input {
    	padding: 3vw 2vw;
	}
	.leistungen {
		width: 100%;
		position: relative;
		display: block;
	}
	.leistung {
	    margin-left: 0;
    	margin-right: auto;
        margin-bottom: 0;
	    position: relative;
	    width: 75vw;
	    display: block;
	}
	.leistung p {
		margin-left: 15vw;
	}
	.leistung object {
	    margin-right: 13.5vw;
	    height: 19vw;
        margin-top: 2.5vw;
	}
	.datev-partner {
	    margin-bottom: 2vh;
	    /* display: none; */
	}
	.datev-logo {
		width: 25%;
	}
	.fz100, h1 {
		/* font-size: 16.2vw; */
		font-size: 13.5vw;
		/* font-size: 10.8vw; */
	}
	.fz72 {
		font-size: 9.5vw;
	}
	.fz52 {
		font-size: 7.25vw;
	}
	.fz42, .menu.fz28, h2, .back-btn, .back-btn--link.fz28 {
		font-size: 4.75vw;
	}
	.fz28, body, h3, h4 {
		font-size: 4.2vw;
	}
    .fz24, h5, h6 {
		font-size: 3.6vw;
	}
	.fz14 {
		font-size: 2.1vw;
	}
	.bg-img__datev {
		background-position: center 20%;
	}
	.sidebar--showM {
		display: inherit;
        width: 100vw;
        margin-left: -3vw;
        padding-left: 3vw;
        padding-right: 3vw;
        padding-top: 2vh;
        padding-bottom: 7.5vh;
        position: absolute;
        bottom: 0;
	}
	.safari-mobile .sidebar--showM {
		padding-bottom: 18.5vh;
	}
	.menu__open {
		position: absolute;
		top: 0;
	}
	.menu__left {
	    width: 94.3%;
	}
	.menu__list {
	    margin-bottom: 0;
	    padding-top: 17.5vh;
	    padding-left: 2.7vw;
	    padding-bottom: 2vh;
	    margin-top: -5vh;
	    margin-left: -2.7vw;
	    width: 103%;
	    opacity: 1;
	    /* background-color: #1e0f1e; */
	}
	.menu__list li, .menu__links li {
		display: block;
	}
	.menu__list li:after, .menu__links li:after {
		content:none;
	}
	.menu__logo {
	    width: 45%;
	    top: 10vh;
	}
	.title-big {
	    max-width: 94%;
	    left: 3vw;
		bottom: 10vh;
	}
	.safari-mobile .title-big {
	    max-width: 94%;
	    left: 3vw;
		bottom: 18.5vh;
	}
	.slider {
		width: 100vw;
		max-width: 100vw;
		height: 100vh;
		margin-left: -3vw;
	}
	.slider-item__content {
		background-position: right center;
	}
	.slider-bg {
		max-width: none;
		overflow: visible;
	}
	.weiter, .hoch, .zurueck, .weiter--fake {
		left: auto;
		top: 92.5vh;
		right: 3vw;
	}
	.safari-mobile .weiter, .safari-mobile .hoch, .safari-mobile .zurueck, .safari-mobile .weiter--fake {
		left: auto;
		top: 80.5vh;
		right: 3vw;
	}
    .zurueck--fake {
        bottom: 3%;
    }
	.neues__teaser {
		width: 40vw;
		height: 80vw;
		margin-right: 3vw;
	}
	/* .neues__teaser:nth-child(2) {
		margin-right: 3vw;
	} */
	.neues__teaser:nth-child(n+4) {
		/* display: none; */
	}
	.neues__scroll-container {
		overflow: hidden;
		overflow-x: scroll;
	  	-webkit-overflow-scrolling:touch;
		width: 100vw;
		margin-left: -3vw;
		padding-left: 3vw;
	}
	.neues__container {
		height: 80vw;
		width: 258vw;
		overflow: hidden;
	}
	.neues__content--box {
	    padding: 0 3vw;
	}
	.neues__content--box h2 {
		margin-bottom: 6vw;
	}
	.neues__content--box .mehr.blink {
		margin-bottom: 3vw;
	}
	.blink:after {
		margin-left: 1vw;
	}
	.blink:after, .mehr.blink:after, .cursor-li--white:before, .cursor-li:before {
		width: 2.25vw;
		height: 4.5vw;
		top: 1px;
    }
	.cursor-li:before {
		margin-right: 1.75vw;
		margin-left: -1vw;
	}
	.cursor-li {
		padding-left: 3vw;
		text-indent: -3vw;
		margin-left: 1.5vw;
	}
    .ti-cursor {
	    width: 4.5vw !important;
	}
	.iconTitle__icon {
	    width: 10vw;
        margin-left: 0;
        margin-top: 1.5vw;
	}
	.iconTitle__icon--sidebar {
	    width: 17.5vw;
	    margin-left: 0;
	    margin-top: -27.5vw;
	}
	.iconTitle__title {
		margin-left: 12.5vw;
		font-size: 10.8vw;
	}
	.iconTitle__title--no {
		margin-left: 0;
	}
	.menu--mobile {
		background-color: transparent;
		transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
	}
	.menu--mobile--full {
		width: 100%;
		height: 100%;
	}
	.menu--mobile--active {
		width: 100%;
		height: 100%;
		background-color: #1e0f1e;
	}
	.menu__list--mobile {
		margin-top: 10vh;
		font-size: 8.5vw;
		transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
	}
	.menu__list--mobile li {
		margin-bottom: 0;
	}
	.menu__list--mobile--finder {
		position: absolute;
		right: 0;
		top: 0;
	}
	.sidebar--mobileFull {
		height: 100vh;
		position: relative;
	}
	.datev-partner--bottom {
		right: auto;
		left: 0;
		width: 100vw;
	}
	.datev-logo--bottom {
        width: 20vw;
        float: right;
        clear: both;
        position: relative;
        margin-right: 3vw;
        margin-bottom: 1.5vh;
	}
    .datev-logo--bottom:first-child {
        margin-bottom: 1.5vh;
        margin-top: 1.5vh;
    }
	.cursor-li--black:before {
		width: 1.5vw;
    	height: 3vw;
    	margin-right: 1.5vw;
	}
	.bg-img__unternehmen2 {
		background-position: 20% center;
	}
	.bg-img__unternehmen4 {
		background-image: url(../img/unternehmen-wo_mobile.jpg);
		background-position: 55% center;
	}
	.bg-img__unternehmen5 {
		background-position: 55% center;
	}
	.bg-img__sachverstaendiger {
		background-position: center 30%;
	}
  .artikel-teaser.centerV {
    display: block !important;
    margin-bottom: 6vh;
  }
	.back-btn {
		position: absolute;
    	top: 5.1vh;
	    right: 3vw;
	}
	.back-btn:before {
	content: "< ";
	font-weight: 700;
	color: #ff6400;
	padding: 0 0.3rem;
	cursor: pointer;
	display: inline-block;
}
  .artikel-teaser__bild {
    width: 94vw;
    height: 47vw;
    position: relative;
    margin-left: 0;
    margin-bottom: 3vh;
  }
  .artikel-teaser__tag {
    float: none;
    clear: both;
  }
  .artikel-teaser__datum {
    float: none;
    clear: both;
  }
  .artikel-full__bild {
      width: 94vw;
      height: 94vw;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }
  .row .column.article-content {
    padding-right: 3vw;
  }
  .artikel-teaser__content *{
    width: 94vw;
    height: auto;
  }
	.artikel-teaser__content .blink, .artikel-teaser__content * {
		width: auto;
	}
  .artikel-teaser__content table {
    overflow-x: scroll;
    display: block;
    width: 100vw;
    margin-left: -3vw;
    padding-left: 3vw;
  }
  .content-left.centerV {
    display: block !important;
  }
  .content-left.centerV--mobile {
    display: flex !important;
	  padding-top: 0 !important;
  }
	.footer .float-left {
		float:none;
	}
	.footer {
		padding-bottom: 5vh;
	}
	.footer .column.column-50 {
		max-width: 100%;
		flex:0 0 100%;
	}
	.artikel2 iframe {
		width: 94vw;
		height: 52.875vw;
	}
	
	.menu__blink.blink:after {
		width: 3.25vw;
    	height: 6.5vw;
		margin-left: 2vw;
	}
	.slider-item__content {
		background-position: center bottom;
		background-image: url(/assets/img/voss-jubel.jpg) !important;
		background-size: 120%;
	}
	.bg-img__datev {
		background-image: url(/assets/img/start_highfive.jpg) !important;
	}
	.bg-img__unternehmen1 {
		background-position: 85% center;
	}
}

@media screen and (orientation:portrait) and (min-width: 420px) {
	.fz100, h1 {
		/* font-size: 16.2vw; */
		font-size: 8.5vw;
		/* font-size: 10.8vw; */
	}
	.fz72 {
		font-size: 7vw;
	}
	.fz52 {
		font-size: 5.5vw;
	}
	.fz42, .menu.fz28, h2, .back-btn, .back-btn--link.fz28 {
		font-size: 3.5vw;
	}
	.fz28, body, h3, h4 {
		font-size: 3.2vw;
	}
    .fz24, h5, h6 {
		font-size: 2.6vw;
	}
	.fz14 {
		font-size: 1.6vw;
	}
	.iconTitle__icon, .leistung object {
		width: 7.5vw;
		height: auto;
	}
	.iconTitle__icon--sidebar {
		width: 17.5vw;
		margin-left: 0;
		margin-top: -27.5vw;
	}
	.leistung object {
		margin-top: 1vw;
	}
	.iconTitle__title, .leistung p {
		margin-left: 11vw;
	}
	.iconTitle__title--no {
		margin-left: 0;
	}
	.blink:after, .mehr.blink:after, .cursor-li--white:before, .cursor-li:before {
		height: 3.2vw;
		width: 1.6vw;
	}
	.ti-cursor {
		width: 3vw !important;
	}
	.datev-logo--bottom {
    	width: 15vw;
	}
	.artikel-full__bild {
		height: 70vw;
	}
	.safari-mobile .weiter, .safari-mobile .hoch, .safari-mobile .zurueck, .safari-mobile .weiter--fake {
		left: auto;
		top: 87.5vh;
		right: 3vw;
	}
}

@media screen and (orientation:landscape) and (max-width: 769px) {
	.safari-mobile .weiter, .safari-mobile .hoch, .safari-mobile .zurueck, .safari-mobile .weiter--fake {
		position: absolute;
		left: 67%;
		bottom: 13.5vh;
	}
	.bg-img__datev {
		background-position: left center;
	}
	.datev-partner--bottom {
		margin-bottom: 1vw;
		bottom: 13.5vh !important;
	}
}
@media screen and (orientation:landscape) and (max-width: 1024px) {
	.bg-img__datev {
		background-position: center center;
	}
}


/* NO JS STUFF */
.jsdisabled #preloader, .jsdisabled .weiter {
	display: none;
}
.jsdisabled .fadeIn {
	opacity: 1;
}
.jsdisabled .invisible {
    opacity: 1 !important;
    visibility: visible;
}
.jsdisabled .menu a, .jsdisabled .menu__list, .jsdisabled .menu__open, .jsdisabled .menu__links {
	color: #1e0f1e;
}
.jsdisabled a:hover {
	color: #fff;
}

@-moz-document url-prefix() {
	.ti-cursor {
		margin-top: -0.65vw;
		bottom: auto !important;
	}
}


.partner-logos-big {
	max-width: 85%;
}