@charset "utf-8";


/* greenpillow apel püls solutions GbR, 2017 */
/* Author: Markus Püls */
/* Copyright: 2017 © Markus Püls, greenpillow apel püls solutions GbR (www.greenpillow.de) */

/******************************************************************************************************************/
/*:'######:::'########::'########:'########:'##::: ##:'########::'####:'##:::::::'##::::::::'#######::'##:::::'##:*/
/*'##... ##:: ##.... ##: ##.....:: ##.....:: ###:: ##: ##.... ##:. ##:: ##::::::: ##:::::::'##.... ##: ##:'##: ##:*/
/* ##:::..::: ##:::: ##: ##::::::: ##::::::: ####: ##: ##:::: ##:: ##:: ##::::::: ##::::::: ##:::: ##: ##: ##: ##:*/
/* ##::'####: ########:: ######::: ######::: ## ## ##: ########::: ##:: ##::::::: ##::::::: ##:::: ##: ##: ##: ##:*/
/* ##::: ##:: ##.. ##::: ##...:::: ##...:::: ##. ####: ##.....:::: ##:: ##::::::: ##::::::: ##:::: ##: ##: ##: ##:*/
/* ##::: ##:: ##::. ##:: ##::::::: ##::::::: ##:. ###: ##::::::::: ##:: ##::::::: ##::::::: ##:::: ##: ##: ##: ##:*/
/*. ######::: ##:::. ##: ########: ########: ##::. ##: ##::::::::'####: ########: ########:. #######::. ###. ###::*/
/*:......::::..:::::..::........::........::..::::..::..:::::::::....::........::........:::.......::::...::...:::*/
/******************************************************************************************************************/

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/** Cake Stylesheet **/
/*********************/
h1, h2, h3, h4, h5, h6, p { hyphens: auto; }
body { overflow-x: hidden; background:#474747; }
.disabled a, a.disabled { pointer-events: none; }
a:hover { color: #15848F; }
a { color: #1798A5; }
.side-nav li a:not(.button) { color: #15848F; }
.side-nav li a:not(.button):hover { color: #15848F; }
header { background-color: #D33C44; color: #ffffff; font-size: 30px; height: 84px; line-height: 64px; padding: 16px 0px; box-shadow: 0px 1px rgba(0, 0, 0, 0.24); }
header .header-title { padding-left:80px }
legend { color:#15848F; }
.row { max-width: 80rem; }
.actions.columns { margin-top:1rem; border-left: 5px solid #15848F; padding-left: 15px; padding: 32px 20px; }
.actions.columns h3 { color:#15848F; }
.related table { border: 0; width: 100%; table-layout: fixed; }
.index table thead { height: 3.5rem; }
.header-help { float: right; margin-right:2rem; margin-top: -80px; font-size:16px; }
.header-help span { font-weight: normal; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; padding: 0.25rem 0.5rem 0.375rem; font-size: 0.8rem; background-color: #0097a7; color: #FFF; border-radius: 1000px; }
.header-help a { color: #fff; }
ul.pagination li a { color: rgba(0, 0 ,0 , 0.54); }
ul.pagination li.active a { background-color: #DCE47E; color: #FFF; font-weight: bold; cursor: default; }
ul.pagination .disabled:hover a { background: none; }
.paginator { text-align: center; }
.paginator ul.pagination li { float: none; display: inline-block; }
.paginator p { text-align: right; color: rgba(0, 0 ,0 , 0.54); }
.asc:after { content: " \2193"; }
.desc:after { content: " \2191"; }
.form .error-message { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; color: rgba(0, 0, 0, 0.54); }
.required > label { font-weight: bold; }
.required > label:after { content: ' *'; color: #C3232D; }
select[multiple] { min-height:150px; background: none; }
input[type=checkbox], input[type=radio] { margin-right: 0.5em; }
.date select, .time select, .datetime select { display: inline; width: auto; margin-right: 10px; }
.error label, .error label.error { color: #C3232D; }
.view h2 { color: #6F6F6F; }
.view .columns.strings { border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin-right:0.7rem; }
.view .numbers { background-color: #B7E3EC; color: #FFF; border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin-right: 0.7rem; }
.view .columns.dates { border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin-right:0.7rem; background-color:#DCE47E; color: #fff; }
.view .columns.booleans { border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin-right:0.7rem; background-color: #8D6E65; color: #fff; }
.view .strings p { border-bottom: 1px solid #eee; }
.view .numbers .subheader, .view .dates .subheader { color:#747474; }
.view .booleans .subheader { color: #E9E9E9 }
.view .texts .columns { margin-top:1.2rem; border-bottom: 1px solid #eee; }
.row { margin-left:0!important; margin-right:0!important; }
.sectiongold p { text-align:left; color:#000; }
.error-message { background: #C3232D; padding: 10px 10px 0; font-size: 11px; line-height: 3em; }
.errormessagecaptcha { background: #C3232D; padding: 2px 10px; font-size: 11px; line-height: 3em; border: 2px solid white; margin-top: -10px; display: inline-block; }
.entry2 { padding-top: 28px; border-top: 1px dotted #d9c580; }
.entry2 p { color:#fff; }
.entry2 h1 { font-weight:700; }
.entry2 h3 { font-weight:700; }
.contentdiv { line-height:1.5em; margin-top:30px; margin-bottom:50px; }
.revisionborder { border-top: none !important; }

/** Notices and Errors **/
/************************/
.cake-error, .cake-debug, .notice, p.error, p.notice { display: block; clear: both; background-repeat: repeat-x; margin-bottom: 18px; padding: 7px 14px; border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); }
.cake-debug, .notice, p.notice { color: #000000; background: #ffcc00; }
.cake-error, p.error { color: #fff; background: #C3232D; }
pre { background: none repeat scroll 0% 0% #FFF; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin: 15px 0px; color: rgba(0, 0 ,0 , 0.74); padding:5px; }
.cake-error .cake-stack-trace { margin-top:10px; }
.cake-stack-trace code { background: inherit; border:0; }
.cake-code-dump .code-highlight { display: block; background-color: #FFC600; }
.cake-error a, .cake-error a:hover { color:#fff; text-decoration: underline; }
.home header { width: 100%; height: 70%; position: relative; display: table; }
.home h1 { font-family: "Gill Sans MT", Calibri, sans-serif; }
.home header .header-image { display: table-cell; vertical-align: middle; text-align: center; }
.home header h1 { color: #fff; }
.checks { padding:30px; color: #626262; background-color: #B7E3EC; border-radius: 3px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24); margin-bottom: 2em; }
.checks h4 { margin-bottom: 1.5rem; }
.checks hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.home .checks.ctp-warning { color: black; background-color: #ffc600; }
.home .checks.url-rewriting { background-color: #F0F0F0; display: none; }
.checks .success, .checks .problem { margin-left: 10px; }
.checks .success:before, .checks .problem:before { line-height: 0px; font-size: 28px; height: 12px; width: 12px; border-radius: 15px; text-align: center; vertical-align: middle; display: inline-block; position: relative; left: -11px; }
.checks .success:before { content: "✓"; color: green; margin-right: 9px; }
.checks .problem:before { content: "✘"; color: red; margin-right: 9px; }
.top-bar.expanded .title-area { background: #01545b; }
.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) { background: #116d76; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #308e97; background: #308e97; }
.side-nav li.heading { color: #1798A5; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; padding: 0.4375rem 0.875rem; }
#actions-sidebar { background: #fafafa; }
.index table { margin-top: 0rem; border: 0; width: 100%; table-layout: fixed; }
table { background: #fff; margin-bottom: 1.25rem; border: none; table-layout: fixed; width: 100%; }
table thead { background: none; }
table tr { border-bottom: 1px solid #ebebec; }
table thead tr { border-bottom: 1px solid #1798A5; }
table tr th { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #1798A5; text-align: left; border-bottom: 2px solid #1798A5; }
table tr:nth-of-type(even) { background: none; }
fieldset { border: none; padding: 1.25rem; margin: 1.125rem 0; }
fieldset legend { border-bottom: 2px solid #1798A5; width: 100%; line-height: 2rem; }
.form button[type="submit"] { float: right; text-transform: uppercase; box-shadow: none; }
.form button:hover, .form button:focus { background: #BE840B; box-shadow: none; }
button { background: #966600; }
div.message { text-align: center; cursor: pointer; display: block; font-weight: normal; padding: 0 1.5rem 0 1.5rem; transition: height 300ms ease-out 0s; background-color: #a0d3e8; color: #626262; top: 15px; right: 15px; z-index: 999; overflow: hidden; height: 50px; line-height: 2.5em; box-radius: 5px; }
div.message:before { line-height: 0px; font-size: 20px; height: 12px; width: 12px; border-radius: 15px; text-align: center; vertical-align: middle; display: inline-block; position: relative; left: -11px; background-color: #FFF; padding: 12px 14px 12px 10px; content: "i"; color: #a0d3e8; }
div.message.error { background-color: #C3232D; color: #FFF; }
div.message.error:before { padding: 11px 16px 14px 7px; color: #C3232D; content: "x"; }
div.message.hidden { height: 0; }
.vertical-table th { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #1798A5; border: none; text-align: left; }
.vertical-table { vertical-align: middle; }
.vertical-table td { text-align: right; }
.content { padding: 2rem; }
.container { /* overflow:hidden; */ min-height: 92%; }
.content, #actions-sidebar { margin-bottom: -99999px; padding-bottom: 99999px; }
@media(max-width: 640px) { 
    #actions-sidebar { padding-bottom: 2rem; margin-bottom: 0; }
}
.content h3 { color: #be140b; padding-bottom: 0.5rem; margin-bottom: 20px; }
.content h4 { color: #be140b; padding-bottom: 0.5rem; margin-bottom: 20px; border-bottom: 2px solid #be140b; }
.content .related h4 { color: #4d8f97; padding-bottom: 0.5rem; margin-top: 20px; margin-bottom: 10px; border-bottom: 0px; }
table td { vertical-align: top; word-break: break-all; }

/** General Styles **/
/********************/
body, html { font-family: 'Lato', sans-serif; font-size:100%; }
h1 { font-size:30px; font-weight:400; }
h1 span { display: block; width: 30px; height: 5px; background: #d9c580; margin-top: 60px; margin-bottom: -55px; }
h2 { font-size:23px; font-weight:700; }
h3 { font-size:17px; font-weight:300; width:100%; margin-top: 0; line-height: 1em;}
h3 span { display:inline-block; float:right; font-weight:300; }
p { color:#d9c580; font-size:17px; line-height:1.6em; }
a, a:hover, a:active, a:visited { color:inherit; }
.header { background:#0c0c0c; padding-top:30px; }
.texticon { display: inline-block; float: left; margin: 9px 9px 0 0; }
.aligncenter { text-align:center; }
.aligncenter h1, .aligncenter h3, .aligncenter p { display:inline-block; }
.aligncenter h3, .aligncenter p { margin-top:40px; }
#navi { list-style:none; display:inline-block; float:right; margin-top:-53px; margin-bottom:60px; }
#navi li { display:inline-block; float:left; margin-right:25px; text-transform:uppercase;}
#navi li a { color:#e9e9e9; padding-bottom:15px; }
#navi li a.selected { color:#d9c580; border-bottom:2px solid #d9c580; }
#navi li a:hover { color:#d9c580; }
#untertitel { margin-left:200px; margin-top:-13px; }
.sectionblack { background:#0c0c0c; color:#fff; padding:50px 0; }
.sectionblack > div > div:nth-child(2) { margin-top:30px; margin-bottom:20px; }
.objektart { padding-bottom:15px; }
.objektpic { border:6px solid #fff; }
.objektlink, .objektlink:hover, .objektlink:active, .objektlink:visited { text-transform:uppercase; font-size:13px; color:#d9c580; display: inline-block; margin-top: 15px; position: relative; z-index: 99999; }
.sectiongold { background: #d9c580; background: -moz-radial-gradient(center, ellipse cover,  #d9c580 0%, #f5e4ab 50%, #d9c580 100%); background: -webkit-radial-gradient(center, ellipse cover,  #d9c580 0%,#f5e4ab 50%,#d9c580 100%); background: radial-gradient(ellipse at center,  #d9c580 0%,#f5e4ab 50%,#d9c580 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c580', endColorstr='#d9c580',GradientType=1 );  color:#fff; padding:50px 0; text-align:center; }
.sectiongold h1 { color:#151515; display:inline-block; }
.sectiongold h1 span { background:#000; }
.sectiongold h3 { color:#151515; display:inline-block; margin-top:35px; font-weight:400; line-height:1.7em; }
.btn-black { background:#151515; color:#fff; }
.btn-black:hover { background:#000; color:#eee; }
.sectiongrey { background: #2f2f2f; background: -moz-linear-gradient(45deg,  #2f2f2f 0%, #060608 100%); background: -webkit-linear-gradient(45deg,  #2f2f2f 0%,#060608 100%); background: linear-gradient(45deg,  #2f2f2f 0%,#060608 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#060608',GradientType=1 ); color:#fff; min-height:500px; }
.lice { margin-top:100px; }
.pushiconset { position:absolute; margin-top:30px; }
.pushiconset .entry { margin-bottom:20px; }
.pushiconset .entry h1 { font-size:27px; font-weight:300; color:#fff; }
.pushiconset .entry p { font-size:16px; font-weight:400; color:#fff; }
.pushiconset .entry a { font-size:16px; font-weight:300; text-transform:uppercase; color:#d9c580; margin-top:0px; }
#map { width:100%; height:500px; }
#map > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div.gm-style-iw > div > div { color:black; }
#map > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div.gm-style-iw > div > div a { color:black; }
footer { position:relative; bottom:0; background:#474747; color:#fff; padding:10px 0; width:100%; font-size:90%; }
body > footer.container-fluid > div > div > div:nth-child(1) { float:left; display:inline-block; }
body > footer.container-fluid > div > div > div:nth-child(2) { float:right; display:inline-block; }
label { min-width:90px; text-align:left; }
.input-group { width:100%; }
textarea { resize:none; height:150px !important; }
.contact { width:100%; margin-top:70px; }
.contact p { width:100%; text-align:center; line-height:1em; color:#fff; }
.contact h2 { width:100%; text-align:center; }
.sectiondarkgrey { background:#121212; color:#fff; }
.sectiondarkgrey h5 { margin-left:50px; }
.sectiondarkgrey .entry2 { margin-top:30px; }
.sectiondarkgrey .entry2 a { float: right; margin-top: 20px; }
.sectiondarkgrey .entry2 h1 { font-size: 20px; padding-top: 2px; vertical-align: middle; height: 50px; display: table-cell; color:#d9c580; }
.seitenanzahl { text-align: right; border-bottom: 2px solid #d5c17c; margin-top:52px; }
.seitenanzahl img { margin-left:10px; }
.seitenanzahl2 { text-align: right; border-bottom: 2px solid #d5c17c; margin:50px 0; }
.seitenanzahl2 img { margin-left:10px; }
.margintop { margin-top:30px; }
.beigefont { color:#d9c580 !important; }
.dropdown-menu { color:#000; min-width:0px !important; padding:0px; margin-left:-10px; }
.dropdown-menu li { margin-right:0px !important; width: 100%; }
.dropdown-menu li a { color: #222 !important; width:100%; padding:10px 25px; }
.dropdown-menu li a:hover { color: #d9c580 !important; background:#222; }
legend { color:#000; }
button, button:focus { background:#151515; }
.form button:hover, .form button:focus { background:#C3232D; }
.btn.focus, .btn:focus, .btn:hover { color:#fff; background:#151515; }
div.message { padding:2px 1.5rem 0 1.5rem; }
.teaserdiv { overflow:hidden; }
.pteaserheight { min-height:48px; display:table; }
.pteaserheight p { display:table-cell; vertical-align:middle; }
.reserved img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray;  -webkit-filter: grayscale(100%); opacity:0.5; }
.reserved .restext:before{ content: "Reserviert"; font-weight: bold; text-transform: uppercase; position: absolute; font-size: 50px; margin-top: 80px; margin-left: 30px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.reserved .restext1:before{ content: "Reserviert"; font-weight: bold; text-transform: uppercase; position: absolute; font-size: 90px; margin-top: 120px; margin-left: 80px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.reserved .restext2:before{ content: "Reserviert"; font-weight: bold; text-transform: uppercase; position: absolute; font-size: 80px; margin-top: 60px; margin-left: 30px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.reserved .restext3:before{ content: "Reserviert"; font-weight: bold; text-transform: uppercase; position: absolute; font-size: 50px; margin-top: 60px; margin-left: 30px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.reserved .restext4:before{ content: "Reserviert"; font-weight: bold; text-transform: uppercase; position: absolute; font-size: 33px; margin-top: 50px; margin-left: 30px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.btnlink1 { text-transform: uppercase !important; font-size: 15px !important; color: #000 !important; display: inline-block !important; margin-top: 15px !important; background: #d9c580 !important; padding: 6px 10px !important; width: 100% !important; text-align: center !important; }
.btnlink1:hover { text-decoration: none !important; background: #333333 !important; color: #dac480 !important; }
.btnlink2 { background: #151515; padding: 5px 10px; width: 100%; max-width: calc(50% - 20px); display: inline-block; text-align: center; margin: 20px 5px 20px 5px; text-transform: uppercase; font-size: 20px; letter-spacing: 0.02em; border-radius: 5px; color: #dac480 !important; min-width: fit-content; } 
.btnlink2:hover { text-decoration: none; background: #333333; color: #dac480; }
.alignit { text-align:center; }
input, textarea { background: #2d2a2a !important; color: #dac480 !important; border: #312c1a 1px solid !important; }
.reserved p { color:#707070 !important; }

/* Fotorama Zusatz */
.fotorama { background: #0c0c0c; padding: 20px; }
.fotorama__nav-wrap { margin-top:15px; }
.fotorama .fotorama__stage__frame img { border:10px solid white !important; }
.fotorama .fotorama__thumb { border:2px solid white !important; }

/** Slider **/
/************/
.jssora22l, .jssora22r { display: block; position: absolute; width: 40px; height: 58px; cursor: pointer; background: url('../img/a22.png') center center no-repeat; overflow: hidden; }
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

/** Queries **/
/*************/
@media only screen and (max-width : 1200px) {
	.reserved .restext:before{ font-size: 40px; margin-top: 65px; }
	.reserved .restext1:before{ font-size: 91px; margin-left: 89px; margin-top: 140px; }
	.reserved .restext2:before{ font-size: 62px; margin-left: 31px; margin-top: 80px; }
	.reserved .restext3:before{ font-size: 41px; margin-left: 17px; margin-top: 40px; }
	.reserved .restext4:before{ font-size: 28px; margin-left: 17px; margin-top: 40px; }
	#navi { margin-top: -74px; margin-bottom: 90px; }
}
@media only screen and (max-width : 991px) {
	.reserved .restext:before{ font-size: 70px; margin-top: 70px; margin-left: 130px; }
	.reserved .restext1:before{ font-size: 100px; margin-left: 50px; margin-top: 70px; }
	.reserved .restext2:before{ font-size: 100px; margin-left: 50px; margin-top: 70px; }
	.reserved .restext3:before{ font-size: 100px; margin-left: 50px; margin-top: 70px; }
	.reserved .restext4:before{ font-size: 100px; margin-left: 50px; margin-top: 70px; }
	#navi { list-style: none; display: inline-block; margin-top: 40px; margin-bottom: 40px; }
	#logo { margin:0 auto; }
	.navdiv { text-align:center; width:100%; display:inline-block; }
	.navdiv #navi { float:inherit; }
	.objektlink { width: 100%; text-align: center; background: #000; padding: 3px; border: 1px solid #d9c580; margin-bottom: 60px; }
	.objektlink:hover { opacity:0.8; }
	#headlines > div > div:nth-child(2) > div:nth-child(2) { margin-top:50px; }
	#headlines > div > div:nth-child(3) > div:nth-child(2) { margin-top:50px; }
	#headlines > div > div:nth-child(4) > div:nth-child(2) { margin-top:50px; }
	h1 { padding-left:0; }
    h1 { font-size: 20px; }
	h1 span { margin-left:-50px; }
}
@media only screen and (max-width : 767px) {
	.reserved .restext:before{ font-size: 50px; left: 50%; margin-left: -150px; }
	.reserved .restext1:before{ left: 50%; margin-left: -174px; font-size: 60px; }
	.reserved .restext2:before{ left: 50%; margin-left: -174px; font-size: 60px; }
	.reserved .restext3:before{ left: 50%; margin-left: -174px; font-size: 60px; }
	.reserved .restext4:before{ left: 50%; margin-left: -174px; font-size: 60px; }
	#navi li a.selected { border-bottom: none; }
	.navdiv #navi { margin-bottom:20px; }
}
@media only screen and (max-width : 480px) {
	.reserved .restext:before{ font-size: 30px; margin-left: -86px; margin-top: 50px; }
	.reserved .restext1:before{ font-size: 35px; margin-left: -101px; margin-top: 50px; }
	.reserved .restext2:before{ font-size: 35px; margin-left: -101px; margin-top: 50px; }
	.reserved .restext3:before{ font-size: 35px; margin-left: -101px; margin-top: 50px; }
	.reserved .restext4:before{ font-size: 35px; margin-left: -101px; margin-top: 50px; }
}
@media only screen and (max-width : 320px) {
	.reserved .restext:before{ font-size: 25px; margin-left: -71px; }
	.reserved .restext1:before{ font-size: 25px; margin-left: -71px; }
	.reserved .restext2:before{ font-size: 25px; margin-left: -71px; }
	.reserved .restext3:before{ font-size: 25px; margin-left: -71px; }
	.reserved .restext4:before{ font-size: 25px; margin-left: -71px; }
}