/*
Theme Name: Maf Photography
Author: LexoGmbH
Author URI: https://www.lexo.ch/
Version: 1.0
*/

*, *:focus {
    outline: none;
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* CSS reset */
body,div,dl,dt,dd,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td, ul { 
    margin:0;
    padding:0;
}
html,body {
    margin:0;
    padding:0;
    min-height: 100%;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
input{
    border:1px solid #b0b0b0;
    padding:3px 5px 4px;
    color:#979797;
    width:190px;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}

#content * {
    word-break: break-word;
}

canvas, img {
    image-rendering: optimizeQuality;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
            -ms-interpolation-mode: bicubic;
}

.iphone input, .iphone textarea, .iphone select {
    border-radius: 0;
}

.iphone input[type="submit"], .chrome input[type="submit"] {
    padding: 8px 5px 4px;
}

/* WORDPRESS CONTENT IMAGE CLASSES */

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignleft,
.alignright,
.aligncenter,
.alignnone {
    height: auto;
    max-width: 100%;
}

/*PREDEFINED CLASSES*/

.relative { position: relative; }
.white { color: #fff; }
.blue { color: #043e71; }
.gray { color: #d7d7d7; }
.bebas { font-family: 'BebasNeueBold'; }
.bebas-regular { font-family: 'BebasNeueRegular'; }
.os-bold { font-family: 'OpenSans-Bold'; }
.os-semibold { font-family: 'OpenSans-Semibold'; }
.os-regular { font-family: 'OpenSans'; }
.uppercase { text-transform: uppercase; }
.textaligncenter { text-align: center; }
.textalignright { text-align: right; }
.floatLeft { float: left; }


.slick-slide { height: auto; }
/*FONTS*/

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf')  format('truetype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf')  format('truetype'), url('fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf')  format('truetype'), url('fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeueBold';
  src: url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),  url('fonts/BebasNeueBold.otf')  format('opentype'),url('fonts/BebasNeueBold.woff') format('woff'), url('fonts/BebasNeueBold.ttf')  format('truetype'), url('fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeueRegular';
  src: url('fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),  url('fonts/BebasNeueRegular.otf')  format('opentype'),url('fonts/BebasNeueRegular.woff') format('woff'), url('fonts/BebasNeueRegular.ttf')  format('truetype'), url('fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
  font-weight: 400;
  font-style: normal;
}

/*GENERAL*/

h1 { font-size: 5.5rem; }

h2 { font-size: 4rem; }

h3 { font-size: 3.2rem; font-family: 'BebasNeueRegular'; }

h4 { font-size: 2.4rem; }


body {
    font-family: 'OpenSans';
    font-size: 1.6rem;
    color: #b4b4b4;
}

body.logged-in {
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 0.35s;
    -moz-transition: color 0.35s;
    -ms-transition: color 0.35s;
    -o-transition: color 0.35s;
    transition: color 0.35s;
}

a:hover {
    color: #043e71;
    text-decoration: none;
}

p {
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 27px;
}

b, strong {
   font-family: 'OpenSans-Bold'; 
}

input, select {
    width: 100%;
    height: 64px;
    background: #efefef;
    border: none;
    outline: none;
    font-size: 2.2rem;
    font-family: 'BebasNeueRegular';
    color: #8d8d8d;
}

input[type="text"] {
    padding: 12px 43px 10px 21px;
}

.required {
    background-image: url('images/req.png');
    background-repeat: no-repeat;
    background-position: center right 18px;
}

select {
    padding: 12px 21px 10px 17px;
    background-image: url('images/selectArrow.png');
    background-repeat: no-repeat;
    background-position: center right 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

input[type="submit"] {
    border: 1px solid #033e6d;
    background: #033e6d;
    color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

input[type=submit]:disabled {
    cursor: not-allowed;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.galleryClose {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

/*label.error {
    display: none !important;
}

input.error {
    border: 1px solid red;
}*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #8d8d8d;
    font-family: 'BebasNeueRegular';
    font-size: 2.2rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #8d8d8d;
   opacity:  1;
   font-family: 'BebasNeueRegular';
   font-size: 2.2rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #8d8d8d;
   opacity:  1;
   font-family: 'BebasNeueRegular';
   font-size: 2.2rem;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #8d8d8d;
   font-family: 'BebasNeueRegular';
   font-size: 2.2rem;
}

textarea {
    width: 100%;
    background: #efefef;
    resize: none;
    border: none;
    padding: 15px 21px 10px 21px;
    outline: none;
    color: #8d8d8d;
    font-family: 'BebasNeueRegular';
    font-size: 2.2rem;
}

.range-bar {
    width: 100%;
    height: 64px;
    background: #efefef;
    display: block;
    position: relative;
    margin-bottom: 12px;
}

.range-handle {
    position: absolute;
    width: 152px;
    height: 64px;
    background: #033e6d;
    cursor: e-resize;
    border: 2px solid #efefef;
}

.range-handle:after {
    content: "SPAMSCHUTZ";
    font-family: 'BebasNeueRegular';
    color: #fff;
    font-size: 2.2rem;
    top: 17px;
    left: 19px;
    position: absolute;
}
.iphone a::after {
    display: none;
    content: "";
}
.iphone a:hover::after {
    display: inline;
}

.safari .range-handle:after {
    top: 21px;
}

.chrome .range-handle:after {
    top: 17px;
}

.range-handle:before {
    content: '';
    width: 7px;
    height: 12px;
    background: url('images/spamArrow.png') no-repeat;
    top: 25px;
    right: 20px;
    position: absolute;
}

.range-handle:hover:before {
    -webkit-animation: spamAnimation 1s infinite; /* Chrome, Safari, Opera */
    animation: spamAnimation 1s infinite;
}

.display-box-label {
    display: none;
}

#contentWrapper ul {
    margin-bottom: 26px;
    list-style: none;
}

#contentWrapper ul li {
    position: relative;
    padding-left: 10px;
    line-height: 26px;
}

#contentWrapper ul li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

#contentWrapper ol {
    margin-bottom: 26px;
    padding: 0 0 0 18px;
}

#contentWrapper ol li {
    position: relative;
    padding-left: 10px;
    line-height: 26px;
}

#contentWrapper {
    min-height: 100vh;
    border-top: 6px solid #0e3c6c;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment:fixed;
}

.regular-page {
    padding-top: 97px;
    overflow: hidden;
}

.regular-page .container {
    position: relative;
    z-index: 1;
}

.slide {
    width: 100%;
    height: 100%;
    background-position: 50% 0%;
    background-size: cover;
}

.instagramImageElement {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
}

#formDeliveryText p:last-child {
    margin-bottom: 0;
}

#pageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

#allWrapper {
    overflow: hidden;
    position: relative;
}

#menuOverlay {
    display: none;
}

#menuOverlay.activeMenu {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    display: block;
}

#nav_burger {
    width: 40px;
    height: 25px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    right: 15px;
    top: 50%;
    display: none;
}

#nav_burger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #0e3c6c;
    opacity: 1;
    left: 0px;
}


#nav_burger span:nth-child(1) {
    top: 0px;
}

#nav_burger span:nth-child(2) {
    top: 10px;
}

#nav_burger span:nth-child(3) {
    top: 20px;
}


#siteWrapper {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#mobileMenu {
    width: 228px;
    height: 100%;
    background: #0e3c6c;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: absolute;
    padding-top: 30px;
    -webkit-transform: translate3d(-228px, 0, 0);
    -moz-transform: translate3d(-228px, 0, 0);
    -ms-transform: translate3d(-228px, 0, 0);
    -o-transform: translate3d(-228px, 0, 0);
    transform: translate3d(-228px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow-y: auto; 
}

#mobileMenu.activeMenu {
    /*overflow: hidden; */
    -webkit-overflow-scrolling: touch;
    box-shadow: inset -8px 0px 10px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#siteWrapper.activeMenu {
    -webkit-transform: translate3d(228px, 0, 0);
    -moz-transform: translate3d(228px, 0, 0);
    -ms-transform: translate3d(228px, 0, 0);
    -o-transform: translate3d(228px, 0, 0);
    transform: translate3d(228px, 0, 0);
}

#mobilemenuWrapper ul {
    margin-left: 15px;
    list-style: none;
}

#mobilemenuWrapper ul li {
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-right: 15px;
}

#mobilemenuWrapper ul li:last-child {
    border-bottom: none;
}

#mobilemenuWrapper ul li a {
    color: #fff;
    font-family: 'BebasNeueBold';
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 1.1px;
}

#mobilemenuWrapper {
    margin-bottom: 20px;
}

#mobilemenuWrapper .sub-menu {
    margin-top: 5px;
}



/*HEADER*/
header {
    height: 97px;
    border-bottom: 2px solid #0e3c6c;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
    margin-top: 6px;
    background: #fff;
    -webkit-transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -ms-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
}

header.headerclosed {
    -webkit-transform: translate(0%,-105%);
    -moz-transform: translate(0%,-105%);
    -ms-transform: translate(0%,-105%);
    -o-transform: translate(0%,-105%);
    transform: translate(0%,-105%);
}

.safari header {
    height: 93px;
}


#logoWrapper, #menuWrapper {
    float: left;
    display: inline;
}

#logoWrapper {
    width: 383px;
}

#menuWrapper {
    width: 787px;
}

#logo {
    margin-top: 15px;
}

#menuWrapper > ul {
    display: inline;
    float: right;
}

#menuWrapper ul li {
    list-style: none;
    float: left;
    position: relative;
}

#menuWrapper > ul > li > ul {
    position: absolute;
    left: 6px;
    background: #fff;
    padding: 7px 6px 4px 6px;
    opacity: 0.0001;
    visibility: hidden;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#menuWrapper > ul > li.menu-item-has-children:hover > ul {
    visibility: visible;
    opacity: 0.99999;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

#menuWrapper > ul > li > ul li {
    float: none;
}

#menuWrapper > ul > li > ul a {
    font-family: 'BebasNeueBold';
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 1.1px;
    padding: 5px 2px 4px 2px;
    margin: 0;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid #e9e9e9;
}

#menuWrapper > ul > li > ul li:last-child a {
    border-bottom: none;
}

#menuWrapper > ul > li > a {
    font-family: 'BebasNeueBold';
    text-transform: uppercase;
    font-size: 2rem;
    display: inline-block;
    padding: 40px 2px 31px;
    margin: 0px 6px;
    position: relative;
    letter-spacing: 1.1px;
}

#menuWrapper > ul > li > a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 0px;
    width: 100%;
    background: #0e3c6c;
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    transition: height 0.25s;
}

#menuWrapper > ul > li > a:hover:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 100%;
    background: #0e3c6c;
}

#menuWrapper > ul > li.current-menu-item > a,
#menuWrapper > ul > li > ul li.current-menu-item > a {
    color: #043e71;
}

#menuWrapper > ul > li.current-menu-item > a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 100%;
    background: #0e3c6c;
}

#menuWrapper > ul > li.current_page_ancestor  > a {
    color: #043e71;
}

#menuWrapper > ul > li.current_page_ancestor  > a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 100%;
    background: #0e3c6c;
}



#headershifter {
    position: absolute;
    bottom: -2px;
    right: 15px;
    width: 44px;
    height: 21px;
    -webkit-transition: bottom 0.25s;
    -moz-transition: bottom 0.25s;
    -ms-transition: bottom 0.25s;
    -o-transition: bottom 0.25s;
    transition: bottom 0.25s;
    -webkit-transform: translate(0%,100%);
    -moz-transform: translate(0%,100%);
    -ms-transform: translate(0%,100%);
    -o-transform: translate(0%,100%);
    transform: translate(0%,100%);
    background: url('images/header-shifter.png') no-repeat center center;
    cursor: pointer;
}

#headershifter:after {
    position: absolute;
    content: '';
    top: 4px;
    left: 16px;
    width: 12px;
    height: 8px;
    background: url('images/arrow.png') no-repeat center center;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

#headershifter.active {
    bottom: -7px;
}

#headershifter.active:after {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

@keyframes hover-up-down {
    0%   {top: 4px;}
    25%  {top: 8px;}
    50%  {top: 2px;}
    100% {top: 4px;}
}

@keyframes spamAnimation {
    0%   {
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        -o-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }
    50%  {
        -webkit-transform: translate(100%,0%);
        -moz-transform: translate(100%,0%);
        -ms-transform: translate(100%,0%);
        -o-transform: translate(100%,0%);
        transform: translate(100%,0%);
    }
    100% {
        -webkit-transform: translate(0%,0%);
        -moz-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
        -o-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }
}

#headershifter:hover:after {
    animation-name: hover-up-down;
    animation-duration: 0.5s;
}

#customerButton {
    float: right;
    text-transform: uppercase;
    border: 1px solid #b4b4b4;
    padding: 9px 14px 7px 14px;
    margin-top: 30px;
    margin-bottom: 23px;
    font-size: 2rem;
    margin-left: 6px;
    letter-spacing: 1.1px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
    display: inline-block;
}

#customerButton:hover {
    background: #043e71;
    color: #fff;
    border: 1px solid #043e71;
}

#customerButtonMobile {
    text-transform: uppercase;
    padding: 9px 14px 7px 14px;
    margin-top: 4px;
    margin-bottom: 23px;
    font-size: 2rem;
    margin-left: 15px;
    letter-spacing: 1.1px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    color: #043e71;
}



/*FOOTER*/

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 52px;
    z-index: 100;
}

.regular-page footer {
     position: relative;
     margin-top: 26px;
}

.footerUpperWrapper {
    margin: 0px 15px;
}

.footerElementHeader {
    margin-bottom: 21px;
    margin-top: 32px;
    height: 67px;
}

.footerElementHeader h4 {
    padding-top: 22px;
}

.aboutElement a {
    text-decoration: underline;
}

.aboutElement a:hover {
    color: #fff;
}

.footerElementBody {
    margin-bottom: 41px;
}

.footerLine {
    width: 0%;
    border-top: 1px solid #fff;
    -webkit-transition: width 0.55s;
    -moz-transition: width 0.55s;
    -ms-transition: width 0.55s;
    -o-transition: width 0.55s;
    transition: width 0.55s;
}

.fillUp {
   width: 100%; 
}

#arrowHolder:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -8px;
    width: 17px;
    height: 10px;
    background: url('images/farrow.png') no-repeat;
    opacity: 0.001;
    -webkit-transform: translate(0%,100%);
    -moz-transform: translate(0%,100%);
    -ms-transform: translate(0%,100%);
    -o-transform: translate(0%,100%);
    transform: translate(0%,100%);
    -webkit-transition: transform 0.55s ease 0.35s, opacity 0.55s ease 0.35s;
    -moz-transition: transform 0.55s ease 0.35s, opacity 0.55s ease 0.35s;
    -ms-transition: transform 0.55s ease 0.35s, opacity 0.55s ease 0.35s;
    -o-transition: transform 0.55s ease 0.35s, opacity 0.55s ease 0.35s;
    transition: transform 0.55s ease 0.35s, opacity 0.55s ease 0.35s;
}

#arrowHolder.ArrowShow:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -8px;
    width: 17px;
    height: 10px;
    background: url('images/farrow.png') no-repeat;
    opacity: 0.999;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
}

#footerLineRight {
    float: right;
}

#instagramList {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 4px;
    margin-bottom: 0;
}

#instagramList li:before {
    display: none;
}

.instagramElement {
    width: 25%;
    height: auto;
    float: left;
    padding: 0 10px 14px 10px;
}

.instagramElement .instagramImage {
    width: 100%;
    height: auto;
}

.footerContactPh {
    width: 66px;
    display: inline-block;
}

.footercontactInfo {
    margin-top: 4px;
}

#nameAddress {
    margin-bottom: 29px;
}

#contactAddress {
    margin-top: 5px;
}

#lowerFooter {
    min-height: 52px;
    background: rgba(0,0,0,0.7);
}

.social_element {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 11px;
    -webkit-transition: background-position 0.5s;
    -moz-transition: background-position 0.5s;
    -ms-transition: background-position 0.5s;
    -o-transition: background-position 0.5s;
    transition: background-position 0.5s;
}

.social_element.fb {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.social_element.fb:hover {
    background-position: 0 -44px;
}

.social_element.tw {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: -43px 0;
}

.social_element.tw:hover {
    background-position: -43px -44px;
}

.social_element.yt {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: -87px 0;
}

.social_element.yt:hover {
    background-position: -87px -44px;
}

.social_element.google {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: -129px 0;
}

.social_element.google:hover {
    background-position: -129px -44px;
}

.social_element.pint {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: -172px 0;
}

.social_element.pint:hover {
    background-position: -172px -44px;
}

.social_element.insta {
    background-image: url('images/soc.png');
    background-repeat: no-repeat;
    background-position: -216px 0;
}

.social_element.insta:hover {
    background-position: -216px -44px;
}

#lowerFooterWrapper {
    margin-top: 10px;
}

#socialWrapper {
    float: left;
}

#copyRightWrapper {
    float: right;
    text-align: right;
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-top: 7px;
    letter-spacing: 1px;
}

.animaClassDownUp {
    opacity: 0.0001;
    position: relative;
    -webkit-transform: translate(0%,50%);
    -moz-transform: translate(0%,50%);
    -ms-transform: translate(0%,50%);
    -o-transform: translate(0%,50%);
    transform: translate(0%,50%);
    -webkit-transition: transform 1s, opacity 1s;
    -moz-transition: transform 1s, opacity 1s;
    -ms-transition: transform 1s, opacity 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}

.animaClassLeftRight {
    opacity: 0.0001;
    position: relative;
    -webkit-transform: translate(-20%,0%);
    -moz-transform: translate(-20%,0%);
    -ms-transform: translate(-20%,0%);
    -o-transform: translate(-20%,0%);
    transform: translate(-20%,0%);
    -webkit-transition: transform 0.55s, opacity 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s;
    transition: transform 0.55s, opacity 0.75s;
}

.animaClassRightleft {
    opacity: 0.0001;
    position: relative;
    -webkit-transform: translate(20%,0%);
    -moz-transform: translate(20%,0%);
    -ms-transform: translate(20%,0%);
    -o-transform: translate(20%,0%);
    transform: translate(20%,0%);
    -webkit-transition: transform 0.55s, opacity 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s;
    transition: transform 0.55s, opacity 0.75s;
}

.animaClassUpDown {
    opacity: 0.0001;
    position: relative;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    -webkit-transition: transform 1s, opacity 1s;
    -moz-transition: transform 1s, opacity 1s;
    -ms-transition: transform 1s, opacity 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
}

.animaClassActive {
    opacity: 0.9999;
    -webkit-transform: translate(0%,0%) !important;
    -moz-transform: translate(0%,0%) !important;
    -ms-transform: translate(0%,0%) !important;
    -o-transform: translate(0%,0%) !important;
    transform: translate(0%,0%) !important;
}




/*HOME*/

.rsNav.rsBullets {
    position: absolute;
    bottom: 85px;
    left: 0;
    height: 20px;
    width: 100%;
    z-index: 110;
    text-align: center;
}

.rsNavItem.rsBullet {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    display: inline-block;
    margin: 0px 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.rsNavItem.rsBullet:after {
    content: "";
    height: 2px;
    width: 27px;
    top: 7px;
    right: -28px;
    position: absolute;
    background: rgba(255,255,255,0.5);
}

.rsNavItem.rsBullet:last-child:after {
    display: none;
}

.rsNavItem.rsBullet.rsNavSelected {
    background: #fff;
    border: none;
    width: 16px;
    height: 16px;
    bottom: 2px;
    margin: 0px 14px;
}

.rsNavItem.rsBullet.rsNavSelected:after {
    width: 26px;
    top: 7px;
    right: -26px;
}

.rsNavItem.rsBullet:before {
    content: "";
    height: 1px;
    width: 1px;
    top: 50%;
    right: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    position: absolute;
    background: rgba(255,255,255,0.2);
    opacity: 0;

}

.rsNavItem.rsBullet.rsNavSelected:before {
    height: 30px;
    width: 30px;
    opacity: 1;
}

.rsNavItem.rsBullet:hover:before {
    height: 20px;
    width: 20px;
    opacity: 1;
}

.rsNavItem.rsBullet:hover {
    cursor: pointer;
}

.sliderContent {    
    position: absolute;
    bottom: 175px;
    left: 15px;
}

.sliderTitle {
    background: #fff;
    padding: 12px 21px 5px 18px;
    display: inline-block;
    position: relative;
    left: 0;
    opacity: 0.0001;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transform: translate(25%,0%);
    -moz-transform: translate(25%,0%);
    -ms-transform: translate(25%,0%);
    -o-transform: translate(25%,0%);
    transform: translate(25%,0%);
}

.sliderExerpt {
    background: rgba(0,0,0,0.7);
    margin-top: 7px;
    padding: 13px 14px 12px 18px;
    position: relative;
    left: 0;
    opacity: 0.0001;
    max-width: 490px;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transform: translate(10%,0%);
    -moz-transform: translate(10%,0%);
    -ms-transform: translate(10%,0%);
    -o-transform: translate(10%,0%);
    transform: translate(10%,0%);
}

.homeSlider .rsSlide.rsActiveSlide .sliderTitle {
    opacity: 0.99;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-transition: all 0.75s ease 0.75s;
    -moz-transition: all 0.75s ease 0.75s;
    -ms-transition: all 0.75s ease 0.75s;
    -o-transition: all 0.75s ease 0.75s;
    transition: all 0.75s ease 0.75s;
}

.homeSlider .rsSlide.rsActiveSlide .sliderExerpt {
    opacity: 0.99;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-transition: all 0.75s ease 0.9s;
    -moz-transition: all 0.75s ease 0.9s;
    -ms-transition: all 0.75s ease 0.9s;
    -o-transition: all 0.75s ease 0.9s;
    transition: all 0.75s ease 0.9s;
}

.sliderTitle:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 84px 0 0 98px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(100%,0%);
    -moz-transform: translate(100%,0%);
    -ms-transform: translate(100%,0%);
    -o-transform: translate(100%,0%);
    transform: translate(100%,0%);
}

.ie .sliderTitle:after, .unknown .sliderTitle:after {
    top: -1px;
}

.safari .sliderTitle:after {
    border-width: 72px 0 0 88px;
}

.sliderTitle h1 {
    margin: 0;
}

#angeboteSliderThumbs {
    width: 180px;
    padding: 69px 0px;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

#angeboteSliderThumbs .slick-slide {
    border: none;
    margin-bottom: 2px;
    outline: none;
}

#angeboteSlider .slick-slide {
    outline: none;
    height: auto;
}

#angeboteSliderThumbs .slick-prev, #angeboteSliderThumbs .slick-next {
    position: absolute;
    width: 65px;
    height: 65px;
    padding: 0;
    -webkit-transform: translate(50%, 0%) !important;
    -ms-transform: translate(50%, 0%) !important;
    transform: translate(50%, 0%) !important;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: transparent;
    border: 1px solid #fff;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -ms-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}

#angeboteSliderThumbs .slick-prev {
    right: 50%;
    bottom: 0px;
    left: auto;
    top: auto;
}

#angeboteSliderThumbs .slick-prev:hover, #angeboteSliderThumbs .slick-next:hover {
    background: #033e6d;
}


#angeboteSliderThumbs .slick-next {
    right: 50%;
    top: 0px;
}

#angeboteSliderThumbs .slick-next:before, #angeboteSliderThumbs .slick-prev:before {
    display: none;
}

#angeboteSliderThumbs .slick-prev:after, #angeboteSliderThumbs .slick-next:after  {
    content: "";
    width: 18px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#angeboteSliderThumbs .slick-prev:after {
    background: url('images/sliderArrow.png') no-repeat 0px -15px;
}

#angeboteSliderThumbs .slick-next:after  {
   background: url('images/sliderArrow.png') no-repeat 0px 0px; 
}

#angeboteSliderWrapper {
    margin-bottom: 32px;
}

.singlePageWrapper {
    margin-bottom: 14px;
}

.singlePageTitle {
    font-size: 2.2rem;
    background: #efefef;
    color: #8d8d8d;
    padding: 20px 22px 19px 22px;
    position: relative;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -ms-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}

.singlePageTitle.activeAccordian, .singlePageTitle:hover {
    color: #000000;
}

.singlePageTitle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 8px;
    background: url('images/accordianArrows.png') no-repeat 0 0;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.singlePageTitle.activeAccordian:after, .singlePageTitle:hover:after {
    background: url('images/accordianArrows.png') no-repeat 0 -12px;
}

.singlePageContent {
    background: rgba(54,54,54,0.7);
    padding: 25px 24px 0 24px;
    display: none;
    overflow: hidden;
}

.slideDown {
    position: relative;
    opacity: 0.001;
    -webkit-transform: translate(0%,-10%);
    -moz-transform: translate(0%,-10%);
    -ms-transform: translate(0%,-10%);
    -o-transform: translate(0%,-10%);
    transform: translate(0%,-10%);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.slideDownActive {
    opacity: 0.999;
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
}

#pageContent {
    margin-bottom: 12px;
}

#pageContent a, #regularpageWrapper a {
    position: relative;
    font-family: 'OpenSans-Semibold';
    color: #b4b4b4;
    text-decoration: underline;
}

#pageContent a:hover, #regularpageWrapper a:hover {
    color: #043e71;
    text-decoration: none;
}

/*#pageContent a:before, #regularpageWrapper a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #b4b4b4;
    bottom: 1px;
    left: 0;
    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
} */

/*#pageContent a:hover:before, #regularpageWrapper a:hover:before {
    width: 0%;
} */



#mafForm input, #mafForm select {
    margin-bottom: 12px;
}

#mafForm textarea {
    height: 121px;
    margin-bottom: 7px;
}

.angeboteForm {
    margin-top: 7px;
}

#pageTitle, .TStitle {
    margin: 37px 0px 16px;
}

#pageTitle {
    font-size: 4rem;
}




/*KONTAKT*/

#contactMapHolder {
    overflow: hidden;
}

.h_iframe, .ratio {
    width: 100%;
    height: auto;
}

#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gm-style-cc {
    display: none;
}

#mapInfo {
    position: absolute;
    top: 0;
    left: 0;
    width: 375px;
    height: 369px;
    background: url('images/mapinfoBg.png') no-repeat;
    z-index: 100;
    margin: 8px;
    padding: 15px 0px 15px 17px;
}

#mapInfoImg img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 6px solid rgba(255,255,255,0.1);
}

.mapAddress {
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 16px;
}

.mapTitle {
    margin-bottom: 3px;
}

#mapContactInfo {
    margin-top: 19px;
}

#tmsMap {
    margin-top: 20px;
}

#mapRoutePlaner {
    width: 140px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    margin: 8px;
    overflow: hidden;
}

.plannerTab {
    height: 51px;
    width: 160px;
    background: url('images/mapTabInactive.png') no-repeat left center;
    -webkit-transition: transform 0.15s;
    -moz-transition: transform 0.15s;
    -ms-transition: transform 0.15s;
    -o-transition: transform 0.15s;
    transition: transform 0.15s;
    -webkit-transform: translate(40%,0%);
    -moz-transform: translate(40%,0%);
    -ms-transform: translate(40%,0%);
    -o-transform: translate(40%,0%);
    transform: translate(40%,0%);
    cursor: pointer;
}

.planerTabInnerWrapper {
    background-repeat: no-repeat;
    background-position: left 29px center;
    padding-left: 78px;
    padding-top: 14px;
    height: 51px;
}

.plannerTab:hover {
    background: url('images/mapTabActive.png') no-repeat left center;
    -webkit-transform: translate(10%,0%);
    -moz-transform: translate(10%,0%);
    -ms-transform: translate(10%,0%);
    -o-transform: translate(10%,0%);
    transform: translate(10%,0%);
}

#carPlanner {
    margin-bottom: 9px;
}

#carPlanner .planerTabInnerWrapper {
    background-image: url('images/transitIconCar.png');
}

#trainPlanner .planerTabInnerWrapper {
    background-image: url('images/transitIconTrain.png');
}

.plannerTab a:hover {
    color: #fff;
}

.kontaktForm textarea {
    height: 160px !important;
    margin-bottom: 27px !important;
}

.kontaktForm input[type="text"] {
    margin-bottom: 32px !important;
}

.kontaktForm {
    margin-top: 28px;
}

#reqText {
    background: url('images/infoForm.png') no-repeat left center;
    padding: 0px 0px 0px 36px;
    color: #868788;
    font-size: 1.4rem;
}

.page-template-template-contact footer {
    margin-top: 16px;
}


#skewer {
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    overflow: hidden;
    margin-left: 57px;
    width: 100%;
}

#skewer img {
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    position: relative;
    left: -60px;
}

#regularPageImageWrapper {
    overflow: hidden;
    position: relative;
    height: 315px;
    margin-top: 6px;
}

#regularpageWrapper {
    margin-bottom: 20px;
}

/*REFERENCES*/

#referenceWrapper {
    margin-top: 24px;
    margin-bottom: 31px;
}

.reference_row a:hover {
    color: #fff;
}

.reference_row:nth-child(even) {
    background: rgba(215,215,215,0.1);
}

.reference_row, .reference_header {
    border-bottom: 1px solid rgba(215,215,215,0.2);
}

.reference_header {
    padding-bottom: 17px;
}

.reference_row {
    padding: 26px 0px;
}

.inner_column {
    float: left;
    display: inline;
}

.inner_column h4 {
    letter-spacing: 1.1px;
}

.wide_col {
    width: 68%;
    padding-left: 22px;
}

.short_col {
    width: 32%;
}


/*TEAM/STUDIO*/

#teamMembersWrapper {
    border-bottom: 1px solid rgba(215,215,215,0.2);
}


.memberBody {
    padding-top: 20px;
    padding-bottom: 31px;
}

.memberTitle  {
    font-size: 1.4rem;
    margin-top: -3px;
}

.studioImageWrapper,
.GalleryImageWrapper {
    margin-bottom: 30px;
}

.memberImageWrapper img,
.studioImageWrapper img,
.GalleryImageWrapper img {
    width: 100%;
    height: auto;
}

.GalleryImageWrapper {
    overflow: hidden;
}

#studioWrapper > h2 {
    margin: 22px 0px 16px;
}

.TSmarginFix {
    margin-bottom: -17px !important;
}

#galleryWrapper {
    margin-bottom: -19px;
}

#galleryWrapper a:hover {
    color: #fff;
}

.galleryOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(3,62,109,0.6);
    width: 100%;
    height: 100%;
    opacity: 0.0001;
    -webkit-transform: translate(0%,100%);
    -moz-transform: translate(0%,100%);
    -ms-transform: translate(0%,100%);
    -o-transform: translate(0%,100%);
    transform: translate(0%,100%);
    -webkit-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    -moz-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    -ms-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

.GalleryImageWrapper {
    cursor: pointer;
}

.GalleryImageWrapper:hover > .galleryOverlay {
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
    opacity: 0.9999;
}

.GalleryImageWrapper:hover > a {
    color: #fff;
}

.overlayTitle {
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.overlayTitle h4 {
    letter-spacing: 1.3px;
}

.overlayTitle .gallNumOfPhotos {
    margin-top: -3px;
    font-size: 1.4rem;
}

#galleryPreview .imageWrapper {
    max-width: 80%;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

#galleryPreview .imageWrapper img {
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
}

#galleryPreview .slick-prev,
#galleryPreview .slick-next,
#modalImageSlider .slick-prev,
#modalImageSlider .slick-next {
    z-index: 500;
    width: 25px;
    height: 42px;
    background-image: url('images/sliderArrowsSprite.png');
    background-repeat: no-repeat;
}

#galleryPreview .slick-prev:before,
#galleryPreview .slick-next:before,
#modalImageSlider .slick-prev:before,
#modalImageSlider .slick-next:before {
    display: none;
}

#galleryPreview .slick-prev {
    left: 87px;
    background-position: 0 -47px;
}

#modalImageSlider .slick-prev {
    left: 15px;
    background-position: 0 -47px;
}

#galleryPreview .slick-next {
    right: 87px;
    background-position: -27px -47px;
}

#modalImageSlider .slick-next {
    right: 15px;
    background-position: -27px -47px;
}

#galleryPreview .slick-prev:hover,
#modalImageSlider .slick-prev:hover {
    background-position: 0 0;
}

#galleryPreview .slick-next:hover,
#modalImageSlider .slick-next:hover {
    background-position: -27px 0;
}

.imageModalOpener {
    width: 30px;
    height: 30px;
    background: url('images/gallerymetaboxButton.png') no-repeat center center;
    z-index: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    opacity: 0;
}

.tax-gallerie .regular-page,
.page-template-template-shop-preview .regular-page {
    padding-top: 0;
}

#galleryPreview .slick-slide {
/*    height: 680px !important;*/
    margin-bottom: 80px;
    margin-top: 42px;
}

#galleryPreview .slick-slide:focus,
#galleryThumbnailPreview .slick-slide:focus,
#modalImageSlider .slick-slide:focus {
    outline: none;
}

#galleryThumbnailPreview .slick-list {
    overflow: visible;
}

#galleryThumbnailPreview {
    margin-top: 3px;
}

#galleryThumbnailPreview .slick-slide {
    width: 92px !important;
    height: 92px;
    margin-right: 4px;
    cursor: pointer;
}

.tax-gallerie #upperFooter,
.page-template-template-shop-preview #upperFooter {
    height: 11px;
}

.fancyOpen {
    width: 30px;
    height: 30px;
    display: inline-block;
}

#galleryPreview, #galleryThumbnailPreview  {
    display: none;
}

@-webkit-keyframes uil-default-anim {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes uil-default-anim {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.uil-default-css > div:nth-of-type(1) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(2) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.4166666666666667s;
  animation-delay: -0.4166666666666667s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(3) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.33333333333333337s;
  animation-delay: -0.33333333333333337s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(4) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(5) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.16666666666666669s;
  animation-delay: -0.16666666666666669s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(6) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.08333333333333331s;
  animation-delay: -0.08333333333333331s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(7) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(8) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.08333333333333337s;
  animation-delay: 0.08333333333333337s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(9) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.16666666666666663s;
  animation-delay: 0.16666666666666663s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(10) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(11) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.33333333333333337s;
  animation-delay: 0.33333333333333337s;
}

.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}

.uil-default-css > div:nth-of-type(12) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.41666666666666663s;
  animation-delay: 0.41666666666666663s;
}

.uil-default-css {
    position: relative;
    background: none;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    -moz-transform: translate(-50%, -50%) scale(0.6);
    -ms-transform: translate(-50%, -50%) scale(0.6);
    -o-transform: translate(-50%, -50%) scale(0.6);
    transform: translate(-50%, -50%) scale(0.6);
}


.jetzKaufen {
    width: 167px;
    height: 49px;
    background: url('images/jetzkaufen.png') rgba(0,0,0,0.8);
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    cursor: pointer;
}


.page-template-template-shop-preview #headershifter,
.page-template-template-shop-basket #headershifter {
    background: rgba(255,255,255,0.3);
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.page-template-template-shop-preview #headershifter:after,
.page-template-template-shop-basket #headershifter:after {
    top: 6px;
}

#BasketButton.active {
    bottom: -5px;
    height: 23px;
}

#BasketButton {
    position: absolute;
    bottom: -2px;
    right: 61px;
    width: 134px;
    height: 21px;
    -webkit-transition: bottom 0.25s;
    -moz-transition: bottom 0.25s;
    -ms-transition: bottom 0.25s;
    -o-transition: bottom 0.25s;
    transition: bottom 0.25s;
    -webkit-transform: translate(0%,100%);
    -moz-transform: translate(0%,100%);
    -ms-transform: translate(0%,100%);
    -o-transform: translate(0%,100%);
    transform: translate(0%,100%);

    cursor: pointer;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    letter-spacing: 1.4px;
    font-size: 1.8rem;
    display: flex;              
    align-items: center;        
    justify-content: flex-start; 
    padding: 5px 24px 0 16px;     
    background: #0e3c6c url(images/busketImg.png) no-repeat right 8px center;
    background-size: 16px 16px; 
}

#shopForm {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    -moz-transform: translate(-50%,-50%) translateZ(0);
    -ms-transform: translate(-50%,-50%) translateZ(0);
    -o-transform: translate(-50%,-50%) translateZ(0);
    transform: translate(-50%,-50%) translateZ(0);
    background: rgba(0,0,0,0.8);
    height: auto;
    height: 91%;
    max-height: 714px;
    width: 590px;
    display: none;
    padding: 12px 27px 31px 27px;
}

#formLimiter {
    height: 100%;
    overflow: hidden;
}

/*.mCustomScrollbar {
    height: 300px;
}*/

/* Base for label styling */
#shopForm [type="radio"]:not(:checked),
#shopForm [type="radio"]:checked,
#shopForm [type="checkbox"]:not(:checked),
#shopForm [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

#shopForm [type="radio"]:not(:checked) + label.cblabel,
#shopForm [type="radio"]:checked + label.cblabel,
#shopForm [type="checkbox"]:not(:checked) + label.cblabel,
#shopForm [type="checkbox"]:checked + label.cblabel {
  position: relative;
  padding-left: 31px;
  cursor: pointer;
  display: inline-block;
}

/* checkbox aspect */
#shopForm [type="radio"]:not(:checked) + label.cblabel:before,
#shopForm [type="radio"]:checked + label.cblabel:before,
#shopForm [type="checkbox"]:not(:checked) + label.cblabel:before,
#shopForm [type="checkbox"]:checked + label.cblabel:before {
    content: '';
    position: absolute;
    left:0; top: 3px;
    width: 14px; height: 14px;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
}

#shopForm [type="radio"]:checked + label.cblabel:before,
#shopForm [type="checkbox"]:checked + label.cblabel:before {
    background: #fff;
}


/* checked mark aspect */
#shopForm [type="radio"]:not(:checked) + label.cblabel:after,
#shopForm [type="radio"]:checked + label.cblabel:after,
#shopForm [type="checkbox"]:not(:checked) + label.cblabel:after,
#shopForm [type="checkbox"]:checked + label.cblabel:after {
    content: '';
    background: url('images/check.png');
    width: 9px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 3px;
    font-size: 18px;
    line-height: 0.8;
    transition: all .2s;
}



/* checked mark aspect changes */
#shopForm [type="radio"]:not(:checked) + label.cblabel:after,
#shopForm [type="checkbox"]:not(:checked) + label.cblabel:after {
  opacity: 0;
  transform: scale(0);
}

#shopForm [type="radio"]:checked + label.cblabel:after,
#shopForm [type="checkbox"]:checked + label.cblabel:after {
  opacity: 1;
  transform: scale(1);
}

.formCheckboxes {
    font-size: 1.8rem;
    letter-spacing: 1.4px;
    margin-bottom: 6px;
}

#formInnerWrapper {

}

#formImageTitle {
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-bottom: 11px;
}

.col6 {
    float: left;
    width: 50%;
    font-size: 1.8rem;
    letter-spacing: 1.4px;
    padding: 9px 12px;
}

#imagePriceText {
    padding: 5px 0px 11px 0px;
}

.borderElem {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 9px;
}


.pricePull {
    float: right;
}

.f22 {
    font-size: 2.2rem;
    letter-spacing: 1.4px;
    padding-top: 7px;
    padding-bottom: 13px;
}

.korbMargin {
    margin-right: 5px;
}


#numberOfImages input {
    width: 50px;
    height: 28px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0px 3px 0 0;
    margin-left: 28px;
    text-align: center;
    color: #000;
}

.customRow {
    margin-right: -12px;
    margin-left: -12px;
}

.sectionTitle {
    padding: 6px 0px;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    margin-bottom: 18px;
}

.sectionBody {
    margin-bottom: 11px;
    position: relative;
}

#abzugForm {
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-bottom: 12px;
}

#formDeliveryText {
    font-size: 1.6rem;
    letter-spacing: 1.4px;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding-top: 7px;
    padding-bottom: 13px;
    line-height: 25px;
    margin-bottom: 23px;
}

#shopForm .submitButtons {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    width: auto;
    margin-right: 10px;
    font-family: 'BebasNeueBold';
    height: 49px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    -ms-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

#shopForm .submitButtons:hover {
    background-color: #0e3c6c;
}

#updateBusket {
    background-image: url('images/buttonArrow.png');
    background-repeat: no-repeat;
    background-position: right 13px top 16px;
    padding: 8px 32px 5px 18px;
}

#goToBusket {
    background-image: url('images/buttonBusket.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px; 
    padding: 8px 40px 5px 18px;
}

span.error {
    font-family: 'BebasNeueBold';
    letter-spacing: 1.4px;
    color: red;
    position: absolute;
    bottom: -20px;
}

#numberOfImagesInput-error {
    display: none !important;
}

#numberOfImagesInput.error {
    border: 1px solid red;
}

/*#shopForm [type="radio"].error + label.cblabel:before {
    border: 1px solid red;
}*/

#updatedCartText {
    display: none;
}

#basketPopUp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    color: #616364;
    -webkit-transform: translate(0%,120%);
    -moz-transform: translate(0%,120%);
    -ms-transform: translate(0%,120%);
    -o-transform: translate(0%,120%);
    transform: translate(0%,120%);
    cursor: default;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    padding-top: 14px;
}

#popUpWrapper {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 1px;
}

#popUpWrapper:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #ffffff transparent;
}

#BasketButton:hover #basketPopUp {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0%,100%);
    -moz-transform: translate(0%,100%);
    -ms-transform: translate(0%,100%);
    -o-transform: translate(0%,100%);
    transform: translate(0%,100%);
}

.cartUpdated {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transform: translate(0%,100%) !important;
    -moz-transform: translate(0%,100%) !important;
    -ms-transform: translate(0%,100%) !important;
    -o-transform: translate(0%,100%) !important;
    transform: translate(0%,100%) !important;
}

#popUpTotalProductsText {
    font-size: 1.6rem;
    letter-spacing: 0.2px;
}

#popUpTotalProducts {
    font-size: 2.2rem;
}

#basketPopUpHeader {
    padding: 8px 7px 6px 7px;
}

#basketPopUpTotalPriceHolder {
    padding: 10px 9px 8px 9px;
}

#basketPopUpZurKasse {
    border: 1px solid #929191;
    margin: 0 8px 11px 8px;
    padding: 7px 10px 5px 38px;
    background: url('images/basketGray.png') right 32px top 10px no-repeat;
    color: #929191;
}

#basketPopUpZurKasse:hover {
    border: 1px solid #043e71;
    background: url('images/basketBlue.png') right 32px top 10px no-repeat;
    color: #043e71;
}

.popupBodyElem {
    border-bottom: 1px solid #cacaca;
    padding: 7px 0px 4px 0px;
    font-size: 1.6rem;
}

.popupBodyElem:last-child {
    border-bottom: none;
}

.popupImageWrapper {
    width: 51px;
    height: 45px;
    margin-right: 5px;
}

.popupImageWrapper img {
    border: 1px solid #dadada;
}

.popupDetails {
    min-height: 45px;
    width: 112px;
    padding-right: 15px;
}

.popupImageName {
    margin-bottom: 10px;
    margin-top: -1px;
}

.popUpRemoveItem {
    position: absolute;
    top: -1px;
    right: 1px;
    cursor: pointer;
}

#ajaxLoaderShop {
    display: none;
}

.materialInfo {
    width: 14px;
    height: 14px;
    background: url('images/infoIcoMaterial.png') no-repeat center center;
    display: inline-block;
    position: relative;
    top: 1px;
    left: 7px;
    cursor: pointer;
}

.display_none {
    display: none;
}

#modalWrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 700;
}

#modalHolder {
    width: 884px;
    height: 614px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#modalHeader {
    min-height: 64px;
    background: #0e3c6c;
    font-size: 2.8rem;
    padding: 15px 55px 15px 20px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

#closeModal {
    position: absolute;
    top: 26px;
    right: 21px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    z-index: 100;
}

#closeModal img {
    display: inherit;
}

#modalBody {
    height: 100%;
    padding: 89px 25px 30px 25px;
    color: #000000;
}

#modalImageSlider {
    top: 4px;
}

#basketClosemodal {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
}

body.bodyFix {
    overflow: hidden;
}

body.iphone.bodyFix  {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

#modalBodyContentWrapper {
    height: 100%;
}

.rowSection {
    float: left;
    width: 15%;
}

.rowInformation {
    width: 40%;
}

.rowImage, .rowContent {
    float: left;
}

.rowImage {
    width: 123px;
    height: 108px;
    margin-right: 17px;
}

.rowImage img {
    border: 1px solid #fff;
}

.imageName {
    font-size: 2.2rem;
    letter-spacing: 0.4px;
    margin-bottom: 5px;
}

.variation {
    font-size: 1.4rem;
}

.innerRowWrapper {
    padding: 0px 28px 0px 15px;
}

.productRow .rowSection {
    /*height: 108px;*/
}
.rowContent {
    width: calc(100% - 150px);
}


.productRow {
    padding: 19px 0px;
    border-bottom: 1px solid rgba(215,215,215,0.2);
}
.productRow .innerRowWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.productRow:nth-child(odd) {
    background: rgba(215,215,215,0.1);
}

#basketHeader {
    color: #8c8c8c;
    letter-spacing: 0.4px;
    font-size: 2.2rem;
    border-bottom: 1px solid rgba(215,215,215,0.2);
    border-top: 1px solid rgba(215,215,215,0.2);
    padding: 11px 28px 8px 15px;
}

.verticalCenter {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.productRow .verticalCenter {
    font-size: 1.8rem;
    color: #d7d7d7;
}

.removeImage {
    margin-bottom: -22px;
    width: 55px;
    height: 55px;
    border: 1px solid #fff;
    background-image: url('images/bin.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

#refreshButton {
    width: 55px;
    height: 55px;
    border: 1px solid #fff;
    background-image: url('images/circleArrow.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

#basketFooter {
    color: #d7d7d7;
}

.pusher {
    padding-left: 140px;
}

.basketFooterRow {
    border-bottom: 1px solid rgba(215,215,215,0.2);
}

.totalPriceRow {
    padding: 22px 0px 22px 0px; 
}

.taxWrapper {
    font-size: 1.2rem;
}

.gesamtpreisWrapper {
    margin-bottom: 12px;
}

.totalPriceRow .pusher,
.totalPriceRow .packaingCostWrapper,
.totalPriceRow .rightPusher,
.mwstRow .refreshWrapper,
.mwstRow .pusher {
    float: left;
}

.totalPriceRow .pusher {
    width: 70%;
}

.mwstRow .pusher {
    width: 85%;
}

.totalPriceRow .packaingCostWrapper,
.totalPriceRow .rightPusher,
.mwstRow .refreshWrapper {
    width: 15%;
}

.mwstRow {
    padding: 16px 0px;
}

.refreshPriceWrapper,
#refreshButton {
    float: left;
}

.refreshPriceWrapper {
    text-align: right;
    margin: 2px 19px 0px 0px;
}

#kaufenButton {
    font-size: 2.2rem;
    border: 1px solid #fff;
    display: inline-block;
    padding: 19px 60px 16px 39px;
    color: #fff;
    background-image: url('images/kaufKorpa.png');
    background-position: right 32px top 23px;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: background-color 0.35s;
    -moz-transition: background-color 0.35s;
    -ms-transition: background-color 0.35s;
    -o-transition: background-color 0.35s;
    transition: background-color 0.35s;
}

.buyButtonRow {
    text-align: right;
    padding: 23px 0px;
    border-bottom: none;
}

#priceChangedMsg {
    display: none;
    position: relative;
    top: 10px;
    right: 30px;
    opacity: 0.0001;
    visibility: hidden;
    -webkit-transition: opacity 0.35s, visibility 0.35s;
    -moz-transition: opacity 0.35s, visibility 0.35s;
    -ms-transition: opacity 0.35s, visibility 0.35s;
    -o-transition: opacity 0.35s, visibility 0.35s;
    transition: opacity 0.35s, visibility 0.35s;
}

#priceChangedMsg.changedPrice {
    display: inline-block;
    opacity: 9.999;
    visibility: visible;
}

.cartChangeAmount {
    width: 37px;
    height: 35px;
    padding: 0px 3px 0 0 !important;
    text-align: center;
}

.customFormRow {
    margin-right: -7px;
    margin-left: -7px;
}

.custom_col6 {
    float: left;
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
}

#basketForm {
    width: 590px;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999;
    display: none;
}

#basketFormWrapper {
    padding: 17px 28px 10px;
}

#basketForm input {
    margin-bottom: 14px;
}

#formheader h4 {
    border-bottom: 2px solid rgba(215,215,215,0.2);
    padding-bottom: 11px;
    margin-bottom: 21px;
}

#submitShopBusket {
    font-size: 2.2rem;
    border: 1px solid #fff;
    display: inline-block;
    padding: 19px 60px 16px 39px;
    color: #fff;
    background-image: url('images/kaufKorpa.png');
    background-position: right 32px top 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: auto;
    background-color: transparent;
}

#submitShopBusket:hover,
.removeImage:hover,
#refreshButton:hover,
#kaufenButton:hover {
    background-color: #0e3c6c;
}

#refreshButton.changedPrice {
    background-color: #0e3c6c;
}

#kaufenButton.changedPrice {
    background-color: red;
    cursor: not-allowed;
}

#kaufenButton.changedPrice:hover {
    background-color: red;
}

.page-template-template-shop-basket .regular-page > .container {
    z-index: 400;
}

.page-template-template-shop-basket header {
    z-index: 600;
}

#basketForm label.error {
    display: none !important;
}

#basketForm input.error {
    border: 1px solid red;
}

#closeBasketForm {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.titlesHidden {
    color: #8c8c8c;
    letter-spacing: 0.4px;
    font-size: 2.2rem;
    border-top: 1px solid rgba(215,215,215,0.2);
    border-bottom: 1px solid rgba(215,215,215,0.2);
    display: none;
    padding: 5px 0px 2px 0px;
}

.artikel {
    border-top: none;
    border-bottom: none;
    margin-bottom: 19px;
}

.refresPriceWrapperInner  {
    display: inline-block;
}

.refreshWrapper {
    text-align: right;
}

#emptyShoppingCartText {
    text-align: center;
    font-size: 2rem;
    padding: 90px 0px;
}

.page-template-template-customers header,
.page-template-template-customers #upperFooter {
    display: none;
}

.page-template-template-customers footer {
    position: absolute;
}

.page-template-template-customers .regular-page {
    padding-top: 0;
}

#customersWrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

#customersWrapper.move_it_back {
    display: none;
}

.customerSections {
    float: left;
    width: 50%;
    height: 100%;
}

#bussinesCustomers {
    background: rgba(255,255,255,0.9);
}

#privateCustomers {
    background: rgba(0,0,0,0.9);
}

#bussinesCustomers .innerSection {
    right: 100px;
}

#privateCustomers .innerSection {
    left: 100px;
}

.innerSection img {
    max-width: 100%;
}


.sectionText {
    font-size: 4.47rem;
    color: #858585;
    letter-spacing: 2.5px;
    margin-top: 48px;
}

.innerSection {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.extraPrice {
    position: relative;
    left: 10px;
}

.image_description {
    position: absolute;
    left: 50%;
    font-size: 2.4rem;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-transform: uppercase;
    font-family: 'BebasNeueBold';
    width: 40%;
    text-align: center;
    opacity: 0;
}

.image_description p {
    margin-bottom: 0;
}

/* MEDIA QUERY */

@media (max-width: 1360px) {

}

@media (max-width: 1200px) {

    #menuWrapper {
        display: none !important;
    }
    #logoWrapper {
        float: none; 
        display: block;
        height: 95px;
    }

    #logo-footer {
        max-width: 100%;
        height: auto;
    }

    #contactMapHolder .h_iframe {
        height: 385px;
    } 

    #contactMapHolder .ratio {
        display: none;
    }

    #nav_burger {
        display: block;
    }

    #shopForm {
        position: fixed;
        height: 100%;
        max-height: 999999px;
        width: 100%;
        z-index: 600;
    }

    #formLimiter {
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }

    #numberOfImages input {
        padding: 0px 3px 0 0px;
    }

    #modalHolder {
        width: 95%;
        height: 95%;
    }

    .variations {
        width: 218px;
    }

    .variation {
        font-size: 1.14rem;
    }


    #modalBodyContentWrapper {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    #basketForm {
        width: 100%;
        background: rgba(0,0,0,0.8);
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 9999;
        display: none;
        height: 100%;
        overflow-y: auto;
    }

    .innerSection {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .sectionText {
        font-size: 3rem;
    }

    .safari header {
        height: 97px;
    }

    .galleryClose {
        right: auto;
        left: 15px;
    }

    .image_description {
        width: 60%;
    }

}

@media (max-width: 992px) {
    .productRow .innerRowWrapper {
        display: block;
    }
    .verticalCenter {
        position: relative;
        margin-top: 10px;
        top: 0; 
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    #angeboteSliderThumbs {
        width: 100%;
        padding: 0px 69px;
        margin-top: 40px;
    }

    #angeboteSliderThumbs .slick-prev {
        right: auto;
        bottom: auto;
        left: 0;
        top: 50%;
    }

    #angeboteSliderThumbs .slick-next {
        right: 0;
        top: 50%;
    }

    #angeboteSliderThumbs .slick-prev, #angeboteSliderThumbs .slick-next {
        -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
    }

    #angeboteSliderThumbs .slick-prev:after, #angeboteSliderThumbs .slick-next:after  {
        width: 10px;
        height: 18px;
    }

    #angeboteSliderThumbs .slick-prev:after {
        background: url('images/sliderArrow.png') no-repeat -22px -5px;
    }

    #angeboteSliderThumbs .slick-next:after  {
       background: url('images/sliderArrow.png') no-repeat -37px -5px; 
    }

    #angeboteSliderThumbs .slick-slide {
        margin-bottom: 0;
        margin-left: 1px;
        margin-right: 1px;
    }

    .kontaktForm .range-bar {
        margin-bottom: 32px !important;
    }

    #reqText {
        line-height: 1.8;
    }

    #skewer {
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
        overflow: auto;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    #skewer img {
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
        position: relative;
        left: auto;
        border-radius: 5%;
        border: 5px solid rgba(255,255,255,0.3);
        max-width: 100%;
        height: auto;
    }

    #regularPageImageWrapper {
        height: auto;
    }

    .small_hide .reference_header {
        display: none;
    }

    .small_hide .reference_row {
        background: none;
    }

    .small_hide .reference_row:nth-child(odd) {
        background: rgba(215,215,215,0.1);
    }

    #galleryPreview .slick-next {right: 25px;}
    #galleryPreview .slick-prev {left: 25px;}

    .materialInfo {
        left: 17px;
    }

    .rowDeleteElement {
        display: none;
    }

    .rowDeleteElement.display_none {
        display: block;
        width: 15%;
        float: left;
    }

    .titlesHidden {
        display: block;
    }

    .rowSection {
        float: left;
        width: 33.33%;
    }

    .rowInformation {
        width: 85%;
    }

    #basketHeader {
        display: none;
    }

    .productRow .rownumberOfImages,
    .productRow .rowSinglePrice ,
    .productRow .rowTotalPrice {
        margin-top: 28px;
    }

    .variations {
        width: 325px;
    }

    .productRow {
        padding: 19px 15px 36px 15px;
    }

    .innerRowWrapper {
        padding: 0px 0px 0px 0px;
    }

    .pusher {
        padding-left: 0;
    }

    .totalPriceRow .rightPusher {
        display: none;
    }

    .mwstRow .pusher {
        width: 70%;
    }

    .mwstRow .refreshWrapper,
    .totalPriceRow .packaingCostWrapper {
        width: 30%;
    }

    .packaingCostWrapper  {
        text-align: right;
    }

    .variation {
        font-size: 1.4rem;
    }

    #lowerFooterWrapper {
        text-align: center;
    }

    #socialWrapper {
        float: none; 
        display: inline-block;
    }

    #copyRightWrapper {
        float: none; 
        text-align: center;
        margin-bottom: 7px;
    }

    .extraPrice {
        position: relative;
        left: 30px;
        top: 1px;
    }

    .angeboteForm {
        margin-top: 40px;
    }

    .image_description {
        width: 100%;
    }


}

@media (max-width: 768px) {

    #priceChangedMsg {
        display: none;
        position: relative;
        top: 0px;
        right: 0px;
    }

    #logoWrapper, #menuWrapper {
        float: none;
        display: block;
        width: 100%;
    }

    #logoWrapper {
        text-align: left;
        padding-right: 55px;
    }

    #mapInfo {
        position: static;
        margin: 0;
        width: 100%;
        height: auto;
        background: none;
        padding: 0;
    }

    .infoSubelements {
        float: left;
    }

    #mapInfoImg {
        text-align: center;
    }

    #mapContactInfo {
        margin-top: 30px;
        width: 100%;
        margin-bottom: 30px;
    }

    #tmsMap {
        float: right;
        margin-top: 32px;
    }

    #contactMapHolder .h_iframe {
        height: 275px;
    }

    .rsNav.rsBullets {
        bottom: 115px;
    }

    h1 {
        font-size: 3.5rem;
    }

    .sliderTitle:after {
        display: none;
    }

    .sliderExerpt {
        display: inline-block;
        margin-right: 15px;
        max-width: 100%;
    }

    #galleryPreview .outerWrapper {
        min-height: 50vh;
    }

    .slick-prev, .slick-next {
        top: auto !important;
        bottom: -10px !important;
    }

    .imageModalOpener {
        top: auto !important;
        right: 50% !important;
        bottom: -120px;
        -webkit-transform: translate(50%,0%);
        -moz-transform: translate(50%,0%);
        -ms-transform: translate(50%,0%);
        -o-transform: translate(50%,0%);
        transform: translate(50%,0%);
    }

    .col6 {
        float: none;
        width: 100%;
        font-size: 1.8rem;
        letter-spacing: 1.4px;
        padding: 9px 12px;
    }

    .pricePull {
        float: none;
        display: inline-block;
        margin-left: 34px;
    }

    #shopForm [type="radio"]:not(:checked) + label.cblabel, #shopForm [type="radio"]:checked + label.cblabel, #shopForm [type="checkbox"]:not(:checked) + label.cblabel, #shopForm [type="checkbox"]:checked + label.cblabel {
        display: inline-block;
        margin-bottom: 15px;
    }

    #modalBody {
        padding: 100px 25px 30px 25px;
    }

    .pushBottom {
        padding-bottom: 25px;
    }

    .rowInformation  {
        min-height: 108px;
        height: auto !important;
    }

    .titlesHidden {
        display: block;
        text-align: center;
    }

    .rowImage {
        width: 100%;
        height: 108px;
        margin-right: 17px;
        text-align: center;
    }

    .rowContent {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .variations {
        width: 100%;
    }

    .rowDeleteElement.display_none {
        display: none;
        width: 15%;
        float: left;
    }

    .rowInformation {
        width: 100%;
    }

    .rowDeleteElement {
        display: block;
        width: 100%;
        margin-top: 30px;
    }

    .rowDeleteElement .verticalCenter  {
        text-align: center;
    }

    .titlesHidden {
        font-size: 1.8rem;
    }

    .titlesHidden.artikel {
        font-size: 2.2rem;
    }

    .pusher {
        width: 100% !important;
        text-align: center;
        margin-bottom: 25px;
    }

    .mwstRow .refreshWrapper, .totalPriceRow .packaingCostWrapper {
        width: 100%;
    }

    .refreshWrapper,
    .packaingCostWrapper  {
        text-align: center;
    }

    .buyButtonRow .innerRowWrapper {
        text-align: center;
    }

    #kaufenButton {
        margin-top: 20px;
    }

    .extraPrice {
        position: relative;
        left: 50px;
        top: -15px;
        display: block;
    }

    .materialInfo {
        display: block;
        left: 30px;
    }

    .extraPrice {
        position: relative;
        left: 50px;
        top: -15px;
        display: block;
    }

    .customerSections {
        float: none;
        width: 100%;
        height: 50%;
    }

    .sectionText {
        font-size: 2rem;
        margin-top: 15px;
    }

    #galleryPreview .slick-slide {
        margin-bottom: 140px;
    }

    .image_description {
        font-size: 2rem;
    }
}

@media (max-width : 600px) {
    .infoSubelements {
        float: none !important;
    }

    #angeboteSliderThumbs > .slick-list {
        visibility: hidden;
    }
}

@media (max-width : 768px) and (orientation: landscape) {
/*    #contentWrapper {
        min-height: 200vh;
    }*/

    .tax-gallerie #contentWrapper {
        min-height: 1px !important;
    }

    #galleryPreview .outerWrapper {
        min-height: 100vh;
    }

    .page-template-template-customers #contentWrapper {
        height: 200vh;
    }

}

@media (max-width : 480px) {
   #logo {
        max-width: 100%;
        height: auto;
        position: relative;
        margin-top: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
   }

   .rsNav.rsBullets {
        bottom: 136px;
    }

    h1 {
        font-size: 3rem;
    }

    .sliderContent {
        bottom: 190px;
    }

    .inner_column {
        float: none;
        display: block;
    }

    .wide_col, .short_col {
        width: 100%;
        padding-left: 22px;
    }

    .reference_header {
        display: none;
    }

    .wide_col {
        margin-bottom: 10px;
    }

    #galleryPreview .imageWrapper {
        width: 95%;
    }

    #shopForm .submitButtons {
    display: block;
    margin-bottom: 15px;
    }

}

@media (min-width: 992px) {
    .gallery-item {
        height: 235px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1200px) {
    .gallery-item {
        height: 251px;
        margin-bottom: 0;
    }

    #BasketButton,
    #headershifter {
        bottom: -5px;
    }

    #BasketButton.active {
        bottom: -9px;
    }

    #headershifter.active {
        bottom: -9px;
        height: 23px;
    }
}