


/* ---------------------------------------------------------------------------  GENERAL CLASSES */

	.gradient-lightgray {
		background: linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
		background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	  background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	  background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	}
	.none {
		display:none !important;
	}

	.bullet-list > li::before {
		content:"";
		width:5px;
		height:5px;
		border-radius:100%;
		overflow: hidden;
		background-color:rgb(55,170,50);
		position: absolute;
		left:0;
		top:12px;
	}
	.bullet-list > li {
		padding:0 0 0 15px;
	}

	.info-tool {
		background-position:-130px -45px;
		width:26px;
		height:26px;
		position: absolute;
		top:18px;
		right:20px;
	}


/* ---------------------------------------------------------------------------  HOME */

	#mainHome {
		background:url(../img/home.jpg) no-repeat;
		background-size:cover;
		color:#fff;
	}
	#mainHome a {
		display: block;
		text-align: center;
	}

/* ---------------------------------------------------------------------------  NAVIGATION */


	#masthead {
		position: absolute;
		z-index:100;
		background:#fff;
		border-bottom:2px solid #f2f2f2;
		width: 100%;
		height:60px;
	}
	.touch #masthead {
		position:fixed;
	}
	#site-header {
		height: 100%;
		justify-content: space-between;
		align-items: center;
		display: flex;
	}

	#logo {
		width:170px;
		height:24px;
		background:url(../img/logo-showroom.svg) no-repeat center center;
		background-size:contain;
		margin:0 0 0 20px;
	}

	#site-navigation {
		height:100%;
	}

	.menu > li {
		border-right: 1px solid #f2f2f2;
		height: 100%;
		display: flex;
		align-items: center;
		padding:0 20px;
	}
	.menu > li:last-child {
		border-left:none;
	}
	.menu > li > a {
		color:#484847;
	}

#flags_language_selector {
	padding:0;
	border-right:none;
	display: inline-block;
}
#languageList {
	height:69px;
	display: flex;
}
#languageList * {
	-webkit-transition:all .4s ease;
			transition:all .4s ease;
}
#languageList a {
	opacity: .3;
	border-bottom: 4px solid transparent;
}
#languageList li {
	width:64px;
	height:64px;
	display: flex;
	justify-content: center;
	align-items:center;
	border-bottom: 4px solid #484847;
}
#menuItemLang li.nav__listitem--active {
	display:none;
}




	#primary-menu {
		height:100%;
		display: flex;
	}

	
	#primary-menu > li::after {
		content:"";
		height:2px;
		width:100%;
		display: block;
		position: absolute;
		bottom:-2px;
		left:0;
	}


	.menu li.active {
		background:#484847;
	}
	.menu li.active::after {
		background:#333333;
	}

	#menuItemPublisher:hover {
		background:#37aa32;
	}
	#menuItemPublisher:hover::after {
		background:#23841f;
	}
	#menuItemPublisher.active {
		background:#37aa32;
	}
	#menuItemPublisher.active::after {
		background:#23841f;
	}

	


.no-touch #searchsubmit {
	display: none;
	width:17px;
	height:17px;
	background-image:url("../img/icons/search-grey.svg");
	background-size:contain;
	border:none;
	cursor:pointer;
	position: absolute;
    top: 13px;
    right: 10px;
}

.no-touch #searchform label {
	display: none;
}

#s {
	background-image:url("../img/icons/search-grey.svg");
	background-position: 162px center;
	background-size:17px 17px;
}




.no-touch #site-navigation-mobil {
	display: none;
}

.touch #site-navigation {
	display: none;
}

#primary-menu-mobil {
	display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    margin: 20px;
    opacity: 0;
    -webkit-transition:opacity .4s ease-out;
    		transition:opacity .4s ease-out;
}
.active #primary-menu-mobil {
	opacity: 1;
	-webkit-transition:opacity .4s ease-out .2s;
			transition:opacity .4s ease-out .2s;
}
#primary-menu-mobil li {
	margin:20px 0;
}
#btnMenu {
	width:40px;
	height:40px;
	top:5px;
	right:10px;
	position: absolute;
}
#btnMenuElements {
	position: relative;
	top:10px;
}
#btnMenu span {
	display: block;
	background:#484847;
	width:20px;
	height:1px;
	position: relative;
	margin:4px auto;
	-webkit-transform-origin:center center;
			transform-origin:center center;
}

#btnMenu span:nth-child(1), #btnMenu span:nth-child(3) {
	-webkit-transform:translateY(0);
			transform:translateY(0);
	-webkit-transition:-webkit-transform .3s ease-out .3s, opacity .3s linear .3s;
			transition:transform .3s ease-out .3s, opacity .3s linear .3s;
}
#btnMenu span:nth-child(2) {
	-webkit-transform:rotate(0);
			transform:rotate(0);
	-webkit-transition:-webkit-transform .3s ease-out;
			transition:transform .3s ease-out;
}

#btnMenu span:nth-child(4) {
	top:-10px;
	opacity:0;
	-webkit-transition:-webkit-transform .3s ease-out, opacity .3s linear .3s;
			transition:transform .3s ease-out, opacity .3s linear .3s;
}

.active #btnMenu span:nth-child(1) {
	opacity:0;
	-webkit-transform: translateY(4px);
			transform: translateY(4px);
	-webkit-transition: -webkit-transform .3s ease, opacity .3s linear;
			transition: transform .3s ease, opacity .3s linear;
}
.active #btnMenu span:nth-child(2) {
	transform: rotate(45deg);
	transition: transform .3s ease .3s;
}
.active #btnMenu span:nth-child(3) {
	opacity:0;
	-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
	-webkit-transition: -webkit-transform .3s ease, opacity .3s linear;
			transition: transform .3s ease, opacity .3s linear;
}
.active #btnMenu span:nth-child(4) {
	opacity:1;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .3s ease .3s,opacity .3s linear;
			transition: transform .3s ease .3s,opacity .3s linear;
}

#masthead.active {
	height:100%;
}

/* -------------------------------- NAV a la Styleguide */
.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
	align-items: center;
}
.nav__list a {
	color:rgba(72,72,71,1);
}
.nav__list a:hover {
	text-decoration: none;
}
.nav__listitem {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    cursor: pointer;
    line-height: 63px;
    height: 63px;
    color: #292929;
    margin-right: 30px;
	border-bottom: 3px solid transparent;
	-webkit-transition: all .25s cubic-bezier(.77,0,.175,1) 0s;
    		transition: all .25s cubic-bezier(.77,0,.175,1) 0s;
}
.nav__listitem--active, .nav__listitem:hover {
    text-decoration: none;
	border-bottom: 3px solid #484847;
}

.nav__active {
	border-bottom: 3px solid rgba(55,170,50,1);
}
.nav__active a {
	color:rgba(55,170,50,1);
}
#searchWrapper.nav__listitem:hover {
	border-bottom: 3px solid transparent;
}
#menuItemLang {
	border-bottom:none;
}
#menuItemLang.nav__listitem:hover {
	border-bottom:none;
}




/* ---------------------------------------------------------------------------  OVERVIEW ADVERTISER */





/* ---------------------------------------------------------------------------  FILTER */

	#empty {
		display: none;
		background:none;
		border:none;
		margin:0;
		flex:none;
	}

	.switch {
		background:#d4d4d4;
		width:20px;
		height:10px;
		margin:0 10px 0 0;
		border-radius:5px;
		border:1px solid #f2f2f2;
		-webkit-transition:background .4s ease-in-out;
				transition:background .4s ease-in-out;
	}
	.switch::before {
		content: "";
		position: absolute;
		background:#fff;
		height:10px;
		width:10px;
		border-radius:5px;
		box-shadow:0 0 5px 0 rgba(0,0,0,.15);
		left:0;
		top:-1px;
		-webkit-transition:left .4s ease-in-out;
				transition:left .4s ease-in-out;
	}

.chosen-trigger .switch {
	background:rgb(55,170,50);
}
.chosen-trigger .switch::before {
	left:12px;
}



	



	/* ---------------------------------------------------------------------------  TEASER */




	.headerPreviewAniTrigger {
		display: block;
	}
	.headerPreview {
		width:inherit;
		height:auto;
		position: relative;
	}
	.headerPreview img {
		width:100%;
		height:auto;
	}
	.headerPreviewAni {
		background-repeat:no-repeat;
		background-position: 0 0;
		background-size: contain;
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		opacity:0;
		display: block;
		-webkit-transition:opacity .4s ease;
				transition:opacity .4s ease;
	}
	.shadow {
		background:url(../img/shadow@2x.png) no-repeat center bottom;
		background-size:contain;
	}
	.entry-header .shadow{
		position: absolute;
		bottom:0;
		left:-20px;
		width:360px;
		height:28px;
	}

	.entry-main {
		padding: 15px 0 45px 0;
		display: block;
	}

	.entry-main a::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: -5px;
		left: 0;
		visibility: hidden;
		-webkit-transform: scaleX(0);
						transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
						transition: all 0.3s ease-in-out 0s;
	}
	.adv .entry-main a::before {
		background-color:#43adde;
	}

	.entry-main a::before {
		background-color:#37aa32;
	}

	.teaser:hover .entry-main a::before {
		visibility: visible;
		-webkit-transform: scaleX(1);
						transform: scaleX(1);
	}

	.cards-item-footer-desktop, .cards-item-footer-tablet, .cards-item-footer-phone {
		display:none;
	}

	.cards-item[data-devicetype*="desktop"] .cards-item-footer-desktop, .cards-item[data-devicetype*="tablet"] .cards-item-footer-tablet, .cards-item[data-devicetype*="phone"] .cards-item-footer-phone  {
		display: inline-block;
	}
	li[data-devicetype*="desktop"] .desktop-grey, li[data-devicetype*="tablet"] .tablet-grey, li[data-devicetype*="phone"] .phone-grey {
		display: inline-block;
	}


.teaser-off{
	display:none;
}

.disabled-trigger{
	opacity:.3;
	cursor:default !important;
}

	/* ---------------------------------------------------------------------------  TEASER-TABLE-VIEW */

	.table > li {
		background:#fff;
		height:inherit;
		border-bottom:2px solid #eeeeee;
		margin: 0 0 20px 0;
	}

	.table header {
		min-height:70px;
	}
	.table .entry-title {
		flex:1;
		margin:0 20px;
	}

	.table .action-wrapper {
		display: flex;
		align-items: center;
		margin:0 0 0 20px;
		flex: 2;
	}
	.devices li {
		height:20px;
		width:20px;
		margin:0 20px 0 0;
		display: none;
	}
	.table .devices svg {
		fill:#484847;
	}
	.table .teaser-thumbnail a {
		display: block;
		height:100%;
		width: 100%;
		background-size:contain;
		background-position: right center;
		background-repeat: no-repeat;
	}
	.table main {
		border-top:1px solid #f2f2f2;
		min-height:70px;		
	}
	.table main > ul {
		flex:1;
		height: inherit;
	}
	.table main > ul > li {
		flex:1;
		padding:20px;
	}
	.teaser-filter {
		border-right:1px solid #f2f2f2;
	}
	.teaser-customfields > li:empty {
		display: none;
	}


	#box {
		position: fixed;
		color:#fff;
		height:70px;
		width:100%;
		bottom: -70px;
		left:0;
		z-index: 90;
		padding: 12px 0 0 0;
		-webkit-transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);
				transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#box .row {
		flex-direction: row;
	}
	#box .row > div {
		margin:0 5px;
	}	

	.btn-collect {
		height:inherit;
		flex:1;
		margin:20px;
		justify-content: flex-end;
	}
	.btn-collect > div {
		margin:0 10px;
	}
	.btn-collect > div:first-child {
		margin:0 10px 0 0;
	}
	.btn-collect > div:last-child {
		margin:0 0 0 10px;
	}
	.btn-collect > div[data-type="dismiss"] {
		margin:0;
	}


	.btn-bestcase {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.btn-bestcase .icon {
		height:15px;
		width:15px;
	}

	@media screen and (max-width:760px) {
		.table header,
		.table main {
			flex-direction: column;
		}
		.btn-collect {
			justify-content: start;
		}
	}









	div[data-type="dismiss"] {
		display: none;
	}
	.active [data-type="send"], .active [data-type="copy"] {
		display:none;
	}
	.active [data-type="dismiss"] {
		display: flex;
	}
	.active [data-type="collect"] {
		display: none;
	}
	ul.table.collected .teaser [data-type="send"], ul.table.collected .teaser [data-type="copy"] {
		display:none;
	}

	li.teaser.active {
		background-color:#e8e8e8;
	}

	.advice {
		font-size:12px;
		font-weight: 100;
		padding:3px 10px;
		background:#484847;
		border-radius:5px;
		color:#fff;
		position: absolute;
		top:0;
		opacity:0;
		text-align: center;
	}
	.advice::after {
		content:"";
		position: absolute;
		left:50%;
		bottom:-5px;
		margin:0 0 0 -3px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #484847 transparent transparent transparent;
	}

	div.copied .advice {
		opacity:1;
		-webkit-transform:translateY(-45px);
				transform:translateY(-45px);
		-webkit-transition: all .5s ease-out;
				transition: all .5s ease-out;
	}














	/* ---------------------------------------------------------------------------  ARTILCE */


	#backUI > a > .headerUI > span::after {
		width:23px;
		height:23px;
		background-position: -212px -85px;
	}
	#downloadUI {
		cursor:pointer;
	}
	#downloadUI .headerUI > span::after {
		width:22px;
		height:26px;
		background-position: -185px -85px;
	}
	#shareUI .headerUI  span::after {
		width:24px;
		height:24px;
		background-position: -240px -85px;
	}

	/* ------------------ INTRO SECTION */
	#introImgWrapper {
		background-repeat:no-repeat;
		background-position: center center;
		background-size:auto 100%;
		height:355px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#introImg {
		background-size:auto 202px;
		background-position: center center;
		background-repeat: no-repeat;
		width:100%;
		height:100%;
	}

	@media screen and (orientation:portrait) {
		#introImgWrapper {
			height:194px;
			order:1;
		}
		#introImg {
			background-size:auto 59%;
		}


	}

	/* ------------------ USP SECTION */

	#usp i {
		font-size:40px;
		width:100%;
		margin:0 0 10px 0;
	}
	#usp h3 {
		color:rgba(72,72,71,1);
		/*min-height: 78px;*/
	}

	/* ------------------ FEATURE SECTION */


	/* ------------------ MSMA-FEATURE SECTION */
	#msmaFeatures > ul > li {
		margin:0 10px;
	}
	.feature-wrapper > ul {
		margin:20px 0px 0 0;
	}
	.feature-wrapper ul:first-child {
		margin:20px 20px 0 0;
	}
	.feature-wrapper > ul > li {
		border-top:1px solid #f2f2f2;
		margin: 0 0 50px 0;
		padding:20px 0 0 0;
	}
	.feature-items > li {
		margin:20px 0;
	}

	#ctaFeature .btn {
		display: block;
		text-align:center;
		margin:20px 0 0 0;
	}
	/* ------------------ TOOL SECTION */

	#selectToolWrapper {
		margin:40px 0 70px 0;
	}
	#tool img {
		width:100%;
		height:auto;
	}
	#tool > li {
		align-items: center;
	}
	#tool span {
		display: block;
		margin:20px 0 40px 0;
		line-height:24px;
	}
	#tool {
		min-height: 460px;
		width:100%;
	}
	#tool::after {
		content: "";
		background:url(../img/shadow@2x.png) no-repeat center bottom;
		background-size:100% auto;
		display: block;
		position: absolute;
		width:100%;
		height:70px;
		bottom:-70px;
		left:0;
		-webkit-transform:rotate(180deg);
						transform:rotate(180deg);
	}
	#selectTool > .headerUI {
		border-right:1px solid rgba(53,137,39,.45);
		background-color:rgba(53,137,39,0);
		cursor:pointer;
		flex:1;
		-webkit-transition:background-color .5s ease-in-out;
				transition:background-color .5s ease-in-out;
	}
	#selectTool > .headerUI::after {
		content:"";
		position: absolute;
		left:30px;
		bottom:0px;
		width: 0px;
		height: 0px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid rgb(55,170,50);
		-webkit-transition:all .5s ease-in-out;
						transition:all .5s ease-in-out;
	}
	#selectTool > .headerUI:hover {
		background-color:rgba(53,137,39,1);
	}
	#selectTool > .headerUI:hover::after {
		border-top:10px solid rgb(53,137,39);
		bottom:-10px;
	}

	#navTools.tab0 #selectEditors.headerUI {
		background-color:rgba(53,137,39,1);
	}
	#navTools.tab0 #selectEditors.headerUI::after {
		border-top:10px solid rgb(53,137,39);
		bottom:-10px;
	}
	#navTools.tab1 #selectDashboard.headerUI {
		background-color:rgba(53,137,39,1);
	}
	#navTools.tab1 #selectDashboard.headerUI::after {
		border-top:10px solid rgb(53,137,39);
		bottom:-10px;
	}
	#navTools.tab2 #selectLinkpulse.headerUI {
		background-color:rgba(53,137,39,1);
	}
	#navTools.tab2 #selectLinkpulse.headerUI::after {
		border-top:10px solid rgb(53,137,39);
		bottom:-10px;
	}

	#selectTool > .headerUI:last-child {
		border-right:none;
	}
	#selectTool > li > span::after {
		width:40px;
		height:40px;
		top:15px;
	}
	#selectEditors > span::after {
		background-position: -185px -121px;
	}
	#selectDashboard > span::after {
		background-position: -230px -121px;
	}
	#selectLinkpulse > span::after {
		background-position: -275px -121px;
	}

	#editors, #dashboard, #linkpulse {
		position: absolute;
		display: flex;
	}

	#tool > li > div:first-child {
		opacity: 0;
		-webkit-transform:translateX(-50%);
						transform:translateX(-50%);
		-webkit-transition:all .5s ease-in-out;
						transition:all .5s ease-in-out;
	}
	#tool > li > div:last-child {
		opacity: 0;
		-webkit-transform:translateX(50%);
						transform:translateX(50%);
		-webkit-transition:all .5s ease-in-out;
						transition:all .5s ease-in-out;
	}

	#navTools.tab0 #editors {
		z-index:1;
	}
	#navTools.tab0 #editors > div:first-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}
	#navTools.tab0 #editors > div:last-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}

	#navTools.tab1 #dashboard {
		z-index:1;
	}
	#navTools.tab1 #dashboard > div:first-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}
	#navTools.tab1 #dashboard > div:last-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}

	#navTools.tab2 #linkpulse {
		z-index:1;
	}
	#navTools.tab2 #linkpulse > div:first-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}
	#navTools.tab2 #linkpulse > div:last-child {
		opacity: 1;
		-webkit-transform:translateX(0);
						transform:translateX(0);
		-webkit-transition:all .5s ease-in-out .4s;
						transition:all .5s ease-in-out .4s;
	}





	/* ------------------ SERVICE SECTION */

  #adSectionFrame{
      display:block;
      width:100%;
      height:910px;
  }

	#adSection{
		padding:70px 0 0 0;
	}

	/* ------------------ TechSepcs SECTION */

	#techSpecs > p > img {
		width:100%;
		height:auto;
	}
	.table-techspecs {
		background:#fff;
		box-shadow: 0 0 40px rgba(0,0,0,.15);
		position: relative;
		margin: 0 auto;
		display: block;
		box-sizing: border-box;
	}
	.table-techspecs th, .table-techspecs td {
		border-right:1px solid #f2f2f2;
		min-height:70px;
		padding:10px 20px;
	}
	.table-techspecs th:last-child, .table-techspecs td:last-child {
		border-right:none;
	}
	.table-techspecs tr {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		border-bottom: 1px solid #f2f2f2;
	}
	.table-techspecs th, .table-techspecs td {
		display: flex;
		align-items:center;
	}
	.table-techspecs h4 {
		margin: 0;
	}
	.table-techspecs tr.best-practice {
		background:#f2f2f2;
	}
	tr.best-practice td {
		border-right: 1px solid #fff;
	}
	.table-techspecs tr:hover {
		background:#f6f6f6;
		-webkit-transition:background .4s ease;
						transition:background .4s ease;
	}
	.table-techspecs tr.gradient-lightgray:hover {
		background: linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
		background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	  background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	  background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(255,255,255) 25%);
	}
	tr.gradient-lightgray td {
		width:100%;
	}




	@media screen and (min-width:1140px) {
		.table-techspecs {
			width:1120px;
		}
		.table-4-col th, .table-4-col td  {
			width:239px;
		}
		.table-4-col td.indented {
			width:199px;
			padding:0 40px;
		}
		.table-4-col td.fuse {
			width:717px;
			justify-content: center;
		}
		.table-3-col th, .table-3-col td  {
			width:332px;
		}
		.table-3-col td.indented {
			width:293px;
			padding:10px 40px;
		}
		.table-3-col td.fuse {
			width:664px;
			justify-content: center;
		}
		.table-2-col tr td  {
			width:332px;
		}
		.table-2-col td.indented {
			padding:10px 40px;
			width: 292px;
		}
		.table-2-col td.fuse {
			width:707px;
			justify-content: center;
		}
	}

	/*

	GOOD OLD TIMES COLUM STYLE

	#techSpecs > p > img {
		width:100%;
		height:auto;
	}
	#techSpecs > ul {
		align-items: flex-start;
	}
	#techSpecs > ul > li {
		border:1px solid #f2f2f2;
	}
	#techSpecs > ul > li > * {
		margin:0 20px 20px 20px;
	}
	#techSpecs > ul > li > h3 {
		background:#f2f2f2;
		padding:10px 20px;
		margin:0;
	}
	#techSpecs > ul > li > h4 {
		border-top: 1px solid #f2f2f2;
		padding:20px 0 0 0;
	}
	#techSpecs > ul > li > ul > li::before {
		content:"\25CF";
		color:#43adde;
		margin: 0 10px 0 0;
	}
	*/

	/* ------------------ CMS ELEMENTS */
	.edit-link {
		background:#43adde;
		position: fixed;
		bottom:40px;
		right:0;
		padding:20px;
		z-index: 100;
	}
	.edit-link a {
		color:#fff;
	}

	/* ---------------------------------------------------------------------------  SEARCH OVERVIEW */
	#searchSection {
		padding:80px 0;
	}
	#searchSection > article {
		border-top:1px solid #f2f2f2;
		padding: 40px 0;
		margin: 40px 0;
	}
	.thumbnail-search > a > img {
		width:100%;
		height:auto;
	}

	/* ---------------------------------------------------------------------------  404 */





	/* ---------------------------------------------------------------------------  FOOTER */


	#site-footer li {
		list-style:none;
	}
	#site-footer a {
		color:rgba(236,236,236,1);
		margin:0 0 10px 0;
	}
	#site-footer a:hover {
		color:#fff;
	}

	#bestcase-link::before {
		content:"";
		background:url("../img/icons/lock.svg") no-repeat;
		width:15px;
		height:21px;
		display: block;
		position: absolute;
		top:6px;
	}
	#bestcase-link a {
		padding:0 0 0 25px;
	}

	#li::before {
		background-position: -81px -45px;
		width:19px;
		height:20px;
		margin: 8px 0 0 0;
	}


	/* ---------------------------------------------------------------------------  INPUT FIELDS */

	input, .input-date, .input-text {
		position: relative;
		height: 40px;
		border: 1px solid #e6eaed;
		border-radius: 5px;
		outline-width: 0;
		outline: none;
		box-shadow: none;
		background-color: #fafbfd;
		background-repeat: no-repeat;
		padding: 0 8px;
		color: #484847;
		/*
		-webkit-transition: all .25s cubic-bezier(.77,0,.175,1) 0s;
				transition: all .25s cubic-bezier(.77,0,.175,1) 0s;
		*/
	}
	#searchHeader {
		padding:0 20px;
	}
	#loginform p {
		margin:10px 0;
	}

	/* ---------------------------------------------------------------------------  CHECKBOX-SETTINGS */

	input[type=checkbox] {
		left: 0;
		top: 2px;
		width: 16px;
		height: 16px;
		background: #fff;
		border: 1px solid #c6cacd;
		border-radius: 3px;
		transition: all .25s cubic-bezier(.77,0,.175,1) 0s;
	}




	/* ---------------------------------------------------------------------------  WP Adminbar */

	#wpadminbar {
		position: absolute !important;
	}
	body.islogged-in #page {
		top:32px;
	}

	@media screen and (orientation:portrait) {
		body.islogged-in #page {
            top: 0px;
        }
        #wpadminbar {
            display:none;
        }
	}