/* source-sans-pro-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-style: normal;
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
    src: url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/gri-wGlobal/wGlobal/layout/webfonts/source_sans_pro/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    line-height: 25px;
    font-size: 17px
}

p {
    margin: 0
}

.clearBoth {
    height: 0px;
    line-height: 0;
    font-size: 0px;
    clear: both;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.container-fluid.outer {
    padding: 0
}

a img {
    border: none
}

#blockTop a:focus {
    border: none;
    outline: 0;
    background-color: transparent
}

hr {
    margin: 0 0 40px 0;
    border-top: 1px solid #bfc0c1
}

.alignCenter {
    text-align: center
}

.alignRight {
    text-align: right
}

a.tooltip {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.elementPicture {
    margin: 0 0 20px 0
}

.elementPicture a {
    position: relative;
    display: block
}

.elementPicture a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    content: "";
    background: url("../../images/icons/iconset.png") 3px -127px no-repeat #373737
}

.elementPictureRight {
    margin: 0
}

.elementPictureLeft {
    margin: 0
}

img.pictureAdapt {
    width: 100%;
    height: auto;
    display: block
}

img.pictureDefault {
    max-width: 100%;
    height: auto;
    width: auto;
    display: block
}

img.pictureLeft {
    width: auto;
    height: auto;
    float: left;
    margin: 0 15px 15px 0;
    display: inline
}

img.pictureRight {
    width: auto;
    height: auto;
    float: right;
    margin: 0 0 15px 15px;
    display: inline
}

img.pictureSize50 {
    max-width: 50%;
    height: auto
}

img.pictureSize33 {
    max-width: 33%;
    height: auto
}

.pictureSubtitle {
    font-size: 15px
}

/*.clearfix                                   {height: 1px; font-size: 1px; line-height: 1px; overflow: hidden}*/

#blockContent a {
    color: #3b3b3b;
    text-decoration: underline
}

#blockContent a:hover {
    text-decoration: none
}

span.legendgreen {
    color: #31cc53
}

span.legendyellow {
    color: #f3b204
}

span.legendred {
    color: #da272c
}

a.anchor {
    display: block;
    width: 0;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
    text-decoration: none !important
}

.btn-dark {
    display: inline-block;
    padding: 0 18px;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    border: none;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px
}

.btn-dark:hover {
    text-decoration: none;
    color: #fff;
    background-color: #95c222
}

.nopaddingleft {
    padding-left: 0
}

.nopaddingright {
    padding-right: 0
}

table.tableCenter {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none
}

table.tableCenter td {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: middle
}

.thcenter th,
.thcenter th input {
    text-align: center
}

#startSliderInner table.tableCenter {
    width: 65%;
    margin: 0 auto
}

#startSliderInner table.tableCenter td {
    text-align: left
}

table.default tr th,
table.special tr th {
    vertical-align: middle;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    padding: 7px 15px 5px 15px;
    background-color: #3b3b3b;
    border: none
}

table.default tr td,
table.special tr td {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 15px;
    color: #3b3b3b;
    padding: 7px 15px 5px 15px;
    background-color: #fff;
    border: none;
    border-top: 1px solid #bfc0c1
}

table.default tbody tr:first-child td,
table.special tbody tr:first-child td {
    border-top: none
}

table.special tr td,
table.special tr th {
    border-left: 1px solid #c1c2c3;
}

table.special tr td:first-child,
table.special tr th:first-child {
    border-left: none;
}

table tr.highlighted td {
    vertical-align: middle;
}

#blockContent.produkte table.default tr th {
    background-color: #3296d4
}

#blockContent.umwelt table.default tr th {
    background-color: #95c222
}

#blockContent.menschen table.default tr th {
    background-color: #ff5a5a
}

#blockContent.vaude table.default tr th {
    background-color: #675a4e
}

#blockContent.produkte table.special tr th {
    background-color: #3296d4;
    border-color: #a2cbeb
}

#blockContent.umwelt table.special tr th {
    background-color: #95c222;
    border-color: #cbe280
}

#blockContent.menschen table.special tr th {
    background-color: #ff5a5a;
    border-color: #fcadae
}

#blockContent.vaude table.special tr th {
    background-color: #675a4e
}

.table-responsive.scrolldesktop {
    width: 100%;
    margin-bottom: 18.75px;
    overflow-y: hidden;
    overflow-x: scroll;

    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
}

.table-responsive.scrolldesktop > .table {
    margin-bottom: 0;
}

.table-responsive.scrolldesktop > .table > thead > tr > th,
.table-responsive.scrolldesktop > .table > tbody > tr > th,
.table-responsive.scrolldesktop > .table > tfoot > tr > th,
.table-responsive.scrolldesktop > .table > thead > tr > td,
.table-responsive.scrolldesktop > .table > tbody > tr > td,
.table-responsive.scrolldesktop > .table > tfoot > tr > td {
    white-space: nowrap;
}

.table-responsive.scrolldesktop > .table-bordered {
    border: 0;
}

.table-responsive.scrolldesktop > .table-bordered > thead > tr > th:first-child,
.table-responsive.scrolldesktop > .table-bordered > tbody > tr > th:first-child,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr > th:first-child,
.table-responsive.scrolldesktop > .table-bordered > thead > tr > td:first-child,
.table-responsive.scrolldesktop > .table-bordered > tbody > tr > td:first-child,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}

.table-responsive.scrolldesktop > .table-bordered > thead > tr > th:last-child,
.table-responsive.scrolldesktop > .table-bordered > tbody > tr > th:last-child,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr > th:last-child,
.table-responsive.scrolldesktop > .table-bordered > thead > tr > td:last-child,
.table-responsive.scrolldesktop > .table-bordered > tbody > tr > td:last-child,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}

.table-responsive.scrolldesktop > .table-bordered > tbody > tr:last-child > th,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr:last-child > th,
.table-responsive.scrolldesktop > .table-bordered > tbody > tr:last-child > td,
.table-responsive.scrolldesktop > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

.blockLegend > div {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 0 0 10px;
    margin: 0 20px 25px 0;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: italic;
    color: #444;
    font-size: 15px;
    line-height: 18px;
}

.blockLegend > div:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    content: "";
    overflow: hidden;
}

.blockLegend .elementBlack {
    border-left: 2px solid #3b3b3b;
}

.blockLegend .elementGreen {
    border-left: 2px solid #31cc53;
}

.blockLegend .elementYellow {
    border-left: 2px solid #f3b204;
}

.blockLegend .elementRed {
    border-left: 2px solid #e41821;
}

#progressbarTop {
    width: 100%
}

.progressbarTop-left {
    width: 67%;
    height: 4px;
    float: left;
    overflow: hidden;
    background-color: #e35b20
}

.progressbarTop-right {
    width: 33%;
    height: 4px;
    float: left;
    overflow: hidden;
    background-color: #90001c
}

#blockTop {
    position: relative;
    z-index: 150;
    width: 100%;
    min-height: 163px;
    background: url("../../images/backgrounds/bg-blocktop.png") center bottom repeat-x
}

#blockTopInner {
    position: relative;
    margin-top: 0px;
    height: 140px
}

#blockTop .languageBar {
    width: 100%;
    height: 24px;
    background-color: #efeeed
}

#blockTop .languageBar > .container {
    position: relative
}

#blockTop .logo {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 220px
}

#blockTop .logo img {
    display: block;
    width: 100%;
    height: auto
}

#blockTop .languageSelector {
    position: absolute;
    top: 8px;
    left: 25px;
    z-index: 500;
    font-size: 12px;
    line-height: 12px;
    color: #c0beb8;
    font-family: 'Source Sans Pro';
    font-weight: 400;
}

#blockTop .languageSelector a {
    color: #c0beb8;
    text-decoration: none !important
}

#blockTop .languageSelector a:hover {
    text-decoration: underline
}

#blockTop .languageSelector span span {
    color: #645a50
}

#blockTop .metanavigation {
    position: absolute;
    top: 8px;
    right: 25px;
    z-index: 500;
    font-size: 12px;
    line-height: 12px
}

#blockTop .metanavigation a {
    color: #3b3b3b;
    text-transform: uppercase;
    text-decoration: none
}

#blockTop .searchTop {
    display: none;
    position: absolute;
    top: 8px;
    right: 130px;
    z-index: 500;
    padding-left: 22px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    cursor: pointer
}

#blockTop .searchTop:before {
    position: absolute;
    left: 0;
    top: -3px;
    width: 16px;
    height: 16px;
    content: "";
    background: url("../../images/icons/iconset.png") 0px -77px no-repeat;
    background-size: 50px 100px
}

#blockTop .searchTopContainer {
    display: none;
    height: 126px;
    padding: 16px 0;
    background-color: #f4f1ee;
    border-top: 4px solid #fff
}

#blockTop .searchTopContainer > .container {
    position: relative
}

#blockTop #frmSearchTop {
    padding: 0 10px
}

#blockTop .searchTopContainer .searchLabel {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 20px
}

#blockTop .searchTopContainer .form-group {
    width: 82%;
    margin-right: 10px
}

#blockTop .searchTopContainer input.form-control {
    height: 35px;
    width: 100%
}

#blockTop .searchTopContainer .btn-dark {
    height: 35px;
    line-height: 35px
}

#blockTop .searchTopContainer .searchTopClose {
    position: absolute;
    top: -4px;
    right: 15px;
    z-index: 600;
    width: 20px;
    height: 20px;
    content: "";
    cursor: pointer;
    background: url("../../images/icons/iconset.png") -66px -126px no-repeat
}

#blockTop .teaserTop {
    position: absolute;
    top: 24px;
    right: 15px;
    text-align: right;
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-size: 21px;
    line-height: 20px;
    color: #645a50;
    text-transform: uppercase
}

#blockTop .teaserTop > span {
    display: block;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 11px;
    line-height: 20px
}

#blockTop .navbar-default {
    position: absolute;
    top: 76px;
    right: 15px;
    z-index: 500;
    width: auto;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 19px;
    line-height: 18px;
    border: none;
    background-color: transparent;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

#blockTop .navbar-collapse {
    padding: 0;
    width: 850px
}

#blockTop .navbar-nav {
    float: right
}

#blockTop .navbar-nav > li > .dropdown-menu {
    width: 255px;
    left: 30px;
    padding: 0 15px;
    border-top: 2px solid #645a50;
    border-left: none;
    border-bottom: 2px solid #645a50;
    border-right: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

#blockTop .navbar-nav > li.navProdukt > .dropdown-menu {
    border-top: 2px solid #3296d4;
    border-bottom: 2px solid #3296d4
}

#blockTop .navbar-nav > li.navUmwelt > .dropdown-menu {
    border-top: 2px solid #95c222;
    border-bottom: 2px solid #95c222
}

#blockTop .navbar-nav > li.navMenschen > .dropdown-menu {
    border-top: 2px solid #ff5a5a;
    border-bottom: 2px solid #ff5a5a
}

#blockTop .navbar-nav > li.open > a:after {
    position: absolute;
    top: 36px;
    left: 20px;
    width: 14px;
    height: 5px;
    content: "";
    background: url("../../images/icons/iconset.png") left top no-repeat
}

#blockTop .navbar-nav > li.navProdukt.open > a:after {
    background: url("../../images/icons/iconset.png") -16px top no-repeat
}

#blockTop .navbar-nav > li.navUmwelt.open > a:after {
    background: url("../../images/icons/iconset.png") -32px top no-repeat
}

#blockTop .navbar-nav > li.navMenschen.open > a:after {
    background: url("../../images/icons/iconset.png") -48px top no-repeat
}

#blockTop .navbar-nav > li.right > .dropdown-menu {
    left: auto;
    right: 0;
    border-left: 1px solid #9c958e;
    border-right: none
}

#blockTop .navbar-nav > li.right > a:after {
    top: 36px;
    right: 20px;
    left: auto
}

#blockTop .navbar-default a.navLevel1 {
    position: relative;
    white-space: nowrap;
    padding: 8px 0;
    margin: 0 0 0 30px;
    color: #645a50
}

#blockTop .navbar-default li.navProdukt a.navLevel1 {
    color: #3296d4
}

#blockTop .navbar-default li.navUmwelt a.navLevel1 {
    color: #95c222
}

#blockTop .navbar-default li.navMenschen a.navLevel1 {
    color: #ff5a5a
}

#blockTop .navbar-default .navLevel2 {
    position: relative;
    padding: 13px 20px 12px 0;
    margin: 0;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #645a50;
    border-top: 1px solid #efefef
}

#blockTop .navbar-default li.navProdukt .navLevel2 {
    color: #3296d4
}

#blockTop .navbar-default li.navUmwelt .navLevel2 {
    color: #95c222
}

#blockTop .navbar-default li.navMenschen .navLevel2 {
    color: #ff5a5a
}

#blockTop .navbar-default li.dropdown ul.dropdown-menu li:first-child a.navLevel2 {
    border-top: none
}

#blockTop .navbar-default .navLevel2:hover {
    background-color: transparent
}

#blockTop .navbar-default .navLevel2.nodeco:after {
    display: none !important
}

#blockTop .navbar-default li.navUebersicht .navLevel2 {
    display: block;
    padding: 20px 20px 22px 0;
    color: #3b3b3b;
    text-align: center;
    text-transform: uppercase
}

#blockTop .navbar-default li.navUebersicht .navLevel2:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: 0 0 0 3px;
    content: "";
    background: url("../../images/icons/iconset.png") left -37px no-repeat
}

#blockTop .navbar-default li.navUebersicht span.navLevel2:after {
    display: none
}

#blockTop .navbar-default li li.navUebersicht .navLevel2:before {
    display: block;
    margin: 0 auto;
    width: 47px;
    height: 36px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -50px -54px no-repeat
}

#blockTop .navbar-default li.navProdukt li.navUebersicht .navLevel2:before {
    display: block;
    margin: 0 auto;
    width: 46px;
    height: 45px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") left top no-repeat
}

#blockTop .navbar-default li.navUmwelt li.navUebersicht .navLevel2:before {
    display: block;
    margin: 0 auto;
    width: 46px;
    height: 45px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -46px top no-repeat
}

#blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2:before {
    display: block;
    margin: 0 auto;
    width: 46px;
    height: 55px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") left -45px no-repeat
}

#blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2 {
    padding: 15px 20px 17px 0
}

#blockTop .navbar-default a.navLevel3 {
    position: relative;
    padding: 13px 15px 12px 0;
    margin: 0;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #645a50;
    border-top: 1px solid #efefef
}

#blockTop .navbar-default li.navProdukt a.navLevel3 {
    color: #3296d4
}

#blockTop .navbar-default li.navUmwelt a.navLevel3 {
    color: #95c222
}

#blockTop .navbar-default li.navMenschen a.navLevel3 {
    color: #ff5a5a
}

#blockTop .navbar-default a.navLevel3:after {
    position: absolute;
    top: 17px;
    right: 0px;
    width: 6px;
    height: 10px;
    content: "";
    background: url("../../images/icons/iconset.png") left -37px no-repeat
}

#blockTop .navbar-default li.navProdukt a.navLevel3:after {
    background: url("../../images/icons/iconset.png") -16px -37px no-repeat
}

#blockTop .navbar-default li.navUmwelt a.navLevel3:after {
    background: url("../../images/icons/iconset.png") -32px -37px no-repeat
}

#blockTop .navbar-default li.navMenschen a.navLevel3:after {
    background: url("../../images/icons/iconset.png") -48px -37px no-repeat
}

#blockTop .navbar-default .dropdown-submenu .dropdown-menu li:first-child a.navLevel3 {
    border-top: none
}

#blockTop .navbar-default .dropdown-subsubmenu a.navLevel3 {
    padding-bottom: 3px
}

#blockTop .navbar-default a.navLevel3:hover {
    background-color: transparent
}

ul.navLevel4Container {
    margin: 0 0 7px 0;
    padding: 0 0 0 15px;
    list-style-type: none
}

#blockTop .navbar-default a.navLevel4 {
    position: relative;
    display: block;
    padding: 5px 0 3px 0;
    margin: 0;
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #645a50
}

#blockTop .navbar-default a.navLevel4:hover {
    text-decoration: none !important
}

#blockTop .navbar-default a.navLevel4:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin: 0 0 0 3px;
    content: "";
    background: url("../../images/icons/iconset.png") left -37px no-repeat
}

.dropdown-menu > li > a {
    white-space: normal
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 242px;
    width: 255px;
    margin: -2px 0 0 0;
    padding: 0 15px;
    border-top: 2px solid #645a50;
    border-left: none;
    border-bottom: 2px solid #645a50;
    border-right: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

li.navProdukt .dropdown-submenu > .dropdown-menu {
    border-top: 2px solid #3296d4;
    border-bottom: 2px solid #3296d4
}

li.navUmwelt .dropdown-submenu > .dropdown-menu {
    border-top: 2px solid #95c222;
    border-bottom: 2px solid #95c222
}

li.navMenschen .dropdown-submenu > .dropdown-menu {
    border-top: 2px solid #ff5a5a;
    border-bottom: 2px solid #ff5a5a
}

.dropdown-submenu > .dropdown-menu.right {
    top: 0;
    right: 242px;
    left: auto
}

.dropdown-submenu > .dropdown-menu.open {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    content: "";
    position: absolute;
    top: 16px;
    right: 0px;
    width: 10px;
    height: 11px;
    border: none;
    background: url("../../images/icons/iconset.png") 0px -8px no-repeat
}

li.navProdukt .dropdown-submenu > a:after {
    background: url("../../images/icons/iconset.png") -16px -8px no-repeat
}

li.navUmwelt .dropdown-submenu > a:after {
    background: url("../../images/icons/iconset.png") -32px -8px no-repeat
}

li.navMenschen .dropdown-submenu > a:after {
    background: url("../../images/icons/iconset.png") -48px -8px no-repeat
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border: none
}

.navbar-default .navbar-toggle {
    border: none;
    padding: 0;
    margin-top: 24px;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.navbar-default .navbar-toggle .icon-bar {
    width: 32px;
    height: 4px;
    background-color: #67594e
}

.navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px
}

#startSlider {
    position: relative;
    z-index: 100;
    margin: -20px 0 0 0;
    background-color: #645a50
}

#startSlider .container {
    position: relative
}

#startSlider .buttonManageSlides {
    left: 15px;
    top: 10px !important;
    right: auto !important
}

#startSliderInner {
    position: relative
}

#startSlider .listEntries {
    position: relative
}

#bx-pager {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0 66px
}

#bx-pager a {
    display: block;
    float: left;
    width: 242px;
    height: 40px;
    padding: 12px 0;
    margin: 0 2px 0 0;
    font-size: 17px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    border: none;
    background: url("../../images/backgrounds/bg-bx-pager.png") left top
}

#bx-pager a:hover {
    background-color: #645a50;
    text-decoration: none !important
}

#bx-pager a:nth-child(2) {
}

#bx-pager a:first-child {
    margin-left: 2px
}

#bx-pager a.active {
    border-top: 2px solid #ff5b11;
    height: 40px;
    padding: 10px 0
}

#startSlider .bx-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

#startSliderInner .beButtonDeleteRow {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 250
}

#startSliderInner .beButtonEditRow {
    position: absolute;
    top: 10px;
    right: 24px;
    z-index: 250
}

#startSliderInner .listEntryInfoLayer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    text-align: center
}

#startSliderInner .listEntryTitle {
    margin: 0 0 3px 0;
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-size: 56px;
    line-height: 56px;
    color: #645a50;
    text-transform: uppercase
}

#startSliderInner .listEntryTitle a,
#startSliderInner .listEntryTitle a:hover {
    color: inherit;
    text-decoration: none
}

#startSliderInner .listEntryDescription {
    font-size: 22px;
    line-height: 28px;
    color: #645a50;
    margin-bottom: 22px
}

#blockHead {
    background-color: #645a50;
    margin: -20px 0 25px 0;
    min-height: 110px
}

#blockHead h1 {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 32px;
    margin: 45px 0 10px 0;
    line-height: 34px;
    color: #fff
}

#searchTop {
    margin-top: 44px
}

#searchTop .search-group {
    display: inline-block
}

#blockContentStart {
    position: relative;
    width: 100%;
    margin: 30px 0 100px 0
}

#blockContent {
    position: relative;
    width: 100%;
    margin: 0 0 100px 0
}

#blockContent.nobreadcrumb {
    margin-top: 30px
}

.uebersichtsbox {
    cursor: pointer;
    width: 100%;
    height: 334px;
    padding: 15px;
    margin: 0 0 30px 0;
    overflow: hidden;
    color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.uebersichtsbox .headline {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center
}

.uebersichtsbox .headline a,
.uebersichtsbox .headline a:hover {
    color: #fff;
    text-decoration: none !important
}

.uebersichtsbox .icon {
    display: block;
    margin: 30px auto 35px auto
}

.teaserboxen.katProdukte .uebersichtsbox .icon {
    width: 96px;
    height: 97px;
    background: url("../../images/icons/icon-produkte.png") left top no-repeat;
    background-size: 96px 97px
}

.teaserboxen.katUmwelt .uebersichtsbox .icon {
    width: 96px;
    height: 66px;
    background: url("../../images/icons/icon-umwelt.png") left top no-repeat;
    background-size: 96px 66px
}

.teaserboxen.katMenschen .uebersichtsbox .icon {
    width: 32px;
    height: 90px;
    background: url("../../images/icons/icon-menschen.png") left top no-repeat;
    background-size: 32px 90px
}

.teaserboxen.katVaude .uebersichtsbox .icon {
    width: 32px;
    height: 90px;
    background: url("../../images/icons/icon-menschen.png") left top no-repeat;
    background-size: 32px 90px
}

.uebersichtsbox .desc {
    font-size: 21px;
    line-height: 28px;
    text-align: center
}

.teaserboxen.katProdukte .uebersichtsbox {
    background-color: #3296d4
}

.teaserboxen.katUmwelt .uebersichtsbox {
    background-color: #95c222
}

.teaserboxen.katMenschen .uebersichtsbox {
    background-color: #ff5a5a
}

.teaserboxen.katVaude .uebersichtsbox {
    background-color: #675a4e
}

.bildlinkbox {
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.bildlinkbox:hover .bildlinkbox-inner {
    background-color: #f8f8f8
}

.bildlinkbox-thumbnail {
    width: 100%;
    height: 240px;
    overflow: hidden;
    background-color: #f8f8f8
}

.bildlinkbox.produkte .bildlinkbox-thumbnail {
    background-color: #3296d4
}

.bildlinkbox.umwelt .bildlinkbox-thumbnail {
    background-color: #95c222
}

.bildlinkbox.menschen .bildlinkbox-thumbnail {
    background-color: #ff5a5a
}

.bildlinkbox.vaude .bildlinkbox-thumbnail {
    background-color: #675a4e
}

.bildlinkbox-thumbnail img {
    width: auto;
    height: 240px;
    display: block;
    margin: 0 auto
}

#blockContentStart .bildlinkbox-thumbnail img {
    margin: 0 0 0 -38px
}

.largebox .bildlinkbox-thumbnail img {
    margin: 0 0 0 -138px
}

.bildlinkbox-inner {
    width: 100%;
    height: 94px;
    padding: 0 10px;
    overflow: hidden
}

.bildlinkbox-inner a {
    display: block;
    text-align: center;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px
}

.bildlinkbox-inner a:hover {
    text-decoration: none !important
}

#blockContent .bildlinkbox-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden
}

#blockContent .bildlinkbox-thumbnail img {
    width: 100%;
    height: auto
}

.bildlinkbox.default .bildlinkbox-inner a,
.bildlinkbox.default .bildlinkbox-inner a:hover {
    color: #3b3b3b
}

.bildlinkbox.produkte .bildlinkbox-inner a,
.bildlinkbox.produkte .bildlinkbox-inner a:hover {
    color: #3296d4
}

.bildlinkbox.umwelt .bildlinkbox-inner a,
.bildlinkbox.umwelt .bildlinkbox-inner a:hover {
    color: #95c222
}

.bildlinkbox.menschen .bildlinkbox-inner a,
.bildlinkbox.menschen .bildlinkbox-inner a:hover {
    color: #ff5a5a
}

.bildlinkbox.vaude .bildlinkbox-inner a,
.bildlinkbox.vaude .bildlinkbox-inner a:hover {
    color: #675a4e
}

.bildlinkbox.produkte:after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 39px;
    height: 42px;
    content: "";
    background: url("../../images/icons/iconset_boxcategories.png") 0px 0px no-repeat
}

.bildlinkbox.umwelt:after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 46px;
    height: 42px;
    content: "";
    background: url("../../images/icons/iconset_boxcategories.png") -39px 0px no-repeat
}

.bildlinkbox.menschen:after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 39px;
    height: 48px;
    content: "";
    background: url("../../images/icons/iconset_boxcategories.png") 0px -42px no-repeat
}

.bildlinkbox.vaude:after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 46px;
    height: 48px;
    content: "";
    background: url("../../images/icons/iconset_boxcategories.png") -39px -42px no-repeat
}

#blockBottom {
    position: relative;
    width: 100%;
    height: 66px;
    background-color: #645a50
}

#navigationMeta {
    color: #d8d6d3;
    font-size: 15px;
    padding: 21px 0 0 0
}

#navigationMeta a {
    color: #d8d6d3;
    font-size: 15px;
    text-decoration: none !important
}

#navigationMeta a:hover {
    text-decoration: underline
}

#searchBox {
    display: none;
    padding: 18px 0 0 0
}

#searchTerm {
    padding: 7px 15px 5px 40px;
    width: 100%
}

.search-group {
    position: relative;
    width: 89%
}

.search-group:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 33px;
    height: 30px;
    content: "";
    background: url("../../images/icons/iconset.png") -61px 6px no-repeat #fff
}

.btn.btn-submit-search {
    position: relative;
    width: 9%;
    height: 30px;
    background-color: #59514a;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.btn.btn-submit-search:after {
    position: absolute;
    left: 50%;
    top: 6px;
    margin: 0 0 0 -4px;
    display: block;
    width: 8px;
    height: 18px;
    content: "";
    background: url("../../images/icons/iconset.png") 0 -51px no-repeat
}

#blockFooter {
    position: relative;
    width: 100%;
    padding: 40px 0;
    line-height: 18px;
    background-color: #fff
}

#blockFooter .partner {
    margin-bottom: 50px;
    line-height: 54px;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    color: #393939
}

#blockFooter .partner span {
    display: inline-block;
    font-size: 15px;
    color: #3b3b3b;
    margin: 0 25px 0 0
}

#blockFooter .partner a,
#blockFooter .partner a:hover {
    text-decoration: none !important
}

.blockNavFooter {
    margin-bottom: 20px
}

#blockFooter .brandalliance {
    text-align: center;
    margin: 0
}

#blockFooter .brandalliance span {
    display: block;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    color: #d9d9d9;
    margin: 0 0 4px 0
}

#navigationFootermap {
    margin: 0 0 20px 0
}

#navigationFootermap a.navLevel1 {
    display: block;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    color: #3b3b3b;
    text-decoration: none !important
}

#navigationFootermap .navProdukt a.navLevel1 {
    position: relative;
    padding: 0 0 0 26px
}

#navigationFootermap .navProdukt a.navLevel1:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -3px -1px no-repeat;
    background-size: 55px 55px
}

#navigationFootermap .navUmwelt a.navLevel1 {
    position: relative;
    padding: 0 0 0 26px
}

#navigationFootermap .navUmwelt a.navLevel1:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -30px -1px no-repeat;
    background-size: 55px 55px
}

#navigationFootermap .navMenschen a.navLevel1 {
    position: relative;
    padding: 0 0 0 26px
}

#navigationFootermap .navMenschen a.navLevel1:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 19px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -5px -32px no-repeat;
    background-size: 65px 65px
}

#navigationFootermap .navVaude a.navLevel1 {
    position: relative;
    padding: 0 0 0 26px
}

#navigationFootermap .navVaude a.navLevel1:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 19px;
    content: "";
    background: url("../../images/icons/iconset_navcategories.png") -30px -28px no-repeat;
    background-size: 55px 55px
}

#navigationFootermap a.navLevel2 {
    display: block;
    padding: 4px 0;
    font-size: 15px;
    color: #3b3b3b;
    text-decoration: none !important
}

input.form-control {
    height: 30px;
    font-size: 15px;
    color: #9e9e9e;
    border: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

textarea.form-control {
    font-size: 15px;
    color: #9e9e9e;
    border: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: normal;
    padding-top: 4px
}

.form-control.error {
    background-color: #ffc4c4
}

div.checkbox .checkbox {
    margin-top: -3px
}

.btn-submit {
    position: relative;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 18px 30px 13px 66px;
    background-color: #ff5b11;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.btn-submit:hover, .btn-submit:focus {
    color: #fff
}

.btn-submit:before {
    position: absolute;
    top: 17px;
    left: 28px;
    width: 27px;
    height: 16px;
    content: "";
    background: url("../../images/icons/iconset.png") 0px -110px no-repeat
}

.btn-submit:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") -88px -24px no-repeat
}

.formularblock .marginTop {
    margin-top: 7px
}

.submitRight {
    text-align: right
}

.statementbox {
    width: 100%;
    height: 331px;
    padding: 15px;
    margin: 0 0 30px 0;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.statementbox .image {
    float: left;
    width: 34%;
    height: 100%;
    padding-right: 30px
}

.statementbox .imageInner {
    width: 100%;
    height: 100%
}

.statementbox .image img.imageItem {
    display: block;
    width: 100%
}

.statementbox .statement {
    float: left;
    width: 66%;
    height: 100%
}

.statementbox .headline {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-size: 24px;
    color: #e35b20;
    margin: 0 0 10px 0
}

.statementbox .desc {
    font-size: 17px;
    font-style: italic;
    color: #645a50
}

.bildtextbox {
    position: relative;
    width: 100%;
    height: 331px;
    padding: 15px;
    margin: 0 0 30px 0;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #645a50;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.statementStart .bildtextbox {
    cursor: pointer
}

.bildtextbox-thumbnail {
    width: 100%;
    margin: 0 0 30px 0
}

.bildtextbox-thumbnail img {
    width: 100%
}

.bildtextbox-inner {
    width: 100%;
    text-align: center
}

.themeneinstieg {
    margin: 30px 0 0 0
}

.themenboxbig {
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.themenboxbig:after {
    position: absolute;
    top: 3px;
    right: 5px;
    content: ""
}

.themenboxbig-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden
}

.themenboxbig-thumbnail img {
    width: 100%;
    height: auto
}

.themenboxbig-inner {
    width: 100%;
    height: 148px;
    padding: 0 10px;
    overflow: hidden
}

.themenboxbig:hover .themenboxbig-inner {
    background-color: #f8f8f8
}

.themenboxbig-inner a {
    display: block;
    text-align: center;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px
}

.themenboxbig-inner a:hover {
    text-decoration: none !important
}

.themenboxbig .desc {
    font-size: 17px;
    color: #3b3b3b;
    text-align: center
}

#blockContent .bildlinkbox:after {
    position: absolute;
    top: 3px;
    right: 5px;
    display: block;
    content: ""
}

#blockContent.produkte .themenboxbig-inner a,
#blockContent.produkte .bildlinkbox-inner a {
    color: #3296d4;
    text-decoration: none !important
}

#blockContent.produkte .themenboxbig-inner a:hover,
#blockContent.produkte .bildlinkbox-inner a:hover {
    color: #3296d4;
    text-decoration: none !important
}

#blockContent.produkte .themenboxbig:after {
    width: 39px;
    height: 42px;
    background: url("../../images/icons/iconset_boxcategories.png") 0px 0px no-repeat
}

#blockContent.produkte .bildlinkbox:after {
    width: 39px;
    height: 42px;
    background: url("../../images/icons/iconset_boxcategories.png") 0px 0px no-repeat
}

#blockContent.umwelt .themenboxbig-inner a,
#blockContent.umwelt .bildlinkbox-inner a {
    color: #95c222;
    text-decoration: none !important
}

#blockContent.umwelt .themenboxbig-inner a:hover,
#blockContent.umwelt .bildlinkbox-inner a:hover {
    color: #95c222;
    text-decoration: none !important
}

#blockContent.umwelt .themenboxbig:after {
    width: 46px;
    height: 42px;
    background: url("../../images/icons/iconset_boxcategories.png") -39px 0px no-repeat
}

#blockContent.umwelt .bildlinkbox:after {
    width: 46px;
    height: 42px;
    background: url("../../images/icons/iconset_boxcategories.png") -39px 0px no-repeat
}

#blockContent.menschen .themenboxbig-inner a,
#blockContent.menschen .bildlinkbox-inner a {
    color: #ff5a5a;
    text-decoration: none !important
}

#blockContent.menschen .themenboxbig-inner a:hover,
#blockContent.menschen .bildlinkbox-inner a:hover {
    color: #ff5a5a;
    text-decoration: none !important
}

#blockContent.menschen .themenboxbig:after {
    width: 39px;
    height: 48px;
    background: url("../../images/icons/iconset_boxcategories.png") 0px -42px no-repeat
}

#blockContent.menschen .bildlinkbox:after {
    width: 39px;
    height: 48px;
    background: url("../../images/icons/iconset_boxcategories.png") 0px -42px no-repeat
}

#blockContent.vaude .themenboxbig-inner a,
#blockContent.vaude .bildlinkbox-inner a {
    color: #675a4e;
    text-decoration: none !important
}

#blockContent.vaude .themenboxbig-inner a:hover,
#blockContent.vaude .bildlinkbox-inner a:hover {
    color: #675a4e;
    text-decoration: none !important
}

#blockContent.vaude .themenboxbig:after {
    width: 46px;
    height: 48px;
    background: url("../../images/icons/iconset_boxcategories.png") -39px -48px no-repeat
}

#blockContent.vaude .bildlinkbox:after {
    width: 46px;
    height: 48px;
    background: url("../../images/icons/iconset_boxcategories.png") -39px -48px no-repeat
}

.thementeaser {
    width: 100%;
    padding: 30px;
    margin: 0 0 30px 0;
    color: #fff
}

#blockContent.produkte .thementeaser {
    background-color: #3296d4
}

#blockContent.umwelt .thementeaser {
    background-color: #95c222
}

#blockContent.menschen .thementeaser {
    background-color: #ff5a5a
}

#blockContent.vaude .thementeaser {
    background-color: #675a4e
}

.thementeaser-left {
    position: relative;
    float: left;
    width: 15%
}

.thementeaser-left img {
    display: block;
    width: 100%;
    height: 123px
}

#blockContent.vaude .thementeaser-left {
    width: 15%
}

#blockContent.produkte .thementeaser-left img {
}

#blockContent.menschen .thementeaser-left img {
}

.thementeaser-left:after {
    position: absolute;
    right: 0;
    top: 0;
    content: ""
}

#blockContent.produkte .thementeaser-left:after {
    position: absolute;
    right: 20px;
    top: 0;
    width: 75px;
    height: 76px;
    content: "";
    background: url("../../images/icons/icon-produkte.png") left top no-repeat;
    background-size: 75px 76px
}

#blockContent.umwelt .thementeaser-left:after {
    position: absolute;
    right: 20px;
    top: 0;
    width: 75px;
    height: 52px;
    content: "";
    background: url("../../images/icons/icon-umwelt.png") left top no-repeat;
    background-size: 75px 52px
}

#blockContent.menschen .thementeaser-left:after {
    position: absolute;
    right: 35px;
    top: 0;
    width: 30px;
    height: 85px;
    content: "";
    background: url("../../images/icons/icon-menschen.png") left top no-repeat;
    background-size: 30px 85px
}

#blockContent.vaude .thementeaser-left:after {
    position: absolute;
    right: 20px;
    top: 0;
    width: 75px;
    height: 51px;
    content: "";
    background: url("../../images/icons/icon-vaude.png") left top no-repeat;
    background-size: 75px 51px
}

.thementeaser-right {
    float: right;
    width: 81%
}

#blockContent.vaude .thementeaser-right {
    width: 81%
}

.thementeaser .headline {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 32px;
    line-height: 34px
}

.thementeaser .desc {
    font-size: 22px;
    line-height: 28px
}

.themeneintrag {
    position: relative;
    cursor: pointer;
    padding: 15px 0;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.themeneintrag .themeneintrag-thumbnail img {
    width: 100%;
    height: auto
}

.themeneintrag-inner {
    height: 300px;
    overflow: hidden
}

.themeneintrag-inner .headline {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    margin: 0 0 13px 0
}

#blockContent.produkte .themeneintrag-inner .headline {
    color: #3296d4
}

#blockContent.umwelt .themeneintrag-inner .headline {
    color: #95c222
}

#blockContent.menschen .themeneintrag-inner .headline {
    color: #ff5a5a
}

#blockContent.vaude .themeneintrag-inner .headline {
    color: #675a4e
}

.themeneintrag-inner .desc {
    font-size: 22px;
    line-height: 28px;
    color: #3b3b3b;
    margin: 0 0 10px 0
}

.themeneintrag-inner a {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #3b3b3b;
    text-decoration: none !important
}

.themeneintrag-inner a:after {
    display: inline-block;
    width: 6px;
    height: 11px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") 0 -36px no-repeat
}

.themeneintrag .beButtonDeleteRow {
    position: absolute;
    top: 0;
    right: 0
}

.themeneintrag .beButtonEditRow {
    position: absolute;
    top: 0;
    right: 25px
}

.listDefault > .themeneintrag {
    cursor: default
}

.listDefault > .themeneintrag.listEntryClickable {
    cursor: pointer
}

#blockContent .pageNaviList {
    margin: 0 0 15px 0;
    text-align: right;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    color: #635a4f
}

#blockContent .pageNaviList > span {
    display: inline-block;
    margin: 0 4px
}

#blockContent a.pageNaviNextLink {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 8px;
    background-color: #635a4f;
    text-decoration: none
}

#blockContent a.pageNaviNextLink:after {
    position: absolute;
    left: 50%;
    top: 6px;
    margin: 0 0 0 -4px;
    display: block;
    width: 8px;
    height: 18px;
    content: "";
    background: url("../../images/icons/iconset.png") 0 -51px no-repeat
}

#blockContent a.pageNaviBackLink {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    background-color: #635a4f;
    text-decoration: none
}

#blockContent a.pageNaviBackLink:after {
    position: absolute;
    left: 50%;
    top: 6px;
    margin: 0 0 0 -4px;
    display: block;
    width: 8px;
    height: 18px;
    content: "";
    background: url("../../images/icons/iconset.png") 0 -51px no-repeat;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.bildtextboxbreit {
    padding: 15px 0;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.bildtextboxbreit .bildtextboxbreit-thumbnail img {
    width: 100%;
    height: auto
}

.bildtextboxbreit-inner {
    height: 300px;
    overflow: visible
}

.bildtextboxbreit-inner .headline {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    margin: 0 0 13px 0
}

#blockContent.produkte .bildtextboxbreit-inner .headline {
    color: #3296d4
}

#blockContent.umwelt .bildtextboxbreit-inner .headline {
    color: #95c222
}

#blockContent.menschen .bildtextboxbreit-inner .headline {
    color: #ff5a5a
}

#blockContent.vaude .bildtextboxbreit-inner .headline {
    color: #675a4e
}

.bildtextboxbreit-inner .desc {
    font-size: 17px;
    line-height: 25px;
    color: #3b3b3b;
    margin: 0
}

@media (min-width: 992px) {
    .elementContainer .bildtextboxbreit-inner {
        height: auto
    }

    .elementContainer .bildtextboxbreit-inner .headline {
        font-size: 17px;
        line-height: 21px
    }

    .elementContainer .bildtextboxbreit-inner .desc {
        font-size: 15px;
        line-height: 19px
    }
}

.zitatbox {
    padding: 15px 0;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-bottom: 1px solid #a7a6a2;
    border-right: 1px solid #a7a6a2
}

.zitatbox .zitatbox-thumbnail img {
    width: 100%;
    height: auto
}

.zitatbox-inner {
    height: 300px;
    overflow: hidden;
    text-align: center
}

.zitatbox-inner .name {
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    padding: 0 30px 0 10px
}

.zitatbox-inner .zitat {
    font-size: 23px;
    line-height: 28px;
    font-style: italic;
    color: #3b3b3b;
    margin: 0 0 15px 0;
    padding: 0 30px 0 10px
}

@media (min-width: 1200px) {
    .elementContainer .zitatbox-inner {
        height: auto
    }

    .elementContainer .zitatbox-inner .zitat {
        font-size: 20px;
        line-height: 25px
    }

    .elementContainer .zitatbox-inner .name {
        font-size: 15px;
        line-height: 22px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .elementContainer .zitatbox-inner {
        height: auto
    }

    .elementContainer .zitatbox-inner .zitat {
        font-size: 18px;
        line-height: 22px
    }

    .elementContainer .zitatbox-inner .name {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #blockTop .navbar-default a.navLevel1 {
        font-size: 18px;
        margin-left: 27px
    }

    #blockTop .searchTopContainer .form-group {
        width: 78%
    }

    #startSliderInner .listEntryTitle {
        font-size: 46px;
        line-height: 46px;
        margin: 0
    }

    #startSliderInner .listEntryDescription {
        font-size: 17px;
        line-height: 24x;
        margin-bottom: 14px
    }
}

.keyvisual {
    margin: -20px 0 25px 0
}

.keyvisual img.imageKV {
    width: 100%;
    height: auto
}

#contentTopContainer .elementVideoExternal {
    margin: -20px 0 25px 0
}

#blockBreadcrumb {
    margin: 0 0 28px 0
}

#blockBreadcrumb a {
    font-size: 15px;
    line-height: 18px;
    color: #373737
}

#blockBreadcrumb a:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin: 0 7px 0 7px;
    content: "";
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

#blockBreadcrumb a:last-child:after {
    display: none
}

#blockContent h1, .h1Editor {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    color: #645a50;
    font-size: 56px;
    line-height: 60px;
    text-align: center;
    margin: 0 0 27px 0
}

#blockContent.produkte h1 {
    color: #3296d4
}

#blockContent.umwelt h1 {
    color: #95c222
}

#blockContent.menschen h1 {
    color: #ff5a5a
}

#blockContent.vaude h1 {
    color: #675a4e
}

#blockContent h2, .h2Editor {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    text-align: left;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 16px 0
}

#blockContent.produkte h2 {
    color: #3296d4
}

#blockContent.umwelt h2 {
    color: #95c222
}

#blockContent.menschen h2 {
    color: #ff5a5a
}

#blockContent.vaude h2 {
    color: #675a4e
}

#blockContent h3, .h3Editor {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    text-align: left;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 16px 0
}

#blockContent.produkte h3 {
    color: #3296d4
}

#blockContent.umwelt h3 {
    color: #95c222
}

#blockContent.menschen h3 {
    color: #ff5a5a
}

#blockContent.vaude h3 {
    color: #675a4e
}

#blockContent h4 {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    text-align: left;
    font-size: 17px;
    line-height: 25px;
    margin: 0 0 10px 0
}

#blockContent.produkte h4 {
    color: #3296d4
}

#blockContent.umwelt h4 {
    color: #95c222
}

#blockContent.menschen h4 {
    color: #ff5a5a
}

#blockContent.vaude h4 {
    color: #675a4e
}

.teasertop {
    font-size: 23px;
    text-align: center;
    line-height: 28px;
    color: #3b3b3b;
    margin: 0 0 50px 0;
    padding: 0 80px
}

#blockContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#blockContent ul li {
    position: relative;
    padding: 2px 0 8px 20px;
    font-size: 17px;
    line-height: 25px
}

#blockContent ul li:before {
    position: absolute;
    top: 10px;
    left: 2px;
    width: 5px;
    height: 9px;
    content: "";
    background: url("../../images/icons/iconset.png") -16px -51px no-repeat
}

#blockContent.produkte ul li:before {
    background: url("../../images/icons/iconset.png") -26px -51px no-repeat
}

#blockContent.umwelt ul li:before {
    background: url("../../images/icons/iconset.png") -36px -51px no-repeat
}

#blockContent.menschen ul li:before {
    background: url("../../images/icons/iconset.png") -46px -51px no-repeat
}

#blockContent.vaude ul li:before {
    background: url("../../images/icons/iconset.png") -56px -51px no-repeat
}

#blockContent .elementContainer {
    margin: 0 0 30px 0
}

.panel-group .panel {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bfc0c1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.panel-default > .panel-heading {
    padding: 0;
    border-top: none;
    background-color: transparent
}

.panel-default .accordion-teaser {
    color: #3b3b3b;
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 35px 0
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: none
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    padding: 0;
    margin: 0 0 35px 0
}

.panel-group .btn .open_text {
    display: block
}

.panel-group .btn .collapsed_text {
    display: none
}

.panel-group .btn.collapsed .open_text {
    display: none
}

.panel-group .btn.collapsed .collapsed_text {
    display: block
}

.btn-toggle-accordion {
    position: relative;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    color: #373737;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.btn-toggle-accordion.collapsed {
    padding: 0 10px 0 0
}

.btn-toggle-accordion:before {
    position: absolute;
    top: 6px;
    left: 0px;
    right: auto;
    width: 5px;
    height: 9px;
    content: "";
    background: url("../../images/icons/iconset.png") -78px -24px no-repeat
}

.btn-toggle-accordion.collapsed:before {
    position: absolute;
    top: 6px;
    left: auto;
    right: 0px;
    width: 5px;
    height: 9px;
    content: "";
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none
}

.infotext {
    padding: 0 0 0 15px;
    margin: 0 0 30px 0;
    border-left: 2px solid #3b3b3b;
    font-size: 17px;
    line-height: 25px
}

#blockContent.produkte .infotext {
    border-left: 2px solid #3296d4
}

#blockContent.umwelt .infotext {
    border-left: 2px solid #95c222
}

#blockContent.menschen .infotext {
    border-left: 2px solid #ff5a5a
}

#blockContent.vaude .infotext {
    border-left: 2px solid #675a4e
}

.textboxweiss {
    width: 100%;
    margin: 0 0 22px 0;
    background-color: #fff
}

.textboxweiss > .headline {
    padding: 14px 20px 13px 20px;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    color: #373737;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5);
    -moz-box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5);
    box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5);
    -ms-box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5);
    -webkit-box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5);
    -moz-box-shadow: 0px 3px 4px -2px rgba(55, 55, 55, 0.5)
}

.textboxweiss > .content {
    padding: 16px 20px 15px 20px
}

.kontaktlink {
    position: relative;
    padding: 0 0 0 48px;
    margin: 0 0 8px 0
}

.kontaktlink:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 27px;
    height: 16px;
    content: "";
    background: url("../../images/icons/iconset.png") -68px -37px no-repeat
}

.kontaktlink a {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #373737;
    text-transform: uppercase;
    text-decoration: none !important
}

.kontaktlink a:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

.textboxweiss .pdfdownload {
    position: relative;
    padding: 0 0 0 48px;
    margin: 0 0 8px 0
}

.textboxweiss .pdfdownload:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 27px;
    height: 25px;
    content: "";
    background: url("../../images/icons/iconset.png") -68px -60px no-repeat
}

.textboxweiss .pdfdownload a {
    color: #373737;
    font-size: 17px;
    line-height: 12px;
    text-decoration: none !important
}

.textboxweiss .pdfdownload a span.linkdata {
    font-size: 15px;
    line-height: 8px
}

.textboxweiss .pdfdownload a span.linkdownload {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 8px;
    text-transform: uppercase
}

.textboxweiss .pdfdownload a span.linkdownload:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

.textboxweiss .artikelverweis {
    position: relative;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 15px 0
}

.textboxweiss .artikelverweis .headline {
    font-family: 'Source Sans Pro';
	font-weight: 700;
}

.textboxweiss .artikelverweis .headline.produkte {
    color: #3296d4
}

.textboxweiss .artikelverweis .headline.produkte:after {
    display: inline-block;
    width: 18px;
    height: 14px;
    content: "";
    margin: 0 0 0 15px;
    background: url("../../images/icons/iconset.png") 0px -72px no-repeat
}

.textboxweiss .artikelverweis .headline.umwelt {
    color: #95c222
}

.textboxweiss .artikelverweis .headline.umwelt:after {
    display: inline-block;
    width: 21px;
    height: 15px;
    content: "";
    margin: 0 0 0 15px;
    background: url("../../images/icons/iconset.png") -20px -70px no-repeat
}

.textboxweiss .artikelverweis .headline.menschen {
    color: #ff5a5a
}

.textboxweiss .artikelverweis .headline.menschen:after {
    display: inline-block;
    width: 9px;
    height: 14px;
    content: "";
    margin: 0 0 0 15px;
    background: url("../../images/icons/iconset.png") -44px -71px no-repeat
}

.textboxweiss .artikelverweis .headline.vaude {
    color: #675a4e
}

.textboxweiss .artikelverweis .headline.vaude:after {
    display: inline-block;
    width: 19px;
    height: 13px;
    content: "";
    margin: 0 0 0 15px;
    background: url("../../images/icons/iconset.png") -34px -110px no-repeat
}

.textboxweiss .artikelverweis a {
    color: #373737;
    font-size: 17px;
    line-height: 24px;
    text-decoration: none !important
}

.textboxweiss .artikelverweis a span.teaser {
    margin: 0 20px 0 0
}

.textboxweiss .artikelverweis a span.linktext {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 8px;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap
}

.textboxweiss .artikelverweis a span.linktext:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

.gri-indikator {
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 17px;
    margin: 0 0 15px 0;
    background-color: #675a4e
}

.gri-indikator-inner {
    min-height: 55px;
    padding: 17px 20px
}

.gri-indikator table {
    width: 100%
}

.gri-indikator table td.gri-label {
    width: 45px;
    vertical-align: top;
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-size: 21px;
    color: #fff
}

.gri-indikator table td.indikator {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    color: #fff
}

.gri-indikator .tooltip-info {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 200;
    width: 100%;
    font-size: 15px;
    line-height: 21px;
    padding: 10px 0 0 0;
    color: #373737;
    background: url("../../images/icons/tooltip-arrow.png") center top no-repeat
}

.gri-indikator .tooltip-info-inner {
    padding: 17px 14px;
    background-color: #fff;
    border-bottom: 1px solid #3b3b3b;
    border-right: 1px solid #3b3b3b
}

table.gri {
    width: 100%
}

table.gri > thead > tr > th {
    padding: 28px 30px;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    color: #fff;
    background-color: #645a50;
    border: none
}

table.gri > tbody > tr > td {
    padding: 9px 30px;
    background-color: #fff;
    border-top: 1px solid #645a50;
    border-left: 1px solid #645a50
}

table.gri > tbody > tr > td:first-child {
    border-left: none
}

table.gri > tbody > tr.highlighted > td {
    color: #fff;
    background-color: #645a50;
    border: none
}

a.intern {
    position: relative;
    color: #3b3b3b;
    text-decoration: none !important
}

a.intern-produkte {
    display: inline-block;
    position: relative;
    color: #3b3b3b;
    padding: 0;
    text-decoration: none !important
}

a.intern-umwelt {
    display: inline-block;
    position: relative;
    color: #3b3b3b;
    padding: 0;
    text-decoration: none !important
}

a.intern-menschen {
    display: inline-block;
    position: relative;
    color: #3b3b3b;
    padding: 0;
    text-decoration: none !important
}

a.intern-vaude {
    display: inline-block;
    position: relative;
    color: #3b3b3b;
    padding: 0;
    text-decoration: none !important
}

a.intern:hover,
a.intern-produkte:hover,
a.intern-umwelt:hover,
a.intern-menschen:hover,
a.intern-vaude:hover {
    text-decoration: none !important
}

a.intern:after {
    display: inline-block;
    width: 5px;
    height: 9px;
    content: "";
    margin: 0 0 0 5px;
    background: url("../../images/icons/iconset.png") -68px -24px no-repeat
}

a.intern-produkte:after {
    display: inline-block;
    width: 27px;
    height: 14px;
    content: "";
    margin: 0 0 0 8px;
    background: url("../../images/icons/iconset.png") 0px -91px no-repeat
}

a.intern-umwelt:after {
    display: inline-block;
    width: 29px;
    height: 14px;
    content: "";
    margin: 0 0 0 8px;
    background: url("../../images/icons/iconset.png") -34px -91px no-repeat
}

a.intern-menschen:after {
    display: inline-block;
    width: 21px;
    height: 14px;
    content: "";
    margin: 0 0 0 8px;
    background: url("../../images/icons/iconset.png") -68px -91px no-repeat
}

a.intern-vaude:after {
    display: inline-block;
    width: 29px;
    height: 14px;
    content: "";
    margin: 0 0 0 8px;
    background: url("../../images/icons/iconset.png") -65px -109px no-repeat
}

.noSearchResults {
    margin: 0;
    font-size: 23px;
    line-height: 28px
}

.noSearchResults b {
    font-family: 'Source Sans Pro';
	font-weight: 700;
}

.formularblock {
    padding: 30px 30px;
    color: #fff;
    background-color: #645a50
}

#blockContent ul.listSearchResult li {
    cursor: pointer;
    padding: 0;
    margin: 0 0 30px 0
}

#blockContent ul.listSearchResult li:before {
    display: none
}

#blockContent h3.listEntryTitle {
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    margin: 0 0 5px 0
}

.spacer1 {
    height: 25px
}

.spacer2 {
    height: 50px
}

.spacer3 {
    height: 75px
}

.spacer4 {
    height: 100px
}

.spacer5 {
    height: 125px
}

.spacer6 {
    height: 150px
}

.spacer7 {
    height: 175px
}

.spacer8 {
    height: 200px
}

.infografik {
    margin: 0 0 25px 0;
}

.boxSocialMedia {
    margin: 25px 0;
}

.boxSocialMedia span {
    display: inline-block;
    margin: 0 15px 0 0;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 15px;
    line-height: 34px;
    color: #393939;
    text-transform: uppercase;
}

.boxSocialMedia .sociallinks {
    display: inline-block;
}

.boxSocialMedia a {
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #343434;
    background-color: #fff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -ms-border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
}

.boxSocialMedia a.facebook > i {
    display: inline-block;
    margin: 0 0 0 10px;
}

.boxSocialMedia a.googleplus > i {
    display: inline-block;
    margin: 0 0 0 8px;
    font-size: 16px;
}

.boxSocialMedia a.twitter > i {
    display: inline-block;
    margin: 0 0 0 9px;
}

.boxSocialMedia a.whatsapp > i {
    display: inline-block;
    margin: 0 0 0 9px;
}

.ui-tooltip, .arrow:after {
    background: #fff;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #3b3b3b;
    max-width: 350px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.elementVideoExternal {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 53.55%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 0 25px 0;
}

.elementVideoExternal iframe,
.elementVideoExternal object,
.elementVideoExternal embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.glossarEntry {
    position: relative;
    margin-bottom: 28px;
}

.glossarEntry .beButtonDeleteRow {
    position: absolute;
    top: 0;
    right: 0;
}

.glossarEntry .beButtonEditRow {
    position: absolute;
    top: 0;
    right: 25px;
}

.glossarEntry span.headline {
    display: block;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}

#azList {
    margin-bottom: 30px;
}

#azList .azElement {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 2px 2px 0;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #3b3b3b;
    text-align: center;
    text-decoration: none;
    border: 1px solid #5f5f5f;
}

#azList span.azElement {
    color: #c0beb8;
    border: 1px solid #c0beb8;
}

#azList .azElement.active {
    color: #fff;
    border: 1px solid #5f5f5f;
    background-color: #5f5f5f;
}

#azList .resetFilter {
    float: right;
    margin: 20px 0 0 0;
}

#azList .glyphicon-remove {
    width: 25px;
    top: 3px;
}

.tooltip {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.tooltip.bottom {
    padding-top: 10px;
}

.tooltip .tooltip-inner {
    padding: 14px;
    font-size: 15px;
    color: #373737;
    background-color: #fff;
    border-bottom: 1px solid #3b3b3b;
    border-right: 1px solid #3b3b3b;
}

.tooltip.bottom .tooltip-arrow {
    margin-left: -24px;
    width: 48px;
    height: 10px;
    border: none;
    background: url("../../images/icons/tooltip-arrow.png") center top no-repeat;
}

.listRelatedArticles {
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #3b3b3b;
}

.listRelatedArticles .path {
    display: block;
    font-family: 'Source Sans Pro';
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 2px;
}

.listRelatedArticles .headline {
    display: block;
    font-family: 'Source Sans Pro';
	font-weight: 700;
    font-size: 22px;
}

.listRelatedArticles .wglButton {
    position: absolute;
    right: 0;
    top: 0;
}

.listRelatedArticles .wglButton.beButtonEditRow {
    right: 25px;
}

/* Größe MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .themenboxbig-inner {
        height: 155px
    }

    .themeneintrag-inner {
        height: 251px
    }

    .themeneintrag-inner .headline {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 13px 0
    }

    .themeneintrag-inner .desc {
        font-size: 17px;
        line-height: 22px
    }

    .themeneintrag-inner a {
        font-size: 13px
    }

    .zitatbox-inner {
        height: 251px
    }

    .bildtextboxbreit-inner {
        height: 251px
    }

    .bildtextboxbreit-inner .headline {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 13px 0
    }

    .bildtextboxbreit-inner .desc {
        font-size: 16px;
        line-height: 22px
    }

    #bx-pager {
        padding: 0 64px 0 65px
    }

    #bx-pager a {
        width: 200px;
        font-size: 15px
    }

    .bx-wrapper .bx-controls-direction a {
    }

    /*#bx-pager a:nth-child(2)                {width: 268px}*/
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    #blockTop .logo {
    }

    #blockTop .navbar-collapse {
        width: auto
    }

    #bx-pager a {
        font-size: 15px
    }

    .statementbox .statement {
        float: none;
        width: 100%
    }

    .statementbox .headline {
        font-family: 'Source Sans Pro';
	font-weight: 700;
        font-size: 22px
    }

    .statementbox .tableCenter td {
        vertical-align: top
    }

    .bildtextbox-thumbnail {
        margin: 0 0 15px 0
    }

    .themenboxbig-inner {
        height: 166px
    }

    .themeneintrag-inner {
        height: 189px
    }

    .themeneintrag-inner .headline {
        font-size: 17px;
        line-height: 20px;
        margin: 0 0 13px 0
    }

    .themeneintrag-inner .desc {
        font-size: 14px;
        line-height: 18px
    }

    .themeneintrag-inner a {
        font-size: 13px
    }

    #blockContentStart .bildlinkbox-thumbnail img {
        margin: 0 auto
    }

    #blockContentStart .largebox .bildlinkbox-thumbnail img {
        margin: 0 auto
    }

    .zitatbox-inner {
        height: 189px
    }

    .zitatbox-inner .name {
        font-size: 15px;
        line-height: 22px
    }

    .zitatbox-inner .zitat {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 10px 0
    }

    .bildtextboxbreit-inner {
        height: 189px
    }

    .bildtextboxbreit-inner .headline {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 13px 0
    }

    .bildtextboxbreit-inner .desc {
        font-size: 14px;
        line-height: 18px
    }

    .thementeaser-left {
    }

    .thementeaser-left img {
        height: 84px
    }

    .thementeaser-right {
    }

    #blockContent.produkte .thementeaser-left:after {
        right: 0;
        top: 0;
        width: 75px;
        height: 76px;
        background-size: 75px 76px
    }

    #blockContent.umwelt .thementeaser-left:after {
        right: 0;
        top: 0;
        width: 75px;
        height: 52px;
        background-size: 75px 52px
    }

    #blockContent.menschen .thementeaser-left:after {
        right: 20px;
        top: 0;
        width: 30px;
        height: 85px;
        background-size: 30px 85px
    }

    #blockContent.vaude .thementeaser-left:after {
        right: 0;
        top: 0;
        width: 75px;
        height: 51px;
        background-size: 75px 51px
    }

    .column-left {
        margin: 0 0 30px 0
    }

    #bx-pager a {
        width: 194px
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 18.75px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

@media (max-width: 991px) {
    #blockFooter {
        padding-bottom: 60px;
    }

    .boxSocialMedia {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 44px;
        padding: 9px 15px;
        margin: 0;
        background-color: #efefee;
        -webkit-box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px -2px 11px 0px rgba(0, 0, 0, 0.2);
    }

    .boxSocialMedia span {
        margin: 0 15px 0 0;
        font-size: 13px;
        line-height: 26px;
    }

    .boxSocialMedia .sociallinks {
        float: right;
    }

    .boxSocialMedia a {
        width: 26px;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        margin-left: 6px;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        -ms-border-radius: 13px;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
    }

    .boxSocialMedia a.facebook > i {
        margin: 0 0 0 8px;
    }

    .boxSocialMedia a.googleplus > i {
        margin: 0 0 0 6px;
        font-size: 12px;
    }

    .boxSocialMedia a.twitter > i {
        margin: 0 0 0 7px;
    }

    .boxSocialMedia a.whatsapp > i {
        margin: 0 0 0 7px;
    }

    #blockFooter .partner span {
        margin-right: 15px;
        font-size: 13px
    }
}

/* Mobile */
@media (max-width: 767px) {
    table.default tr th {
        font-size: 12px;
        padding: 7px 8px 5px 8px
    }

    table.default tr td {
        font-size: 12px;
        padding: 7px 8px 5px 8px
    }

    #blockTop {
        width: 100%;
        min-height: 160px
    }

    #blockTopInner {
        margin-top: -74px;
        height: 160px
    }

    #blockTop .languageBar {
        height: 64px
    }

    #blockTop .languageSelector {
        top: 87px;
        left: auto;
        right: 70px
    }

    #blockTop .languageSelector a {
        display: block;
        width: 30px;
        padding: 2px 0 0 0;
        line-height: 28px;
        text-align: center;
        color: #fff;
        border: none;
        background-color: #6a5d52
    }

    #blockTop .languageSelector a:hover {
        text-decoration: none !important
    }

    #blockTop .teaserTop {
        top: 27px;
        left: 15px;
        right: auto;
        font-size: 15px;
        line-height: 26px
    }

    #blockTop .teaserTop > span {
        display: none
    }

    #blockTop .logo {
        top: 99px;
        left: 15px;
        width: 152px
    }

    #blockTop .logo a img {
    }

    #blockTop #frmSearchTop {
        padding-left: 0;
        padding-right: 0
    }

    #blockTop .searchTop {
        top: 86px;
        right: 15px;
        width: 31px;
        height: 31px;
        padding-left: 0;
        font-size: 0px
    }

    #blockTop .searchTop:before {
        left: 0;
        top: 0px;
        width: 31px;
        height: 31px;
        background: url("../../images/icons/iconset.png") 0px -154px no-repeat
    }

    #blockTop .searchTopContainer {
        position: absolute;
        top: 130px;
        left: 0;
        width: 100%;
        height: 126px;
        padding: 16px 0;
        background-color: #f4f1ee;
        border-top: 4px solid #fff
    }

    #blockTop .searchTopContainer .form-group {
        display: inline-block;
        width: 81%;
        margin-right: 2%
    }

    #blockTop .searchTopContainer input.form-control {
        height: 35px;
        width: 100%
    }

    #blockTop .searchTopContainer .btn-dark {
        position: relative;
        font-size: 0px;
        line-height: 38px;
        height: 35px;
        line-height: 35px;
        width: 15%;
        padding-left: 0;
        padding-right: 0
    }

    #blockTop .searchTopContainer .btn-dark:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        content: "";
        background: url("../../images/icons/iconset.png") -34px -154px no-repeat
    }

    #blockTop .searchTopContainer .searchTopClose {
        position: absolute;
        top: -4px;
        right: 22px;
        z-index: 490;
        width: 20px;
        height: 20px;
        content: "";
        cursor: pointer;
        background: url("../../images/icons/iconset.png") -66px -126px no-repeat
    }

    #blockTop .navbar-default {
        top: 7px;
        right: 0;
        width: 100%
    }

    #blockTop .navbar-collapse {
        width: auto;
        max-height: none;
        border: none;
        padding: 0 15px 15px 15px;
        background-color: #efeeed
    }

    #blockTop .navbar-nav {
        margin: 0;
        float: none
    }

    #navigationMeta a {
        font-size: 14px;
        white-space: nowrap
    }

    #blockTop .navbar-default a.navLevel1 {
        padding: 18px 35px 16px 15px;
        margin: 0 0 0 0px;
        font-family: 'Source Sans Pro';
	font-weight: 700;
        font-size: 22px;
        line-height: 25px;
        border-bottom: 2px solid #3a3a3a
    }

    #blockTop .navbar-default li.navProdukt a.navLevel1 {
        border-bottom: 2px solid #3296d4
    }

    #blockTop .navbar-default li.navUmwelt a.navLevel1 {
        border-bottom: 2px solid #95c222
    }

    #blockTop .navbar-default li.navMenschen a.navLevel1 {
        border-bottom: 2px solid #ff5a5a
    }

    #blockTop .navbar-nav > li.dropdown > a.navLevel1:after {
        position: absolute;
        top: 23px;
        left: auto;
        right: 15px;
        width: 12px;
        height: 13px;
        content: "";
        background: url("../../images/icons/iconset.png") left -21px no-repeat
    }

    #blockTop .navbar-nav > li.dropdown.navProdukt > a.navLevel1:after {
        background: url("../../images/icons/iconset.png") -16px -21px no-repeat
    }

    #blockTop .navbar-nav > li.dropdown.navUmwelt > a.navLevel1:after {
        background: url("../../images/icons/iconset.png") -32px -21px no-repeat
    }

    #blockTop .navbar-nav > li.dropdown.navMenschen > a.navLevel1:after {
        background: url("../../images/icons/iconset.png") -48px -21px no-repeat
    }

    /*#blockTop .navbar-nav>li.dropdown.navVaude>a.navLevel1:before       {position: absolute; top: 10px; left: 10px; width: 47px; height: 36px; content: ""; background: url("../../images/icons/iconset_navcategories.png") -50px -54px no-repeat}
    #blockTop .navbar-nav>li.dropdown.navProdukt>a.navLevel1:before     {position: absolute; top: 8px; left: 10px; width: 46px; height: 45px; content: ""; background: url("../../images/icons/iconset_navcategories.png") left top no-repeat}
    #blockTop .navbar-nav>li.dropdown.navUmwelt>a.navLevel1:before      {position: absolute; top: 9px; left: 6px; width: 46px; height: 45px; content: ""; background: url("../../images/icons/iconset_navcategories.png") -46px top no-repeat}
    #blockTop .navbar-nav>li.dropdown.navMenschen>a.navLevel1:before    {position: absolute; top: 3px; left: 10px; width: 46px; height: 55px; content: ""; background: url("../../images/icons/iconset_navcategories.png") left -45px no-repeat}*/
    #blockTop .navbar-nav > li > .dropdown-menu {
        width: 100%;
        padding: 0;
        border: none;
        border-bottom: 2px solid #645a50
    }

    #blockTop .navbar-nav > li.navProdukt > .dropdown-menu {
        border: none;
        border-bottom: 2px solid #3296d4
    }

    #blockTop .navbar-nav > li.navUmwelt > .dropdown-menu {
        border: none;
        border-bottom: 2px solid #95c222
    }

    #blockTop .navbar-nav > li.navMenschen > .dropdown-menu {
        border: none;
        border-bottom: 2px solid #ff5a5a
    }

    li.navProdukt .dropdown-submenu > .dropdown-menu {
        border: none
    }

    li.navUmwelt .dropdown-submenu > .dropdown-menu {
        border: none
    }

    li.navMenschen .dropdown-submenu > .dropdown-menu {
        border: none
    }

    li.navProdukt .dropdown-submenu > .dropdown-menu.open {
        border-top: 1px solid #ababab
    }

    li.navUmwelt .dropdown-submenu > .dropdown-menu.open {
        border-top: 1px solid #ababab
    }

    li.navMenschen .dropdown-submenu > .dropdown-menu.open {
        border-top: 1px solid #ababab
    }

    .dropdown-submenu > .dropdown-menu.open {
        border-top: 1px solid #ababab
    }

    ul.navLevel4Container {
        margin: 0 0 12px 0
    }

    #blockTop .navbar-default li a.navLevel2 {
        font-family: 'Source Sans Pro';
	font-weight: 700;
        font-size: 19px;
        line-height: 21px;
        padding: 15px 40px 13px 15px;
        margin: 0;
        border-top: 1px solid #ababab
    }

    #blockTop .navbar-default li a.navLevel3 {
        font-family: 'Source Sans Pro';
	font-weight: 700;
        font-size: 19px;
        line-height: 21px;
        padding: 15px 40px 13px 15px !important;
        border-top: 1px solid #ababab
    }

    #blockTop .navbar-default li.dropdown-subsubmenu a.navLevel3 {
        padding: 15px 40px 10px 15px !important
    }

    #blockTop .navbar-default a.navLevel4 {
        padding-left: 15px
    }

    #blockTop .navbar-default li.navProdukt a.navLevel3 {
        color: #3296d4
    }

    #blockTop .navbar-default li.navUmwelt a.navLevel3 {
        color: #95c222
    }

    #blockTop .navbar-default li.navMenschen a.navLevel3 {
        color: #ff5a5a
    }

    .dropdown-submenu > a:after {
        top: 18px;
        right: 15px;
        width: 12px;
        height: 13px;
        background: url("../../images/icons/iconset.png") left -21px no-repeat
    }

    li.navProdukt .dropdown-submenu > a:after {
        background: url("../../images/icons/iconset.png") -16px -21px no-repeat
    }

    li.navUmwelt .dropdown-submenu > a:after {
        background: url("../../images/icons/iconset.png") -32px -21px no-repeat
    }

    li.navMenschen .dropdown-submenu > a:after {
        background: url("../../images/icons/iconset.png") -48px -21px no-repeat
    }

    .dropdown-submenu > .dropdown-menu {
        padding: 0 0 0 15px
    }

    #blockTop .navbar-default a.navLevel3:after {
        top: 20px;
        right: 15px
    }

    #blockTop .navbar-default li.navUebersicht .navLevel2 {
        font-family: 'Source Sans Pro';
	font-weight: 700;
        color: #645a50;
        font-size: 19px;
        line-height: 21px;
        text-align: left;
        padding: 18px 40px 16px 15px;
        margin: 0;
        border-top: 1px solid #ababab;
        text-transform: none
    }

    #blockTop .navbar-default li.navUebersicht .navLevel2:after {
        display: none
    }

    #blockTop .navbar-default li.navProdukt li.navUebersicht .navLevel2 {
        color: #3296d4
    }

    #blockTop .navbar-default li.navUmwelt li.navUebersicht .navLevel2 {
        color: #95c222
    }

    #blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2 {
        color: #ff5a5a
    }

    #blockTop .navbar-default li.navProdukt li.navUebersicht .navLevel2:after {
        display: none
    }

    #blockTop .navbar-default li.navUmwelt li.navUebersicht .navLevel2:after {
        display: none
    }

    #blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2:after {
        display: none
    }

    #blockTop .navbar-default li li.navUebersicht .navLevel2:before {
        display: none
    }

    #blockTop .navbar-default li.navProdukt li.navUebersicht .navLevel2:before {
        display: none
    }

    #blockTop .navbar-default li.navUmwelt li.navUebersicht .navLevel2:before {
        display: none
    }

    #blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2:before {
        display: none
    }

    #blockTop .navbar-default li.navMenschen li.navUebersicht .navLevel2 {
        padding: 18px 40px 16px 15px
    }

    #searchTop {
        margin: 15px 0 10px 0
    }

    #blockBottom {
        height: 130px
    }

    #searchBox .form-inline .form-group {
        display: inline-block
    }

    input.form-control {
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .submitRight {
        text-align: left;
        margin-top: 15px
    }

    .nopaddingleft {
        padding-left: 15px
    }

    .nopaddingright {
        padding-right: 15px
    }

    .bx-wrapper .bx-controls-direction a {
        width: 65px !important;
        margin: 0 !important
    }

    #startSlider .container {
        padding: 0
    }

    #startSlider .bx-controls {
        bottom: -40px;
        height: 42px;
        background-color: #877b6f;
        border-top: 2px solid #e35b20
    }

    #startSliderInner {
        margin-bottom: 40px
    }

    #startSliderInner .listEntryTitle {
        margin: 0 0 6px 0;
        font-size: 24px;
        line-height: 24px
    }

    #startSliderInner .listEntryDescription {
        font-size: 15px;
        line-height: 16px;
        color: #645a50;
        margin-bottom: 12px
    }

    #startSliderInner table.tableCenter {
        width: 90%
    }

    a.btn-dark {
        padding: 0 24px;
        font-size: 14px;
        line-height: 34px
    }

    .largebox .bildlinkbox-thumbnail {
        width: 100%;
        height: auto;
        overflow: visible
    }

    .largebox .bildlinkbox-thumbnail img {
        width: 100%;
        height: auto
    }

    .teasertop {
        padding: 0
    }

    .thementeaser .headline {
        font-size: 21px
    }

    .thementeaser .desc {
        font-size: 19px;
        line-height: 24px
    }

    .thementeaser-left {
    }

    .thementeaser-left img {
        height: 84px
    }

    .thementeaser-right {
    }

    #blockContent.produkte .thementeaser-left:after {
        right: 3px;
        top: 0;
        width: 45px;
        height: 45px;
        background-size: 45px 45px
    }

    #blockContent.umwelt .thementeaser-left:after {
        right: 3px;
        top: 0;
        width: 45px;
        height: 31px;
        background-size: 45px 31px
    }

    #blockContent.menschen .thementeaser-left:after {
        right: 16px;
        top: 0;
        width: 18px;
        height: 50px;
        background-size: 18px 50px
    }

    #blockContent.vaude .thementeaser-left:after {
        right: 3px;
        top: 0;
        width: 45px;
        height: 30px;
        background-size: 45px 30px
    }

    .statementbox {
        height: auto
    }

    .statementbox .statement {
        float: none;
        width: 100%
    }

    .statementbox .headline {
        font-family: 'Source Sans Pro';
	font-weight: 700;
        font-size: 22px
    }

    .statementbox .tableCenter td {
        vertical-align: top
    }

    .bildtextbox {
        height: auto
    }

    .bildtextbox-thumbnail {
        margin: 0 0 15px 0
    }

    #blockContentStart .bildlinkbox-thumbnail img {
        margin: 0 auto
    }

    #blockContentStart .largebox .bildlinkbox-thumbnail img {
        margin: 0 auto
    }

    .themeneintrag .themeneintrag-thumbnail {
        margin: 0 0 20px 0
    }

    .themeneintrag-inner {
        height: auto
    }

    .themeneintrag-inner .headline {
        font-size: 23px;
        line-height: 26px;
        margin: 0 0 13px 0
    }

    .themeneintrag-inner .desc {
        font-size: 19px;
        line-height: 22px
    }

    .themeneintrag-inner a {
    }

    .themenboxbig-inner a {
        font-size: 20px;
        margin: 0 0 4px 0
    }

    .themenboxbig .desc {
        font-size: 16px;
        line-height: 21px
    }

    .bildlinkbox-inner a {
        font-size: 20px
    }

    .zitatbox {
        height: auto
    }

    .zitatbox .zitatbox-thumbnail {
        margin: 0 0 20px 0
    }

    .zitatbox .zitatbox-thumbnail img {
        width: 100%
    }

    .zitatbox-inner {
        height: auto
    }

    .zitatbox-inner .name {
        padding: 0 10px
    }

    .zitatbox-inner .zitat {
        padding: 0 10px
    }

    .bildtextboxbreit {
        height: auto
    }

    .bildtextboxbreit .bildtextboxbreit-thumbnail {
        margin: 0 0 20px 0
    }

    .bildtextboxbreit-inner {
        height: auto
    }

    .column-left {
        margin: 0 0 30px 0
    }

    #blockContentTop .container {
        padding: 0
    }

    .bildlinkbox-thumbnail img {
    }

    #blockHead h1 {
        font-size: 32px;
        line-height: 34px
    }

    #blockContent h1, .h1Editor {
        font-size: 34px;
        line-height: 36px
    }

    #blockContent h2, .h2Editor {
        font-size: 20px;
        line-height: 24px
    }

    #blockContent h3, .h3Editor {
        font-size: 24px;
        line-height: 28px
    }

    table.gri {
        font-size: 15px
    }

    table.gri > thead > tr > th {
        padding: 20px 10px;
        font-size: 20px;
        line-height: 22px
    }

    table.gri > tbody > tr > td {
        padding: 9px 10px
    }

    img.pictureLeft {
        float: none;
        margin: 0 0 15px 0
    }

    img.pictureRight {
        float: none;
        margin: 0 0 15px 0
    }

    img.pictureSize50 {
        max-width: 100%
    }

    img.pictureSize33 {
        max-width: 100%
    }

    #blockFooter .partner {
        line-height: 24px
    }

    #blockFooter .partner span {
        display: block;
        margin: 0 0 10px 0
    }

    #blockFooter .partner > div {
        margin-bottom: 30px
    }
}
