@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

/*
	font-family: 'Open Sans', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img{ border:none; }
img{ max-width: 100%; height: auto; }

html, body { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000; height: 100%; }
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 { line-height: 1; }
fieldset { border: none; }
:focus {outline:none;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"]{
	-webkit-appearance: none;
	border-radius: 0;
    font-family: 'Open Sans', sans-serif;
}
::-webkit-input-placeholder { color: #23415a; }
:-moz-placeholder { color: #23415a; opacity: 1; }
::-moz-placeholder { color: #23415a; opacity: 1; }
:-ms-input-placeholder { color: #23415a; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src$=".svg"]{ width: 100%;  }
}

b,strong, a b, a strong{ font-weight: 700; }

.button{ display: inline-block; }
.button:after{ content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

a{ color: inherit; text-decoration: none; }

.align-left, .left { text-align: left; }
.align-right, .right { text-align: right; }
.align-center, .center { text-align: center; }
.align-justify { text-align: justify; }

main, header, footer, nav, section, article { display: block; }

/* limiters */
#wrapper { max-width: 1050px; margin: 0 auto; }

#svg_1{
	display: block;
}

/* clearer */
.clear{ line-height: 0px; font-size: 0px; height: 0px; text-indent: -999px; clear: both; }
.tabNavi:after, form .field-row:after, #overview:after,
.row:after { clear: both; content:''; display:table; }

/* effect */
.accTitle, .accTitle:after, .tabButton, .tRow, form input[type="submit"], .button, .tCol.pdf > a:before,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

/* font-sizes */
.size-14, html, body { font-size: 14px; }
.size-16, p.big, .accTitle { font-size: 16px; }
.size-18, .field label { font-size: 18px; }
.size-24, .accTitle:after, #content h4 { font-size: 24px; }
.size-30, #content h3 { font-size: 30px; }
.size-40, #content h2 { font-size: 40px; }

/* background colors */
.tabButton.active, .tabButton:hover, .head.tRow, .head.tRow:hover, form input[type="submit"], .button, form .field-row input,
.background.white { background-color: #FFF; }
.accTitle, form input[type="submit"]:hover, .button:hover, #filter form .buttons input[type="submit"]:hover,
.background.black { background-color: #000; }
.accTitle:hover, .open .accTitle, .tRow:hover, .tRow.active,
.background.blue { background-color: #ca9e67; }
.tabButton, .tRow,
.background.lightgrey { background-color: #f6f6f6; }
form .field-row input[readonly],
.background.grey { background-color: #f1f2f3; }
.background.darktgrey { background-color: #dbdcdd; }

/* colors */
.accTitle, .tRow:hover, .tRow.active, form input[type="submit"]:hover, .button:hover, .tRow:hover .tCol.pdf > a, .tRow.active .tCol.pdf > a,
.color.white { color: #FFF; }
.head.tRow:hover, .tRow .tCol.pdf > a,
.color.black { color: #000; }

/* content */
#content h2 { margin-bottom: 20px; }

#overview #oLeft,
#overview #oRight { float: left; width: 50%; margin-bottom: 10px; }
#overview #oRight { min-height: 420px; position: relative; background-color: #FFF; margin-bottom: 10px; }
#svgHeadline { position: relative; z-index: 99; padding-top: 35px; padding-right: 25px; text-align: right; }
.svgFile { display: none; }
#svg_A { display: block; }

/* buttons */
.button { display: inline-block; margin-left: 20px; padding: 10px 20px; border: 1px solid #000; margin-bottom: 20px; }

/* accordion */
.accTitle { position: relative; padding: 5px 0 5px 15px; margin-bottom: 1px; cursor: pointer; }
.accTitle:after { content: "+"; position: absolute; top: 6px; right: 15px; }
.open .accTitle:after,
.accTitle:hover:after { content: "–"; top: 5px; right: 13px; }
.accContent { display: none; padding: 20px; }

/* tabs */
.tabNavi { margin-left: 10px; }
.tabButton { position: relative; bottom: -1px; display: block; float: left; padding: 6px 30px; font-weight: 600; cursor: pointer; border-bottom: 1px solid #626262; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; }
.tabButton:first-child { border-left: 1px solid #cfcfcf; }
.tabButton.active,
.tabButton:hover { border-top: 1px solid #ca9e67; border-bottom: 1px solid #FFF; }
.tabContent { display: none; }
.tMain { display: table; width: 100%; border-top: 1px solid #626262; border-bottom: 1px solid #626262; }
.head.tRow { cursor: default; }
.head .tCol { font-weight: 600; }
.tRow { display: table-row; cursor: pointer; }
.tCol { display: table-cell; padding: 6px 0; border-bottom: 1px solid #FFF; }
.tCol:first-child { padding: 6px 0 6px 25px; }
.tCol.pdf > a { display: block; position: relative; padding-left: 25px; }
.tCol.pdf > a:before { content:""; position: absolute; top: 0; left: 0; display: block; width: 14px; height: 19px; background-image: url(../images/pdf.png); background-repeat: no-repeat; background-position: left; }
.tRow:hover .tCol.pdf > a:before,
.tRow.active .tCol.pdf > a:before { background-image: url(../images/pdf_active.png); }

/* filter */
#filter { margin: 20px 0; text-align: center; }
#filter .background { padding: 30px 0; }
#filter p { margin-bottom: 40px; }
.field-wrap { margin-bottom: 25px; }
.field { display: inline-block; margin: 0 17px; }
.field label { cursor: pointer; font-weight: 600; margin-left: 10px; }
.field input { cursor: pointer; }
.field select { padding: 10px 20px; border: 1px solid #000; background-color: transparent; cursor: pointer; }
#filterContent { text-align: left; padding: 20px 20px 0 20px; }
#filterContent .tMain { border-top: none; }
#filterContent .head.tRow .tCol { border-bottom: 1px solid #626262; }
#filter form .buttons input[type="submit"] { float: none; margin: 0 auto; background-color: transparent; }

/* forms */
form .field-row { position: relative; width: 50%; margin-bottom: 15px; }
form .field-button { width: 50%; }
form .field-row label { display: block; float: left; width: 30%; line-height: 30px; }
form .field-row input { float: left; width: 100%; padding: 5px 30px 5px 10px; border: 1px solid #000; }
form .field-row input[type="file"] { width: 100%; }
form .field-row span.add { position: absolute; bottom: 7px; right: 10px; }
form input[type="submit"] { float: right; padding: 10px 20px; border: 1px solid #000; cursor: pointer; }


@media ( max-width : 1310px ) {
	/*#oLeft { display: none; }*/
	#overview #oLeft { width: 100%; text-align: center; }
	#overview #oRight { width: 100%; overflow: hidden; }
}

@media ( max-width : 1000px ) {
	.tRow .tCol.pdf > a { font-size: 0; }
}

@media ( max-width : 900px ) {
	.tCol.location, .tCol.netto, .tCol.hknk { display: none; }
}


@media ( max-width : 600px ) {
	.accTitle { padding: 5px 35px 5px 15px; }
}

@media ( max-width : 550px ) {
	.tCol.number { display: none; }
	.tCol.room { padding: 6px 0 6px 10px; }
	.tCol { padding-left: 5px; padding-right: 5px; }
	#imageMap { width: 100%; }
}

@media ( max-width : 500px ) {
	.tabButton { padding: 6px 15px; font-size: 14px; }
	.tCol { font-size: 14px; }
}

@media ( max-width : 430px ) {
	.tCol.af { display: none; }
}

@media ( max-width : 400px ) {
	#overview #oRight { min-height: 320px; }
	svg { height: 25vh !important; }
}