@font-face {
	font-family: 'steady';
	src: url('fonts/steady.woff') format('woff');
	src: url('fonts/steady.ttf') format('truetype'),
		 url('fonts/steady.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans.woff') format('woff');
	src: url('fonts/opensans.ttf') format('truetype'),
		 url('fonts/opensans.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-semibold.woff') format('woff');
	src: url('fonts/opensans-semibold.ttf') format('truetype'),
		 url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-italic.woff') format('woff');
	src: url('fonts/opensans-italic.ttf') format('truetype'),
		 url('fonts/opensans-italic.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: italic;
	font-display: block;
}
@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-semibolditalic.woff') format('woff');
	src: url('fonts/opensans-semibolditalic.ttf') format('truetype'),
		 url('fonts/opensans-semibolditalic.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: italic;
	font-display: block;
}
@font-face {
	font-family: 'opensans_cond';
	src: url('fonts/opensans-cond.woff') format('woff');
	src: url('fonts/opensans-cond.ttf') format('truetype'),
		 url('fonts/opensans-cond.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'opensans_cond';
	src: url('fonts/opensans-condbold.woff') format('woff');
	src: url('fonts/opensans-condbold.ttf') format('truetype'),
		 url('fonts/opensans-condbold.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'amaticsc';
	src: url('fonts/amatic-sc-bold.woff') format('woff');
	src: url('fonts/amatic-sc-bold.ttf') format('truetype'),
		 url('fonts/amatic-sc-bold.eot?#iefix') format('embedded-opentype');
	font-weight: bold;
	font-style: normal;
	font-display: block;
}

/* allgemeine Blockdefinitionen */
body, div, img, p, span, a, ol, ul, li, table, tr, td, th, form, h1, h2, h3, hr, iframe, input, textarea, select {
	margin: 0; padding: 0; border: 0;
}
a {
	color: inherit;
}
img {
	font-size:4px;
}
html {
	min-width: 1000px;
}
body {
	font-family: opensans, Arial, sans-serif;
	font-size: 16px; line-height: 1.5em; color: #202020;
	text-align: center;
	background-color: #F2EFE7;
	z-index: 0;
	min-width: 1000px;
}
h1 {
	font-family: opensans_cond, Arial, sans-serif;
	font-size: 25px; line-height: 1.22em; color: #6C8B90;
	font-weight: bold;
	padding: 10px 0 18px 0;
	word-wrap: break-word;
}
h2 {
	font-family: opensans_cond, Arial, sans-serif;
	font-size: 22px; line-height: 1.4em; color: #6C8B90;
	font-weight: bold;
	padding-bottom: 13px;
	word-wrap: break-word;
}
h3 {
	font-size: inherit; line-height: inherit;
	font-weight: bold;
}
hr {
	height:1px; border-bottom:1px solid; margin: 15px 0 10px 0;
}
nav {
  display: block;
}

/* Blockelemente Design */
div#container, div.container_home {
	position: relative;
    margin: 0 auto;
    text-align: left;
    min-width: 1000px; max-width: 1280px;
}
div#container.banner, div.container_home.banner {
}

/*--- divs für alle Seiten -------------------------------------------------------------------*/
div#navi_top {
	position: relative;	z-index: 3;
	box-sizing: border-box;
	height: 208px;
	padding: 8px 0 8px 0;
	background-color: #FFFFFF;
	-webkit-box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);
	box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);*/
}
div#main {
	position: relative;
	margin-left: 260px;
	padding: 30px 5px 35px 30px;
	min-height: 550px;
}
div#navi_left {
	position: relative;
	float: left;
	z-index: 4;
	margin-top: -208px;
	top: auto; bottom: auto;
	width: 270px;
	padding-bottom: 8px;
	background-color: #6C8B90;
	border-radius: 25px;
	-webkit-box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);
	box-shadow: 3px 3px 4px 1px rgba(40,40,40,0.5);
}
div#navi_left.fixed {
	position: fixed;
	margin-top: auto;
	top: auto; bottom: 8px;
}
div#navi_left.bottom {
	position: absolute;
	margin-top: auto;
	top: auto; bottom: 18px;
}
div#navi_left.top {
	position: fixed;
	margin-top: auto;
	top: 0px; bottom: auto;
}

span#original {
	position: absolute;
	top: -40px; right: 4px;
	z-index: 4;
	padding: 3px 54px 0 54px;
	color: #6C8B90;
	font-size: 13px;
	font-weight: bold;
	background-image: url('bilder/html/2/arrow_r.png'), url('bilder/html/2/arrow_l.png');
	background-position: left 60%, right 60%;
	background-repeat: no-repeat;
}
div#social {
	position: absolute;
	top: -145px; right: 5%;
	z-index: 4;
}
div#social a {
	display: block;
	width: 165px; height: 34px;
	margin-top: 10px;
	background-repeat: no-repeat;
}
div#banner {
	position: absolute; z-index: 4;
	left: -140px; top: -200px;
	width: 120px;
}
div#arrow {
	position: relative;	z-index: 2;
	clear: both;
	height: 20px;
	margin: -10px 0 -10px 0;
	background: url('bilder/html/2/arrow.png') no-repeat center center;
}
div#navi_bottom {
	position: relative;	z-index: 1;
	padding: 8px 0 8px 0;
	background-color: #FFFFFF;
}

/*--- Navi-Block links -------------------------------------------------------------------*/
div#navi_left img {
	display: block;
    margin: 0 auto;
	padding: 4px 0 8px 0;
}
div#navi_left ul {
	margin: 10px 0 10px 0;
	list-style: none;
}
div#navi_left a {
	display: block;
	text-decoration: none;
	//text-transform: uppercase;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 6px 0 6px 48px;
}
div#navi_left a.icon {
	background-position: 15px center;
	padding-left: 54px;
}
div#navi_left a:hover, div#navi_left a.active {
	background-color: rgba(255,255,255,0.5);
}
/*--- Navi-Block oben -------------------------------------------------------------------*/
div#navi_top > ul, div#navi_bottom > ul {
    margin: 8px auto 0 auto;
    min-width: 1000px;
	max-width: 1280px;
    text-align: justify;
	list-style: none;
	overflow: hidden;
}
div#navi_top a.logo, div#navi_bottom a.logo {
	display: block;
	cursor: pointer;
	background: url('bilder/html/2/logo.png') no-repeat center top;
	padding-top: 1px;
	margin: -48px auto 0 auto;
	//width: 480px;
	text-align: center;
	text-decoration: none;
}
div#navi_top a.logo span {
	display: block;
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 38px; line-height: 1.2em; color: #6C8B90;
	font-weight: normal;
	letter-spacing: 0.04em;
	margin-top: 103px;
}
div#navi_top a.logo span.long {
	font-size: 36px;
}
div#navi_top p#logo_subtitle {
	margin-top: -2px;
	font-size: 15px;
	color: #6C8B90;
}

div#navi_top > ul > li, div#navi_bottom > ul > li {
	display: inline-block;
	*display: inline; /* IE only */
}
div#navi_top > ul > li:first-child {
	margin-left: 24%;
	margin-left: calc(15% + 122px);
}
div#navi_top > ul > li > a, div#navi_top > ul > li > span,
div#navi_bottom > ul > li > a, div#navi_bottom > ul > li > span {
	font-family: opensans_cond, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	vertical-align: middle;
	text-decoration: none;
	color: #6C8B90;
	padding: 4px;
}
div#navi_top > ul:after, div#navi_bottom > ul:after {
	content: "";
    width: 100%;
    display: inline-block;
	*display: inline; /* IE only */
	clear: right;
}
div#navi_top a.active, div#navi_bottom a.active {
	text-decoration: underline;
}
div#navi_top a.icon {
	float: right;
	cursor: pointer;
	padding: 0; margin: 0 2px 0 2px;
	width: 32px; height: 32px;
	background-repeat: no-repeat;
}
div#navi_top > ul > li ul {
	z-index: 5;
	display: none;
	position: absolute;
	min-width: 120px;
	padding: 8px 0 8px 0;
	background-color: #6C8B90;
	border-radius: 15px;
	list-style: none;
	overflow: hidden;
}
div#navi_top > ul > li:hover ul {
	display: block;
}
div#navi_top > ul > li ul > li > a {
	color: #FFFFFF;
	margin: 0;
	display: block;
	text-decoration: none;
//	font-variant: small-caps;
	padding: 2px 15px 2px 15px;
}
div#navi_top > ul > li ul > li > a:hover  {
	background-color: rgba(255,255,255,0.5);
}

/*--- Navi-Block unten -------------------------------------------------------------------*/
div#navi_bottom a.logo {
	background-image: url('bilder/html/2/logo_small.png');
	margin-top: -10px;
}
div#navi_bottom a.logo span {
	display: block;
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 30px; line-height: 1.2em; color: #6C8B90;
	font-weight: normal;
	letter-spacing: 0.04em;
	margin-top: 80px;
}
div#navi_bottom p#change_mobile {
	margin-top: 10px;
	font-size: 15px;
}
div#navi_bottom p#change_mobile a {
	text-decoration: none;
	color: #6C8B90;
}
div#navi_bottom p#copyright {
    min-width: 1000px;
	max-width: 1280px;
	margin: 15px auto 0 auto;
	padding-right: 4px;
	font-size: 14px;
	color: #6C8B90;
	text-align: right;
}

/*--- Hauptelemente -------------------------------------------------------------------*/

div.text {	
	margin-right: 30px;
	padding-bottom: 10px;
}
div.text p {
	margin-bottom: 22px;
}
div.text strong {
	font-weight: bold;
}
div.text p a, div.text ul a, div.text ol a, div.text h3 a, table.entry a {
	color: #6C8B90;
	text-decoration: none;
}
div.text p.center {
	color: #6C8B90;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
div.text p.center a {
	text-decoration: underline;
}
div.text p.alert {
	padding: 10px; margin: 10px 10px 20px 10px;
	border: 1px solid #FF0000;
	font-weight: bold;
	text-align: center;
}
div.text p.subtitle {
	color: #6C8B90;
	font-weight: bold;
	margin: -10px 0 15px 0;
}
div.text p.copyright {
	text-align: right;
	margin-top: -16px;
	font-style: italic;
	font-size: 13px; line-height: 1.44em;
}
div.text ul, div.text ol, div.text p.banner_prices {
	padding-left: 16px;
}
div.text p:not(:empty)+ul, div.text p:not(:empty)+ol {
	margin-top: -22px;
}
/*div.text h1 {
	padding-left: 1px;
}*/
div.text h1+p:empty {
	margin-bottom: 0;
}
div.text img {
	box-sizing: border-box;
	max-width: 100%; height: auto;
	margin-bottom: 18px;
}
div.text img.we {
	margin: 0 0 10px 20px;
	float: right;
}
div.text div.half {
	width: 48.5%;
	width: calc(50% - 10px);
	float: left;
}
div.text div.half:nth-of-type(odd) {
	margin-right: 20px;
}
div.text div.half+:not(div.half) {
	clear: left;
}


a.button, input.button {
	font-family: opensans_cond, Arial, sans-serif;
	font-size: inherit;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
	height: 30px;
	padding: 3px 20px 0 20px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 7px;
	background-color: #6C8B90;
	color: #FFFFFF;
}
input.button {
	padding: 0 12px 0 12px;
}
img.phone {
	width: 16px; height: 16px;
	margin: -3px 10px 0 0;
	vertical-align: middle;
}

div#main ul#navigation {
	margin: -5px 0 5px 0;
	font-size: 14px;
}
div#main ul#navigation > li {
	display: inline;
	line-height: 1.5em;
}
div#main ul#navigation > li > a, div#main ul#navigation > li > span {
	padding: 5px 8px 5px 0;
}

/*--- Startseite -------------------------------------------------------------------*/
body#home {
	background-image: url('bilder/html/2/header_home.jpg');
	background-repeat: no-repeat; 
	background-position: center 208px;
}
div#slogan {
	position: absolute;
	right: 15%;	right: calc(13% + 15px);
	bottom: 340px;
	padding: 10px 35px;
	border: 2px dotted #6C8B90;
	border-radius: 18px;
	background-color: rgba(255,255,255,0.6);
}
div#slogan p {
	font-family: amaticsc, Calibri, sans-serif;
	font-weight: bold; text-transform: uppercase;
	word-spacing: 3px;
	font-size: 44px; line-height: 1.44em;
	text-align: center;
	margin: 10px;
}

div#home {
	position: absolute;
	box-sizing: border-box; 
	padding-left: 260px;
	width: 100%;
	bottom: 0;
	z-index: 2;
}

div.button_home {
	float: left;
	box-sizing: border-box;
	padding: 10px;
	width: 29%;
	width: calc(25% + 30px);
	height: 170px;
	margin-left: 4%;
	background: #8AAD99;
	border-radius: 18px;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
}
div.button_home.middle {
	background-color: #6C8B90;
}
div.button_home a {
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	width: 100%; height: 100%;
	padding: 20px 8px 0 8px;
	padding-left: calc(25% - 43px);	padding-right: calc(25% - 43px);
	border: 2px dotted #FFFFFF;
	border-radius: 15px;
	text-align: center;
	text-decoration: none;
}
div.button_home p {
	color: #FFFFFF;
}
div.button_home p > strong {
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 28px; line-height: 1.44em;
	font-weight: normal;
	letter-spacing: 0.04em;
	padding: 10px 0 10px 0;
	display: block;
}
a.news_home {
	display: block; float: left;
	box-sizing: border-box;
	margin: 6px 0 40px 2.5%;
	width: 31.4%;
	background: url('bilder/html/news_default.jpg') no-repeat center top;
	background-size: cover;
	text-decoration: none;
}
a.news_home div {
	margin-top: calc(100%/1.6 - 100px);
	height: 95px;
	padding: 5px 3% 0 3%;
	background-color: rgba(255,255,255,0.8);
	overflow: hidden;
}
a.news_home h3 {
	font-family: opensans_cond, Arial, sans-serif;
	color: #6C8B90;
	text-transform: uppercase;
}
a.news_home.premium {
	margin: 0 0 0 2%;
	width: 23%;
}
a.news_home.premium div {
	margin-top: calc(100%/1.6 - 126px);
	height: 120px;
	padding: 6px 4% 0 4%;
}
div#slide_container {
	margin-top: 6px;
	margin-bottom: 40px;
	width: 136%;
}
div#slide_container > a:first-child, div.home h2.big+a.news_home, div#text_end > h2+a.news_home {
	margin-left: 0;
}

div#explain {
	position: relative;	z-index: 1;
	clear: both;
	padding: 10px 0 20px 0;
	background-color: #8AAD99;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
}
div#explain div.explain_icon {
	float: left;
	box-sizing: border-box; 
	margin: 0 1% 0 1%;
	width: 26%;
}
div#explain h2 {
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-weight: normal; color: #FFFFFF;
	font-size: 28px; line-height: 1.44em;
	padding: 10px 0 18px 0;
	text-align: center;
}
div#explain p {
	text-align: center;
	text-transform: uppercase;
	margin-top: 15px;
	color: #FFFFFF;
}
div#explain img {
	display: block;
	margin: 0 auto;
}
div#explain div.explain_arrow {
	float: left;
	background: url('bilder/html/arrow.png') no-repeat center center;
	margin-top: 30px;
	width: 8%;
	height: 30px;
}
div#ad {
	position: relative;	z-index: 1;
	clear: both;
	padding: 15px 0;
	height: 200px;
	background-color: #FFFFFF;
}

div#main.home, div.home {
	position: relative;
	clear: both;
	padding-top: 15px;
	padding-left: 0;
	margin: 0;
	overflow: hidden;
}
div#main.home div.text {
	margin: 0 10px;
}
div#main.home h1, div.home h2.big {
	font-size: 25px;
	padding: 15px 0 15px 0;
	line-height: 2em;
	text-align: center;
	position: relative;
}
div#main.home h1 {
	padding: 10px 0 10px 0;
}
div#main.home h1 > span, div.home h2.big > span {
	background-color: #F2EFE7;
	position: relative;
	z-index: 3;
	padding: 0 20px;
}
div#main.home h1:before, div.home h2.big:before {
	background: #6C8B90;
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	height: 2px;
	left: 0;
	width: 100%;
	z-index: 2;
}
div#banner a {
	display: block;
	margin-bottom: 16px;
}
div#banner a img {
	display: block;
}

/*--- Listenseite -------------------------------------------------------------------*/

div#navi_category {
	margin-bottom: 20px;
}
div#navi_category > ul {
	list-style: none;
}
div#navi_category > ul:not(#filter_sel) {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
div#navi_category > ul:not(#filter_sel) > li {
	display: flex;
	flex-direction: column;
}
div#navi_category > ul#filter_sel {
	border: 1px solid #404040;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	font-size: 14px;
	color: #404040;
	padding-left: 15px;
}
div#navi_category > ul#filter_sel > li {
	display: inline-block;
	line-height: 2em;
}
div#navi_category > ul:not(#filter_sel) > li > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 4px 30px 4px 10px;
	background: #FFFFFF url('bilder/html/2/selectbox.png') no-repeat right 10px center;
}
div#navi_category > ul#filter_sel > li a {
	padding: 0 20px 0 10px;
	background: url('bilder/html/filter_close.png') no-repeat right 5px top;
}
div#navi_category > ul#filter_sel > li a:hover {
	color: #6C8B90;
}

div#navi_category > ul > li > div.dropdown {
	z-index: 11;
	display: none;
	position: absolute;
	margin-top: 10px;
	padding: 8px 16px 16px 16px;
	border: 1px solid #6C8B90;
	background-color: #FFFFFF;
	list-style: none;
	overflow: hidden;
}
div.dropdown > ul {
	list-style: none;
	margin-bottom: 10px;
}
div.dropdown > ul > li {
	margin: 4px;
}
div.dropdown > ul > li > input.cb {
	margin-right: 10px;
}

div.white_box {
	position: relative;
	margin-bottom: 30px;
	padding: 16px;
	background-color: #FFFFFF;
	border-radius: 20px 20px 20px 20px;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	overflow: hidden;
}
div.white_box.expired {
	background-color: transparent;
}
div.white_box p {
	overflow: hidden; word-wrap: break-word;
	margin-bottom: 22px;
}
div.white_box p:last-child {
	margin-bottom: 0;
}
div.white_box p a, div.white_box h2 a, div.white_box h3 a {
	color: #6C8B90;
	text-decoration: none;
}
div.white_box ul {
	overflow: hidden; word-wrap: break-word;
	list-style: none;
}
div.white_box a.logo {
	position: relative;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
div.white_box a.logo img {
	max-width: 100%; max-height: 100%;
	position: absolute;
	margin: auto auto;
	top: 0; bottom: 0; left: 0; right: 0;
}

div.white_box.entry_box {
}
div.white_box.entry_box a.logo {
	float: left;
	width: 265px; height: 180px;
	box-sizing: border-box;
	margin-right: 20px;
}
div.white_box.entry_box a.logo.premium {
	height: 200px;
}
div.white_box.basis h2 a {
	color: #808080;
}
div.white_box.entry_box p.subtext, div.white_box.entry_box p.contact, div.white_box.entry_box p.lastchild {
	margin: 0 0 15px 285px;
}
div.white_box.entry_box p.lastchild {
	margin-bottom: 40px;
}
div.white_box.entry_box p.contact > span {
	float: left;
	padding-left: 4px;
}
div.white_box.entry_box p.contact > span.location {
	padding-left: 34px;
	width: 50%; min-width: 210px; max-width: 400px;
	background: url('bilder/html/2/location.png') no-repeat left center;
}
div.white_box.entry_box.basis p.contact > span.location {
	background-image: url('bilder/html/location.png');
}
div.white_box.entry_box a.button {
	position: absolute;
	right: 70px; bottom: 20px;
}
div.white_box.entry_box.basis a.button {
	background-color: #808080;
}
div.white_box.entry_box a.icon {
	display: block; position: absolute;
	cursor: pointer;
	right: 20px; bottom: 19px; width: 32px; height: 32px;
	background: url('bilder/html/2/favorites.png') no-repeat;
	text-decoration: none;
}
div.white_box.entry_box.basis a.icon {
	background-image: url('bilder/html/favorites.png');
}
div.white_box.entry_box a.icon.favorite {
	background: url('bilder/html/2/favorites_selected.png') no-repeat;
}
div.premium_wrapper {
	position: relative; overflow:visible;
	z-index: 10; height: 0;
}
div.premium_band {
	position: absolute;
	right: -4px; top: -4px; width: 80px; height: 80px;
	background: url('bilder/html/2/premium.png') no-repeat;
}

div.button_list {
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	width: 100%; height: auto;
	margin-bottom: 30px;
	background: #8AAD99;
	border-radius: 18px;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
}
div.button_list a {
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	width: 100%; height: 100%;
	padding: 15px 25px 15px 25px;
	border: 2px dotted #FFFFFF;
	border-radius: 15px;
	text-decoration: none;
	background-image: url('bilder/html/flower2.png'), url('bilder/html/flower1.png');
	background-position: left bottom, right top;
	background-repeat: no-repeat;
}
div.button_list h2 {
	font-weight: normal;
	font-size: 26px;
	color: #FFFFFF;
}
div.button_list a p {
	color: #FFFFFF;
	font-size: 20px; line-height: 1.44em;
	text-align: center;
}
div.button_list p > b {
	color: #6C8B90;
}
div.button_list p > strong {
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 36px; line-height: 1.3em;
	letter-spacing: 0.04em;
	font-weight: normal;
	display: block;
	padding-bottom: 10px;
}
div.button_list a p:last-child {
	padding-bottom: 40px;
}
div.button_list p.comment {
	position: absolute;
	text-align: right;
	right: 20px; bottom: 20px;
	font-style: italic;
	font-size: 13px; line-height: 1.44em;
}

div#text_end {
	overflow: hidden;
	clear: right;
	padding-top: 40px;
}
a.button.navi {
	float: right;
	margin: 0 0 10px 32px;
	padding-left: 32px;	padding-right: 32px;
}
a.button.navi.left {
	float: left;
	margin: 0 32px 10px 0;
}
a.button.navi.last {
	margin: 0 0 10px 0;
}

/*--- Newsseite -------------------------------------------------------------------*/

div.white_box.news_box {
}
div.white_box.news_box a.logo {
	float: left;
	width: 265px; height: 180px;
	box-sizing: border-box;
	margin-right: 20px;
}
div.white_box.news_box p.subtitle {
	color: #6C8B90;
	font-weight: bold;
	margin: -5px 0 15px 0;
}
div.white_box.news_box p.subtext {
	margin: 0 0 50px 285px;
}
div.white_box.news_box a.button {
	position: absolute;
	right: 20px; bottom: 20px;
}
div#text_end > h2.news {
	margin-top: -30px;
}

/*--- Detailseite -------------------------------------------------------------------*/

img.af {
	display: block;	clear: right; float: right; margin: 0 0 10px 10px;
}
span.date {
	font-size: 15px;
	display: block;	float: right; margin: 0 0 10px 10px;
}
div#right {
	position: relative;
	clear: right; float: right;
	margin-top: 10px;
	width: 195px; height: 100%;
	width: calc(33.93% - 50.98px);
	text-align: center;
}
div.text.middle {
	margin-right: 215px; overflow: hidden;
	margin-right: calc(33.93% - 30.98px);
}
div#right.news {
	width: 285px;
}
div.text.middle.news {
	margin-right: 305px;
}
div.text a.icon {
	display: block; float: right;
	cursor: pointer;
	margin: 10px 0 0 0; width: 32px; height: 32px;
	background: url('bilder/html/2/favorites.png') no-repeat;
	text-decoration: none;
}
div.text a.icon.favorite {
	background: url('bilder/html/2/favorites_selected.png') no-repeat;
}
div.text a.icon.printer {
	background: url('bilder/html/print.png') no-repeat;
}

p#tracker {
	float: right; clear: right; margin-top: 50px;
	height: 22px; padding: 6px 8px 0px 8px;
	border-radius: 7px;
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 14px;
	color: #6C8B90;
	background-color: #FFFFFF;
}

div.gallery {
	position: relative;
	width: 100%; height: 0;
	padding-bottom: 66.67%;
	margin: 0 auto 20px auto;
	z-index: 10; cursor: zoom-in;
}
div.gallery img {
	max-width: 100%; max-height: 100%;
	position: absolute;
	margin: auto auto;
	top: 0; bottom: 0; left: 0; right: 0;
}
div.gallery div.gallery_next {
	display: none; background: rgba(255,255,255,0.7) url('bilder/html/2/lightbox_next.png') no-repeat center center;
	position: absolute; right: 0; top: 43%; width: 36px; height: 14%; cursor: pointer;
	top: calc(46% - 18px); height: calc(36px + 8%);
	z-index: 11;
}
div.gallery div.gallery_prev {
	display: none; background: rgba(255,255,255,0.7) url('bilder/html/2/lightbox_prev.png') no-repeat center center;
	position: absolute; left: 0; top: 43%; width: 36px; height: 14%; cursor: pointer;
	top: calc(46% - 18px); height: calc(36px + 8%);
	z-index: 11;
}
div.gallery div.gallery_next:hover, div.gallery div.gallery_prev:hover {
	background-color: #FFFFFF;
}
div.gallery_slider {
	margin: -10px auto 20px auto;
	height: 12px;
}
div.gallery_slider div.gallery_point {
	display: block; float: left;
	background: url('bilder/html/2/gallery_point.png') no-repeat;
	width: 12px; height: 12px; cursor: pointer;
	margin: 0 6px 0 6px;
}
div.gallery_slider div.gallery_point.selected {
	background-image: url('bilder/html/2/gallery_selected.png');
}
div.gallery div#gallery_preview {
	display: none;
	position: absolute;
	left: 40%; bottom: 10px;
	width: 20%; height: 15%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border: 1px solid #6C8B90;
	z-index: 12;
}

div.video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin: 8px 0 18px 0;
	overflow: hidden;
}
div.video div.cookiebox {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
div.video div.cookiebox p {
	background: rgba(0,0,0,0.7);
	color: #FFFFFF;
	font-size: 12px;	
	line-height: 17px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 18% 0 0 0;
	padding: 10px;
}
div.video div.cookiebox p button {
	background: #FF0000;	
	border: none;
	border-radius: 20px;
	color: #FFFFFF;
	padding: 5px 10px;
}
div.video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

div.white_box.contact_box {
	margin: 0 0 20px 0;
	padding: 15px 10px 15px 10px;
	text-align: left;
}
div.white_box.contact_box > img {
	display: block;
	width: 100%; height: auto;
	margin: 0 auto 15px auto;
}
div.white_box.contact_box > img:last-child {
	margin-bottom: 0;
}
div.white_box.contact_box a.logo {
	width: 175px;
	height: 115px;
	margin: 10px auto 10px auto;
}
div.white_box.contact_box h2 {
	padding-bottom: 10px;
}
div.white_box.contact_box p.booking {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #8AAD99;
	border-radius: 10px;
}
div.white_box.contact_box a.mini_icon {
	display: block; float: left;
	cursor: pointer;
	margin-left: 8px;
	width: 24px; height: 24px;
	background-repeat: no-repeat;
}
div.white_box.contact_box br+a.mini_icon {
	margin-left: 0;
}
div.white_box.contact_box a.homepage {
	line-height: 2em;
}
div.white_box.contact_box a.icon {
	float: right; text-align: right;
	cursor: pointer;
	margin-top: 10px;
	min-height: 22px;
	padding-top: 2px;
	font-size: 13px; font-style: italic;
	line-height: 1.4em;
	padding-right: 28px;
	background: url('bilder/html/2/favorites.png') no-repeat right center;
	background-size: 24px 24px;
	text-decoration: none;
}
div.white_box.contact_box a.icon.favorite {
	background-image: url('bilder/html/2/favorites_selected.png');
}

div.white_box.contact_box ul li {
	padding: 2px 0 4px 0;
}
div.white_box.contact_box ul li a {
	color: #6C8B90;
	text-decoration: none;
}

a.button.contact {
	margin-bottom: 15px;
	padding: 5px 0 0 0;
	height: 36px;
	border-radius: 15px 15px 15px 15px;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	-moz-box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
	box-shadow: 2px 2px 3px 1px rgba(40,40,40,0.5);
}
div#right p.please {
	text-align: left;
	margin-bottom: 15px;
	padding: 0 5px;
	font-size: 12px; line-height: 1.4em;
	font-style: italic;

}
div#right span {
	display: block;
	margin-bottom: 10px;
	color: #6C8B90;
}
div#right div#buttons {
	overflow: hidden;
	width: 88px;
	margin: 0 auto;
}
div#right div#buttons a.icon {
	display: block; float: right;
	cursor: pointer;
	margin: 0 6px 0 6px;
	width: 32px; height: 32px;
	background-repeat: no-repeat;
}

a.affiliate {
	display: block; float: left;
	cursor: pointer;
	margin: 15px 20px 0 20px;
	border: 0;
}
a.affiliate img {
	max-width: 100%;
	box-sizing: border-box;
}

/*--- Messeseite -------------------------------------------------------------------*/

div.white_box.expo_box {
}

div#share {
	width: 280px;
	padding: 20px 0 10px 0;
	margin: 0 auto 0 auto;
}
div#share span {
	color: #6C8B90;
	padding:10px 13px 10px 13px;
}
div#share a.icon {
	display: block; float: right;
	cursor: pointer;
	padding: 0; margin: -10px 6px 0 6px;
	width: 32px; height: 32px;
	background-repeat: no-repeat;
}

/*--- Standesamtseite -------------------------------------------------------------------*/

div.white_box.roffice_box {
	margin-right: 215px;
	margin-right: calc(33.93% - 30.98px);
}
div.white_box.roffice_box div.openings {
	float: right;
	margin-right: 20px;
}
div.white_box.roffice_box div.openings span {
	float: left;
	width: 32px;
}
div.white_box.roffice_box h2+img, div.white_box.expo_box h2+img {
	max-width: 100%; height: auto;
	box-sizing: border-box;
	margin-bottom: 20px;
}
div.white_box.roffice_box span, div.white_box.expo_box span {
	font-size: 11px; line-height: 1.2em;
	font-style: italic;
	margin: -20px 0 20px 0; display: block;
}

/*--- Eintrags-Seite ----------------------------------------------------------------*/
a.button.entry {
	width: 300px; height: auto;
	margin: 0 auto 20px auto;
	padding: 6px 0 6px 0;
	font-size: 18px; line-height: 1.3em;
	text-align: center;
}

div.premium_wrapper.entry {
	margin-top: 10px;
}
table.entry {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin: 10px -20px 15px -20px;
	width: 100%; width: calc(100% + 40px);
}
table.entry td, table.entry th {
	border: 1px solid #A0A0A0;
	vertical-align: top;
	padding: 10px 6px 20px 10px;
	border-bottom: none;
}
table.entry th {
    font-family: steady, "Comic Sans MS", "Times New Roman", sans-serif;
	font-size: 28px; line-height: 1.44em;
	letter-spacing: 0.04em;
	font-weight: normal;
	padding: 6px 6px 2px 6px;
	background-color: #6C8B90;
	color: #FFFFFF;
	text-align: center;
}
table.entry tr.head td {
	background-color: #8AAD99;
	color: #FFFFFF;
	text-align: center;
	padding: 6px 6px 6px 6px;
	border-top: none;
}
table.entry tr.head td b {
	font-size: 18px;
}
table.entry tr.subtext td {
	border-top: none;
	color: #6C8B90;
}
table.entry tr.buttons td {
	border-bottom: none;
	border-left: none;
	border-right: none;
}
table.entry a.button {
	color: #FFFFFF;
	height: 36px;
	padding-top: 5px;
	text-align: center;
	margin: 10px 20px 0 20px;
}
table.entry ul {
	list-style-type: circle;
	margin: 4px 4px 20px 4px;
}
table.entry ul:last-child {
	margin-bottom: 0;
}

/*--- Banner-Seite ------------------------------------------------------------*/
table.banner {
	border-collapse: collapse;
	margin: 10px 0 10px 0;
	width: 100%;
}
table.banner td {
	padding: 5px 15px 5px 15px;
	border: none;
	text-align: left;
}
div.text table.banner td img {
	margin: 0;
}
table.banner td textarea {
	color: #000000;
	padding: 10px; border-radius: 5px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	min-width: 440px;
	width: 100%;
	height: 100px;
}

/*--- Forum Hauptelemente ------------------------------------------------------------*/

div#forum_box.white_box {
	background-color: #8AAD99;
}
div#forum_box ul {
    text-align: left;
	list-style: none;
	overflow: hidden;
	margin: 4px 0 4px 0;
}
div#forum_box ul.left_navi {
	float: left; clear: right;
}
div#forum_box ul.right_navi {
	float: right;
}

div#forum_box ul li {
	float: left;
	margin: 4px 0 4px 0;
}

div#forum_box ul a {
	font-family: opensans_cond, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding:3px 16px 1px 16px;
}
div#forum_box ul.left_navi li:last-child a {
	padding-right: 0;
}
div#forum_box ul.right_navi li:first-child a {
	padding-left: 0;
}

div#forum_box ul a span {
	display: block;
	background-color: #6C8B90;
	color: #FFFFFF; margin-left: 10px;
	padding: 3px 4px 1px 4px; border: 1px solid #FFFFFF;
}
div#forum_box ul a.active {
	text-decoration: underline;
}
div#forum_box input:not(.button) {
	font-family: inherit;
	font-size: 15px;
	color: #000000;
	padding: 1px 5px 0 5px; border-radius: 5px;
	margin: 0 5px 0 5px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	height: 30px;
	width: 100px;
}
div#forum_box input.button {
	margin: 0 16px 0 5px;
}
div#forum_box input.search {
	margin-left: 16px;
	width: 180px;
}
div#forum_box input.fail {
	background-color: #6C8B90;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
a.button.forum {
	float: right; margin-left: 32px;
}
a.button.forum.bottom {
	margin-top: 15px;
}

ul#forum {
	list-style: none;
	margin-bottom: 10px;
	overflow: hidden;
}
ul#forum li {
	display: inline;
	margin-right: 40px;
}
ul#forum a {
	text-decoration: none;
	color: #6C8B90;
}

p.pager {
	clear: right; padding-top: 1px;
	margin-bottom: 15px;
	line-height: 2em;
}
p.pager.bottom {
	clear: none; margin-top: 15px;
}
p.pager a, p.pager b {
	border: 1px solid #6C8B90;
	background-color: #8AAD99;
	color: #FFFFFF;
	padding: 3px 4px 1px 4px;
	text-decoration: none;
	margin: 0 2px 0 2px;
}
p.pager b {
	background-color: #6C8B90;
}

/*--- Forum Themen / Mitglieder ------------------------------------------------------------*/

div.white_box.topic_box {
}
div.white_box.topic_box h2 {
	padding-bottom: 10px;
}
div.white_box.topic_box a.logo {
	float: left;
	width: 64px;
	height: 48px;
	margin: 5px 11px 5px 5px;
}
div.white_box.topic_box p {
	margin: 0;
}
div.white_box.topic_box div.topic {
	border-top: 1px solid #8AAD99;
	padding: 5px 0 5px 0;
}
div.white_box.topic_box p.subtitle {
	margin-left: 84px;
}
div.white_box.topic_box p.footer_left {
	clear: left; float: left;
	max-width: 100%;
}
div.white_box.topic_box p.footer_right {
	float: right;
	max-width: 100%;
}
div.white_box.topic_box p.footer_left.first, div.white_box.topic_box p.footer_right.first {
	clear: none; margin-top: 5px;
}
div.white_box.topic_box p.footer_left a, div.white_box.topic_box p.footer_right a {
	margin: 0 10px 0 20px;
}

/*--- Forum Beiträge ------------------------------------------------------------*/

div.white_box.posting_box {
}
div.white_box.posting_box p {
	//margin: 0 0 18px 0;
}
div.white_box.posting_box div.member {
	display: block;
	float: left;
	border: 1px solid #8AAD99;
	border-radius: 5px;
}
div.white_box.posting_box div.member a.img {
	display: block;
	cursor: pointer;
	width: 100px;
	height: 100px;
	margin: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
}
div.white_box.posting_box div.member p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}
div.white_box.posting_box div.member p.name {
	box-sizing: border-box;
	width: 120px;
	background-color: #F2EFE7;
}
div.white_box.posting_box div.posting {
	margin-left: 136px;
}
div.white_box.posting_box div.posting img {
	max-width: 100%; height: auto;
}
div.white_box.posting_box div.posting img.posting_img {
	margin-top: 10px;
}
div.white_box.posting_box p.footer_left {
	margin: 15px 0 0 0;
	clear:left; float: left;
}
div.white_box.posting_box p.footer_right{
	margin: 15px 0 0 0;
	float: right;
}
div.white_box.posting_box p.footer_left a, div.white_box.posting_box p.footer_right a {
	margin: 0 10px 0 20px;
}

/*--- Formular -------------------------------------------------------------------*/

div#formular {
	position: relative;
}
div#formular span {
	display: block;
	padding: 8px 0 4px 0;
}
div#formular a {
	text-decoration: none;
	color: #6C8B90;
}
div#formular input:not(.button), div#formular textarea, div#formular select {
	font-family: inherit;
	font-size: 15px;
	color: #000000;
	padding: 5px; border-radius: 5px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	width: 100%;
}
div#formular input:not(.button):disabled, div#formular textarea:disabled, div#formular select:disabled {
	background-color: #F4F4F4;
}
div#formular select {
	border-radius: 5px 0 0 5px;
}
div#formular input.third {
	width: 32.5%;
}
div#formular input.box {
	box-sizing: content-box;
	margin: 10px 10px 0 0;
	border-radius: 0;
	width: auto;
}
div#formular span.box, div#formular span.formular_toggle {
	display: inline;
	padding: 0;
}
div#formular span.category {
	display: inline; clear: left;
	padding: 0; float: left;
	width: 280px; margin-bottom: 10px;
}
div#formular input.social {
	margin: 5px 0 0 0;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
div#formular input.gallery {
	margin-bottom: 5px;
}
div#formular select.category {
	box-sizing: content-box;
	margin: -10px 0 15px 0;
	width: 200px;
}
div#formular input#price {
	margin: 0 0 10px 20px; width: 100px;
	font-weight:bold;
	border:1px solid #808080; background:#D8D8D8;
}
div#formular div#wait {
	position: absolute;
	width: 50px; height: 50px;
	margin-top: -40px; right: 0;
}
div#formular input.spam, div#spam {
	box-sizing: border-box;
	width: 64px; height: 30px;
	float:left; margin-right: 15px;
	border-radius: 7px;
	background-color: #FFFFFF;
	border:1px solid #6C8B90;
}
div#formular div#spam {
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
div#formular p > i#expires {
	font-style: normal;
}
div#formular span.error {
	color: #FF0000;
}
span.dataprotection {
	clear: left;
	font-size: 13px; line-height: 1.44em;
	font-style: italic;
}
div#formular p.text_end {
	clear: both;
	padding-top: 15px;
}

/*--- Lightbox ------------------------------------------------------------------*/

div#lightbox_container {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 100; display: none;
}
div#lightbox {
	position: relative; margin: 0 auto;
	background-repeat: no-repeat;
	z-index: 101; display: none;
}

div#lightbox div#lightbox_close {
	display: block; background: url('bilder/html/lightbox_close.png');
	position: absolute; right: 0; top: -40px; width: 32px; height: 32px; cursor: pointer;
	z-index: 102;
}
div#lightbox div#lightbox_next {
	display: none; background: rgba(255,255,255,0.7) url('bilder/html/2/lightbox_next.png') no-repeat center center;
	position: absolute; right: 0; top: 43%; width: 36px; height: 14%; cursor: pointer;
	top: calc(46% - 18px); height: calc(36px + 8%);
	z-index: 102;
}
div#lightbox div#lightbox_prev {
	display: none; background: rgba(255,255,255,0.7) url('bilder/html/2/lightbox_prev.png') no-repeat center center;
	position: absolute; left: 0; top: 43%; width: 36px; height: 14%; cursor: pointer;
	top: calc(46% - 18px); height: calc(36px + 8%);
	z-index: 102;
}
div#lightbox div#lightbox_next:hover, div#lightbox div#lightbox_prev:hover {
	background-color: #FFFFFF;
}