@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2b94954e-4c97-4360-a39c-4766eae8c0da");
@font-face {
    font-family: "HelveticaThin";
    src: url("../fonts/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix");
    src: url("../fonts/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.eot?#iefix") format("eot"), url("../fonts/775a65da-14aa-4634-be95-6724c05fd522.woff") format("woff"), url("../fonts/988eaaa7-5565-4f65-bb17-146b650ce9e9.ttf") format("truetype"), url("../fonts/3503a1a6-91c3-4c42-8e66-2ea7b2b57541.svg#3503a1a6-91c3-4c42-8e66-2ea7b2b57541") format("svg")
}
@font-face {
    font-family: "HelveticaLight";
    src: url("../fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
    src: url("../fonts/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"), url("../fonts/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"), url("../fonts/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"), url("../fonts/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg")
}
@font-face {
    font-family: "HelveticaRegular";
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
    src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"), url("../fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"), url("../fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"), url("../fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg")
}
@font-face {
    font-family: "HelveticaMedium";
    src: url("../fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix");
    src: url("../fonts/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix") format("eot"), url("../fonts/5b4a262e-3342-44e2-8ad7-719998a68134.woff") format("woff"), url("../fonts/4a3ef5d8-cfd9-4b96-bd67-90215512f1e5.ttf") format("truetype"), url("../fonts/58ab5075-53ea-46e6-9783-cbb335665f88.svg#58ab5075-53ea-46e6-9783-cbb335665f88") format("svg")
}
@font-face {
    font-family: "HelveticaBold";
    src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
    src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"), url("../fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"), url("../fonts/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"), url("../fonts/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg")
}
@font-face {
    font-family: "japanese";
    src: url("../fonts/c5719332-4ebe-4aa4-bbad-cf3ddaf6a477.eot?#iefix");
    src: url("../fonts/c5719332-4ebe-4aa4-bbad-cf3ddaf6a477.eot?#iefix") format("eot"), url("../fonts/59e56dc2-aed2-4273-a3a8-d5cbca50efd3.woff2") format("woff2"), url("../fonts/c21528e6-3718-4be9-9d47-f87311f018ee.woff") format("woff"), url("../fonts/e67e028d-b314-4727-ad52-bd535600177d.ttf") format("truetype"), url("../fonts/8193274f-8084-41fe-88d9-6013db9588ce.svg#8193274f-8084-41fe-88d9-6013db9588ce") format("svg")
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */


/* KEIN aeusseres @media screen, da sonst IE die nested @media unten ignoriert !!!!*/

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


            body{
                margin: 0!important;
            }

            body, div, p{
                -ms-hyphens: auto!important;
                -moz-hyphens: auto!important;
                -webkit-hyphens: auto!important;
                -o-hyphens: auto!important;
                hyphens:auto!important;
            }


            #printheader, #printfooter, .printclaim, .printlogo, .printback{
                display:none;
            }

            .javascriptform{
                display:none;
            }



            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            main,
            nav,
            section,
            summary {
                display: block
            }
            audio,
            canvas,
            progress,
            video {
                display: inline-block;
                vertical-align: baseline
            }
            audio:not([controls]) {
                display: none;
                height: 0
            }
            [hidden],
            template {
                display: none
            }
            a {
                background: transparent
            }
            a:active,
            a:hover {
                outline: 0
            }
            abbr[title] {
                border-bottom: 1px dotted
            }
            b,
            strong {
                font-weight: bold
            }
            dfn {
                font-style: italic
            }
            mark {
                background: #ff0;
                color: #000
            }
            small {
                font-size: 80%
            }
            sub,
            sup {
                font-size: 75%;
                line-height: 0;
                position: relative;
                vertical-align: baseline
            }
            sup {
                top: -0.5em
            }
            sub {
                bottom: -0.25em
            }
            img {
                border: 0
            }
            svg:not(:root) {
                overflow: hidden
            }
            figure {
                margin: 0
            }
            hr {
                -moz-box-sizing: content-box;
                box-sizing: content-box;
                height: 0
            }
            pre {
                overflow: auto
            }
            code,
            kbd,
            pre,
            samp {
                font-family: monospace, monospace;
                font-size: 1em
            }
            button,
            input,
            optgroup,
            select,
            textarea {
                color: inherit;
                font: inherit;
                margin: 0
            }
            button {
                overflow: visible
            }
            button,
            select {
                text-transform: none
            }
            button,
            html input[type="button"],
            input[type="reset"],
            input[type="submit"] {
                -webkit-appearance: button;
                cursor: pointer
            }
            button[disabled],
            html input[disabled] {
                cursor: default
            }
            button::-moz-focus-inner,
            input::-moz-focus-inner {
                border: 0;
                padding: 0
            }
            input {
                line-height: normal
            }
            input[type="checkbox"],
            input[type="radio"] {
                box-sizing: border-box;
                padding: 0;
            }

            input[type="radio"] {                         
                background-color:transparent!important;
            }

            input[type="number"]::-webkit-inner-spin-button,
            input[type="number"]::-webkit-outer-spin-button {
                height: auto
            }
            input[type="search"]::-webkit-search-cancel-button,
            input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none
            }
            fieldset {
                border: 1px solid #c0c0c0;
                margin: 0 2px;
                padding: 0.35em 0.625em 0.75em
            }
            legend {
                border: 0;
                padding: 0
            }
            textarea {
                overflow: auto
            }
            optgroup {
                font-weight: bold
            }
            table {
                border-collapse: collapse;
                border-spacing: 0
            }
            td,
            th {
                padding: 0
            }
            footer .bottom-line:after,
            .content:after,
            .orderform .orderform-form-wrapper:after,
            .cultivent-userprofile .profile-name:after,
            .cultivent-userprofile .profile-street:after,
            .cultivent-userprofile .profile-phone:after,
            .cultivent-userprofile .profile-address:after,
            .opening .opening-images:after,
            .textcontainer .opening-images:after,
            .content.teaser-box .teaser-content:after,
            .content.teaser-box .teaser-images:after,
            .segment_group.group-layout-2 .teaser-content:after,
            .slideritem .teaser-content:after,
            .slideritem .teaser-images:after,
            body.modern-page .linklist-layout-none:after,
            body.migration-page .migration-column-left .linklist-layout-none:after,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_ul:after,
            .group-type-staffmember .group-body:after,
            .users-consultant .group-body:after,
            .staffmembersegment .staffmember-segment-wrapper:after,
            .segment-cv_calendar .calendar-content:after,
            .segment-cv_calendar .timeline:after,
            .jobportal .container .row-fluid:after,
            #maisberaterapp:after,
            .tool-article .tool-topbar:after,
            .segment-favourites .tool-topbar:after,
            .tool-article .tool-topbar-userprofil:after,
            .segment-favourites .tool-topbar-userprofil:after,
            .tool-article .tool-icon-wrapper:after,
            .segment-favourites .tool-icon-wrapper:after,
            .content.gallery-module:after,
            .content.gallery-module ul.gallery_table:after,
            .content.search-segment .search-segment-wrapper .buttongroup:after,
            .migration-container:after,
            footer article:after,
            footer .socials:after,
            #clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0
            }
            .tool-article .tool-icon-wrapper,
            .segment-favourites .tool-icon-wrapper {
                background-color: #7f7f7f;
                /*
                *zoom: 1;
                filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF7F7F7F', endColorstr='#FF595959');
               */
                background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjAlIiByPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjN2Y3ZjdmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTk1OTU5Ii8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
                background-size: 100%;
                background-image: -moz-radial-gradient(top, ellipse cover, #7f7f7f 0%, #595959 100%);
                background-image: -webkit-radial-gradient(top, ellipse cover, #7f7f7f 0%, #595959 100%);
                background-image: radial-gradient(ellipse cover at top, #7f7f7f 0%, #595959 100%)
            }

            /* ------------------------------------------------- */

            

            .head_intro{
                display:block;
                height:4.5rem;
                overflow:hidden;
            }
            .linklist_text{
                height:11rem;
                overflow:hidden;
                padding:0px 0px 15px 0px;
                margin:8px 0px 0px 0px;

            }

            .linklist_text:before{
                content:                    ' ';
                position:                   absolute;
                display:                    block;
                width:                      100%;
                height:                     11rem;
                left:                       0px;
                padding:0 0 3px 0;
                background-color:transparent;
                background-image:url("/custom/kws/alto/images/box_dizzer.png");
                background-repeat:no-repeat;
                background-position: bottom center;
                border-bottom:1px solid #EAEAEA;
            }

            .linklist_li .linklist_morelink a{
                position:absolute;
                left:auto!important;
                right:.3125rem!important;
                display:block!important;
                float:right!important;
                border:none!important;
                padding:0px 0px 0px 30px!important;
                margin:0px 0px 0px 0px!important;
                background-color: transparent!important;
            }

            .img-detail{
                position:absolute; 
                display:block; 
                z-index:9999; 
                background-color:rgba(238,236,221,1); 
                margin:5px; 
                box-shadow:2px 2px 2px rgba(0,0,0,.25);
            }

            .linklist-layout-1 .linklist_ul{
                display:block;
                float:left;
                clear:both;
                width:100%;
            }

            .linklist-layout-1 .linklist_li{
                display:block;
                float:left;
                clear:both;
                width:99%;
            }

            .linklist-layout-1 .linklist_li:not(:last-child){
                margin:0px 0px 20px 0px;
            }

            /*TH nur zum vorführen der forms in iframe*/ 
            /*
            .iframewidth{
                width:calc(100% + 2.1rem)!important;
            }

            @media screen and (max-width:480px){
                .iframewidth{
                    width:calc(100% + 1.25rem)!important;
                }
            }
            */
            /*ende TH nur zum vorführen der forms in iframe*/ 

            .recommendation_tablecontainer{
                display:block;
                float:left;
                width:70%;
            }

            .recommendation_consultant{
               display:block;
                float:right;
                width:20%;
            }

            .recommendation_consultant .tile{
                display:block;
                float:right;
                min-width:270px;
                width:100%;
                background-color:#e4e1cd;
                padding:10px 4px 10px 10px;
                margin-top: 1rem;
                /*
                 -moz-hyphens: auto;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto; 
                */
            }

            .recommendation_consultant .tile h2{
                font-family: 'HelveticaLight', sans-serif;
                font-weight:normal;
                font-size:1.3rem;
                line-height:1.2;
                padding:4px 0px 0px 0px;
            }

            .recommendation_consultant .tile .consultant-crops{
                min-height: 1.2rem;
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.8125rem;
                line-height: 1.25rem;
            }

            .recommendation_consultant .tile .crop-icon-bar{
                float:right;
            }
            .recommendation_consultant .tile .crop-icon-bar img{
                width:2rem;
                display:block;
                clear:both;

            }
            .recommendation_consultant .tile .users-consultant img{
                width:60px!important;
                float:left;
                margin-bottom:5px;
            }

            .recommendation_consultant .tile .users-consultant .consultant-name{
                display:block;
                float:left;
                clear:right;
                padding:0px 0px 3px 8px;
                margin:0;
                font-size:1rem;
                font-weight:normal;
            }

            .recommendation_consultant .tile .users-consultant .consultant-street,
            .recommendation_consultant .tile .users-consultant .consultant-address{
                display:block;
                float:left;
                 clear:right;
                padding:0px 0px 2px 8px;
                margin:0;
                font-size:.875rem;
                width:11rem;
            }

            .recommendation_consultant .tile .users-consultant .showconsultantdetails{
                display:block;
                float:left;
                clear:right;
                width:65%;
                padding:0;
                margin:0;
                margin-left:8px;
            }

            .recommendation_consultant .tile .users-consultant .showconsultantdetails a{

            }


            .recommendation_consultant .tile .users-consultant .consultant-contact{
                display:none;
                clear:both;
                padding-top:15px;
            }

            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-phone,
            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-mobile,
            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-fax{
                display:block;
                padding:0px 0px 2px 0px;
                margin:0;
                font-size:.875rem;
            }

            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-mail,
            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-link{
                display:block;
                float:left;
               
                padding:8px 0px 0px 0px;
                margin:0;
            }
            .recommendation_consultant .tile .users-consultant .consultant-contact .consultant-mail{
                margin-right:15px;
            }

            .recommendation_accordion_container{
                padding:0 1rem 2rem 1rem!important;
                width:100%;
            }

            *[class*='ui-corner-']{
                -webkit-border-radius: 0!important;
                -webkit-border-top-left-radius: 0!important;
                -webkit-border-top-right-radius: 0!important;
                -webkit-border-bottom-left-radius: 0!important;
                -webkit-border-bottom-right-radius: 0!important;

                -moz-border-radius: 0!important;
                -moz-border-top-left-radius: 0!important;
                -moz-border-top-right-radius: 0!important;
                -moz-border-bottom-left-radius: 0!important;
                -moz-border-bottom-right-radius: 0!important;

                -o-border-radius: 0!important;
                -o-border-top-left-radius: 0!important;
                -o-border-top-right-radius: 0!important;
                -o-border-bottom-left-radius: 0!important;
                -o-border-bottom-right-radius: 0!important;

                 -ms-border-radius: 0!important;
                -ms-border-top-left-radius: 0!important;
                -ms-border-top-right-radius: 0!important;
                -ms-border-bottom-left-radius: 0!important;
                -ms-border-bottom-right-radius: 0!important;

                border-radius: 0!important;
                border-top-left-radius: 0!important;
                border-top-right-radius: 0!important;
                border-bottom-left-radius: 0!important;
                border-bottom-right-radius: 0!important;
            }


            .recommendation_accordion_container .ui-accordion-content{
                padding:1rem!important;
            }

            .recommendation_accordion_container .sortenberater_result_head strong{
                font-family: "HelveticaLight";
                font-weight: 100;
                /*line-height:1.2rem!important;*/
            }



            .recommendation_accordion_container .ui-state-active .sortenberater_result_head strong{
                font-family: "HelveticaRegular";
                font-weight: 600;
            }

            @media screen and (max-width:1100){
                 .recommendation_tablecontainer{
                    width:68%;
                 }
            }

            @media screen and (max-width:850px){
                 .recommendation_tablecontainer{
                    width:65%;
                 }
            }

            @media screen and (max-width:785px){
                 .recommendation_tablecontainer{
                    width:63%;
                 }
            }

            @media screen and (max-width:768px){
                .recommendation_tablecontainer{
                    display:block;
                    clear:both;
                    float:left;
                    width:100%;
                }
                .recommendation_consultant{
                    display:block;
                    float:left;
                    clear:both;
                    width:100%;
                }
                .recommendation_consultant .tile .users-consultant img{
                    width:120px!important;
                    float:left;
                    margin-bottom:5px;
                }
                .recommendation_consultant .tile .users-consultant .consultant-street,
                .recommendation_consultant .tile .users-consultant .consultant-address{
                    width: calc(100% - 10rem);
                }
            }

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

                 .recommendation_consultant .tile .users-consultant img{
                    width:85px!important;
                    float:left;
                    margin-bottom:5px;
                }
                 .recommendation_consultant .tile .users-consultant .consultant-street,
                    .recommendation_consultant .tile .users-consultant .consultant-address{
                    width: calc(100% - 6rem);
                }
            }


            .googlemap_events{
                display:block;
                clear:both;
                border:2px solid #ccc;
                width:100%!important;
                min-height:250px;
                height:500px;
            }

            .toolsortierung{
                display:block;
                float:left;
                clear:both;
                width:100%;
                background-color:#bbb691;
               padding: 0.9375rem 1.25rem;   
            }

            /* comparison table buttons */
            .button-wrapper{
                display:block;
                clear:both;
                padding:10px 0px;
            }

            .button-wrapper table{
                border:0px;
                padding:0px!important;
                margin:0px!important;
                width:100%;
            }

             .button-wrapper table td form{
                padding:0px;
                margin:0px;
             }

            .button-wrapper table td{
                padding:0px!important;
                margin:0px!important;
                text-align:left;
            }

            .button-wrapper table td .button-download{
                margin:0px!important;
            }

            .button-wrapper table td:last-child {
                text-align:right;
                padding-right:10px!important;
            }

            /* ende comparison table buttons */




            /* ------------------------------------------------- */

            .pagetype-start .mainstage .swiper-slide span,
            .pagetype-start-sub .mainstage .swiper-slide span,
            .pagetype-sub .mainstage .swiper-slide span,
            .opening h1,
            .textcontainer h1,
            .segment-cv_calendar .calendar-item.calendar-current-date .day,
            .segment-navibox .navibox-item h2,
            #sitemap li a,
            .pagetype-sub.closed .mainstage,
            .segment-cv_calendar h3,
            .zipsearch-segment.type-3 .crop-slide h2,
            #mode-logout h2,
            #maisberaterapp .ui-selectmenu-text,
            .tool-article .tool-topbar-userprofil span,
            .segment-favourites .tool-topbar-userprofil span,
            .tool-article .tool-topbar-topics span,
            .segment-favourites .tool-topbar-topics span,
            .zipsearch-segment.type-3 .crop-slide .consultant-name,
            h1,
            h1[class],
            .segment_group.group-layout-2 h2[class],
            #sitemap li ul li a,
            .segment_group h2,
            body.modern-page .linklist-layout-none .linklist_li .linklist_title,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_title,
            .migration-column-right .downloadlist h1,
            .downloadlist h1,
            .dl h1,
            .registration-form1.user-registration label,
            .registration-form1.promo-code-box label,
            .registration-snippet label,
            .contact-form label,
            .cultivent-userprofile label,
            .opening h3,
            .textcontainer h3,
            .opening h2,
            .textcontainer h2,
            footer h6,
            #offcanvas .search-consultant,
            #offcanvas .search-consultant h6,
            .segment-navibox .navibox-item,
            body.modern-page .linklist-layout-none .linklist_li h3,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li h3,
            .group-type-staffmember .group-body .consultant-title,
            .users-consultant .group-body .consultant-title,
            .segment-cv_calendar h4,
            .zipsearch-segment.type-3 .crop-slide .consultant-street,
            .zipsearch-segment.type-3 .crop-slide .consultant-address,
            .zipsearch-segment.type-3 .crop-slide .consultant-contact,
            #login #mode-login .login-box-links a,
            #mode-logout .login-done-links a,
            .pagetype-sub.closed .mainstage a,
            .button-primary,
            .button-secondary,
            .orderform .button-cancel,
            .segment-navibox .navibox-item .button-secondary,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form a,
            .mini-search .mini_search_link a,
            .segment_group .teaser-morelink a,
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a,
            .content.aw_sorteneberater input.reset,
            .segment_group .button-extra,
            body.modern-page .linklist-layout-none .button-extra,
            .tool-article .all-tools,
            .segment-favourites .all-tools,
            .orderform .button-action,
            .segment-navibox .navibox-item.navibox-item.highlight .button-secondary,
            .segment_group .teaser-box.highlight .teaser-morelink a,
            .segment-cv_calendar .radius_zip_sub,
            .jobportal .joboffercontainer button,
            button[type="submit"],
            input[type="button"],
            .button-secondary-orange,
            .calc_button,
            .button-download,
            .migration-column-right .downloadlist a,
            .downloadlist a,
            .dl a,
            .opening,
            .textcontainer,
            #sitemap li ul li ul li a,
            .migration-column-right .content.teaser-box,
            .content.teaser-box,
            .slideritem .slidercontent,
            .externalapp_segment,
            .segment-cv_calendar .calendar-infos-item,
            .ui-accordion.ui-widget,
            .segment-navibox .navibox-item a,
            .content.gallery-module .gallery_item_infobar h2,
            .content.gallery-module .gallery_item_infobar h2 a,
            #worldmap .worldmap_cols a,
            footer,
            .group-type-staffmember .group-body .staffmember-address,
            .users-consultant .group-body .staffmember-address,
            .group-type-staffmember .group-body .staffmember-phone,
            .users-consultant .group-body .staffmember-phone,
            .group-type-staffmember .group-body .staffmember-fax,
            .users-consultant .group-body .staffmember-fax,
            table th,
            table .style2_head,
            table .style3_head,
            table .style4_head,
            table .style5_head,
            table .style6_head,
            table .style7_head,
            table .style8_head,
            .slideritem h2 a,
            .ui-accordion .ui-accordion-header,
            .zipsearch-segment.type-3 .crop-slide .consultant-crops,
            #offcanvas .search-consultant h5,
            .group-type-staffmember .group-body h2,
            .users-consultant .group-body h2,
            footer .location span,
            footer a,
            a,
            .ui-accordion.ui-widget a,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teaser-morelink a,
            .segment-cv_calendar .calendar-item .day,
            footer .location,
            footer .sitemap,
            footer li a,
            #offcanvas #navigation-pointer,
            .ui-selectmenu-menu .ui-menu-item,
            #offcanvas li a,
            #offcanvas .offcanvas-top a,
            #offcanvas li.level4 a,
            #offcanvas li.level5 a,
            #offcanvas li.above-level5 a,
            #offcanvas li a.active {
                font-weight: normal
            }
            .pagetype-start .mainstage .swiper-slide span,
            .pagetype-start-sub .mainstage .swiper-slide span,
            .pagetype-sub .mainstage .swiper-slide span,
            .opening h1,
            .textcontainer h1,
            .segment-cv_calendar .calendar-item.calendar-current-date .day {
                font-family: 'HelveticaThin', sans-serif;
                font-size: 3.125rem;
                line-height: 1.2;
            }
            .segment-navibox .navibox-item h2,
            #sitemap li a {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.5625rem;
                line-height: 1.2
            }
            .pagetype-sub.closed .mainstage,
            .segment-cv_calendar h3,
            .zipsearch-segment.type-3 .crop-slide h2 {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.875rem;
                line-height: 1.2;
                /*
                 -moz-hyphens: auto;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto; 
                */
            }
            #mode-logout h2,
            #maisberaterapp .ui-selectmenu-text,
            .tool-article .tool-topbar-userprofil span,
            .tool-article .toolsortierung span,
            .segment-favourites .tool-topbar-userprofil span,
            .tool-article .tool-topbar-topics span,
            .segment-favourites .tool-topbar-topics span,
            .zipsearch-segment.type-3 .crop-slide .consultant-name {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.25rem;
                line-height: 1.2
            }
            h1,
            h1[class],
            .segment_group.group-layout-2 h2[class],
            #sitemap li ul li a,
            .segment_group h2,
            body.modern-page .linklist-layout-none .linklist_li .linklist_title,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_title {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.25rem
            }
            .migration-column-right .downloadlist h1,
            .downloadlist h1,
            .dl h1 {
                padding-left: 1.25rem;
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.875rem
            }
            .registration-form1.user-registration label,
            .registration-form1.promo-code-box label,
            .registration-snippet label,
            .contact-form label,
            .cultivent-userprofile label,
            .opening h3,
            .textcontainer h3 {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.9375rem;
                line-height: 1.5625rem
            }
            .opening h2,
            .textcontainer h2 {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.875rem;
                line-height: 1.2
            }
            footer h6,
            #offcanvas .search-consultant,
            #offcanvas .search-consultant h6,
            .segment-navibox .navibox-item,
            body.modern-page .linklist-layout-none .linklist_li h3,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li h3,
            .group-type-staffmember .group-body .consultant-title,
            .users-consultant .group-body .consultant-title,
            .segment-cv_calendar h4,
            .zipsearch-segment.type-3 .crop-slide .consultant-street,
            .zipsearch-segment.type-3 .crop-slide .consultant-address,
            .zipsearch-segment.type-3 .crop-slide .consultant-contact {
                font-family: 'HelveticaMedium', sans-serif;
                font-size: 0.8125rem;
            }
            #login #mode-login .login-box-links a,
            #mode-logout .login-done-links a,
            .pagetype-sub.closed .mainstage a,
            .button-primary {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.8125rem
            }
            .button-secondary,
            .orderform .button-cancel,
            .segment-navibox .navibox-item .button-secondary,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form a,
            .mini-search .mini_search_link a,
            .segment_group .teaser-morelink a,
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a,
            .content.aw_sorteneberater input.reset,
            .segment_group .button-extra,
            body.modern-page .linklist-layout-none .button-extra,
            .tool-article .all-tools,
            .segment-favourites .all-tools,
            .orderform .button-action,
            .segment-navibox .navibox-item.navibox-item.highlight .button-secondary,
            .segment_group .teaser-box.highlight .teaser-morelink a,
            .segment-cv_calendar .radius_zip_sub,
            .jobportal .joboffercontainer button,
            button[type="submit"],
            input[type="button"],
            .button-secondary-orange,
            .calc_button {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.9375rem
            }
            .button-download,
            .migration-column-right .downloadlist a,
            .downloadlist a,
            .dl a {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.8125rem
            }
            .opening,
            .textcontainer,
            #sitemap li ul li ul li a,
            .migration-column-right .content.teaser-box,
            .content.teaser-box,
            .slideritem .slidercontent,
            .externalapp_segment,
            .segment-cv_calendar .calendar-infos-item,
            .ui-accordion.ui-widget {
                font-family: 'HelveticaRegular', sans-serif;
                font-size: 0.9375rem;
                line-height: 1.5625rem;
            }




            .segment-navibox .navibox-item a,
            .content.gallery-module .gallery_item_infobar h2,
            .content.gallery-module .gallery_item_infobar h2 a,
            #worldmap .worldmap_cols a,
            footer,
            .group-type-staffmember .group-body .staffmember-address,
            .users-consultant .group-body .staffmember-address,
            .group-type-staffmember .group-body .staffmember-phone,
            .users-consultant .group-body .staffmember-phone,
            .group-type-staffmember .group-body .staffmember-fax,
            .users-consultant .group-body .staffmember-fax {
                font-family: 'HelveticaRegular', sans-serif;
                font-size: 0.8125rem;
                line-height: 1.25rem
            }
            table th,
            table .style2_head,
            table .style3_head,
            table .style4_head,
            table .style5_head,
            table .style6_head,
            table .style7_head,
            table .style8_head,
            .slideritem h2 a,
            .ui-accordion .ui-accordion-header {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.9375rem;
                line-height: 1.25rem!important;
            }
            .zipsearch-segment.type-3 .crop-slide .consultant-crops {
                font-family: 'HelveticaBold', sans-serif;
                font-size: 0.8125rem;
                line-height: 1.25rem
            }
            #offcanvas .search-consultant h5,
            .group-type-staffmember .group-body h2,
            .users-consultant .group-body h2 {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.25rem;
                line-height: 1.5rem;
            }
            footer .location span,
            footer a,
            a,
            .ui-accordion.ui-widget a,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teaser-morelink a {
                font-family: 'HelveticaBold', sans-serif
            }
            .segment-cv_calendar .calendar-item .day {
                font-family: 'HelveticaThin', sans-serif;
                font-size: 1.875rem;
                line-height: 1
            }
            footer .location,
            footer .sitemap,
            footer li a {
                font-family: 'HelveticaRegular', sans-serif;
                font-size: 0.8125rem
            }
            #offcanvas #navigation-pointer,
            .ui-selectmenu-menu .ui-menu-item,
            #offcanvas li a,
            #offcanvas .offcanvas-top a,
            #offcanvas li.level4 a,
            #offcanvas li.level5 a,
            #offcanvas li.above-level5 a,
            #offcanvas li a.active {
                display: block;
                margin-bottom: 1.25rem;
                padding-bottom: 0.625rem;
                font-size: 0.8125rem;
                line-height: 1rem
            }
            #offcanvas #navigation-pointer {
                font-family: 'HelveticaMedium', sans-serif
            }
            .ui-selectmenu-menu .ui-menu-item,
            #offcanvas li a,
            #offcanvas .offcanvas-top a {
                font-family: 'HelveticaMedium', sans-serif;
                text-transform: uppercase
            }
            .ui-selectmenu-menu .ui-menu-item,
            #offcanvas li.level4 a,
            #offcanvas li.level5 a,
            #offcanvas li.above-level5 a {
                font-family: 'HelveticMedium', sans-serif;
                text-transform: none
            }
            #offcanvas li a.active {
                font-family: 'HelveticaBold', sans-serif
            }


            .dl_pdf{
                min-height:170px;
            }


            @media screen and (max-width: 640px) {
                .pagetype-sub.closed .mainstage,
                .segment-cv_calendar h3,
                .zipsearch-segment.type-3 .crop-slide h2 {
                    font-size: 1.875rem
                }
                .pagetype-start .mainstage .swiper-slide span,
                .pagetype-start-sub .mainstage .swiper-slide span,
                .pagetype-sub .mainstage .swiper-slide span,
                .opening h1,
                .textcontainer h1,
                .segment-cv_calendar .calendar-item.calendar-current-date .day {
                    font-size: 1.5625rem
                }
                .opening h2,
                .textcontainer h2 {
                    font-size: 1.125rem
                }



            }

            header a {
                color: #1a1a1a;
                text-decoration: none
            }
            header a:hover {
                color: #ff6c00
            }
            #login #mode-login .login-box-links a,
            #mode-logout .login-done-links a,
            .pagetype-sub.closed .mainstage a {
                display: block;
                margin-bottom: 1.5625rem;
                color: #ffb06e;
                text-decoration: none;
                text-transform: uppercase
            }
            #login #mode-login .login-box-links a:hover,
            #mode-logout .login-done-links a:hover,
            .pagetype-sub.closed .mainstage a:hover {
                color: white
            }
            #offcanvas .search-consultant a {
                display: inline-block;
                margin-top: 0.625rem;
                text-transform: uppercase
            }
            .button-primary {
                display: block;
                border: none;
                padding: 0.3125rem 0;
                width: 100%;
                text-align: center;
                color: white;
                line-height: 2.5rem;
                text-transform: uppercase;
                background-color: #ff6c00
            }
            .button-primary:hover {
                color: white;
                background-color: #5c6970;
                text-decoration: none
            }
            .button-primary:active {
                background-color: #ff6c00
            }
            .button-secondary,
            .orderform .button-cancel,
            .segment-navibox .navibox-item .button-secondary,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form a,
            .mini-search .mini_search_link a,
            .segment_group .teaser-morelink a,
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a,
            .content.aw_sorteneberater input.reset {
                border: none;
                background-color: #87888a;
                padding: 0 1.25rem;
                color: white;
                line-height: 1.875rem;
                text-transform: uppercase;
            }
            .button-secondary:hover,
            .orderform .button-cancel:hover,
            .segment-navibox .navibox-item .button-secondary:hover,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form a:hover,
            .mini-search .mini_search_link a:hover,
            .segment_group .teaser-morelink a:hover,
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a:hover,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a:hover,
            .content.aw_sorteneberater input.reset:hover {
                color: white;
                background-color: #5c6970;
                text-decoration: none
            }
            .button-secondary:active,
            .orderform .button-cancel:active,
            .segment-navibox .navibox-item .button-secondary:active,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form a:active,
            .mini-search .mini_search_link a:active,
            .segment_group .teaser-morelink a:active,
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a:active,
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a:active,
            .content.aw_sorteneberater input.reset:active {
                background-color: #ff6c00
            }
            .segment_group .button-extra,
            body.modern-page .linklist-layout-none .button-extra,
            .tool-article .all-tools,
            .segment-favourites .all-tools {
                border: 1px solid #87888a;
                padding: 0.4375rem 1.25rem;
                color: #87888a;
                text-transform: uppercase;
                float:right!important;
                display:block;
                margin:-50px 0px 0px 0px;
            }
            .segment_group .button-extra:hover,
            body.modern-page .linklist-layout-none .button-extra:hover,
            .tool-article .all-tools:hover,
            .segment-favourites .all-tools:hover {
                border: 1px solid #5c6970;
                color: #5c6970;
                text-decoration: none
            }
            .segment_group .button-extra:active,
            body.modern-page .linklist-layout-none .button-extra:active,
            .tool-article .all-tools:active,
            .segment-favourites .all-tools:active {
                border: 1px solid #ff6c00;
                color: #ed6d00
            }
            .orderform .button-action,
            .segment-navibox .navibox-item.navibox-item.highlight .button-secondary,
            .segment_group .teaser-box.highlight .teaser-morelink a,
            .segment-cv_calendar .radius_zip_sub,
            .jobportal .joboffercontainer button,
            button[type="submit"],
            input[type="button"],
            .button-secondary-orange,
            .calc_button {
                display: block;
                border: 1px solid white;
                background-color: #ff6c00;
                padding: 0 1.25rem;
                color: white;
                line-height: 1.75rem;
                text-transform: uppercase
            }
            .orderform .button-action:hover,
            .segment-navibox .navibox-item.navibox-item.highlight .button-secondary:hover,
            .segment_group .teaser-box.highlight .teaser-morelink a:hover,
            .segment-cv_calendar .radius_zip_sub:hover,
            .jobportal .joboffercontainer button:hover,
            button[type="submit"]:hover,
            input[type="button"]:hover,
            .button-secondary-orange:hover,
            .calc_button:hover {
                color: white;
                background-color: #ed6d00;
                text-decoration: none
            }
            .orderform .button-action:active,
            .segment-navibox .navibox-item.navibox-item.highlight .button-secondary:active,
            .segment_group .teaser-box.highlight .teaser-morelink a:active,
            .segment-cv_calendar .radius_zip_sub:active,
            .jobportal .joboffercontainer button:active,
            button[type="submit"]:active,
            input[type="button"]:active,
            .button-secondary-orange:active,
            .calc_button:active {
                background-color: #ff6c00
            }
            .button-download,
            .migration-column-right .downloadlist a,
            .downloadlist a,
            .dl a {
                display: block;
                margin-top: 0.9375rem;
                width: 10.9375rem;
                padding-left: 2.8125rem;
                color: #87888a;
                line-height: 1.875rem;
                text-transform: uppercase;
                background: url(../images/icon_download.svg) left center no-repeat #e5e3d3
            }
            .button-download {
                height: 30px;
                width: 30px;
                padding: 0px;
                display: inline-block
            }
            footer .location span,
            footer a {
                text-transform: uppercase;
                color: #ffbfa3;
                text-decoration: none
            }
            footer .location span:hover,
            footer a:hover {
                text-decoration: underline
            }
            a,
            .ui-accordion.ui-widget a,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teaser-morelink a {
                color: #ed6d00;
                text-decoration: none
            }
            a:hover,
            .ui-accordion.ui-widget a:hover,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teaser-morelink a:hover {
                text-decoration: underline
            }
            .segment-navibox .navibox-item a,
            .content.gallery-module .gallery_item_infobar h2,
            .content.gallery-module .gallery_item_infobar h2 a,
            #worldmap .worldmap_cols a {
                color: #1a1a1a;
                text-decoration: none;
                text-transform: none
            }
            .segment-navibox .navibox-item a:hover,
            .content.gallery-module .gallery_item_infobar h2:hover,
            .content.gallery-module .gallery_item_infobar h2 a:hover,
            #worldmap .worldmap_cols a:hover {
                color: #ed6d00
            }
            footer .location,
            footer .sitemap,
            footer li a {
                text-transform: none;
                color: white
            }
            footer .location:hover,
            footer .sitemap:hover,
            footer li a:hover {
                text-decoration: underline
            }

            footer .socials a {
                display: block;
                float: left;
                margin: 0 0.625rem 0.9375rem 0;
                width: 1.8rem;
                height: 1.8rem;
                background-position: left center;
                background-repeat: no-repeat;
            }


            footer .socials a:hover {
                text-decoration: none
            }
            footer .socials a.facebook {
                background-image: url(../images/icon_facebook.svg);
                 background-size:1.8rem 1.8rem;

            }
            footer .socials a.linkedin {
                background-image: url(../images/icon_linkedin.svg);
                 background-size:1.6rem 1.6rem;
            }
            footer .socials a.xing {
                background-image: url(../images/icon_xing.svg);
                  background-size:1.8rem 1.8rem;
            }
            footer .socials a.twitter {
                background-image: url(../images/icon_twitter.svg);
                  background-size:1.6rem 1.6rem;
            }
            footer .socials a.youtube {
                width: 3.2rem;
                background-image: url(../images/icon_youtube.svg);
                 background-size:3.2rem, 1.8rem;
            }
            footer .socials a.flickr {
                background-image: url(../images/icon_flickr.svg);
                  background-size:1.8rem 1.8rem;
            }
            footer .socials a.slideshare {
                background-image: url(../images/icon_slideshare.svg);
                  background-size:1.8rem 1.8rem;
            }
            footer .location {
                display: block;
                padding: 0.4375rem 0 0 2.625rem;
                height: 1.875rem;
                line-height: 1.1;
                background: url(../images/icon_location.svg) left center no-repeat
            }
            @media screen and (max-width: 640px) {
                footer .location {
                    left-right: 2.5rem
                }
            }
            footer .sitemap {
                display: block;
                margin-bottom: 0.375rem;
                padding: 0.1875rem 0 0 2.625rem;
                height: 1.875rem;
                background: url(../images/icon_sitemap.svg) left center no-repeat;
                background-size: 1.5625rem
            }
            @media screen and (max-width: 640px) {
                footer .sitemap {
                    padding-left: 2.5rem
                }
            }
            .ui-selectmenu-menu .ui-menu-item,
            #offcanvas li a,
            #offcanvas .offcanvas-top a,
            #offcanvas li.level4 a,
            #offcanvas li.level5 a,
            #offcanvas li.above-level5 a,
            #offcanvas li a.active {
                color: #1a1a1a;
                text-decoration: none
            }
            #offcanvas li.above-level5 a {
                margin-left: 0.625rem
            }
            #offcanvas li a.current {
                color: #ed6d00 !important;
                background: url(../images/bg_navigation_hover.png) left bottom no-repeat
            }
            .ui-selectmenu-menu .ui-menu-item:hover,
            #offcanvas li a:hover,
            #offcanvas .offcanvas-top a:hover {
                color: #1a1a1a;
                background: url(../images/bg_navigation_hover.png) left bottom no-repeat
            }
            #offcanvas li a.active:hover {
                color: #ed6d00;
                background: url(../images/bg_navigation_hover.png) left bottom no-repeat
            }
            * {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }
            body,
            html {
                width: 100%;
                background-color: #87888a;
                overflow-x: hidden
            }
            
            #vp {
                display: none;
            }
            @media screen and (max-width: 640px) {
                #vp {
                    width: 1px!important;
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                #vp {
                    width: 2px!important;
                }
            }
            @media screen and (min-width: 1024px) and (max-width: 1279px) {
                #vp {
                    width: 3px!important;
                }
            }
            @media screen and (min-width: 1280px) {
                #vp {
                    width: 4px!important;
                }
            }

            #root {
                position: relative;
                display: block;
                overflow-x: hidden;
                margin: 0 auto;
                width: 100%;
                max-width: 1280px;
                color: #1a1a1a;
                padding: 0 0 0 9.375rem;
                background-color: #e4e1cd
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                #root {
                    padding-left: 0
                }
            }
            @media screen and (max-width: 640px) {
                #root {
                    padding-left: 0
                }
            }
            header {
                height: 0
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                header {
                    height: 3.75rem
                }
            }
            @media screen and (max-width: 640px) {
                header {
                    height: 6.5rem!important;
                }
            }
            main {
                position: relative;
                float: left;
                width: 100%;
                max-width: 70.625rem;
                background-color: white;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            #worldmap {
                display: none
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                margin: 0
            }
            h1 {
                padding: 1.5625rem 0;
                line-height: 1
            }
            ul,
            li {
                margin: 0;
                padding: 0
            }
            .clear {
                clear: both;
                height: 0
            }
            .img-responsive,
            .content.teaser-box .teaser-intro-node img,
            .content.teaser-box .teaser-images img,
            .slideritem .teaser-intro-node img,
            .slideritem .teaser-images img,
            body.modern-page .linklist-layout-none .li_text_pic img,
            body.migration-page .migration-column-left .linklist-layout-none .li_text_pic img,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box img.teaser-image,
            .content.gallery-module .gallery_image_wrapper img {
                display: block;
                max-width: 100%
            }
            .table-responsive {
                display:block!important;
                overflow-x: auto;
            }
            .table-responsive .highlight {
                color: white;
                background-color: #ff6c00
            }

            #offcanvas {
                float: left;
                margin-left: -9.375rem;
                width: 9.375rem;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            #offcanvas .offcanvas-top {
                margin: 0 -0.625rem 1.875rem -1.0625rem
            }

            #offcanvas{
                /*Keine hyphens in der Navi, hier soll &shy; umrechen, das als <wbr/> in den title eingegeben wird */
                -ms-hyphens: manual!important;
                -moz-hyphens: manual!important;
                -webkit-hyphens: manual!important;
                -o-hyphens: manual!important;
                hyphens:manual!important;

                padding: 9.375rem 0.625rem 0 1.0625rem;
                background-color: #e4e1cd;
            }
            #offcanvas li {
                list-style: none inside;
            }
            #offcanvas .offcanvas-top {
                padding: 5rem 0 0 1.0625rem;
                background-color: #f1f0e4
            }
            @media screen and (max-width: 640px) {
                #offcanvas .offcanvas-top {
                    padding-top: 3.375rem;
                }
            }
            #offcanvas .newvariety {
                display: none
            }
            #offcanvas:target {
                -moz-transform: translateX(9.375rem);
                -ms-transform: translateX(9.375rem);
                -webkit-transform: translateX(9.375rem);
                transform: translateX(9.375rem)
            }
            #offcanvas:target ~ header .button-menu {
                display: none;
            }
            #offcanvas:target ~ header .button-menu-close {
                display: block;
            }

            .button-menu:hover,
            .button-menu-close:hover{
                text-decoration: none;
            }

            #offcanvas:target ~ main {
                -moz-transform: translateX(9.375rem);
                -ms-transform: translateX(9.375rem);
                -webkit-transform: translateX(9.375rem);
                transform: translateX(9.375rem)
            }
            @media screen and (min-width: 1024px) {
                #offcanvas:target,
                #offcanvas:target ~ main {
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }
            .closed .logo-left,
            .logo-left,
            .closed .logo-kws,
            .logo-kws {
                width: 9.375rem;
                height: 9.375rem;
                background-size: contain;
                background-position: top left;
                background-repeat: no-repeat;
                z-index: 40
            }
            .closed .logo-left,
            .logo-left {
                position: absolute;
                top: 0;
                left: 0;
                background-image: url(../images/logo_zukunft.png);
                background-color: #ff6c00
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .closed .logo-left,
                .logo-left {
                    top: 3.75rem
                }
            }
            @media screen and (max-width: 640px) {
                .closed .logo-left,
                .logo-left {
                    top: 6.5rem;
                    width: 4.6875rem;
                    height: 4.6875rem
                }
            }
            .closed .logo-left {
                background-image: url(../images/logo_cultivent.png)
            }
            .closed .logo-kws,
            .logo-kws {
                position: absolute;
                top: 0;
                left: 9.375rem;
                background-image: url(../images/logo_kws.png)
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .closed .logo-kws,
                .logo-kws {
                    top: 3.75rem
                }
            }
            @media screen and (max-width: 640px) {
                .closed .logo-kws,
                .logo-kws {
                    top: 6.5625rem;
                    left: 4.6875rem;
                    width: 4.6875rem;
                    height: 4.6875rem
                }
            }
            .closed .logo-kws {
                border-bottom: 1px solid #cfcec4
            }
            #login,
            #login.js-login-active {
                position: relative;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 40;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            #login span,
            #login.js-login-active span {
                display: block;
                width: 100%;
                height: 100%
            }
            #login {
                width: 9.375rem;
                height: 9.375rem
            }
            @media screen and (max-width: 640px) {
                #login {
                    top:22px;
                    width: 4.6875rem;
                    height: 4.6875rem
                }
                #login.js-login-active {
                    top:22px;
                }
            }
            #login form,
            #login div {
                display: none
            }
            #login.js-login-active {
                width: 18.75rem;
                height: 18.75rem
            }
            #login.js-login-active form,
            #login.js-login-active div {
                display: block
            }
            #login #mode-login {
                width: 100%;
                height: 100%
            }
            #login #mode-login form {
                position: absolute;
                bottom: 1.875rem;
                left: 1.25rem;
                margin-right: 1.25rem
            }
            #login #mode-login .login-box-links {
                position: absolute;
                top: 1.875rem;
                right: 1.25rem;
                width: 8.125rem
            }
            #login #mode-login .login-box-links a {
                display: block;
                margin-bottom: 0.625rem
            }
            #login input,
            #login.js-login-active input,
            #login.login-done input {
                margin-bottom: 0.0625rem;
                border: none;
                width: 100%;
                padding: 0.8125rem 0.625rem 0.6875rem 0.625rem;
                font-size: 0.8125rem;
                background-color: white
            }
            #login input[type=password] {
                float: left;
                margin-right: 0.0625rem;
                width: calc(100% - 2.5625rem)
            }
            #login button,
            #login.js-login-active button,
            #login.login-done button {
                border: none;
                width: 2.5rem;
                height: 2.5rem;
                background: url(../images/icon_arrow_right.svg) center center no-repeat #fff;
                background-size: 1.25rem
            }
            #mode-logout {
                display: block;
                width: 100%;
                height: 100%
            }
            #mode-logout h2 {
                min-height: 3.125rem
            }
            #mode-logout a {
                display: block;
                width: 100%;
                height: 100%
            }
            #mode-logout>div {
                position: absolute;
                top: 10.625rem;
                left: 1.25rem;
                height: 5rem;
                color: white
            }
            #mode-logout .login-done-links {
                margin-top: 1.25rem
            }
            #mode-logout .login-done-links a {
                display: block;
                margin-bottom: 0.625rem
            }
            #login {
                background: url(../images/logo_cultivent_login.png) left top no-repeat #ff6c00;
                background-size: 100%
            }
            #login.js-login-active {
                background: url(../images/logo_cultivent.png) left top no-repeat #ff6c00;
                background-size: 50%
            }
            #login.login-done {
                background: url(../images/logo_cultivent.png) left top no-repeat #ff6c00;
                background-size: cover;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            #login.login-done.js-login-active {
                background-size: 50%
            }
            #login.pwd-forgot form {
                color: white
            }
            #login.pwd-forgot span {
                display: block;
                margin: 0 0 0.625rem 0
            }
            #login.pwd-forgot input[type=email] {
                float: left;
                margin-right: 0.0625rem;
                width: calc(100% - 2.5625rem)
            }
            #login.js-login-active #forgot-password {
                display: none
            }
            #login.js-login-active.pwd-forgot #cvlogin {
                display: none
            }
            #login.js-login-active.pwd-forgot #forgot-password {
                display: block
            }
            #login.js-login-active.pwd-forgot .login-box-links {
                display: none
            }
            #login,
            #login div#mode-logout,
            #login div#mode-login {
                display: none
            }
            #login.visible-box {
                display: block
            }
            .form-search {
                position: absolute;
                top: 10.9375rem;
                left: 1.0625rem;
                z-index: 50
            }
            .form-search button {
                position: absolute;
                top: 0;
                right: 0
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .form-search {
                    left: auto;
                    top: 0;
                    right: 0;
                    width: 9.375rem
                }
                .form-search button {
                    top: 1rem;
                    right: 0.9375rem
                }
            }
            @media screen and (max-width: 640px) {
                .form-search {
                    right: auto;
                    top: 0;
                    left: 0;
                    width: 100%
                }
                .form-search button {
                    top: 4rem;
                    right: 0
                }
            }
            .form-search input {
                margin-bottom: 0;
                -webkit-appearance: none;
                border-radius: 0
            }
            .form-search button {
                border: none;
                width: 1.25rem;
                height: 1.25rem;
                background: url(../images/icon_search.svg) center center no-repeat;
                background-size: cover
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .form-search {
                    padding: 1rem 0.9375rem 1.1875rem 1.0625rem;
                    background-color: #f1f0e4
                }
            }
            @media screen and (max-width: 640px) {

                .form-search {
                    padding: 1.5625rem 0.625rem 0.6875rem 0.625rem;
                    background-color: #f8f8f8;
                }
                .form-search input {
                    -moz-border-radius: 0.3125rem;
                    -webkit-border-radius: 0.3125rem;
                    border-radius: 0.3125rem;
                    border: none !important;
                    width: 100% !important;
                    padding: 0.375rem !important;
                    background-color: #e6e6e8 !important
                }
                .form-search button {
                    width: 4.6875rem;
                    height: 2.5rem;
                    background-color: #f1f0e4;
                    background-size: 1.25rem
                }
            }

            body.closed .form-search{
                display:block;
            }


            .button-menu,
            .button-menu-close {
                display: none;
                z-index: 20
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .button-menu,
                .button-menu-close {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 3.75rem
                }
            }
            @media screen and (max-width: 640px) {
                .button-menu,
                .button-menu-close {
                    display: block;
                    position: absolute;
                    top: 4rem;
                    left: 0;
                    width: 100%;
                    height: 2.5rem
                }
            }
            .button-menu,
            .button-menu-close {
                padding: 1.3125rem 0 0 3.3125rem;
                font-size: 0.9375rem;
                background-position: 1.5rem center;
                background-repeat: no-repeat;
                background-size: 1.625rem;
                background-color: #e4e1cd
            }
            @media screen and (max-width: 640px) {
                .button-menu,
                .button-menu-close {
                    padding: 0.6875rem 0 0 2.6875rem;
                    background-position: 0.875rem center
                }
            }

            @media screen and (max-width: 640px) {
                body.closed .button-menu,
                body.closed .button-menu-close {
                   top: 4rem;
                }
                body.closed .logo-left,
                body.closed .logo-kws {
                    top: 6.5rem;
                }
                body.closed header {
                    height: 6.5rem;

                }
            }


            .button-menu {
                background-image: url(../images/icon_menu.svg)
            }
            .button-menu-close {
                display: none;
                background-image: url(../images/icon_close.svg)
            }
            .pagetype-start .mainstage,
            .pagetype-start-sub .mainstage,
            .pagetype-sub .mainstage,
            .pagetype-sub.closed .mainstage {

                
                
                margin: 0 0 1.5rem 0;
                background-position: center center;
                background-size: cover;
               

                 /*
              
                width:calc(100% - 300px);
                margin-left:150px;
                 background-position: top left;
                background-size: 100%;
                background-repeat:no-repeat;
                */
                
            }
            .pagetype-start .mainstage .swiper-slide,
            .pagetype-start-sub .mainstage .swiper-slide,
            .pagetype-sub .mainstage .swiper-slide {
                background-position: center center;
                background-size: cover;
            }
            .pagetype-start .mainstage .swiper-wrapper,
            .pagetype-start-sub .mainstage .swiper-wrapper,
            .pagetype-sub .mainstage .swiper-wrapper,
            .pagetype-start .mainstage .swiper-container,
            .pagetype-start-sub .mainstage .swiper-container,
            .pagetype-sub .mainstage .swiper-container,
            .pagetype-start .mainstage .swiper-slide,
            .pagetype-start-sub .mainstage .swiper-slide,
            .pagetype-sub .mainstage .swiper-slide {
                width: 100%
            }
            .pagetype-start .mainstage .swiper-slide span,
            .pagetype-start-sub .mainstage .swiper-slide span,
            .pagetype-sub .mainstage .swiper-slide span {
                display: block;
                padding: 13.75rem 2.5rem;
                color: white
            }
            .pagetype-start .mainstage .mainstage-pagination,
            .pagetype-start-sub .mainstage .mainstage-pagination,
            .pagetype-sub .mainstage .mainstage-pagination {
                position: absolute;
                bottom: 1.125rem;
                left: 0;
                width: 100%;
                text-align: center
            }
            @media screen and (max-width: 640px) {
                .pagetype-start .mainstage .mainstage-pagination,
                .pagetype-start-sub .mainstage .mainstage-pagination,
                .pagetype-sub .mainstage .mainstage-pagination {
                    position: relative;
                    margin: 1.25rem 0 0 0;

                }
            }
            .pagetype-start .mainstage {
                height: 28.125rem;
            }
            .pagetype-start .mainstage .swiper-wrapper,
            .pagetype-start .mainstage .swiper-container,
            .pagetype-start .mainstage .swiper-slide {
                height: 28.125rem
            }
            @media screen and (max-width: 640px) {
                .pagetype-start .mainstage .swiper-wrapper,
                .pagetype-start .mainstage .swiper-container,
                .pagetype-start .mainstage .swiper-slide {
                    height: 14.0625rem;
                }

                 /* Case  33067*/
                 .swiper-slide span{
                    position:absolute!important;
                    top:100px!important;
                    z-index:999!important;
                    display:block!important;
                    padding:0!important;
                    float:left!important;
                    height:auto!important;
                    padding:0 0 0 1rem!important;
                }

            }
            @media screen and (max-width: 640px) {
                .pagetype-start .mainstage {
                    height: 14.0625rem;

                }
            }
            .pagetype-start-sub .mainstage {
                height: 18.75rem;

            }
            .pagetype-start-sub .mainstage .swiper-wrapper,
            .pagetype-start-sub .mainstage .swiper-container,
            .pagetype-start-sub .mainstage .swiper-slide {
                height: 18.75rem
            }
            @media screen and (max-width: 640px) {
                .pagetype-start-sub .mainstage .swiper-wrapper,
                .pagetype-start-sub .mainstage .swiper-container,
                .pagetype-start-sub .mainstage .swiper-slide {
                    height: 9.375rem;

                }
            }
            @media screen and (max-width: 640px) {
                .pagetype-start-sub .mainstage {
                    height: 9.375rem;
                    
                }
            }
            .pagetype-sub .mainstage,
            .pagetype-sub.closed .mainstage {
                height: 9.375rem;

            }
            .pagetype-sub .mainstage .swiper-wrapper,
            .pagetype-sub .mainstage .swiper-container,
            .pagetype-sub .mainstage .swiper-slide {
                height: 9.375rem
            }
            @media screen and (max-width: 640px) {
                .pagetype-sub .mainstage .swiper-wrapper,
                .pagetype-sub .mainstage .swiper-container,
                .pagetype-sub .mainstage .swiper-slide {
                    height: 4.6875rem!important;
                }
            }
            @media screen and (max-width: 640px) {
                .pagetype-sub .mainstage,
                .pagetype-sub.closed .mainstage {
                    height: 4.6875rem;
                    /* Case 35945 */
                    /*margin-top:22px!important;*/
                }
            }

            @media screen and (max-width: 640px) {
                .closed header{
                    height:104px!important;
                }

                header{
                    height:82px!important;
                }

                .mainstage a{
                    right:0!important;
                    margin-right:15px!important;
                }

                .logo-kws{
                    top:104px!important;
                }
            }
            .pagetype-sub.closed .mainstage {
                padding: 2.1875rem 2.1875rem 0 0;
                text-align: right;
                color: white;
                background-color: #ff6c00
            }
            .pagetype-sub.closed .mainstage a {
                position: absolute;
                top: 7.1875rem;
                right: 2.1875rem
            }
            @media screen and (max-width: 640px) {
                .pagetype-sub.closed .mainstage {
                    padding: 0.625rem 0.9375rem 0 0;
                    font-size: 1rem;
                }
                .pagetype-sub.closed .mainstage a {
                    top: 3.25rem;
                    right: 0.9375rem!important;
                }
            }
            .cultivent-headimage {
                margin-left: 1.25rem
            }
            .migration-column-left {
                float: left;
                width: 75%
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .migration-column-left {
                    width: 100%;
                    margin-bottom: 2.5rem
                }
                .migration-column-left .content {
                    width: calc(100% - 2.125rem - 1.25rem)
                }
            }
            @media screen and (max-width: 640px) {
                .migration-column-left {
                    width: 100%;
                    margin-bottom: 2.5rem
                }
                .migration-column-left .content {
                    width: calc(100% - 2.125rem - 1.25rem)
                }
            }
            .migration-column-right {
                float: left;
                padding: 0 2.125rem 0 1.25rem;
                width: 25%
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .migration-column-right {
                    padding: 0;
                    width: 100%
                }
                .migration-column-right .content {
                    width: calc(100% - 2.125rem - 1.25rem)
                }
            }
            @media screen and (max-width: 640px) {
                .migration-column-right {
                    padding: 0;
                    width: 100%
                }
                .migration-column-right .content {
                    width: calc(100% - 2.125rem - 1.25rem)
                }
            }
            footer {
               width: 100vw;
                max-width: 1280px;
                padding: 3.125rem 0 0 2.5rem;
            }
            @media screen and (min-width: 1024px) {
                footer {
                    margin-left: -9.375rem;
                    padding-left: 9.375rem
                }
            }
            footer {
                color: white;
                background-color: #ff6c00;
            }
            footer h6 {
                margin-bottom: 1.25rem;
                border-bottom: 1px solid #ff8429;
                padding: 0 0 0.25rem 0;
                text-transform: uppercase
            }
            footer ul {
                padding: 0
            }
            footer li {
                margin-bottom: 1.25rem;
                list-style: none inside none
            }
            footer li:last-child {
                margin-bottom: 0
            }
            footer article>div {
                float: left;
                margin: 0 2.5rem 0 0;
                border: none;
                padding: 0;
                width: calc(25% - 40px)
            }
            @media screen and (max-width: 640px) {
                footer article>div {
                    margin-bottom: 3.75rem;
                    width: 100%
                }
                footer article>div:last-child {
                    margin-bottom: 0
                }
            }
            footer .bottom-line {
                margin: 2.8125rem 0 0 0;
                width: calc(100% - 30px)
            }
            footer .bottom-line {
                border-top: 1px solid #ff8429;
                padding: 1.25rem 0 5rem 0
            }
            footer.lite .contact,
            footer.lite .more,
            footer.lite .socials {
                float: left;
                margin: 0 2.5rem 0 0;
                border: none;
                padding: 0;
                width: calc(33% - 40px)
            }
            @media screen and (max-width: 640px) {
                footer.lite .contact,
                footer.lite .more,
                footer.lite .socials {
                    width: 100%
                }
                footer.lite .contact,
                footer.lite .more {
                    margin-bottom: 2.5rem
                }
            }
            footer.lite article>div {
                width: 100%
            }
            .content {
                margin-left: 1.25rem;
                margin-bottom: 2.5rem;
                width: calc(100% - 1.25rem)
            }


            .content ul,
            .textcontainer ul {
                padding: 0 0 0 1rem
            }
            .content li,
            .textcontainer li {
                margin-bottom: 0.1875rem;
                list-style-type: disc
            }
            .content form,
            .textcontainer form {
                margin: 0 0 2.5rem 0;
                padding: 1.25rem
            }
            .content .calculator-wrapper form,
            .textcontainer .calculator-wrapper form {
                padding: 0
            }
            .nicescroll-rails div {
                border-radius: 0 !important
            }
            table {
                margin-bottom: 2.5rem;
                padding: 1.25rem;
                width: 100%;
                text-align: left;
                color: #333;
                background-color: #f1f0e4
            }
            table tr:nth-child(even) {
                background-color: #e4e1cd
            }
            table tr:nth-child(odd) {
                background-color: #f1f0e4
            }
            table p {
                margin: 0;
                padding: 0
            }
            table td {
                padding: 1.25rem 1.25rem 0.9375rem;
                text-align: left
            }
            table th {
                padding: 1.25rem;
                background-color: #ccc8a8;
                text-align: left
            }
            table .style2_head,
            table .style3_head,
            table .style4_head,
            table .style5_head,
            table .style6_head,
            table .style7_head,
            table .style8_head {
                padding: 1.25rem;
                background-color: #ccc8a8
            }
            input {
                border-radius: 0;
                -webkit-border-radius: 0
            }
            #offcanvas .search-consultant input,
            .externalapp_segment input {
                border: none;
                border-bottom: 1px solid #87888a;
                width: 100%;
                background-color: transparent
            }
            .registration-form1.user-registration input,
            .registration-form1.promo-code-box input,
            .registration-snippet input,
            .contact-form input,
            .registration-form1.user-registration textarea,
            .registration-form1.promo-code-box textarea,
            .registration-snippet textarea,
            .contact-form textarea,
            .orderform textarea,
            input[type="text"],
            input[type="password"],
            input[type="email"],
            input[type="number"],
            textarea {
                
                border: none;
                margin-bottom: 0.9375rem;
                padding: 0.75rem 0.6875rem;
                color: #87888a;
                font-size: 0.8125rem;
                background-color: white

            }
            .registration-form1.user-registration input::-webkit-input-placeholder,
            .registration-form1.promo-code-box input::-webkit-input-placeholder,
            .registration-snippet input::-webkit-input-placeholder,
            .contact-form input::-webkit-input-placeholder,
            .registration-form1.user-registration textarea::-webkit-input-placeholder,
            .registration-form1.promo-code-box textarea::-webkit-input-placeholder,
            .registration-snippet textarea::-webkit-input-placeholder,
            .contact-form textarea::-webkit-input-placeholder,
            .orderform textarea::-webkit-input-placeholder,
            input[type="text"]::-webkit-input-placeholder,
            input[type="password"]::-webkit-input-placeholder,
            input[type="email"]::-webkit-input-placeholder,
            input[type="number"]::-webkit-input-placeholder,
            textarea::-webkit-input-placeholder {
                color: #87888a
            }
            .registration-form1.user-registration input:-moz-placeholder,
            .registration-form1.promo-code-box input:-moz-placeholder,
            .registration-snippet input:-moz-placeholder,
            .contact-form input:-moz-placeholder,
            .registration-form1.user-registration textarea:-moz-placeholder,
            .registration-form1.promo-code-box textarea:-moz-placeholder,
            input[type="text"]:-moz-placeholder,
            input[type="password"]:-moz-placeholder,
            input[type="email"]:-moz-placeholder,
            input[type="number"]:-moz-placeholder,
            textarea:-moz-placeholder {
                color: #87888a
            }
            .registration-form1.user-registration input::-moz-placeholder,
            .registration-form1.promo-code-box input::-moz-placeholder,
            .registration-snippet input::-moz-placeholder,
            .contact-form input::-moz-placeholder,
            .registration-form1.user-registration textarea::-moz-placeholder,
            .registration-form1.promo-code-box textarea::-moz-placeholder,
            .registration-snippet textarea::-moz-placeholder,
            .contact-form textarea::-moz-placeholder,
            .orderform textarea::-moz-placeholder,
            input[type="text"]::-moz-placeholder,
            input[type="password"]::-moz-placeholder,
            input[type="email"]::-moz-placeholder,
            input[type="number"]::-moz-placeholder,
            textarea::-moz-placeholder {
                color: #87888a
            }
            .registration-form1.user-registration input:-ms-input-placeholder,
            .registration-form1.promo-code-box input:-ms-input-placeholder,
            .registration-snippet input:-ms-input-placeholder,
            .contact-form input:-ms-input-placeholder,
            .registration-form1.user-registration textarea:-ms-input-placeholder,
            .registration-form1.promo-code-box textarea:-ms-input-placeholder,
            input[type="text"]:-ms-input-placeholder,
            input[type="password"]:-ms-input-placeholder,
            input[type="email"]:-ms-input-placeholder,
            input[type="number"]:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                color: #87888a
            }
            .form-search input,
            .registration-form1.promo-code-box input,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip input,
            .segment-cv_calendar .radius_zip {
                border: none;
                border-bottom: 1px solid #87888a;
                border-radius: 0;
                width: 7.375rem;
                padding: 0.375rem 0 0.125rem 0;
                font-size: 0.8125rem;
                background-color: transparent
            }
            .form-search input::-webkit-input-placeholder,
            .registration-form1.promo-code-box input::-webkit-input-placeholder,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip input::-webkit-input-placeholder,
            .segment-cv_calendar .radius_zip::-webkit-input-placeholder {
                color: #87888a
            }
            .form-search input:-moz-placeholder,
            .registration-form1.promo-code-box input:-moz-placeholder,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip input:-moz-placeholder,
            .segment-cv_calendar .radius_zip:-moz-placeholder {
                color: #87888a
            }
            .form-search input::-moz-placeholder,
            .registration-form1.promo-code-box input::-moz-placeholder,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip input::-moz-placeholder,
            .segment-cv_calendar .radius_zip::-moz-placeholder {
                color: #87888a
            }
            .form-search input:-ms-input-placeholder,
            .registration-form1.promo-code-box input:-ms-input-placeholder,
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip input:-ms-input-placeholder,
            .segment-cv_calendar .radius_zip:-ms-input-placeholder {
                color: #87888a
            }
            .registration-form1.user-registration label,
            .registration-form1.promo-code-box label,
            .registration-snippet label,
            .contact-form label,
            .cultivent-userprofile label {
                display: block;
                margin-bottom: 0.1875rem
            }
            .registration-form1.user-registration .form-content-wrapper,
            .registration-form1.promo-code-box .form-content-wrapper,
            .registration-snippet .form-content-wrapper,
            .contact-form .form-content-wrapper {
                padding: 1.25rem;
                background-color: #e4e1cd
            }
            .registration-form1.user-registration input[type="radio"],
            .registration-form1.promo-code-box input[type="radio"],
            .registration-snippet input[type="radio"],
            .contact-form input[type="radio"] {
                margin: 0.625rem 0.625rem 1.875rem 1.875rem
            }
            .registration-form1.user-registration input[type="radio"]:first-child,
            .registration-form1.promo-code-box input[type="radio"]:first-child,
            .registration-snippet input[type="radio"]:first-child,
            .contact-form input[type="radio"]:first-child {
                margin-left: 0
            }
            .registration-form1.user-registration .survey_table table,
            .registration-form1.promo-code-box .survey_table table,
            .registration-snippet .survey_table table,
            .contact-form .survey_table table,
            .registration-form1.user-registration .survey_table td,
            .registration-form1.promo-code-box .survey_table td,
            .registration-snippet .survey_table td,
            .contact-form .survey_table td,
            .registration-form1.user-registration .survey_table tr,
            .registration-form1.promo-code-box .survey_table tr,
            .registration-snippet .survey_table tr,
            .contact-form .survey_table tr {
                margin: 0;
                padding: 0;
                background-color: #e4e1cd
            }
            .orderform .orderform-form-wrapper {
                padding: 1.25rem;
                background-color: #e4e1cd
            }
            .orderform input[type="checkbox"] {
                margin-right: 0.625rem
            }
            .orderform button {
                float: left;
                margin-right: 0.625rem
            }
            .registration-form1.user-registration input,
            .registration-form1.promo-code-box input,
            .registration-snippet input {
                width: 18.75rem
            }
            @media screen and (max-width: 640px) {
                .registration-form1.user-registration input,
                .registration-form1.promo-code-box input,
                .registration-snippet input {
                    width: 11.25rem
                }
            }
            .registration-form1.promo-code-box {
                max-width: 31.25rem;
                background-color: #e4e1cd;
            }
            .registration-form1.promo-code-box form {
                margin-bottom: 0
            }
            .registration-form1.promo-code-box input {
                width: 18.75rem;
                float: left;
                margin: 0 1.25rem 1.875rem 0
            }
            @media screen and (max-width: 640px) {
                .registration-form1.promo-code-box input {
                    width: 11.25rem;
                }
            }

            @media screen and (max-width: 320px) {
                /*portrait iphone*/
                .registration-form1.promo-code-box input {
                    width: 9.25rem!important;
                }
            }

            .registration-form1.promo-code-box .button-secondary {
                margin: -0.75rem 0 0 0
            }
            .cultivent-userprofile {
                padding: 1.25rem;
                background-color: #e4e1cd
            }
            .cultivent-userprofile input[type="text"],
            .cultivent-userprofile input[type="password"] {
               width: 18.75rem
            }
            @media screen and (max-width: 640px) {
                .cultivent-userprofile input[type="text"],
                .cultivent-userprofile input[type="password"] {
                    width: 11.25rem
                }
            }
            .cultivent-userprofile input[type="checkbox"] {
                margin: 0 0.625rem 0 0
            }
            .cultivent-userprofile #hnumber,
            .cultivent-userprofile #zip,
            .cultivent-userprofile #zip2,
            .cultivent-userprofile #zip3 {
                width: 7.5rem
            }
            .cultivent-userprofile .ui-selectmenu-button {
                width: 300px !important
            }
            .cultivent-userprofile .profile-name,
            .cultivent-userprofile .profile-street,
            .cultivent-userprofile .profile-phone {
                width: 100%
            }
            .cultivent-userprofile .profile-name p,
            .cultivent-userprofile .profile-street p,
            .cultivent-userprofile .profile-phone p {
                float: left;
                margin: 0 1.25rem 0 0
            }
            .cultivent-userprofile .profile-address {
                width: 100%
            }
            .cultivent-userprofile .profile-address p {
                float: left;
                margin: 0 1.25rem 0 0
            }
            .cultivent-userprofile .profile-address p:nth-child(3) {
                clear: in both
            }
            .cultivent-userprofile ul {
                padding: 0
            }
            .cultivent-userprofile li {
                list-style: none inside none
            }
            .cultivent-userprofile ul.crops-items>li {
                min-height: 60px
            }
            .cultivent-userprofile ul.crops-items>li>label,
            .cultivent-userprofile ul.crops-items>li>span.additional-field,
            .cultivent-userprofile ul.crops-items>li>span.additional-field label {
                display: inline-block;
                vertical-align: top
            }
            @media screen and (max-width: 640px) {
                .cultivent-userprofile ul.crops-items>li>label,
                .cultivent-userprofile ul.crops-items>li>span.additional-field,
                .cultivent-userprofile ul.crops-items>li>span.additional-field label {
                    display: block
                }
            }
            .cultivent-userprofile ul.crops-items>li>label,
            .cultivent-userprofile ul.crops-items>li>span.additional-field label {
                min-width: 200px
            }
            .cultivent-userprofile ul.crops-items>li>span.additional-field.hide-field {
                display: none
            }
            .cultivent-userprofile span.additional-field {
                display: block;
                white-space: nowrap
            }
            .cultivent-userprofile .additional-field label {
                min-width: 190px !important
            }
            .cultivent-userprofile .crops-items li {
                padding: 1.25rem;
                line-height: 2.5rem
            }
            .cultivent-userprofile .crops-items li:nth-child(even) {
                background-color: #f1f0e4
            }
            .cultivent-userprofile .crops-items li input {
                margin-bottom: 0
            }
            .cultivent-userprofile .crops-items li input[type="text"],
            .cultivent-userprofile .crops-items li input[type="passwort"] {
                width: 3.75rem
            }
            .cultivent-userprofile .kws_terms input[type="checkbox"] {
                float: left;
                margin-top: 0.3125rem
            }
            .cultivent-userprofile .kws_terms span {
                display: block;
                margin: 0 0 1.25rem 1.25rem
            }
            .cultivent-userprofile .changepassword-wrapper {
                background-color: #f1f0e4
            }
            .cultivent-userprofile .changepassword-wrapper h1 {
                margin-left: 1.25rem;
                padding-bottom: 1.25rem;
                cursor: pointer
            }
            .cultivent-userprofile .changepassword-wrapper form#changepw {
                display: none
            }
            .status-message {
                margin: 1.875rem 0 1.875rem 1.25rem;
                padding: 1.25rem 0 1.25rem 5rem;
                background: url(../images/icon_info.svg) 1.25rem center no-repeat;
                background-size: 2.5rem
            }
            .status-error {
                background-color: #efd7d1
            }
            .status-success {
                background-color: #cacf96
            }
            .status-info {
                background-color: #feedbf
            }
            .zipinfo,
            .cropinfo,
            .unsubscribeinfo {
                position: relative;
                margin: 1.875rem 0;
                padding: 1.25rem 1.25rem 1.25rem 5rem;
                background-image: url(../images/icon_info.svg);
                background-position: 1.25rem center;
                background-repeat: no-repeat;
                background-size: 2.5rem;
                background-color: #ccc8a8
            }
            .zipinfo span,
            .cropinfo span,
            .unsubscribeinfo span {
                display: block;
                position: absolute;
                bottom: -1.25rem;
                left: 1.25rem;
                width: 2.5rem;
                height: 1.25rem;
                background: url(../images/icon_arrow_down_dark.svg) center center no-repeat;
                background-size: cover
            }
            .registration-form1.user-registration,
            .registration-form1.promo-code-box,
            .registration-snippet,
            .contact-form,
            .orderform,
            .status-message,
            .opening,
            .textcontainer,
            #sitemap,
            .migration-column-right .content.teaser-box,
            .content.teaser-box,
            .staffmembersegment,
            .migration-column-right .downloadlist,
            .downloadlist,
            .dl,
            #maisberaterapp,
            .interactiveimage,
            main>.teaser-box,
            main>.varietylist {
                width: calc(100% - 2.125rem - 1.25rem)
            }
            @media screen and (max-width: 640px) {
                .registration-form1.user-registration,
                .registration-form1.promo-code-box,
                .registration-snippet,
                .contact-form,
                .orderform,
                .status-message,
                .opening,
                .textcontainer,
                #sitemap,
                .migration-column-right .content.teaser-box,
                .content.teaser-box,
                .staffmembersegment,
                .migration-column-right .downloadlist,
                .downloadlist,
                .dl,
                #maisberaterapp,
                .interactiveimage,
                main>.teaser-box,
                main>.varietylist {
                    width: calc(100% - 1.25rem - 1.25rem)
                }
            }
            .cultivent-headimage,
            .segment-navibox,
            .externalapp_segment,
            .group-type-staffmember,
            .users-consultant,
            .segment-cv_calendar,
            .tool-article,
            .segment-favourites,
            .zipsearch-segment.type-3 {
                width: calc(100% - 1.25rem);
               
            }

            h1[class]{
                padding: 1.5625rem 0 1.5625rem 5.625rem;
                line-height:1;
                background: left center no-repeat;
                background-size: 4.375rem
            }

            .segment_group.group-layout-2 h2[class] {
                /*padding: 1.5625rem 0 1.5625rem 5.625rem;*/
                padding: 1.5rem 0 0 5.625rem;
                line-height:1;
                background: left center no-repeat;
                background-size: 4.375rem
            }

            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .segment_group.group-layout-2 h2[class] {
                    padding: .5rem 0 0 5.625rem;
                    line-height:1;
                    background: left bottom no-repeat;
                    background-size: 4.375rem;
                }
            }
            @media screen and (max-width: 480px) {
                .segment_group.group-layout-2 h2[class] {
                    padding: .5rem 0 0 5.625rem;
                    line-height:1;
                    background: left bottom no-repeat;
                    background-size: 4.375rem;
                }
                 h1[class]{
                    padding: 1.1rem 0 0 5.625rem;
                    min-height:4.375rem;
                    line-height:1;
                    background: left bottom no-repeat;
                    background-size: 4.375rem;
                }
            }


            .searchresultmain .paging {
                margin-top: 1.875rem;
                margin-bottom: 1.875rem
            }
            .searchresultmain .paging .page-item {
                display: inline-block;
                margin: 0.75rem 0.625rem 0 0;
                padding: 0.1875rem 0.625rem;
                background-color: #f1f0e4
            }
            .searchresultmain .paging .act {
                color: white;
                background-color: #ff6c00
            }
            .searchresultmain .paging .paging-left {
                margin-right: 0.625rem
            }
            .pagingcontainer a {
                display: inline-block;
                border: none !important;
                border-radius: 0;
                padding: 0.375rem 0 0 0;
                width: 1.875rem;
                height: 1.875rem;
                color: #1a1a1a;
                background-color: #f1f0e4;
                text-align: center
            }
            .pagingcontainer a.active {
                border: none;
                border-radius: 0;
                background-color: #ff6c00
            }
            .pagingcontainer .paginghref.active {
                padding: 7px
            }
            #offcanvas #navigation-pointer {
                color: #87888a
            }
            #offcanvas .search-consultant {
                margin: 0 -0.625rem 1.875rem -1.0625rem
            }
            #offcanvas .search-consultant {
                padding: 1.875rem 0.625rem 1.875rem 1.0625rem;
                color: #87888a;
                background-color: #f1f0e4
            }
            #offcanvas .search-consultant h6 {
                display: block;
                margin: 0 0 0.625rem 0;
                text-transform: uppercase
            }
            #offcanvas .search-consultant h5 {
                margin: 1.875rem 0 0.3125rem 0
            }
            #offcanvas .search-consultant img {
                width: 7.5rem
            }
            #offcanvas .search-consultant input {
                margin: 0 0 0.875rem 0;
                padding: 0.3125rem 0
            }
            #offcanvas .search-consultant #main-zip-search-sugarbeetoffice-wrapper {
                display: none
            }
            .opening,
            .textcontainer {
                /* Sieht mit padding unschön aus, da drunterliegende elemente nach links rücken, war von JvM vohl so gewollt sieht aber scheisse aus.*/
                /*padding-left: 1.25rem*/
            }
            .opening .opening-text.opening-with-images,
            .textcontainer .opening-text.opening-with-images {
                float: left;
                width: calc(66% - 1.25rem)
            }
            @media screen and (max-width: 640px) {
                .opening .opening-text.opening-with-images,
                .textcontainer .opening-text.opening-with-images {
                    width: calc(100% - 30px)
                }
            }
            .opening .opening-images,
            .textcontainer .opening-images {
                float: right;
                margin: 1.25rem 0 0 0;
                width: 33%;
                max-width: 16.375rem
            }
            @media screen and (max-width: 640px) {
                .opening .opening-images,
                .textcontainer .opening-images {
                    float: left;
                    width: calc(100% - 30px)
                }
                .opening .opening-images img,
                .textcontainer .opening-images img {
                    width: 100%
                }
            }
            .opening h1,
            .textcontainer h1 {
                margin-bottom: 0.9375rem
            }
            @media screen and (max-width: 640px) {
                .opening h1,
                .textcontainer h1 {
                    padding-bottom: 0
                }
            }
            .opening h2,
            .textcontainer h2 {
                margin-bottom: 0.9375rem
            }
            .opening h3,
            .textcontainer h3 {
                margin-bottom: 0.9375rem
            }
            .segment-navibox {
                overflow: hidden;
                white-space: nowrap
            }
            .segment-navibox .navibox-item {
                display: inline-block;
                position: relative;
                margin: 0 -0.25rem 0 0;
                padding: 3.5rem 1.25rem 4.6875rem 1.25rem;
                width: 13.125rem;
                min-height: 21.875rem;
                vertical-align: top;
                color: #87888a;
                text-transform: uppercase
            }
            .segment-navibox .navibox-item img {
                position: absolute;
                top: 0;
                right: 0;
                width: 4.375rem;
                height: 4.375rem
            }
            .segment-navibox .navibox-item h2 {
                margin: 0.3125rem 0 0 0;
                height: 4.6875rem;
                color: #1a1a1a;
                text-transform: none
            }
            .segment-navibox .navibox-item a {
                display: block;
                padding: 0.5625rem 0;
                border-bottom: 1px solid #cfcec4
            }
            .segment-navibox .navibox-item a:nth-of-type(1) {
                border-top: 1px solid #cfcec4
            }
            .segment-navibox .navibox-item .button-secondary {
                position: absolute;
                bottom: 1.25rem;
                left: 1.25rem
            }
            .segment-navibox .navibox-item:nth-child(even) {
                background-color: #f1f0e4
            }
            .segment-navibox .navibox-item:nth-child(odd) {
                background-color: #dddcd7
            }
            .segment-navibox .navibox-item.navibox-item.highlight {
                color: white;
                background-color: #ff6c00
            }
            .segment-navibox .navibox-item.navibox-item.highlight h2,
            .segment-navibox .navibox-item.navibox-item.highlight a {
                color: white
            }
            .highlight a{
                color:#FFF;
            }
            .segment-navibox .navibox-item.navibox-item.highlight a {
                border-bottom: 1px solid white
            }
            .segment-navibox .navibox-item.navibox-item.highlight a:nth-of-type(1) {
                border-top: 1px solid white
            }
            .segment-navibox .navibox-item.navibox-item.highlight a:hover {
                text-decoration: underline
            }
            .segment-navibox .navibox-item .wrapper-tooltip {
                position: relative
            }
            .segment-navibox .navibox-item .wrapper-tooltip a {
                border-bottom: none
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip {
                position: absolute!important;
                top: 0.3125rem;
                left: 85%;
                display: none;
                width: 14.8125rem;
                z-index: 60!important;
                margin-top:-53%;
            }
            @media screen and (max-width:640px){
                /* beratersuche mobil korrektur*/
                .segment-navibox .navibox-item .wrapper-tooltip .tooltip {
                    position: absolute!important;
                    top: 0.5rem;
                    left: 85%;
                    display: none;
                    width: 14.8125rem;
                    z-index: 60!important;
                    margin-top:-25%;
                }
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip a {
                border: none
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip div:first-child {
                position: relative;
                border-right: 1px solid #cfcec4;
                height: 2.0625rem;
                background: url(../images/tooltip_pointer_2.png) top left no-repeat
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip div:first-child a {
                padding: 0
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip div:first-child img {
                float: right;
                margin: 0.75rem 0.75rem 0 0;
                width: 1.125rem;
                height: auto
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip div:nth-child(2) {
                float: right;
                width: 13.75rem;
                border: 1px solid #cfcec4;
                border-top: none;
                padding: 0 1.25rem 1.25rem 1.25rem;
                background-color: white
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form {
                margin: 0;
                padding: 0
            }
            .segment-navibox .navibox-item .wrapper-tooltip .tooltip form select {
                width: 100%;
                margin: 0 0 1.25rem 0
            }
            @media screen and (max-width: 640px) {
                .segment-navibox .navibox-item {
                    display: block;
                    padding: 1.25rem 1.25rem 1.25rem 1.875rem;
                    width: 100%;
                    min-height: 1.875rem;
                    background: url(../images/icon_arrow_right2.svg) 95% 1.25rem no-repeat;
                    background-size: 1.875rem
                }
                .segment-navibox .navibox-item span,
                .segment-navibox .navibox-item .wrapper-tooltip,
                .segment-navibox .navibox-item a {
                    display: none !important
                }
                .segment-navibox .navibox-item img {
                    position: absolute;
                    top: 0.5rem;
                    left: 0rem;
                    width: 3.125rem;
                    height: 3.125rem
                }
                .segment-navibox .navibox-item h2 {
                    margin: 0 0 0 1.875rem;
                    height: auto
                }
                .segment-navibox .navibox-item.accordion-active {
                    min-height: 16.875rem;
                    background-image: url(../images/icon_arrow_down.svg)
                }
                .segment-navibox .navibox-item.accordion-active .wrapper-tooltip,
                .segment-navibox .navibox-item.accordion-active a {
                    display: block !important
                }
                .segment-navibox .navibox-item.accordion-active h2 {
                    height: 3.4375rem
                }
                .segment-navibox .navibox-item.accordion-active .tooltip {
                    left: 10%
                }
                .segment-navibox .navibox-item.accordion-active .tooltip div:first-child a {
                    position: absolute;
                    top: 0;
                    right: 0.625rem;
                    width: 0.75rem;
                    height: 0.75rem
                }
                .segment-navibox .navibox-item.accordion-active .tooltip div:first-child a img {
                    margin: 0
                }
            }


            #sitemap .column-sitemap {
                float: left;
                padding: 0 1.25rem 3.75rem;
                width: 33%
            }
            @media screen and (max-width: 640px) {
                #sitemap .column-sitemap {
                    width: 100%
                }
            }
            #sitemap ul {
                padding: 0
            }
            #sitemap li {
                list-style: none
            }
            #sitemap li a {
                font-weight: normal
            }
            #sitemap li ul li a {
                display: block;
                margin: 1.25rem 0 0.625rem 0;
                color: #1a1a1a
            }
            #sitemap li ul li ul li a {
                margin: 0;
                border-bottom: 1px solid #cfcec4;
                color: #87888a
            }
            .searchresultmain ul {
                padding: 0
            }
            .searchresultmain li {
                list-style: none inside none
            }
            .searchresultmain h3 {
                margin-top: 3.75rem;
                color: #87888a
            }
            .searchresultmain p {
                margin-top: 0.3125rem;
                margin-bottom: 1.875rem
            }
            .mini-search .mini_search_for {
                color: #87888a
            }
            .mini-search input[type="radio"] {
                margin: 0 0.625rem 0.625rem 0;
                border: 1px solid #cfcec4;
                background-color: white
            }
            .mini-search .field_search {
                border: none;
                border-bottom: 1px solid #87888a;
                width: 7.375rem;
                padding: 0.375rem 0 0.125rem 0;
                font-size: 0.8125rem;
                background-color: transparent
            }
            .microsites-search-results h3 {
                margin-bottom: 1.25rem
            }
            .microsites-search-results ul {
                padding: 0 0 0 1.25rem
            }
            .microsites-search-results li {
                padding-top: 0.3125rem;
                list-style: none inside none
            }
            .teasericon-new {
                position: absolute;
                top: 1.25rem;
                left: 1.25rem;
                border-radius: 50%;
                /*padding: 0.3125rem 0 0 0.25rem;*/
                padding-top:0.3125rem;
                width: 1.875rem;
                height: 1.875rem;
                color: white;
                background-color: #ff6c00;
                font-size: 0.8125rem;
                text-align:center;
            }
            .content.teaser-box h1[class] ~ .teaser-content {
                padding: 1.25rem;
                background-color: #dddcd7;
            }
            .content.teaser-box .teaser-content {
                position: relative;
                display: block
            }
            .content.teaser-box .teaser-intro-node img {
                display: inline
            }
            .content.teaser-box .teaser-intro-node.teaser-with-images {
                float: left;
                width: calc(66% - 1.25rem)
            }
            @media screen and (max-width: 640px) {
                .content.teaser-box .teaser-intro-node.teaser-with-images {
                    width: calc(100% - 30px)
                }
            }
            .content.teaser-box .teaser-images {
                float: right;
                margin: 1.25rem 0 0 0;
                width: 33%;
                max-width: 16.375rem
            }
            @media screen and (max-width: 640px) {
                .content.teaser-box .teaser-images {
                    float: left;
                    width: calc(100% - 30px)
                }
                .content.teaser-box .teaser-images img {
                    width: 100%
                }
            }
            .content.teaser-box .teaser-morelink {
                display: block;
                padding: 1.875rem 0 0 0
            }
            .migration-column-right .content.teaser-box .teaser-images,
            .migration-column-right .content.teaser-box .teaser-intro-node.teaser-with-images {
                width: 100%
            }
            .segment_group {
                position: relative;
                white-space: nowrap
            }
            .segment_group .teaser-box {
                position: relative;
                display: inline-block;
                padding: 3.75rem 1.25rem 4.375rem 1.25rem;
                min-height: 31.25rem;
                width: 13.125rem;
                white-space: normal;
                vertical-align: top
            }
            .segment_group .teaser-box:nth-child(even) {
                background-color: #f1f0e4
            }
            .segment_group .teaser-box:nth-child(odd) {
                background-color: #dddcd7
            }
            .segment_group .button-extra {
                position: absolute;
                top: 1.25rem;
                right: 1.875rem
            }
            .segment_group h2 {
                padding-bottom: 1.25rem;
                min-height: 4.375rem;
                border-bottom: 1px solid #cfcec4
            }
            .segment_group .teaser-morelink a {
                display: block;
                position: absolute;
                bottom: 1.25rem;
                left: 1.25rem
            }
            .segment_group .teaser-box.highlight {
                background-color: #ff6c00;
                color: white
            }
            .segment_group .teaser-box.highlight h2 {
                border-bottom: 1px solid white
            }
            .migration-column-right .segment_group.group-layout-2,
            .segment_group.group-layout-2 {
                margin-right: 1.875rem;
                line-height: 1.5625rem
            }
            .segment_group.group-layout-2 .teaser-box {
                float: left;
                width: calc(50% - 30px) !important;
                margin-right: 1.875rem;
                padding: 0;
                background-color: white
            }
            .segment_group.group-layout-2 .teaser-box:nth-child(even) {
                background-color: white
            }
            @media screen and (max-width: 640px) {
                .segment_group.group-layout-2 .teaser-box {
                    width: calc(100% - 30px) !important
                }
                .segment_group.group-layout-2 .teaser-box:first-child {
                    margin-bottom: 1.875rem
                }
            }
            .migration-column-right .segment_group.group-layout-2 h2,
            .segment_group.group-layout-2 h2 {
                line-height: 4.375rem;
                border: none
            }
            .segment_group.group-layout-2 h2[class] {
                border: none
            }
            .segment_group.group-layout-2 .teaser-content {
                position: relative;
                padding: 1rem 1.875rem 3.125rem 1.875rem;
                min-height: 21.875rem;
                background-color: #dddcd7;
                /*
                -moz-hyphens: auto;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                */
            }

            /*
            .segment_group.group-layout-2 .teaser-content .teaser-intro-node>p:first-child {
                margin-top: 0
            }
            */
            .migration-column-right .segment_group.group-layout-2 img,
            .segment_group.group-layout-2 img {
                display:none;
                float: right;
                margin: 1.25rem 0 0.625rem 1.25rem;
                width: 6.25rem!important;
                height:auto!important;
            }

            .segment_group.group-layout-2 .clean_link img{
                display: block;
                float:left;
                width:25px!important;
                height:25px!important;
            }


            .segment_group.group-layout-2 .teaser-morelink a {
                display: block;
                position: absolute;
                bottom: 1.25rem;
                left: 1.875rem
            }
            .migration-column-right .segment_group.group-layout-2 .teaser-box {
                width: 100%
            }
            .slideritem {
                margin-bottom: 1.25rem !important
            }
            .slideritem h2 a {
                display: block;
                width: calc(100% - 2.125rem) !important;
                padding: 0 1.25rem;
                line-height: 3.125rem;
                color: #1a1a1a;
                background-color: #ccc8a8
            }
            .slideritem h2 a:hover {
                color: #ed6d00;
                text-decoration: none
            }
            .slideritem .slidercontent {
                width: calc(100% - 2.125rem) !important;
                padding: 1.25rem
            }
            .slideritem .teaser-content {
                position: relative;
                display: block
            }
            .slideritem .teaser-intro-node.teaser-with-images {
                float: left;
                width: calc(66% - 1.25rem)
            }
            @media screen and (max-width: 640px) {
                .slideritem .teaser-intro-node.teaser-with-images {
                    width: calc(100% - 30px)
                }
            }
            .slideritem .teaser-images {
                float: right;
                margin: 1.25rem 0 0 0;
                width: 33%;
                max-width: 16.375rem
            }
            @media screen and (max-width: 640px) {
                .slideritem .teaser-images {
                    float: left;
                    width: calc(100% - 30px)
                }
                .slideritem .teaser-images img {
                    width: 100%
                }
            }
            .slideritem .teaser-morelink {
                display: block;
                padding: 1.875rem 0 0 0
            }
            .slideritem .sliderarrow,
            .slideritem .sliderarrow-down {
                display: block;
                width: 100%;
                height: 100%;
                background: right center no-repeat;
                background-size: 1.875rem
            }
            .slideritem .sliderarrow {
                background-image: url(../images/icon_arrow_down.svg)
            }
            .slideritem .sliderarrow-down {
                background-image: url(../images/icon_arrow_right2.svg)
            }
            .footer-logo-teaser .footer-bar {
                padding: 2.25rem;
                background-color: #f8f8f8
            }
            .footer-logo-teaser .footer_item {
                text-align: right;
                display: inline
            }
            .footer-logo-teaser .footer_item p {
                margin: 0px;
                padding: 0px;
                display: inline
            }
            .footer-logo-teaser .footer_item .color_pic {
                display: none
            }
            .footer-logo-teaser .footer_item a:hover {
                text-decoration: none
            }
            .externalapp_segment .ui-spinner {
                padding: 0
            }
            .externalapp_segment .input-append {
                margin: 1.25rem 0
            }
            body.modern-page .linklist-layout-none {
                position: relative
            }
            body.modern-page .linklist-layout-none .button-extra {
                position: absolute;
                top: 1.25rem;
                right: 1.875rem
            }
            body.modern-page .linklist-layout-none .linklist_ul {
                padding: 0.625rem;
                background-color: #dddcd7;
                white-space: nowrap
            }
            body.modern-page .linklist-layout-none .linklist_li {
                position: relative;
                display: inline-block;
                margin-right: 0.5rem;
                list-style: none;
                width: 13.125rem;
                min-height: 31.25rem;
                padding: 0 0.3125rem 1.875rem 0.3125rem;
                background-color: white;
                vertical-align: top;
                white-space: normal
            }
            body.modern-page .linklist-layout-none .linklist_li .linklist_title {
                color: #1a1a1a
            }
            body.modern-page .linklist-layout-none .linklist_li .linklist_morelink a {
                position: absolute;
                bottom: 0.4rem;
                left: 0.3125rem;
                color: white
            }
            body.modern-page .linklist-layout-none .li_text_pic {
                margin: 0 -0.3125rem 1.5625rem -0.3125rem;
                width: 13.125rem;
                height: 10.9375rem
            }
            body.migration-page .migration-column-left .linklist-layout-none .linklist_ul {
                display: block;
                padding: 0.625rem;
                background-color: #dddcd7
            }
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li {
                float: left;
                position: relative;
                margin-right: 0.5rem;
                list-style: none;
                width: 100%;
                padding: 1.25rem 0.3125rem 1.875rem 1.25rem;
                background-color: white
            }
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_title {
                color: #1a1a1a
            }
            body.migration-page .migration-column-left .linklist-layout-none .linklist_li .linklist_morelink a {
                position: absolute;
                right: 0.3125rem;
                bottom: 0.3125rem;
                color: white
            }
            @media screen and (max-width: 640px) {
                body.migration-page .migration-column-left .linklist-layout-none .linklist_li {
                    float: none;
                    margin: 0 0 1.875rem 0;
                    width: 100%
                }
            }
            body.migration-page .migration-column-left .linklist-layout-none .li_text_pic {
                float: left;
                margin: 0 1.25rem 1.5625rem 0;
                width: 13.125rem
            }
            @media screen and (max-width: 640px) {
                body.migration-page .migration-column-left .linklist-layout-none .li_text_pic {
                    float: none;
                    width: 100%
                }
            }
            body.migration-page .migration-column-left .linklist-layout-none .li_text_pic.no-pic {
                display: none
            }
            body.migration-page .migration-column-right .linklist-layout-none ul {
                padding: 0
            }
            body.migration-page .migration-column-right .linklist-layout-none li {
                margin-bottom: 3.75rem;
                list-style: none
            }
            body.migration-page .migration-column-right .linklist-layout-none li:last-child {
                margin-bottom: 0
            }
            body.migration-page .migration-column-right .linklist-layout-none .li_text_pic {
                margin-bottom: 0.625rem
            }
            body.migration-page .migration-column-right .linklist-layout-none .li_text_pic.no-pic {
                display: none
            }

            /* Linklist in Listendarstellung KEIN Slider */
            .linklist.linklist-layout-1 .li_text_pic {
                float: left;
                margin-right: 1.25rem;
            }
            .linklist.linklist-layout-1 .li_text_pic img {
                display: block;
                width: 6.25rem;
                height: 6.25rem;
            }
            .linklist.linklist-layout-1 .li_text_pic.no-pic {
                display: none;
            }

            .linklist.linklist-layout-1 .linklist_ul,
            .navlist .linklist_ul{
                padding:0;
                margin:0;
                list-style-type: none!important;
            }


            .linklist.linklist-layout-1 .linklist_ul li,
            .navlist .linklist_ul li{
                list-style-type: none!important;
            }

            .linklist.linklist-layout-1 .linklist_ul .head_intro{
                height:auto;
            }

            .linklist.linklist-layout-1 .linklist_ul .linklist_text{
                height:auto;
            }

            .linklist.linklist-layout-1 .linklist_ul .linklist_text::before{
                content:none;
                background-image:none;
                border:none;
                height:0px;
                width:0px;
            }

            .linklist.linklist-layout-1 h1{
                margin:0!important;
            }
            /* Linklist in Listendarstellung KEIN Slider */

            .group-type-staffmember .group-body,
            .users-consultant .group-body {
                padding: 3.125rem;
                background-color: #dddcd7;

            }
            .group-type-staffmember .group-body .staffmember-item,
            .users-consultant .group-body .staffmember-item {
                float: left;
                margin-right: 3.125rem;
                width: 12.5rem;
                min-height: 28.125rem;

            }
            .group-type-staffmember .group-body .consultant-title,
            .users-consultant .group-body .consultant-title {
                margin: 0 0 0.3125rem 0;
                padding: 0
            }
            .group-type-staffmember .group-body .staffmember-picture,
            .users-consultant .group-body .staffmember-picture {
                float: none;
                margin: 0 0 1.875rem 0;
                width: 7.5rem
            }
            .group-type-staffmember .group-body h2,
            .users-consultant .group-body h2 {
                padding: 0;
                line-height: 1;

            }
            .group-type-staffmember .group-body .staffmember-phone,
            .users-consultant .group-body .staffmember-phone,
            .group-type-staffmember .group-body .staffmember-fax,
            .users-consultant .group-body .staffmember-fax {
                margin: 0;
                padding: 0
            }
            .staffmembersegment .staffmember-segment-wrapper {
                padding: 1.25rem;
                background-color: #dddcd7
            }
            .staffmembersegment .staffmember_pic {
                float: left;
                margin: 0 1.25rem 0 0;
                width: 7.5rem
            }
            .staffmembersegment .staffmember_email {
                margin: 1.25rem 0 0 0;
                display: block
            }
            .migration-column-right .downloadlist h1,
            .downloadlist h1,
            .dl h1 {
                border-bottom: 1px solid #cfcec4
            }
            .migration-column-right .downloadlist ul,
            .downloadlist ul,
            .dl ul {
                margin: 0;
                padding: 0
            }
            .migration-column-right .downloadlist li,
            .downloadlist li,
            .dl li {
                float: left;
                margin-right: 1.25rem;
                padding: 1.25rem;
                width: calc(50% - 20px);
                border-bottom: 1px solid #cfcec4;
                list-style: none
            }
            @media screen and (max-width: 640px) {
                .migration-column-right .downloadlist li,
                .downloadlist li,
                .dl li {
                    width: 100%
                }
            }
            .downloadlist .file_suffix,
            .dl .file_suffix {
                display: block;
                margin-top: 0.75rem;
                color: #87888a;
                text-transform: uppercase
            }
            .migration-column-right .downloadlist h1 {
                padding-left: 0
            }
            .migration-column-right .downloadlist li {
                padding-left: 0;
                width: 100%
            }
            .segment-cv_calendar .calendar-content {
                width: 100%;
                padding: 2.5rem;
                background-color: #e4e1cd
            }
            .segment-cv_calendar .calendar-skip-left,
            .segment-cv_calendar .calendar-skip-right {
                display: block;
                width: 1.375rem;
                height: 1.875rem;
                text-decoration: none
            }
            .segment-cv_calendar .calendar-skip-left {
                float: left;
                margin: 0.75rem 0 0 -1.875rem;
                background: url(../images/icon_arrow_left.svg) center left no-repeat;
                background-size: cover
            }
            .segment-cv_calendar .calendar-skip-left.cal_prev-disabled {
                opacity: 0.5
            }
            .segment-cv_calendar .calendar-skip-right {
                float: right;
                margin: 0.75rem 0 0 1.25rem;
                background: url(../images/icon_arrow_right2.svg) center left no-repeat;
                background-size: cover
            }
            .segment-cv_calendar .calendar-skip-right.cal_next-disabled {
                opacity: 0.5
            }
            .segment-cv_calendar .calendar-item {
                position: relative;
                float: left;
                display: inline-block;
                margin: 0 1.875rem 2.5rem -0.0625rem;
                border: 1px solid #ff6c00;
                width: 3.4375rem;
                height: 3.4375rem;
                text-align: center;
                color: #1a1a1a;
                text-transform: uppercase;
                /*
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
                */
            }
            .segment-cv_calendar .calendar-item:hover {
                text-decoration: none
            }
            .segment-cv_calendar .calendar-item:after {
                content: " ";
                position: absolute;
                top: 50%;
                left: 100%;
                width: 1.875rem;
                border-bottom: 1px solid #ff6c00
            }
            .segment-cv_calendar .calendar-item .weekday {
                display: none
            }
            .segment-cv_calendar .calendar-item .day {
                display: block
            }
            .segment-cv_calendar a.cal_link:last-of-type:after {
                display: none
            }
            .segment-cv_calendar .calendar-item.calendar-current-date {
                margin-top: -1.4375rem;
                width: 6.25rem;
                height: 6.25rem;
                padding-top: 0.625rem;
                margin-bottom: 1.125rem;
                color: white;
                background-color: #ff6c00;
                /*
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
                */
            }
            .segment-cv_calendar .calendar-item.calendar-current-date .weekday {
                display: block
            }
            .segment-cv_calendar .calendar-item.calendar-current-date .day {
                line-height: 0.9
            }
            .segment-cv_calendar .calendar-infos {
                width: 100%;
                padding: 2.5rem 0
            }

            .calendar-infos .calendar-infos-item{
               
                /*margin: 0 5.625rem 3.75rem 0;*/
                margin:0 0 3rem 0;
                width: calc(50% - 10px);
                float:left;
                padding:.5rem .5rem .5rem 0!important;
            }

            .calendar-infos .regional{
                width:calc(50% - 1rem)!important;
            }

            .calendar-infos .global{
                width:calc(50% - 1rem)!important;
                padding:0!important;
                float:right!important;
            }

            .calendar-infos .calendar-infos-item:nth-child(odd){
               clear:left!important;
               margin:0 1rem 3rem 0!important;
               padding:0 1rem 0 0;
               border-right:1px solid #cfcec4;
            }

            .calendar-infos .calendar-infos-item:nth-child(even):after{
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .calendar-infos .calendar-infos-item:nth-child(1):nth-last-child(1),
            .calendar-infos .calendar-infos-item:last-child{
                /* falls nur ein eintrag keinen border */
                 border-right:none;
            }


            .segment-cv_calendar .regional {
                float: left;
                border-right: 1px solid #cfcec4;
                width: 50%;
                padding-right: 1.25rem
            }
            .segment-cv_calendar .global {
                float: right;
                width: 50%;
                padding-left: 2.5rem
            }

            @media screen and (max-width: 850px) {
                 .controls{
                    padding: 2rem 0 0 0!important;
                }
            }

            @media screen and (max-width: 768px) {
                .segment-cv_calendar .regional .calendar-infos-item{
                    border:none;
                    clear:both;
                    width:100%;
                }
                .segment-cv_calendar .global .calendar-infos-item{
                    border:none;
                    clear:both;
                    width:100%;
                }
               
            }

            @media screen and (max-width: 640px) {
                .segment-cv_calendar .regional {
                    width: 100%!important;
                    padding: 0;
                    clear:right;
                    border:none!important;
                }
                .calendar-infos .calendar-infos-item:nth-child(odd){
                    border-right:none;
                }
                 .segment-cv_calendar .global {
                    
                    width: 100%!important;
                }

            }

            .segment-cv_calendar h3 {
                margin-bottom: 2.5rem
            }

            .segment-cv_calendar h4 {
                font-size: 0.9375rem
            }
            /*
            .segment-cv_calendar .calendar-infos-item {
                float: left;
                margin: 0 5.625rem 3.75rem 0;
                width: calc(50% - 45px)
            }
            */
            @media screen and (max-width: 640px) {
                .segment-cv_calendar .calendar-infos-item {
                    width: 100%
                }
            }
            .segment-cv_calendar .calendar-infos-item:nth-child(odd) {
                margin-right: 0
            }
            .segment-cv_calendar .begin,
            .segment-cv_calendar .location {
                display: block
            }
            .segment-cv_calendar .ui-widget {
                display: block !important;
                margin: 0 1.25rem 1.25rem 0 !important;
                font-size: 1rem;
                color: #87888a
            }
            .segment-cv_calendar .radius_zip {
                margin-right: 1.25rem;
                width: 4.75rem;
                font-size: 1rem
            }
            .segment-cv_calendar .radius_zip_sub {
                display: inline
            }
            .jobportal {
                margin-bottom: 1.875rem !important
            }
            .jobportal h1 {
                color: #1a1a1a
            }
             .jobportal .container{
                padding-left:1.25rem;
             }
            .jobportal .container .row-fluid {
                margin-top: 1.25rem;
                padding: 1.25rem;
                background-color: #e4e1cd
            }
            .jobportal .container .row-fluid>div:first-child {
                float: left;
                width: calc(33.33% - 15px)
            }
            @media screen and (max-width: 640px) {
                .jobportal .container .row-fluid>div:first-child {
                    width: 100%
                }
            }
            .jobportal #listcontainer,
            .jobportal #filtersettings {
                float: right;
                width: calc(66.66% - 15px)
            }
            @media screen and (max-width: 640px) {
                .jobportal #listcontainer,
                .jobportal #filtersettings {
                    width: 100%
                }
            }
            .jobportal .download_bar {
                float: right;
                padding: 0px 0px 10px 10px
            }
            .jobportal .jobfooter {
                display: none
            }
            .jobportal .jobprofile_bottom .jobprofile_img {
                float: left;
                width: 368px
            }
            .jobportal .well {
                padding: 0 !important;
                box-shadow: none !important
            }
            .jobportal .panelheader {
                color: #1a1a1a !important;
                background-color: #ccc8a8 !important
            }
            .jobportal #regions-map {
                overflow: hidden
            }
            .jobportal #regions-button {
                margin: 0.9375rem 0;
                width: 100% !important
            }
            .jobportal .jvectormap-zoomin,
            .jobportal .jvectormap-zoomout {
                padding: 0 !important;
                line-height: 0.3125rem !important
            }
            .jobportal .filtersettings {
                border: none !important;
                margin-bottom: 1.875rem
            }
            .jobportal .scrollable_checkboxes {
                border: 1px solid #ccc8a8 !important;
                border-radius: 0 !important;
                background-color: #f1f0e4
            }
            .jobportal .scrollable_checkboxes .checkbox {
                padding: 0 !important
            }
            .jobportal .scrollable_checkboxes .checkbox:hover {
                background-color: #e8e6d4 !important
            }
            .jobportal .scrollable_checkboxes .highlight {
                background-color: #ccc8a8 !important
            }
            .jobportal .scrollable_checkboxes input[type="checkbox"] {
                margin: 0 0.3125rem
            }
            .jobportal .checkbox label input {
                margin-right: 0.3125rem
            }
            .jobportal #resultset li {
                position: relative;
                margin-bottom: 1.875rem;
                padding-top: 1.25rem;
                border: none !important
            }
            .jobportal .date {
                position: absolute;
                top: 0;
                left: 0
            }
            .jobportal .joboffercontainer {
                float: right;
                width: calc(66.66% - 15px)
            }
            .jobportal .joboffercontainer button {
                padding: 0px 1.25rem !important
            }
            .jobportal .joboffercontainer .jobprofile {
                margin-left: 0 !important
            }
            .jobportal .joboffercontainer .jobprofile_pdf_pic1,
            .jobportal .joboffercontainer .jobprofile_pdf_pic2 {
                display: none
            }
            @media screen and (max-width: 640px) {
                .jobportal .joboffercontainer {
                    width: 100%
                }
            }
            #maisberaterapp {
                background-color: #dddcd7
            }
            #maisberaterapp .input-group {
                float: left;
                margin-right: 50px;
                width: calc(33.3% - 50px)
            }
            #maisberaterapp .ui-selectmenu-button {
                width: 100% !important
            }
            .comparison-wrapper .newvariety,
            .navlist .newvariety {
                padding-left: 0.3125rem;
                font-size: 0.6875rem;
            }

            .newvariety{
               color:#FF6C00;
                vertical-align: super;
            }

            h1 .newvariety{
                font-size:1.8rem;
                padding-left: .7125rem;
            }

            .tool-article,
            .segment-favourites {
                position: relative
            }
            .tool-article .all-tools,
            .segment-favourites .all-tools {
                position: absolute;
                top: 17.5;
                right: 1.875rem;
            }

            @media(min-width:480px) and (max-width:640px){
                .segment-favourites .all-tools {
                    position: absolute;
                    top: 22;
                    right: 1.875rem;
                    font-size:.5rem;
                    padding:.5rem .5rem .5rem .5rem;
                }
            }

            @media(max-width:479px){
                .segment-favourites .all-tools {
                    position: absolute;
                    top: auto;
                    right:auto;
                    bottom:20;
                    left: 1.2rem;
                    right:none!important;
                    font-size:.6rem;
                    clear:both!important;
                    margin:15px 0px 0px 0px!important;
                    padding:.5rem .5rem .5rem .5rem;
                    background-color:#deddc9;
                }
                /*schiebe kacheln nach unten*/
                .tool-icon-wrapper{
                    padding:75px 0px 0px 20px!important;
                }
            }

            .tool-article .tool-topbar-userprofil,
            .segment-favourites .tool-topbar-userprofil {
                padding: 0.9375rem 1.25rem;
                /*background-color: #ccc8a8*/
                background-color: #e4e1cd;
            }
            .tool-article .tool-topbar-userprofil .filter-selected,
            .tool-article .toolsortierung .filter-selected,
            .segment-favourites .tool-topbar-userprofil .filter-selected {
                color: #ff6c00
            }
            .tool-article .tool-topbar-topics,
            .segment-favourites .tool-topbar-topics {
                padding: 0.9375rem 1.25rem;
                /*background-color: #e4e1cd;*/
                background-color: #ccc8a8;
                /*@extenc %clearfix;*/
            }
            .tool-article .tool-topbar-topics .filter-selected,
            .segment-favourites .tool-topbar-topics .filter-selected {
                color: #ff6c00
            }
            .tool-article .link-options,
            .toolsortierung .link-options,
            .segment-favourites .link-options {
                float:left;
            }

            .tool-topbar-userprofil span, .toolsortierung span, .tool-topbar-topics span{
                float:left;
                margin:-2px 0px 0px 0px;
            }

            .tool-article .link-options a,
            .toolsortierung .link-options a,
            .segment-favourites .link-options a {
                float: left;
                margin: 0 0 0 1.5625rem;
                color: #87888a
            }


            .tool-article .link-options a:hover,
            .toolsortierung .link-options a:hover,
            .segment-favourites .link-options a:hover {
                color: #ed6d00;
                text-decoration: none
            }

            .tool-article{
                background-color: #e4e1cd;
                padding:0px 0px 10px 10px;
            }

            .tool-article .tool-icon-wrapper,
            .segment-favourites .tool-icon-wrapper {
                padding: 1.875rem 1.25rem;
            }

            @media screen and (max-width: 640px) {
                .tool-article .link-options,
                .toolsortierung .link-options,
                .segment-favourites .link-options {
                    float: left;
                    width: 100%;
                }
                .tool-article .link-options a,
                .toolsortierung .link-options, a,
                .segment-favourites .link-options a {
                    /* Case 33243 */
                    /*margin: 0 1.5625rem 0 0*/
                }
            }

            .tool-article .tool-icon-wrapper a:hover,
            .segment-favourites .tool-icon-wrapper a:hover {
                text-decoration: none
            }
            .tool-article .tool-element,
            .segment-favourites .tool-element {
                position: relative;
                float: left;
                margin: 0 0.75rem 3.75rem 0;
                width: 7.5rem;
                height: 7.5rem;
                background-size: cover
            }
            .tool-article .tool-element .tool-link,
            .segment-favourites .tool-element .tool-link {
                display: block;
                width: 7.5rem;
                height: 7.5rem
            }
            .tool-article .tool-element .overlaytext,
            .segment-favourites .tool-element .overlaytext {
                position: absolute;
                bottom: 0.3125rem;
                left: 0.3125rem;
                width: 6.875rem;
                font-size: 0.75rem;
                line-height: 1;
                color: #87888a
            }
            .tool-article .tool-element .link-favourite,
            .segment-favourites .tool-element .link-favourite {
                position: absolute;
                top: 0.625rem;
                left: 0.625rem;
                width: 0.9375rem;
                height: 0.9375rem;
                background: url(../images/icon_star_remove.svg) center center no-repeat;
                background-size: 0.9375rem
            }
            .tool-article .tool-element .link-unfavourite,
            .segment-favourites .tool-element .link-unfavourite {
                position: absolute;
                top: 0.625rem;
                left: 0.625rem;
                width: 0.9375rem;
                height: 0.9375rem;
                background: url(../images/icon_star_add.svg) center center no-repeat;
                background-size: 0.9375rem
            }
            .tool-article .tool-element .newtext,
            .segment-favourites .tool-element .newtext {
                position: absolute;
                top: 0.3125rem;
                border-radius: 50%;
                right: 0.3125rem;
                width: 1.875rem;
                height: 1.875rem;
                padding: 0.3125rem 0 0 0.1875rem;
                font-size: 0.75rem;
                color: white;
                background-color: #ff6c00
            }
            .tool-article .tool-element .tool-description,
            .segment-favourites .tool-element .tool-description {
                position: absolute;
                top: 7.875rem;
                left: 0;
                width: 7.5rem;
                font-size: 0.75rem;
                color: white;
                overflow: hidden;
                /*
                -moz-hyphens: auto;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto; 
                */
            }
            @media(max-width:320px){
                .tool-article .tool-element .tool-description,
                .segment-favourites .tool-element .tool-description {
                    position: absolute;
                    top: 7.2rem;
                    left: 0;
                    width: 7rem;
                    font-size: 0.75rem;
                    color: white;
                    overflow: hidden;
                    /*
                    -moz-hyphens: auto;
                   -o-hyphens: auto;
                   -webkit-hyphens: auto;
                   -ms-hyphens: auto;
                   hyphens: auto; 
                   */
                }
                 .tool-element {
                    position: relative;
                    float: left;
                    margin: 0 1rem 4rem 0!important;
                    width: 7rem!important;
                    height: 7rem!important;
                    background-size: cover
                }
                .tool-element:nth-child(even){
                    margin: 0 0rem 4rem .5rem!important;
                }
            }

            .newsletter-form-wrapper {
                padding: 1.25rem;
                background-color: #e4e1cd
            }
            .newsletter-form-wrapper form {
                padding: 0
            }
            .newsletter-form-wrapper .caption_lbl {
                display: block
            }
            .newsletter-form-wrapper .nl_category_box span {
                margin-bottom: 0.3125rem
            }
            .newsletter-form-wrapper .form_row_row {
                margin-bottom: 0.75rem
            }
            .newsletter-form-wrapper input[type="checkbox"] {
                margin-right: 0.625rem
            }
            .newsletter-form-wrapper .newsletter_mandatoryfields_box {
                margin-top: 1.25rem
            }
            .newsletter-form-wrapper .new_kws_button {
                display: inline
            }
            .zipsearch-segment.type-3 {
                padding: 1.25rem;
                background-color: #f1f0e4;
                white-space: nowrap
            }
            .zipsearch-segment.type-3 .crop-slide {
                position: relative;
                display: inline-block;
                margin-right: -0.25rem;
                width: 16.875rem;
                padding: 1.25rem;
                vertical-align: top;
                line-height: 1.25rem;
                white-space: normal;
                background-color: white;
            }
            .zipsearch-segment.type-3 .crop-slide:nth-child(odd) {
                background-color: #e4e1cd
            }
            .zipsearch-segment.type-3 .crop-slide .crop-icon-bar {
                position: absolute;
                top: 0.625rem;
                right: 0;
                width: 3.3125rem
            }
            .zipsearch-segment.type-3 .crop-slide .crop-icon-bar img {
                width: 100%
            }
            .zipsearch-segment.type-3 .crop-slide .users-consultant {
                position: relative;
                min-height: 30.625rem;
                padding: 0 0 8.25rem 0;
            }
            .zipsearch-segment.type-3 .crop-slide .subconsultant {
                position: relative;
                min-height: 25rem;
                padding: 0 0 2.5rem 0
            }
            .zipsearch-segment.type-3 .crop-slide h2 {
                margin: 0 0 0.625rem 0;
            }
            .zipsearch-segment.type-3 .crop-slide p {
                margin: 0;

            }
            .zipsearch-segment.type-3 .crop-slide .consultant-crops {
                min-height: 3.4375rem
            }
            .zipsearch-segment.type-3 .crop-slide .consultant-crops span:after {
                content: ","
            }
            .zipsearch-segment.type-3 .crop-slide .consultant-crops span:last-child:after {
                display: none
            }
            .zipsearch-segment.type-3 .crop-slide .consultant-picture {
                margin: 0 0 1.25rem 0;
                width: 6.25rem
            }
            .zipsearch-segment.type-3 .crop-slide .consultant-address {
                margin: 0 0 0.625rem 0
            }
            .zipsearch-segment.type-3 .crop-slide .contact-wrapper {
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .zipsearch-segment.type-3 .crop-slide .subconsultant {
                margin-top: 3.75rem
            }
            .shift-scrollbars {
                -moz-transform: translateX(9.375rem);
                -ms-transform: translateX(9.375rem);
                -webkit-transform: translateX(9.375rem);
                transform: translateX(9.375rem);
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            @media screen and (min-width: 1024px) {
                .shift-scrollbars {
                    -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }
            }
            .ui-selectmenu-button {
                border: none !important;
                background-image: none !important;
                background-color: #e4e1cd !important
            }
            .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 0 !important;
                border-bottom: 1px solid #87888a
            }
            .ui-selectmenu-button .ui-icon,
            .ui-selectmenu-button .ui-widget-content .ui-icon {
                display: block;
                top: 30% !important;
                width: 1.5625rem;
                height: 1.5625rem;
                background-image: url(../images/icon_arrow_down.svg) !important;
                background-size: cover;
                background-position: top right
            }
            .ui-selectmenu-button.ui-state-hover,
            .ui-selectmenu-button.ui-state-focus {
                background-image: none !important;
                color: #ed6d00 !important
            }
            #offcanvas .ui-selectmenu-button {
                margin-bottom: 1.875rem !important;
                width: 100% !important;
                color: #87888a !important;
                background-color: #f1f0e4 !important
            }
            .ui-selectmenu-menu .ui-widget-content {
                border: 1px solid #cfcec4 !important;
                padding: 0.625rem;
                background-image: none !important;
                background-color: #e4e1cd !important
            }
            .ui-selectmenu-menu .ui-menu-item {
                padding: 0.625rem 0 !important
            }
            .ui-selectmenu-menu .ui-state-focus {
                margin: 0 !important;
                border: none !important;
                color: #ed6d00 !important;
                background: url(../images/bg_navigation_hover.png) left bottom no-repeat !important;
                background-color: #e4e1cd !important
            }
            .ui-accordion .ui-accordion-header {
                border: none !important;
                padding:1rem 3rem 1rem 1.25rem!important;
                color: #1a1a1a;
                background-color: #ccc8a8 !important
            }
            .ui-accordion .ui-state-default {
                background-color: #ccc8a8 !important;
                background-image: none !important
            }
            .ui-accordion .ui-state-hover a,
            .ui-accordion .ui-state-focus a {
                color: #ed6d00 !important
            }
            .ui-accordion .ui-state-default .ui-icon {
                display: block;
                top: 40% !important;
                left: auto !important;
                right: 1.25rem !important;
                width: 1.5625rem;
                height: 1.5625rem;
                background: url(../images/icon_arrow_right2.svg) right top no-repeat !important;
                background-size: cover !important
            }
            .ui-accordion .ui-state-active.ui-state-default .ui-icon {
                background: url(../images/icon_arrow_down.svg) right top no-repeat !important;
                background-size: cover !important
            }
            .ui-accordion .ui-widget-content {
                border: 1px solid #cfcec4 !important;
                border-top: none !important
            }
            .ui-slider-horizontal {
                border: none !important
            }
            .ui-slider-horizontal.ui-widget-content {
                height: 0.0625rem !important;
                background-image: none !important;
                background-color: #87888a
            }
            .ui-slider-horizontal .ui-slider-handle {
                top: -0.6em !important;
                border: 4px solid white !important;
                border-radius: 50% !important;
                background-color: #ff6c00 !important;
                background-image: none !important
            }
            .ui-tabs {
                padding: 0 !important
            }
            .ui-tabs .ui-tabs-nav {
                padding: 0 !important;
            }
            .ui-tabs.ui-widget {
                border: none !important;
                background-image: none !important;

            }
            .ui-tabs .ui-widget-header {
                border: none !important;
                background-image: none !important;
                background-color: transparent !important
            }
            .ui-tabs .ui-tabs-nav .ui-state-default {
                border: none !important;
                background-color: #e4e1cd !important;
                background-image: none !important;
                border-top:1px solid #EEECDD!important;
                border-right:1px solid #EEECDD!important;
                border-left:1px solid #EEECDD!important;
                border-bottom:2px solid #cdcaaa!important;
                border-radius:0px!important;
            }
            .ui-tabs .ui-tabs-nav .ui-state-default a.ui-tabs-anchor{
                color:#74757b;
                font-weight:800;
            }

            .ui-tabs .ui-tabs-nav .ui-state-hover {
               /* background-color: #ff6c00 !important*/
            }
            .ui-tabs .ui-tabs-active.ui-state-active {
                background-color: #EEECDD !important;
                background-image: none !important;
                border-bottom:2px solid #EEECDD!important;
            }
            .ui-tabs-active.ui-state-active a.ui-tabs-anchor{
                color: #FF6C00!important;
                font-weight:800;
            }
            .ui-tabs .tabintro {
                padding: 0 0 1.875rem 0
            }
            .ui-tabs .ui-tabs-panel {
                background-color: #EEECDD !important;
                border-radius:0px!important;
            }
            .ui-tabs img.nutzung_inaktiv,
            .ui-tabs img.nutzung_aktiv {
                margin-right: 0.625rem;
                vertical-align: middle;
                display: none;
            }
            .ui-tabs img.nutzung_inaktiv {
                display: inline
            }
            .ui-tabs .ui-tabs-active img.nutzung_inaktiv {
                display: none
            }
            .ui-tabs .ui-tabs-active img.nutzung_aktiv {
                display: inline
            }

            .calculator-intro-text{
                padding:0 1rem 0 1.25rem!important;
                width:calc(100% - 2.25rem);
            }

            /*Case 31834*/
            @media screen and (max-width:480px){
                .ui-tabs .ui-tabs-nav .ui-state-default {
                    width:100%!important;
                    opacity:.5;
                    margin:1px 0 0px 0!important;
                }
                .ui-tabs .ui-tabs-active.ui-state-active {
                    opacity:1;
                }
            }
            /*Ende Case 31834*/

            .calculator .ui-buttonset .ui-state-hover,
            .calculator .ui-buttonset .ui-state-active {
                background-image: none !important;
                background-color: transparent !important
            }
            .ui-button {
                margin-left: 0 !important;
                margin-right: 0 !important;
                border: 4px solid white !important;
                border-radius: 50% !important;
                width: 1.25rem;
                height: 1.25rem;
                background-color: #87888a !important
            }
            .ui-button.ui-state-hover {
                color: #1a1a1a
            }
            .ui-button.ui-state-active {
                background-color: #ff6c00 !important;
                background-image: none !important
            }
            .ui-button-text-only .ui-button-text {
                text-align: left;
                margin-top: -0.625rem;
                width: 180px;
                padding-left: 1.5625rem !important
            }
            .newsletter-form-wrapper input {
                width: 12.5rem
            }
            .newsletter-form-wrapper input[type="checkbox"] {
                width: auto
            }
            .newsletter-form-wrapper .ui-buttonset .ui-button {
                display: block;
                margin-bottom: -0.9375rem
            }
            .newsletter-form-wrapper .ui-buttonset .ui-button:last-child {
                margin-bottom: 0
            }
            .newsletter-form-wrapper .subscription-box .ui-buttonset .ui-button {
                margin-top: 0.3125rem;
                margin-bottom: 0.3125rem
            }
            .newsletter-form-wrapper .subscription-box .ui-buttonset .ui-button:last-child {
                margin-bottom: 0
            }
            .newsletter-form-wrapper .subscription-box .ui-button-text-only .ui-button-text {
                width: 21.875rem
            }
            *:focus {
                outline: 0
            }
            #main-zip-search-result #consultant-spinner {
                width: 30px;
                height: 30px;
                margin-top: 30px;
                margin-left: 48%
            }
            .download_bar form {
                margin: 0;
                padding: 0
            }
            .content.teaser-columns .teaser-intro-node,
            body.modern-page .standardcontent .standardcontent-text,
            body.modern-page .standardcontent .main-intro.without-variety-image {
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2
            }
            .content.teaser-columns .teaser-intro-node p:first-child,
            body.modern-page .standardcontent .standardcontent-text p:first-child,
            body.modern-page .standardcontent .main-intro.without-variety-image p:first-child {
                margin-top: 0
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .content.teaser-columns .teaser-intro-node,
                body.modern-page .standardcontent .standardcontent-text,
                body.modern-page .standardcontent .main-intro.without-variety-image {
                    -webkit-column-count: 1;
                    -moz-column-count: 1;
                    column-count: 1
                }
            }
            @media screen and (max-width: 640px) {
                .content.teaser-columns .teaser-intro-node,
                body.modern-page .standardcontent .standardcontent-text,
                body.modern-page .standardcontent .main-intro.without-variety-image {
                    -webkit-column-count: 1;
                    -moz-column-count: 1;
                    column-count: 1
                }
            }
            .content.group-type-teaser.group-layout-3 {
                width: calc(100% - 30px);
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box {
                display: block;
                float: left;
                width: 25%;
                padding-top: 2.75rem;
            }
            @media screen and (max-width: 640px) {
                .content.group-type-teaser.group-layout-3 .group-item.teaser-box {
                    width: 100%
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .content.group-type-teaser.group-layout-3 .group-item.teaser-box {
                    width: 50%;
                    min-height: 38.25rem
                }
            }
            @media screen and (min-width: 1024px) and (max-width: 1279px) {
                .content.group-type-teaser.group-layout-3 .group-item.teaser-box {
                    width: 33%
                }
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box p:first-child {
                margin-top: 0
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box img.teaser-image {
                margin-bottom: 1rem;
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .content.group-type-teaser.group-layout-3 .group-item.teaser-box img.teaser-image {
                    max-width: 150px;
                    margin: 0 0 10px 10px;
                    float: right
                }
            }
            @media screen and (min-width: 1024px) {
                .content.group-type-teaser.group-layout-3 .group-item.teaser-box img.teaser-image {
                    max-width: 150px;
                    float: right;
                    margin: 0 0 10px 10px;
                }
            }

            .content.group-type-teaser.group-layout-3 .group-item.teaser-box h2 {
                border: none
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teasericon-new {
                display: none
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box .teaser-morelink a {
                background: none;
                border: none;
                padding: 0
            }
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box.highlight .teaser-morelink a {
                color: #FFF
            }
            .content.group-type-teaser.group-layout-3.group-elements-3 .group-item.teaser-box {
                width: 33%
            }
            @media screen and (max-width: 640px) {
                .content.group-type-teaser.group-layout-3.group-elements-3 .group-item.teaser-box {
                    width: 100%
                }
            }
            .content.group-type-teaser.group-layout-3.group-elements-2 .group-item.teaser-box,
            .content.group-type-teaser.group-layout-3.group-elements-1 .group-item.teaser-box {
                width: 50%
            }
            @media screen and (max-width: 640px) {
                .content.group-type-teaser.group-layout-3.group-elements-2 .group-item.teaser-box,
                .content.group-type-teaser.group-layout-3.group-elements-1 .group-item.teaser-box {
                    width: 100%
                }
            }
            .content.group-type-teaser.group-layout-3 .with-images .teaser-box {
                min-height: 37.25rem
            }

            .content.group-type-teaser.group-layout-3 .group-item.teaser-box img,
            .content.group-type-teaser.group-layout-3 .group-item.teaser-box img.teaser-image {
                display:none;
                min-width:100%;
                width:100%;
                max-width:100%;
                height:auto;
            }

            .content.group-type-teaser.group-layout-1 img {
                display:none;
                  min-width:100%;
                width:100%;
                max-width:100%;
                margin-top: 10px
            }
            .content.group-type-teaser.group-layout-1 .with-images .teaser-box {
                min-height: 37.25rem
            }
            .content.linklist-layout-1 h1 {
                margin-bottom: 2rem
            }
            .content.varietylist table.table_variety {
                margin-bottom: 0
            }
            .variety-product-image {
                max-width: 33%;
                float: right;
                padding: 0 0 20px 20px
            }
            .variety-text {
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2
            }
            .variety-text p:first-child {
                margin-top: 0
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .variety-text {
                    -webkit-column-count: 1;
                    -moz-column-count: 1;
                    column-count: 1
                }
            }
            @media screen and (max-width: 640px) {
                .variety-text {
                    -webkit-column-count: 1;
                    -moz-column-count: 1;
                    column-count: 1
                }
            }
            .migration-container .migration-column-right .content form {
                margin: 0;
                padding: 0
            }
            .content.animations_segment {
                /*
                width: calc(100% - 2.125rem - 1.25rem);
                */ 
                width:100%;
            }
            .content.animations_segment video {
                width: 100%;
                height: auto
            }

            .content.animations_segment .elastic-video,
            .content.animations_segment .video div,
            .content.animations_segment .video {
                position: relative;
                padding-bottom: 55%;
                padding-top: 15px;
                padding-right:2.125rem;
                padding-left:0.3125rem;
                height: 0;
                overflow: hidden
            }

            .videocontainer{
                width:100%;
                background-color:#DDDCD7;
            }
            .content.animations_segment .video iframe,
            .content.animations_segment .video embed,
            .content.animations_segment .video object,
            .content.animations_segment .elastic-video iframe,
            .content.animations_segment elastic-video embed,
            .content.animations_segment elastic-video object {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow:hidden;
            }
            .content.gallery-module {
                display: block
            }
            .content.gallery-module ul.gallery_table {
                padding: 1.25rem;
                background-color: #dddcd7;
                white-space: nowrap;
                display: block
            }
            .content.gallery-module .gallery_item {
                position: relative;
                display: block;
                float: left;
                margin-right: 0.5rem;
                margin-bottom: 0.5rem;
                list-style: none;
                width: calc(33.33% - 8px);
                min-height: 31.25rem;
                padding: 0 0.3125rem 3.125rem 0.3125rem;
                background-color: white;
                vertical-align: top;
                white-space: normal
            }
            @media screen and (max-width: 640px) {
                .content.gallery-module .gallery_item {
                    width: 100%
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .content.gallery-module .gallery_item {
                    width: calc(50% - 8px)
                }
            }
            @media screen and (min-width: 1024px) and (max-width: 1279px) {
                .content.gallery-module .gallery_item {
                    width: 48.4%;
                    width: calc(50% - 8px)
                }
            }
            .content.gallery-module .gallery_image_wrapper {
                margin: 0 -0.3125rem 0 -0.3125rem;
                background: center center no-repeat;
                background-size: cover
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                .content.gallery-module .gallery_image_wrapper img {
                    max-height: 296px
                }
            }
            @media screen and (min-width: 1024px) and (max-width: 1279px) {
                .content.gallery-module .gallery_image_wrapper img {
                    max-height: 331px
                }
            }
            @media screen and (min-width: 1280px) {
                .content.gallery-module .gallery_image_wrapper img {
                    max-height: 221px
                }
            }
            .content.gallery-module .gallery_item_infobar {
                padding: 1.25rem
            }
            .content.gallery-module .gallery_item_infobar .gallery_enlarge {
                position: absolute;
                left: 1.25rem;
                bottom: 1.25rem
            }
            .content.character_box {
                width: calc(100% - 2.125rem - 1.25rem)
            }
            .content.character_box .characterlist-wrapper {
                padding: 0.625rem;
                background: #e4e1cd
            }
            .content.character_box .characterlist-accordion>div {
                padding: 0
            }
            .content.character_box .characterlist-accordion>div table {
                margin: 0
            }
            .content.character_box .characterlist-accordion>div table tr td:first-child {
                width: 40%
            }
            .content.character_box .characterlist-accordion>div table tr:nth-child(odd) {
                background-color: #e8e6d4
            }
            .content.character_box .characterlist-accordion>div table tr:nth-child(even) {
                background-color: white
            }
            .content.character_box .ui-accordion .ui-widget-content {
                border: none !important
            }
            .content.search-segment .search-segment-wrapper {
                background: #f1f0e4;
                width: calc(100% - 30px)
            }
            .content.search-segment .search-segment-wrapper .buttonset {
                float: left;
                min-width: 200px
            }
            .content.search-segment .search-segment-wrapper .buttonset label {
                white-space: nowrap
            }
            .content.search-segment .search-segment-wrapper .buttongroup {
                display: block;
                padding-bottom: 20px
            }
            .migration-column-right .content.search-segment .search-segment-wrapper {
                width: 100%;
                padding: 1rem
            }
            .content.comparison_box .comparison-wrapper {
                background: #f1f0e4;
                padding: 20px 0 20px 20px
            }
            .content.comparison_box .comparison-wrapper form {
                padding: 0
            }
            .content.comparison_box a.new_compare {
                padding: 4px 8px
            }
            .content.comparison_box table.comparisontable {
                width: auto;
                margin-bottom: 0
            }
            .content.comparison_box table.comparisontable th,
            .content.comparison_box table.comparisontable img {
                vertical-align: top
            }
            .content.comparison_box table.comparisontable .first-col {
                min-width: 250px;
                width: 250px;
                vertical-align:middle;
            }
            .content.comparison_box table.comparisontable .variety-col {
                min-width: 190px;
                width: 190px;
                text-align: center
            }
            .content.comparison_box .kwsvariety {
                color: #ff6c00;
                font-weight: bold
            }
            .content.comparison_box div.ui-accordion-content {
                padding: 0;
                overflow: hidden
            }
            .jobportal .jobportal-panel {
                display: block !important
            }
            .content.calendar_segment table {
                margin: 0;
                padding: 0;
                background: transparent
            }
            .content.calendar_segment table tr {
                background: transparent
            }
            .content.calendar_segment .fc-row .fc-content-skeleton td,
            .content.calendar_segment .fc-row .fc-helper-skeleton td {
                border-color: #ddd
            }
            .content.calendar_segment .fc-prev-button,
            .content.calendar_segment .fc-next-button {
                background: transparent;
                border: none;
                box-shadow: none
            }
            .content.segment-cv_calendar .cv-calendar-wrapper {
                position: relative;
                top: 0;
                left: 0
            }
            .content.segment-cv_calendar .cv-calendar-wrapper #cv-calendar-spinner {
                position: absolute;
                top: 48%;
                left: 48%
            }



            @media screen and (max-width: 640px) {
                .content.segment-cv_calendar .cv-calendar-wrapper .ui-selectmenu-button,
                .content.segment-cv_calendar .cv-calendar-wrapper .radius_zip,
                .content.segment-cv_calendar .cv-calendar-wrapper .radius_zip_sub {
                    width: 100% !important;
                    margin-bottom: 20px
                }
            }
            @media screen and (min-width: 641px) {
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis {
                    position: relative;
                    top: 0;
                    left: 0;
                    height: 60px
                }
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .ui-selectmenu-button,
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .radius_zip,
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .radius_zip_sub {
                    position: absolute;
                    top: 0;
                    left: 0
                }
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .ui-selectmenu-button {
                    width: 120px !important;
                    top: 5px
                }
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .radius_zip {
                    left: 145px
                }
                .content.segment-cv_calendar .cv-calendar-wrapper .umkreis .radius_zip_sub {
                    left: 250px
                }
            }
            .content.aw_sorteneberater {
                width: calc(100% - 2.125rem - 1.25rem)
            }
            .content.aw_sorteneberater .aw_sorteneberater_critbox {
                background-color: #f1f0e4
            }
            .content.aw_sorteneberater .crit-box {
                float: left;
                width: 32%
            }
            .content.aw_sorteneberater .crit-box span.ui-selectmenu-button {
                min-width: 70% !important;
                min-height: 24px
            }
            .content.aw_sorteneberater .sortenberater-light-buttons {
                clear: both;
                padding-top: 2rem
            }
            .content.aw_sorteneberater .sortenberater-light-buttons input {
                display: inline-block
            }
            .language-select li {
                display: block;
                width: 100%;
            }
            .language-select li a {
                float: none;
                height: 1rem;
                width:100%!important;
            }
            .language-select li a:hover {
                text-decoration: underline
            }
            .language-select li.act a {
                text-decoration: underline
            }
            .content.dictionary {
                width: calc(100% - 2.125rem - 1.25rem);
                min-height: 300px
            }
            .content.dictionary .category-bar {
                padding: 1rem;
                background: #e4e1cd
            }
            .content.dictionary .category-bar a {
                color: #000
            }
            .content.dictionary .category-bar a.is-active,
            .content.dictionary .category-bar a:hover {
                color: #ff6c00
            }
            .content.dictionary .category-bar a,
            .content.dictionary .category-bar span {
                margin: 0 5px
            }
            @media screen and (max-width: 640px) {
                .content.dictionary .category-bar a,
                .content.dictionary .category-bar span {
                    display: inline-block;
                    margin: 10px 10px
                }
            }
            .content.dictionary .result-wrapper {
                background: #f1f0e4;
                padding: 1.25rem
            }
            .content.dictionary .you-looked-for {
                padding: 0.5rem 0 2rem 0
            }
            .content.dictionary .you-looked-for span {
                font-weight: bold
            }
            .content.dictionary .dictionary-results h4 {
                margin-bottom: 1rem
            }
            #cboxTitle {
                display: block;
                top: 0px;
                height: 20px;
                color: #000 !important;
                background-color: rgba(255, 255, 255, 0.6)
            }
            .variety_panel .hidden_tabintro,
            .variety_panel .hidden_subheadline {
                display: none
            }
            .content.calendar_segment {
                width: calc(100% - 2.125rem - 1.25rem)
            }
            .content.calendar_segment .calender-wrapper {
                background: #e8e6d4;
                padding: 1.25rem
            }
            .content.calendar_segment .fc-widget-content td.fc-day {
                background: #FFF
            }
            .content.calendar_segment .fc-widget-content td.fc-state-highlight {
                background: #ff6c00;
                color: #FFF;
                font-weight: bold
            }
            .content.calendar_segment .fc-widget-content td.fc-event-container,
            .content.calendar_segment .fc-widget-content td.fc-event-container a.fc-day-grid-event {
                color: #FFF !important
            }
            .content.calendar_segment .fc-widget-content .fc-day-grid-event,
            .content.calendar_segment .fc-widget-content .fc-day-grid-event span {
                font-size: 10px
            }
            .content.calendar_segment .fc-widget-content .fc-day-grid-event {
                border: 1px solid #FFF
            }
            .content.calendar_segment .fc-widget-content .fc-time {
                display: none
            }
            main .content.segment-interativeimage {
                width: calc(100% - 2.125rem - 1.25rem)
            }
            .clean-table {
                background: none;
                border: none
            }
            .clean-table tr,
            .clean-table th,
            .clean-table td {
                background: none !important;
                border: none;
                padding: 0px
            }
            .clean-table tr:nth-child(even),
            .clean-table tr:nth-child(odd) {
                background-color: transparent
            }
            .favourite-tool a {
                text-decoration: none
            }
            form label.error {
                font-size: 0.6rem;
                color: #be5f46;
                display: inline;
                margin-left: 10px
            }
            .welt_info_box {
                width: 160px;
                background-color: #FFF;
                 font-family: "HelveticaRegular", sans-serif;
                font-size: 8pt;
                display: none;
                position: absolute;
                z-index: 55;
                filter: Alpha(opacity=80, finishopacity=80);
                -moz-opacity: 0.8;
                opacity: 0.8;
                padding: 5px
            }
            .conti_info_box {
                width: 160px;
                background-color: #FFF;
                display: none;
                z-index: 5;
                filter: Alpha(opacity=80, finishopacity=80);
                -moz-opacity: 0.8;
                opacity: 0.8
            }
            .regionenkarte {
                width: 940px;
                position: relative;
                top: 0px;
                left: 0px
            }
            .region {
                background: #FFF;
                opacity: 0.8;
                color: #787878;
                width: 160px;
                padding: 5px;
                font-size: 8pt;
                 font-family: "HelveticaRegular", sans-serif;
                border-radius: 5px;
                box-shadow: 4px 4px 3px #CCC;
                margin-bottom: 20px;
                position: absolute;
                display: none
            }
            .reg_nord_amerika {
                border-top: 1px solid #CCBC98;
                border-left: 1px solid #CCBC98;
                top: 90px;
                left: 296px
            }
            .reg_suedamerika {
                border-top: 1px solid #6F9FD0;
                border-left: 1px solid #6F9FD0;
                top: 290px;
                left: 340px
            }
            .reg_afrika {
                border-top: 1px solid #A6A6A6;
                border-left: 1px solid #A6A6A6;
                top: 226px;
                left: 528px
            }
            .reg_osteuropa {
                border-top: 1px solid #E4F39E;
                border-left: 1px solid #E4F39E;
                top: 65px;
                left: 320px
            }
            .reg_vorderasien {
                border-top: 1px solid #C4DF50;
                border-left: 1px solid #C4DF50;
                top: 172px;
                left: 330px
            }
            .reg_ostasien {
                border-top: 1px solid #FFDF7C;
                border-left: 1px solid #FFDF7C;
                top: 134px;
                left: 448px
            }
            .reg_suedostasien {
                border-top: 1px solid #FFCC00;
                border-left: 1px solid #FFCC00;
                top: 290px;
                left: 640px
            }
            .reg_europamap {
                background: #FFF;
                width: 350px;
                height: 350px;
                padding: 2px 0px 0px 2px;
                border-radius: 5px;
                box-shadow: 6px 6px 3px #DDD;
                position: absolute;
                top: 30px;
                left: 300px;
                border-top: 1px solid #EF7F00;
                border-left: 1px solid #EF7F00;
                display: none
            }
            .reg_europa {
                left: 75px;
                top: 30px;
                border-top: 1px solid #EF7F00;
                border-left: 1px solid #EF7F00
            }
            .euroregion {
                display: none
            }
            .reg_close {
                position: absolute;
                top: 3px;
                right: 3px;
                cursor: pointer
            }
            #worldmap {
                display: none
            }
            #worldmap svg .map_country_normal {
                fill: #FFFFFF;
                stroke: #BDBCBC;
                stroke-width: 0.75;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-miterlimit: 10
            }
            #worldmap svg .map_country_highlight {
                fill: #EDEDED;
                stroke: #BDBCBC;
                stroke-width: 0.75;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-miterlimit: 10;
                transition-property: fill;
                transition-duration: 0.6s
            }
            #worldmap svg .map_country_highlight:hover {
                fill: #EE7F00;
                cursor: pointer;
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            @media screen and (max-width: 640px) {
                #worldmap svg {
                    display: none
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                #worldmap svg {
                    display: none
                }
            }
            #worldmap .worldmap_slide_opener,
            #worldmap .worldmap_slide_hide {
                display: none
            }
            #worldmap h4 {
                font-size: 28px;
                color: #EE7F00;
                font-weight: normal;
                padding: 0px;
                margin: 0px 0px 20px 0px;
                line-height: 1.0;
                float: none
            }
            #worldmap ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px
            }
            #worldmap .worldmap_links {
                padding-left: 20px
            }
            #worldmap .worldmap_cols .wmcol {
                float: left;
                width: 200px;
                padding-top: 5px;
                line-height: 1.2
            }
            #worldmap .worldmap_cols .wmcol .nav_ul {
                padding-right: 30px
            }
            @media screen and (max-width: 640px) {
                #worldmap .worldmap_cols .wmcol .nav_ul {
                    min-height: 500px
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                #worldmap .worldmap_cols .wmcol .nav_ul {
                    min-height: 500px
                }
            }
            #worldmap .worldmap_cols a {
                -moz-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out
            }
            @media screen and (max-width: 640px) {
                #worldmap .worldmap_cols a {
                    display: block;
                    padding-top: 5px;
                    padding-bottom: 5px
                }
            }
            @media screen and (min-width: 641px) and (max-width: 1023px) {
                #worldmap .worldmap_cols a {
                    display: block;
                    padding-top: 5px;
                    padding-bottom: 5px
                }
            }
            #consultant_slider {
                display: none
            }
            #consultant_slider * {
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box
            }
            #consultant_slider .consultant_slide_opener,
            #consultant_slider .consultant_slide_hide,
            #consultant_slider .consultant_zip_search {
                display: none
            }
            #consultant_slider .consultant_overlay .close,
            #consultant_slider .worldmap_overlay .close {
                background-image: url("/custom/kws/alto/images/basics/consultant_close.png");
                position: absolute;
                right: 20px;
                top: 20px;
                cursor: pointer;
                height: 18px;
                width: 18px
            }
            #consultant_slider .slide_block1 {
                width: 490px;
                height: 440px;
                float: left
            }
            #consultant_slider .choose_kultur {
                background: url("/custom/kws/alto/images/consultant_slider/arrow_karte_right.png") 447px 128px no-repeat;
                height: 100%
            }
            #consultant_slider .choose_kultur h4 {
                width: 425px
            }
            #consultant_slider .your_consultant {
                background: url("/custom/kws/alto/images/consultant_slider/arrow_karte_left.png") 447px 128px no-repeat;
                height: 100%;
                display: none
            }
            #consultant_slider #consultant_zip_searchinput,
            #consultant_slider .consultant_zip_searchbutton {
                display: none
            }
            #consultant_slider .slide_block2 {
                width: 350px;
                height: 500px;
                float: left;
                position: relative;
                top: 0px;
                left: 0px
            }
            #consultant_slider .kultur_head_icon {
                width: 84px;
                height: 84px;
                float: left
            }
            #consultant_slider .slide_block1 h4,
            #consultant_slider .worldmap_slide h4 {
                font-size: 28px;
                color: #EE7F00;
                font-weight: normal;
                padding: 0px;
                margin: 0px 0px 20px 0px;
                line-height: 1.0;
                float: left
            }
            #consultant_slider .your_consultant_header h4 {
                margin: 0px 0px 0px 0px;
                width: 400px
            }
            #consultant_slider .slide_block1 h5 {
                font-size: 26px;
                color: #EE7F00;
                font-weight: normal;
                padding: 0px;
                margin: 4px 0px 2px 0px;
                float: left;
                width: 360px
            }
            #consultant_slider .consultant_data {
                margin-top: 15px
            }
            #consultant_slider .consultant_image {
                width: 200px;
                float: left
            }
            #consultant_slider .consultant_info {
                width: 500px;
                float: left;
                color: #000;
                font-size: 14px
            }
            #consultant_slider .consultant_info table td {
                padding: 1px 3px;
                font-size: 14px
            }
            #consultant_slider .consultant_info table td.cons_tel_val,
            #consultant_slider .consultant_info table td.cons_fax_val,
            #consultant_slider .consultant_info table td.cons_mail_val {
                padding-left: 12px
            }
            #consultant_slider .kultur_btn,
            #consultant_slider .kultur_btn_spacer {
                width: 132px;
                height: 42px;
                float: left;
                padding-top: 24px;
                padding-bottom: 20px;
                padding-right: 4px;
                padding-left: 86px;
                position: relative;
                top: 0px;
                left: 0px;
                line-height: 1.0
            }
            #consultant_slider .doubleline {
                height: 54px;
                padding-top: 12px
            }
            #consultant_slider .kultur_btn img {
                position: absolute;
                top: 0px;
                left: 0px
            }
            #consultant_slider .kultur_btn a,
            #consultant_slider .kultur_btn a:hover {
                text-decoration: none;
                font-size: 17px
            }
            #consultant_slider .kulturkarte {
                display: none
            }
            #consultant_slider .kulturkarte.act,
            #consultant_slider .kulturkarte.akt {
                display: block
            }
            #consultant_slider .sub_consultant_map {
                background: #FFFFFF;
                border-radius: 8px 8px 8px 8px;
                box-shadow: 2px 2px 10px 1px #AEAEAE;
                width: 360px;
                padding-top: 20px;
                display: none;
                position: absolute;
                right: 10px;
                top: 20px
            }
            .swiper-container,
            .content-swipeable {
                margin: 0 auto;
                position: relative;
                overflow: hidden;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                -o-backface-visibility: hidden;
                backface-visibility: hidden;
                z-index: 1
            }
            .swiper-wrapper {
                position: relative;
                width: 100%;
                -webkit-transition-property: -webkit-transform, left, top;
                -webkit-transition-duration: 0s;
                -webkit-transform: translate3d(0px, 0, 0);
                -webkit-transition-timing-function: ease;
                -moz-transition-property: -moz-transform, left, top;
                -moz-transition-duration: 0s;
                -moz-transform: translate3d(0px, 0, 0);
                -moz-transition-timing-function: ease;
                -o-transition-property: -o-transform, left, top;
                -o-transition-duration: 0s;
                -o-transform: translate3d(0px, 0, 0);
                -o-transition-timing-function: ease;
                -o-transform: translate(0px, 0px);
                -ms-transition-property: -ms-transform, left, top;
                -ms-transition-duration: 0s;
                -ms-transform: translate3d(0px, 0, 0);
                -ms-transition-timing-function: ease;
                transition-property: transform, left, top;
                transition-duration: 0s;
                transform: translate3d(0px, 0, 0);
                transition-timing-function: ease;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box
            }
            .swiper-free-mode>.swiper-wrapper {
                -webkit-transition-timing-function: ease-out;
                -moz-transition-timing-function: ease-out;
                -ms-transition-timing-function: ease-out;
                -o-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                margin: 0 auto
            }
            .swiper-slide {
                float: left;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box
            }
            .swiper-wp8-horizontal {
                -ms-touch-action: pan-y
            }
            .swiper-wp8-vertical {
                -ms-touch-action: pan-x
            }
            .pagination {
                -webkit-transform: translate3d(0, 0, 0)
            }
            .swiper-pagination-switch {
                display: inline-block;
                margin: 0.3125rem 0.9375rem;
                width: 0.375rem;
                height: 0.375rem;
                -moz-border-radius: 0.1875rem;
                -webkit-border-radius: 0.1875rem;
                border-radius: 0.1875rem;
                background-color: white;
                cursor: pointer
            }
            @media screen and (max-width: 640px) {
                .swiper-pagination-switch {
                    background-color: #87888a
                }
            }
            .swiper-active-switch {
                margin-bottom: 0;
                border: 1px solid white;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                border-radius: 0.5rem;
                width: 1rem;
                height: 1rem;
                background-color: #ff6c00
            }
            @media screen and (max-width: 640px) {
                .swiper-active-switch {
                    border: 1px solid #87888a;
                    background-color: white
                }
            }
            .migration-container {
                display: block
            }
            .content .content {
                margin-left: 0;
                margin-bottom: 0;
                margin-bottom: 0;
                width: auto
            }
            .content.ui-tabs .ui-tabs-panel {
                padding: 0
            }
            .content.ui-tabs .ui-tabs-panel h1 {
                margin-left: 1.25rem
            }
            .textcontainer td {
                padding-right: 1.25rem
            }
            .segment-navibox h2 {
                white-space: normal
            }
            .scrollable-control {
                padding-top: 16px;
                text-align: center
            }
            .scrollable-control .scroll-left,
            .scrollable-control .scroll-right {
                display: inline-block;
                height: 48px;
                width: 48px;
                cursor: pointer
            }
            .scrollable-control .scroll-left {
                background: url(../images/pfeil_links@2x.png) no-repeat;
                background-size: 32px;
                background-position: left center
            }
            .scrollable-control .scroll-right {
                background: url(../images/pfeil_rechts@2x.png) no-repeat;
                background-size: 32px;
                background-position: right center
            }
            @media screen and (max-width: 640px) {
                .content.segment-navibox .arrowleft,
                .content.segment-navibox .arrowright {
                    display: none !important
                }
            }
            footer article {
                width: 100%
            }
            footer .socials br {
                clear: both
            }
            body {
                -webkit-animation: bugfix infinite 1s
            }
            @-webkit-keyframes bugfix {
                from {
                    display: block
                }
                to {
                    display: block
                }
            }



            .segment-varietyselector{
                padding: 0.625rem;
                background-color: #dddcd7;
                white-space: nowrap;
            }


            .segment-varietyselector .varietyselector-item {
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.25rem;
                position: relative;
                display: inline-block;
                margin-right: 0.5rem;
                list-style: none;
                width: 13.125rem;
                min-height: 31.25rem;
                padding: 0 0.3125rem 1.875rem 0.3125rem;
                background-color: white;
                vertical-align: top;
                white-space: normal;
                min-height:520px;
            }

            .var-intro .var-title{
                display:block;
                color: #1a1a1a;
                font-family: 'HelveticaLight', sans-serif;
                font-size: 1.25rem;
                text-decoration:none;
                min-height:3rem;
            }
            .var-intro .var-title:hover{
                text-decoration:underline;
            }

            .var-pic{
                margin: 0 -0.3125rem 1.5625rem -0.3125rem;
                width: 13.125rem;
                height: 10.9375rem;
            }

            .var-pic img{
                display: block;
                max-width: 100%
            }

            .var-text{
                display: block; 
                color:#1a1a1a;
                font-family: "HelveticaRegular", sans-serif;
                font-size:1rem;
                max-height:225px;
                overflow-x:hidden;
                overflow-y:auto;
                text-overflow:ellipsis;

            }

            .var-morelink a{
                border: none;
                background-color: #87888a;
                padding: 0 1.25rem;
                color: white;
                line-height: 1.875rem;
                text-transform: uppercase;
                position: absolute;
                bottom: 0.3125rem;
                left: 0.3125rem;
                color: white;
                font-size: 0.9375rem;
            }

            .var-morelink a:hover{
                color: white;
                background-color: #5c6970;
                text-decoration: none;
            }


            /* nachhaltigkeits header */
            .headertext{
                position:absolute!important;
                display:inline-block!important;
                z-index:30!important;
                left:330px!important;
                top:28px!important;
                font-family: "HelveticaLight", arial, sans-serif;
                font-size:2.8rem;
                line-height:3rem;
                color:#FFF;
                width:calc(100% - 480px);
                overflow:hidden;
            }

            @media screen and (max-width:1024px){
                .headertext{
                    left:330px!important;
                    top:88px!important;
                    font-size:2.8rem;
                    line-height:3rem;
                    width:calc(100% - 480px);
                }
            }

            @media screen and (max-width:980px){
                .headertext{
                    left:330px!important;
                    top:88px!important;
                    font-size:2rem;
                    line-height:2.5rem;
                    width:calc(100% - 480px);
                }
            }

            @media screen and (max-width:780px){
                .headertext{
                    left:330px!important;
                    top:88px!important;
                    font-size:1.7rem;
                    line-height:2.5rem;
                    width:calc(100% - 480px);
                }
            }

            @media screen and (max-width:640px){
                .headertext{
                    left:160px!important;
                    top:115px!important;
                    font-size:1.5rem;
                    line-height:1.7rem;
                    width:calc(100% - 240px);
                }
            }

            @media screen and (max-width:490px){
                .headertext{
                    left:160px!important;
                    top:115px!important;
                    font-size:1rem;
                    line-height:1.5rem;
                    width:calc(100% - 240px);
                }
            }

            @media screen and (max-width:420px){
                .headertext{
                    left:160px!important;
                    top:115px!important;
                    font-size:.8rem;
                    line-height:.9rem;
                    width:calc(100% - 240px);
                }
            }

 /*end @media screen*/