/* FONTS */

@font-face {font-family:'droid-sans-regular'; src:url('fonts/droid-sans-regular.woff2') format('woff2'), url('fonts/droid-sans-regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'droid-sans-bold'; src:url('fonts/droid-sans-bold.woff2') format('woff2'), url('fonts/droid-sans-bold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'droid-serif-regular'; src:url('fonts/droid-serif-regular.woff2') format('woff2'), url('fonts/droid-serif-regular.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;}
b, strong {font-family: 'droid-sans-bold', sans-serif; font-weight: normal;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance: none; border-radius: 0px;}

/* GLOBAL */

body {
  font-family: 'droid-sans-regular', sans-serif;
  font-size: 16px;
  line-height: 160%;
  font-style: normal;
  text-align: center;
  color: #565653;
  background-color: #fff7ee;
}

a, a:link, a:visited, a:focus, a:active, a:hover {
  color: #565653;
  text-decoration: none;
}

.headline-left,
.text-left {
	text-align: left;
}

.headline-center,
.text-center {
	text-align: center;
}

.headline-right,
.text-right {
	text-align: right;
}

p {
  margin: 10px 0px;
}

p a {
	text-decoration: underline !important;
}

p a:hover {
	color: #a64251; !important;
}

blockquote b,
blockquote strong {
	font-family: 'droid-serif-regular', serif;
	font-style: italic;
	font-size: 22px;
	color: #a64251;
}

a.button {
  font-family: 'droid-sans-bold', sans-serif;
  text-transform: uppercase;
  padding: 8px 16px;
  color: #ffffff !important;
  border-bottom: 0px !important;
  text-decoration: none !important;
  display: inline-block;
  background-color: #e39e7f;
  margin-top: 15px;
  border-radius: 5px;
}

a.button:hover {
  color: #ffffff !important;
  background-color: #a64251;
}

h1, h2, h3, h4, h5 {
  width: 100%;
  font-family: 'droid-serif-regular', serif;
  display: block;
  line-height: 120%;
  margin: 10px 0px;
  color: #cc8f7a;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

h1,
h1 a {
  font-size: 32px;
  color: #a64251 !important;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h2 a,
h3 a,
h4 a,
h5 a {
	color: #cc8f7a !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #a64251 !important;
}

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

/* EU COOKIE CONSENT */

div.eu-cookie {
	width: 100%;
	float: left;
	clear: both;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0px;
	background-color: #a64251;
	background-color: rgba(166,66,81,0.9);
	display: none;
}

div.eu-cookie div.center {
	width: 100%;
	max-width: 1100px;
	margin: 0px auto;
}

div.eu-cookie-content {
	width: 100%;
	float: left;
	clear: both;
	color: #ffffff;
	text-align: left;
	padding: 30px;
}

div.eu-cookie-content h1,
div.eu-cookie-content h2,
div.eu-cookie-content h3,
div.eu-cookie-content h4,
div.eu-cookie-content h5,
div.eu-cookie-content p,
div.eu-cookie-content p a {
	color: #ffffff !important;
}

div.eu-cookie-content p a {
	text-decoration: underline;
}

div.eu-cookie-content span.button {
	cursor: pointer;
	margin-top: 0px;
	display: inline-block;
	padding: 8px 16px;
	color: #ffffff;
	border: 2px solid #ffffff;
}

div.eu-cookie-content span.button:hover {
	color: #a64251;
	background-color: #ffffff;
}

@media screen and (max-width:640px) {
	div.eu-cookie-content {padding:10px;}
	div.eu-cookie-content p {font-size:14px; line-height:140%;}
}

/* ELEMENTS */

div.bg-top,
div.bg-menu,
div.bg-header,
div.bg-main,
div.bg-footer,
div.bg-bottom {
	width: 100%;
	float: left;
	clear: both;
}

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

div.bg-menu {
	background-color: #fee4c7;
}

div.bg-header {
	background-color: #f3c29a;
}

div.bg-footer {
	background-color: #fee4c7;
}

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

div.top,
div.menu,
div.header,
div.main,
div.footer,
div.bottom {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	position: relative;
}

div.top {
	padding: 0px 40px;
	height: 120px;
}

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

div.top-left a {
	width: 290px;
	height: 110px;
	display: block;
	float: left;
	clear: none;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	z-index: 2;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
}

div.top-right {
	float: right;
	clear: right;
	text-align: right;
}

div.top-right p {
	color: #a64251;
	margin-top: 56px;
	line-height: 140%;
}

div.menu {
	height: 60px;
}

ul.main-menu {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 40px 0px 290px;
}

ul.main-menu > li {
	width: 25%;
	float: left;
	clear: none;
}

ul.main-menu > li > a {
	width: 100%;
	float: left;
	clear: both;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 100%;
	color: #a64251;
	text-align: center;
	padding: 21px 0px;
	background-position: bottom 10px center;
	background-size: 10px 6px;
}

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

ul.main-menu > li.sub > a {
	background-image: url(img/main-menu-sek.svg);
}

ul.main-menu > li.sub:hover > a,
ul.main-menu > li.sub.current > a {
	background-image: url(img/main-menu-sek-hover.svg);
}

ul.main-menu-sek {
	line-height: 120%;
	float: left;
	clear: both;
	position: absolute;
	z-index: 2;
	padding: 20px;
	top: 60px;
	background-color: #a64251;
	display: none;
}

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

ul.main-menu-sek > li {
	width: 100%;
	float: left;
	clear: both;
	margin: 3px 0px;
}

ul.main-menu-sek > li > a {
	color: #fee4c7;
}

ul.main-menu-sek > li > a:hover {
	color: #ffffff;
}

div.header img {
	width: 100% !important;
	height: auto !important;
	float: left;
	clear: both;
}

div.main {
	padding: 40px 20px;
	background-color: #ffffff;
}

div.footer {
	font-size: 14px;
	line-height: 140%;
	padding: 40px;
}

div.footer-left {
	float: left;
	clear: left;
}

ul.footer-menu {
	text-transform: uppercase;
	line-height: 150%;
	float: left;
	clear: none;
}

ul.footer-menu a {
	color: #a64251;
}

ul.footer-menu a:hover {
	color: #e39e7f;
}

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

div.footer-right p {
	float: left;
	clear: none;
	display: block;
	margin: 0px 0px 0px 100px;
}

div.footer-right p:first-of-type {
	margin-left: 0px;
}

div.footer-right p b,
div.footer-right p strong {
	font-family: 'droid-sans-bold', sans-serif;
	color: #a64251;
}

div.bottom {
	font-size: 14px;
	padding: 10px 40px;
	background-color: #ffffff;
}

div.bottom a:hover {
	color: #a64251;
}

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

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

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

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

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

div.top-left-trigger,
div.top-right-trigger {
	width: 80px;
	height: 80px;
	float: left;
	clear: none;
	position: absolute;
	z-index: 2;
	top: 0px;
	display: none;
}

div.top-left-trigger {
	left: 0px;
}

div.top-right-trigger {
	right: 0px;
}

span.menu-trigger {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/top-trigger.svg);
	background-position: top left;
	background-size: 200% 200%;
	cursor: pointer;
}

span.menu-trigger:hover,
span.menu-trigger.trigger-open {
	background-position: top right;
}

a.phone-trigger {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/top-trigger.svg);
	background-position: bottom left;
	background-size: 200% 200%;
	cursor: pointer;
}

a.phone-trigger:hover {
	background-position: bottom right;
}

div.csc-sitemap-list {
	display: grid;
	gap: 10px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(2,1fr);
	margin-top: 40px;
}

div.list-item {
	width: 100%;
	height: 100%;
	padding: 20px;
	background-color: #fff7ee;
}

.csc-default {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 20px;
}

.csc-default .csc-default {
	padding: 0px;
}

div.csc-80,
div.csc-75,
div.csc-70,
div.csc-60,
div.csc-50,
div.csc-40,
div.csc-30,
div.csc-30-special,
div.csc-25,
div.csc-20 {
	clear: none;
}

div.csc-80 {
	width: 80%;
}

div.csc-75 {
	width: 75%;
}

div.csc-70 {
	width: 66.6666666667%;
}

div.csc-60 {
	width: 60%;
}

div.csc-50 {
	width: 50%;
}

div.csc-40 {
	width: 40%;
}

div.csc-30,
div.csc-30-special {
	width: 33.3333333333%;
}

div.csc-25 {
	width: 25%;
}

div.csc-20 {
	width: 20%;
}

div.csc-30-special {
	margin-top: 10px;
	padding: 20px;
	border: 5px solid #fee4c7;
}

div.csc-30-special h1,
div.csc-30-special h2,
div.csc-30-special h3,
div.csc-30-special h4,
div.csc-30-special h5 {
	margin: 0px;
}

div.csc-30-special p {
	margin-bottom: 0px;
}

div.main ul {
	margin: 0px;
	padding: 0px;
}

div.main ul > li {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	background-image: url(img/ul-li.svg);
	background-size: 8px 12px;
	background-position: 0px 6px;
}

div.main ul > li a:hover {
	color: #a64251 !important;
}

div.main ul.csc-sitemap-list li {
	width: 32.3333333333%;
	float: left;
	clear: none;
	padding: 4px 0px 4px 16px;
	background-position: 0px 10px;
	margin: 0% 1% 0% 0%;
	border-bottom: 1px solid #fee4c7;
}

div.main ul.csc-sitemap-list li a {
	width: 100%;
	float: left;
	clear: none;
	display: block;
}

div.csc-col div.csc-textpic-imagewrap {
	width: 100%;
	float: left;
	clear: both;
}

div.csc-default figure {
	width: 100%;
	float: left;
	clear: none;
	display: block !important;
}

div.csc-default img {
	width: 100% !important;
	height: auto!important;
}

iframe {
	width: 100%;
	float: left;
	clear: both;
	border: none;
	margin: 20px 0px;
}

iframe.google-maps {
	height: 400px;
}

div.csc-bildergalerie {
	margin-top: 20px;
}

div.csc-bildergalerie div.csc-textpic,
div.csc-bildergalerie div.csc-textpic-imagewrap,
div.csc-bildergalerie div.csc-textpic-imagecolumn,
div.csc-bildergalerie figure {
	width: 100%;
	float: left;
	clear: both;
	display: block !important;
	margin: 0px !important;
}

div.csc-bildergalerie div.csc-textpic-imagerow {
	width: 20%;
	float: left;
	clear: none;
	padding: 0px 5px 5px 0px;
}

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

/* MEDIA-QUERIES */

@media screen and (max-width:1140px) {
	div.center {width:100%; float:left; clear:both;}
	div.top {padding-left:20px; padding-right:20px;}
	ul.main-menu {padding-left:310px;}
	ul.main-menu > li {width:auto; margin-right:100px;}
	ul.main-menu > li:last-of-type {margin-right:0px;}
}

@media screen and (max-width:1080px) {
	ul.main-menu {padding:0px 20px;}
	ul.main-menu > li {width:25%; margin-right:0px;}
}

@media screen and (min-width:800px) {
	div.bg-menu {display:block !important;}
}

@media screen and (max-width:800px) {
	div.main, div.footer, div.bottom {padding:20px;}
	div.bottom {padding:10px 20px;}
	div.bg-top {position:fixed; z-index:999; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);}
	div.top {height:80px;}
	div.top-right {display:none;}
	div.top-left {width:100%; float:left; clear:both; text-align:center;}
	div.top-left a {width:278px; height:60px; display:inline-block; float:none; clear:none; background-image:url(img/logo-small.svg); margin-top:10px;}
	div.top-left-trigger, div.top-right-trigger {display:block;}
	div.bg-menu {width:100%; height:100%; position:fixed; z-index:98; overflow-y:scroll; -webkit-overflow-scrolling:touch; display:none;}
	div.bg-menu div.center { width:100%; float:left; clear:both; padding:120px 80px; text-align:left;}
	ul.main-menu {width:100%; height:auto; padding:0px;}
	ul.main-menu > li {width:100%; float:left; clear:both; margin:20px 0px;}
	ul.main-menu > li > a {font-size:36px; text-align:left; padding:0px; background-image:none !important;}
	ul.main-menu-sek {display:block; position:relative; top:auto; left:auto; background-color:transparent; padding-bottom:0px;}
	ul.main-menu-sek > li > a {font-size:24px; line-height:120%; color:#a64251;}
	ul.main-menu-sek > li > a:hover {color:#e39e7f;}
	div.bg-header {margin-top:80px;}
	div.footer-left {display:none;}
	div.footer-right {width:100%; float:left; clear:both; text-align:center;}
	div.footer-right p {float:none; clear:none; display:inline-block; text-align:left; margin-left:60px;}
	div.csc-bildergalerie div.csc-textpic-imagerow {width:25%;}
}

@media screen and (max-width:680px) {
	div.csc-sitemap-list {grid-template-columns:repeat(1,1fr);}
	.csc-default {padding:0px;}
	div.csc-col {width:100%; clear:both; padding:10px 0px;}
	div.csc-30-special {padding:20px;}
	div.main ul.csc-sitemap-list li {width:49%;}
	div.csc-sitemap-list {margin-top:20px;}
}

@media screen and (max-width:560px) {
	div.top {height:60px;}
	div.top-left-trigger, div.top-right-trigger {width:60px; height:60px;}
	div.top-left a {width:185px; height:40px;}
	div.bg-menu div.center {padding:100px 40px;}
	ul.main-menu > li {margin:10px 0px;}
	ul.main-menu > li > a {font-size:28px;}
	ul.main-menu-sek > li > a {font-size:18px;}
	ul.main-menu-sek {padding-top:10px;}
	div.bg-header {margin-top:60px;}
	h1 {font-size:28px;}
	h2 {font-size:24px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	div.footer-right p {margin-left:20px;}
	div.main ul.csc-sitemap-list li {width:100%; margin:0%;}
	div.csc-bildergalerie div.csc-textpic-imagerow {width:33.3333333333%; padding:0px 2px 2px 0px;}
}

@media screen and (max-width:460px) {
	div.top-left a {margin-left:10px;}
	div.bg-menu div.center {padding:80px 20px;}
	ul.main-menu > li {margin:5px 0px;}
	ul.main-menu > li > a {font-size:24px;}
	ul.main-menu-sek > li > a {font-size:16px;}
	h1 {font-size:24px;}
	h2 {font-size:20px;}
	h3 {font-size:18px;}
	h4 {font-size:17px;}
	h5 {font-size:16px;}
	div.footer-right p {width:100%; float:left; clear:both; margin:0px;}
	div.footer-right p:last-of-type {margin-top:10px;}
	div.bottom-left {display:none;}
	div.bottom-right {width:100%; float:left; clear:both;}
}