/*
Theme Name: Fluid Child Theme
Theme URL: http://fluid.designsbynickthegeek.com
Description: This is a 1-3 column theme with a non-fixed (aka fluid) content width
Author: NicktheGeek
Author URI: http://designsbynickthegeek.com
Version: 1.8.1.2
Template: genesis
ANgepasst für Piure von Ralf Pinkner
*/



/*--------------------------------------------------------------
# Strukture normal
--------------------------------------------------------------*/

body {
    background: #fff;

}

body.color {
    background-color: rgba(11,98,128,1);
}

body.color-wir {
    background-color: rgba(11,98,128,1);
    color: #fff;
}

body.height {
    max-height: 80%;
}

body.noscroll {
    overflow:hidden;

}

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, input, select, textarea {
    color: #373a36;
}


header {
    background: none;
    height: 75px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5 ;
    opacity: 1;
    background-color:none;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

header.color {
    background-color: #ffffff;
    height:75px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

header.color-wir {
    background-color:  rgba(11, 98, 128, 1);
    transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -webkit-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
}


img {
    height: auto;
    max-width: 100%;
}


a, a:visited {
    color: #373a36;
    text-decoration: none;
}

a:hover {
    color: #373a36;
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
}

.full {

}


.inside {
    padding-right: 0px;
    padding-left: 0px;
}



#header {
    background: none;
    height: 75px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5 ;
    opacity: 1;
    background-color:none;
}

#header.active {
    background: #fff;

}

#header.color {
    background: #fff;

}

#header.color-wir {
    background:  rgba(11, 98, 128, 1);

}

.logo-image img {
    height: 40px;
}

.logo-image {
    /*background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-negativ.png") no-repeat scroll left top;*/
    background: rgba(0, 0, 0, 0) url("../images/2018_PIUREclaim_39anthracite_rgb-01_web1.png") no-repeat scroll left top;
    background-size: 100%;
    float: right;
    margin-top: 15px;
    margin-right: 25px;
    width: 150px;
    height: 50px;
    border: 0px solid green;
}


.logo-image.logocolor {
    background: rgba(0, 0, 0, 0) url("../images/2018_PIUREclaim_39anthracite_rgb-01_web1.png") no-repeat scroll left top;
    background-size: 100%;
}

.logo-image.logocolor-wir {
    background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-negativ.png") no-repeat scroll left top;
    background-size: 100%;
}

#header .wrap {
    min-width: 0px;
    padding: 0 0px;
}

#inner {
    margin: 0 0 20px;
    padding: 0px;
    min-width: 100%;
    overflow: hidden;
    position: relative;
}


#footer {
    background-color: #fff;
    clear: both;
    font-size: 10px;
    overflow: hidden;
    padding: 0px 0;
    text-align: center;
    text-align: -moz-center;

    text-transform: uppercase;

}

#footer.color {
    background-color: rgba(11,98,128,1);
    color: white;
}

#footer.wir {
    background-color: #c9c9c9;
    color: white;
}


#footer .wrap {
    width: 100%;
    bottom: 0;
    position: relative;
}
/*  recaptcha V3  */
.grecaptcha-badge {display:none}
.page-id-10 .grecaptcha-badge,
.page-id-3659 .grecaptcha-badge {display:block}


/*--------------------------------------------------------------
# Startpagegadgets
--------------------------------------------------------------*/


.uppop {
    background: green none repeat scroll 0 0;
    height: 100px;
    margin-left: 200px;
    margin-top: 100px;
    position: absolute;
    width: 200px;
    opacity: 1;
}

.pop, .pop-en {
    background:#fff;
    height:50px;
    width:220px;
    right:0;
    top:3%;
    position:absolute;
    max-height:100%;
    max-width:100%;
    overflow-y:hidden;
    overflow-x:hidden;
    /*box-shadow:5px 5px 20px black;*/
    z-index:1;
    cursor: pointer;
    border-radius: 0px;
    display:none;
}

.pop.visible, .pop-en.visible {
    z-index:99;
    cursor: auto;
    border-radius: 0px;

}


.pop.height, .pop-en.height {
    max-height:80% !important;
    background-color: black;
}


.pop-mobile, .pop-mobile-en {

}

.onclick-mobil, .onclick-mobil-en {
    display: none;
}


#special-slider-mobile, #special-slider-mobile-en {
    display: none;
}

#open-pop-mobile, #open-pop-mobile-en  {
    display: none;
}

.scroll-down-mobile {
    display: none;
}

.scroll-down-text-mobile {
    display: none;
}

.scroll-down-btn-mobile {
    display: none;
}

.scroll-down {
    margin-top: 5px;
    width: 50px;
    display: inline-block;
}
.scroll-down-text {
    margin-top: -130px;
    color:#ffffff;
    display: block;
    text-align: center;
}

.scroll-down-text a {
    color: white;
    text-decoration: none;
}

.scroll-down-text a:hover {
    color: white;
    text-decoration: none;
}

.scroll-down-text a:visited {
    color: white;
    text-decoration: none;
}

.scroll-down-btn {

    text-align: center;
}
.widget-area {
    height: 100%;
}

.onclick {
    width: 100%;
    font-size: 40px;
    line-height: 45px;
}

.onclick.hidden {
    display: none;
}


#special-slider, #special-slider-en {
    height:210px;
    margin-top: 4px;
    margin-left: 5px;

}

#special-slider div, #special-slider-en div {
    position: absolute;
}

#special-slider p, #special-slider-en p {
    position: absolute;
    font-size: 25px;
    padding: 12px;
    line-height: 25px;
    letter-spacing: 0px;
width: 250px;
}


/*--------------------------------------------------------------
# Full width image front
--------------------------------------------------------------*/

.background-front {
    background-position: 50% center;
    background-repeat: no-repeat;
    height: 100vh;
}


.background-front-zelle {
    width: 100%;
}

/* Random image */
.random-start-image figure {
    margin: 0px;
}

.random-start-image img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}


/*--------------------------------------------------------------
# Full width image front
--------------------------------------------------------------*/



.so-widget-piure-isotope-atom-eaadb82c8489 .isotope.grid .grid-item img {
width: 98%;
}
/*--------------------------------------------------------------
# Content area Elemente
--------------------------------------------------------------*/

.full-width-content #content {
    padding-right: 0px;
}

#content {
    min-height: 0px;
    min-width: 0px;
    padding-left: 0px;
    padding-right: 320px;
}

.entry-content {
    border-bottom: 0px solid #eeeeee;
    overflow: hidden;
    padding: 0px;
    min-height: 520px;

}

/*--------------------------------------------------------------
# Mastheadelemente
--------------------------------------------------------------*/

#masthead {
    width: 100%;

}

.site-header {

}


.site-header.logocolor {

}


.site-branding {
}

.header-image #title-area {
    background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-negativ.png") no-repeat scroll left top;
}


.site-title {

}
.body-nav {
    position: fixed;
}

.body-nav-toggle-responsive {
    display: none;
}

.body-nav-toggle-desktop {
    display: block;
}

.header-indication {
    color: #373a36;
    font-size: 30px;
    margin-left: 125px;
    margin-top: 20px;
    position: fixed;
    z-index: 10;
}

.header-indication.color-wir {
    color: #fff;

}

/*--------------------------------------------------------------
# header color change
--------------------------------------------------------------*/


#home {
    background-color:#ffffff;
}

/* #presse {
background-color:#ffffff;
padding-top: 100px;
margin-top: -75px;
}

*/

#produkte {
    background-color:#ffffff;
    padding-top: 60px;
}




/*--------------------------------------------------------------
# Trigger Slide in nav
--------------------------------------------------------------*/


#wpstudio-panel-open {
    /*background: url(../images/menu-icon-weiss.png) no-repeat;*/
    background: url(../images/menu-icon-69614e.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    margin-left: 10px !important;
    top: 5px !important;
    transition: opacity 0.3s ease 0s;
    white-space: nowrap;
    z-index: 99;
    width: 30px;
    height: 30px;
}




#wpstudio-panel-open.menucolor {
    background: url(../images/menu-icon-69614e.png) no-repeat;
}

#wpstudio-panel-open.menucolor-wir {
    background: url(../images/menu-icon-weiss.png) no-repeat;
}



#wpstudio-panel-open::before, #wpstudio-panel-open::after {

    height: 0px;
}

.wpstudio-panel-header {
    display: none;
}

.wpstudio-panel-close {
    background-color: #404040;
    display: inline-block;
    float: right;
    height: 100%;
    overflow: hidden;
    position: relative;
    right: 0;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    width: 60px;
}


.nav-close-btn {

}

#menu-item-1392 a {
    position: absolute;
    left: 80%;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0) url("../images/close-nav-btn.png") no-repeat scroll 0 0;
    border: 0px solid yellow;
    text-indent: -9999px;
    margin-top: 40px;
}

#nav_menu-3 {
    border: 0px solid red;
    height: 100%;
}


#menu-item-1879 a {
    position: absolute;
    left: 88%;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0) url("../images/close-nav-btn.png") no-repeat scroll 0 0;
    border: 0px solid yellow;
    text-indent: -9999px;
    margin-top: -10px;
    background-size: 75%;
}


#nav_menu-2 {
    border: 0px solid black;
    height: 100%;
    padding-top: 10px;
}

#menu-item-3867 a {
    position: absolute;
    left: 88%;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0) url("../images/close-nav-btn.png") no-repeat scroll 0 0;
    border: 0px solid yellow;
    text-indent: -9999px;
    margin-top: -10px;
    background-size: 75%;
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.widget-area ul li {
    list-style-type: none;
    word-wrap: break-word;
}


.wpstudio-panel-container {
    height: 100%;
    overflow: hidden;
    padding: 21px;
    position: fixed;
    top: 0;
    transition-delay: 0.3s;
    transition-duration: 0.3s;
    transition-property: transform;
    z-index: 1000;
    width: 40%;
}

.gsw-50 {
    width: 30%;
}


#menu-side-nav, #menu-side-nav-en  {
    border: 0px solid green;
    width: 90%;
}

.menu-side-nav-container, .menu-side-nav-en-container {
    bottom: 50px;
    position: absolute;
    min-width: 100%;
    border: 0px solid blue;
}



.widget-area ol, .widget-area ul {
    margin: 0px 0 0 0px;
}

/* einzeln zugewiesene css classes für die einzelnen Navigationslinks im SlideMenu left */

/* Nav Trigger = Wir Link */
/* Trigger overlay */

.trigger-overlay {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:52px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 25px;
}

.trigger-overlay a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;

}

.trigger-overlay a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;

}

.trigger-overlay a:visited {
    color:#373a36;
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;

}

.overlay-open-hide {
    display:none;
}

/* Wir Link (alt)*/

.link-wir {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:52px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    margin-top: 50px;
}

.link-wir a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;

}

.link-wir a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
}

.link-wir a:visited {
    color:#373a36;
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
}

/* Produkte Link */

.link-produkte {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:52px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.link-produkte a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.link-produkte a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.link-produkte a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}

/* Kontakt Link */

.link-kontakt {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:52px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;

}

.link-kontakt a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;

}

.link-kontakt a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;

}

.link-kontakt a:visited {
    color:#373a36;
    text-decoration: none;
}




/* Konfigurator Link */

.link-konfigurator {
}

.link-konfigurator {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;

}

.link-konfigurator a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.link-konfigurator a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.link-konfigurator a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}


/* konfigurator links update 180706 */



.konfiglinks {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;

}

.konfiglinks a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  500;
    text-decoration: none;
    text-transform: uppercase;

}

.konfiglinks a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.konfiglinks a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}
.konfig-intro-heading {
    font-weight: 500;
}

.konfig-intro {
    font-size: 18px;
}
/* konfigurator links update 26072018 */
.konfig-intro-heading {
    font-size: 54px;
    line-height: 60px;
    font-weight:normal;
}
.konfig-intro {
    font-size: 16px;
}
.konfiglinks a {
    font-weight: normal;
    text-transform:none;
    line-height: 1.3;
    font-size: 18px;
}
.konfiglinks a:hover {
  font-weight: normal;
  text-transform: none;
}
/* Händler Link */

.link-haendler {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: -4px;

}

.link-haendler a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.link-haendler a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.link-haendler a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}



/* Prospekte Link */

.link-prospekte {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: -4px;

}

.link-prospekte a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.link-prospekte a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.link-prospekte a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}


/* Farben Link */

.link-farben {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: -4px;

}

.link-farben a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.link-farben a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}


.link-farben a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}


/* Language deutsch Link */


.menu-item-language {
    list-style:none;
    color:#373a36;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
    margin-top: 16px;
    margin-right: 16px;

}

.menu-item-language a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    float: left;
    text-transform: uppercase;

}

.menu-item-language a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
}

.menu-item-language a:active {
    color:#373a36;
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
}







.link-deutsch {
    list-style:none;
    color:#373a36;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
    margin-top: 16px;

}

.link-deutsch a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
}

.link-deutsch a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
}

.link-deutsch a:active {
    color:#373a36;
    float: left;
    text-transform: uppercase;
    text-decoration: underline;
}


/* Language English Link */

.link-englisch {
    list-style:none;
    color:#373a36;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 16px;
    padding-left: 48px;

}

.link-englisch a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-transform: uppercase;
}

.link-englisch a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-transform: uppercase;
    text-decoration: underline;
}

.link-englisch a:active {
    color:#373a36;
    text-decoration: underline;
    text-transform: uppercase;

}

/* Impressum Link */

.link-impressum {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:21px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
    margin-top: 20px;
    margin-right: -10px
}

.link-impressum a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    float: right;
    text-transform: uppercase;

}

.link-impressum a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    float: right;
    text-transform: uppercase;

}

.link-impressum a:visited {
    color:#373a36;
    text-decoration: none;
    float: right;
    text-transform: uppercase;

}




/*--------------------------------------------------------------
# Fadeover effekte
--------------------------------------------------------------*/

.close-link .overlay-close {
    margin-top: 40px;
}

.post-layover {
    color: #ffffff;
    font-size: 26px;
}
.post-overlay {

}

.post-layover p {
    color: #ffffff;
    font-size: 24px;
}


.overlay-hugeinc.open  {
    z-index: 1000;
}

.layover-head {
    background: #0b6280;
    height: 75px;
    margin-top: -115px;
    position: fixed;
    width: 100%;
}

.layover-heading {
    color: #fff;
    width: 33%;
    text-transform: uppercase;
    float: left;
}

.layover-content {
    color: #fff;
    width: 66%;
    float: left;
}


.overlay-logo {
    background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-negativ.png") no-repeat scroll left top;
    background-size: 100%;
    float: right;
    margin-top: 15px;
    margin-right: 50px;
    width: 150px;
    height: 55px;

}

.overlay-indication {
    color: #fff;
    font-size: 30px;
    margin-left: 105px;
    margin-top: 20px;
    position: absolute;
}

/*--------------------------------------------------------------
# isotop */


.so-widget-piure-isotope-atom-eaadb82c8489 ul.isotope.filter li.spacer {
    border-right: 0px solid lightgray;
}

/*--------------------------------------------------------------
# Startseite Pressebereich */


.presse-front-title {
    font-size: 65px;
    line-height: 72px;
    padding-top: 70px;
    padding-left: 0px;
    text-transform: uppercase;
}

.pressebilder img {
    height: auto;
}


.front-align-presse {
    padding-left: 15px;
    padding-right: 15px;
}

iframe {
    width: 100%;
height: 58vw;
}

/*  Front Page Presse */

.presse-front-1,
.presse-front-2 {
    display: flex;
    flex-flow: row;
}

.presse-front-item-1-links {
	width: 50%;
	margin: 30px 15px 30px 30px;
}

.presse-front-item-1-rechts {
	width: 50%;
align-self: flex-start;
margin: 30px 30px 30px 15px;
}

.presse-front-item-2-rechts {
	width: 50%;
	margin: 30px 30px 30px 15px;
}

.presse-front-item-2-links {
	width: 50%;
align-self: flex-end;
margin: 30px 15px 30px 30px;
text-align: right;
}

.presse-front-titel {
    font-size: 24px;
    text-transform: uppercase;
}

.presse-front-view-more a {
font-size: 10px;
color: #373a36;
font-family: 'Graphik Web',sans-serif;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
}

.presse-front-view-more a:hover {
color: #373a36;
text-decoration: none;
font-family: 'Graphik Web',sans-serif;
font-weight: 400;
font-style: italic;
}

/*  Presseeinzelseite */

.presse-title {
	position: absolute;
top: 200px;
padding: 30px;
font-size: 40px;
font-weight: 800;
color: #fff;
	display: flex;
justify-content: center;
width: 100%;
}

.presse-text {
	padding:30px;
}
.presse-content-images-1 {
	display: flex;
	padding: 30px;
}

.presse-linkesflexelement-1 {
/*	height: calc(100% + 20px); */
	display: flex;
	width: 50%;
	padding-right: 10px;
}
.presse-rechtesflexelement-1 {
	display: flex;
	flex-flow: column;
	width: 50%;
	padding-left: 10px;
}

.presse-linkesflexelement-1 img {
	height: 100%;
}


.presse-content-images-2 {
	display: flex;
	padding: 30px;
}

.presse-rechtesflexelement-2 {
/*	height: calc(100% + 20px); */
	display: flex;
	width: 50%;
	padding-left: 10px;
}

.presse-linkesflexelement-2 {
	display: flex;
	flex-flow: column;
	width: 50%;
	padding-right: 10px;
}

.presse-rechtesflexelement-2 img {
	height: 100%;
}

.presse-content-image-column {
	padding-bottom: 20px;
}

.presse-rechtesflexelement-summerspecial {
	display: flex;
		flex-flow: column;
	width: 50%;
	padding-left: 10px;
}
/*--------------------------------------------------------------
# WP Gallerien */

.gallery {

    padding: 6px 6px;
    line-height: 1;
    overflow: hidden;
}

.gallery .gallery-item {
    float: left;
    margin: 0px;
    text-align: center;
    padding: 8px;
    margin-top: 0px !important;
    box-sizing: border-box;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

*[id^="gallery"] img {
    border: 0px solid #cfcfcf !important;
    width: 100%;
}

.produktimage-links-container {

}


.produktimage-links {


}

a.produktimage-links:hover  {
    text-decoration: none;
}


.gallery-caption {
    background-color: white;
    color: #373a36;
    font-size: 20px;
    margin-top: -10px;
    padding: 10px;
    position: sticky;
    cursor: pointer;
    text-align: left;
    text-transform: uppercase;
}

.gallery-caption:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.nexpurlink {

}

.nexpurlink:hover {

}



/*--------------------------------------------------------------
# Startseite Produktbereich */

.produkt-front p {
    padding: 0 0 0 0px;
}

.produkt-front-titel {
    font-size: 54px;
    line-height: 50px;
    padding-bottom: 0px;
    padding-left: 0px;

}


.front-align {
    padding-left: 25px;
    padding-bottom: 50px;
    padding-right: 25px;
}

/*--------------------------------------------------------------
# Produkt-Einzelbilder HP */

.produktbild {

}

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

.produkt-front {
    float: left;

}

.produkt-front a {
    margin-bottom: 0px;
}


.detailtest {
    float: left;
    margin-left: 0px;
}


.detailtest a {

}

.detailtest img {
    height: auto !important;
    margin-bottom: 0;
    margin-right: 5px;
    width: 37vh;
}

.caption-front {
    margin-left: 0px;
    padding: 0px 0px 0px 5px;
}

.caption-front a {
    color: #373a36;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 25px;
}

.caption-front a:hover {
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-transform: uppercase;
}

.caption-front-pur {
    position: relative;
}

.caption-front-pur a {
    color: #ffffff;
    font-size: 50px;
    line-height: 40px;
    margin-left: 25px;
    margin-top: -55px;
    position: unset;
    text-decoration: none;
    text-transform: uppercase;
    float: left;

}


.caption-front-pur a:hover {
    color: #ffffff;

    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-transform: uppercase;
    line-height: 40px;
}



.alignnone {
    float: left;
    padding: 5px;
    margin: 0 0 65px;
}


/*--------------------------------------------------------------
# NextGen */


.produkt-slider {
    border: 0px solid red;

}


/*--------------------------------------------------------------
# Produktpage-Übersicht
--------------------------------------------------------------*/


.product-page-align {
    padding: 25px;
    margin-top: 5%;
}

.page-id-2808 .so-widget-piure-isotope-atom-eaadb82c8489,
.page-id-3663 .so-widget-piure-isotope-atom-eaadb82c8489{
    width: 96%;
    margin-left: 20px;
}

/*--------------------------------------------------------------
# Produktdetailseiten
--------------------------------------------------------------*/


.produktdarstellung {
    padding-left: 30px;
    margin-top: 5%;
    margin-bottom: -30px;
}

.prduktname {
    font-size: 54px;
    line-height: 60px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-left: -5px;
}

.prduktdetailbild {
    border: 0px solid green;
    margin-bottom: -25px;
}

.produktbeschreibung {
    float: left;
    padding-left: 30px;
}

.produktbeschreibung p {
    line-height: 25px;
}



.produktlinks {
    float: left;
    padding-left: 5px;
    width: 200px;
}

.produktlinks a {
    font-size: 10px;
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

.produktlinks p {
    line-height: 20px;
}


.related-lnks-prduktname {
    float: right;
    position: absolute;
    bottom: 30px;
    padding-right: 30px;
    margin-left: -10px;
}


.related-lnks-prduktname p {
    line-height: 25px;
}


.related-lnks-prduktname a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.related-lnks-prduktname a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.related-lnks-prduktname a:visited {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;

}

.default {
    // height: 60vh;
}



/*--------------------------------------------------------------
# Slider/Carousell Produktdarstellung
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Image Slider */

.ewic-wid-imgs{
    cursor: -moz-zoom-in !important;
    cursor: -webkit-zoom-in !important;
    cursor: url("../images/cursor-zoom.png"), auto ! important;
    width: 97% !important;
}

.bxslider.piure{

    visibility: hidden;
    margin: 0;
    padding: 0;
}

.bxslider.piure img{

    width: 600px;
    height: auto;
}

.bx-viewport{
    margin-bottom: 100px;
}

a.piure_zoom img{

    cursor: -moz-zoom-in !important;
    cursor: -webkit-zoom-in !important;
    cursor: url("../images/cursor-zoom.png"), auto ! important;
}

.pp_expand{
    visibility: hidden;
}



.navcontroller {
    max-width: 100% !important;
}

.bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: none !important;
    left: 0px !important;
}

.bx-wrapper {
    margin-left: 0px !important;
}

div.ewc_overlay {
    background-color: #fff !important;
}

.ewc_left, .ewc_right {
    background: none !important;
}

.ewc_top, .ewc_bottom, .ewc_gallery, .ewc_next, .ewc_previous, .ewc_description, .currentTextHolder, .ewc_nav, .ewc_social {
    display: none !important;
}

.bx-wrapper .bx-next {
    background: url("../images/controls.png") no-repeat -43px -32px !important;
}


.bx-wrapper .bx-prev {
    background: url("../images/controls.png") no-repeat 0px -32px !important;
}


/* Magnific Popup */

.mfp-bg{

    background: #fff;
    opacity: 0.9;
}

.mfp-zoom-out-cur{

    cursor: initial;
}

.mfp-close {
    position: absolute;
    right: 0 !important;
    left: 0 !important;
    top: -45px !important;
    margin: 0 auto;
    font-size: 0;
    cursor: pointer !important;
}

.mfp-close {
    background: url("../images/close-nav-btn.png") no-repeat !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 30px !important;
}

.mfp-img, .zoomImg {
    cursor: -moz-crosshair !important;
    cursor: -webkit-crosshair !important;
    cursor: crosshair !important;
}

.mobile-bilder {
    display: none;
}

.mobile-bilder ul{
    margin: 0;
}
.mobile-bilder ul li{

    list-style: none;
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
# Kontakt responsive */


div.wpcf7 {
    max-width: 100%;
    float: left;
}

.wpcf7 {

}

.wpcf7-form {
    text-transform: uppercase;
}

.form-contact {
    margin-top: 100px;
}

#form-contact-left {
    border: 0px solid black;
    text-align: left;
    margin-top: 0px;
    max-width: 100%;
    font-size: 14px;
    line-height: 25px;
    margin-right: 100px;
    width: 50%;
    display: inline-block;

}

#form-contact-left p {
    font-size: 14px;
    line-height: 16px;
}

#form-contact-left p input {

}

#form-contact-right {
    border: 0px solid black;
    text-align: left;
    margin-top: 0px;
    max-width: 100%;
    font-size: 20px;
    line-height: 25px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;


}

.kontakt-form1 {
    text-align: left;
    margin-left: 30px;
    margin-top: -30px;
}
.kontakt-form1 h3 {
    text-align: left;
    margin-left: 0px;
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 40px;

}

.wpcf7-form-control-wrap input {
    background-color: white;
    border: 1px solid #373a36;
    max-width: 100%;
    max-height: 24px;
    margin-top: 5px;

}



.wpcf7-form-control.wpcf7-textarea {
    background-color: white;
    border: 1px solid #373a36;
    max-width: 97%;
    height: 140px;
    margin-top: 5px;
}

.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    background-color: #373a36;
    width: 100%;
    text-transform: uppercase;
    height: 30px;
    font-size: 14px;
}

.impressumlink {
    clear: both;
    padding-top: 20px;
}

.contact {
    width: 100%;
}

.small-link {
    margin-left: 0px
}


#pl-10 {

}

.kontakaddresse {
    float: left;
    width: 300px;

}

.formular1 {
    float: left;

}

.formelement1 {
    width: 100px;
}

span.wpcf7-list-item {
    margin-left: 0px;
}

p .anrede {
    margin-right: 50px;
}

.wpcf7-form-control-wrap.checkbox-533 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.first
{
    margin-right: 20px;
    margin-left: 20px;
}

.kontakt-top {
    line-height: 24px;
    margin-bottom: 12px;
}

.kontakt-top p {
    margin-top: -3px;
}

.wpcf7-list-item-label {
    margin-left: 10px;
    font-size: 14px;
    float: right;
    line-height: 26px;
}
.ds-tip {
    width:55%;
    margin-bottom:10px
}
@media (min-width:678px) {
    .ds-tip {
        width:100%;
        max-width:445px;
    }
}
/*--------------------------------------------------------------
# Newsletter  */
.newsletter-form {
    margin-left: 30px;
    margin-top:100px;
    width: 25%;
    min-width: 250px;
}
.newsletter-form p {
    font-size: 14px;
    line-height: 16px;
}
.newsletter-form input {
    background-color: white;
    border: 1px solid #373a36;
    max-width: 100%;
    max-height: 24px;
    margin-top: 5px;
    width: 100%;
    }
.newsletter-form input.submit {
    color: #fff;
    background-color: #373a36;
    width: 100%;
    text-transform: uppercase;
    height: 30px;
    font-size: 14px;
    max-height: none;
    border:none;
    cursor:pointer;
}

/*--------------------------------------------------------------
# wir-Menu */

.wir-menu {
    position: fixed;
    margin-top:40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.wir-link {
    float: left;
    margin-left: 3vw;
    margin-right: 2vw;
    padding-top: 25px;
    padding-bottom: 20px;
    /*height: 72px;*/
}

.wir-link a {
    color: white;
}

.wir-link-set1 {
    float: left;
}

.wir-link-set2 {
    float: left;
}

.wir-menu-left {
    position: fixed;
    margin-top:40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.wir-menu-right {
    position: fixed;
    margin-top:40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/*--------------------------------------------------------------
# wir-Menu targets */



/*--------------------------------------------------------------
# wir-Historie */

#wir-historie {
    clear: both;
    margin-top: 85px;
}

.wir-historie-heading {

}

.wir-historie-content {
    margin-top: 70px;
    margin-left: 45px;
    margin-right: 15px;

}

.wir-historie-content p {
    color: white;
    line-height: 25px;
}

.wir-historie-image {

    margin-bottom: 0px;
}

.wir-historie-image img {
    min-width: 35vw;
}



/*--------------------------------------------------------------
# wir-Philosophy */


.wir-philosophie-heading {

}
.wir-philosophie-content {
    padding-top: 45px;
    margin-left: 17%;
    margin-right: 17%;
    margin-bottom: 5px;
}

.wir-philosophie-content p {
    color: white;
    line-height: 25px;
}

.wir-philosophie-image {
    /* margin-bottom: -10px; */
    width: 100%;
}

.wir-philosophie-image img {
    width: 100%;
}


/*--------------------------------------------------------------
# wir-Orga */

.wir-organisation-heading {

}

.wir-organisation-content {
    padding-top: 45px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 0px;
}

.wir-organisation-content p {
    color: #006283;
    line-height: 25px;
}


/*--------------------------------------------------------------
# wir-Orga-Ansprechpartner */

.wir-ansprechpartner-heading {
    padding-top: 45px;
    margin-left: 25px;
    color: #006283;
}
.wir-ansprechpartner-image {
    margin-top: 45px;
}

#pg-4636-4 .panel-grid-cell {
    width: 32vw !important;
}

#pg-4788-4 .panel-grid-cell {
    width: 32vw !important;
}

#pg-4829-4 .panel-grid-cell {
    width: 32vw !important;
}


.wir-ansprechpartner-info {
    margin-top: 15px;
    margin-bottom: 25px;
}

.wir-ansprechpartner-info p {
    color: #006283;
    font-size: 12px;
    line-height: 16px;
}

div#pgc-4636-4-1.panel-grid-cell {
    margin-bottom:-30px;
}

div#pgc-4788-4-1.panel-grid-cell {
    margin-bottom:-30px;
}

div#pgc-4829-4-1.panel-grid-cell {
    margin-bottom:-30px;
}

/*--------------------------------------------------------------
# wir-Produkte */

.wir-produkte-heading {

}

.wir-produkte-content {
    padding-top: 45px;
    margin-left: 17%;
    margin-right: 17%;
    margin-bottom: 0px;
}

.wir-produkte-content p {
    color: white;
    line-height: 25px;
}

.wir-produkte-image {
    border: 0px solid blue;
    float: left;
    width: 32.7vw;
    margin-bottom: 0px;
}

#wir-produkte {

}

/*--------------------------------------------------------------
# wir-Vertrieb */


#wir-vertrieb {

}


.wir-vertrieb-heading {

}
.wir-vertrieb-content {
    padding-top: 45px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 30px;
}

div#pgc-4788-wir-vertrieb-1.panel-grid-cell, div#pgc-4829-wir-vertrieb-1.panel-grid-cell {
    width: 15%;
}

div#pgc-4788-wir-vertrieb-2.panel-grid-cell, div#pgc-4829-wir-vertrieb-2.panel-grid-cell {
    width: 15%;
}

.wir-vertrieb-content p {
    color: white;
    line-height: 25px;
}

/*--------------------------------------------------------------
# wir-Planung */
.wir-planung-heading {

}

.wir-planung-content {
    padding-top: 45px;
    margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 0px;
}

.wir-planung-content p {
    color: white;
    line-height: 25px;
}

.wir-planung-image {
    margin: 45px;
}






.wir {
    margin: 0px 0px 0px;
}

.wir-heading {

}

.wir-content p {
    line-height: 28px;
    font-size: 20px;
    color: #fff;
}



/*--------------------------------------------------------------
# Impressum */

.impressum h3 {
    font-size: 54px;
    text-transform: uppercase;
    padding-bottom: 40px;
}

.impressum {
    margin: 100px 25px 5px;
    text-transform: uppercase;
    width: 40%;
}

.impressum p {
    line-height: 25px;
    font-size: 20px;
}


/*--------------------------------------------------------------
# Farbenpage */


.farbenpage {
    margin: 100px 25px 5px;
}


.farbenpage h3 {
    font-size: 54px;
    text-transform: uppercase;
}

.farbenpage p {

    text-transform: uppercase;
}

.ngg-gallery-thumbnail-box {
    width: 19% !important;
}


.ngg-galleryoverview {
    width: 104% !important;
}

/*--------------------------------------------------------------
# farben neu */

.farbenseite {
    margin-top: 100px;
    margin-left: 15px;
}

.farbenseite-bottom {

    margin-left: 15px;
}

.farben-top {
float: left;
margin-bottom:30px;
}


.farben-heading {
    font-size: 30px;
    margin-left: 15px;
    width: 75%;
}


.farben-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
    height: 1200px; 
width: 100%;
    margin-top: 20px;
    max-width:1024px;
        align-content: flex-start;
    }

.farben-bottom-list-1 {
    display: flex;
flex-direction: column;
flex-wrap: wrap;
    height: 500px;  
width: 100%;
    margin-top: 20px;
    max-width:1024px;
        align-content: flex-start;
}
.farben-bottom-list-2 {
    display: flex;
flex-direction: column;
flex-wrap: wrap;
    height: 200px;  
width: 100%;
    margin-top: 20px;
    max-width:1024px;
        align-content: flex-start;
}
.farben-bottom-list-3 {
    display: flex;
flex-direction: column;
flex-wrap: wrap;
    height: 300px;  
width: 100%;
    margin-top: 20px;
    max-width:1024px;
    align-content: flex-start;
}

    .farben-item {
    margin-top: 10px;
    float: left;
    padding-left: 15px;
    margin-bottom: 10px;
    width: 16.4%;

}

.farben-list .farben-item, 
.farben-bottom-item  {
padding-left: 15px;
width: 30%;
display: flex;
flex-flow: column;
}



.farben-item-name {
    font-size: 10px;
    line-height: 0px;
    float: left;

}


.farben-item-image {


}

.farben-item-image img {
    padding-left: 0px;
    width: 100%;
}

.farben-bottom {
float: left;
width: 80%;
}

.farben-bottom-heading {
    font-size: 30px;
    margin-left: 15px;
    width: 75%;
}

.farben-bottom-item {
    margin-top: 10px;
    float: left;
    padding-left: 15px;
    margin-bottom: 10px;
    width: 20.5%;

}

.farben-bottom-item-name {
    font-size: 10px;
    line-height: 0px;
    float: left;


}


.farben-bottom-item-image {


}

.farben-bottom-item-image img {
    padding-left: 0px;
    width: 100%;
}


/*--------------------------------------------------------------
# Konfigurator */

.konfiguratorpage {
    margin: 100px 25px 5px;
}

.konfiguratorpage h3 {
    font-size: 54px;
    text-transform: uppercase;
}

.konfig-sprachwahl p {
    margin: 20px 30px 5px;
    text-transform: uppercase;

}

.konfig-sprachwahl a {
    text-transform: uppercase;

}

.page h1 {
    margin: 100px 25px 25px;
    line-height: 50px;

}

.config {
    text-align: left;
    line-height: 25px;

}


ul.config li {
    list-style-type: none;
    margin-left: 5px;

}

ul.config li a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;

}

ul.config li a:visited {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-stretch: normal;
    text-decoration: none;

}

/*--------------------------------------------------------------
# Konfigurator neu */

.konfig-heading {
    font-size: 30px;
    width: 75%;
    margin-bottom: 30px;
}

.konfig-item {
    margin-top: 0px;
    float: left;
    padding-right: 10px;
    width: 30%;


}

.konfig {

}

/*.konfig-item-name {
    font-size: 12px;
    line-height: 12px;

}*/

.konfig-item-name {
    font-size: 32px;
    line-height: 50px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-left: 0px;
    position: absolute;

}

.konfig-item-name a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;

}

.konfig-item-name a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
}

.konfig-item-name a:visited {
    color:#373a36;
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
}

.konfig-item-subname {
    font-size: 18px;
    text-transform: uppercase;
    /* position: absolute;*/
    margin-bottom: 15px;
    margin-left: 2px;
line-height: 16px
}

.konfig-item-subname a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;

}

.konfig-item-subname a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
}

.konfig-item-subname a:visited {
    color:#373a36;
    text-decoration: none;
    font-family: 'Graphik Web',sans-serif;
}


.konfig-subheading {
        font-size: 32px;
        color: #aa8038;



}

.subhead-konfig {
clear: both;
}

.subhead-konfig .konfig-item {
    margin-top: 0px;
    float: left;
    padding-right: 10px;
    width: 30%;


}

.konfig-item-image img {
    padding-left: 0px;
    width: 100%;
}

.konfig-item-browser-view {
    clear: both;
    line-height: 12px;
    letter-spacing: 10px;
    margin-bottom: 60px;
    margin-left:0px;

}

.konfig-browser-item {
    float: left;
    padding-left: 5px;
    margin-top: -5px;
    color: #bab8b7;
}
.konfig-spec {
    clear: both;
    padding-top: 110px;
    width: 75%;
}

.konfig-spec p {
    font-size: 10px;
    line-height: 12px;
}


/* haendlersuche */

#piure-map {
    width:920px;
    height:523px;
    background:url("../images/bg-piure-map.gif") left top no-repeat;
    position:relative;
    left: 30px;
    line-height: 0px;
    margin-top: 80px;
}

#piure-map a {
    font-family:'Graphik Web',sans-serif;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    position:absolute;
    color: #373a36;
}




#container ul#search_results {
    list-style: none;
    padding: 0;
    clear: both;
    width: 860px;
}

#container ul#search_results li {
    width: 150px;
    float: left;
    height: 180px;
    margin-right: 20px;
}


#retailer_selection {
    margin-bottom: 40px;
    margin-top: 100px;
    margin-left: 25px;
}


select#sel_country {
    width: 200px;
}

select#sel_zip {
    width: 80px;
}

select#sel_city {
    width: 240px;
}

.panel-grid-cell#pgc-14-1-0 p {
    margin-left: 30px;
}

/*--------------------------------------------------------------
# Händlersuche
--------------------------------------------------------------*/

#center {
    margin-top: 50px;
    margin-left: 20px !important;
}

#center a {

    text-decoration: none;
    text-transform: uppercase;
}

#center a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
}

#center a:visited {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
}

#search_results {
    margin-left: 30px;
}

#search_results li {
    padding-bottom: 30px;
    list-style-type: none;
}


.entry-title {
    font-size: 54px;
    text-transform: uppercase;
}



/*--------------------------------------------------------------
# special
--------------------------------------------------------------*/


#pop-close {
    position: fixed;
    top: 15px;
    right: 0px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0) url("../images/close-nav-btn.png") no-repeat scroll 0 0;
    border: 0px solid yellow;
    text-indent: -9999px;
    background-size: 35px;
}

.closebuttonhidden {
    display: none;
}

.pop-close-inline {

    /*  background: rgba(0, 0, 0, 0) url("../images/close-nav-btn-popup.png") no-repeat scroll 0 0; */
    border: 0px solid yellow;
    margin-left: 93%;
    margin-top: -100px;
    position: absolute;
    display: none;
}

#pop-open {
position: absolute;
    top: 7px;
    left: 60%;
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0) url(../images/pop-open-double.png) no-repeat scroll 0 0;
    border: 0px solid yellow;
    text-indent: -9999px;
    background-size: 40px;
}

#pop-open.hidden {
    display:none;
}


/*--------------------------------------------------------------
# special -Top Part
--------------------------------------------------------------*/

.special-feature {
    padding-left: 25px;
}
.special-feature-view {


}

.special-feature-top {
    margin-bottom: 34vh;
}

.special-heading {
    float: left;
    margin-right: 85px;
    font-size: 60px;
    line-height: 60px;
    background-color:#fff;
    width: 33%;
    margin-right: 110px;
}

.special-heading p {
    font-size: 50px;
    line-height: 45px;
}

.special-beschreibung {
    margin-right: 10%;
    margin-left: 40%;
}

.special-beschreibung p {
    line-height: 25px;
}

.special-feature-uebersicht {
}

.special-feature-uebersicht-box {
    float: left;
    width: 32%;
    margin-right: 10px;
}

.special-uebersicht_heading {
}

.special-uebersicht_heading p {
    font-size: 60px;
    padding-bottom: 5px;
    margin-left: -3px;
}

.special-uebersicht {
}

.special-uebersicht img {
    width: 100%;
    margin-left: -5px;
    height: auto !important;
}


/*--------------------------------------------------------------
# special - Produkte - Einzeln Box
--------------------------------------------------------------*/

#special-feature-target-box {
    margin-top: -70px;
    position: absolute;
}

.special-feature-box {
    height: 55vh;
}


.special-box-heading {
    font-size: 50px;

}

.slideradjust {

}

.special-box_images {
    margin-top: 15px;
    margin-bottom: 25px;
    width: 96vw;


}

.special-box_images img {
    float: none;
    width: 75vh;
}

.special-box_beschreibung {
    float: left;
    width: 100%;
    position: relative;
}

.special-box_beschreibung p {
    float: left;
    padding-right: 60px;
    width: 65%;
    line-height: 25px;
}

.special-box_links {
    border: 0px solid red;
}

.special-box_links p {
    line-height: 20px;
    width: 29%;
}

.special-box_links a {
    font-size: 10px;
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;
}

.special-box_links a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
}

.special-box_related {
    position: absolute;
    bottom: 0px;
    margin-left: 82%;
    width: 240px;
}

.special-related-weitere {
    font-size: 10px;
}


.special-box_related p {
    border: 0px solid black;
    bottom: 0px;
    display: table;
    position: absolute;
    right: 0px;
    width: 260px;
    line-height: 25px;
}


.special-box_related a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;
}

.special-box_related a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.special-box_related a:visited {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight:  400;
    text-decoration: none;
    text-transform: uppercase;
}



/*--------------------------------------------------------------
# special - Produkte - Einzeln Regal
--------------------------------------------------------------*/

#special-feature-target-regal {
    margin-top: -85px;
    position: absolute;
}

.special-feature-regal {
    clear: both;
    height: 60vh;
    padding-top: 50px;
}


/*--------------------------------------------------------------
# special - Produkte - Einzeln Schrank
--------------------------------------------------------------*/

#special-feature-target-schrank {
    margin-top: -85px;
    position: absolute;
}

.special-feature-schrank {
    clear: both;
    height: 55vh;
    padding-top: 50px;
}


/*--------------------------------------------------------------
# special - Pfeile
--------------------------------------------------------------*/
.special-link-down {
    clear: both;
    margin-left: 47%;
    margin-top: 5px;
    margin-bottom: 40px;
}

.special-link-up {
    clear: both;
    margin-left: 47%;
    margin-top: 55px;

}

.box-id-link-down-first {

}

.box-id-link-down-first img {
    width: 50px;
}

.box-id-link-up {
    margin-bottom: -30px;
}

.box-id-link-up img {
    width: 50px;
}

.box-id-link-down {
    float: left;
    margin-bottom: 40px;
}

.box-id-link-down img {
    width: 50px;
}

.regal-id-link-down {
    float: left;
    margin-bottom: 40px;
}

.regal-id-link-down img {
    width: 50px;
}

.regal-id-link-up {
    float: left;
    margin-bottom: -30px;
}

.regal-id-link-up img {
    width: 50px;

}

.schrank-id-link-down {
    float: left;
    margin-bottom: 40px;
}

.schrank-id-link-down img {
    width: 50px;
}

.schrank-id-link-up {
    float: left;
    margin-bottom: -30px;
}

.schrank-id-link-up img {
    width: 50px;
}

/*----------------------------------------------------------------------------------------------------------------------------
# Socials */

.socials {
    margin-top: -35px;
    position: absolute;
    right: 105px;

}

.isotope-socials {
    margin-top: -45px;
    position: absolute;
    right: 115px;
}

.sfsi_tool_tip_2, .tool_tip {
    padding: 0px 0px 0px 0px;
}


.sfsi_inside:last-child {
    margin-bottom: 0px;
}

.sfsi_tool_tip_2 .bot_arow {
    left: 70%;
}


/*----------------------------------------------------------------------------------------------------------------------------
# FARBEN RESPONSIVE ZWISCHENFORMAT
----------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 677px) and (max-width:1023px) {
        .farben-list {
    height:1080px
    }
    
    .farben-bottom-list-1  {
        height: 420px;
    }
    
    .farben-bottom-list-2 {
        height: 200px;
    }
    
    .farben-bottom-list-3 {
        height: 300px;
    }
    
}
/*----------------------------------------------------------------------------------------------------------------------------
# Chrome
----------------------------------------------------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */

    .caption-front-pur a {
        color: #ffffff;
        font-size: 50px;
        line-height: 40px;
        margin-left: 25px;
        margin-top: -55px;
        position: absolute;
        text-decoration: none;
        text-transform: uppercase;
    }

    .produkt-front-titel {
        margin-left: -16px;
    }

    .detailtest {
        margin-bottom: -10px;
        margin-left: 0px;

    }

    .caption-front {
        margin-left: 5px;
        padding: 5px 0px 0px 0px;
    }

    .related-lnks-prduktname {
        bottom: 0px;
    }

    .box-id-link-down-first img {
    }

    .special-feature-top {
        margin-bottom: 35vh;
    }

    .caption-front a {
        line-height: 40px;
    }


    #search_results li strong {
        margin-left: -5px;
    }

    .special-box_images {
        width: 96vw;
    }

    .gallery .gallery-item {
        margin-bottom:-20px;
    }


    /*--------------------------------------------------------------
    # wir- */

    .wir-historie-image {

        margin-bottom: 0px;
    }

    #pgc-4788-wir-historie-1 {
        width: 40%;
    }
    #wir-vertrieb {
    }


    .wir-produkte-image {
        margin-bottom: -20px;
    }



    .wir-vertrieb-content {
        margin-top: 10px;
    }

    /*--------------------------------------------------------------
    # contact- */

    .wpcf7-form-control.wpcf7-textarea {
        max-width: 100%;
    }

}


/*--------------------------------------------------------------
# Responsive 1
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {


    #header,
    #header .wrap {
        float: none;
        padding: 0;
        width: 100%;
    }

    #header {
        background-color: #fff;
    }

    header.color {
        background-color: #fff;
        height:75px;
    }
    header.color-wir {
        background-color:  rgba(11, 98, 128, 1);

    }

    .logo-image {
        background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-web_69614e.png") no-repeat scroll left top;
        background-size: 100%;
        float: right;
        margin-top: 15px;
        margin-right: 25px;
        width: 140px;
        border: 0px solid green;
    }

    .logo-image.logocolor {
        background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-web_69614e.png") no-repeat scroll left top;
        background-size:100%;
    }

    .logo-image.logocolor-wir {
        background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-negativ.png") no-repeat scroll left top;
        background-size: 100%;
    }

    #wpstudio-panel-open {
        background: url(../images/menu-icon-69614e.png) no-repeat;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
        top: 1%;
        white-space: nowrap;
        z-index: 99;
    }


    #wpstudio-panel-open {
        height: 30px;
        width: 30px;

    }

    #wpstudio-panel-open.menucolor {
        background: url(../images/menu-icon-69614e.png) no-repeat;
    }

    #wpstudio-panel-open.menucolor-wir {
        background: url(../images/menu-icon-weiss.png) no-repeat;
    }

    .wpstudio-panel-container {
        width: 50%;
    }

    .inside {
        padding-right: 0px;
        padding-left: 0px;
    }




    .body-nav-toggle-desktop {
        display: none;
    }

    .body-nav-toggle-responsive {
        display: block;
    }

    .body-nav-toggle-desktop {
        display: none;
    }

    .body-nav-toggle-responsive {
        display: block;
    }

    #nav_menu-2 {
        border: 0px solid black;
        height: 100%;
        padding-top: 10px;
    }

    .header-indication {
        margin-top: 20px;
    }

	/*----------------------------------------------------------------------------------------------------------------------------
# Presse Front */
	
	.presse-front-1 {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.presse-front-2 {
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
}


.presse-front-item-1-rechts {
	align-self: center;
}




.presse-front-item-1-links {
	    width: 65vw;
    margin: 0px;
}

.presse-front-item-1-rechts {
    width: 65vw;
    margin: 0;

}

.presse-front-item-2-links {
    width: 65vw;
    margin: 0px;
    text-align: unset;
    align-self: initial;
}

.presse-front-item-2-rechts {
    width: 65vw;
    margin: 0px;
}


.presse-front-title {
    padding-top: 30px;
}

    /*--------------------------------------------------------------
    # Startpagegadgets
    --------------------------------------------------------------*/

    .pop {
        right: 0;
    }

    #pop-open {

    }

    #pop-open.hidden {
        display:none;
    }


    .scroll-down {
        display: none;
    }

    .scroll-down-mobile {
        margin-top: -10px;
        width: 60px;
        display: inline-block;
    }


    .scroll-down-mobile img {

    }


    .scroll-down-text {
        display: none;
    }

    .linkalign {

    }


    .scroll-down-text-mobile {
        margin-top: -105px;
        color:#373a36;
        display: block;
        text-align: center;
    }

    .scroll-down-text-mobile a {
        color:#373a36;
        text-decoration: none;
    }

    .scroll-down-text-mobile a:hover {
        color:#373a36;
        text-decoration: none;
    }

    .scroll-down-text-mobile a:visited {
        color:#373a36;
        text-decoration: none;
    }


    .scroll-down-btn-mobile {
        text-align: center;
    }

    .widget-area {
        height: 100%;
    }


    /*--------------------------------------------------------------
    # Full width image front
    --------------------------------------------------------------*/

    .background-front {
        background-position: 50% center;
        background-repeat: no-repeat;
        height: 85vh;
        border-color: white;
        border-image: none;
        border-style: solid;
        border-width: 40px 40px 80px;
    }




    /*--------------------------------------------------------------
    # Responsive Navigation Links */

    /* Nav Trigger = Wir Link */

    .trigger-overlay {
        font-size:60px;
    }

    /* Wir Link (alt) */

    .link-wir {
        font-size:60px;
    }

    /* Produkte Link */

    .link-produkte {
        font-size: 60px;
    }

    /* Kontakt Link */

    .link-kontakt {
        font-size:60px;

    }

    /* Konfigurator Link */

    .link-konfigurator {
        font-size:20px;
    }

    /* Händler Link */

    .link-haendler {
        font-size:20px;
    }

    /* Prospekte Link */

    .link-prospekte {
        font-size:20px;
    }

    /* Farben Link */

    .link-farben {
        font-size:20px;
    }

    /* Language deutsch Link */

    .link-deutsch {
        font-size:20px;
    }

    /* Language English Link */

    .link-englisch {
        font-size:20px;
    }
    /* Impressum Link */

    .link-impressum {
        font-size:20px;
    }

    #menu-item-1879 a {
        left:89%;
    }

    #menu-item-3867 a {
        left:89%;
    }
    /*--------------------------------------------------------------
    # Homepage Produkt section
    --------------------------------------------------------------*/

    #presse {

    }
    .presse-front-title{
        padding-top: 85px;
    }

    .produktbild {
    }

    .produkt-front {
        float: left;
        margin-left: -10px;
    }


    img.alignnone {
        display: inline;
        margin: 0 -10px 0;
    }


    .detailtest {
        margin-bottom: -10px;
        padding-right: 10px;
    }
    .detailtest img {
        width: 24vw;
        height: auto !important;
    }

    .produkt-front-titel {
        font-size: 52px;
        padding-bottom:0px;
        margin-left: -10px;
        margin-bottom: -10px;

    }


    .caption-front {

        margin-left: 0px;
        padding: 20px 0 5px 5px;


    }

    .caption-front a {
        color: #373a36;
        text-transform: uppercase;
        font-size: 25px;
        line-height: 40px;
        float: left;
    }

    .caption-front a:hover {

        text-decoration: none;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-transform: uppercase;

    }


    .caption-front-pur {
        position: relative;
    }

    .caption-front-pur a {

        color: #ffffff;
        font-size: 45px;
        line-height: 40px;
        margin-left: 20px;
        margin-top: 140px;
        position: absolute;
        text-decoration: none;
        text-transform: uppercase;

    }

    .caption-front-pur a:hover {
        color: #ffffff;

        text-decoration: none;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-transform: uppercase;
        line-height: 40px;
    }


    /*--------------------------------------------------------------
    # Fadeover effekte
    --------------------------------------------------------------*/


    .close-link .overlay-close {
        margin-top: 45px;
    }

    .post-layover {
        color: #ffffff;
        font-size: 26px;
    }
    .post-overlay {

    }

    .post-layover p {
        color: #ffffff;
        font-size: 24px;
    }

    .overlay-adjust {

    }

    .overlay-hugeinc.open  {
        z-index: 1000;
    }

    .layover-head {
        background: #ffffff;
        height: 75px;
        margin-top: -115px;
        position: fixed;
        width: 100%;
        margin-left: -25px;
    }

    .layover-nav-trigger {
    }

    .overlay-logo {
        background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-web_69614e.png") no-repeat scroll left top;
        background-size: 100%;
        float: right;
        margin-top: 15px;
        margin-right: 25px;
        width: 140px;
        height: 55px;
        border: 0px solid green;
        transition: all 1.5s linear;
        -moz-transition: all 1.5s linear;
        -webkit-transition: all 1.5s linear;
        -o-transition: all 1.5s linear;
    }

    .logolink img {
        margin-top: -50px;
    }



    /*--------------------------------------------------------------
    # special
    --------------------------------------------------------------*/


    #pop-close {
        left: 95.2%;
    }


    #pop-open {
    }

    .special-feature {
    }
    .special-feature-view {
        height: 87vh;
        margin-left: -10px;
    }

    .special-feature-top {
        margin-bottom: 18vh;
    }

    .special-heading {
        float: left;
        margin-right: 5%;
        font-size: 50px;
        line-height: 50px;
    }

    .special-heading p {
        font-size: 50px;
        line-height: 45px;
    }

    .special-beschreibung {
        margin-right: 10%;
    }

    .special-feature-uebersicht {
    }

    .special-feature-uebersicht-box {
        float: left;
        width: 31.7%;
    }

    .special-uebersicht_heading {
        margin-left: 5px;
    }

    .special-uebersicht_heading p {
        font-size: 36px;
    }

    .special-uebersicht {

    }

    .special-uebersicht img {
        width: 100%;
    }

    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Box
    --------------------------------------------------------------*/

    #special-feature-target-box {
        margin-top: -70px;
        position: absolute;
    }

    .special-feature-box {
        height: 50vh;
    }


    .special-box-heading {
        font-size: 50px;

    }

    .special-box_images {

    }

    .special-box_images img {
        float: none;
        width: 80vh;
    }

    .special-box_beschreibung {
        float: left;
        width: 100%;
        position: relative;
    }

    .special-box_beschreibung p {
        float: left;
        padding-right: 60px;
        width: 65%;
        line-height: 25px;
    }

    .special-box_links {
        border: 0px solid red;
    }

    .special-box_links p {
        line-height: 20px;
        width: 29%;
    }

    .special-box_links a {
        font-size: 10px;
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_links a:hover {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 20px;
    }

    .special-box_related {
        position: absolute;
        bottom: 0px;
        margin-left: 82%;
        width: 240px;
    }

    .special-related-weitere {
        font-size: 10px;
    }


    .special-box_related p {
        border: 0px solid black;
        bottom: 0px;
        display: table;
        position: absolute;
        right: 0px;
        width: 260px;
        line-height: 25px;
    }


    .special-box_related a {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_related a:hover {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_related a:visited {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }



    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Regal
    --------------------------------------------------------------*/

    #special-feature-target-regal {
        margin-top: -70px;
        position: absolute;
    }

    .special-feature-regal {
        clear: both;
        height: 55vh;
        padding-top: 50px;
    }


    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Regal
    --------------------------------------------------------------*/

    #special-feature-target-schrank {
        margin-top: -70px;
        position: absolute;
    }

    .special-feature-schrank {
        clear: both;
        height: 50vh;
        padding-top: 50px;
    }


    /*--------------------------------------------------------------
    # special - Pfeile
    --------------------------------------------------------------*/

    .box-id-link-down-first img {
        margin-top: -10px;
    }

    /*--------------------------------------------------------------
    # Farben
    --------------------------------------------------------------*/


    .farben-item-name {
        margin-top:5px;
        margin-left:-10px;
    }

.farben-bottom-item-name {

    margin-top: 6px;
    margin-left: -10px;

}



    /*--------------------------------------------------------------
    # Konfigurator
    --------------------------------------------------------------*/

.konfig {

}
    .konfig-item img {
        margin-top: 0px;
        float: left;
        padding-right: 5px;

    }


    .konfig-item-name {
    font-size: 32px;
    line-height: 50px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-left: -10px;
    position: absolute;

}

    .konfig-browser-item {
        float: left;
        padding-left: 5px;
        margin-top: 5px;
        color: #bab8b7;
    }





.konfig-heading {
    font-size: 30px;
    width: 75%;
    margin-bottom: 30px;
}

.konfig-item {
    margin-top: 0px;
    float: left;
    padding-right: 10px;
    width: 30%;


}



.konfig-item-subname {
    font-size: 16px;
    text-transform: uppercase;
       /* position: absolute;*/
    margin-bottom: 15px;
    margin-left: -8px;
line-height: 16px;
padding-top: 65%
}




.konfig-subheading {
        font-size: 32px;
        color: #aa8038;
        margin-left: -8px;



}

.subhead-konfig {

}

.subhead-konfig .konfig-item {
    margin-top: 0px;
    float: left;
    padding-right: 10px;
    width: 30%;


}

.konfig-item-browser-view {
margin-top: -15px;
    margin-left: -10px;
}



/* konfigurator links update 180706 */



.konfiglinks {
    list-style:none;
    color:#373a36;
    text-decoration: none;
    font-size:17px;
    font-family: 'Graphik Web',sans-serif;
    background: #;
    cursor: pointer;
    text-transform: uppercase;

}

.konfiglinks a {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-size:17px;
    font-weight:  500;
    text-decoration: none;
    text-transform: uppercase;

}

.konfiglinks a:hover {
    color:#373a36;
    font-family: 'Graphik Web',sans-serif;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    text-decoration: none;
    text-transform: uppercase;

}

.konfiglinks a:visited {
    color:#373a36;
    text-decoration: none;
    text-transform: uppercase;

}
.konfig-intro {
    font-size: 15px;
}
/* konfigurator links update 26072018 */
.konfig-intro-heading {
    font-size: 30px;
    line-height: 50px;
}
.konfiglinks a {
    font-size: 12px;
    font-weight: normal;
    text-transform:none;
    line-height: 1.3;
}
.konfiglinks a:hover {
  font-weight: normal;
  text-transform: none;
}

    /*--------------------------------------------------------------
    # Produktsetailseiten
    --------------------------------------------------------------*/

    .produktbeschreibung {
        float: left;
        padding-left: 25px;
    }

    .produktlinks {
        float: left;
        padding-left: 5px;
    }

    .related-lnks-prduktname {
        float: right;
        position: absolute;
        bottom: 60px;
        padding-right: 30px;
    }

    .default {
        // height:68vh;

    }
    .prduktname {
        margin-left: -5px;
    }

    .prduktdetailbild {
        margin-left: -5px;
    }


    /*----------------------------------------------------------------------------------------------------------------------------
    # Kontaktpage
    ----------------------------------------------------------------------------------------------------------------------------*/

    div.wpcf7 {
        max-width: 100%;
        float: left;
    }

    .wpcf7 {

    }

    .wpcf7-form {

    }

    .form-contact {
        margin-top: 100px;
    }


    /* #form-contact-left {
    border: 0px solid black;
    text-align: left;
    margin-top: 0px;
    max-width: 60%;

    line-height: 25px;
    margin-right: 60px;

    }

    #form-contact-right {
    border: 0px solid black;
    text-align: left;
    margin-top: 0px;
    max-width: 40%;
    font-size: 20px;
    line-height: 25px;
    vertical-align: top;
    }
    */
    .kontakt-form1 {

    }
    .kontakt-form1 h3 {
        text-align: left;
        margin-left: 30px;

    }

    .wpcf7-form-control-wrap input {
        max-width: 100%;
        padding-right: 0%;
    }
    .impressumlink {
    }

    .contact {
        width: 100%;
    }

    .small-link {
        margin-left: 0px
    }


    .wpcf7-form-control-wrap.checkbox-533 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.first
    {
        margin-right: 20px;
        margin-left: 20px;
    }

    .wpcf7-list-item-label {
        margin-left: 10px;
    }

    .kontakt-top {

    }


    /*--------------------------------------------------------------
    # wir-Menu */

    .wir {

    }

    .wir-link {
        padding-top: 15px;
        padding-bottom: 40px;
        height: 0px;
    }

    .wir-link-set1 {
        float: left;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .wir-link-set2 {
        float: left;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    /*--------------------------------------------------------------
    # wir-Historie */

    div#pgc-4636-wir-historie-0.panel-grid-cell {
        float: none;
    }

    div#pgc-4788-wir-historie-0.panel-grid-cell {
        float: none;
    }
    div#pgc-4829-wir-historie-0.panel-grid-cell {
        float: none;
    }
    div#wir-historie.panel-grid {
        margin-top: 145px;
    }

    .wir-historie-heading {

    }

    .wir-historie-content {
        padding-top: 55px;
        margin-top: 45px;
        margin-left: 20px;
        margin-right: 15px;
        margin-bottom: 45px;
    }

    .wir-historie-content p {
        width: 100%;

    }

    .wir-historie-image {
        margin-top: 0px;
    }

    .wir-historie-image img {
        min-width: 45vw;;
    }



    /*--------------------------------------------------------------
    # wir-Philosophie */

    .wir-philosophie-content {
        margin-left: 20px;
        margin-right: 15px;
    }

    /*--------------------------------------------------------------
    # wir-orga */

    .wir-organisation-content {
        margin-left: 20px;
        margin-right: 15px;
        margin-top: 45px;
    }

    /*--------------------------------------------------------------
    # wir-Orga-Ansprechpartner */

    .wir-ansprechpartner-heading {
        margin-left: 0px;
    }

    .wir-ansprechpartner-image {
        margin-top: 45px;
    }

    .wir-ansprechpartner-image img {
        width: 30vw;
    }

    #pg-4636-4 .panel-grid-cell {
        width: 32vw !important;
    }

    #pg-4636-4 .panel-grid-cell {
        float: left;
        width: 30vw !important;
    }

    #pgc-4636-4-1, #pgc-4636-4-2 {
        // width: 24.945%;
    }




    #pg-4788-4 .panel-grid-cell {
        width: 32vw !important;
    }

    #pg-4788-4 .panel-grid-cell {
        float: left;
        width: 30vw !important;
    }

    #pgc-4788-4-1, #pgc-4788-4-2 {
        // width: 24.945%;
    }




    #pg-4829-4 .panel-grid-cell {
        width: 32vw !important;
    }


    #pg-4829-4 .panel-grid-cell {
        float: left;
        width: 30vw !important;
    }

    #pgc-4829-4-1, #pgc-4829-4-2 {
        // width: 24.945%;
    }



    /*--------------------------------------------------------------
    # wir-Produkte */

    .wir-produkte-content {
        margin-left: 20px;
        margin-right: 15px;
    }


    /*--------------------------------------------------------------
    # wir-Vertrieb */

    .wir-vertrieb-content {
        margin-left: 20px;
        margin-right: 15px;
    }

    div#pgc-4788-wir-vertrieb-1.panel-grid-cell, div#pgc-4829-wir-vertrieb-1.panel-grid-cell {
        width: 25%;
    }

    div#pgc-4788-wir-vertrieb-2.panel-grid-cell, div#pgc-4829-wir-vertrieb-2.panel-grid-cell {
        width: 25%;
    }


    /*--------------------------------------------------------------
    # wir-Planung */

    .wir-planung-content {
        margin-left: 20px;
        margin-right: 15px;
    }

    .wir-planung-image {
        text-align: center;
    }

    .wir-planung-image img {
        margin-bottom: 45px;
    }

}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
# Responsive 1 Chrome
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px) {
    /* Safari and Chrome, if Chrome rule needed */

    #wpstudio-panel-open.menucolor {
        background: url(../images/menu-icon-69614e.png) no-repeat;
    }
    #wpstudio-panel-open.menucolor-wir {
        background: url(../images/menu-icon-weiss.png) no-repeat;
    }

    .kontakaddresse {
        float: left;
        width: 100%;
    }

    .panel-row-style {
        zoom: 1;
    }

    .caption-front-pur a {
        margin-top: -50px ! important;
    }

    .produkt-front-titel {
        margin-left: -18px;
        margin-bottom: -5px;
    }

    #search_results li strong {
        margin-left: -5px;
    }

    .produkt-front {
        margin-left: -5px;
    }

    .scroll-down-mobile {
        margin-top: -10px;
    }
    .caption-front a {
        line-height: 10px;
    }

    .wpcf7-list-item-label {
        margin-left: 10px;
    }

    /*--------------------------------------------------------------
    # wir-historie */

    .wir-historie-content {
        padding-top: 55px;
        margin-top: 45px;
        margin-left: 20px;
        margin-right: 15px;
        margin-bottom: 45px;
    }

    .wir-historie-content p {
        width: 100%;

    }

    .wir-historie-image {
        margin-top: 0px;
    }

    .wir-historie-image img {
        min-width: 45vw;
    }



    .wir-organisation-content {
        margin-top: -20px;
    }

    #pgc-4788-wir-historie-1 {
        width: inherit !important;
    }
    /*--------------------------------------------------------------
    # wir-vertrieb */

    .wir-vertrieb-content {
    }

    div#pgc-4829-wir-vertrieb-2.panel-grid-cell {
        float: left;
    }

    div#pgc-4788-wir-vertrieb-2.panel-grid-cell {
        float: left;
    }

}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
# Responsive other
--------------------------------------------------------------*/
@media screen and (max-width:1024px) and (min-width: 677px) {
    /* Safari and Chrome, if Chrome rule needed */

    .panel-grid-cell {
    -ms-flex: auto !important;
-webkit-flex: auto !important;
flex: auto !important;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
# Responsive ipad/chrome
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px) and (min-width: 677px) {
    /* Safari and Chrome, if Chrome rule needed */

    .panel-grid-cell {
    -ms-flex: auto !important;
-webkit-flex: auto !important;
flex: auto !important;
    }

}
/*--------------------------------------------------------------
# Responsive tablet hoch
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) and (orientation: portrait){

    .default {
        height:50vh;
    }
}

/*--------------------------------------------------------------
# Responsive Ipad hoch
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1024x) and (orientation: portrait){

    .default {
        height:50vh;
        margin-top: 65px;

    }

    #menu-item-1879 a {
        left: 85%;
    }

    #menu-item-3867 a {
        left: 85%;
    }

}

/*--------------------------------------------------------------
# Responsive Iphone 5 und kleiner
--------------------------------------------------------------*/
@media screen and (max-width: 677px) {

    .background-front {
        border-width: 20px 30px 80px;
        margin-bottom: 10px;
    }


    body {
        background: #fff;

    }

    header.color {
        background-color: #fff;
        height:60px;
    }

    header.color-wir {
        background-color: #fff;
        height:60px;
    }

    #header.hidden {
        display: none;
    }


    div[id^="pg-"] .panel-grid-cell {
        clear: both;
        float: none;
    }

    #footer {
        font-size: 9px;
    }

    .logo-image {
        background-size: 80%;
        float: right;
        margin-top: 25px;
        margin-right: -5px;
        width: 120px;
    }

    .logo-image.logocolor {
        background-size: 80%;
        float: right;
        margin-top: 25px;
        margin-right: -5px;
        width: 120px;
    }



    .logo-image.logocolor-wir {
        background: rgba(0, 0, 0, 0) url("../images/PIUREclaim-web_69614e.png") no-repeat scroll left top;
        background-size: 80%;
        float: right;
        margin-top: 25px;
        margin-right: -5px;
        width: 120px;
    }

    .logo-image img {
        height: 40px;
        width: 90px;
    }

    #wpstudio-panel-open {
        background: url(../images/menu-icon-69614e.png) no-repeat;
        margin-left: 5px !important;
        top: 12px  !important;
        background-size: 85px;
        height: 30px;
        width: 30px;
    }

    #wpstudio-panel-open.hidden {
        display: none;
    }

    #wpstudio-panel-open.menucolor {
        margin-left: 5px !important;
        top: 12px !important;
        background-size: 85px;
    }

    #wpstudio-panel-open.menucolor-wir {
        background: url(../images/menu-icon-69614e.png) no-repeat;
        margin-left: 5px;
        top: 12px;
        background-size: 85px;
        height: 50px;
        width: 80px;
    }



    .overlay-logo {
        background-size: 80%;
        float: right;
        margin-top: 25px;
        margin-right: -5px;
        width: 120px;

    }

    .header-indication {
        margin-top: 24px;
        font-size: 15px;
        margin-left: 90px;
    }

    .header-indication.color-wir {
        color: #373a36;
    }

    .logolink img {
        margin-top: -50px;
    }
    /*--------------------------------------------------------------
    # Startpagegadgets
    --------------------------------------------------------------*/



    /*--------------------------------------------------------------
    # Navigation
    --------------------------------------------------------------*/

    .wpstudio-panel-container {
        width: 65%;
        padding-top: 15px;
        padding-left: 15px;
    }

    #menu-item-1879 a {
        left: 80%;
        width: 30px;
        background-size: 100%;
        height: 40px;
    }
    #menu-item-3867 a {
        left: 80%;
        width: 30px;
        background-size: 100%;
        height: 40px;
    }


    #nav_menu-3 {
        border: 0px solid red;
        height: 100%;
    }


    /*--------------------------------------------------------------
    # Responsive Navigation Links */

    /* Nav Trigger = Wir Link */

    .trigger-overlay {
        font-size:30px;
        margin-bottom: 10px;
    }

    /* Wir Link (alt) */

    .link-wir {
        font-size:30px;
        margin-bottom: 10px;
    }

    /* Produkte Link */

    .link-produkte {
        font-size:30px;
        margin-bottom: 10px;
    }

    /* Kontakt Link */

    .link-kontakt {
        font-size:30px;
    }

    /* Konfigurator Link */

    .link-konfigurator {
        font-size:20px;

    }

    /* Händler Link */

    .link-haendler {
        font-size:20px;


    }

    /* Prospekte Link */

    .link-prospekte {
        font-size:20px;

    }

    /* Farben Link */

    .link-farben {
        font-size:20px;

    }

    /* Language deutsch Link */

    .link-deutsch {
        font-size:20px;
        margin-top: 25px;
    }

    /* Language English Link */

    .link-englisch {
        font-size:20px;
        margin-top: 25px;
        margin-left: 10px;
    }
    /* Impressum Link */

    .link-impressum {
        font-size:20px;
        margin-top: 15px;
        padding-right: 10px;
    }


    /*--------------------------------------------------------------
    # HP elements
    --------------------------------------------------------------*/

/*--------------------------------------------------------------
	Presse
	--------------------------------------------------------------*/
    .presse-front-title {
		font-size: 40px;
		line-height: 40px;
		padding-right: 0px;
		padding-top: 0px;
	}


	.produkt-front-titel {
		font-size: 40px;
		line-height: 0px;
		padding-left: 0px;
	}


	.presse-front-item-1-links {
	    width: 85vw;

}

.presse-front-item-1-rechts {
    width: 85vw;


}

.presse-front-item-2-links {
    width: 85vw;

}

.presse-front-item-2-rechts {
    width: 85vw;

}
/*--------------------------------------------------------------
	Presse end
	--------------------------------------------------------------*/

    .scroll-down {
        display: none;
    }

    .linkalign {
margin-top: 10px;
    }


    .scroll-down-text-mobile {
        margin-top: -115px;
        color:#373a36;
        display: block;
        text-align: center;
    }

    .scroll-down-text-mobile a {
        color:#373a36;
        text-decoration: none;
    }

    .scroll-down-text-mobile a:hover {
        color:#373a36;
        text-decoration: none;
    }

    .scroll-down-text-mobile a:visited {
        color:#373a36;
        text-decoration: none;
    }


    .scroll-down-btn-mobile {

        text-align: center;
    }

    .scroll-down-mobile {
        margin-top: -10px;
        width: 60px;
        display: inline-block;
    }



    .scroll-down-mobile img {
    }


    /*--------------------------------------------------------------
    # Homepage Produkt section
    --------------------------------------------------------------*/


    #presse {

    }


    #produkte {
        background-color: #ffffff;
        padding-top: -150px;
    }

    .front-align {
        padding-left: 20px;
        padding-bottom: 50px;
    }

    .mobile-bilder img.alignnone {
        max-width: 140%;
        width: 110%;
        margin-left: -15px;
        padding-bottom: 10px;
    }


    .caption-front {
        margin-left: 0px;
        padding: 20px 0px 5px 10px;

    }

    .caption-front a {
        font-size: 20px;
        line-height: 40px;
        margin-left: -7px;
    }


    .caption-front-pur {

    }

    .caption-front-pur a {

    }



    .gallery {
        margin: auto -6px;
        padding: 0px 0px;
        line-height: 1;
        overflow: hidden;
    }



    /*--------------------------------------------------------------
    # Produktdetailseite
    --------------------------------------------------------------*/


    .produktdarstellung {
        padding: 30px;
        margin-top: 55px;
        margin-bottom: -50px
    }

    .prduktname {
        margin-left: -10px;
    }

    .prduktdetailbild {
        margin-top: 550px;
        clear: both;
        position: relative;
    }

    .produktbeschreibung {
        padding-left: 20px;
        margin-top: 0px;
        padding-right: 25px;
    }



    .produktlinks {
        margin-left: 15px;
        float: left;
    }

    .produktlinks a {
        font-size: 10px;
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .produktlinks p {
        line-height: 20px;
    }


    .related-lnks-prduktname {
        float: right;
        position: relative;
        margin-right: 20px;
        margin-top: -65px;
        padding-right: 0px;
    }

    .related-lnks-prduktname p {

    }


    .related-lnks-prduktname a {

    }

    /*--------------------------------------------------------------
    # Slider/Carousell Produktdarstellung
    --------------------------------------------------------------*/

    /*--------------------------------------------------------------
    # Image Slider */

    .ewic-wid-imgs {
        width: 90% !important;
        cursor: -moz-zoom-in !important;
        cursor: -webkit-zoom-in !important;
        cursor: zoom-in !important;
        width: 97% !important;
    }

    .bx-wrapper {
        box-shadow: none !important;
        border: none !important;
        left: 0px !important;
        background-color: none !important;
    }

    .box-viewport {

    }

    .navcontroller {
        max-width: 100% !important;
    }


    .bx-wrapper .bx-viewport {

        box-shadow: none !important;
        border: none !important;
        left: 0px !important;
    }


    div.ewc_overlay {
        background-color: #fff !important;
    }

    .ewc_left, .ewc_right {
        background: none !important;
    }

    .ewc_top, .ewc_bottom, .ewc_gallery, .ewc_next, .ewc_previous, .ewc_description, .currentTextHolder, .ewc_nav, .ewc_social {
        display: none !important;
    }

    .bx-wrapper .bx-next {
        background: url("../images/controls.png") no-repeat -43px -32px !important;
    }


    .bx-wrapper .bx-prev {
        background: url("../images/controls.png") no-repeat 0px -32px !important;
    }


    a.ewc_close {
        right: 50% !important;
        top: -550px !important;
    }

    div.ewc_default .ewc_close {
        background: url("../images/close-nav-btn.png") no-repeat !important;
        width:45px !important;
        height: 45px !important;
        background-size: 45px !important;
        top: -85vh !important;
    }

    #ewc_full_res {
        cursor: -moz-crosshair !important;
        cursor: -webkit-crosshair !important;
        cursor: crosshair !important;
    }

    .ewc_hoverContainer {
        cursor: -moz-crosshair !important;
        cursor: -webkit-crosshair !important;
        cursor: crosshair !important;
        display: none !important;

    }

    /* Bild-Zoom mobile Ansicht */
    #piure_mobile_zoom{

        position: fixed;
        z-index: 999;
    }

    #piure_mobile_zoom .wrap{

        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: scroll;
    }

    #piure_mobile_zoom .wrap:before{

        content: none;
    }

    #piure_mobile_zoom .close{

        display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        background: grey;
        z-index: 1000;

        background: url("../images/close-nav-btn.png") no-repeat !important;
        background-size: 50px !important;
    }

    #piure_mobile_zoom img{

        width: 1200px;
        max-width: none;
        height: auto;
    }

    /*--------------------------------------------------------------
    # Fadeover effekte
    --------------------------------------------------------------*/

    .close-link .overlay-close {
        margin-top: 400px;
    }

    .post-layover {
        color: #ffffff;

    }
    .post-overlay {

    }




    .overlay-adjust {
    }

    .overlay-hugeinc.open  {
        z-index: 1000;
    }


    .overlay .overlay-close {
        margin-top: 83px;
        background-size: 50px;
    }


    .layover-content{
        width: 100%;
    }

    .layover-heading {
        width: 100%;
        clear: both;
        margin-bottom: 20px;
    }

    /*--------------------------------------------------------------
    # Product Page
    --------------------------------------------------------------*/


    .product-page-align {
        padding: 0px;
        margin-top: 100px;
        margin-left: 20px;
    }

    .produkt-front-titel {
        margin-left: -7px;
        margin-top: -10px;
        margin-bottom: 0px;

    }

    .detailtest {
        margin-bottom: -10px;
        padding-right: 10px;
        margin-top: 0px;

    }

    .detailtest img {
        width: 42vw;
    }

    /*--------------------------------------------------------------
    # Productdetailseite
    --------------------------------------------------------------*/

    .default {
        height:100%;
        margin-top: -25px;
    }

    /*--------------------------------------------------------------
    # farben neu */

    .farbenseite {
        margin-top: 100px;
        margin-left: 5px;
    }

    .farben-heading {
        font-size: 30px;
        margin-left: 15px;
    }

  .farben-list {
        height: 760px;
        width: 95%;
        margin-top: 20px;
   margin-bottom:-100px; 
    }
    .farben-bottom-list-1  {
        height: 300px;
        width: 95%;
        margin-top: 20px;
  }

    .farben-bottom-list-2 {
        height: 100px;
        width: 95%;
        margin-top: 20px;
    }
        .farben-bottom-list-3 {
        height: 200px;
        width: 95%;
        margin-top: 20px;
    }
    .farben-item-name, 
    .farben-bottom-item-name {
   font-size: 8px;
   }
.farben-list .farben-item, .farben-bottom-item  {
     margin-top: 0px;
    }

        .farben-item {
        margin-top: 40px;
        float: left;
        padding-left: 15px;
        width: 45%;

    }

.farben-list .farben-item {
        margin-top: 40px;
        float: left;
        padding-left: 15px;
        width: 25%;
        margin-bottom: 10px;
}



    .farben-item-name {
        font-size: 12px;
        line-height: 5px;
        float: left;
            margin-left: -10px;
    }

    .farben-item-image img {
        padding-left: 0px;
        width: 100%;
    }
    .farben-bottom {
        width: 100%;
    }

    .farbenseite-bottom {
        margin-top: 100px;
        margin-left: 5px;
    }

    .farben-bottom-heading {
        font-size: 30px;
        margin-left: 15px;
    }

    .farben-bottom-item {
        margin-top: 40px;
        float: left;
        padding-left: 15px;
        width: 45%;

    }

    .farben-bottom-item-name {
        font-size: 12px;
        line-height: 5px;
        float: left;
            margin-top: 6px;
    margin-left: -10px;
    }

    .farben-bottoom-item-image img {
        padding-left: 0px;
        width: 100%;
    }



    /*--------------------------------------------------------------
    # Impressum
    --------------------------------------------------------------*/

    .impressum {
        width: 100%;
        margin-left: 20px;
    }

    .impressum p {
        padding-right: 30px;
        line-height: 25px;
    }

    /*--------------------------------------------------------------
    # Händlersuche
    --------------------------------------------------------------*/
    #piure-map {
        margin-left: -10px;
    }



    /*--------------------------------------------------------------
    # Konfigurator
    --------------------------------------------------------------*/


    .konfiguratorpage {
        margin: 100px 20px 0;
    }

    .konfig {

    }
    .konfig-item-name {
        font-size: 26px;
        line-height: 50px;
        margin-left: -10px;

    }

        .konfig-item {
        margin-top: 0px;
        width: 45%;
        font-size:18px;
    }

    .konfig-item img {
        margin-top: 0px;
        float: left;
        padding-right: 5px;
        padding-bottom: 10px;
        width: 100%;

    }

.konfig-item-subname {
    font-size: 18px;
    text-transform: uppercase;
       /* position: absolute;*/

    margin-left: -8px;
}

.subhead-konfig .konfig-item {
    margin-top: 0px;
    float: left;
    padding-right: 10px;
    width: 45%;
}


.konfig-item-browser-view {
    clear: both;
    line-height: 12px;
    letter-spacing: 5px;
    margin-bottom: 60px;
    margin-left: -10px;
    margin-top: -12px;
}
    .konfig-browser-item {

        margin-top: 5px;

    }

    .konfig-subheading {
    font-size: 24px;
}

    .page h1 {
        margin: 100px 25px 25px;
        line-height: 35px;
        font-size: 30px;

    }

    .konfig-heading {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 0px;
    }
    /* konfigurator links update 26072018 */
    .konfiglinks a {
        font-size:17px;
    }
    /*--------------------------------------------------------------
    # Special Box
    --------------------------------------------------------------*/
    .pop, .pop-en {
        display: none;
    }

    .pop-mobile, .pop-mobile-en {
        width: 160px;
        height: 55px;
        background-color: #fff;
        display: inherit;
        margin-left: 59%;
        max-height:100%;
        max-width:100%;
        overflow:hidden;
        box-shadow:5px 5px 20px black;
        z-index:99;

        border-radius: 0px;
    }


    #open-pop-mobile, #open-pop-mobile-en {
        top: 140px;
        margin-left: 115px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0) url("../images/pop-open-double.png") no-repeat scroll 0 0;
        border: 0px solid yellow;
        background-size: 35px;
        text-indent: -999999px;
        display: inherit;
    }


    #close-pop-mobile, #close-pop-mobile-en {
        position: fixed;
        top: 10px;
        left: 86%;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0) url("../images/close-nav-btn-popup.png") no-repeat scroll 0 0;
        border: 0px solid yellow;
        text-indent: -9999px;
    }



    .up-pop-mobile {
        display:none;
    }
    .up-pop-mobile.visible {
        position: fixed;
        top: 0px;
        left: 10px;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0) url("../images/special-up.png") no-repeat scroll 0 0;
        border: 0px solid yellow;
        text-indent: -9999px;
        background-size: 50px;
        display: inherit;
    }

    #special-slider-mobile, #special-slider-mobile-en {
        display:inherit;
        height:210px;
        margin-top: 15px;
        margin-left: 15px;
    }

    .special-slider-mobile, .special-slider-mobile-en {
    }

    #special-slider-mobile div, .special-slider-mobile-en div {
        position: absolute;
    }

    #special-slider-mobile p, .special-slider-mobile-en p {
        position: absolute;
        font-size: 20px;
        padding: 5px;
        line-height: 20px;
        letter-spacing: 0px;
        width: 100px;
    }

    /*--------------------------------------------------------------
    # Special
    --------------------------------------------------------------*/

    .special-feature-mobile {
        padding-left: 10px;
        padding-top: 10px;
    }

    .special-feature-view-mobile {
    }

    .special-feature-top-mobile {
    }

    .special-heading-mobile {
        font-size: 40px;
        line-height: 40px;
    }

    .special-heading-mobile p {
    }

    .special-feature-uebersicht-mobile {
    }

    .special-feature-uebersicht-box-mobile {
        margin-top: 40px;
        margin-left: 10%;
    }

    .special-uebersicht_heading-mobile {
        margin-left: 10%;
    }

    .special-uebersicht_heading-mobile p {
        font-size: 40px;
        padding-bottom: 8px;
    }

    .special-uebersicht_heading-mobile a {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-uebersicht_heading-mobile a:hover {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-style: italic;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-uebersicht_heading-mobile a:visited {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-stretch: normal;
        text-decoration: none;
        text-transform: uppercase;
    }


    .special-beschreibung-mobile {
        margin-right: 10px;
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .special-beschreibung-mobile p {
        line-height: 23px;
    }

    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Box
    --------------------------------------------------------------*/

    #special-feature-target-box-mobile {
        margin-top: -70px;
        position: absolute;
    }

    .special-feature-box-mobile {
    }

    .special-box-heading-mobile {
        font-size: 40px;
        line-height: 40px;
        width: 50%;
        height: auto;
        float: left;
    }

    .special-box_links-mobile {
        float: right;
        padding-right: 10px;
    }

    .special-box_links-mobile p {
        line-height: 20px;
        width: 100%;
    }

    .special-box_links-mobile a {
        font-size: 10px;
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_links-mobile a:hover {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 20px;
    }

    .special-box_beschreibung-mobile {
        clear: both;
        padding-top: 30px;
    }

    .special-box_beschreibung-mobile p {
        line-height: 23px;
        padding-right: 10px;
    }

    .special-box_images-mobile {
        border: 0px solid red;
        overflow: hidden;
        margin-right: 10px;
    }

    .special-box_images-mobile img {
        float: none;
    }

    .special-box_related-mobile {
    }

    .special-related-weitere-mobile {
        font-size: 10px;
    }

    .special-box_related-mobile p {
        width: 260px;
        line-height: 25px;
    }

    .special-box_related-mobile a {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_related-mobile a:hover {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight: 400;
        font-style: italic;
        font-stretch: normal;
        text-decoration: none;
        text-transform: uppercase;
    }

    .special-box_related-mobile a:visited {
        color:#373a36;
        font-family: 'Graphik Web',sans-serif;
        font-weight:  400;
        text-decoration: none;
        text-transform: uppercase;
    }



    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Regal
    --------------------------------------------------------------*/

    #special-feature-target-regal-mobile {
        margin-top: -70px;
    }

    .special-feature-regal-mobile {
        margin-top: 90px;
    }


    /*--------------------------------------------------------------
    # special - Produkte - Einzeln Regal
    --------------------------------------------------------------*/

    #special-feature-target-schrank-mobile {
        margin-top: -70px;
    }

    .special-feature-schrank-mobile {
        margin-top: 90px;

    }

    /*--------------------------------------------------------------
    # Gallerien
    --------------------------------------------------------------*/

    .gallery-item {
        float: left;
        margin-top: 10px;
        max-width: 100%;
        text-align: center;
        width: 100% !important;
    }

    .produktimage-links-container {
        float: left;
        margin-top: 10px;
        max-width: 100%;
        text-align: center;
        width: 100% !important;
    }

    .produktimage-links {

    }



    .prduktdetailbild {
        display: none;
    }

    .mobile-bilder {
        display: inherit;
        margin-left: -10px;
        margin-right: -10px
    }


    /*--------------------------------------------------------------
    # Max Gallerie
    --------------------------------------------------------------*/



    .mg-image-tiles .mg-thumbs.mg-fourcol ul li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }


    .mg-image-tiles .mg-thumbs .caption.below, .mg-image-tiles .mg-thumbs .caption.bottom {
        display: block !important;
    }



    /*----------------------------------------------------------------------------------------------------------------------------
    # Kontaktpage
    ----------------------------------------------------------------------------------------------------------------------------*/

    div.wpcf7 {
        max-width: 100%;
        float: left;
    }

    .wpcf7 {
    }

    .wpcf7-form {
    }

    .form-contact {
        margin-top: 100px;
    }

    #form-contact-left {
        border: 0px solid black;
        text-align: left;
        margin-top: 0px;
        max-width: 60%;
        font-size: 14px;
        line-height: 25px;
        margin-right: 60px;

    }

    #form-contact-right {
        border: 0px solid black;
        text-align: left;
        margin-top: 0px;
        max-width: 40%;
        font-size: 14px;
        line-height: 25px;
        vertical-align: top;
    }

    .kontakt-form1 {
    }

    .kontakt-form1 h3 {
        text-align: left;
        margin-left: 25px;
    }

    .kontakaddresse {
        float: left;
        width: 300px;
    }

    .wpcf7-form-control.wpcf7-textarea {
        max-width: 55%;
    }

    .wpcf7-form-control-wrap input {
        max-width: 55%;
        padding-right: 0%;
    }

    .wpcf7-form-control.wpcf7-submit {
        max-width: 55%;
    }


    .impressumlink {
    }

    .contact {
        width: 100%;
    }

    .small-link {
        margin-left: 0px
    }


    .wpcf7-form-control-wrap.checkbox-533 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item.first
    {
        margin-right: 20px;
        margin-left: 20px;
    }

    .wpcf7-list-item-label {
        margin-left: 10px;
    }

    .kontakt-top {
    }


    /*--------------------------------------------------------------
    # wir-Menu */

    .wir-link {
        padding-top: 10px;
        padding-bottom: 35px;
        height: 40px;
        font-size: 16px;
    }

    .wir {

    }


    .wir-link-set1 {
        height: 45px;
    }

    .wir-link-set2 {
        height: 45px;
    }

    /*--------------------------------------------------------------
    # wir-Historie */

    div#pgc-4636-1-0.panel-grid-cell {
        float: none;
    }

    div#pgc-4788-1-0.panel-grid-cell {
        float: none;
    }

    div#pgc-4829-1-0.panel-grid-cell {
        float: none;
    }

    div#wir-historie.panel-grid {
        margin-top: 120px;
    }

    .wir-historie-heading {

    }

    .wir-historie-content {


    }

    .wir-historie-content p {
        width: 100%;


    }

    .wir-historie-image {
        margin-top: -30px;

    }

    .wir-historie-image img {
        min-width: 90vw;
    }




    /*--------------------------------------------------------------
    # wir-orga */
    .wir-ansprechpartner-image {
        margin-top: 0px;

    }

    .wir-ansprechpartner-image img {
        width: 32vw;
    }


    .wir-ansprechpartner-heading {
        margin-left: 0px;
    }


    /*--------------------------------------------------------------
    # wir-produkte */

    .wir-produkte-image {
        border: 0px solid blue;
        float: none;
        width: 100vw;

    }

    /*--------------------------------------------------------------
    # wir-vertrieb */

    .wir-vertrieb-content {

    }


    div#pgc-4829-wir-vertrieb-1.panel-grid-cell {
        margin-top: -100px;
        float: left;
        width: 50%;
        margin-bottom: 0px;
    }


    div#pgc-4788-wir-vertrieb-1.panel-grid-cell {
        margin-top: -100px;
        float: left;
        width: 50%;
        margin-bottom: 0px;
    }

    div#pgc-4829-wir-vertrieb-2.panel-grid-cell {
        margin-top: -100px;
        float: left;
        width: 50%;
        margin-bottom: 0px;
    }

    div#pgc-4788-wir-vertrieb-2.panel-grid-cell {
        margin-top: -100px;
        float: left;
        width: 50%;
        margin-bottom: -30px;
        margin-bottom: 0px;
    }




    #wir-philosophie {

    }

    .wir-philosophieclass {

    }




    #pgc-4636-4-1.panel-grid-cell {
        float:left !important;
        margin-right: 45px;
    }

    #pgc-4636-4-2.panel-grid-cell {
        float:left !important;
        margin-right: 15px;
    }
    div[id^="pg-"] .panel-grid-cell {
        clear: initial;
    }

    div#pgc-4636-7-1.panel-grid-cell {
        margin-bottom: 75px;
    }




    #pgc-4788-4-1.panel-grid-cell {
        float:left !important;
        margin-right: 45px;
    }

    #pgc-4788-4-2.panel-grid-cell {
        float:left !important;
        margin-right: 15px;
    }

    div#pgc-4788-7-1.panel-grid-cell {
        margin-bottom: 75px;
    }

    #pgc-4829-4-1.panel-grid-cell {
        float:left !important;
        margin-right: 45px;
    }

    #pgc-4829-4-2.panel-grid-cell {
        float:left !important;
        margin-right: 15px;
    }

    div#pgc-4829-7-1.panel-grid-cell {
        margin-bottom: 75px;
    }

    /*--------------------------------------------------------------
    # socials */

.socials-mobile {
    margin-top: -35px;
    position: absolute;
    right: 120px;
    }

.isotope-socials {
    margin-top: -35px;
    position: absolute;
    right: 100px;
}



/*.socials-mobile .isotope-socials {
    margin-top: -60px;
    margin-right: 15px;
}


*/

}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
# Responsive  iphone 6
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:677px) {
    /* Safari and Chrome, if Chrome rule needed */








    #menu-item-1879 a {
        left: 89%;
        width: 30px;
        background-size: 100%;
        height: 40px;
    }

    #menu-item-3867 a {
        left: 89%;
        width: 30px;
        background-size: 100%;
        height: 40px;
    }

    .link-impressum {
        font-size:20px;
        margin-top: 15px;
        margin-right: -15px;
    }

    .kontakaddresse {
        float: left;
        width: 300px;

    }

    .panel-row-style {
        zoom: 1;
    }


    .caption-front-pur a {
        margin-top: -85px ! important;
        margin-left: 25px ! important;
    }

    .produkt-front-titel {
        margin-left: -15px;
        margin-bottom: -15px;
    }

    .caption-front a {
        margin-left: -5px;
        font-size: 20px;
        line-height: 0px;
    }

    .detailtest {
        margin-bottom: -10px;
        padding-right: 10px;
        margin-top: 30px;
    }

    .produkt-front-titel {
        margin-left: -15px;
        margin-top: -10px;

    }

    .wpcf7-list-item-label {
        margin-left: 10px;
    }

    .kontakt-top {
    }

    /*--------------------------------------------------------------
    # Productdetailseite
    --------------------------------------------------------------*/

    .default {
        height:100%;
        margin-top: -25px;
    }
    .related-lnks-prduktname {
        margin-top: -35px;
    }

    /*--------------------------------------------------------------
    # wir-vertrieb */

    .wir-vertrieb-content {
        padding-top: 55px;
    }

}

/*--------------------------------------------------------------
# Responsive iphone 6
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:677px) and (orientation: portrait) {
    /* Safari and Chrome, if Chrome rule needed */

    .related-lnks-prduktname {
        margin-top: -65px;
    }

    #menu-item-1879 a {
        left: 80%;
    }
    #menu-item-3867 a {
        left: 80%;
    }
    .link-impressum {
        padding-right: 20px;
    }

}

/*--------------------------------------------------------------
# Responsive winphone
--------------------------------------------------------------*/
@media screen and (-ms-high-contrast: none) and (max-width: 677px) {

    .caption-front {
    }

    .caption-front a {

    }

    .detailtest {
        margin-bottom: 10px;
    }

    .detailtest img {
        width: 28vh;
    }

    .produkt-front-titel {
        padding-left: 12px ! important;
    }

    .produktbeschreibung p {
        font-size:20px;
        line-height: 20px
    }

    .produktlinks {
        width: 160px;
        margin-top: -935px;
        float: right;
    }

    .produktlinks a {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        width: 260px;
        margin-top: 100px;
    }

}



@media screen and (max-width: 414px) {

  .farben-list {
        height: 570px;
    }
    .farben-bottom-list-1  {
        height: 240px;

  }

    .farben-bottom-list-2 {
        height: 100px;
    }
        .farben-bottom-list-3 {
        height: 200px;
    }

}
/*----------------------------------------------------------------------------------------------------------------------------
# IE Hacks
----------------------------------------------------------------------------------------------------------------------------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wir-historie-image {

        margin-bottom: 0px;
    }
}

@supports (-ms-ime-align:auto) {
    .wir-historie-image {

        margin-bottom: 0px;
    }
}


<!--[if gte IE 8]>  // IE, neuer als Version 8
<style>
.caption-front-pur a {
    position: unset;
}

</style>
<![endif]-->