.small {
	font-size: inherit;
}

a.none {
	color: inherit !important;
}

a.none:hover {
	color: inherit !important;
}

div.block-1700px {
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
}

div.block-1500px {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
}

/* hero */
#cp-hero.search2-hero {
	background: #111 !important;
	padding-top: 4.3em !important;
}

div.cp-results-hero.search2-hero form.searchbar.left, div.cp-results-hero.search2-hero form.searchbar
	{
	max-width: inherit;
}

#cp-hero.search2-hero div.title-left {
	float: left;
	margin-right: 1.6em;
}

#cp-hero.search2-hero h1.hero-title {
	font-size: 1.857em;
	margin-top: 0.3em;
}

#cp-hero.search2-hero p.welcome {
	margin: 0;
}

#cp-hero.search2-hero p.welcome+h1.hero-title {
	margin-top: 0;
}

#cp-hero.search2-hero .search-cell {
	display: inline-block;
}

#cp-hero.search2-hero nav.tabs {
	margin-top: 0.6em;
	display: flex;
}

#cp-hero.search2-hero nav.tabs a.tab {
	margin-left: 2em;
}

#cp-hero.search2-hero nav.tabs a.tab:first-of-type {
	margin-left: 0 !important;
}

#cp-hero.search2-hero nav.tabs a.tab.active {
	border-bottom: 2px solid #008fd3;
}

#cp-hero.search2-hero nav.tabs a.tab:hover {
	border-bottom: 2px solid #008fd3;
	cursor: pointer;
}

#cp-hero.search2-hero nav.tabs a.context {
	margin-left: auto;
}

#cp-hero.search2-hero nav.tabs a.context:after, a.dropdown:after {
	content: '\25BC';
	color: #008fd3;
	margin-left: 0.3em;
}

#cp-hero.search2-hero nav.tabs a.context:hover:after, a.dropdown:hover:after
	{
	color: #2FA0E0;
}

a.dropdown {
	margin-right: 1em;
}

#cp-hero.search2-hero div.submenu {
	margin-top: 0.6em;
}

input+div.submenu {
	margin-left: 1.6em;
	margin-bottom: 1.6em;
}

span.filtertitle {
	margin-right: 1em;
}

/* content */
.search2-container {
	min-height: 500px;
}

.search2-container .cp-search-results-content {
	min-height: 1144px;
}

div.dgs {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 1em;
}

aside.dg {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

aside.dg.card {
	width: calc(50% - 15px);
	margin-bottom: 1.6em;
}

div.dgs aside.dg {
	width: calc(100%/ 3);
}

div.dgs aside.dg.dg2 {
	width: calc(100%/ 2);
}

aside.dg>div.tile {
	margin-left: 20px;
	margin-right: 20px;
}

aside.dg>div.tile>* {
	padding: 1em;
}

aside.dg>div.tile.large>* {
	min-height: 111px;
}

aside.dg>div.tile>header {
	background-color: #000;
	color: #FFF;
	min-height: 160px;
	padding-top: 1.6em;
	position: relative;
}

aside.dg.dg2>div.tile>header {
	min-height: 210px;
}

aside.dg.card>div.tile>header {
	padding-top: 2.5em;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #FFF;
	color: #333;
}

aside.dg.card>div.tile>header>h2 {
	margin-bottom: 0;
}

aside.dg>div#wn-s4h.tile>header {
	background: url('../img/dg/wn-s4h.jpg');
	background-position-x: center;
}

aside.dg>div#dm-s4h.tile>header {
	background: url(../img/dg/s4hana.jpg);
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: 42%;
	min-height: 160px;
	padding-top: 5em;
	padding-left: 1em;
	padding-bottom: 4em;
	padding-right: 52%;
	color: #333;
	position: relative;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

aside.dg>div#wn-s4h2.tile>header {
	background: url('../img/dg/deneckenyoutube.jpg');
	background-position: left;
	background-size: 80%;
	background-repeat: no-repeat;
}

aside.dg>div.tile.map>header {
	background: url('../img/dg/map.jpg');
	background-position: center;
	background-size: 100%;
}
/*
aside.dg > div#dm-s4h.tile > header:before {
    content: "";
    background: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 57%;
    z-index: 1;
}*/
aside.dg>div.tile>header>* {
	position: relative;
	z-index: 2;
}

aside.dg.dg2>div.tile>header>span.pre-icon {
	font-size: 4em;
	width: 82%;
	display: block;
	text-align: center;
	margin-top: 0.8em;
}

aside.dg>div.tile>header>h2 {
	margin-top: 0;
	font-size: 1.714em;
}

aside.dg>div.tile>.content>h2 {
	margin-top: 0;
	font-size: 1.2em;
	font-weight: bold;
}

aside.dg>div.tile>.content {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	min-height: 115px;
}

aside.dg.dg2>div.tile>.content {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	min-height: 140px;
	padding-left: 0;
	padding-right: 0;
}

aside.dg span.icon, aside.smart-tile span.icon {
	font-family: sap-icons;
	font-size: 1.4em;
	vertical-align: sub;
	margin-left: 0.3em;
}

aside.dg p.see-more {
	text-align: right;
	margin-bottom: 0;
}

aside.smart-tile {
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 2em;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

aside.smart-tile div.search-result {
	margin: 1em 0 1.5em 0;
}

aside.smart-tile div.traning-tile {
	display: inline-block;
	width: 175px;
}

aside.smart-tile>header#denicken2 {
	background: url(../img/dg/s4hana.jpg);
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: 54%;
	min-height: 160px;
	padding-top: 1.5em;
	padding-left: 1em;
	padding-right: 54%;
	color: #333;
	position: relative;
	font-size: 18px;
}

aside.smart-tile>header#denicken2 p {
	z-index: 2;
	position: relative;
}

aside.smart-tile>header#denicken2 a {
	color: #333;
}

aside.smart-tile a.open {
	float: right;
	color: #2FA0E0;
	margin-top: 0.9em;
}

aside.smart-tile a.open:hover {
	text-decoration: underline;
	color: #008FD3;
}

aside.smart-tile>img {
	width: 100%;
}

aside.smart-tile>nav.breadcrumbs {
	margin-top: 1.6em;
    font-size: 12px;
}

aside.smart-tile>p.desc {
	font-size: 13px;
	color: #666;
}

aside.smart-tile>h3,
h3.koop {
    font-size: 18px;
    color: #666;
    margin-top: 1em;
    margin-bottom: 1em;
}

ul.koop {
    padding-left: 0;
    margin-top: -0.5em;
}

aside.smart-tile>nav.breadcrumbs > span.icon {
	font-family: sap-icons;
	font-size: 10px;
    vertical-align: baseline;
    margin-right: 0.2em;
    color: #999;
}

aside.smart-tile>h2 {
	font-size: 25px;
    font-weight: bold;
    margin: 0.6em 0;
}

aside.smart-tile div[role="separator"] {
	border-bottom: 1px solid #CCC;
	margin-top: 1.6em;
}

aside.smart-tile div[role="separator"]+p {
	margin-top: 1em;
}

aside.smart-tile ul.rp {
	padding-left: 0;
}

aside.smart-tile ul.rp, aside.smart-tile ul.rp ul, ul.koop
	{
	list-style: none;
}

aside.smart-tile ul.rp li, 
ul.koop li {
	margin-bottom: 0.5em;
}

aside.smart-tile ul.rp li.active {
	font-weight: bold;
}

ul.koop a{
  color: #2FA0E0;
}

ul.koop a:hover{
  text-decoration: underline;
  color: #008FD3;
}

aside.smart-tile ul.rp li.active a {
	color: #666;
}

aside.smart-tile ul.rp li.viewall a, 
ul.koop li.viewall a {
	font-size: 13px;
}

aside.smart-tile ul.rp li.viewall a:after {
	font-family: sap-icons;
	content: "\e1ed";
	margin-left: 0.3em;
	font-size: 12px;
}

aside.smart-tile ul.rp li.pl {
	color: #666;
	font-size: 15px;
}

.search2-container div.cp-search-results {
	width: calc(100%/ 3 * 2 - 25px);
}

.search2-container div.cp-search-filters {
	width: calc(100%/ 3 - 30px);
	right: 0;
}

aside.smart-tile div.w-icon {
	display: table;
}

aside.smart-tile div.w-icon>* {
	display: table-cell;
}

aside.smart-tile div.w-icon .content>h2 {
	font-size: 1.5em;
}

aside.smart-tile div.w-icon .icon>img {
	margin-top: 1em;
	width: 65px;
	margin-right: 1em;
}

aside.smart-tile div.home-list {
	margin-top: 1.6em;
	margin-bottom: 2em;
}

aside.smart-tile div.home-list h2 {
	margin: 0;
	font-weight: 600;
	font-size: 1.143em;
}

aside.smart-tile div.home-list p {
	margin: 0.5em 0em;
	color: #666;
	font-size: 0.929em;
	line-height: 1.6em;
}

.search2-container div.cp-search-results-content>h1 {
	border-bottom: 0;
	margin-top: 1em;
	margin-bottom: 2em;
}

.search2-container div.top-tiles {
	margin-bottom: 4em;
}

.search2-container div.top-tiles>*:nth-child(odd) {
	width: 40%;
	padding-right: 40px;
}

.search2-container div.top-tiles>*:nth-child(even) {
	width: 60%;
	padding-left: 40px;
}

.search2-container div.left-tiles, .search2-container div.right-tiles {
	display: inline-block;
	vertical-align: top;
}

.search2-container div.left-tiles {
	width: 40%;
}

.search2-container div.left-tiles.large {
	width: 60%;
}

.search2-container div.left-tiles>* {
	padding-right: 40px;
	margin-bottom: 4em;
}

.search2-container div.right-tiles>* {
	margin-bottom: 4em;
}

.search2-container div.right-tiles {
	width: calc(60% - 80px);
	padding-left: 60px;
}

.search2-container div.right-tiles.small {
	width: calc(40% - 80px);
}

.search2-container iframe.wn {
	width: 100%;
	height: 4241px;
	border: 0;
	margin-top: 3.1em;
}

aside.dg.green>div.tile>header {
	background-color: #4FB81C;
}

aside.dg.orange>div.tile>header {
	background-color: #E35500;
}

aside.dg.purple>div.tile>header {
	background-color: #970A82;
}

aside.dg.blue>div.tile>header {
	background-color: #008FD3;
}

.lgtile input[type="text"] {
	margin-left: 1.6em;
	margin-bottom: 0.6em;
	border-radius: 4px;
	border: 1px solid #CCC;
	width: 50%;
}

/* filters */
[kptestmenu] .menu[aria-hidden="true"], [xpand] .details[aria-hidden="true"]
	{
	visibility: hidden;
	opacity: 0;
}

[xpand] .details[aria-hidden="true"] {
	max-height: 0;
	overflow: hidden;
}

[kptestmenu] .menu>ul, [kptestmenu] .menu>ul ul, [kptestmenu] .details>ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
}

[kptestmenu] .menu {
	background-color: #FFF;
	position: absolute;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	z-index: 1000;
	min-width: 240px;
}

[kptestmenu] .menu h3 {
	font-size: 15px;
	font-weight: 700;
	color: #666;
	margin: 0.75em 0.3em 0.3em 0.3em;
}

nav.kpfilters {
	margin-top: -2.5em;
	/*margin-bottom: 20px;*/
	padding: 1em 0;
}

nav.kpfilters>h2 {
	color: #999;
	font-size: 14px;
	margin: 0;
}

nav.kpfilters>h2:before {
	content: '\e076';
	font-family: sap-icons;
	margin-right: 0.3em;
}

nav.kpfilters>* {
	display: inline-block;
}

nav.kpfilters>div.filter {
	margin-left: 1em;
}

nav.kpfilters>div.filter:first-of-type {
	margin-left: 0;
}

div.filter button.mtrigger {
	background: #FFF;
	border: 1px solid transparent;
	font-family: 'Benton Sans Regular', Arial, sans-serif;
	color: #666;
	border-radius: 4px;
	position: relative;
	padding: 0.3em;
}

div.filter.warrow button.mtrigger:after {
	content: '\25BC';
	color: #2FA0E0;
}

nav.kpfilters div.filter button.mtrigger:hover, div.mdatamenu>button.mtrigger:hover,
	div.mdatamenu.em>button.mtrigger:hover {
	border: 1px solid #CCC;
}

div.mdatamenu.em>button.mtrigger {
	border: 1px solid #e9e9e9;
}

table.dtable th div.filter button.mtrigger, table.dtable th input[type="text"]
	{
	border: 1px solid #CCC;
}

div.filter.warrow button.mtrigger:hover:after, div.filter.warrow[aria-expanded="true"] button.mtrigger:after
	{
	color: #008FD3;
}

div.filter[aria-expanded="true"] button.mtrigger, div.mdatamenu[aria-expanded="true"]>button.mtrigger
	{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid transparent;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}

div.filter div.menu, div.mdatamenu div.menu {
	border: 1px solid #CCC;
	border-top-right-radius: 4px;
}

div.filter[aria-expanded="true"] button.mtrigger:before, div.mdatamenu[aria-expanded="true"] button.mtrigger:before
	{
	content: "";
	position: absolute;
	height: 5px;
	z-index: 1001;
	bottom: -5px;
	left: 0;
	width: 100%;
	background-color: #FFF;
}

div.filter div.menu input.ffilter {
	display: block;
	width: calc(100% - 1em);
	margin: 0.5em 0.5em 0 0.5em;
}

div.filter div.menu button.faction, div.menu button.vc {
	background: transparent;
	border: 0;
	color: #2FA0E0;
	font-family: 'Benton Sans Medium', Arial, sans-serif;
	margin: 0.5em;
}

div.filter div.menu button.faction:hover, div.menu button.vc:hover {
	color: #008FD3;
	background-color: #e9e9e9;
}

div.filter div.menu button.faction.right {
	position: absolute;
	right: 0;
}

div.filter div.menu>ul, div.mdatamenu div.menu>ul {
	max-height: 500px;
	overflow-y: auto;
}

/* checkboxes */
nav.kpfilters label.input {
	display: block;
	color: #666;
	padding: 0.5em;
	margin: 0;
}

nav.kpfilters label.input:hover {
	color: #333;
	background: #e9e9e9;
}

nav.kpfilters label.input>input {
	display: none;
}

nav.kpfilters label.checkbox>input:checked+span.text {
	color: #4FB81C;
	/*font-family: 'Benton Sans Medium', Arial, sans-serif;*/
	font-weight: 700;
}

nav.kpfilters label.checkbox>input.red+span.text {
	color: #D04512;
	/*font-family: 'Benton Sans Medium', Arial, sans-serif;*/
	font-weight: 700;
}

nav.kpfilters label.checkbox>input:checked+span.text>* {
	color: inherit;
}

nav.kpfilters label.input>input+span.text:before {
	margin-right: 0.3em;
}

nav.kpfilters label.checkbox>input+span.text:before {
	content: "\2610";
}

nav.kpfilters label.checkbox>input:checked+span.text:before {
	content: "\2611"
}

nav.kpfilters label.checkbox>input.red+span.text:before {
	content: "\2612"
}

/* expandable sections */
[xpand] {
	border: 1px solid transparent;
	border-radius: 4px;
	margin-left: 2px;
	margin-right: 2px;
}

[xpand][aria-expanded="true"] {
	border: 1px solid #DDD;
}

[xpand]>div.summary {
	display: table;
	width: 100%;
	position: relative;
}

[xpand]>div.summary>* {
	display: table-cell !important;
	vertical-align: top;
	min-height: 33px;
}

[xpand]>div.summary>label.input {
	width: 17px;
	text-align: center;
}

[xpand]>div.summary>label.input.selected+button {
	color: #4FB81C;
}

[xpand]>div.summary button.xtrigger.tile {
	color: #666;
	/*font-family: 'Benton Sans Medium', Arial, sans-serif;*/
	padding-right: 1.6em;
	font-weight: 600;
}

[xpand]>div.summary button.xtrigger span.count, [kptestmenu] label.input span.count
	{
	font-size: 13px;
	/*font-family: "Benton Sans Regular", Arial, sans-serif;*/
	color: #999 !important;
	font-weight: 600;
}

[xpand]>div.summary button.xtrigger:after {
	content: "\e1ed";
	font-family: sap-icons;
	position: absolute;
	right: 0.5em;
	color: #333;
	display: inline-block;
	width: 16px;
	text-align: center;
}

[xpand][aria-expanded="true"]>div.summary button.xtrigger:after {
	content: "\e1ef";
}

[xpand]>.details {
	border-top: 1px solid #DDD;
	margin-bottom: 0px;
}

[xpand]>.details>ul, [kptestmenu] .menu>ul ul {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-left: 1em;
}

[kptestmenu] button.tile {
	display: block;
	color: #2FA0E0;
	padding: 0.5em;
	border: 0;
	background: transparent;
	font-family: 'Benton Sans Regular', Arial, sans-serif;
	font-size: 14px;
	width: 100%;
	text-align: left;
}

[kptestmenu] button.tile:hover {
	color: #008FD3;
	background: #e9e9e9;
}

[kptestmenu] div.details li {
	margin-top: 0em;
}

.training-tile {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0.5em;
    box-sizing: border-box;
}
.training-tile-content {
    background: #EEE;
    padding: 0.5em;
    height: 200px;
}

.training-tile h2 {
	font-size: 16px;
    font-weight: 600;
}

.training-tile p {
	margin: 0.5em 0em;
    color: #666;
    font-size: 0.929em;
    line-height: 1.6em;
}

aside.smart-tile p.searchtext {
	font-size: 13px;
    color: #999;
}


.kp-result-sides > div {
    display: inline-block;
}

.kp-result-sides > .cp-search-filters {
    position: static;
    padding-left: 55px;
}