@charset "utf-8";



@font-face {

	font-family: 'RobotoLight';

	src: url('fonts/roboto-v30-latin-300.woff') format('woff');

}

@font-face {

	font-family: 'RobotoRegular';

	src: url('fonts/roboto-v30-latin-regular.woff') format('woff');

}

@font-face {

	font-family: 'RobotoBold';

	src: url('fonts/roboto-v30-latin-700.woff') format('woff');

}



.futura_book {

    font-family: "futura-pt", sans-serif;

    font-weight: 400;

    font-style: normal;

}

.futura_book_oblique {

    font-family: "futura-pt", sans-serif;

    font-weight: 400;

    font-style: italic;

}

.futura_heavy {

    font-family: "futura-pt", sans-serif;

    font-weight: 700;

    font-style: normal;

}

.futura_heavy_oblique {

    font-family: "futura-pt", sans-serif;

    font-weight: 700;

    font-style: italic;

}

.futura_bold {

    font-family: "futura-pt-bold", sans-serif;

    font-weight: 700;

    font-style: normal;

}

.futura_bold_oblique {

    font-family: "futura-pt-bold", sans-serif;

    font-weight: 700;

    font-style: italic;

}



html { scroll-behavior: smooth; }

body { overflow-x: hidden; font-weight: 400; font-size: 20px; line-height: 1.3em; background: #ffffff; color: #343333; font-family: "futura-pt", sans-serif; }

body.ov_hidden { overflow: hidden; }

@media only screen and (max-width: 1280px) {

	body { font-size: 18px; }

}



header { z-index: 10; width: 100%; padding: 0 0 0 0; position: relative; background: linear-gradient(to right, rgba(164, 116, 54, 1.0), transparent); }

header .width_basic { z-index: 10; }

main { z-index: 1; position: relative; padding: 0; /*padding: 0 0 50px 0;*/ overflow: hidden; }

footer { } 

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1020px) {
}
@media only screen and (max-width: 767px) {
}

h1 { margin: 0 0 0.4em 0; font-size: 3em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: "futura-pt", sans-serif; text-transform: uppercase; color: #A47436; }
/* h2 { margin: 0 0 0.4em 0; font-size: 3em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: "futura-pt", sans-serif; text-transform: uppercase; color: #A47436; } */
h2 { margin: 0 0 10px 0; font-size: 1.5em; line-height: 1.2em; font-weight: 700; font-style: normal; font-family: "futura-pt-bold", sans-serif; text-transform: uppercase; color: #A47436; }
h3 { margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.2em; font-weight: 700; font-style: normal; font-family: "futura-pt-bold", sans-serif; text-transform: uppercase; color: #A47436; }
h4 { margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.2em; font-weight: 700; font-style: normal; font-family: "futura-pt-bold", sans-serif; text-transform: uppercase; color: #A47436; }
h5 { }
h6 { }
@media only screen and (max-width: 1280px) {
	h2 { font-size: 2em; }
}
@media only screen and (max-width: 767px) {
	h1 { font-size: 2em; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 1.5em; }
}

.text-white h1 { color: #ffffff; }
.text-white h2 {/* color: #ffffff; */ }



a { text-decoration: underline; color: #343333; }
a:hover { text-decoration: none; color: #343333; }
p { margin-bottom: 26px; }
div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }
blockquote { font-size: 1.5em; }
.blockquote-footer { text-align: right; color: #000000; font-size: 0.77em; }
.blockquote-footer:before { display: none; }
ul { margin-bottom: 1.68em; padding-left: 1.2em; }
ul li { }
ol { margin-bottom: 1.68em; }
ol li {}
b, strong { font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-style: normal; }
dl.row { margin-right: 0; margin-left: 0; }
dd { margin-bottom: 0; }
figure, .blockquote, .btn { margin-bottom: 1em; }
.table_container { border: solid 2px #A47436; padding: 15px; z-index: 1; border-radius: 15px; }
table { width: 100%; font-size: 0.8em; }
table tbody { }
table tr { }
table tr.reserviert { color: rgba(52,51,51,0.35); }
table th { background: #A47436; color: #ffffff; font-size: 0.85em; line-height: 1em; }
table td { position: relative; }
table td, table th { padding: 0.4rem 0.75rem; vertical-align: top; border-bottom: 1px solid #edc086; border-right: 1px solid #edc086; }
table tr:last-child td, table tr:last-child th { border-bottom: none; }
table td:last-child, table th:last-child { border-right: none; }
table td:nth-of-type(7n), table th:nth-of-type(7n) { border-right: none; }
.table_container table tr { cursor: pointer; }
.table_container tr td:first-child .line { display: block; position: absolute; height: 100%; border-radius: 20px 0 0 20px; left: -34px; top: 0; width: 35px; background: #A47436; display: none; }
.table_container tr td:last-child .line { display: block; position: absolute; height: 100%; right: -39px; top: 0; width: 40px; background: #A47436; display: none; }
.table_container .pdf_link { display: block; width: 80px; position: absolute; right: -100px; top: -20px; display: none; }
.table_container table tr.active { cursor: auto; }
.table_container table tr.active td { background: #A47436; color: #ffffff; }
.table_container table tr.active .line { display: block; }
.table_container table tr.active .pdf_link { display: block; }
.text-primary { color: #B98202!important; }
.text-secondary { color: #0069b4!important; }
.select_outer_container { z-index: 2; }
.select_container { border-radius: 30px 30px 0 0; padding: 15px; background: #ffffff; border: solid 2px #A47436; border-bottom-color:  #ffffff; display: inline-block; margin-bottom: -3px; }
.select_container select { font-size: 1.2em; font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-style: normal; border: none; background: #A47436; color: #ffffff; padding: 2px 100px 2px 20px; border-radius: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select_container:after { content: ''; width: 24px; height: 24px; border-radius: 50%; background: #343333; position: absolute; top: 18px; right: 18px; border: solid 2px #ffffff; pointer-events: none; background-image: url(../img/select_arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 18px; }
.select_container.mobile { border-radius: 0; padding: 0; border: none; }
.select_container.mobile:after { top: 2px; right: 2px;}

/* Button bootstrap classes */
.btn { text-decoration: none; padding: 0.5em 1.4em; font-size: 1em; }
.btn.btn-lg { font-size: 1.2em; }
.btn-primary { background-color: #A47436; border-color: #A47436; color: #ffffff; }
.btn-primary:hover { background-color: #c6914d; border-color: #c6914d; }
.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #c6914d!important; border-color: #c6914d!important; }
.btn-secondary { background-color: #343335; border-color: #343335; color: #ffffff; }
.btn-secondary:hover { background-color: #434344; border-color: #434344; }
.btn-secondary.focus, .btn-secondary:focus { box-shadow: none;  }
.btn-secondary.active, .btn-secondary:active { box-shadow: none!important; background-color: #0078ce!important; border-color: #0078ce!important; }
.alert-success {}
.alert-danger {}
.form-control {}
textarea.form-control { height: 180px; }

/* Custom */
.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.overlay .bottom { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 1em 0 0 0; background: rgba(164,116,54,0.8); }
.plugin_trenner {}
.width_basic { max-width: 1440px; padding: 0 20px; }
.content { max-width: 700px; }
.height_300 { height: 300px; }
.height_600 { height: 600px; }
.socialicon { font-size: 2em;}
.white-space {white-space: nowrap;}

.flexslider_height { height: 700px; }
.flexslider_height_1000 { height: 1000px; }

@media only screen and (max-width: 1280px) {

	.flexslider_height { height: 600px; }

	.flexslider_height_1000 { height: 800px; }

}

@media only screen and (max-width: 767px) {
	.flexslider_height { height: 600px; }
	/* .flexslider .overlay { background: rgba(255,255,255,0.5); } */
	.flexslider_height_1000 { height: 600px; }
}

.width_extrasmall { max-width: 480px; padding: 0 40px; }
.width_small { max-width: 640px; padding: 0 40px; }
.width_medium { max-width: 800px; padding: 0 40px; }
.width_normal { max-width: 1024px; padding: 0 40px; }
.width_large { max-width: 1120px; padding: 0 40px; }
.width_extralarge { max-width: 1280px; padding: 0 40px; }
.width_superlarge { max-width: 1600px; padding: 0 40px; }
.width_full { padding: 0 40px; }
.width_full_complete { padding: 0; }

@media only screen and (max-width: 767px) {
	.width_extrasmall { padding: 0 20px; }
	.width_small { padding: 0 20px; }
	.width_medium { padding: 0 20px; }
	.width_normal { padding: 0 20px; }
	.width_large { padding: 0 20px; }
	.width_extralarge { padding: 0 20px; }
	.width_superlarge { padding: 0 20px; }
	.width_full { padding: 0 20px; }
}



.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }
.text_container { padding: 30px 0 0 400px; z-index: 1; }
#logo { width: 350px; padding: 0; float: left; margin: 30px 0; position: absolute; z-index: 2; }
@media only screen and (max-width: 1280px) {
	.text_container { padding: 30px 0 0 300px; }
	#logo { width: 250px; margin: 30px 0; }
}
@media only screen and (max-width: 767px) {
	.text_container { padding: 0px 0 0 0; }
	#logo { width: 180px; float: none; margin: 20px 0; position: relative; }
}
.kontakt_button { background: #A47436; padding: 1.5em 2em; text-align: center; position: absolute; right: 20px; top: 0; border-radius: 0 0 1.5em 1.5em; }
.kontakt_button a { font-family: "futura-pt-bold", sans-serif; font-weight: 700; color: #ffffff; text-decoration: none; text-transform: uppercase; }
@media only screen and (max-width: 1400px) {
	.kontakt_button { padding: 1em 1.5em }
}
@media only screen and (max-width: 1024px) {
	.kontakt_button { padding: 0.5em 1em; top: 80px; border-radius: 1.5em; font-size: 0.8em; line-height: 1.2em; }
}
@media only screen and (max-width: 600px) {
	.kontakt_button { top: 140px;}
}

.stoerer_button { background: #A47436; padding: 1.5em 2em; text-align: center; position: absolute; right: 300px; top: 0; border-radius: 0 0 1.5em 1.5em; }
.stoerer_button a { font-family: "futura-pt-bold", sans-serif; font-weight: 700; color: #ffffff; text-decoration: none; text-transform: uppercase; }
@media only screen and (max-width: 1400px) {
	.stoerer_button { padding: 1em 1.5em; right: 280px; }
}
@media only screen and (max-width: 1280px) {
	.stoerer_button {  right: 255px; }
}
@media only screen and (max-width: 1024px) {
	.stoerer_button {padding: 0.5em 1em; top: 80px; border-radius: 1.5em; font-size: 0.8em; line-height: 1.2em; right: 190px; }
}

@media only screen and (max-width: 600px) {
	.stoerer_button { top: 200px; right: 20px; }
}


.mainnav { float: left; }
.mainnav ul.level0 { display: block; margin: 0 0 0 0; padding: 10px 0; }
.mainnav ul.level0 li { list-style: none; float: left; margin: 0 25px 0 0; position: relative; }
.mainnav ul.level0 li a { color: #000000; font-size: 1em; padding: 0.25em 1em; display: block; text-decoration: none; text-transform: uppercase; border: solid 2px transparent; border-radius: 1em; font-family: "futura-pt-bold", sans-serif; font-weight: 700; }
.mainnav ul.level0 li a:hover { color: #ffffff; }
.mainnav ul.level0 li.active a { color: #ffffff; border-color: #ffffff; }
@media only screen and (max-width: 767px) {
	.mainnav ul.level0 li { margin: 0 15px 0 0; }
	.mainnav ul.level0 li a { font-size: 1em; padding: 0.25em 0.5em;}
}
@media only screen and (max-width: 480px) {
	.mainnav ul.level0 li { margin: 0 10px 0 0; }
	.mainnav ul.level0 li a { font-size: 0.8em; border-radius: 1.2em;}
}
.mainnav ul li ul.level1 { position: absolute; left: 0; width: 200px; text-align: left; padding: 10px; display: none; background: #f2f2f2; }
.mainnav ul li ul.level1 li { float: none; margin: 0 0 0 0; padding: 0; }
.mainnav ul li ul.level1 li a { color: #ffffff; font-size: 14px; padding: 0; border: none; text-transform: none; }
.mainnav ul li ul.level1 li:hover a { color: #000000; }
.mainnav ul li ul.level1 li.active a { color: #000000; }
.mainnav ul li:hover ul.level1 { display: block; }
@media only screen and (max-width: 767px) {
	.mainnav ul li ul.level1 { display: block; position: relative; padding: 0 20px 10px; border-bottom: none; width: auto; }
}
ul.pdf_list { padding: 0; }
ul.pdf_list li { list-style: none; float: left; width: 33%; padding: 20px 10px; }
ul.pdf_list li a { color: #ffffff; text-decoration: none; text-decoration: none; }
ul.pdf_list li img { width: 80px; }

@media only screen and (max-width: 767px) {
ul.pdf_list li {width: 50%; }
}

.bg_wohnungen { position: absolute; left: 0; top: 0; right: 0; bottom: 10px; }
.bg_wohnungen .overlay { background: rgba(164,116,54,0.8); }
@media only screen and (max-width: 1600px) {
	.bg_wohnungen { bottom: 60px; }
}
@media only screen and (max-width: 1440px) {
	.bg_wohnungen { bottom: 40px; }
}
@media only screen and (max-width: 767px) {
	.bg_wohnungen { }
}
.wohnungen_container.desktop {}

.wohnungen_container.mobil { display: none; }

@media only screen and (max-width: 767px) {
	.wohnungen_container.desktop { display: none; }
	.wohnungen_container.mobil { display: block; }
}

.swiper { width: 100%; overflow: inherit; }

.swiper-slide { width: 260px; border: solid 2px #A47436; z-index: 1; border-radius: 15px; }

.swiper-slide-active {  }

.swiper-pagination { position: relative; padding: 10px 0 0 0; }

.swiper-pagination-bullet-active { opacity: 1.0; background: #A47436; }

.swiper-slide a img { width: 50px; }

.swiper-slide table th { background: transparent; color: #A47436; }

.swiper-slide table td, .swiper-slide table th { padding: 0.05rem 0.5rem; vertical-align: bottom; }

.swiper-slide table.reserviert td { color: rgba(52,51,51,0.35); }

.wohnungen_bild_container.desktop { width: 100%; max-width: 30.5em; margin: 0 auto; }
.wohnungen_bild_container .basic { }.wohnungen_bild_container img { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.0; }
.wohnungen_bild_container img:first-child { position: relative; top: auto; left: auto; z-index: 1; opacity: 1.0; }
.wohnungen_bild_container .BildWohnungTyp { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.0; }
.wohnungen_bild_container .BildWohnungTyp.active { z-index: 3; opacity: 1.0; }
.wohnungen_bild_container img.hover { z-index: 4; opacity: 1.0; }
.wohnungen_bild_container img.active { z-index: 3; opacity: 1.0; }
.wohnungen_bild_container.liegenschaft img { pointer-events: none; }
.wohnungen_bild_container.liegenschaft img:first-child { pointer-events: auto; }

.select_content_container {}
.select_content { display: none; }
.select_content:first-child { display: block; }



.flex-control-nav { bottom: 50px; height: auto; }

.flex-control-nav li { margin: 0 5px; }

.flex-control-nav li a { width: 24px; height: 24px; background: #343333; border: solid 2px #ffffff; }

.flex-control-nav li a.flex-active { background: #A47436; }



.flex-direction-nav { pointer-events: none; }

.flex-direction-nav li a { pointer-events: auto; }

@media only screen and (max-width: 767px) {

	.flex-direction-nav { display: none; }

}



@media only screen and (max-width: 1420px) {

	footer { font-size: 0.9em; }

}



footer { background: #343333; color: #ffffff; padding: 25px 0 25px 0; border-top: solid 4px #A47436; }

footer a { color: #ffffff; font-family: 'RobotoBold'; text-decoration: none; }

footer a:hover { color: #ffffff; opacity: 0.5; }



.footerlogo { width: 100%; max-width: 300px; padding: 0.5em 0 1em 0; }



.menuicon { display: none; position: absolute; right: 20px; top: 35px; width: 50px; height: 25px; margin: -2px 0 0 0; transition: 0ms; }

.menuicon .line { width: 50px; height: 4px; background: #009fe3; position: absolute; }

.menuicon .line:nth-of-type(1) { top: 0; }

.menuicon .line:nth-of-type(2) { top: 11px; }

.menuicon .line:nth-of-type(3) { top: 22px; }

.menuicon.active .line:nth-of-type(1) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }

.menuicon.active .line:nth-of-type(3) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media only screen and (max-width: 767px) {

}



/* ------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------ */

ul.square { list-style-type:square; }
ul.circle { list-style-type:circle; }
ul.square { list-style-type:square; }
ul.image { list-style-image: url('img/sqpurple.gif'); }

ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }

ul.linklist { list-style-type:none; }
ul li { position: relative; }
ul.linklist span { position: absolute; left: -20px; top: 2px; }

.accordion .card { overflow: inherit; margin-bottom: 2px; background: transparent; }
.accordion .card-header { background: transparent; }
.accordion .card-body { padding: 0 0 2rem 0; }
.accordion-button { font-size: 0.5em; }
.accordion .card:first-child .card-header { border-radius: .25rem .25rem 0 0; }
.accordion .card:last-child .card-header { border-radius: 0 0 .25rem .25rem; }
.height_250 { height: 250px; }

@media (min-width: 576px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: 0; margin-left: 0; }
	.galerieUebersicht.card-deck .card { margin-right: 0; margin-left: 0; margin-bottom: 15px; }
}

@media (min-width: 776px) {
	.galerieUebersicht.card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
	.galerieUebersicht.card-deck .card { margin-right: 15px; margin-left: 15px; margin-bottom: 30px; }
}

.plugin_galerie_height { height: 180px; }

.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; width: 100%; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

figure video { width: 100%; height: auto; display: block; }

hr { margin: 0; border: 0 none; background-color: #000000; height: 1px; clear: both; opacity: 1; }
hr.space1 { height: 1px; }
hr.space2 { height: 2px; }
hr.space3 { height: 3px; }
hr.space4 { height: 4px; }
hr.space5 { height: 5px; }
hr.space10 { height: 10px; }
.plugin_customcontainer_content_extrasmall {
    max-width: 480px;
    padding: 0 40px;
}
.plugin_customcontainer_content_small {
    max-width: 640px;
    padding: 0 40px;
}
.plugin_customcontainer_content_medium {
    max-width: 800px;
    padding: 0 40px;
}
.plugin_customcontainer_content_normal {
    max-width: 960px;
    padding: 0 40px;
}
.plugin_customcontainer_content_large {
    max-width: 1120px;
    padding: 0 40px;
}
.plugin_customcontainer_content_extralarge {
    max-width: 1280px;
    padding: 0 40px;
}
.plugin_customcontainer_content_superlarge {
    max-width: 1600px;
    padding: 0 40px;
}
.plugin_customcontainer_content_full {
	/*padding: 0 40px;*/
	padding: 0;
}
.plugin_customcontainer > .bg-primary div {
	color:#ffffff;
}
@media only screen and (max-width: 1024px) {
	.plugin_customcontainer_content_extrasmall {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_small {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_medium {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_normal {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_large {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_extralarge {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_superlarge {
		padding: 0 30px;
	}
	.plugin_customcontainer_content_full {
		padding: 0 30px;	}
}
@media only screen and (max-width: 767px) {
	.plugin_customcontainer_content_extrasmall {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_small {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_medium {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_normal {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_large {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_extralarge {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_superlarge {
		padding: 0 20px;
	}
	.plugin_customcontainer_content_full {
		padding: 0 20px;
	}
}