body {
    font-family: "Yanone Kaffeesatz";
    font-size:1.5em;
    font-weight: 300;
    margin:0;
    padding:0;
    background-color: grey;
    color:black;
    height: 100%;

    /*
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    */
}

.hide {
    display: none !important;
}

.shirtorder_new{
    margin-left:20px;
}

.shirtorder_new_images {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left:20px;
}

.shirtorders_new_images_single {
    float:left;
    margin-bottom: 30px;
    margin-top: 10px; 
    font-weight: 300;
    text-align: center; 
    color:#333;
}

.shirtorders_new_images_single_pic {
    width:230px;
}

.inactiveFontColor {
    color:lightgray;
}

.showUntil820 {
    display:block;
}

.showFrom820 {
    display:none;
}


.buttonStyleResponsive{
    background:#87af38;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:white;
    font-family: "Yanone Kaffeesatz";
    font-weight: bolder;
    height:40px;
    line-height: 40px;
    min-width:240px;
    display:inline-block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.buttonStyleResponsive:hover {
    color:white;
}


.shopThumbs {
    padding: 0px;
    margin-right:10px;
    border-left:2px solid white;
    border-right:2px solid white;
    border-top:2px solid white;
}

.shopThumbsWrapper {
    float:left;
}

.shopTitlePic {
    float:left;
}


.shopDetails {
    margin-left:20px;
    max-width:400px;
}

.chapter {
    font-weight: bolder;
    font-size:40px;
    margin-bottom: 15px;
}

.cartPayment {
    float:left;
    background-color: white;
    width:100%;
    line-height:60px;
    min-height:60px;
    text-align: center;
}

.cartFootSpacer {
    display:none;
}


.newsText {
    width:80%;
    max-width:500px;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
}

.inputFile {
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputFile + label {
    font-family: "Yanone Kaffeesatz";
    font-weight: bolder;
    font-size:20px;
    color: white;
    background-color: #87af38;
    display: inline-block;
    cursor: pointer; /* "hand" cursor */
    padding-left:10px;
    padding-right:10px;
    width:200px;
    height:45px;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.fileDate {
    width:auto;
    display: inline-block;
}
.fileTime {
    width:auto;
    display: inline-block;
}


.menuSliderButton {
   display:none;
}

.welcomeRightCell {
    float:left;
    margin-top: 10px;
    text-align: left;
    width:70%;
}

.welcomeLeftCell {
    float:left;
    width:250px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right:10px;
}

.welcomeBox {
    width:250px;
    border:4px solid white;
}

.welcomeMessageBox {

    min-width:250px;
    width:100%;
    margin-left:5px;
    background-color: white;
    margin-bottom: 10px;
    #border-top:2px solid rgba(74, 160, 215, 1);
    border-bottom:2px solid #d7ac89;
    margin-left:5px; margin-top:5px; margin-bottom: 5px;

}

.company {
    margin-top:-2px; margin-left:10px; white-space: nowrap;
}

.textbox {
    min-width:250px;
    width:100%;
    margin-left:5px;
    background-color: white;
    margin-bottom: 10px;
    border-bottom:2px solid #d7ac89;
    margin-left:5px; margin-top:0px; margin-bottom: 5px;
    padding-bottom:20px;
}

.textboxHeadline {
    font-weight: bolder;
    min-width:250px;
    width:100%;
    margin-left:5px;
    background-color: white;
    margin-bottom: 10px;
    border-bottom:2px solid rgba(74, 160, 215, 1);
    margin-left:5px; margin-top:5px; margin-bottom: 5px;
}



.kreis {
    background-color: red;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 102px;
    left: 510px;
    border: 2px solid white;
    text-align: center;
    border-radius: 20px;
    color: white;
    line-height: 20px;
    font-family: "Arial";
    z-index:1;
    font-size: 0.6em;
}

.subnaviActive {
     color: #87af38;
     color:black;
     font-weight: bolder;
     background-color:  rgba(74, 160, 215, 1);
     padding:2px;
     padding-right:5px;
     padding-left:5px;
     float:left;
    font-size:0.8em;
 }

.subnaviInactive {
    color: #87af38;
    color:grey;
    background-color:  #daecf7;
    padding:2px;
    padding-right:5px;
    padding-left:5px;
    border-right:2px solid white;
    float:left;
    font-size:0.8em;
}

.downloads {
    padding-left: 10px;
}

.subnavi {
    background-color:  #daecf7;
    min-height: 44px;
    line-height: 40px;
    display:block;
}



.subnaviLinkInactive {
    color:black
}

.subnaviLinkInactive:hover {
    color:#4aa0d7;
}

.subnaviLinkActive {
    color:black;
}


.subnaviLinkActive:hover {
    color:black;
}


.ordersSubline{
    background-color: white;
    padding-bottom:5px;
    padding-left:5px;
}



.ordersShoppingCart{
    border-top: 10px solid #d7ac89;
    background-color: white;
    #background-color:  #d7ac89;
    padding:10px;

}



.optional {
    color:grey;
    //font-style: italic;
    font-size:0.6em;
}

.contentEnd {
    height: 50px;
}

.left10Login {
    margin-left:10px;
}


.navi {
    color:#ccc;
    font-size: 0.95em;
    margin-left:10px;
}

.navi:hover {
    color:#4aa0d7;
}

.mobileNavi {
    display: none;
}

.dekstopNavi {

}

.footerMarginBottom {
    margin-bottom:40px;
}


.footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:2em;
    z-index:99999;
}

.footer {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:3;
    background-color: #333333;
    border-top:1px solid white;
    color:white;
    font-size:0.8em;
    text-align:right;
    height:50px;
    padding:5px;
    line-height:30px;
}

svg:hover #edit_circle { fill: #87af38; }
svg:hover #edit{ fill: #87af38; }

.naviIcon{
    width:30px;
    outline:none;
    margin-top: 15px;
    margin-right:0px;
}

.line40 {
    line-height: 40px;
}

.imageLink{
    height: 35px;
    border:0px;
    outline:none;
    margin-top: 10px;
    margin-right:5px;
}

.imageLink_small{
    height: 25px;
    border:0px;
    outline:none;
    margin-top: 10px;
    margin-right:5px;
}

a.imageLink {
    outline-style: none;
}

a.imageLink:hover, a.imageLink:focus, a.imageLink:active{
    outline: none;
}

.inputLogin{
    max-width: 300px;
}

.firstConsultant{
    border-bottom:3px dotted black;
    margin-bottom:20px;
    font-weight: normal;
}

.headerConsultant{

    text-align: right;
    width:100%;
    overflow: hidden;
    position: fixed;
    top: 75px;
    right: 10px;
    z-index: 991;

    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.7;
    opacity: 0.7;

    font-size: 0.8em;
    color:white;

}

.ordersHeadlines {
    font-weight:normal;
}


.ordersTitle{
    padding:10px;
}

.textDot{
    text-overflow:ellipsis; overflow:hidden; white-space: nowrap;
}

.icon_chest{
    display:none;
}

.icon_lower_chest{
    display:none;
}


.icon_bizeps{
    display:none;
}

.icon_armhole{
    display:none;
}

.icon_wrist{
    display:none;
}

.icon_waist{
    display:none;
}

.icon_hip{
    display:none;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom5 {
    margin-bottom: 5px;
}

.top10{
    margin-top:10px;
}

.top15{
    margin-top:15px;
}

.top20{
    margin-top:20px;
}

.loading {
    padding-top:20px;
    text-align:center;
    border-radius:10px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top: -50px;
    margin-left: -125px;
    width:250px;
    height:100px;
    background-color: rgba(0,0,0,0.7);
    color:#f7efe7;
    z-index: 999;
}

.loadingWrapper {
    position: fixed;
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 998;
}


/* SPINNER START*/

.spinner {
    margin: 10px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #f7efe7;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

/* SPINNER END*/



input {
    height: 35px;
    border:1px solid lightgrey;
    border-radius: 0px;
    outline: none;
}

input[type=submit] {

    background:#87af38;;
    border:0 none;
    padding-bottom:10px;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:white;
    font-family: "Yanone Kaffeesatz";
    font-size: 20px;
    min-width: 150px;
    min-height:35px;
    line-height: 33px;
}

input[type=submit].disabled {
    background: #b7c987;
    cursor: not-allowed;
}


input[type=radio] {
    -webkit-appearance: none;
    height: 15px;
    width:15px;
    border:1px solid lightgrey;
    outline: none;
    border-radius:2px;
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
}


/* radio checked */
input[type="radio"]:checked:before {
    display: block;
    height: 0.3em;
    width: 0.3em;
    position: relative;

    left: 4px;
    top: 3px;
    /*background: rgba(69, 159, 217, 0.7);*/
    background-color: #4aa0d7;
    border-radius: 100%;
    content: '';
    color:#4aa0d7;
}



select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    font-size: 1em;
    padding-right:30px;
    border: 1px solid #bbb;
    background-color:white;
    background-image:url("../../images/select.gif");
    background-position: right;
    background-repeat: no-repeat;
    height:40px;
    font-weight: 300;
    outline:none;

}

.selectBox{
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    font-size:1em;
    outline:none;
}

.formOkResponse {
    color:#87af38;
    margin-left: 5px;
    border:0px solid red;
}

.formOkResponseText {
    color:#87af38;
    margin-left:5px;
    font-size: 0.8em;
}

.naviBlackMobile{
}

.greenBgColor {
    background-color: #87af38;
}

.redBgColor {
    background-color: #be4644;
}


a {
    color:#4aa0d7;
    text-decoration: none;
    outline: none;
}

a:focus, a:active {
    outline: none;
}


a:hover {
    color:#87af38;
    text-decoration: none;
    outline: none;
}


a.tooltip1 span {
    display:none;
    padding:2px 3px;
    margin-top:0px;
    margin-left:15px;
    outline: none;
}

a.tooltip1:hover span {
    display:inline;
    position:absolute;
    background:white;
    border:1px solid black;
    color:black;
    line-height: 1;
    font-size: 0.6em;
    outline: none;
}

a.tooltip1:focus, a.tooltip:active{
    outline: none;
}




a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-top:-12px;
    margin-left:15px;
    outline: none;
}

a.tooltip:hover span {
    display:inline;
    position:absolute;
    background:white;
    border:1px solid #87af38;
    color:#87af38;
    line-height: 1;
    font-size: 0.6em;
    outline: none;
}

span.tooltip {
    position: relative;
}

span.tooltip span {
    display:none;
    padding:5px 5px;
    margin-top:10px;
    margin-left:15px;
    outline: none;
}

span.tooltip:hover span {
    display:inline;
    position:absolute;
    background:white;
    border:1px solid #87af38;
    color:#87af38;
    line-height: 1;
    font-size: 0.6em;
    outline: none;
}

a.tooltip:focus, a.tooltip:active{
    outline: none;
}

.font15{
    font-size:25px;
}

.height50 {
    height: 50px;
    line-height: 50px;
}



.inputRegular {
    width:98%;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    letter-spacing: 0.05em;
    padding-left: 2px;

    box-shadow: none;
    -webkit-appearance: none;
}

.inputSize {

    width:50px;
    max-width:50px;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    padding-left: 5px;
    box-shadow: none;
    -webkit-appearance: none;


}

.inputSmall {
    width:80%;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    padding-left: 5px;
    box-shadow: none;
    -webkit-appearance: none;
}

.inputSmallExtra {
    width:50px;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    padding-left: 5px;
    box-shadow: none;
    -webkit-appearance: none;

}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:0.8em;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size:0.8em;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size:0.8em;
}
:-moz-placeholder { /* Firefox 18- */
    font-size:0.8em;
}

.inputSmall1 {
    width:100%;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    padding-left: 5px;
    box-shadow: none;
    -webkit-appearance: none;
}


.inputDiv {
    /*width:60%;*/
    width:90%;
}

.inputDivPW {
    width:90%
}

.inputDivSmall {
    width:20%;
}

.inputDivBig {
    width:40%;
}


.formWrapperHead{
    height:50px;
    line-height: 50px;
    padding-bottom: 2px;
}

.formWrapperContent {
    /*height:10%;*/
    line-height: 50px;
    min-height:50px;
    margin-bottom: 1px;
}

/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.colSize {
    display: block;
    float:left;
    margin: 0% 0 0 1.6%;
    min-height: 50px;

}
.colSize:first-child { margin-left: 0;}

.col {
    display: block;
    float:left;
    margin: 0% 0 1% 1.6%;

}
.col:first-child { margin-left: 0;}



.contentbox {
    padding:10px;
    /*display: table-cell;
    vertical-align: middle;*/
    vertical-align: middle;
}


.floatLeft{
    float:left;
}

.floatRight{
    float:right;
}


.topLeft {
    float:left;
}

.topRight {
    font-size: 0.8em;
    float:right;
    height: 50px;
    line-height: 50px;
}


.right {
    text-align:right;
}

.center {
    text-align: center;
}

.centerDesktop {
    text-align: center;
}

.rightDesktop{
    text-align:right;
}

.leftDesktop{
    text-align:left;
}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF FOUR  */
.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.6%;
}
.span_2_of_4 {
    width: 49.2%;
}
.span_1_of_4 {
    width: 23.8%;
}

/*  GRID OF FIVE  */
.span_5_of_5 {
    width: 100%;
}
.span_4_of_5 {
    width: 79.68%;
}
.span_3_of_5 {
    width: 59.36%;
}
.span_2_of_5 {
    width: 39.04%;
}
.span_1_of_5 {
    width: 18.72%;
}

/*  GRID OF SEVEN  */
.span_7_of_7 {
    width: 100%;
}

.span_6_of_7 {
    width: 85.48%;
}

.span_5_of_7 {
    width: 70.97%;
}

.span_4_of_7 {
    width: 56.45%;
}

.span_3_of_7 {
    width: 41.94%;
}

.span_2_of_7 {
    width: 27.42%;
}

.span_1_of_7 {
    width: 12.91%;
}

/* GRID OF SIX */
.span_1_of_6 {
    width: 15.33%;
}

.span_2_of_6 {
    width: 30.66%;
}

.span_5_of_6 {
    width: 83.06%;
}

.span_3_of_6 {
    width: 45.99%;
}

/* GRID OF THREE */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


.consultantName {
    clear:both;
    //padding-left:5px;
    border-bottom: 1px solid black;
    width:100%;
    padding-top:10px;
    margin:0px;

}

.smallNaviClient {
    width:100%;
    margin:0px;
    text-align:center;
    font-size: 1em;
    border-bottom: 1px dotted black;

    height:50px;
    overflow: hidden;
    line-height: 50px;
    padding-bottom: 10px;
}

.headline1Both{
    color:black;
    font-weight: bold;
    font-size:1.6em;
    margin-bottom:20px;
    margin-left:10px;
    margin-top:5px;
    letter-spacing: 0.03em;
}

.headline1 {
    color:black;
    font-weight: bold;
    font-size:1.6em;
    margin-bottom:20px;
    margin-left:10px;
    margin-top:5px;
}

.headline2 {
    color:black;
    font-weight: bold;
    font-size:1.4em;
    padding-bottom:15px;
    margin-left:10px;
    margin-top:5px;
}

.headerHeadline2 {
    float:left;
    width:85%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

.headline2BothHead {
    background-color: #4aa0d7;
    height:40px;
}

.whiteBgColor {
    background-color: #ffffff;
}


.blackBgColor {
    background-color: #000000;
}

.camelLightBgColor {
    background-color: #f7efe7;
}

.TblHeaderContainer{
    background-color: #4aa0d7;
    overflow: hidden;
    color:black;
}

.TblHeader{
    /*background-color: #4aa0d7;*/
    overflow: hidden;
    color:black;
    font-weight: bolder;
}

.TblFooterContainer{
    background-color: #d7ac89;
    overflow: hidden;
    color:black;
    height:35px;
}

.TblRow1Container{
    background-color: #f7efe7;
    overflow: hidden;
    color:black;
}


.TblRow1{
    background-color: #f7efe7;
    /*overflow: hidden;*/
    color:black;
}

.TblRow2Container{
    background-color: #ffffff;
    overflow: hidden;
    color:black;
}

.TblRow2{
    background-color: #ffffff;
    /*overflow: hidden;*/
    color:black;
}


.camelBgColor {
    background-color: #d7ac89;
}

.blueBgColor {
    background-color: #4aa0d7;
}


.camelColor{
    color:#d7ac89;
}

.whiteColor {
    color:white;
}

.arrow {
    font-size: 1.5em;
    line-height: 30px;
    border-radius: 15px;
    margin-top:20px;
    width:30px;
}


.spacer {
    clear:both;
    min-height: 20px;
}

.space10 {
    min-height: 10px;
}

.space50 {
    min-height: 50px;
}

.space100 {
    min-height: 100px;
}

.space200 {
    min-height: 200px;
}

.hideDesktop {
    display:none;
}

.hideMobile {
    display:block;
}

.formResponse {
    line-height: 1;
    overflow:hidden;
    clear:both;
    /*width:69%;*/
    display: none;
    color:#4aa0d7;
    font-size: 0.8em;
    height:30px;

}

.stepBack{
    margin-top:0px;
    margin-left:5px;
}

@media only screen and (max-width: 910px) {
    .stepBack{
        margin-top:-5px;
    }



    .welcomeRightCell {
        clear:both;
        margin-top: 10px;
        text-align: left;
        min-width:278px;
        width:100%;
    }

    .welcomeLeftCell {
        margin:0;
        clear:both;
        margin-top: 10px;
        text-align: left;
        min-width:278px;
        width:100%;

    }

    .welcomeBox {
        clear:both;
        border:4px solid white;
        min-width:250px;
        width:92%;
        margin-left:10px;

    }

    .welcomeMessageBox {
        clear:both;
        min-width:250px;
        width:92%;
        margin-left:10px;
        margin-bottom: 10px;
        padding-left:4px;
        padding-right:4px;
    }
}




.colorFirstRowMobile{
    background-color: transparent;
}

.colorSecondRowMobile{
    background-color: transparent;
}

.cartFooterMobile {
 display:none;
}

.hideDesktop800{
    display: none;
}
.hideMobile800{
    display: block;
}



@media only screen and (max-width: 820px) {
    .showUntil820 {
        display:none;
    }

    .showFrom820 {
        display:block;
    }

}

@media only screen and (max-width: 806px) {
    .hideDesktop800{
        display: block;
    }
    .hideMobile800{
        display: none;
    }



}


@media only screen and (max-width: 980px) {
    .shopDetails {
        margin-left:0px;
        clear:both;
        max-width:550px;
        margin-top:20px;
    }

}

/*

.quicklaunch {
    background-image:url("../../images/quicklaunch_big.png");
    background-repeat: no-repeat;
    background-position-y: bottom;

}

.quicklaunch_text {
    margin-left:586px;
    margin-top:10px;
    color:white;

}
*/

@media only screen and (max-width: 840px) {
/*
    .quicklaunch_text {
        margin-left:452px;
        margin-top:10px;
        color:white;

    }



    .quicklaunch {
        background-image:url("../../images/quicklaunch_small.png");
        background-repeat: no-repeat;
        background-position-y: bottom;
    }
*/


    .company {
        margin-top:20px; margin-left:0px; margin-bottom:15px; white-space: normal;
        float:none;
        clear:both;
        border-top:1px solid white;
    }



    .shopTitlePic {
        clear:both;
    }

    .shopThumbs {
        float:left;
        padding: 1px;
        margin-right:3px;
    }

    .shopDetails {
        margin-left:0px;
        clear:both;
        width: 430px;
    }

    .buttonStyleResponsive {
        width:100%;
        height:50px;
        line-height: 50px;
        display:block;
    }

    .cartPayment {
        float:none;
        background-color: white;
        line-height:80px;
        min-height:80px;
        text-align: center;
        padding:0px;
        height: 80px;
        width: 100%;
        position:fixed;
        left:0;
        bottom:0px;
        background:rgba(0,0,0,0.5);
        z-index: 99999;
    }

    .cartFootSpacer {
        display:block;
        height:40px;
        background-color: white;
    }

    .newsText {
        width:95%;
        max-width:95%;
        font-family: "Yanone Kaffeesatz";
        font-weight: 300;
    }


    .fileDate {
        width:100%;
    }
    .fileTime {
        margin-top:5px;
        margin-bottom:5px;
        width:100%;
    }

    .menuSliderButton {
        content:"";
        background: url('../../images/public/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        top:10px;
        left:10px;
    }

    .subnaviCell {
        //width:250px;
        //width:45%;
        width:100%;
        white-space: nowrap;
    }

    .subnaviActive {
        background-color:  rgba(74, 160, 215, 1);
        padding-right:2%;
        padding-left:2%;
    }

    .subnaviInactive {
        background-color:  #daecf7;
        padding-right:2%;
        padding-left:2%;
    }


    .subnavi {
        background-color:  white;
        display:none;
    }


    .cartFooter{
        display:none;
    }

    .cartFooterMobile {
        display:block;
        background-color: #4aa0d7;
        text-align: center;
        font-weight: bolder;
    }


    .footerMarginBottom {
        margin-bottom:0px;
    }

    .footer_container {

        position:relative;
        text-align:center;
        margin:0;
        height:2em;
        z-index:2;
    }

    .footer {
        position:relative;
        top:0; left:0; right:0; bottom:0;
        z-index:3;
        background-color: #333333;
        border-top:1px solid white;
        color:white;
        font-size:0.8em;
        text-align:right;
        height:50px;
        padding:5px;
        line-height:30px;
    }




    .formOkResponseText {
        display: none;
    }

    .formOkResponse {
        color:#87af38;
        margin-left: 15px;
        border:0px solid red;
    }

    .inputDivPW {
        width:80%
    }

    .firstConsultant{
        border-bottom:0;
        margin-bottom:0px;
        font-weight: 300;
    }


    .headerConsultant{
        display:none;
    }

    body {
        font-size:1.5em;
    }

    .mobileRowHeight{
        height:50px;
        line-height:50px;
    }


    .stepBack{
        margin-top:0px;
    }


    .formResponse {
        line-height: 1.5;
    }

    .naviBlackMobile{
        color:black;
    }

    .inputDiv {
        width:80%;
    }

    .inputDivSmall {
        width:30%;
    }

    .inputDivBig {
        width:50%;
    }

    .formWrapperContent {

        min-height: 90px;
        line-height: 35px;
        padding-top: 10px;

    }

    .rightDesktop{
        text-align: left;
    }

    .leftDesktop{
        text-align:right;
    }

    .topRight {
        font-size: 0.6em;
        height: 40px;
        line-height: 40px;
    }


    .mobileBlue {
        background-color: #4aa0d7;
        overflow: hidden;
        height:40px;
    }

    .spacer {
        clear:both;
        min-height: 40px;
    }


    .hideDesktop {
        display:block;
    }

    .hideMobile {
        display:none;
    }


    /*body {
        font-size:1.5em;
    }
    */

    .span_1_of_6 {
        width:100%;
    }

    .span_2_of_6 {
        width:100%;
    }

    .span_5_of_6 {
        width: 100%;
    }

    .span_1_of_5 {
        width:100%;
    }
    .span_1_of_7 {
        width:100%;
    }

    .span_4_of_5 {
        width:100%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

    .span_3_of_6 {
        width:100%;
    }

    .col {
        clear:both;
        margin:0px;
    }


    .TblHeaderContainer{
        float:left;
        width:50%;
        background-color: #f7efe7;
    }

    .TblRow1Container{
        float:left;
        width:50%;
    }

    .TblRow2Container{
        float:left;
        width:50%;
    }


    .bold {
        font-weight: bolder;
    }

    .marginBottom20 {
        margin-bottom: 20px;
    }

    .marginBottom40 {
        margin-bottom: 40px;
    }

    .left{
        text-align:left;
    }



    .colorFirstRowMobile {
        background-color: #f7efe7;
    }

    .colorSecondRowMobile {
        background-color: #ffffff;
    }

    .colorLastRowMobile {
        background-color: #d7ac89;
        border-bottom:1px solid black;
        border-top:1px solid black;
    }

    .colorPreLastRowMobile {
        background-color: #e4c5ab;
        border-bottom:1px solid black;
        border-top:1px solid black;
    }


    .titleMobile {
        width:90%;
        background-color: red;
    }

   .headline1 {
        font-weight: normal;
        margin:0px;
        padding-left:5px;
        padding-top:5px;
        padding-bottom:5px;
        font-size:1em;
    }

    .ordersActive {
        color:black;
        font-weight: bolder;
        padding:5px;
    }

    .kreis {
        display:none;
    }

 }


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

    /*
    .quicklaunch_text {
        margin-left: 10px;
        margin-top: 235px;
        color: white;
    }

    .quicklaunch {
        margin-top: 10px;
        color: white;
        background-image:url("../../images/quicklaunch_big.png");
        background-position-y:top;
    }*/

}

@media only screen and (max-width: 500px) {
    input[type=submit] {
        line-height:50px;
        height:50px;
        width:97%;
    }



    .left10Login {
        margin-left: 0px;
    }

    .loginButton {
        text-align: center;
    }

    .inputLogin{
        width:90%;
    }

    .inputSmall {
        width:90%;
        max-width:90%;
    }

    .kreis {
        display:none;
    }

    .downloads {
        padding-left: 0px;
    }

    .loading {
        top:20%;
        background-color: rgba(0,0,0,0.7);
    }

    .loadingWrapper {
        background-color: rgba(255,255,255,0.9);
    }

}



header {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    background-color: #000000;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;



    border-bottom: 1px solid white;

}

header h1#logo {
    font-family: "Alex Brush";
    text-align: center;
    font-size: 1.5em;
    font-weight: lighter;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width:100%;
    color: white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:0px;
    float:left;
    z-index: 999;
}



header h1#menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller {
    height: 65px;
    font-size: 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.7;
    opacity: 0.7;

}

header.smaller h1#logo{
    margin-top:15px;
}

header.smaller h1#menu{
    margin-top:0px;
    font-size: 1em;
    font-weight: lighter;
}

nav.smaller a#pull:after {
    content:"";
    background: url('../../images/public/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
}

.showMe {
    overflow:hidden;
}

.displayMe{
    display:block;
}

.clearBoth {
    clear:both;
}

.displayMeNot{
    display:none;
}

.left5 {
    margin-left:5px;
}

.left10 {
    margin-left:10px;
}

.left20 {
    margin-left:20px;
}

.right10{
    margin-right:10px;
}

.responseWrapper {
    display:none;
}


/*
.siteFooterContent {
    text-align: right;
    padding:5px;
    line-height:30px;
}
*/

.divhover {
    background-color: rgba(250,250,250,1);
    border:1px solid #4aa0d7;
}
.divhover:hover {
    background-color: rgba(74, 160, 215, 1);
    cursor: pointer;
}

.subline {
    background-color: white;
    padding-left:10px;
    padding-bottom: 10px;
}

.paddingLeft10 {
    padding-left: 10px;
}
.paddingRight10 {
    padding-right: 10px;
}

.ordersNoDataFound {
    background-color:  rgba(74, 160, 215, 1);
}

.cartFooter {
    background-color:  rgba(74, 160, 215, 1);
    font-weight: bolder;
}

.showMeNot {
    display:none;
}

.red {
    color:red;
    text-decoration: blink;
}

.ornr{
    font-size:0.6em;
}

.ordersTableText {
    font-size:0.9em;
}

.buttonStyle {
    background:#87af38;;
    border:0 none;

    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:white;
    font-family: "Yanone Kaffeesatz";
    font-weight: bolder;
    #min-width: 150px;
    padding-left:10px;
    padding-right:10px;
    height:35px;
    line-height: 30px;
    display:block;
    text-align: center;
}

.buttonStyleInline {
    display: inline-block;
    margin-left: 25px;
    padding: 4px 20px;
    height: 30px;
}


.buttonStyle:hover {
    color:white;
}

.breadcrumb {
    font-size: 0.8em;
    position: relative;
    top:-20px;
    left:10px;
}

.sizeBgColorBlueLight {
    background-color: #ecf5fb;
}

.sizeBgColorBlue {
    background-color: #daecf7;
}

.sizeCell {
    width:25%;
    float:right;
    font-size: 0.8em;
    overflow: hidden;
    white-space: nowrap;
    margin-right:20px;
    text-align: left;
}

.postageInfo{
    background-color: #f7efe7;
    background-color: #daecf7;
    padding-left:20px;
    padding-bottom:5px;
    font-size: 0.8em;
    color:rgba(74, 160, 215, 1);
    border-bottom: 5px solid white;
}

.inputDemo {
    width:120px;
    font-family: "Yanone Kaffeesatz";
    border:0;
    background: transparent;
    border: none;
    font-weight: 300;
}

.bonusDemoWrapper {
    display:none;
}

.bonusNaviActive {
    font-weight: bolder;
    color:#87af38;
}

.myPostage{
    background-color: #d5e0bf;
    border-top:1px solid #87af38;
    border-bottom:1px solid #87af38;
}

.myPostageCell{
    background-color: #d5e0bf;
}

@media only screen and (max-width: 700px) {
    .myPostageMobile{
        background-color: #d5e0bf;
        border:0px;
    }
}

.myTextarea {
    -webkit-appearance: none;
    border:1px solid lightgrey;
    outline: none;
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    width:320px;
    height: 200px;
}

.title {
    font-size: 1.3em;
    font-weight: bolder;
}

.subtitle{
    font-weight: bolder;
    margin-top:35px;
    margin-bottom:10px;
}
video {
    width: 100%;
    height: auto;
    max-width: 650px;
}

.finalValues{
    font-size: 0.8em;
    border:1px solid #87af2f;
    background-color: #e7efd5;
    height:25px;
    line-height: 25px;
    margin-top:12px;
    padding-left:3px;
    padding-right:3px;
}

.originalVoucherPrice {
    color: #a0522c;
}
.stock_banner {
    display: none;
    position: absolute;
    top: 30%;
    left: 3px;
    right: 0;
    text-align: center;
    background-color: #0062e5;
    color: #FFF;
    border-top: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    transform: rotate(315deg) translate(-15%,-215%);
    line-height: 1.8;
}
.is_out_of_stock {
    position: relative;
    pointer-events: none;
}
.is_out_of_stock .stock_banner{
    display: inline-block;
}

.shop-categories {
    margin: 0 15px;
    padding-bottom: 15px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 315px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

@media (min-width: 800px) {
    .shop-categories {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .shop-categories {
        grid-template-columns: repeat(3, 1fr);
    }
}

.shop-categories a {
    position: relative;
    overflow: hidden;
}

.shop-categories a:nth-child(3n) {
    margin-right: 0;
}

.shop-categories a img {
    width: 100%;
}

.shop-categories a label {
    padding-left: 20px;
    font-weight: 300;
    font-family:'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 10px;
    font-size: 25px;
    color: white;
    background-color: black;
    height: 60px;
    line-height: 60px;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

.category-product-listing {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 25px;
}

@media (max-width: 445px) {
    .category-product-listing img {
        max-width: calc(100vw - 12px);
    }
}