/*
Theme Name: Tyromotion
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
    overflow: visible
}

audio, canvas, progress, video {
    display: inline-block
}

progress, sub, sup {
    vertical-align: baseline
}

[type=checkbox], [type=radio], legend {
    box-sizing: border-box;
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0px
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

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

strong, b, h1, h2, h3, h4, h5, h6, h7 {
    font-weight: 300;
}

.cookieInfo .cookietextrow {
    display: block;
    bottom: 0;
}

.cookietextrow {
    display: none;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    color: #565655;
    position: fixed;
    width: 100%;
    padding: 3px 0;
    bottom: -50px;
    z-index: 99999999;
    background: #e95f5c;
    opacity: 1;
    -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, .31);
    -moz-box-shadow: 0 0 7px 0 rgba(50, 50, 50, .31);
    box-shadow: 0 0 7px 0 rgba(50, 50, 50, .31)
}

.cookietextrow {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0px;
    box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.0);
    color: #565655;
    display: none;
    font-size: 12px;
    margin: 0 auto;
    opacity: 1;
    padding: 10px 0 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 99999999;
    border-top: 1px solid #eeeeee;
}

.cookietextrow:hover {
    opacity: 1
}

.cookieJabtn {
    background: #ffffff none repeat scroll 0 0;
    color: #565655;
    cursor: pointer;
    margin: 0;
    opacity: 1;
    padding: 0px 0;
    width: 78px;
    border-bottom: 1px solid #cccccc;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    float: right;
}

.cookieJabtn:hover {
    opacity: 1;
    color: #000000;
    border-bottom: 1px solid #007c3f;
}

.cookietext {
    width: 70%;
    margin: 0 auto 8px auto;
    color: #565655;
    padding: 0 0 0 0;
}

.trans {
    opacity: 0;
}

.animate {
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

input, textarea, select {
    font-weight: 300;
    -webkit-border-radius: 0;
    font-family: 'Lato', sans-serif;
}

a {
    color: #000000;
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    color: #565655;
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    overflow-x: hidden;
}

iframe {
    border: 0px
}

.cookietextrow {
    font-size: 14px;

}

.textcenter {
    text-align: center !important;
}

.cookieJabtn {

    background: #ffffff none repeat scroll 0 0;
    color: #565655;
    cursor: pointer;
    margin: 12px AUTO;
    opacity: 1;
    padding: 5px 5px;
    width: 130px;
    border: 1px solid #999999;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    float: NONE;

}

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}

/* ....................................................................................  mainsettings */
a {
    color: #565655;
}

.font_orange, .font_orange a {
    color: #EE7700
}

.bg_orange {
    background: #EE7700
}

.bg_lightgrey {
    background: #E9EAEC;
}

.bg_middlegrey {
    background: #e3e3e4;
}

.burgerbutton {
    display: none;
}

.bg_verlauf_light {

    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(243, 243, 243, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);

}

.aligncenter {
    margin: 0 auto 10px auto;
    display: block;
}

.alignright {
    margin: 0 0 10px 10px;
    display: block;
    float: right;
}

.padding-TopBottom {
    padding: 40px 0;
}

.nopadding {

    padding: 40px 0 0 0;
    margin: 0px 0 -40px 0;

}

.pagewrapper {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

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

.contentPartInner {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

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

.contentPartInner {
    width: 100%;
    max-width: 1300px;
    position: relative;
    margin: 0 auto;
}

.contentPartInnerWrapper {
    width: 100%;
    margin: 0 auto;
    height: auto;
    float: left;
    position: relative;
}

.morelinkBTN {

    display: inline-block;
    border: 1px solid #B2B2B2;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    min-width: 115px;
    margin: 20px 0 0 0;
    font-size: 15px;

}

.inslidejobblock .morelinkBTN {
    margin: 0px 0 0 0;
}

.morelinkBTN:hover {
    color: #ffffff;
    background: #EE7700;
    border: 1px solid #EE7700;
}

.width60 {
    width: 60%;
    float: left;
}

.width40 {
    width: 40%;
    float: left;
}

.width50 {
    width: 47%;
    float: left;
}

.newsPosts .textblock {
    margin: 0 !Important;
}

.rightBlock {
    float: right;
}

h2 {

    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    float: left;
    width: 100%;
    display: block;
    margin: 10px 0;
    padding: 0px;

}

h3 {

    font-size: 25px;
    font-weight: 300;
    line-height: 28px;
    float: left;
    width: 100%;
    display: block;
    margin: 10px 0;
    padding: 0px;

}


.videopart {
    width: 60%;
    float: left;
}

.bildpart {
    width: 58%;
    float: left;
    margin-right: 2%;
}

.bildvidopart {
    width: 40%;
    float: left;
}

.videopart iframe {
    width: 100%;
    float: left;
    display: block;
}

.videoteaser {
    width: 100%;
    min-height: 420px;
    float: left;
    display: block;
}

.Partbigvideo iframe {
    width: 100%;
    height: 600px;
    float: left;
    display: block;
}

.bildpart .bildpartbigger {
    display: block;
    float: right;
    width: 100%
}

.metalinecontent .sub-menu {
    display: none
}

.videopart .bildpartsmaller {
    width: 95%;
    float: right;
    display: block;
}

.contactbubble {

    width: 152px;
    height: 152px;
    position: absolute;
    z-index: 99999998;
    cursor: pointer;
    right: -30px;
    top: 20%;
}


.scroll .contactbubble {
    top: 0;
    position: fixed;
}

.contactbubbleBG {

    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;

}

.contactbubbleICON {

    position: absolute;
    z-index: 9999;
    top: 37px;
    width: 30px;
    left: 53px;

}

.contactbubbleTXT {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 84px;
    left: 34px;
    z-index: 999;
    line-height: 16px;
    width: 80px;

}

.scroll .contactbubbleTXT {
    display: none;
}

.scroll .contactbubble {
    -webkit-transition: right 450ms;
    -moz-transition: right 450ms;
    -o-transition: right 450ms;
    transition: right 450ms;
    width: 112px;
    height: 152px;
    right: -30px;
}

.scroll .contactbubbleICON {
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    left: 34px;
}

.bilddesc {

    float: left;
    width: 95%;
}

.videopart .bilddesc {

    float: right;
    width: 95%;
    margin: 5px 0 5px 0;

}

/* ....................................................................................  footer */
.footerPart {
    background-color: #E9EAEC;
    background-image: url("img/footerbg.png");
    min-height: 400px;
    margin-top: -5px;
}

.footerPart .width60 {
    width: 100%; /*width:68%;*/
}

.footerPart .width40 {

    display: none;
    width: 28%;
    float: right;

}

.footerPart .width60 .footerbox {

    width: 25%;
    float: left;
    margin: 0 5% 0 0;
    margin-right: 8%;

}

.footerboxadresse {
    min-height: 200px;
}

.metafooternavibox {
    float: right
}

.footerPart .width60 .footerbox:last-child {
    margin-right: 0px;
}

.sociolIcon {

    display: block;
    float: left;
    width: 25px;
    margin: 2px 12px 0 0;
    height: 25px;
    opacity: 0.5;

}

.sociolIcon:hover {
    opacity: 1;
}

.footerIcon {

    width: 54px;
    height: auto;
    display: block;
    float: left;

}

.footerIconText {

    font-size: 19px;
    line-height: 22px;
    display: block;
    float: left;
    width: 100px;
    margin: 4px 0 0 10px;

}

.footerSecondline h3 {

    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
    float: left;
    width: 100%;
    display: block;
    margin: 5px 0;
    padding: 0px;

}

.footerPart .width40 .footerIconText {

    width: auto;
    margin: 17px 0 0 10px;

}

.credits {

    font-size: 12px;
    text-decoration: none;
    color: #cccccc;
    margin: 120px 0 0 0;
    display: block;
    float: left;
    width: 100%;

}

.footerbox a {
    text-decoration: none;
}

.footerbox a:hover {
    color: #EE7700;
}

.footerSecondline {

    width: 100%;
    float: left;
    margin: 60px 0 0 0;

}

/* ....................................................................................  Big Slider */
#bigSlider {
    margin: 0 0 0px 0;
    float: left;
}


.noheaderImage {

    height: auto !important;


}

.noheaderImage .sliderTextbox {
    margin: 20px 0 40px 0;
    position: relative;

}

.striplines {

    display: block;
    position: absolute;
    top: 51%;
    width: 106%;
    left: -4%;
    max-width: inherit;
    opacity: 0.5;

}

.sublayertext {

    color: #ffffff;
    margin: 0px 0 0 0;
    width: 100%;
    top: -1px;
    position: relative;
    font-size: 21px;
    line-height: 25px;

}

.boxposition {
    float: left;
    width: 100%;
    position: relative;
}

.pagerSlider {

    text-align: center;
    position: relative;
    top: -30px;
    z-index: 999;
    height: 20px;

}

.pagerSlider span {

    background: #565655;
    height: 5px;
    width: 40px;
    margin: 0 5px;
    display: inline-block;
    text-indent: -999999px;
    cursor: pointer;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;

}

.pagerSlider span:hover, .pagerSlider .cycle-pager-active {
    background: #EE7700;
}

.sliderTextbox {

    background-color: rgba(238, 114, 3, 0.9);
    width: 760px;
    min-height: 65px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    margin: 43% 0 -33% 0;
    padding: 0 0 12px 0;

}

#bigImage .sliderTextbox {

    margin: 30% 0 -33% 0;
}

.sliderTextboxInner {
    width: 85%;
    margin: 0 auto;
}

.sliderTextbox h2 {

    font-weight: 300;
    color: #ffffff;
    font-size: 46px;
    line-height: 54px;

}

.textpartInner {
    width: 80%;
    margin: 0 auto;
}

.tyrobanner {

    position: absolute;
    z-index: 10;
    margin: -153px 0 0 -25%;
    display: block;
    width: 50%;
    left: 50%;

}

#bigSliderContent {

    margin-bottom: -4px;

}

.leftrightarrow {

    position: absolute;
    top: 35%;
    z-index: 99999;
    width: 130px;
    cursor: pointer;
    opacity: 0.6;

}

.leftrightarrow:hover {
    opacity: 1;
}

#prev {
    left: 15px;
}

#next {
    right: 15px;
}

.nlForm {

    position: absolute;
    width: 25%;
    float: left;
    margin: 40px 0 0 66px;

}

.nlformrow {
    width: 100%;
    margin: 10px 0 0 0;

}

.nldsvgo {

    font-size: 12px;
    line-height: 14px;
    display: none;
    width: 80%;
    margin: 9px 0 8px 5px;
    font-style: italic;
    color: #999999;

}

.lang_de .text-de {
    display: inline-block;
}

.lang_en .text-en {
    display: inline-block;
}

.nlForm input[type="radio"] {
    width: auto;
    float: left;
    margin: 10px 5px 0 0;

}

.nlForm input {

    background: none;
    border: 1px solid #B2B2B2;
    padding: 3px 5px;
    width: 90%;

}

.nlForm input[type="submit"] {


    padding: 5px 15px;
    border: 1px solid #EE7700;
    font-family: 'Lato', sans-serif;
    color: #565655;
    font-size: 16px;
    line-height: auto;
    font-weight: 300;
    cursor: pointer;
    width: auto;

}

.nlForm input[type="submit"]:hover {
    background: #EE7700;
    color: #ffffff;
}

/* ....................................................................................  varianten */
.iconBox {

    width: 33%;
    float: left;
    text-align: center;

}

.PartNumerbedBoxes .iconTextdesc {

    width: 100%;
    margin: 0;

}

.PartNumerbedBoxes .iconBox {
    min-height: 150px;
    text-align: left;
    width: 24%;
    margin: 0px 0% 30px 0;
    margin-right: 0%;
    margin-right: 9%;

}

.boxCountline {
    width: 50%;
    background: #ffffff;
    height: 20px;
    padding: 0 0 0 5px;

}

.iconTextdesc {
    margin: 0 auto;
    width: 80%;


}


.iconBox .icon {

    max-width: 170px;
    height: auto;

}

.newsItem {

    width: 28%;
    float: left;
    margin: 0 8% 0 0;

}

.single-produkte .backnews {
    display: none
}

.page-template-pag_newsoverview .eventItem {

    margin-right: 0px;

}

.page-template-pag_newsoverview .newsItem {

    width: 44%;
    float: left;
    margin: 0 6% 70px 0;
    min-height: 310px;

}

.page-template-pag_newsoverview .eventItem {
    margin: 0 0% 0 0;
    width: 100%;

}

.page-template-pag_newsoverview .width70 {
    width: 69%
}

.page-template-pag_newsoverview .width30events {

    width: 28%;
    float: right;

}

.eventItem {
    margin-right: 0px;
}

.newsMeta {

    font-size: 14px;
    display: block;
    width: 100%;
    float: left;

}

.breadcrumbbox {

    font-size: 14px;
    display: block;
    width: 100%;
    float: left;
    margin: 18px -10px 20px 0;

}
.breadcrumb {
    display: none;
}
.breadcrumb:first-child {
    display: block;
}
.single-produkte .breadcrumbbox .menu-produkts-menu-container {
    display: block;
}

.breadcrumbbox .menu-produkts-menu-container .menu-image,
.breadcrumbbox .menu-produkts-menu-container .description {
    display: none
}

.breadcrumbbox .menu-produkts-menu-container .menu-image-title::after {

    content: "/";
    margin: 0 0 0 7px;

}


.breadcrumbbox .menu-produkts-menu-container .menu-item .current-menu-parent {
    display: none
}

.breadcrumbbox .menu-produkts-menu-container .menu-item .current-menu-parent:first-child {
    display: inline
}

.breadcrumbbox a {
    text-decoration: none;
    color: #565655 !important;
}

.breadcrumbbox a:hover {
    color: #EE7700 !important;
}

.breadcrumbbox a {
    display: inline;
    margin: 0 3px 0 2px;
}


.breadHome {
    margin: 0 5px 0 0;
    display: block;
    float: left;

}

.breadcrumbbox .menu li {
    display: none;
}

.breadcrumbbox .menu li.current-menu-item,
.breadcrumbbox .menu li.current-menu-parent {
    display: inline
}

.breadcrumbbox li {
    display: inline;

    width: auto;

    float: none;
}

.breadcrumbbox .sub-menu {
    display: inline;
    margin: 0 0 0 -37px;
    width: auto;

    float: none;
}

.breadcrumbbox .menu li.current-menu-item a:after {
    display: none;

}

.eventListItem {
    border-bottom: 1px solid #cccccc;
    padding: 2px 0;
}

.slideboxTOPRight {
    position: absolute;
    z-index: 99999;
    right: 0px;
    width: 30.3%;
    top: 80px
}

.sliderTextboxInner {

    width: 96%;
    margin: 0 0 0 4%;

}

.sliderTextboxInner p {

    width: 100%;
    display: block;
    float: left;
    margin: 3px 0 3px 0;

}

.refItem {
    height: 100px;
    width: 16%;
    float: left;
    margin: 0 4% 0 0;

}

.refItem:last-child {
    margin-right: 0px;

}

.allerefs .refItem:last-child {
    margin: 40px 4% 60px 0;
}


.allerefs .refItem {

    margin: 40px 4% 60px 0;

}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.allerefs .refItem .logobild {
    vertical-align: middle;
}

.allejobs .refItem {
    min-height: 100px;
    height: auto;


}

.jobframe {
    border: 0px;
    width: 100%;
    float: left;
    margin: 50px 0;
    display: block;
    height: 1500px;
}

.sectionHL {
    font-size: 40px;
    font-weight: 300;
    line-height: 42px;
    display: block;
    width: 100%;
    text-align: center;
    float: left;
    margin: 0 0 50px 0;

}

.pageEinleitung .einleitung {
    font-size: 1.2rem;
}

@media (max-width: 991.98px) {
    .pageEinleitung .einleitung {
        font-size: 1.0rem;
    }
}

.PartNumerbedBoxes .sectionHL {
    text-align: left;
}

.sectionHLLEft {
    text-align: left;
}

.textcenter {
    text-align: center !important;
}

.mainHL {
    margin: 0 0 20px 0;
}

.teaserText {

    margin: 20px 0 0 0;
    position: relative;
    float: left;
    width: 100%;
    font-size: 1.2rem;
}

.contentReiterItem {
    position: relative;
    width: 100%;
    background: #ffffff;
    float: left;
    margin: 0 0 3px 0;
    overflow: hidden;
    height: 64px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);

}

.contentReiterItemON {
    height: auto;
}

.contentReiterItemInner {
    width: 95%;
    margin: 0px auto;
    padding: 10px 0;
}

.reiterTitel {
    cursor: pointer;
    font-size: 25px;
    font-weight: 300;
    line-height: 28px;
    float: left;
    width: 94%;
    display: block;
    margin: 10px 0 20px 0px;
    padding: 0px;

}

.reiterText {
    position: relative;
    opacity: 0 !important;
    width: 100%;
    float: left;
    top: 0px;

    -webkit-transition: opacity 850ms;
    -moz-transition: opacity 850ms;
    -o-transition: opacity 850ms;
    transition: opacity 850ms;


}

.reiterText ul li {
    margin-bottom: 15px;
}

.contentReiterItemON .reiterText {
    opacity: 1 !important;
    top: 0px;
}

.reiterTitel:hover {
    color: #EE7700;
}

.reiteractionicon {
    cursor: pointer;
    display: none;
    position: absolute;
    width: 19px;
    height: auto;
    opacity: 0.4;
    right: 10px;
    top: 15px;

}

.contentReiterItem:hover .reiteractionicon {
    opacity: 1;
}

.reiteractionicon {

    display: none;
    position: absolute;
    width: 19px;
    height: auto;
    opacity: 0.4;
    right: 16px;
    top: 29px;

}

.toggledown {
    display: block;
}

.contentReiterItemON .toggledown {
    display: none;
}

.contentReiterItemON .closereiter {
    display: block;
    cursor: pointer;
}


.contentpartToggle .iconBox {

    width: 60%;
    float: none;
    text-align: center;
    margin: 0 auto 60px auto;

}

.contentpartToggle .iconBox .icon {

    max-width: 120px;
    height: auto;

}

.single-job .backnewsBlock,
.single-job .newsname {
    display: none;
}

.crossproduktitem {
    position: relative;
    float: left;
    width: 32%;
    margin: 0 1% 0 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
}

.crossproduktitem:last-child {
    margin-right: 0px
}

.crossproduktitem a {
    text-decoration: none
}

.crossbild {

    display: block;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0px;

}

.manuelKachel .crossbild {
    position: relative;
}


.manuelKachel .produktItem {
    height: auto;
    margin-top: 20px;
}

.crossproduktitemInner {
    width: 90%;
    margin: 5px auto;
    padding: 0 0 10px 0
}

.crossproduktitem:hover img {
    opacity: 0.7
}

.manuelKachel .crossproduktitem:hover img {
    opacity: 1
}

.iconBoxCTA {

    width: 90%;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    float: right;
    padding: 50px 0 50px 0;

}

.zitatitem {

    float: left;
    width: 43%;
    float: left;
    margin: 30px 7% 30px 0;
    text-align: center;

}

.zitabildbox {
    margin: 10px auto;
    width: 240px;
    height: 240px;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.zitatbild {

    height: 100%;
    width: auto;
    max-width: inherit;
    margin: 0 0 0 -13%;

}

.faqItem {
    width: 90%;
    margin: 0 0 20px 0;
}

.zitatfrage {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0px;
}

.faqTeaser .faqItem {
    display: none;
}


.faqTeaser .faqItem:nth-child(0), .faqTeaser .faqItem:nth-child(1), .faqTeaser .faqItem:nth-child(2), .faqTeaser .faqItem:nth-child(3), .faqTeaser .faqItem:nth-child(4) {
    display: block;
}

.faqTeaser .faqTeaser .faqItem {
    display: none;
}

.showmorepart {
    cursor: pointer;
    width: 200px;
    text-align: center;
    margin: 40px auto 0 auto;

}

.showmorepart:hover .showmore {
    opacity: 1;
}

.showmore {

    width: 22px;
    opacity: 0.5;

}

.showmorepart {
    display: none;
}

.faqTeaser .showmorepart {
    display: block;
}

.allFAQs .faqTeaser .showmorepart {
    display: none;
}


.contenttabbelle .sectionHL {
    text-align: left;
}

.tableleft {
    min-height: 1px
}

.tablecheckspalte {
    height: 81px;
    width: 50%;
    float: left;
    text-align: center;

}

.orangcircle {

    background: #EE7700;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 37px auto 0 auto;

}

.tablerow {

    background: #E9EAEC;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ffffff;
    padding: 0px 0px;

}

.bgwithe {
    background: none
}

.tableleft {
    height: 81px;
    min-height: 1px;
    border-right: 0px solid #ffffff;

}

.tablecheckspalte1 {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    width: 49%;

}

.tableright {
    width: 39%
}

.tableinner {
    width: 95%;
    margin: 10px auto
}

.tabletitel .tableleft, .tabletitel .tablecheckspalte {
    height: auto;
    padding-bottom: 10px;
}

.tableright .textpartInner {

    width: 100%;
}

.pageEinleitung {
    width: 40%;
    text-align: left;
    clear: both
}

.pageEinleitung .sectionHL {

    width: 100%;
    text-align: left;
    margin: 0 0 30px 0;

}

.publikationsliste {
    padding: 40px 0;
    width: 100%;
    float: left;
}


.publikationsliste .newsItem {

    width: 31%;
    float: left;
    margin: 10px 2% 30px 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);

}


.publikationsliste .item-2018:nth-child(3n),
.publikationsliste .item-2017:nth-child(3n),
.publikationsliste .item-2016:nth-child(3n),
.publikationsliste .item-2015:nth-child(3n),
.publikationsliste .item-2014:nth-child(3n) {
    margin-right: 0px
}


.publikationsliste .newsteasertext {

    margin: 0 0 10px 0;

}

.downloadlink:hover {
    color: #EE7700;
}

.publikationsliste .newsMeta {
    color: #666666;
}

.itemInner {
    width: 85%;
    margin: 25px auto
}

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


.kontaktblock .pageEinleitung {
    float: left;
    width: 40%;
}

.formblock {

    width: 60%;
    float: right;
    margin: 113px 0 0 0;

}

.formrow {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 25px 0;
}

.formrow p {
    padding: 0;
    margin: 0;
}

.formrow input,
.formrow textarea {

    border: 0px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.08);
    height: 40px;
    float: left;
    width: 100%;
    padding: 0 0 0 8px;
    font-weight: 300;

}

.formrow textarea {

    height: 150px;
    padding-top: 10px;
    margin: 0 0 20px 0;

}

.formrow .form40 {
    width: 39%;
    float: left;
    position: relative
}

.formrow .form60 {
    width: 59%;
    float: right;
    position: relative
}

.formrow .form20 {
    width: 19%;
    float: left;
    position: relative
}

.formrow .form80 {
    width: 79%;
    float: right;
    position: relative
}

.dsvgoText {

    font-size: 13px;
    line-height: 16px;
    color: #999999;
    display: block;
    margin: 0;
    width: 90%;
    font-style: italic;

}

.dsvgoText a {
    color: #999999;
}

.formrow .wpcf7-submit {

    border: 1px solid #EE7700;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    width: 200px;
    height: 40px;
    cursor: pointer;
}

.formrow .wpcf7-submit:hover {
    background: #EE7700;
    color: #ffffff
}

.formblock .screen-reader-response {
    display: none
}

.formblock .wpcf7-validation-errors {
    color: red
}

.wpcf7-mail-sent-ok {
    font-weight: 600 !important;
    color: #EE7700 !important;
}

.wpcf7-not-valid-tip {

    color: red;
    position: absolute;
    font-size: 11px;
    left: 5px;
    top: 37px;

}

.nachricht .wpcf7-not-valid-tip {

    top: 65%;

}

.vertriebsblockblock .pageEinleitung {
    float: left
}

.vertriebsmapItem {
    display: none;
}

.vertriebsmapItemOn {
    display: block;
    line-height: 21px;
}

.landItem {

    position: relative;
    cursor: pointer;
    margin: 0 0 5px 0;
    float: left;
    width: 100%

}

.landItem:hover {
    color: #EE7700;
}

.landItemOn:hover {
    color: inherit;
}

.landItemOn {

    display: block;
    position: relative;
    margin: 0 0 20px 0;

}

.vertriebsblockblock .sectionHL {
    text-align: left
}

.vertriebsbild {

    margin: -190px 0 0 0;

}

.Landselectionwrapper {

    position: relative;
    width: 100%;
    height: 30px;
    float: left;

    z-index: 999999;
    margin: 0 0 20px 0;

}

.Landselection {
    position: absolute;
    width: 30%;
    float: left;
    border: 1px solid #B2B2B2;
    padding: 10px;
    margin: -20px 0 30px 0;
    position: relative;
    background-image: url("img/toogledown.svg");
    background-position: 97% 13px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-color: #ffffff;
    overflow: hidden;

    height: 18px;

}

.Landselectionclicked:hover {
    overflow: hidden !important;
    height: 18px !important;
}

.Landselection:hover {
    height: 300px;
    overflow-y: scroll;
    -webkit-box-shadow: 0px 27px 18px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 27px 18px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 27px 18px 0px rgba(50, 50, 50, 0.15);
}

.Landselection:hover .landItem {
    display: block;
}

/* Lexo Page */
.lexoBubble {
    font-size: 13px;
}

.lexoPage.metaline {
    background-color: #ffffff !important;
}

#lexoPage .iconText {
    padding-bottom: 30px;
}

#lexoPage .kontaktblock .pageEinleitung {
    width: 30% !important;
}

#lexoPage .reiterText ul li:before {
    content: none;
}

#lexoPage .reiterText ul {
    padding: 0;
}

#lexoPage .reiterText ul li {
    background-color: #f5f5f5;
    padding: 5px;
}

#lexoPage .reiterText ul li img{
    width: 100%;
    height: auto;
    margin-top: 15px;
    padding-bottom: 5px;
}

#lexoPage .formblock {
    margin: 0;
}

#lexoPage .lexoHidden {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#lexoPage .lexoWerte:hover > .lexoHidden {
    opacity: 1;
    transition: 0.7s;
    position: absolute;
    height: 275px;
    width: 100%;
    top: 0;
    display: grid;
}

#lexoPage .lexoWerte:hover > .werteHeadline, #lexoPage .lexoWerte:hover > .werteIcon {
    opacity: 0.4;
    filter: blur(8px);
    -webkit-filter: blur(8px);

}

#lexoPage .lexoWerte:hover {

    background-color: #f5f5f5;
}

#lexoPage .lexoHeadline h2 {
    padding-bottom: 50px;
}

#lexoPage .lexoHeadline {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

#lexoPage .reiterIcon img {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    display: inherit;
    right: 0;
    padding: 20px 0;
    max-width: 380px;
}

#lexoPage .werteHeadline {
    font-size: 25px;
    line-height: 1.2;
    padding-top: 8%;
}

#lexoPage .width30 {
    width: 30%;
    float: left;
}

#lexoPage .morePaddingTop {
    padding-top: 60px;
}

#lexoPage .width30.reiterConten {
    float: right;
}

#lexoPage .width70 {
    width: 70%;
    float: left;
}

#lexoPage img.lexo_cover {
    position: absolute;
    overflow: hidden;
}

#lexoPage .lexoBanner {
    overflow: hidden;
}

#lexoPage .lexoWerte {
    position: relative;
    float: left;
    text-align: center;
    height: 275px;
    width: 25%;
}

#lexoPage .werteText {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    height: 100px;
    font-size: 20px;
}

#lexoPage .hiddenText {
    padding: 25px;
    font-size: 18px;

}

#lexoPage .werteIcon {
    padding-bottom: 15px;
    height: 65px;
    padding-top: 8%;
}

#lexoPage .werteIcon img {
    max-width: 65px;
    max-height: 65px;
    object-fit: scale-down;
}

#lexoPage reiterTitel:hover > #lexoPage .reiterText {
    height: auto !important;
    opacity: 1 !important;
}

#lexoPage .contentReiterItemON {
    height: auto !important;
}

#lexoPage .lexoWerte .contentReiterItem {
    height: 110px;
    box-shadow: none;
}

#lexoPage .orangeBackground {
    background-color: #EE7700;
    color: #ffffff;
    padding-bottom: 65px;
    padding-top: 65px;
}

#lexoPage .orangeBackground h2 {
    text-align: center !important;
    color: #ffffff;
    padding-bottom: 40px;
    font-size: 54px;
}

#lexoPage .listing {
    width: 50%;
    float: left;
    font-size: 22px;
    min-height: 65px;
}

#lexoPage .listing li {
    list-style: none;
    padding-left: 25px;
    width: 65%;
}

#lexoPage .listing:before {
    content: "•";
    float: left;
}

#lexoPage .formnewsletter input {
    margin-right: 10px;
}

@media screen and (max-width: 1199px) {
    #lexoPage .lexoWerte {
        width: 33.3%
    }
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 992px) {
    #lexoPage .lexoWerte {
        width: 50%;
    }

    #lexoPage .width30 {
        width: 100%;
    }

    #lexoPage .kontaktblock .pageEinleitung {
        width: 90% !important;
    }
}

@media screen and (max-width: 768px) {

    #lexoPage .width70, #lexoPage .width30 {
        width: 100%;
        float: left;
    }

    #lexoPage .lexoWerte {
        width: 50%;
    }

    #lexoPage .listing {
        width: 50%;
        float: left;
        font-size: 16px;
    }

    #lexoPage .orangeBackground h2 {
        font-size: 40px;
    }

    #lexoPage .width30 img {
        width: 50%;
    }

    #lexoPage .width30 h2 {
        width: 100%;
        float: right;
        padding-top: 15%;
    }

    .lexoPage .sprache {
        float: right;
        right: 0;
        top: 0;
    }

    #lexoPage .sliderItem .sliderBild {
        min-height: 350px;
        object-fit: cover;
    }

    #lexoPage .leftrightarrow {
        top: 35%;
    }
    #lexoPage .werteHeadline {
        font-size: 18px;
    }
    #lexoPage .pagerSlider {
        top: -50px;
    }
}

@media screen and (max-width: 600px) {
    #lexoPage .lexoWerte {
        width: 100%;
    }

    #lexoPage .lexoWerte:hover > .lexoHidden {
        height: 200px;
    }



    #lexoPage .listing {
        width: 100%;
    }

    #lexoPage .width30 {
        font-size: 17px;
    }

    #lexoPage .werteText {
        width: 100%;
        font-size: 15px;
    }

    #lexoPage .orangeBackground {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #lexoPage .lexoWerte {
        height: 200px;
    }
    #lexoPage .werteHeadline {

        padding-top: 5%;
    }
}

@media screen and (max-width: 480px) {

}

/*For Tablet and Mobile only - So i deactivate the hover effect on mobile devices; and with main.js row 92*/
@media screen and (max-width: 1024px) {

    .Landselection:hover {
        height: 18px !important;
        overflow: hidden !important;
        -webkit-box-shadow: inherit !important;
        -moz-box-shadow: inherit !important;
        box-shadow: inherit !important;
    }

    .Landselection.Landselectionclicked {
        height: 300px !important;
        overflow: scroll !important;
        -webkit-box-shadow: inherit !important;
        -moz-box-shadow: inherit !important;
        box-shadow: inherit !important;
    }
}

.StandardText .textblock {
    line-height: normal !important;
    width: 100%;
    margin: 0 0 80px 0;

}

.texteinleitung {
    width: 100%;
    font-size: 23px;
    font-weight: 300;
    line-height: 27px;

}

.texteinleitung .textblock {
    width: 100%;
}

.StandardText {
}

.StandardText .sectionHL {

    margin: 0 0 10px 0;

}

.padding-Top {
    padding-bottom: 0px
}

.produktItem {
    margin-bottom: 12px;
    height: 360px;
    margin-bottom: 12px;
    overflow: hidden;
}

.produktItem:nth-child(3n) {
    margin-right: 0%;
}

.produktItemZitat {

    background: #F5F5F5;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0);

}

.produktItemZitat h3 {
    margin-top: 22%;
}

/* ....................................................................................  menu */
.Mainnavigationsline {

    width: 100%;
    position: relative;
    float: left;
    z-index: 99999;
    padding: 40px 0 40px 0;
    background: #ffffff;

}

.scroll .Mainnavigationsline {
    position: fixed;
    padding: 0 0 9px 0;
}

.scroll .mainmenuBlock {
    margin: 9px 0 0 20px;

}

.scroll .mainmenuBlock ul li.produktmenuItemOn .sub-menu {


    top: 29px;
}

.scroll .toplogo {

    top: 8px;
    position: relative;
    width: 170px;

}

.toplogo {
    border: 0px;
    height: auto;
    max-width: 100%;
    display: block;
    float: left;
    width: 275px;
    height: auto;

}

.metaline {
    padding: 10px 0 10px 0;
    background: #f9fafa;
    z-index: 99999;
    height: auto;
    position: relative;

}

.metalinecontent {
    float: right
}

.sprache {

    float: left;
    margin: 0 0 0 60px;

}

.sprache .wpml-ls-legacy-list-horizontal .wpml-ls-item {

    padding: 0;
    margin: 0px 12px 0 0;
    list-style-type: none;
    display: inline-block;
    float: right;

}

.sprache .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child::after {

    content: "/";
    display: block;
    position: absolute;
    top: 0px;
    margin: 0 0 0 24px;
    color: #cccccc;

}

.wpml-ls-statics-shortcode_actions {
    background-color: none !important;
}

.wpml-ls-legacy-list-horizontal {
    border: 0px solid transparent !important;
    padding: 0px !important;
    clear: both !important;

}

.sprache .wpml-ls-statics-shortcode_actions {

    background-color: transparent !important;

}

.sprache .wpml-ls-legacy-list-horizontal a {

    display: block;
    text-decoration: none !important;
    padding: 0 !important;
    line-height: auto !important;
    background-color: transparent !important;

}

.suche {
    margin: 0 0 0 40px;
    float: left;

}

.search-field {
    border: 0px;
    border-bottom: 1px solid #cccccc;

    width: 70px;

    float: left;

    background: none;

}

.search-submit {

    border: 0px;
    background-color: none;
    cursor: pointer;
    background: url(img/icon_lupe.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: 0 1px;

}

.searchItem {

    float: left;
    width: 100%;
    margin: 30px 0 0px 0;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 30px 0;

}

.searchItem a {

    margin-bottom: 5px;
    display: block;

}

.searchtext, .searchtext p, .searchtext span {

    text-align: left !important;
    color: #565655;
    font-size: 16px;
    float: none;
    margin: 0px;
    width: 94%;
    line-height: 19px;

}

.search-results .type_vertriebspartner {
    display: none
}

.menu-meta-menu-container,
.menu-meta-menu-englisch-container {
    float: left;
}

.menu-meta-menu-container ul, .menu-meta-menu-englisch-container ul {
    margin: 0px;
    padding: 0px;
}

.menu-meta-menu-container ul li, .menu-meta-menu-englisch-container ul li {
    float: left;
    margin: 0 0 0 15px;
}

.menu-meta-menu-container ul li a, .menu-meta-menu-englisch-container ul li a {
    text-decoration: none
}

.menu-meta-menu-container ul li a:hover,
.menu-meta-menu-container ul li.current-menu-item a,
.menu-meta-menu-englisch-container ul li a:hover,
.menu-meta-menu-englisch-container ul li.current-menu-item a {
    color: #EE7700
}


.menu {
    list-style-type: none;
    margin: 0px;
    padding: 4px;
}

.metafooternavibox li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    line-height: 23px; /*margin:10px 0 -5px 0;*/
}

.breadcrumbbox .menu-meta-menu-container ul li {
    float: left;
    margin: 0 0 0 0px;
}

.breadcrumbbox li:before {
    content: " /  ";
    display: inline;
    margin: 0 2px
}

.breadcrumbbox .menu-produkts-menu-container li:before {
    display: none
}

.reiterText ul, .teaserText ul {
    list-style-type: none;
}

.reiterText ul li, .teaserText ul li {
    position: relative;
}

.reiterText ul li:before, .teaserText ul:before {

    content: "-";
    position: absolute;
    top: 0px;
    left: -12px;

}

.mainmenuBlock {
    float: left;
    position: relative;
    margin: 13px 0 0 20px;
}

.mainmenuBlock ul {
    margin: 0px;
    padding: 0px;
}

.mainmenuBlock ul li {

    float: left;
    margin: 0 25px 0 25px;
    position: relative;
}

.mainmenuBlock ul li a {

    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;

}

.mainmenuBlock ul li a:hover,
.mainmenuBlock ul li.current-menu-item a {
    border-bottom: 2px solid #EE7700
}

.mainmenuBlock ul li .sub-menu li a:hover,
.mainmenuBlock ul li.current-menu-item .sub-menu li a {
    border-bottom: 0px solid #ffffff
}


.mainmenuBlock ul li .sub-menu {
    position: absolute;
    top: -9999px;
    background: #ffffff;
    left: 0px;
    padding: 20px 20px 10px 14px;
    z-index: 999;
    list-style-type: none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    min-width: 186px;
    opacity: 0;
    margin: -10px 0 0 0;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;

}

.mainmenuBlock ul li:hover .sub-menu {
    opacity: 1;
    top: 23px;
    margin: 0px;
}

.mainmenuBlock ul li .sub-menu li {

    float: left;
    margin: 0 0 10px 0;
    width: 100%;
    font-size: 13px !important;
    padding: 0 0 0 14px;

}

.mainmenuBlock ul li .sub-menu li a {

    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;

}

.mainmenuBlock ul li.current-menu-item .sub-menu li a {
    border-bottom: 2px solid #ffffff;
}

.mainmenuBlock ul li.current-menu-item .sub-menu li::before,
.mainmenuBlock ul li .sub-menu li::before {

    content: "";
    position: absolute;
    top: 5px;
    left: -2px;
    width: 10px;
    height: 10px;
    background: #B2B2B2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;

}

.mainmenuBlock ul li .sub-menu li:hover:before,
.mainmenuBlock ul li .sub-menu li.current-menu-item:before {
    background: #EE7700;
}

.mainmenuBlock ul li.produktmenuItem {
    position: relative;

    z-index: 999999;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu {

    display: none;
    left: -299%;
    opacity: 1;
    top: 41px;
    margin: 0px;
    width: 767%;
    padding: 20px 14px 10px 14px;
    height: 370px;
    overflow: hidden

}

.mainmenuBlock .menu-main-menu-englisch-container ul li.produktmenuItem .sub-menu {

    left: -360%;
    width: 931%;


}

.mainmenuBlock ul li.produktmenuItemOn .sub-menu {

    display: block;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu li::before {
    display: none
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li {

    float: left;
    width: 23%;
    background: #F5F5F5;
    margin: 0px;
    padding: 5px 1%;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu .sub-menu {

    display: block;
    left: 0;
    opacity: 1;
    top: 41px;
    margin: 0px;
    width: 389%;
    padding: 20px 14px 10px 14px;
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);


}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li {

    float: none;
    width: 100%;
    background: #ffffff;
    margin: 0px;
    padding: 5px 0 0 8px;
    position: relative;

}

.mainmenuBlock ul li .sub-menu li .sub-menu li::before {
    display: block;
    top: 10px;
    left: -10px;


}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li .menu-image {

    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
    width: 410px;
    right: 90px;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2 .menu-image {
    top: 46px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(2) .menu-image {
    top: 6px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(3) .menu-image {
    top: -54px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(4) .menu-image {
    top: -88px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(5) .menu-image {
    top: -104px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(6) .menu-image {
    top: -120px;
    max-height: 300px;
    object-fit: contain;
}

.mainmenuBlock .description {
    display: none;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li .description {

    display: block;
    position: absolute;
    z-index: 9999;
    width: 320px;
    left: 25%;
    top: 0px;
    font-size: 16px;

    line-height: 20px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2 .description {
    top: 0px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(2) .description {
    top: -28px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(3) .description {
    top: -53px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(4) .description {
    top: -79px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(5) .description {
    top: -105px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2:nth-child(6) .description {
    top: -133px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li a {
    border-bottom: 0px solid #ffffff;
}


.NavitemdescHL {

    display: block;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #EE7700;
    font-size: 25px;
    line-height: 28px;
    margin: 0px 0 10px 0;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2 .description b {

    font-weight: 300;
    font-size: 20px;

}

.NavitemdescHL,
.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.level-2 .description,
.mainmenuBlock .menu-image {
    display: block;
    margin-top: -9999px;
    opacity: 0;
}


.mainmenuBlock ul li .sub-menu li .sub-menu li.ProduktItemOn .NavitemdescHL,
.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li.ProduktItemOn .description,
.mainmenuBlock ul li .sub-menu li .sub-menu li.ProduktItemOn .menu-image {
    margin-top: 0px;
    opacity: 1;
    -webkit-transition: opacity 450ms;
    -moz-transition: opacity 450ms;
    -o-transition: opacity 450ms;
    transition: opacity 450ms;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu {
    display: none;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .produktmenuSubOn {
    display: block;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu .sub-menu {
    left: 12px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(2) .sub-menu {
    left: -310.5px;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(3) .sub-menu {

    left: -633px;

}

.mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(4) .sub-menu {

    left: -955.5px;

}

.mainmenuBlock .menu-main-menu-englisch-container ul li.produktmenuItem .sub-menu li:nth-child(2) .sub-menu {

    left: -308.5px;

}

.mainmenuBlock .menu-main-menu-englisch-container ul li.produktmenuItem .sub-menu li:nth-child(3) .sub-menu {

    left: -629px;

}

.mainmenuBlock .menu-main-menu-englisch-container ul li.produktmenuItem .sub-menu li:nth-child(4) .sub-menu {

    left: -949.5px;

}

.txten {
    display: none
}

.lang_en .txtde {
    display: none
}

.lang_en .txten {
    display: inline
}


.produktuebersichtBTN {

    display: none;
    position: absolute;
    top: 240px;
    z-index: 9999;
    left: 0;

}

.produktuebersichtBTN {

    border: 1px solid #EE7700 !important;
    width: 240px;
    padding: 10px 20px 10px 20px;
    background-color: rgba(255, 255, 255, 0.6) !important;
    color: #EE7700 !important;

}

.produktuebersichtBTN:hover {
    color: #ffffff !important;
    background-color: #EE7700 !important;
}

.produktmenuItemOn .produktuebersichtBTN {
    display: block;
}

#menu-item-508 .produktuebersichtBTN,
#menu-item-1728 .produktuebersichtBTN {
    display: none !important;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li a.layersectionOn,
.mainmenuBlock ul li.produktmenuItem .sub-menu li a:hover {
    border-bottom: 2px solid #EE7700;
}

.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li a,
.mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li a:hover {
    border-bottom: 0px solid #EE7700;
}


.Terminlayer {

    position: absolute;
    width: 600px;
    height: 0px;
    background: #ffffff;
    top: -2000px;
    padding: 50px;
    left: 50%;
    margin: 0 0 0 -350px;
    opacity: 0;
    z-index: 999999999;
    -webkit-box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);

}

.TerminlayerOn .Terminlayer {
    top: 200px;
    height: auto;
    opacity: 1;
}

.darkbg {
    width: 0%;
    height: 0%;
    top: -200% px;
}

.TerminlayerOn .darkbg {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999998;
    background: #ffffff;
    opacity: 0.9;

}

.Terminlayer h3 {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}

.formrowdatum input {
    background: #EE7700;
    color: #ffffff;
}


.TerminlayerOn .ui-datepicker {

    background: #ffffff;
    padding: 20px;
    z-index: 999999999999999 !important;
    -webkit-box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 110px 0px rgba(50, 50, 50, 0.2);

}

.ui-datepicker td {

    text-align: center;
    border: 1px solid #eeeeee;
    font-size: 12px;
    text-decoration: none !important;

}

.ui-datepicker td a {
    text-decoration: none !important;
}

.ui-datepicker-prev, .ui-datepicker-next {

    cursor: pointer;
    font-size: 12px;
    margin: 0px 10px 10px 0px;
    border-bottom: 1px solid #eeeeee;
    display: block;
    float: left;

}

.ui-datepicker-trigger {
    display: none
}

.hasDatepicker {
    background-image: url("img/date.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 97% !important;
}

.formrowdatum ::placeholder {
    color: #ffffff;
    opacity: 1;
}

.formrowdatum :-ms-input-placeholder {
    color: #ffffff;
}

.formrowdatum ::-ms-input-placeholder {
    color: #ffffff;
}

.Terminlayer .screen-reader-response {
    display: none;
}

.wpcf7-not-valid-tip {

    color: red;
    position: absolute;
    font-size: 11px;
    left: 5px;
    top: 37px;
    width: 150px;

}

.wpcf7-response-output.wpcf7-validation-errors {

    float: left;
    width: 100%;
    font-size: 14px;
    color: #EE7700;

}

.closelayer {

    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    display: block;
    right: 20px;
    top: 20px;
    opacity: 0.2;

}

.closelayer:hover {
    opacity: 0.5;
}

.spaceblock {

    float: left;
    width: 100%;
    height: 50px;

}

.sliderItem, .sliderBild {

    width: 100%;

}

.infoH2line {
    display: block;
    font-size: 19px;
    line-height: 22px;
    color: #565655;
    margin: 0 0 5px 0;
}

.erfolgslider .sliderTextbox {

    margin: 16% 0 -33% 42%;

}

.erfolgslider .sliderTextbox h2 {

    font-weight: 300;
    color: #ffffff;
    font-size: 34px;
    line-height: 40px;

}

.person {
    font-weight: 800;
    color: #ffffff;
}

.position {
    color: #ffffff;
}

.erfolgslider .morelinkBTN {
    border: 1px solid #565655;
}

.erfolgslider .morelinkBTN:hover {
    border: 1px solid #ffffff;
}


.Storypartinner .boxCountline {

    width: 100%;
    background: #ffffff;
    height: 47px;
    padding: 0 0 0 5px;
    font-size: 40px;

    font-weight: 300;

    overflow: visible;
}


/* ----------------------------------------------------------------------- referenzcentermapwrapper */
.referenzcentermapwrapper {

    width: 1800px;
    position: relative;
    margin: 0 auto;
    clear: both;
}

.referenzcenterheader {

    float: left;
    width: 100%;
    text-align: left;
    position: relative;

}

.referenzcenterheader .sectionHL {
    text-align: left;
    margin: 30px 0 0px 0;

}

.referenzcentermap {
    display: block;
    width: 100%;
}

.markerItem {

    width: 30px;
    height: 30px;
    position: absolute;
    left: -26px;

    top: -42px;

    cursor: pointer;
    opacity: 0.95;
    z-index: 5;
    margin: -45px 0 0 -30px;
    margin-top: -45px;
    margin-left: -30px;

}

.markerItem:hover {
    opacity: 1;
    z-index: 99;
}

.refmarker {

    displaY: block;
    width: 55px;
    height: 55px;
    max-width: inherit;
    max-height: inherit;

}

.Reflayer {
    width: 0px;
    height: 0px;
    padding: 0px;
    overflow: hidden;
    left: -99999px;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.refITemOn .Reflayer {
    opacity: 1;
    width: 1024px;
    min-height: 500px;
    height: auto;
    background: #fff;
    position: absolute;
    left: 50%;
    z-index: 999999;
    margin: 50px 0 0 -512px;
    padding: 0 0 20px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.16);
    -webkit-transition: opacity 450ms;
    -moz-transition: opacity 450ms;
    -o-transition: opacity 450ms;
    transition: opacity 450ms;

}

.referenzcentermapwrapperOff .referenzcentermap, .referenzcentermapwrapperOff .refmarker {
    opacity: 0.2 !important;
    -webkit-transition: opacity 450ms;
    -moz-transition: opacity 450ms;
    -o-transition: opacity 450ms;
    transition: opacity 450ms;
}

.referenzcentermap, .refmarker {
    -webkit-transition: opacity 750ms;
    -moz-transition: opacity 750ms;
    -o-transition: opacity 750ms;
    transition: opacity 750ms;
}

.Reflayerinner {
    position: relative;
    width: 96%;
    margin: 20px auto;

}

.layerX {

    display: block;
    cursor: pointer;
    right: 0px;
    top: 0px;
    position: absolute;

}

.layerX:hover {
    opacity: 0.7
}

.boldTitel {
    display: block;
    font-weight: 600;
}

.Reflayerinner ul li {

    position: relative;

}

.Reflayerinner ul li::before {

    content: "-";
    position: absolute;
    top: 0px;
    left: -12px;

}

.Reflayerinner ul {

    list-style-type: none;
    padding: 0 15px;

}

.layertexpart {

    width: 100%;
    float: left;
    margin: 20px 0 0 0px;

}

.layertexpart strong {
    font-weight: 600
}

.layerLeftpart {

    position: relative;
    float: left;
    width: 45%;

}

.layerRightpart {

    position: relative;
    float: right;
    width: 53%;
    margin: 106px 0 0 0;

}

.refmainbild {

    display: block;
    width: 100%;
    margin: 0 0 16px 0;

}

.refmainbild2 {
    width: auto;
    float: left;
    display: block
}

.refmainbild3 {
    width: auto;
    float: right;
    display: block
}

.infoline {

    border-bottom: 1px solid #E9EAEC;
    width: 100%;
    float: right;
    margin: -46px 0 0 0;
    text-align: right;
    position: relative;
    padding: 0 0 2px 0;

}

.referenzcenterheader .sectionHL {

    text-align: left;
    margin: 30px 0 0px 0;
    background: #fff;
    padding: 0 5px 5px 0;
    display: block;
    position: relative;
    z-index: 2;
    width: 300px;

}

.refmarkerInfo {

    margin: 0 -5px -23px -5px;

}

.maparrowpart {

    position: relative;
    margin: -280px 0 0 0;
    z-index: 9999999;
    text-align: center;
    width: 100%;

}

.mapbutton {
    cursor: pointer;
    display: none;
}

.mapbuttonLeft-center, .mapbuttonRight-center {
    display: inline
}

.mapRight .mapbutton {
    display: none
}

.mapRight .mapbuttonRight-left, .mapRight .mapbuttonLeft-right {
    display: inline
}

.mapLeft .mapbutton {
    display: none
}

.mapLeft .mapbuttonLeft-left, .mapLeft .mapbuttonRight-right {
    display: inline
}

.mapLeft .referenzcentermapwrapper {
    margin: 0px 0 0 -340px;
}

.mapRight .referenzcentermapwrapper {
    margin: 0px 0 0 -890px;
}

.mapLeft .mapbuttonLeft-left {
    opacity: 0.5;
    cursor: default;
}

.mapRight .mapbuttonRight-left {
    opacity: 0.5;
    cursor: default;
}

.referenzcentermapwrapper {
    -webkit-transition: margin 450ms;
    -moz-transition: margin 450ms;
    -o-transition: margin 450ms;
    transition: margin 450ms;
}

.maparrowpart {
    display: none
}

/* ----------------------------------------------------------------------- 1778 */
@media screen and (max-width: 1778px) {
    .sliderTextbox {

        margin: 37% 0 -33% 0;

    }

    #bigSliderContent .leftrightarrow {
        display: none
    }

    .referenzcentermapwrapper {
        transform: scale(0.75);
        -moz-transform: scale(0.75);
        margin: 0px 0 0 -3%;
        top: -100px;

    }

    .Reflayer {
        transform: scale(1.25);
        -moz-transform: scale(1.25);
        margin-left: -600px;
    }
}

/* ----------------------------------------------------------------------- 1596px */
@media screen and (max-width: 1596px) {
    .sliderTextbox {

        margin: 33% 0 -33% 0;

    }

    .referenzcentermapwrapper {
        margin: 0px 0 0 -11%;
    }
}

/* ----------------------------------------------------------------------- 1476px */
@media screen and (max-width: 1476px) {
    .sliderTextbox {

        margin: 28% 0 -33% 0;

    }

    .sliderTextbox h2 {
        font-size: 36px;
        line-height: 43px;

    }

    .sliderTextbox {
        min-height: auto;
    }

    #bigSlider {
        height: auto;

    }

    .contentPartInner {
        width: 95%;

    }

    .leftrightarrow {

        cursor: pointer;
        width: 80px;

    }
}

/* ----------------------------------------------------------------------- 1370 */
@media screen and (max-width: 1370px) {
    .referenzcentermapwrapper {

        margin: 0px 0 0 -17%;

    }
}

/* ----------------------------------------------------------------------- 1336 */
@media screen and (max-width: 1336px) {
    .allerefs .refItem {

        margin: 40px -1% 70px 0;

    }

    .refItem {

        height: 100px;
        width: 26%;
        float: left;
        margin: 0 4% 0 0;

    }

}

/* ----------------------------------------------------------------------- 1320 */
@media screen and (max-width: 1320px) {

    .erfolgslider .sliderTextbox {

        margin: 5% 0 -33% 38%;

    }

}

/* ----------------------------------------------------------------------- 1254px */
@media screen and (max-width: 1254px) {
    .referenzcentermapwrapper {

        margin: 0px 0 0 -21%;

    }

}

/* ----------------------------------------------------------------------- 1213px */
@media screen and (max-width: 1213px) {


    .mainmenuBlock ul li {
        margin: 0 5px 0 16px;
    }

    .contactbubble {
        top: 110%;

    }

    .sliderTextbox h2 {

        font-size: 31px;
        line-height: 38px;

    }

    .sliderTextbox {

        min-height: 1px;

    }

    .sliderTextbox {
        width: 57%;
    }

    h2 {
        font-size: 30px;
        line-height: 32px;
    }

    h3 {

        font-size: 20px;
        line-height: 23px;
    }

    .sectionHL {
        font-size: 35px;
        line-height: 37px;
    }

    .leftrightarrow {

        cursor: pointer;
        width: 40px;

    }

    .footerPart .width60 {

        width: 105%;

    }

    .nlForm {

        position: relative;
        width: 78%;
        float: left;
        margin: 7px 0 0 10px;

    }

    .footerPart .width40 {

        width: 43.5%;
        float: left;
        margin: 20px 0 0 0;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu {
        left: -294%;
        width: 594%;


    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li .sub-menu li .menu-image {
        right: 0px;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(2) .sub-menu {

        left: -239.5px;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(3) .sub-menu {

        left: -490px;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li:nth-child(4) .sub-menu {

        left: -735.5px;

    }


    .texteinleitung .textblock br {
        display: none
    }

}

/* ----------------------------------------------------------------------- 1182 */
@media screen and (max-width: 1182px) {
    #bigImage .sliderTextbox {
        margin-top: 20%;
        width: 58%;
    }

    .referenzcentermapwrapper {
        margin: 0px 0 0 -30%;
    }
}

/* ----------------------------------------------------------------------- 1176 */
@media screen and (max-width: 1176px) {
    .PartNumerbedBoxes .iconBox {

        min-height: 190px;
    }

}

/* ----------------------------------------------------------------------- 1000 */
@media screen and (max-width: 1000px) {
    .maparrowpart {
        display: block
    }

    .referenzcentermapwrapper {

        margin: 0px 0 0 -700px;

    }

    .infoline {
        margin: 0px 0 0 0;
        text-align: left;
    }

    .erfolgslider .sliderTextbox {

        margin: 0% 0 0% 0%;

    }

    .PartNumerbedBoxes .iconBox {

        width: 100%;
        min-height: auto;
        margin: 20px 0 20px 0;

    }

    .Storypartinner .boxCountline {

        width: 50%;
        background: #ffffff;
        height: 32px;
        padding: 0 0 0 5px;
        font-size: 25px;
        font-weight: 300;
        overflow: visible;

    }

    .erfolgslider .sliderTextbox h2 {
        font-size: 25px;
        line-height: 28px;
    }

    .StandardText .sectionHL {

        margin: 30px 0 10px 0;

    }

    .mainmenuBlock,
    .metaline{
        display: none;
    }

    .contactbubble{
        display: block;
        width: 134px;
        height: 134px;
        right: 0;
        /*top: 175%;*/
        position: fixed;
        top: 125px;
    }

    .contactbubbleICON{

    }

    .contactbubbleTXT{
        left: 28px;
        top: 74px;
    }

    #bigSlider .sliderBild {

        top: 0px;
        position: relative;
        margin: 0 0 0px 0;

    }

    .toplogo {
        width: 175px;


    }

    #bigSlider {

        height: auto !important;
        margin: 0 0 10px 0;

    }

    .sliderTextbox {
        padding: 0 0 10px 0;
        width: 100%;
        position: relative;
        margin: 0px 0 0 0;
        top: inherit;

    }

    #bigImage .sliderTextbox {

        margin: 0px;
        width: 100%;
        position: relative;
        top: inherit;

    }

    .sliderItem .contentPartInner {

        width: 100%;

    }

    .sliderTextbox h2 {

        font-size: 26px;
        line-height: 33px;

    }

    .bildpart {

        width: 100%;
        float: left;
        margin-right: 0px;

    }

    .width40 {

        width: 100%;
        float: left;

    }

    .iconBox {

        width: 100%;
        float: left;
        text-align: center;
        margin: 0 0 40px 0;

    }

    .newsItem {

        width: 100%;
        float: left;
        margin: 0 0 40px 0;

    }

    .slideboxTOPRight {

        position: relative;
        z-index: 99999;
        right: 0px;
        width: 100%;
        top: 0;
        margin: -20px 0 20px 0;

    }

    .pagerSlider {


        top: 10px;


    }

    .leftrightarrow {
        top: 325px;


    }

    .footerPart .width60 .footerbox {

        width: 63%;
        float: left;
        margin: 10px 0 30px 0;
        margin-right: 0px;
        margin-right: 0;

    }

    .footerPart .width40 {

        width: 100%;
        float: left;
        margin: 20px 0 0 0;

    }

    .footerPart .footerSecondline .width60 .footerbox {

        width: 100%;
        float: left;
        margin: 0 0 0px 0;
        margin-right: 0px;
        margin-right: 0px;
        margin-right: 0;

    }

    .sociolIcon {

        display: block;
        float: left;
        width: 18px;
        margin: 2px 20px 0 0;
        height: 25px;
        opacity: 0.5;

    }

    .crossproduktitem {

        width: 100%;
        margin: 0 0 20px 0;
        min-height: 100px !important;
        height: auto !important;
    }

    .crossbild {
        position: relative;
    }

    .produktItemZitat h3 {
        margin-top: 5%;
    }

    .sliderTextbox h2 {
        font-size: 24px;
        line-height: normal;

    }

    h3 {

        font-size: 19px;
        line-height: 24px;

    }

    .trans {
        opacity: 1;
    }

    .footerboxadresse {

        min-height: auto;

    }

    .bildvidopart {

        width: 100%;
        float: left;
        margin: 0 0 40px 0;

    }

    .videopart .bildpartsmaller {

        width: 100%;
        float: left;
        display: block;

    }

    .videopart .bilddesc {

        float: right;
        width: 100%;
        margin: 5px 0 5px 0;

    }

    .width60 {

        width: 100%;
        float: left;

    }

    .tableleft {
        height: auto;

    }

    .tablecheckspalte {

        border-top: 1px solid #ffffff;

    }

    .logofooter {

        width: 175px;

    }

    .page-template-pag_newsoverview .newsItem {

        width: 100%;
        float: left;
        margin: 0 0 70px 0;
        min-height: auto;

    }

    .page-template-pag_newsoverview .width70 {

        width: 100%;

    }

    .page-template-pag_newsoverview .width30events {

        width: 100%;
        float: right;

    }

    .texteinleitung {
        font-size: 18px;

    }

    .kontaktblock .pageEinleitung {

        float: left;
        width: 100%;

    }

    .sectionHL {

        font-size: 30px;
        line-height: normal;

    }

    .formblock {

        width: 100%;
        float: right;
        margin: 20px 0 0 0;

    }

    .dsvgoText {
        width: 100%;
    }

    .Landselection {
        width: 92%;
        margin: 2px 0 30px 0
    }

    .vertriebsbild {

        margin: 0 0 0 0;

    }

    .pageEinleitung {

        width: 100%;
        text-align: left;
        clear: both;

    }

    .textpartInner {
        width: 95%;
    }

    h2, .pageEinleitung .sectionHL, .sectionHL {

        font-size: 25px;
        line-height: 28px;
        margin: 10px 0 10px 0;

    }

    .sliderTextboxInner p {
        width: 98%;
    }

    h2 br, h1 br {
        display: none
    }

    .newsItem {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 40px;

    }

    .newsItem:last-child {
        border-bottom: 0px solid #ffffff;
        padding-bottom: 0px;
    }

    .credits {
        margin: 30px 0 0 0;


    }

    .metaline {

        display: block;
        min-height: 20px;

    }

    .mainmenuBlock .menu-main-menu-englisch-container ul li.produktmenuItem .sub-menu {

        left: 0;
        width: 100%;

    }

    .menu-meta-menu-container {
        display: none;
    }

    .metalinecontent {

        float: left;

    }

    .sprache {

        float: left;
        margin: 0 0 0 0px;
        position: absolute;

    }

    .suche {

        position: absolute;
        margin: -2px 0 0 60px;
        float: left;

    }

    .Mainnavigationsline {
        padding: 20px 0 20px 0;
    }

    html, body {
        font-size: 15px;
        line-height: normal;

    }

    .StandardText .textblock {
        margin: 0 0 20px 0;

    }

    .padding-TopBottom {

        padding: 20px 0;

    }

    .breadcrumbbox {
        margin: 5px -10px 20px 0;

    }

    .TextcenterV {
        margin-top: 0px !important;
    }

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

    .manuelKachel .crossbild {

        position: relative;

    }

    .footerIconText {

        font-size: 16px;
        line-height: 20px;
        display: block;
        float: left;
        width: 260px;
        margin: 14px 0 0 10px;
        text-align: left;

    }

    .footerPart .width60 .footerbox {

        width: 100%;
    }

    .footerIconText br {
        display: none
    }

    .footerIcon {

        width: 44px;
        height: auto;
        display: block;
        float: left;

    }

    .formrow .form40, .formrow .form60, .formrow .form100, .formrow .form20, .formrow .form80 {
        width: 95%;
        float: left;
        position: relative;
        margin: 0 0 10px 0;

    }

    .formrow {

        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 0px 0;

    }

    .Terminlayer {
        width: 95%;
        height: 0px;
        padding: 10px 2.5%;
        left: 0;
        margin: 0px;

    }

    .closelayer {
        width: 30px;
        height: 30px;
        right: 10px;
        top: 10px;
        opacity: 0.5;

    }

    .wpcf7-not-valid-tip {

        color: #ffffff;
        position: absolute;
        font-size: 10px;
        left: 5px;
        top: 38px;
        width: 150px;
        font-size: 0px;
    }

    .wpcf7-not-valid-tip::before {

        content: "*";
        opacity: 1;
        color: red;
        margin-top: -7px;
        display: block;
        font-size: 14px;

    }

    .nachricht .wpcf7-not-valid-tip::before {
        margin-top: -37px;
    }

    .wpcf7-response-output.wpcf7-validation-errors {
        font-size: 12px;

    }

    .allerefs .refItem {

        margin: 0px 0 30px 0;
        width: 100%;
        height: auto;
        text-align: center;

    }

    .zitatitem {

        float: left;
        width: 100%;
        float: left;
        margin: 10px 0 0px 0;
        text-align: center;

    }

    .striplines {
        width: 100%;
    }

    .footerPart .width60 {

        width: 100%;

    }

    td {

        display: block;
        width: 100%;

    }

    .reiterText ul {

        padding-left: 24px;

    }

    .reiterTitel {

        margin: 10px 0 20px 10px;
    }

    /* ----------------------------------------------------------------------- mobileNAV */
    .burgerbutton {

        display: none;
        position: absolute;
        top: -2px;
        right: 0px;
        cursor: pointer;
        width: 20px;
        height: 20px;

    }

    .burgerbtnOn {
        display: block
    }

    .mobnavOn .burgerbtnOn {
        display: none
    }

    .mobnavOn .burgerbtnOff {
        display: block
    }

    .mobnavOn .menu-meta-menu-container {

        display: block;
        background: #ffffff;
        margin: 34px 0 0 -5%;
        padding: 10px 0 10px 0;
        float: left;
        width: 110%;
        font-size: 14px;

    }

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

    .mobnavOn .mainmenuBlock {

        display: block;
        position: absolute;
        background: #ffffff;
        top: 0;
        z-index: 9999;
        left: 0px;
        padding: 20px 0 20px 0;
        margin: -27px 0 0 -5%;
        width: 110%;

    }

    .mainmenuBlock ul li {

        float: left;
        margin: 0px 25px 10px 25px;
        position: relative;
        width: 100%;

    }

    .mainmenuBlock {
        -webkit-box-shadow: 0px 17px 21px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 0px 17px 21px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 0px 17px 21px 0px rgba(50, 50, 50, 0.2);
    }

    .mainmenuBlock li.level-0 {
        position: relative;
        float: left;
        margin: 0px 25px 10px 25px;
        position: relative;
        width: 85%;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #E9EAEC;

    }

    .mainmenuBlock ul li.level-0 .sub-menu li:last-child {


        margin: 0 0 0px 0;
    }

    .mainmenuBlock ul li .sub-menu,
    .mainmenuBlock ul li .sub-menu:hover,
    .mainmenuBlock ul li:hover .sub-menu {
        display: block;
        position: relative;
        top: inherit;
        opacity: 1;
        margin: 0px;
        width: 100%;
        float: left;
        padding: 15px 0 0px 0;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);
        -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);
        box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0);
    }

    .mainmenuBlock ul li.current-menu-item .sub-menu li::before, .mainmenuBlock ul li .sub-menu li::before {
        top: 6px;
        left: 1px;
        width: 8px;
        height: 8px;


    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu {

        left: inherit;
        opacity: 1;
        top: 0;
        margin: 0px;
        width: 100%;
        padding: 20px 0px 10px 0px;
        height: auto;
        overflow: inherit;
    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li .produktmenuSubOn {
        position: relative;
        top: inherit;
        width: 100%;
        margin: 0px;
        padding: 0px;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu .sub-menu {
    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li {

        float: left;
        width: 96%;
        background: #F5F5F5;
        margin: 0px;
        padding: 8px 2%;
        border-bottom: 2px solid #ffffff;

    }

    .mainmenuBlock ul li.produktmenuItem .sub-menu li a.layersectionOn, .mainmenuBlock ul li.produktmenuItem .sub-menu li a:hover {

        border-bottom: 0px solid #EE7700;

    }

    .mainmenuBlock ul li.current-menu-parent a {
        border-bottom: 2px solid #EE7700;

    }

    .mainmenuBlock ul li .sub-menu, .mainmenuBlock ul li:hover .sub-menu,
    .mainmenuBlock ul li.produktmenuItem .sub-menu li .produktmenuSubOn {
        display: none;
    }

    .mainmenuBlock ul li.mobnavsubOn .sub-menu {
        display: block;
    }

    .mainmenuBlock ul li.mobnavsubOn .sub-menu .sub-menu {
        display: none;
    }

    .mainmenuBlock ul li.level-0.menu-item-has-children::after {

        content: "";
        position: absolute;
        right: 0px;
        background-image: url("img/navdown.svg");
        background-position: right 6px;
        background-repeat: no-repeat;
        background-size: 81%;
        width: 30px;
        height: 30px;
        opacity: 0.6;

    }

    .breadcrumbbox {

        font-size: 14px;
        margin: 0px 0 0 0;
        position: relative;
        float: left;
        top: 0px;
        padding-bottom: 10px;

    }

    .headerSlide {
        min-height: 300px;
        margin: 0 0 30px;
        height: auto;

    }

    .pagerheaderslider {
        top: 0px;
        height: auto;
    }

    .slideboxTOPRight {
        margin: 0px 0 20px 0;

    }
}


/* ----------------------------------------------------------------------- 767 */
@media screen and (max-width: 767px) {
    .mapLeft .referenzcentermapwrapper {
        margin: 0px 0 0 -340px;
    }

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

    .rightBlock {
        float: left;
    }

    .mapRight .referenzcentermapwrapper {

        margin: 0px 0 0 -1090px;

    }

    .maparrowpart {
        margin: -200px 0 0 0;
    }

    .refITemOn .Reflayer {

        position: fixed;
        width: 360px;
        margin: 230px 0 0 700px !important;
        left: 0px;
        top: 0px;
        z-index: 999999;

    }

    .mapRight .refITemOn .Reflayer {

        margin: 230px 0 0 1220px !important;

    }

    .mapLeft .refITemOn .Reflayer {


        margin: 230px 0 0 225px !important;

    }

    .layerLeftpart {
        width: 85%;
        margin: 0 0 0 5%;

    }

    .layerRightpart {

        position: relative;
        float: left;
        width: 100%;
        margin: 20px 0 0 0;

    }

    .layerRightpart img {

        width: 100% !important;
    }

    .referenzcentermapwrapper {
        z-index: 99999999;
    }

    .layerX {
        width: 40px;

    }

    .layerLeftpart .layerMainHL {
        width: 80%;
    }

    .layerRightpart img {

        width: 100% !important;
        margin: 0 0 20px 0;

    }

    .contactbubble{
        top: 40px;
    }

    .videoteaser{
        min-height: 182px;
        /*min-height: auto;*/
        height: 100%;
        width: auto;
        max-width: 100%;
    }

    #lexoPage .videoteaser{
        min-height: auto;
        max-height: 182px;
    }
}

/* ------------------------------------------------ipad potrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

    .footerbox.footerboxadresse {

        width: 31% !important;
        min-height: 200px;
        margin: 0 2% 0 0 !important;

    }

    .mobnavOn .menu-meta-menu-container {
        margin: 34px 0 0 -3%;

    }
}


.page-id-794 .produkte.overview, .page-id-1598 .produkte.overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}

.page-id-794 .produktItem, .page-id-1598 .produktItem {
    margin-bottom: 12px;
    min-height: 360px;
    margin-bottom: 12px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-id-794 .crossbild, .page-id-1598 .crossbild {
    min-height: 50px;
}

.more-news-button-container {
    width: 94%;
    clear: both;
    text-align: center;
}

.more-news-button {
    margin: 0 auto 50px auto;
    padding: 5px 10px;
    border: 1px solid #EE7700;
    background: #EE7700;
    color: white;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    cursor: pointer;
}

.more-news-button:hover {
    border: 1px solid #B2B2B2;;
    background: #fff;
    color: #565655;
}

.news-hidden {
    display: none;
    opacity: 0 !important;
}

@media screen and (max-width: 1000px) {

    .more-news-button-container {
        width: 100%;
    }

}


#important-message-modal {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    z-index: 999999999;
}


#important-message-modal .important-message-content {
    background-color: rgba(238, 114, 3, 0.7);
    color: white;
    max-width: 800px;
    margin: 0 auto;
    padding: 25px;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    box-shadow: 1px 1px 16px rgb(0, 0, 0);
    overflow: auto;
}

#important-message-modal .important-message-content h3.border-bottom {
    border-bottom: 1px solid white;
    padding-bottom: 1rem;
}

#important-message-modal .important-message-content a {
    color: white;
    text-decoration: underline;
}

#important-message-modal .important-message-content a:hover {
    color: white;
    text-decoration: none;
}

.important-message-close-button {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}


@media screen and (max-width: 767px) {
    #important-message-modal .important-message-content {
        overflow-y: auto;
        top: 1%;
        width: 80%;
        max-height: 87%;
    }
}

.hidden-important-modal {
    display: none;
}

.important-message-no-scroll {
    overflow: hidden;
}


.content-container {
    overflow-y: auto;
    padding: 25px 0;
}


.infopopup {
    visibility: hidden;
    position: fixed;
    z-index: 99999999;
    width: 30vw;
    text-align: center;
    background: #E9EAEC;;
    padding: 2rem;
    opacity: 1;
    top: 158px;
}
@media screen and (max-width: 1000px) {
    .infopopup {
        top: 101px;
        width: 50vw;
    }
}

.infopopup h2 {
    font-weight: bolder;
}
.infopopup a {
    text-transform: uppercase;
}

.closeinfopopup {
    padding: 1rem;
}