html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent
}
article,aside,dialog,figure,footer,header,hgroup,nav,section{
display:block
}
nav ul{
list-style:none
}
blockquote,q{
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';content:none
}
a{
margin:0;padding:0;border:0;vertical-align:baseline;background:transparent
}
ins,mark{
background:#333;color:#fff;text-decoration:none
}
mark{
padding:0 .2em;
}
del{
text-decoration:line-through
}
abbr[title],dfn[title]{
border-bottom:1px dotted #000;cursor:help
}
table{
border-collapse:collapse;border-spacing:0
}
hr{
display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0
}
::-moz-selection,::-webkit-selection,::selection {
text-shadow:none;background:#333;color:#fff;
}
.cf:before,.cf:after{
content:"";display:table;
}
.cf:after{clear:both;}
.cf{zoom:1;}
[type=submit]{cursor:pointer;}  * { 
-webkit-box-sizing:  border-box; 
-moz-box-sizing: border-box; 
box-sizing:  border-box; 
} h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr {
margin-bottom: 24px;
margin-bottom: 1.5rem; 
}	
h1, h2, h3, h4, h5, h6 {line-height: normal;}	
img, 
a img {width: 100%;} .col-12 {
width: 100%;
}
.col-11 {
width: 91.66666666666666%;
}
.col-10 {
width: 83.33333333333334%;
}
.col-9 {
width: 75%;
}
.col-8 {
width: 66.66666666666666%;
}
.col-7 {
width: 58.333333333333336%;
}
.col-6 {
width: 50%;
}
.col-5 {
width: 41.66666666666667%;
}
.col-4 {
width: 33.33333333333333%; vertical-align: middle;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.666666666666664%;
}
.col-1 {
width: 8.333333333333332%;
}
.col { 
font-size: 0px; 
padding: 0px; 
margin: 0px;
vertical-align: middle;
}
.inline {display: inline-block; } .desc,
#searchform,
.comments,
.secondary-content,
.main-nav,
.detail-nav,
#mobilenav,
.home .back-but,
.edit-link {display: none; }
.home .main-nav {display: block; } html { font-size: 100%; position: relative;}
body {
position: relative;
padding: 0%;
margin: 0 auto;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; font-family: 'ff-DIN-Regular', sans-serif;
text-transform: uppercase;
color: #000;
}
#wrapper {overflow-x: hidden; }
a[href^="tel"]{
color:#000;
text-decoration:none;
} body {opacity: 0; }
body.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
opacity: 1;
}
@keyframes fadeIn{
0% {opacity:0;}
100% { opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% { opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% { opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% { opacity:1;}
} footer { height: 60px; }
footer .totop {
position: absolute; 
right: 50px; 
} nav a,
.mobile-nav li a,
h1 { font-family: 'ff-DIN-Medium', sans-serif;}
p {
line-height: 1.75em;	
font-size: 1.35em;
}
h1 {
font-size: 4em;
color: #222;
margin-bottom: 0rem;
line-height: 1.2em;
color: #505050;
}
.home .detailnav { display: none; } 
.detailnav {
color: #000;
padding-bottom: 5px;
font-size: .9em;
position: absolute;
margin: 50px auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.detailnav a { 
margin: auto 5px; 
display: inline-block; 
cursor: pointer;
color: #000;
padding-bottom: 5px;
background-position: 0 16px;
background-size: 1px 1px;
background-repeat: repeat-x;
background-image: linear-gradient(transparent 50%, transparent 50%);
transition: all .5s ease-out;
}
.detailnav a:hover { 
background-image: linear-gradient(black 50%, black 50%);
}
.spacer {height: 50px; background: #fff; } .input {
border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;
}
.input:focus {
outline: none;
}
a:focus { outline: 0; }
a {transition: all .3s ease; cursor: pointer;}
a,
a:link,
a:visited { 
outline:none; 
text-decoration: none;
}
a.mail {
color: #000; 
background-position: 0 25px;
background-size: 1px 1px;
background-repeat: repeat-x;
padding-bottom: 5px;
background-image: linear-gradient(transparent 50%, transparent 50%);
}
a.mail:hover {
background-image: linear-gradient(black 50%, black 50%);
} nav li a { color: #fff;}
nav li a.color-dark {color: #222;}
.detail nav li a { color: #ddd; }
#topnav li a:hover { color: #777; }
.txt  h1 { color: #ccc; } .arrow {
border: solid #000;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 12px;
cursor: pointer;
color: transparent;
text-shadow: 0 0 0 #2196f3;
}
.arrow:focus { outline: none; }
.arrow.down {
border: solid #000;
border-width: 0 1px 1px 0;
padding: 20px;
}
.arrow.down:hover {
border: solid #666;
border-width: 0 1px 1px 0;
}
.arrow.left {
border-width: 0 1px 1px 0;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin-top: 12px;
margin-right: 5px;
}
.arrow.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: 5px;
}
#back-but,
#next-but {
position: fixed;
cursor: pointer;
z-index: 3;
width: 50px;
height: 50px;
background: transparent;
} #back-but {
display: block;
left: 25px;
top: 20px; 
-font-family: 'ff-DIN-Regular', sans-serif;
}
#back-but.close,
.home #next-but.close,
.home #back-but {display: none;}
#back-but:hover {left: 20px;}
#mobilenav #back-but.close { display: none; } #next-but {
display: none; 
bottom: 40px;
left:calc(50% - 20px);
}
.home #next-but { display: block; } #wrapper,
img,
section #image {transition: all .5s ease-out;}
.home .vc_figure,
.more .vc_figure { transition: .5s ease-in-out; }
.home .vc_figure a img,
.more .vc_figure a img {transition: all .4s ease-out; }
header,
.mobile-nav ul li { transition: all .3s ease-out; }
#back-but, #next-but { transition: all .2s ease; }
.mobile-nav { transition: .5s ease; } .home .wpb_content_element,
.home .wpb_content_element img { 
padding: 0px; 
margin: 0px; 
}
.vc_images_carousel .vc_carousel-indicators li {
margin: 1px 5px !important;
border: 0px solid grey !important;
background-color: #fff !important;
}
.vc_images_carousel .vc_carousel-indicators li:hover {
background-color: #ddd !important;
}
.wpb_single_image .vc_figure,
.wpb_single_image .vc_single_image-wrapper {
min-width: 100%;
}
.txt-center .wpb_wrapper p { 
position: absolute; 
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.txt-center .wpb_wrapper .top-line h1 { 
position: absolute; 
left: 50%;
top: 25%;
transform: translate(-50%,-50%);
}
.txt-center .wpb_wrapper .bottom-line h1 { 
position: absolute; 
left: 50%;
bottom: 15%;
transform: translate(-50%,-50%);
}
.txt-center .wpb_wrapper h1,
.txt-center .wpb_wrapper p { width: 80%; } 
.txt-box { margin-top: 90px;  }
.txt-box .vc_column-inner { max-width: 1350px; margin: auto; }
.vc_row {
margin-left: -15px !important;
margin-right: 0px !important;
}
.home .vc_figure { overflow: hidden; background: #ddd;} .mobile-link a { cursor: default; }
.desk-link a img:hover,
.mobile-link.make-active a img:hover {transform: scale(1.03);}
.desk-link a,
.mobile-link.make-active a {
cursor: url(//achimhaigis.de/wp-content/themes/_AchimHaigis/assets/img/cursor_black.png), auto;  }
@media only screen and (max-width: 766px) { 
.desk-link a,
.mobile-link.make-active a {
cursor: pointer;
}
} .home #studio-pict {margin-top: 25px; }
.home .mobile-txt {
display: none !important;
padding: 50px 0; 
}
.home .mobile-txt .first {display: none !important;}
.home .mobile-txt .second {display: block !important;}
.home .mobile-txt {padding-left:5%; padding-right:5%; } .txt .wpb_text_column :last-child {margin: -10px auto -20px !important} .detail nav { 
float:left;
text-align: left;
}
.detail header{left: 0px;}
.detail .vc_row {padding: 80px; }
.detail .vc_row:first-child {padding-top: 0px; }
.detail .txt-center .wpb_wrapper h1 {
position: absolute;
left: -50%;
bottom: 50%;
transform: none;
width: auto;
}
.detail .txt-center .none .wpb_wrapper h1{
left: 20%;
} header { 
position: fixed;
top: 30px; 
right: 35px;
width: auto;
margin-top: 0px;
}
header.close { margin-top: -390px; }
header,
#topnav { z-index: 2; }
nav { 
float: right;
text-align: right;
}
nav ul { margin: 0px; }
nav li { 
display: block; 
margin: 0;
}
nav a { 
font-size: 3.5em;
line-height: 1em;
text-align: right;
-mix-blend-mode: difference;
} #subnav {
display: block; 
position: fixed;
left: -295px;
top: 370px;
z-index: 2;
-background: red;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);	
}
.detail #subnav {
display: none; 
}
#subnav ul {
margin: 1.5em 1em .5em;
}
#subnav ul li{
display: inline-block;
padding: .5em 0em;
-background: yellow;
}
#subnav ul li:after{
content: '/';
padding: 0 3px 0 6px; 
}
#subnav ul li:last-child:after{
content: '';
padding: 0 ; 
}
#subnav ul li a {
color: #000;
background-position: 0 17px;
background-size: 1px 1px;
background-repeat: repeat-x;
padding-bottom: 5px;
background-image: linear-gradient(transparent 50%, transparent 50%);
font-size: .9em;
}
#subnav ul li a:hover {
background-image: linear-gradient(black 50%, black 50%);
} #mobilenav {position: fixed; }
#mobilenav,
.mobile-nav,
.mobile-nav ul,
.mobile-nav li,
.mobile-nav li a { width: 100%;} #burger-outer { 
position: fixed;
top: 13px;
right: 15px;
cursor: pointer;
width: 50px;
height: 50px;
background: transparent;
z-index: 100;
cursor: pointer;
}
#burger { 
position: absolute;
top: 12px;
right: 10px;
}
.mobile-nav {
top: -100vh;
position: absolute;
height: 100vh;
max-height: 100vh;
overflow-y: scroll;
-webkit-overflow-scrolling:touch; 
background: #fff;
padding-bottom: 70px;
z-index: 4;
}
.mobile-nav.open {
top: 0px;
}
.mobile-nav ul { -background: #ddd; margin-bottom: 0px;}
.mobile-nav li { 
font-size: 2.6em;
list-style: none;
background: #fff;
margin: 1px 0; 
cursor: pointer;
}
.mobile-nav li:hover { background: #ddd;}
.mobile-nav li a {
color: #000; 
padding: 10px 50px 0;
display: block;
text-align: center;
}
.mobile-nav li:first-child a {padding: 20px 50px 0;} #mobile-title {
color: #fff;
padding-top: 20px;
text-align: center;
font-family: 'ff-DIN-Medium', sans-serif;
font-size: 2.6em;
display: block;
}
.detail #mobile-title,
#mobile-title .two,
#mobile-title.close {display: none;	} .cmn-toggle-switch {
display: block;
position: relative;
overflow: hidden;
width: 28px;
height: 25px;
font-size: 0;
text-indent: -9999px;
border: none;
cursor: pointer;
background: transparent !important;
}
.cmn-toggle-switch span:before, 
.cmn-toggle-switch span:after,
.cmn-toggle-switch span {
position: absolute;
display: block;
height: 3px;
background: #000;
}
.home .cmn-toggle-switch.white span:before, 
.home .cmn-toggle-switch.white span:after,
.home .cmn-toggle-switch.white span {
background: #fff;
}
.cmn-toggle-switch span {
top: 10px;
left: 0px;
right: 0px;
}
.cmn-toggle-switch span:before, 
.cmn-toggle-switch span:after {
left: 0;
width: 100%;
content: "";
}
.cmn-toggle-switch span:before { top: -10px;}
.cmn-toggle-switch span:after { bottom: -10px;}
.cmn-toggle-switch__htx span:before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.cmn-toggle-switch__htx span:after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
.cmn-toggle-switch__htx span:before, 
.cmn-toggle-switch__htx span:after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0;
transition-delay: 0.3s, 0;
} .cmn-toggle-switch__htx.active span {background: none;}
.cmn-toggle-switch__htx.active span:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span:before, 
.cmn-toggle-switch__htx.active span:after {
-webkit-transition-delay: 0, 0.3s;
transition-delay: 0, 0.3s;
}