/* WEBFONTS */

@font-face {font-family: 'FGB'; src: url('fonts/franklin-gothic-book.woff2') format('woff2'), url('fonts/franklin-gothic-book.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'FGD'; src: url('fonts/franklin-gothic-demi.woff2') format('woff2'), url('fonts/franklin-gothic-demi.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LR'; src: url('fonts/lora-regular.woff2') format('woff2'), url('fonts/lora-regular.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LRI'; src: url('fonts/lora-regular-italic.woff2') format('woff2'), url('fonts/lora-regular-italic.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LB'; src: url('fonts/lora-bold.woff2') format('woff2'), url('fonts/lora-bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'LBI'; src: url('fonts/lora-bold-italic.woff2') format('woff2'), url('fonts/lora-bold-italic.woff') format('woff'); font-weight: normal; font-style: normal;}

/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%;}
body {-moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
i, em {font-family: 'LBI', serif; font-style: normal;}
b, strong {font-family: 'LB', serif; font-weight: normal;}
i b, i strong, em b, em strong, b i, b em, strong i, strong em {font-family: 'PTS-BI', serif; font-weight: normal; font-style: normal;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance:none; border-radius:0px; outline:none;}

/* GLOBAL */

body {
	font-family: 'FGB', sans-serif;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #000000;
	padding-top: 80px;
	background-color: #000000;
}

body.bg-top-compact {
	padding-top: 60px;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
	color: #000000;
	text-decoration: none;
	transition: color 0.3s linear, background-color 0.3s linear, opacity 0.3s linear;
}

p {
	margin-top: 10px;
}

p.bodytext a {
	text-decoration: underline;
}

p.align-center {
	text-align: center !important;
}

h1, h2, h3, h4, h5 {
	font-family: 'FGD', sans-serif;
	display: block;
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 10px;
	text-align: left;
}

h1 {
	font-size: 48px;
}

div.bg-yellow:first-of-type h1 {
	margin-bottom: 0px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

a.cc_logo {
	display: none !important;
}

.cc_container {
	font-family: 'FGB', sans-serif;
	background-color: rgba(255,255,255,0.85) !important;
	border: 0px !important;
	border-radius: 0px !important;
	padding-bottom: 55px !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25) !important;
	bottom: 60px !important;
}

.cc_container .cc_btn {
	bottom: 15px !important;
}

.cc_container .cc_message {
	font-size: 14px !important;
	line-height: 140% !important;
	color: #000000 !important;
}

.cc_container a,
.cc_container a:visited {
	font-family: 'FGD', sans-serif;
	font-size: 14px !important;
	color: #000000 !important;
}

.cc_container a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
	font-family: 'FGD', sans-serif !important;
	font-size: 16px !important;
	color: #f9e937 !important;
	background-color: #000000 !important;
	border-radius: 0px !important;
}

.cc_container .cc_btn:hover {
	text-decoration: none;
	color: #000000 !important;
	background-color: #f9e937 !important;
}

div.divider {
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	margin: 15px 0px;
}

/* ELEMENTS */

div.csc-default,
div.csc-serif-80-content div.csc-default {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

div.csc-serif-80 {
	text-align: center;
}

div.csc-serif-80-content {
	width: 800px;
	margin: 0px auto;
}

div.csc-serif-80-content p {
	font-family: 'LR', serif;
}

div.csc-serif-80-content p i,
div.csc-serif-80-content p em {
	font-family: 'LRI', serif;
}

div.csc-gruender-80 div.csc-default {
	padding: 20px 0px;
	position: relative;
}

div.csc-gruender-80 div.csc-textpic-imagewrap {
	top: 20px;
	left: 0px;
	position: absolute;
	float: left;
	clear: left;
}

div.csc-gruender-80 figure {
	width: 200px;
	height: 200px;
	display: block;
	float: left;
	clear: none;
	border-radius: 100px;
	overflow: hidden;
	border: 5px solid #f9e937;
}

div.csc-gruender-80 img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.csc-gruender-80 div.csc-textpic-text {
	padding-left: 240px;
	float: left;
	clear: right;
}

div.csc-gruender-80 div.csc-textpic-text p {
	margin: 0px;
}

div.loader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	top: 0px;
	left: 0px;
	background-color: #000000;
	background-image: url(img/loader.gif);
	background-position: center center;
	background-size: 90px 90px;
}

div.center {
	width: 1200px;
	margin: 0px auto;
}

div.bg-top,
div.bg-bottom,
div.bg-search,
div.bg-main,
div.bg-teaser,
div.bg-newsletter,
div.top,
div.bottom,
div.search,
div.main,
div.teaser,
div.newsletter,
div.main-wrapper,
div.detail {
	width: 100%;
	float: left;
	clear: both;
}

div.main-wrapper {
	background-color: #ffffff;
}

div.bg-top {
	z-index: 999;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000000;
}

div.top {
	height: 80px;
	transition: height 0.3s linear;
}

body.bg-top-compact div.top {
	height: 60px;
}

div.top-menu-trigger {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}

span.top-menu-button {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	clear: none;
	cursor: pointer;
	background-color: #ffffff;
	background-image: url(img/top-menu-button.svg);
	background-size: 100% 100%;
}

span.top-menu-button:hover,
span.top-menu-button.open {
	background-color: #f9e937;
}

div.top-logo {
	float: left;
	clear: left;
}

div.top-logo a {
	width: 132px;
	height: 28px;
	display: block;
	float: left;
	clear: none;
	margin-top: 26px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
	transition: margin 0.3s linear;
}

body.bg-top-compact div.top-logo a {
	margin-top: 16px;
}

div.top-menu {
	float: right;
}

ul.top-menu {
	font-family: 'FGB', sans-serif;
	font-size: 18px;
	float: left;
	clear: none;
	margin-top: 26px;
	transition: margin 0.3s linear;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	white-space: nowrap;
}

body.bg-top-compact ul.top-menu {
	margin-top: 16px;
}

ul.top-menu > li {
	display: block;
	float: left;
	clear: none;
	margin-left: 30px;
	position: relative;
}

ul.top-menu > li:first-of-type {
	margin-left: 0px;
}

ul.top-menu > li > a {
	display: block;
	float: left;
	clear: none;
	color: #ffffff;
	padding-bottom: 26px;
	transition: color 0.3s linear, padding 0.3s linear;
}

body.bg-top-compact ul.top-menu > li > a {
	padding-bottom: 16px;
}

ul.top-menu > li.arrow > a {
	background-image: url(img/arrow.svg);
	background-size: 10px 6px;
	background-position: bottom 13px center;
}

body.bg-top-compact ul.top-menu > li.arrow > a {
	background-position: bottom 8px center;
}

ul.top-menu > li.current.arrow > a,
ul.top-menu > li.arrow:hover > a {
	background-image: url(img/arrow-yellow.svg);
}

ul.top-menu > li.current > a,
ul.top-menu > li > a:hover {
	color: #f9e937;
}

/*ul.top-menu > li.current > a {
	font-family: 'FGD', sans-serif;
}*/

ul.top-menu-sek {
	text-align: left;
	display: block;
	position: absolute;
	padding: 16px 20px;
	margin-top: 54px;
	margin-left: -20px;
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
	transition: margin 0.3s linear;
	display: none;
}

ul.top-menu li:hover ul.top-menu-sek {
	display: block;
}

ul.top-menu-sek > li {
	width: 100%;
	float: left;
	clear: both;
}

ul.top-menu-sek > li > a {
	color: #ffffff;
	transition: color 0.3s linear;
}

ul.top-menu-sek > li > a:hover {
	color: #f9e937;
}

body.bg-top-compact ul.top-menu-sek {
	margin-top: 44px;
}

div.top-search-trigger {
	width: 28px;
	height: 100%;
	float: right;
	clear: right;
	padding-top: 26px;
	margin-left: 30px;
	transition: padding 0.3s linear;
}

body.bg-top-compact div.top-search-trigger {
	padding-top: 16px;
}

span.top-search-button {
	width: 28px;
	height: 28px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-color: #ffffff;
	background-image: url(img/search.svg);
	background-size: 100% 100%;
	cursor: pointer;
	transition: background-color 0.3s linear;
}

span.top-search-button:hover,
span.top-search-button.open {
	background-color: #f9e937;
}

div.bg-bottom {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0px;
	background-color: #000000;
}

div.bottom {
	height: 50px;
}

div.bottom-left {
	float: left;
	clear: left;
	padding-top: 9px;
}

ul.social-menu {
	float: left;
	clear: none;
}

ul.social-menu > li {
	float: left;
	clear: none;
	margin-right: 9px;
}

ul.social-menu > li > a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-color: #ffffff;
	background-image: url(img/social-menu.svg);
	background-size: 128px 32px;
	border-radius: 16px;
}

ul.social-menu > li > a:hover {
	background-color: #f9e937;
}

ul.social-menu > li > a.facebook {
	background-position: 0px 0px;
}

ul.social-menu > li > a.twitter {
	background-position: -32px 0px;
}

ul.social-menu > li > a.instagram {
	background-position: -64px 0px;
}

ul.social-menu > li > a.rss {
	background-position: -96px 0px;
}

a.like-button {
	height: 32px;
	display: block;
	float: left;
	clear: none;
	font-family: 'FGD', sans-serif;
	font-size: 16px;
	padding: 3px 16px 0px 32px;
	background-color: #ffffff;
	background-image: url(img/like-button.svg);
	background-size: 22px 22px;
	background-position: left 9px center;
	border-radius: 16px;
}

a.like-button:hover {
	background-color: #f9e937;
}

div.bottom-right {
	float: right;
	clear: right;
}

ul.bottom-menu {
	font-size: 16px;
	float: left;
	clear: none;
	padding-top: 11px;
}

ul.bottom-menu > li {
	display: block;
	float: left;
	clear: none;
	margin-left: 30px;
}

ul.bottom-menu > li:first-of-type {
	margin-left: 0px;
}

ul.bottom-menu > li > a {
	color: #ffffff;
}

ul.bottom-menu > li > a:hover {
	color: #f9e937;
}

div.bg-search {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	background-color: #000000;
	background-color: rgba(0,0,0,0.9);
	display: none;
}

div.search {
	margin-top: 140px;
}

div.small-menu-wrapper {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: fixed;
	z-index: 99;
	padding: 40px 200px 120px 200px;
	overflow-y: scroll;
	background-color: #000000;
	background-color: rgba(0,0,0,0.9);
	display: none;
}

div.small-menu-content {
	width: 100%;
	float: left;
	clear: both;
}

div.small-menu {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

ul.small-menu {
	width: 100%;
	float: left;
	clear: both;
}

ul.small-menu > li {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	position: relative;
}

ul.small-menu > li > a {
	display: block;
	float: left;
	clear: left;
	font-size: 32px;
	line-height: 100%;
	padding: 10px 0px;
	color: #ffffff;
}

span.small-menu-trigger {
	width: 32px;
	height: 32px;
	display: block;
	float: right;
	clear: right;
	padding-top: 12px;
	font-size: 32px;
	line-height: 100%;
	color: #ffffff;
	cursor: pointer;
}

ul.small-menu-sek {
	width: 100%;
	float: left;
	clear: both;
	font-size: 24px;
	line-height: 100%;
	padding-left: 30px;
	margin-bottom: 10px;
}

ul.small-menu-sek > li {
	width: 100%;
	float: left;
	clear: both;
}

ul.small-menu-sek > li > a {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	color: #ffffff;
	padding: 5px 0px;
}

ul.small-menu > li.current > a,
ul.small-menu-sek > li.current > a {
	font-family: 'FGD', sans-serif;
	color: #f9e937;
}

ul.small-menu-bottom {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
	margin-top: 10px;
}

ul.small-menu-bottom a {
	color: #ffffff;
}

div.main-wrapper {
	padding-bottom: 50px;
}

div.main {
	padding: 50px 0px;
}

a.button {
	font-family: 'FGD', sans-serif;
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
	padding: 12px 24px;
	background-color: #000000;
	margin: 5px;
	text-decoration: none !important;
}

a.button:hover {
	color: #000000;
	background-color: #f9e937;
}

div.bg-yellow a.button {
	color: #000000;
	background-color: #ffffff;
}

div.bg-yellow a.button:hover {
	color: #ffffff;
	background-color: #000000;
}

div.bg-main {
	background-color: #ffffff;
}

div.bg-yellow {
	background-color: #f9e937;
}

div.list {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 30px;
}

div.list-item {
	width: 50%;
	float: left;
	clear: none;
	text-align: left;
	position: relative;
}

div.list-item a {
	display: block;
	float: left;
	clear: none;
}

span.list-img-wrapper {
	width: 50%;
	float: left;
	clear: none;
	top: 0px;
	left: 0px;
	position: absolute;
}

span.list-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

span.list-img {
	width: 100%;
	float: left;
	clear: none;
}

span.list-img-corner {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 30px;
	right: -20px;
	transform: rotate(45deg);
	background-color: #ffffff;
	transition: background-color 0.3s linear;
}

div.list-item a:hover span.list-img-corner {
	background-color: #f9e937;
}

span.list-text {
	width: 50%;
	height: 100%;
	float: left;
	clear: none;
	position: absolute;
	top: 0%;
	left: 50%;
	padding: 20px;
	background-color: #ffffff;
	transition: background-color 0.3s linear;
}

div.list-item a:hover span.list-text {
	background-color: #f9e937;
}

span.list-text-category,
span.list-text-info {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 14px;
	line-height: 120%;
	color: #000000;
}

span.list-text-title {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-family: 'FGD', sans-serif;
	font-size: 24px;
	line-height: 120%;
	color: #000000;
	padding: 5px 0px;
	transition: color 0.3s linear;
}

div.list-item:nth-child(3) span.list-img-wrapper,
div.list-item:nth-child(4) span.list-img-wrapper,
div.list-item:nth-child(7) span.list-img-wrapper,
div.list-item:nth-child(8) span.list-img-wrapper,
div.list-item:nth-child(11) span.list-img-wrapper,
div.list-item:nth-child(12) span.list-img-wrapper,
div.list-item:nth-child(15) span.list-img-wrapper,
div.list-item:nth-child(16) span.list-img-wrapper,
div.list-item:nth-child(19) span.list-img-wrapper,
div.list-item:nth-child(20) span.list-img-wrapper {
	right: 0px;
	left: auto;
}

div.list-item:nth-child(3) span.list-text,
div.list-item:nth-child(4) span.list-text,
div.list-item:nth-child(7) span.list-text,
div.list-item:nth-child(8) span.list-text,
div.list-item:nth-child(11) span.list-text,
div.list-item:nth-child(12) span.list-text,
div.list-item:nth-child(15) span.list-text,
div.list-item:nth-child(16) span.list-text,
div.list-item:nth-child(19) span.list-text,
div.list-item:nth-child(20) span.list-text {
	left: 0px;
}

div.list-item:nth-child(3) span.list-img-corner,
div.list-item:nth-child(4) span.list-img-corner,
div.list-item:nth-child(7) span.list-img-corner,
div.list-item:nth-child(8) span.list-img-corner,
div.list-item:nth-child(11) span.list-img-corner,
div.list-item:nth-child(12) span.list-img-corner,
div.list-item:nth-child(15) span.list-img-corner,
div.list-item:nth-child(16) span.list-img-corner,
div.list-item:nth-child(19) span.list-img-corner,
div.list-item:nth-child(20) span.list-img-corner {
	left: -20px;
	right: auto;
}

div.start-slider-content,
div.feedback-slider {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

div.start-slider-item {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	background-color: #000000;
}

div.start-slider-item a {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

span.start-slider-img {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

span.start-slider-img img {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	clear: both;
}

span.start-slider-text {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
	margin-top: -60px;
	background-color: #000000;
	background-color: rgba(0,0,0,0.5);
}

span.start-slider-category,
span.start-slider-info {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 14px;
	line-height: 120%;
	color: #ffffff;
}

span.start-slider-title {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-family: 'FGD', sans-serif;
	font-size: 32px;
	line-height: 120%;
	color: #ffffff;
	padding: 5px 0px;
	transition: color 0.3s linear;
}

div.start-slider-item a:hover span.start-slider-title {
	color: #f9e937;
}

div.bg-feedback-slider h4 {
	text-align: center;
}

div.feedback-slider p {
	width: 100%;
	float: left;
	clear: both;
	font-size: 24px;
	text-align: center;
}

div.feedback-slider p b {
	font-size: 32px;
	line-height: 140%;
	display: inline-block;
	padding-bottom: 20px;
}

.owl-dots {width:100%; float:left; clear:both; margin-top:20px;}
.owl-dot {display:inline-block; margin:0px 6px;}
.owl-dot span {width:14px; height:14px; display:block; float:left; clear:none; text-indent:-999px; overflow:hidden; background-color:#000000; background-color:rgba(0,0,0,0.4); border-radius:7px; cursor:pointer;}
.owl-dot.active span {background-color:rgba(0,0,0,1);}
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}
@-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}

div.bg-newsletter {
	background-color: #f9e937;
}

div.newsletter {
	text-align: left;
	padding: 30px 0px;
}

div.newsletter p {
	width: 100%;
	min-height: 30px;
	font-family: 'FGD', sans-serif;
	font-size: 24px;
	display: block;
	float: left;
	clear: both;
	position: relative;
	padding-left: 60px;
	padding-right: 180px;
	background-image: url(img/newsletter.svg);
	background-size: 40px 30px;
}

div.newsletter p a {
	font-family: 'FGD', sans-serif;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	right: 0px;
	top: 0px;
	text-decoration: none !important;
	display: block;
	padding: 12px 24px;
	background-color: #000000;
}

div.newsletter p a:hover {
	color: #000000;
	background-color: #ffffff;
}

div.bg-detail-img,
div.detail-img {
	width: 100%;
	float: left;
	clear: both;
	background-color: #000000;
}

div.bg-detail-img div.center {
	width: 1400px;
}

div.detail-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.bg-detail-content {
	width: 100%;
	float: left;
	clear: both;
}

div.bg-detail-content div.center {
	width: 800px;
}

div.detail-content {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	margin-top: -80px;
}

div.detail-head {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px;
	color: #ffffff;
	text-align: center;
	background-color: #000000;
	margin-bottom: 40px;
}

div.detail-head h1 {
	color: #f9e937;
	text-align: center;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

span.detail-head-category,
span.detail-head-info {
	font-size: 18px;
	display: block;
}

div.detail-text,
div.detail-text-intro,
div.detail-text-main,
div.detail-text-additional {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 40px;
}

div.detail-text p {
	font-family: 'LR', serif;
	font-size: 20px;
	line-height: 160%;
}

div.detail-text-intro p {
	font-family: 'LBI', serif;
}

div.detail-text p i,
div.detail-text p em {
	font-family: 'LRI', serif;
}

div.detail-text p b,
div.detail-text p strong {
	font-family: 'LB', serif;
}

div.detail-text p i b,
div.detail-text p i strong,
div.detail-text p em b,
div.detail-text p em strong,
div.detail-text p b i,
div.detail-text p b em,
div.detail-text p strong i,
div.detail-text p strong em {
	font-family: 'LBI', serif;
}

div.detail-content-elements {
	width: 100%;
	float: left;
	clear: both;
}

div.detail-text table {
	width: 100%;
	float: left;
	clear: both;
}

div.detail-text table img {
	margin: 0px 20px 20px 0px;
}

div.detail-text table td {
	text-align: left;
	vertical-align: top;
}

div.detail-text table p {
	font-size: 18px;
}

div.detail-text table p a {
	text-decoration: underline;
}

div.detail-text table p a:hover {
	background-color: #f9e937;
}

div.detail-text table {
	width: 100%;
	float: left;
	clear: both;
	/*table-layout: fixed;*/
	font-family: 'LR', serif;
	font-size: 20px;
	line-height: 160%;
}

div.detail-text table td {
	padding: 10px 20px 10px 0px;
}

div.news-pagebrowser {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 30px;
}

ul.news-paginator {
	display: inline-block;
}

ul.news-paginator > li {
	float: left;
	clear: none;
	margin: 0px 5px !important;
	list-style-type: none !important;
}

ul.news-paginator > li.current,
ul.news-paginator > li > a {
	width: 46px;
	height: 46px;
	font-size: 20px;
	display: block;
	float: left;
	clear: none;
	color: #000000;
	padding-top: 10px;
	border-radius: 23px;
}

ul.news-paginator > li > a:hover {
	color: #000000;
	background-color: #f9e937;
}

ul.news-paginator > li.current {
	color: #f9e937;
	background-color: #000000;
}

div.autoren-liste {
	width: 100%;
	float: left;
	clear: both;
	padding: 5px;
}

div.autoren-item {
	width: 25%;
	float: left;
	clear: none;
	text-align: center;
	padding: 20px 10px;
	border: 5px solid #ffffff;
	background-color: #e5e5e5;
	transition: background-color 0.3s linear;
}

div.autoren-item:hover {
	background-color: #f9e937;
}

div.autoren-img {
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: 0px auto;
	border-radius: 75px;
	border: 5px solid #ffffff;
	overflow: hidden;
}

div.autoren-img img {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	clear: both;
}

div.autoren-text {
	width: 100%;
	display: inline-block;
}

div.autoren-text h4,
div.autoren-text p {
	width: auto !important;
	display: block;
	margin: 0px auto;
	text-align: center;
}

div.autoren-text a.button {
	padding: 8px 18px;
	color: #808080;
	background-color: #ffffff;
}

div.autoren-item:hover a.button {
	color: #ffffff;
	background-color: #000000;
}

div.autoren-head-img {
	width: 200px;
	height: 200px;
	float: left;
	clear: left;
	border-radius: 100px;
	border: 5px solid #ffffff;
	overflow: hidden;
}

div.autoren-head-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.autoren-head-text {
	text-align: left;
	padding-left: 230px;
}

h1.search-headline {
	display: none;
}

div.search-form {
	width: 500px;
	margin: 0px auto;
}

div.search-form form {
	width: 100%;
	float: left;
	clear: both;
}

div.search-input {
	width: 100%;
	float: left;
	clear: both;
}

div.search-input input {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'FGB', sans-serif;
	font-size: 24px;
	color: #999999;
	background-color: #ffffff;
	padding: 15px;
	border: none;
	transition: color 0.3s linear;
}

div.search-input input:focus {
	color: #000000;
}

div.search-filters {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 15px;
}

div.search-filters select {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'FGB', sans-serif;
	font-size: 20px;
	color: #ffffff;
	background-color: #4c4c4c;
	padding: 15px;
	border: none;
	-webkit-appearance: menulist;
}

div.search-buttons {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 15px;
}

span.search-cancel {
	width: 50%;
	float: left;
	clear: left;
	font-size: 16px;
	display: block;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 0px;
	transition: color 0.3s linear;
}

span.search-cancel:hover {
	color: #f9e937;
}

div.bg-yellow span.search-cancel {
	display: none;
}

div.search-buttons input[type="submit"] {
	width: 50%;
	height: 48px;
	float: left;
	clear: right;
	display: block;
	font-family: 'FGD', sans-serif;
	font-size: 18px;
	background-color: #000000;
	color: #ffffff;
	border: none;
	cursor: pointer;
	transition: color 0.3s linear;
}

div.search-buttons input[type="submit"]:hover {
	color: #f9e937;
}

div.bg-yellow div.search-buttons input[type="submit"] {
	width: 100%;
	clear: both;
}

div.bg-search div.search-buttons input[type="submit"] {
	background-color: #f9e937;
	color: #000000;
}

div.search-results-head {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'FGB', sans-serif;
	font-size: 24px;
	padding-bottom: 30px;
}

div.search-results-list {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

div.search-results-item {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #e5e5e5;
}

div.search-results-img {
	float: left;
	clear: left;
}

div.search-results-img img {
	width: 300px;
	height: auto;
	float: left;
	clear: none;
	margin: 0px 20px 0px 0px;
}

div.search-results-item span.date {
	display: block;
}

div.search-results-item span.hit {
	background-color: #f9e937;
}

div.search-results-item a:hover {
	text-decoration: underline;
}

div.search-pagebrowser {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
}

div.search-pagebrowser ul {
	display: inline-block;
}

div.search-pagebrowser ul > li {
	float: left;
	clear: none;
	margin: 0px 5px !important;
	list-style-type: none !important;
}

div.search-pagebrowser ul > li > a {
	width: 46px;
	height: 46px;
	font-size: 20px;
	display: block;
	float: left;
	clear: none;
	color: #000000;
	padding-top: 10px;
	border-radius: 23px;
}

div.search-pagebrowser ul > li > a:hover {
	color: #000000;
	background-color: #f9e937;
}

div.search-pagebrowser ul > li > a.current {
	color: #f9e937;
	background-color: #000000;
}

div.banner-item {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

div.banner-item a {
	width: 100%;
	float: left;
	clear: both;
	color: #ffffff;
	display: block;
	background-color: #000000;
}

div.banner-item a:hover {
	color: #000000;
	background-color: #ffffff;
}

span.banner-img-wrapper {
	width: 60%;
	float: left;
	clear: left;
}

span.banner-img {
	width: 100%;
	float: left;
	clear: none;
}

span.banner-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

span.banner-text {
	width: 40%;
	padding: 30px;
	float: left;
	clear: right;
}

span.banner-text-category,
span.banner-text-info {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 16px;
	line-height: 120%;
}

span.banner-text-title {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-family: 'FGD', sans-serif;
	font-size: 32px;
	line-height: 120%;
	padding: 5px 0px;
}

div.csc-img-gallery div.csc-textpic,
div.csc-img-gallery div.csc-textpic-imagewrap {
	width: 100%;
	float: left;
	clear: both;
	margin: 0px;
}

div.csc-img-gallery div.csc-textpic-imagerow,
div.csc-img-gallery div.csc-textpic-imagecolumn {
	float: left;
	clear: none;
}

div.csc-img-gallery div.csc-textpic-imagerow {
	width: 25%;
	padding: 1px;
}

div.csc-img-gallery figure {
	width: 100%;
	float: left;
	clear: none;
	margin: 0px !important;
}

div.csc-img-gallery img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.csc-full-cta,
div.csc-full-header-cta {
	height: 500px;
	position: relative;
	background-color: #000000;
}

div.csc-full-header-cta {
	height: 800px;
}

div.csc-full-cta div.csc-textpic,
div.csc-full-header-cta div.csc-textpic {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
}

div.csc-full-cta div.csc-textpic-imagewrap,
div.csc-full-header-cta div.csc-textpic-imagewrap {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 0px;
	z-index: 1;
	opacity: 0.5;
}

div.csc-full-cta figure,
div.csc-full-header-cta figure {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	display: block !important;
	margin: 0px !important;
}

div.csc-full-cta div.csc-textpic-text,
div.csc-full-header-cta div.csc-textpic-text {
	width: 100%;
	float: left;
	clear: both;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	margin: 0px;
	text-align: center !important;
	top: 50%;
	transform: translateY(-50%);
}

div.csc-full-cta div.csc-textpic-text h1,
div.csc-full-cta div.csc-textpic-text h2,
div.csc-full-cta div.csc-textpic-text h3,
div.csc-full-cta div.csc-textpic-text h4,
div.csc-full-cta div.csc-textpic-text h5,
div.csc-full-header-cta div.csc-textpic-text h1,
div.csc-full-header-cta div.csc-textpic-text h2,
div.csc-full-header-cta div.csc-textpic-text h3,
div.csc-full-header-cta div.csc-textpic-text h4,
div.csc-full-header-cta div.csc-textpic-text h5 {
	text-align: center;
}

div.csc-full-cta div.csc-textpic-text h1,
div.csc-full-cta div.csc-textpic-text h2,
div.csc-full-cta div.csc-textpic-text h3,
div.csc-full-header-cta div.csc-textpic-text h1,
div.csc-full-header-cta div.csc-textpic-text h2,
div.csc-full-header-cta div.csc-textpic-text h3 {
	color: #f9e937;
}

div.csc-full-cta div.csc-textpic-text h4,
div.csc-full-header-cta div.csc-textpic-text h4 {
	font-family: 'FGB', sans-serif;
	color: #ffffff;
}

div.csc-full-cta a.button,
div.csc-full-header-cta a.button {
	color: #000000;
	background-color: #f9e937;
}

div.csc-full-cta a.button:hover,
div.csc-full-header-cta a.button:hover {
	background-color: #ffffff;
}

div.csc-bg-attached {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: both;
	background-color: #000000 !important;
	background-position: center center !important;
	background-size: cover !important;
}

div.csc-redaktion-item {
	width: 25%;
	float: left;
	clear: none;
	text-align: center;
	padding: 0px 15px 50px 15px;
}

div.csc-redaktion-item div.csc-textpic,
div.csc-redaktion-item div.csc-textpic-imagewrap,
div.csc-redaktion-item img,
div.csc-redaktion-item div.csc-textpic-text {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.csc-redaktion-item figure {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 0px auto !important;
	border-radius: 100px;
	overflow: hidden;
	border: 5px solid #f9e937;
}

div.csc-redaktion-item div.csc-textpic-text {
	padding-top: 15px;
}

div.csc-redaktion-item h1,
div.csc-redaktion-item h2,
div.csc-redaktion-item h3,
div.csc-redaktion-item h4,
div.csc-redaktion-item h5 {
	text-align: center;
	margin: 0px;
}

div.csc-redaktion-item p {
	margin: 0px;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1400px) {
	div.bg-detail-img div.center {width:100%;}
}

@media screen and (max-width:1240px) {
	div.center {width:100%; padding-left:20px; padding-right:20px;}
	div.bg-detail-img div.center, div.bg-detail-content div.center {padding-left:0px; padding:0px;}
}

@media screen and (max-width:1040px) {
	ul.top-menu > li, div.top-search-trigger {margin-left:20px;}
	div.csc-redaktion-item {width:33.3333333333%;}
	div.csc-full-header-cta {height:600px;}
}

@media screen and (max-width:940px) {
	ul.top-menu > li, div.top-search-trigger {margin-left:15px;}
	div.list-item {width:100%; clear:both;}
	span.list-text-title {font-size:32px; line-height:120%;}
	div.list-item:nth-child(3) span.list-img-wrapper, div.list-item:nth-child(4) span.list-img-wrapper, div.list-item:nth-child(7) span.list-img-wrapper, div.list-item:nth-child(8) span.list-img-wrapper, div.list-item:nth-child(11) span.list-img-wrapper, div.list-item:nth-child(12) span.list-img-wrapper, div.list-item:nth-child(15) span.list-img-wrapper, div.list-item:nth-child(16) span.list-img-wrapper, div.list-item:nth-child(19) span.list-img-wrapper, div.list-item:nth-child(20) span.list-img-wrapper {right:auto; left:0px;}
	div.list-item:nth-child(3) span.list-text, div.list-item:nth-child(4) span.list-text, div.list-item:nth-child(7) span.list-text, div.list-item:nth-child(8) span.list-text, div.list-item:nth-child(11) span.list-text, div.list-item:nth-child(12) span.list-text, div.list-item:nth-child(15) span.list-text, div.list-item:nth-child(16) span.list-text, div.list-item:nth-child(19) span.list-text, div.list-item:nth-child(20) span.list-text {left:50%;}
	div.list-item:nth-child(3) span.list-img-corner, div.list-item:nth-child(4) span.list-img-corner, div.list-item:nth-child(7) span.list-img-corner, div.list-item:nth-child(8) span.list-img-corner, div.list-item:nth-child(11) span.list-img-corner, div.list-item:nth-child(12) span.list-img-corner, div.list-item:nth-child(15) span.list-img-corner, div.list-item:nth-child(16) span.list-img-corner, div.list-item:nth-child(19) span.list-img-corner, div.list-item:nth-child(20) span.list-img-corner {left:auto; right:-20px;}
	div.list-item:nth-child(even) span.list-img-wrapper {right:0px; left:auto;}
	div.list-item:nth-child(even) span.list-text {left:0px;}
	div.list-item:nth-child(even) span.list-img-corner {left:-20px; right:auto;}
	div.autoren-item {width:33.3333333333%;}
}

@media screen and (max-width:900px) {
	body {padding-top:60px;}
	div.top {height:60px;}
	div.top-menu-trigger {display:block;}
	div.top-logo {width:100%; float: left; clear:both; z-index:1; text-align:center;}
	div.top-logo a {display:inline-block; float:none; clear:none; margin-top:16px;}
	div.top-search-trigger {width:60px; height:60px; position:absolute; right:0px; top:0px; z-index:2; padding:0px; margin:0px;}
	span.top-search-button {width:36px; height:36px; margin-top:12px;}
	div.top-menu {display:none;}
	body.bg-top-compact div.top-search-trigger {padding-top:0px;}
	div.newsletter {padding:20px 0px; text-align:center;}
	div.newsletter p {font-size:22px; padding:40px 0px 0px 0px; background-position:top center;}
	div.newsletter p a {position:relative; margin-top:10px;}
	span.banner-img-wrapper, span.banner-text {width:100%; clear:both;}
}

@media screen and (min-width:900px) {
	div.top-menu {display:block !important;}
	div.small-menu-wrapper {display:none !important;}
}

@media screen and (max-width:840px) {
	div.bg-detail-content div.center {width:100%;}
	div.detail-head {padding:40px;}
	div.detail-content {margin-top:0px;}
	div.detail-text, div.detail-comments {padding-left:20px; padding-right:20px;}
	div.csc-redaktion-item {width:50%;}
	div.csc-serif-80-content {width:100%;}
}

@media screen and (max-width:760px) {
	div.small-menu-wrapper {padding-left:150px; padding-right:150px;}
	div.csc-full-cta, div.csc-full-header-cta {height:400px;}
	a.like-button {width:32px; padding:0px; text-indent:-999px; overflow:hidden; background-size:24px 24px; background-position:center center;}
}

@media screen and (max-width:660px) {
	div.bg-content div.center {padding-left:0px; padding-right:0px;}
	div.csc-serif-80-content {padding-left:20px; padding-right:20px;}
	div.small-menu-wrapper {padding-left:100px; padding-right:100px;}
	span.list-text-title, span.banner-text-title {font-size:24px; line-height:120%;}
	div.detail-head {padding:20px; margin-bottom:20px;}
	h1 {font-size:38px;}
	h2 {font-size:32px;}
	div.detail-text p {font-size:16px; line-height:160%;}
	div.autoren-head {text-align:center;}
	div.autoren-head-img {width:180px; height:180px; float:none; clear:none; display: inline-block; border-radius:90px;}
	div.autoren-head-text {text-align:center; padding-left:0px; padding-top:10px;}
	div.autoren-head-text h1, div.autoren-head-text h4 {text-align:center;}
	div.autoren-item {width:50%;}
	div.search-results-item {margin-bottom:10px;}
	div.search-results-img img {width:150px; height:auto; margin:0px 10px 0px 0px;}
	div.csc-gruender-80 div.csc-textpic-imagewrap {width:100%; top:0px; left:0px; display:block; text-align:center; position:relative; clear:both;}
	div.csc-gruender-80 figure {width:150px; height:150px; display:inline-block; float:none; clear:none; margin:0px auto !important;}
	div.csc-gruender-80 div.csc-textpic-text {padding-left:0px; padding-top:20px; clear:both;}
	div.bottom {text-align:center;}
	div.bottom-left {width:196px; margin:0px auto; float:none; clear:none;}
	ul.social-menu, a.like-button {display:block; float:left; clear:none;}
	div.bottom-right {display:none;}
	div.detail-text table {font-size:16px; line-height:160%;}
	div.detail-text table td {width:100%; display:block; float:left; clear:both; padding:10px 0px;}
}

@media screen and (max-width:540px) {
	div.small-menu-wrapper {padding-left:50px; padding-right:50px;}
	div.main {padding:25px 0px;}
	div.start-slider-content {margin-top:0px;}
	span.start-slider-title {font-size:24px;}
	span.list-text {padding:15px;}
	span.list-text-title, span.banner-text-title {font-size:20px; line-height:120%;}
	div.bg-yellow div.search-form {display:none;}
	div.bg-yellow h1.search-headline {display: block;}
	div.search {margin-top:100px;}
	div.search-form {width:100%; float:left; clear:both;}
	div.csc-img-gallery div.csc-textpic-imagerow {width:33.333333333333333%;}
	div.csc-redaktion-item figure {width:140px; height:140px;}
	div.csc-redaktion-item {width:100%;}
	div.feedback-slider p b {font-size:28px; line-height:140%;}
	div.detail-text table td {width:100%; display:block; float:left; clear:both;}
	div.detail-text table td img {margin:30px 0px 0px 0px;}
}

@media screen and (max-width:460px) {
	div.small-menu-wrapper {padding-left:30px; padding-right:30px;}
	div.list-item {height:auto !important;}
	span.list-text {padding:20px;}
	span.list-text-title, span.banner-text-title {font-size:32px; line-height:120%;}
	span.list-img-wrapper, span.list-text, div.list-item:nth-child(even) span.list-img-wrapper, div.list-item:nth-child(even) span.list-text, div.list-item:nth-child(odd) span.list-img-wrapper, div.list-item:nth-child(odd) span.list-text {width:100%; float:left; clear:both; position:relative; left:auto;}
	span.list-img-corner, div.list-item:nth-child(even) span.list-img-corner, div.list-item:nth-child(odd) span.list-img-corner {width:30px; height:30px; top:auto; left:20px; bottom:-15px;}
	div.autoren-item {width:100%; clear:both; text-align:left; padding:15px 10px;}
	div.autoren-img {width:100px; height:100px; border-radius:50px; float:left; clear:left; border:2px solid #ffffff;}
	div.autoren-text {width:auto; text-align:left; display:inline-block; float:none; padding-left:20px;}
	div.autoren-text h4, div.autoren-text p {text-align:left;}
	div.autoren-text h4 {font-size:20px; white-space:nowrap; margin-top:10px;}
	div.autoren-text a.button {font-size:16px; padding:5px 10px;}
	div.search-input input {padding:10px; font-size:20px;}
	div.feedback-slider p b {font-size:24px; line-height:140%;}
}

@media screen and (max-width:380px) {
	span.banner-text-title {font-size:26px; line-height:120%;}
	div.autoren-item {text-align:center;}
	div.autoren-img {float:none; clear:none; display:inline-block; margin:0px auto;}
	div.autoren-text {width:100%; display:inline-block; margin:0px auto; padding:0px; text-align:center;}
	div.autoren-text h4, div.autoren-text p {text-align:center;}
	div.search {margin-top:60px;}
	div.search-results-img img {width:100px; height:auto; margin:0px 10px 0px 0px;}
	div.feedback-slider p b {font-size:20px; line-height:140%;}
}