@font-face{
	font-family:"Rileyson W01 Child";
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/0ffefeb5-f73c-4ea2-8230-6d61c0523a37.eot?#iefix");
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/0ffefeb5-f73c-4ea2-8230-6d61c0523a37.eot?#iefix") format("eot"),url("/gri-wGlobal/wGlobal/layout/webfonts/58d93413-8422-42ef-a5a9-259a32ea3fc9.woff2") format("woff2"),url("/gri-wGlobal/wGlobal/layout/webfonts/d2ec967b-88a7-43a9-8a07-08fb232e84f9.woff") format("woff"),url("/gri-wGlobal/wGlobal/layout/webfonts/f7b77a9f-c02a-4f95-9e23-91aa0042b855.ttf") format("truetype"),url("/gri-wGlobal/wGlobal/layout/webfonts/f612fb2c-7b61-4081-b556-0c10a969f8c6.svg#f612fb2c-7b61-4081-b556-0c10a969f8c6") format("svg");
}
@font-face{
	font-family:"Rileyson W01 Junior";
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/36fdb478-8a27-44f8-815f-70c7bc2c865b.eot?#iefix");
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/36fdb478-8a27-44f8-815f-70c7bc2c865b.eot?#iefix") format("eot"),url("/gri-wGlobal/wGlobal/layout/webfonts/6b3964f8-a1a8-4846-b257-f1776a0684b1.woff2") format("woff2"),url("/gri-wGlobal/wGlobal/layout/webfonts/433178a1-6268-46e9-a468-863cccf5c7c5.woff") format("woff"),url("/gri-wGlobal/wGlobal/layout/webfonts/5995fb7d-bfa1-4eb4-940e-58b032bde161.ttf") format("truetype"),url("/gri-wGlobal/wGlobal/layout/webfonts/cf67d001-5478-4409-9009-8feb35cb0454.svg#cf67d001-5478-4409-9009-8feb35cb0454") format("svg");
}
@font-face{
	font-family:"Rileyson W01 Adult";
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/60ba5593-e2a3-49d0-a074-63f23b0eac50.eot?#iefix");
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/60ba5593-e2a3-49d0-a074-63f23b0eac50.eot?#iefix") format("eot"),url("/gri-wGlobal/wGlobal/layout/webfonts/6758d6af-2302-49ab-9bbc-f60c1d74f754.woff2") format("woff2"),url("/gri-wGlobal/wGlobal/layout/webfonts/a9488f47-3ca7-44d3-b5b4-e3ed784eea0c.woff") format("woff"),url("/gri-wGlobal/wGlobal/layout/webfonts/33e18d3d-8356-4539-ba4f-cd08d97aaa59.ttf") format("truetype"),url("/gri-wGlobal/wGlobal/layout/webfonts/3ba62c92-8c26-4603-aa59-9151bc380062.svg#3ba62c92-8c26-4603-aa59-9151bc380062") format("svg");
}
@font-face{
	font-family:"Rileyson W01 Grand";
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/7ff79fe1-61c3-4654-9905-16880f2b5de2.eot?#iefix");
	src:url("/gri-wGlobal/wGlobal/layout/webfonts/7ff79fe1-61c3-4654-9905-16880f2b5de2.eot?#iefix") format("eot"),url("/gri-wGlobal/wGlobal/layout/webfonts/fad0a492-f7ad-4626-896c-7a31e1cb06d7.woff2") format("woff2"),url("/gri-wGlobal/wGlobal/layout/webfonts/37f9632b-0c8c-44fa-bec3-8f40dc75767c.woff") format("woff"),url("/gri-wGlobal/wGlobal/layout/webfonts/875a1c25-c939-4dd7-a034-6920d1a171b7.ttf") format("truetype"),url("/gri-wGlobal/wGlobal/layout/webfonts/f91df079-81df-40bb-b024-a7366ec4e0ae.svg#f91df079-81df-40bb-b024-a7366ec4e0ae") format("svg");
}


body {
	font-family: 'Rileyson W01 Junior', Arial;
	font-size: 17px;
	line-height: 24px;
	color: #3b3b3b;
	background-color: white;
}


p                                           {margin: 0}
.clearBoth, .elementClearer                 {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("/gri-wGlobal/wGlobal/layout/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: 30%; height: auto}
img.pictureSize33.elementPictureLeft		{margin-right: 3%}

.pictureSubtitle                            {font-size: 15px}



#btn-top {
	display: none;
	position: fixed;
	right: 15px; bottom: 15px;
	width: 60px;
	height: 60px;
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/btn_to-top.png") 0 0 no-repeat;
	background-size: 60px 60px;
}

#blockContent a                             {color: #3b3b3b; text-decoration: underline}
#blockContent a:hover                       {text-decoration: none}

a.autolink {
	position: relative;
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

a.autolink:before {
	position: absolute;
	left: 0; top: 2px;
	width: 16px;
	height: 16px;
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/icon-glossar-retina.png");
	background-size: 16px 16px;
}

@media (max-width: 1024px) {
	a.autolink:before {
		top: 0px;
	}
}

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:"Rileyson W01 Adult"; 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,
table.special tr{
	border-left: 1px solid #bfc0c1;
	border-right: 1px solid #bfc0c1;
}

table.default tr th,
table.special tr th							{vertical-align: middle; font-family: 'Rileyson W01 Junior', Arial; font-size: 15px; font-weight: normal; color: #fff; padding: 7px 15px 5px 15px; background-color: #3b3b3b; border: none}
table.default tr td,
table.special tr td 						{font-family: 'Rileyson W01 Junior', Arial; font-size: 15px; font-weight: normal; color: #3b3b3b; padding: 7px 15px 5px 15px; background-color: #fff; border: none; border-bottom: 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-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:"Rileyson W01 Junior";
	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("/gri-wGlobal/wGlobal/layout/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: #f4f1ee;
}
#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: 'Rileyson W01 Junior', Arial}
#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						{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("/gri-wGlobal/wGlobal/layout/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 .form-group
.form-control								{height: 35px; width: 100%; background-color:white}

#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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -66px -126px no-repeat}
#blockTop .teaserTop                        {position: absolute; top: 24px; right: 15px; text-align: right; font-family: 'Rileyson W01 Grand', Arial; font-size: 21px; line-height: 20px; color: #645a50; text-transform: uppercase}
#blockTop .teaserTop > span					{display: block; font-family: 'Rileyson W01 Junior', Arial; font-size: 11px; line-height: 20px}
#blockTop .navbar-default                   {position: absolute; top: 76px; right: 15px; z-index: 500; width: auto; font-family: 'Rileyson W01 Junior', Arial; 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}
.dropdown-menu								{background-color: #f4f1ee}
#blockTop .navbar-nav>li>.dropdown-menu     {width: 255px; left: 30px; padding: 0 15px; border-top: 2px solid #645a50; background-color: #f4f1ee; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") left top no-repeat}
#blockTop .navbar-nav>li.navProdukt.open>a:after        {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px top no-repeat}
#blockTop .navbar-nav>li.navUmwelt.open>a:after         {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -32px top no-repeat}
#blockTop .navbar-nav>li.navMenschen.open>a:after       {background: url("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial;
    font-size: 15px;
    line-height: 20px;
    color: #645a50;
    border-top: 1px solid #c0c1c2;
}
#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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial;
    font-size: 15px;
    line-height: 20px;
    color: #645a50;
    border-top: 1px solid #c0c1c2;
}
#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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") left -37px no-repeat}
#blockTop .navbar-default li.navProdukt a.navLevel3:after       {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px -37px no-repeat}
#blockTop .navbar-default li.navUmwelt a.navLevel3:after        {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -32px -37px no-repeat}
#blockTop .navbar-default li.navMenschen a.navLevel3:after      {background: url("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Junior', Arial; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -8px no-repeat}
li.navProdukt .dropdown-submenu>a:after     {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px -8px no-repeat}
li.navUmwelt .dropdown-submenu>a:after      {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -32px -8px no-repeat}
li.navMenschen .dropdown-submenu>a:after    {background: url("/gri-wGlobal/wGlobal/layout/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;
	padding-bottom: 4px;
    background-color: white;
}
#startSlider:before {
	position: absolute;
	left: 0; bottom: 0;
	width: 67%;
	height: 4px;
	content: "";
	background-color: #e35b20;
}
#startSlider:after {
	position: absolute;
	right: 0; bottom: 0;
	width: 33%;
	height: 4px;
	content: "";
	background-color: #90001c;
}

#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; background-color: rgba(255,255,255,0.75)}
#bx-pager a                                 {display: block; float: left; width: 242px; height: 40px; padding: 12px 0; margin: 0 2px 0 0; white-space: nowrap; font-size: 15px; line-height: 18px; color: #fff; text-align: center; overflow: hidden; border: none; background-color: rgba(118,100,86,0.75)}
#bx-pager a:hover                           {background-color: #645a50; text-decoration: none !important}
#bx-pager a:focus, #bx-pager a:visited		{text-decoration: none}
#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: 70px; left: 88px; z-index: 200; width: 580px; text-align: left}
#startSliderInner .listEntryTitle           {margin: 0 0 10px 0; font-family:"Rileyson W01 Child"; font-size: 62px; line-height: 68px; color: #645a50}
#startSliderInner .listEntryTitle a,
#startSliderInner .listEntryTitle a:hover   {color: inherit; text-decoration: none}
#startSliderInner .listEntryDescription     {font-family:"Rileyson W01 Junior"; font-size: 28px; line-height: 32px; color: #645a50; margin-bottom: 22px}

#startSliderInner .listEntryInfoLayer.content_right {
	left: auto; right: 88px;
	text-align: right;
}

#startSliderInner .listEntryInfoLayer.content_center {
	width: 80%;
	left: 50%;
	transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);
	text-align: center;
}

#startSlider .bx-wrapper .bx-controls {
	position: static;
	height: auto;
}

#startSlider .bx-wrapper .bx-controls-direction a {
	top: 50%;
	transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
	height: 48px;
	width: 48px;
	margin-top: 0;
	background: none;
}

#startSlider .bx-wrapper .bx-controls-direction a:after {
	position: absolute;
	right: 15px; top: 50%;
	width: 12px;
	height: 24px;
	transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/startslider-arrow.png") left top no-repeat;
}

#startSlider .bx-wrapper .bx-controls-direction a.bx-prev:after {
	left: 15px; right: auto;
	transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 991px){
	#startSliderInner .listEntryInfoLayer       {top: 30px; left: 40px; width: 500px}
	#startSliderInner .listEntryTitle           {font-size: 52px; line-height: 58px}
}

@media (max-width: 767px){
	#startSliderInner .listEntryInfoLayer       {top: 20px; left: 5%; width: 90%}
	#startSliderInner .listEntryTitle           {font-size: 42px; line-height: 48px}
	#startSliderInner .btn-dark					{display: none}

	#startSlider .bx-wrapper .bx-controls-direction a.bx-next:after {
		left: auto;
		margin: 0;
	}

	#startSlider .bx-wrapper .bx-controls-direction a.bx-prev:after {
		margin: 0;
	}
}

#blockHead {
	position: relative;
    background-color: white;
    margin: -20px 0 25px 0;
    min-height: 110px;
}
#blockHead:before {
	position: absolute;
	left: 0; bottom: 0;
	width: 67%;
	height: 4px;
	content: "";
	background-color: #e35b20;
}
#blockHead:after {
	position: absolute;
	right: 0; bottom: 0;
	width: 33%;
	height: 4px;
	content: "";
	background-color: #90001c;
}

#blockHead h1 {
    font-family: 'Rileyson W01 Junior', Arial;
    font-size: 40px;
    margin: 45px 0 10px 0;
    line-height: 58px;
    color: #645a50;
}
#searchTop                                  {margin-top: 44px}
#searchTop .search-group                    {display: inline-block}
#searchTop #searchTerm						{background-color: #efeeed}
#searchTop .search-group:before				{background-color: #efeeed}

#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: 'Rileyson W01 Junior', Arial; 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("/gri-wGlobal/wGlobal/layout/images/icons/icon-produkte.png") left top no-repeat; background-size: 96px 97px}
.teaserboxen.katUmwelt .uebersichtsbox .icon        {width: 96px; height: 66px; background: url("/gri-wGlobal/wGlobal/layout/images/icons/icon-umwelt.png") left top no-repeat; background-size: 96px 66px}
.teaserboxen.katMenschen .uebersichtsbox .icon      {width: 32px; height: 90px; background: url("/gri-wGlobal/wGlobal/layout/images/icons/icon-menschen.png") left top no-repeat; background-size: 32px 90px}
.teaserboxen.katVaude .uebersichtsbox .icon         {width: 96px; height: 65px; background: url("/gri-wGlobal/wGlobal/layout/images/icons/icon-vaude.png") left top no-repeat; background-size: 96px 65px}
.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: white;
	border-top: 1px solid #F4F1EE;
	border-left: 1px solid #F4F1EE;
	border-bottom: 1px solid #c5bfb8;
	border-right: 1px solid #c5bfb8;
}
.bildlinkbox:hover .bildlinkbox-inner       {background-color: #f8f8f8}
.bildlinkbox-thumbnail                      {position: relative; width: 100%; height: 240px; overflow: hidden; background-color: #d8d6d3}
/*.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                  {position: absolute; left: 50%; transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); 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: 'Rileyson W01 Junior', Arial; font-size: 19px}
.bildlinkbox-inner a:hover                  {text-decoration: none !important}

@media (max-width: 767px) {
	.bildlinkbox-thumbnail img {
		position: relative;
		left: auto;
		transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);
	}
}

#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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset_boxcategories.png") -39px -42px no-repeat}

#blockBottom {
    position: relative;
    width: 100%;
    min-height: 66px;
    padding-bottom: 20px;
    color: #645a50;
    background-color: #f4f1ee;
}
#navigationMeta                             {color: #d8d6d3; font-size: 15px; padding: 21px 0 0 0}
#navigationMeta a {
    color: #645a50;
    font-size: 15px;
    text-decoration: none !important;
}
#navigationMeta a:hover                     {text-decoration: underline}

@media (max-width: 1199px) {
	#navigationMeta {
		text-align: center;
	}
}

#searchBox                                  {padding: 18px 0 0 0}
#searchTerm                                 {padding: 7px 15px 5px 40px; width: 100%; background-color: #fff}
.search-group                               {position: relative;  width: 89%}
.search-group .form-control					{height: 30px; font-size: 15px; color: #9e9e9e; background-color:white; 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}

.search-group:before                        {position: absolute; left: 0; top: 0; display: block; width: 33px; height: 30px; content: ""; background: url("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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:"Rileyson W01 Adult"; 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: 'Rileyson W01 Adult', Arial; font-size: 15px; color: #d9d9d9; margin: 0 0 4px 0}

#navigationFootermap                        {margin: 0 0 20px 0}
#navigationFootermap a.navLevel1            {display: block; font-family: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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; background-color:#f4f1ee; 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; background-color:#f4f1ee; 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}
div.radio .radio                         {margin-top: 0px}

.btn-submit                                 {position: relative; font-family: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: white;
    border-top: 1px solid #F4F1EE;
    border-left: 1px solid #F4F1EE;
    border-bottom: 1px solid #c5bfb8;
    border-right: 1px solid #c5bfb8;
}
.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: 'Rileyson W01 Junior', Arial; 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: 'Rileyson W01 Junior', Arial;
	font-size: 22px;
	line-height: 26px;
	color: #645a50;
    background-color: white;
	border-top: 1px solid #F4F1EE;
	border-left: 1px solid #F4F1EE;
	border-bottom: 1px solid #c5bfb8;
	border-right: 1px solid #c5bfb8;
}
.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: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset_boxcategories.png") 0px 0px no-repeat}
#blockContent.produkte .bildlinkbox:after           {width: 39px; height: 42px; background: url("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset_boxcategories.png") -39px 0px no-repeat}
#blockContent.umwelt .bildlinkbox:after             {width: 46px; height: 42px; background: url("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset_boxcategories.png") 0px -42px no-repeat}
#blockContent.menschen .bildlinkbox:after           {width: 39px; height: 48px; background: url("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset_boxcategories.png") -39px -48px no-repeat}
#blockContent.vaude .bildlinkbox:after              {width: 46px; height: 48px; background: url("/gri-wGlobal/wGlobal/layout/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%}
.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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; 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: white;
	border-top: 1px solid #F4F1EE;
	border-left: 1px solid #F4F1EE;
	border-bottom: 1px solid #c5bfb8;
	border-right: 1px solid #c5bfb8;
}
.themeneintrag .themeneintrag-thumbnail img {width: 100%; height: auto}
.themeneintrag-inner                        {min-height: 300px}
.themeneintrag-inner .tableCenter {
	min-height: 300px;
}
.themeneintrag-inner .headline {
    font-family: 'Rileyson W01 junior', Arial;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 10px 0;
    padding-right: 60px;
}
#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: 18px;
    line-height: 24px;
    color: #3b3b3b;
    margin: 0 0 10px 0;
    padding-right: 30px;
}
.themeneintrag-inner .date {
	font-family: 'Rileyson W01 Adult', Arial;
	font-size: 15px;
	line-height: 18px;
	color: #635a4f;
	margin: 0 0 9px 0;
}
.themeneintrag-inner a                      {font-family: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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:"Rileyson W01 Adult"; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: #f4f1ee;
    //border: 1px solid #c5bfb8;

}
.bildtextboxbreit .bildtextboxbreit-thumbnail img           {width: 100%; height: auto}
.bildtextboxbreit-inner                                     {height: 300px; overflow: visible}
.bildtextboxbreit-inner .headline                           {font-family: 'Rileyson W01 Adult', Arial; font-size: 16px; 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 {
	position: relative;
    padding: 15px 0;
    margin: 0 0 30px 0;
    background-color: #f4f1ee;
    //border: 1px solid #c5bfb8;
}

.zitatbox .zitatbox-thumbnail img           {width: 100%; height: auto}
.zitatbox-inner                             {position: relative; height: 100%; 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 .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}
}

#blockContentTop {
	position: relative;
	margin: 0 0 25px 0;
}

#blockContentTop:before {
	position: absolute;
	left: 0; bottom: 0;
	width: 67%;
	height: 4px;
	content: "";
	background-color: #e35b20;
}
#blockContentTop:after {
	position: absolute;
	right: 0; bottom: 0;
	width: 33%;
	height: 4px;
	content: "";
	background-color: #90001c;
}

.keyvisual {
    margin: -20px 0 0 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -68px -24px no-repeat}
#blockBreadcrumb a:last-child:after         {display: none}

#blockContent h1, .h1Editor {
	font-family: 'Rileyson W01 Child', Arial;
	color: #645a50;
	font-size: 62px;
    line-height: 72px;
	text-align: center;
	margin: 20px 0 27px 0;
	padding: 0 80px;
}
#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: 'Rileyson W01 Junior', Arial;
	text-align: left;
	font-size: 27px;
	line-height: 36px;
	margin: 0 0 25px 0;
	padding-right: 80px;
}
#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: 'Rileyson W01 Junior', Arial;
    text-align: left;
    font-size: 23px;
    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: 'Rileyson W01 Adult', Arial;
    text-align: left;
    font-size: 18px;
    line-height: 23px;
    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: 21px;
	font-family: 'Rileyson W01 Junior', Arial;
	text-align: center;
	line-height: 32px;
	color: #3b3b3b;
	margin: 0 0 50px 0;
	padding: 0 10%;
}

.teasertop > span.date {
	color: #010101;
}

#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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px -51px no-repeat}
#blockContent.produkte ul li:before         {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -26px -51px no-repeat}
#blockContent.umwelt ul li:before           {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -36px -51px no-repeat}
#blockContent.menschen ul li:before         {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -46px -51px no-repeat}
#blockContent.vaude ul li:before            {background: url("/gri-wGlobal/wGlobal/layout/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: 17px; line-height: 24px; margin: 0 0 20px 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: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -68px -24px no-repeat}
.btn:focus, .btn:active:focus, .btn.active:focus    {outline: none}

#blockContent .accordionIndex .panel {
    padding: 0 0 3px 0;
    margin: 0;
    border: none;
}

#blockContent .accordionIndex .panel-default>.panel-heading {
    position: relative;
    padding: 0;
    background-color: #f4f1ee;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.46);
}

#blockContent .accordionIndex .panel-default>.panel-heading h3 {
    padding: 16px 50px 14px 20px;
    margin: 0;
    font-family: 'Rileyson W01 Adult', Arial;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
    text-transform: uppercase;
    cursor: pointer;
}

#blockContent .accordionIndex .panel-default>.panel-heading h3:after {
    position: absolute;
    top: 50%; right: 18px;
    transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
    width: 16px;
    height: 8px;
    content: "";
    background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -188px no-repeat;
}

#blockContent .accordionIndex .panel-default>.panel-heading h3:not(.collapsed):after {
    transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);-webkit-transform: translateY(-50%) rotate(180deg);
}

#blockContent .accordionIndex .panel-default .panel-collapse .panel-body {
    padding: 38px 30px;
    margin: 0;
}

#blockContent .accordionIndex .panel-default .panel-collapse .panel-body hr {
    margin: 22px 0 26px 0;
    border-top: 2px solid #efeeed;
}

.contentIndikator {
    margin: 0 0 22px 0;
}

.contentIndikator .headline {
    margin: 0 0 9px 0;
    font-family: 'Rileyson W01 Junior', Arial;
    font-size: 17px;
    line-height: 22px;
    color: #43403d;
}

.contentIndikator .autolink {
    float: left;
    padding: 0 16px;
    margin: 0 4px 4px 0;
    font-family: 'Rileyson W01 Adult', Arial;
    font-size: 17px;
    line-height: 37px;
    color: #fff;
    background-color: #665a4c;
    cursor: pointer;
}

#survey {
	position: fixed;
	top: 0; left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-color: rgba(57,51,45,0.4);
}

#surveyInner {
	position: fixed;
	left: 50%; top: 50%;
	transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
	width: 660px;
	padding: 75px 80px;
	background-color: #fff;
}

#surveyInner .close {
	position: absolute;
	right: 18px; top: 18px;
	padding: 0 28px 0 0;
	font-family: 'Rileyson W01 Junior', Arial;
	font-size: 14px;
	line-height: 18px;
	color: #38332d;
	font-weight: normal;
	opacity: 1;
	text-shadow: none;
}

#surveyInner .close:after {
	position: absolute;
	right: 0px; top: 0px;
	width: 18px;
	height: 18px;
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -34px -182px no-repeat
}

#surveyInner .subtitle {
	margin: 0 0 20px 0;
	font-family: 'Rileyson W01 Junior', Arial;
	font-size: 19px;
	line-height: 24px;
	color: #38332d;
}

#surveyInner .headline {
	margin: 0 0 30px 0;
	font-family: 'Rileyson W01 Junior', Arial;
	font-size: 35px;
	line-height: 46px;
	color: #38332d;
}


@media (max-width: 767px) {
	#surveyInner .close {
		right: 12px; top: 12px;
		transform: scale(0.8);-ms-transform: scale(0.8);-webkit-transform: scale(0.8);
	}
}

.btn:disabled,
.btn[disabled]{
	opacity: .2;
}

.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: #f4f1ee;
}
.textboxweiss>.headline                     {padding: 14px 20px 13px 20px; font-family: 'Rileyson W01 Adult', Arial; font-size: 16px; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -68px -37px no-repeat}
.kontaktlink a                              {font-family: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial}
.textboxweiss .artikelverweis .headline.produkte        {color: #3296d4}
.textboxweiss .artikelverweis .headline.produkte:before  {display: inline-block; width: 18px; height: 14px; content: ""; margin: 0 10px 0 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -72px no-repeat}
.textboxweiss .artikelverweis .headline.umwelt          {color: #95c222}
.textboxweiss .artikelverweis .headline.umwelt:before    {display: inline-block; width: 21px; height: 15px; content: ""; margin: 0 10px 0 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -20px -70px no-repeat}
.textboxweiss .artikelverweis .headline.menschen        {color: #ff5a5a}
.textboxweiss .artikelverweis .headline.menschen:before  {display: inline-block; width: 9px; height: 14px; content: ""; margin: 0 10px 0 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -44px -71px no-repeat}
.textboxweiss .artikelverweis .headline.vaude           {color: #675a4e}
.textboxweiss .artikelverweis .headline.vaude:before     {display: inline-block; width: 19px; height: 13px; content: ""; margin: 0 10px 0 0; background: url("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; font-size: 13px; 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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; font-weight: normal; font-size: 21px; color: #fff}
.gri-indikator table td.indikator           {font-family: 'Rileyson W01 Junior', Arial; 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("/gri-wGlobal/wGlobal/layout/images/icons/tooltip-arrow.png") center top no-repeat}
.gri-indikator .tooltip-info-inner {
    padding: 17px 14px;
    background-color: #f4f1ee;
    border-bottom: 1px solid #c1c1c2;
    border-right: 1px solid #c1c1c2;
}

table.gri                                   {width: 100%}
table.gri>thead>tr>th {
    padding: 28px 30px;
    font-family: 'Rileyson W01 Adult', Arial;
    font-size: 27px;
    line-height: 34px;
    color: #fff;
    background-color: #645a50;
    border: none;
}
table.gri>tbody>tr>td {
    padding: 9px 30px;
    background-color: #f4f1ee;
    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}

table.gri>tbody>tr.highlighted>td a,
table.gri>tbody>tr.highlighted>td a.autolink {
	color: #fff !important;
}

table.gri>tbody>tr.highlighted>td a.autolink:before {
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/icon-glossar-white-retina.png") !important;
	background-size: 16px 16px !important;
}

a.intern                                    {position: relative; color: #3b3b3b; text-decoration: none !important}
a.intern-produkte                           {display: inline-block; position: relative; color: #3b3b3b; padding: 0 0 0 30px; text-decoration: none !important}
a.intern-umwelt                             {display: inline-block; position: relative; color: #3b3b3b; padding: 0 0 0 30px; text-decoration: none !important}
a.intern-menschen                           {display: inline-block; position: relative; color: #3b3b3b; padding: 0 0 0 30px; text-decoration: none !important}
a.intern-vaude                              {display: inline-block; position: relative; color: #3b3b3b; padding: 0 0 0 30px; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -68px -24px no-repeat}

a.intern-produkte:before                     {position: absolute; left: 0; top: 5px; width: 18px; height: 14px; content: ""; margin: 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -73px no-repeat}
a.intern-umwelt:before                       {position: absolute; left: 0; top: 6px; width: 21px; height: 14px; content: ""; margin: 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -21px -73px no-repeat}
a.intern-menschen:before                     {position: absolute; left: 5px; top: 5px; width: 9px; height: 14px; content: ""; margin: 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -44px -73px no-repeat}
a.intern-vaude:before                       {position: absolute; left: 0; top: 5px; width: 19px; height: 13px; content: ""; margin: 0; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -34px -110px no-repeat}

a.intern-umwelt:after,
a.intern-menschen:after,
a.intern-produkte:after,
a.intern-vaude:after                        {display: inline-block; width: 5px; height: 10px; content: ""; margin: 0 0 0 8px; background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -1px -37px no-repeat}

.accordionIndex a.intern,
.accordionIndex a.intern-produkte,
.accordionIndex a.intern-umwelt,
.accordionIndex a.intern-menschen,
.accordionIndex a.intern-vaude {
	font-family:"Rileyson W01 Adult";
	font-size: 15px;
	text-transform: uppercase;
}

.noSearchResults                            {margin: 0; font-size: 23px; line-height: 28px}
.noSearchResults b                          {font-family: 'Rileyson W01 Adult', Arial}

.formularblock {
    padding: 30px 30px;
    color: #645a50;
    background-color: white;
    border: 1px solid #c5bfb8;
}

#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: 'Rileyson W01 Adult', Arial; 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}

.griinfo {
	position: relative;
	margin: 90px 0 30px 0;
	padding: 0 0 0 75px;
}

.griinfo:before {
	position: absolute;
	left: 0; top: 0;
	z-index: 90;
	width: 60px;
	height: 60px;
	content: "";
	background-color: #f4f1ee;
	border-radius: 50%;
}

.griinfo:after {
	position: absolute;
	left: 15px; top: 17px;
	z-index: 100;
	width: 32px;
	height: 21px;
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -60px -176px no-repeat;
}

.griinfo .title {
	margin: 3px 0 5px 0;
	font-family: 'Rileyson W01 junior', Arial;
	font-size: 19px;
	line-height: 28px;
}

.griinfo a.intern {
	font-family:"Rileyson W01 Adult";
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
}

.griinfo .beButtonEditGlobalInclude {
	position: absolute;
	right: 0; top: 0;
}

.infografik {
	margin: 0 0 25px 0;
}

.infografik .pictureSubtitle {
	margin-top: 10px;
}

.boxSocialMedia {
	margin: 25px 0;
}

.boxSocialMedia span {
	display: inline-block;
	margin: 0 15px 0 0;
	font-family:"Rileyson W01 Adult";
	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: #f4f1ee;
	-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;
}
.boxSocialMedia a.linkedin > i {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 16px;
}

.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: 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: 42px;
}


.glossarEntryInner a.intern {
	display: inline-block;
	margin: 12px 0 0 0;
	font-family: 'Rileyson W01 Adult', Arial;
	font-size: 15px;
	color: #3b3b3b;
	text-transform: uppercase;
}

.glossarEntry .beButtonDeleteRow {
	position: absolute;
	top: 0;
	right: 0;
}

.glossarEntry .beButtonEditRow {
	position: absolute;
	top: 0;
	right: 25px;
}

.glossarEntry span.headline {
	display: block;
	font-family:"Rileyson W01 Adult";
	font-size: 18px;
	margin-bottom: 10px;
}

#azList {
	margin-bottom: 30px;
}

#azList .azElement {
	float: left;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 2px 2px 0;
	font-family:"Rileyson W01 Junior";
	font-size: 18px;
	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 {
    max-width: 240px;
	padding: 14px;
	font-size: 15px;
	color: #373737;
	background-color: #f0efee;
	border-bottom: 1px solid #383838;
	border-right: 1px solid #383838;
}

.tooltip.bottom .tooltip-arrow {
	margin-left: -24px;
	width: 48px;
	height: 10px;
	border: none;
	background: url("/gri-wGlobal/wGlobal/layout/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:"Rileyson W01 Child";
	font-size: 14px;
	margin-bottom: 2px;
}

.listRelatedArticles .headline {
	display: block;
	font-family:"Rileyson W01 Adult";
	font-size: 22px;
}

.listRelatedArticles .wglButton {
	position: absolute;
	right: 0; top: 0;
}
.listRelatedArticles .wglButton.beButtonEditRow {
	right: 25px;
}

.contentGallery {
	position: relative;
	padding: 15px 15px 100px 15px;
	margin: 0 0 30px 0;
	background-color: #f4f1ee;
}

#blockContent .contentGallery ul li {
	padding: 0;
}
#blockContent .contentGallery ul li:before {
	display: none;
}

.contentGallery .slideimage {
	display: block;
	margin: 0 auto;
	width: auto;
	max-height: 488px;
}

.contentGallery .galleryOuter .subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	font-family: 'Rileyson W01 Junior', Arial;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	color: #000;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a {
	position: absolute;
	left: 0; top: 0;
	width: 50%;
	height: 488px;
	margin: 0;
	background: none;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:before {
	position: absolute;
	left: 0; top: 94px;
	width: 50px;
	height: 300px;
	margin: 0;
	content: '';
	background: none;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity .3s;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:after {
	position: absolute;
	left: 20px; top: 50%;
	transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);
	width: 8px;
	height: 18px;
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -51px no-repeat;
	opacity: 0;
	transition: opacity .3s;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a.bx-next {
	left: auto; right: 0px;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a.bx-next:before {
	left: auto; right: 0px;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a.bx-next:after {
	left: auto; right: 20px;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a.bx-prev:after {
	transform: translate(0,-50%) rotate(180deg);-ms-transform: translate(0,-50%) rotate(180deg);-webkit-transform: translate(0,-50%) rotate(180deg);
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:before {
	opacity: 1;
}

.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:after {
	opacity: 1;
}


.contentGallery .pagerOuter {
	position: absolute;
	left: 0; bottom: 15px;
	width: 100%;
}

.contentGallery .pagerOuter .bx-wrapper {
	position: static;
}

.contentGallery .pagerOuter .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 0;
}

.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a {
	position: absolute;
	left: 15px; top: 0;
	width: 50px;
	height: 86px;
	margin: 0;
	background: none;
	background-color: #000;
}

.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a:after {
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
	width: 8px;
	height: 18px;
	content: "";
	background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") 0px -51px no-repeat
}

.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a.bx-next {
	left: auto; right: 15px;
}

.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a.bx-prev:after {
	transform: translate(-50%,-50%) rotate(180deg);-ms-transform: translate(-50%,-50%) rotate(180deg);-webkit-transform: translate(-50%,-50%) rotate(180deg);
}

.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a.disabled {
	display: block;
	cursor: default;
	background-color: #b3b1ae;
}


.contentGallery .pagerOuter li {
	position: relative;
	opacity: .65;
}

.contentGallery .pagerOuter li:hover {
	opacity: 1;
}

.contentGallery .pagerOuter li.active {
	opacity: 1;
}
.contentGallery .pagerOuter li.active:after {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 3px;
	content: "";
	background-color: #dd5c1e;
}



@media (min-width: 992px) and (max-width: 1199px){
    .themenboxbig-inner                     {height: 155px}

    .themeneintrag-inner                    {min-height: 251px}
	.themeneintrag-inner .tableCenter {
		min-height: 251px;
	}
    .themeneintrag-inner .headline          {font-size: 24px; line-height: 28px; 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}
    

	.contentGallery .slideimage {
		max-height: 410px;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a {
		height: 410px;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:before {
		top: 75px;
		height: 260px;
	}

	html.touch .contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a {
		display: none;
	}

	.griinfo .title {
		font-size: 17px;
		line-height: 24px;
	}
}


@media (min-width: 768px) and (max-width: 991px){
	#btn-top {
		bottom: 65px;
	}

    #blockTop .navbar-collapse              {width: auto}

    #bx-pager a                             {font-size: 15px}

    .statementbox .statement                {float: none; width: 100%}
    .statementbox .headline                 {font-family: 'Rileyson W01 Adult', Arial; font-size: 22px}
    .statementbox .tableCenter td           {vertical-align: top}

    .bildtextbox-thumbnail                  {margin: 0 0 15px 0}

    .themenboxbig-inner                     {height: 166px}

    .themeneintrag-inner                    {min-height: 189px}
	.themeneintrag-inner .tableCenter {
		min-height: 189px;
	}
    .themeneintrag-inner .headline          {font-size: 17px; line-height: 22px; margin: 0 0 13px 0}
    .themeneintrag-inner .desc              {font-size: 14px; line-height: 18px}
    .themeneintrag-inner a                  {font-size: 13px}

    #blockContentStart .F-thumbnail img              {margin: 0 auto}
    #blockContentStart .largebox .bildlinkbox-thumbnail img    {margin: 0 auto}
    .zitatbox-inner .name                   {font-size: 15px; line-height: 22px}
    .zitatbox-inner .zitat                  {font-size: 18px; line-height: 24px; 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 img                      {height: 84px}
    #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;
    }
    .teasertop {
		font-size: 20px;
		font-family: 'Rileyson W01 Junior', Arial;
		text-align: center;
		line-height: 28px;
		color: #3b3b3b;
		margin: 0 0 50px 0;
		padding: 0 10%;
	}
}

@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;
	}
	.boxSocialMedia a.linkedin > i {
		margin: 0 0 0 7px;
	}

	#blockFooter .partner span						{margin-right: 15px; font-size: 13px}

	#blockHead h1                           {font-size: 42px; line-height: 55px}
    #blockContent h1, .h1Editor {
    	font-family: 'Rileyson W01 Child', Arial;
    	color: #645a50;
    	font-size: 44px;
    	line-height: 55px;
    	text-align: center;
    	margin: 20px 0 27px 0;
    	padding: 0px 20px;

	}
    #blockContent h2, .h2Editor             {font-size: 26px; line-height: 32px}
    #blockContent h3, .h3Editor             {font-size: 22px; line-height: 30px}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a {
		display: none;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:before {
		opacity: 0;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:after {
		opacity: 0;
	}

	.contentGallery .pagerOuter .bx-wrapper .bx-controls-direction a {
		height: 84px;
	}
}


@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}

	#btn-top {
		bottom: 60px;
		width: 40px;
		height: 40px;
		background: url("/gri-wGlobal/wGlobal/layout/images/icons/btn_to-top.png") 0 0 no-repeat;
		background-size: 40px 40px;

	}

	#blockTop                               {width: 100%; min-height: 160px}
    #blockTopInner                          {margin-top: -74px; height: 160px}
    #blockTop .languageSelector             {top: 87px; left: auto; right: 70px}
    #blockTop .languageBar {
    width: 100%;
    height: 64px;
    background-color: #f4f1ee;
	}
    #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 #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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") left -21px no-repeat}
    #blockTop .navbar-nav>li.dropdown.navProdukt>a.navLevel1:after      {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px -21px no-repeat}
    #blockTop .navbar-nav>li.dropdown.navUmwelt>a.navLevel1:after       {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -32px -21px no-repeat}
    #blockTop .navbar-nav>li.dropdown.navMenschen>a.navLevel1:after     {background: url("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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("/gri-wGlobal/wGlobal/layout/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; background-color: #f4f1ee}
    #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: 'Rileyson W01 Adult', Arial; 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: 'Rileyson W01 Adult', Arial; 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("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") left -21px no-repeat}
    li.navProdukt .dropdown-submenu>a:after     {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -16px -21px no-repeat}
    li.navUmwelt .dropdown-submenu>a:after      {background: url("/gri-wGlobal/wGlobal/layout/images/icons/iconset.png") -32px -21px no-repeat}
    li.navMenschen .dropdown-submenu>a:after    {background: url("/gri-wGlobal/wGlobal/layout/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: 'Rileyson W01 Adult', Arial; 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                                {min-height: auto}

    #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}

   

    #startSlider .container                 {padding: 0}
	
	
    #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 img                      {height: 84px}
    #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: 'Rileyson W01 Adult', Arial; 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: 18px; line-height: 23px}

    .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;
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 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}

    #blockHead h1                           {font-size: 40px; line-height: 54px; padding: 0px 20px}
    #blockContent h1, .h1Editor             {font-size: 33px; line-height: 40px}
    #blockContent h2, .h2Editor             {font-size: 23px; line-height: 30px}
    #blockContent h3, .h3Editor             {font-size: 20px; line-height: 26px; color:black}
    #blockContent h4, .h4Editor             {font-size: 17px; line-height: 20px}


    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}
	.teasertop {
		font-size: 18px;
		font-family: 'Rileyson W01 Junior', Arial;
		text-align: center;
		line-height: 26px;
		color: #3b3b3b;
		margin: 0 0 50px 0;
		padding: 0 10%;
	}

	.contentGallery {
		padding-bottom: 15px;
	}

	.contentGallery .pagerOuter {
		display: none;
	}

	.contentGallery .slideimage {
		width: 100%;
		max-height: none;
	}

	.contentGallery .galleryOuter .subtitle {
		display: block;
		height: auto;
		margin: 10px 0 0 0;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a {
		display: block;
		height: 50px;
		width: 50px !important;
		top: 50%;
		transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:before {
		top: 0;
		height: 100%;
		opacity: 1;
	}
	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:before {
		opacity: 1;
	}

	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:after {
		top: 36px; left: 25px;
		opacity: 1;
	}
	.contentGallery .galleryOuter .bx-wrapper .bx-controls-direction a:hover:after {
		top: 36px; left: 25px;
		opacity: 1;
	}

    #blockContent .accordionIndex .panel-default .panel-collapse .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

	#surveyInner {
		width: 90%;
		padding: 40px 18px;
	}

	#surveyInner .close {
		text-indent: -9999px;
	}

	#surveyInner .subtitle {
		margin: 0 0 16px 0;
		font-family:"Rileyson W01 Adult";
		font-size: 15px;
		line-height: 22px;
		text-align: center;
	}

	#surveyInner .headline {
		margin: 0 0 20px 0;
		font-family: 'Rileyson W01 Junior', Arial;
		font-size: 28px;
		line-height: 32px;
		text-align: center;
	}

	#surveyInner .btn-dark {
		padding-top: 8px;
		padding-bottom: 8px;
		line-height: 21px;
		white-space: normal;
	}

	.griinfo .title {
		font-size: 17px;
		line-height: 24px;
	}
}


.wmd1, .wmd2, .wmd3, .wmd4, .wmd5, .wmd6, .wmd7, .wmd1:before, .wmd2:before, .wmd3:before, .wmd4:before, .wmd5:before, .wmd6:before, .wmd7:before {font:inherit !important;color:inherit !important;text-decoration:inherit !important} .wmd1:before {content:'a';display:inline} .wmd2:before {content:'e';display:inline} .wmd3:before {content:'o';display:inline} .wmd4:before {content:'u';display:inline} .wmd5:before {content:'i';display:inline} .wmd6:before {content:'.';display:inline} .wmd7:before {content:'@';display:inline}#deferred-styles-dyn {display:none}