@import url("font.css");
 
/* cookie ****************************************/
#cookiedingsbums a {color: #fff; text-decoration: none; background-color: #8c8c8c; padding: 2px 10px; border-radius: 5px;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding: 0px 10px; display: inline-block;}
#cookiedingsbums {outline: 1px solid #7b92a9; text-align: left; border-top: 1px solid #fff; background: #466675; position: fixed;bottom: 0px;z-index: 9999;width: 100%;font-size: 16px;line-height: 38px;color: #fff;}
#cookiedingsbumsCloser {color: #fff; text-decoration: none; cursor: pointer; border: 0px; padding: 2px 10px; background: #b11c3e; border-radius: 5px; transition: 0.2s; margin-left: 10px; text-transform: uppercase;}
#cookiedingsbumsCloser:hover {background-color: #fff; color: #b11c3e;}
/* ende cookie ***************************************/


/*Menü*/
header .container {position: relative;}
header .container .navbar-brand {padding-top: 15px; padding-bottom: 14px;}
.menu_inner {max-width: 1200px; margin: 0 auto; padding: 50px; overflow-y: auto;}
.menu_inner a {color: #555555; font-size: 18px;}
.menu_inner .dropdown-toggle::after {display: none;}
.menu_inner .item_first a {font-weight: bold;}
.menu_inner .item_secondary a {font-weight: normal; text-transform: initial;}
.menu_inner .item_secondary a:before {content: "\f105"; font-family: "FontAwesome"; color: #466675; display: inline-block; text-decoration: none; margin-right: 10px;}
.menu_inner .item_first {width: 100%; float: left; margin-bottom: 15px;}
.menu_inner .item_secondary li.item_first {width: auto; float: none; display: inline-block; margin-bottom: 5px; margin-right: 15px;}
.menu_inner ul.item_secondary {padding-left: 0px;}
.menu_inner .navbar-nav {display: inline-block; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0;}
#mainNav {background-color: #f5f5f5; padding: 0px; position: absolute; top: 125px; left: 0px; width: 100%; z-index: 9999;}

/*Menü Button*/
.navbar-toggler span {display:block;background:#fff; border-radius:2px;}
.navbar-toggler .menubutton {display: inline-block; float: left; position: absolute; top: 40px; right: 95px; color: #fff;}
.navbar-toggler * {transition:.25s ease-in-out; box-sizing:border-box;}
.navbar-toggler {position: absolute; outline: none !important; right: 30px; top: 15px; display: inline-block; padding: 0px !important; width:100px; height:100px; cursor:pointer; border-radius:5px;}
.navbar-toggler #hamburger {position:absolute; height:100%; width:100%;}
.navbar-toggler #hamburger span {width:60px; height:4px; position:relative; top:24px; left:20px; margin:10px 0;}
.navbar-toggler #hamburger span:nth-child(1){transition-delay:.5s;}
.navbar-toggler #hamburger span:nth-child(2){transition-delay:.625s;}
.navbar-toggler #hamburger span:nth-child(3){transition-delay:.75s;}
.navbar-toggler #cross {position:absolute; height:100%; width:100%; transform:rotate(45deg);}
.navbar-toggler #cross span:nth-child(1){height:0%; width:4px; position:absolute; top:10%;left:48px; transition-delay:0s;}
.navbar-toggler #cross span:nth-child(2){width:0%; height:4px; position:absolute; left:10%; top:48px; transition-delay:.25s;}
.navbar-toggler[aria-expanded="true"] #hamburger span {width:0%;}
.navbar-toggler[aria-expanded="true"] #hamburger span:nth-child(1){transition-delay:0s;}
.navbar-toggler[aria-expanded="true"] #hamburger span:nth-child(2){transition-delay:.125s;}
.navbar-toggler[aria-expanded="true"] #hamburger span:nth-child(3){transition-delay:.25s;}
.navbar-toggler[aria-expanded="true"] #cross span:nth-child(1){height:80%; transition-delay:.625s;}
.navbar-toggler[aria-expanded="true"] #cross span:nth-child(2){width:80%; transition-delay:.375s;}
.page_Überregional {border: 1px solid #ccc; padding: 4px 12px;}

/*Basic*/
.Kontakt-agb ul { list-style-type: none; padding-left: 20px;}
.Kontakt-agb li:before { content: "§"; font-size: 20px; margin-right: 5px;}
header {background-color: #666666;}
header a {color: #fff;}
body {color: #515151;}
h1, h2, h3, h4, h5, h6 {font-family: 'Julius Sans One', sans-serif, 'Helvetica Neue', Arial, sans-serif; margin-bottom: 1.5rem;}
h1 {font-size: 2rem;}
a { text-transform: uppercase; color: #466675;}
a:hover {color: #666666;}
a img {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
a img:hover{filter: grayscale(100%) brightness(120%);}
:focus {outline: none !important; box-shadow: none !important;}
.date-picker-wrapper {z-index: 999!important;}
.date-picker-wrapper .month-wrapper .day.toMonth.valid.noarrival {background-color: #f3f3f3!important;}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #fff!important;}
.bold {font-weight: bold;}

/*bootstrap*/
section {padding: 40px 0px; display:inline-block; width: 100%;}
.bg-primary {background-color: #466675!important;}
.bg-success {background-color: #dfdfd4!important;}
.container {padding: 0px;}
.clear-left {clear: left;}

/*Button*/
.btn {outline: none !important; box-shadow: none !important;border: none; font-family: inherit; font-size: inherit; color: inherit; background: none;	cursor: pointer; display: inline-block;	margin: 30px 5px 10px 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-1:after, .btn-2:after, .btn-4:after  {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;}
.btn-1:after, .btn-2:after, .btn-4:after {width: 100%; height: 0;	top: 50%;	left: 50%;	background: #fff;	opacity: 0;	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);	transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.btn-1 {border: 2px solid #fff; color: #fff; overflow: hidden; z-index:2;}
.btn-2, .btn-4 {border: 2px solid #466675; color: #466675; overflow: hidden; z-index:2;}
.btn-2:after, .btn-4:after {background: #466675 !important;}
.btn-1:hover, .btn-1:active {color: #466675;}
.btn-2:hover, .btn-2:active, .btn-4:hover, .btn-4:active  {color: #fff;}
.btn-1:hover:after {height: 420%; opacity: 1;}
.btn-1:active:after {height: 520%;	opacity: 1;}
.btn-2:hover:after {height: 270%;opacity: 1;}
.btn-4:hover:after  {height: 350%;opacity: 1;}
.btn-2:active:after  {height: 370%;	opacity: 1;}
.btn-4:active:after {height: 400%;	opacity: 1;}
.btn-3 {border: 2px solid #466675; color: #fff;  background-color: #466675; overflow: hidden; z-index:2;}
.btn-3:after {content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;}
.btn-3:after {width: 100%; height: 0;	top: 50%;	left: 50%;	background: #fff; color: #466675; opacity: 0;	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);	transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.btn-3:hover:after {height: 220%; opacity: 1;}
.btn-3:active:after {height: 320%;	opacity: 1;}
.btn-3:hover, .btn-3:active {color: #466675;}
.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active {background-color: #466675; border-color:#466675; color: #466675;}
.fewo-bewerten:hover {color:#fff;}
.btn-angebotmehr.btn-2:hover:after {height: 400%;}

/*Search Box*/
.search_container {position: fixed; top: 169px; z-index: 1001; right: -285px; transition: 0.2s}
.search_container.open {right: 0px !important;}
.search_container.closed {right: -285px;}
.search_container .innersearch {position: relative;}
.search_container .search_icon  {position: fixed; right: 0px; top: 169px; cursor: pointer;transition: 0.2s;}
.search_container .search_icon.open {right: 208px !important;}
.search_container .search_icon i{font-size: 28px; color: #fff; background-color: #466675; padding: 10px 40px 10px 15px; display: block; width: 28px;}
.search_container .inner_module {height: 48px; background-color: #466675; padding: 10px;}
.search_container .inner_module #ctrl_fewo_suche {width: 180px; height: 32px; padding-left: 10px; color: #999; font-size: 16px; line-height: 32px; background-color: #FFFFFF; border: 0px; float: left;}
.search_container .inner_module .submit {width: 85px;height: 32px; background-color: #ccc; color: #000; font-size: 14px; font-weight: normal;}
.textsuche .prompt {height: 30px;}
.ui.category.search>.results .category>.name {width: 250px!important; white-space: normal!important;}
.ui.category.search .results {width: 450px!important;}
.side_container .facebook_link {position: fixed; right: 0px; top: 222px; cursor: pointer; z-index: 1001;}
.side_container .instagram_link {position: fixed; right: 0px; top: 279px; cursor: pointer; z-index: 1001;}
.side_container .facebook_link i {font-size: 36px; color: #466675; background-color: #dfdfd4; padding: 6px 40px 6px 11px; display: block; width: 28px; border: 2px solid #466675;}
.side_container .instagram_link i {font-size: 36px; color: #466675; background-color: #dfdfd4; padding: 6px 40px 6px 11px; display: block; width: 28px; border: 2px solid #466675;}
.side_container .facebook_link a, .side_container .instagram_link a {text-decoration: none;}
.Masken-buchungsmaske .side_container, .Masken-anfragemaske .side_container {display: none;}

/*Home*/
.reiseschutzversicherung {position: absolute; top: 50px; right: 0px; z-index: 999;}
.aktuelle-info {position: absolute; top: 5px; background-color: #466675; padding: 20px; color: #fff; border-radius: 10px;}
.aktuelle-info:hover {color: #ccc;}
.home_suche {position: relative; float: left;}
.home_suche .carousel-item img {width: 100%;}
.zufall_obj_heading {font-size: 30px;}
.fewo-text {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 75px; min-height: 75px;}
.home_suche .suchmaske {background-color: rgba(255, 255, 255, 0.8); display: inline-block; width: 100%; position: absolute; bottom: 200px; max-width: 1140px;}
.suche-home {width: calc(100% - 175px); display: inline-block; float:left;}
.suche-home .suchkriterien input, .suche-home select {height: 40px; width:25%;}
.home_suche .btn {margin: 0px; padding: 6px 40px; float: right;}
.links-zu-listen h3 {font-size: 1.5rem;}
.bew-item .col-5 {height:300px; overflow:hidden;}
.bew-home .br-wrapper, .bew-detail .br-wrapper{display: inline-block; width: 100%; margin-top: 20px;}
.bew-home .br-theme-fontawesome-stars-o .br-widget a, .bew-detail .br-theme-fontawesome-stars-o .br-widget a, .alle-bew .br-theme-fontawesome-stars-o .br-widget a{font-size: 18px!important;}
.bew-home .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .bew-detail .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .alle-bew .br-theme-fontawesome-stars-o .br-widget a.br-selected:after{color: #c4a26a!important;}
.bew-home .br-theme-fontawesome-stars-o .br-widget a:after, .bew-detail .br-theme-fontawesome-stars-o .br-widget a:after, .alle-bew .br-theme-fontawesome-stars-o .br-widget a:after{color: #c4a26a !important;}
.post-list a, .bew-home .bew_objtitel a {color: #515151;}
.bew-home .bew_nachricht {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 125px; min-height: 125px;}

/*Suche Home+Liste*/
.suche-home select, #listfilter select	{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search-anreise {background-image: url(/storage/app/media/icon/reisezeit.png); background-repeat: no-repeat;  background-position: 5px 9px;  padding-left: 30px;  border: 1px solid #515151;}
.search-objart {background-image: url(/storage/app/media/icon/obj_art.png); background-repeat: no-repeat; background-position: 5px 12px;  padding-left: 30px;  border-top: 1px solid #515151; border-bottom: 1px solid #515151;	border-right: 1px solid #515151;}
.search-schlafzimmer {background-image: url(/storage/app/media/icon/schlafzimmer.png); background-repeat: no-repeat; background-position: 5px 11px; padding-left: 40px; padding-right: 40px; border-top: 1px solid #515151; border-bottom: 1px solid #515151;}
.search-personen, #ctrl_ppersonen {background-image: url(/storage/app/media/icon/person.png); background-repeat: no-repeat; background-position: 5px 9px; padding-left: 30px; padding-right:15px; border: 1px solid #515151;}
.search-sterne {background-image: url(/storage/app/media/icon/haustier.png); background-repeat: no-repeat; background-position: 5px 11px; padding-left: 30px; padding-right:15px; border-bottom: 1px solid #515151; border-top: 1px solid #515151;  border-radius: 0px;}
.checkies label {margin-right: 10px;  margin-left: 5px; margin-bottom: 0px;}
.checkies {width: 100%; display: inline-block; margin-top: 10px;}

/*Liste*/
.seitenbild {height: 500px; overflow: hidden;}
#listfilter {position: relative;}
#listfilter .suchkriterien {width: 100%; display: inline-block; float:left;}
#listfilter .suchkriterien .form-inputs {width: 20%; float:left;}
#listfilter .suchkriterien .form-inputs select {border-radius: 0px;}
#listfilter .suchkriterien .form-inputs .label {display: none;}
#listfilter .suchkriterien input, #listfilter select {width: 100%; height:40px;}
#listfilter .btn-danger {color: #fff!important; float:right; position: absolute; bottom: 0px; right: 0px; cursor:pointer;}
#listfilter .check_element {position: relative; padding-left: 25px; display:inline-block;}
#listfilter .check_element label {width: 100%; padding-right: 25px; transition: 0.2s; cursor: pointer;}
#listfilter .check_element label:hover {color: #466675;}
#listfilter .check_element label:before {width: 16px; height: 16px; left: 0; top: 3px; position: absolute; border: 1px solid #ddd; background-color: #fff; content: '';}
#listfilter .check_element label:after {width: 15px; height: 15px; left: 2px; top: 4px; position: absolute; line-height: 16px; font: 14px/1 FontAwesome; color: #466675; content: '\f00c'; opacity: 0; -moz-transition: all 0.25s ease 0s; -khtml-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}
#listfilter .check_element input {float: left; display: none; margin: 0; padding: 0; line-height: 1; cursor: pointer; opacity: 0;}
#listfilter .check_element input:checked + label:after {opacity: 1;}
.objektuebersicht {position: relative;}
.merkerlink {background-color: #fff; display: inline-block; line-height: 30px; padding: 0px 20px; position: absolute; right: 230px;}
.merkerlink:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;}
.fewo_sort {background-color: #fff; padding-left: 10px;}
.fewo_sort select {height:30px; border: 0px; padding-left:10px;}
.fewo_sort:before {content: "\f039"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;} 
#fewo-liste .fewo-item .rateo:after {font: normal normal normal 20px/1 FontAwesome; content:'\f005'; color: #c4a26a; float:left; font-size: 18px; position: relative; top: 4px;}
#fewo-liste .fewo-item .raten:after{font: normal normal normal 20px/1 FontAwesome;content:'\f005'; color: #8a8b8b; float:left; font-size: 18px;position: relative; top: 4px;}

#fewo-liste .fewo-item .rateo, #fewo-liste .fewo-item .raten {display: inline-block;}
.merkendelete:before {content: "\f004"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;}
.merkenadd:before {content: "\f08a"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;}
.merker-loeschen:before {content: "\f00d"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px; color: #dc3545;}
.fewo-btnmerken {color: #ccc; text-transform:none; cursor:pointer;}
.fewo-btnmerken:hover {opacity: 0.8;}
.fewo-container .fewo-rating-text {display: none;}
#fewo-liste .fewo-ausstattung {display: inline-block; margin:10px 0px;}
#fewo-liste .fewo-ausstattung ul {padding-left: 0px; text-align:center; margin-bottom: 0px; display: inline-block; }
#fewo-liste .fewo-ausstattung li {display: block; float: left;}
#fewo-liste .fewo-ausstattung li img {height: 40px; margin-right:10px;}
.fewo-item .fewo-btndetail a:hover {color: #fff;}
#fewo-liste .fewo-sterne {min-height:35px;}
#fewo-liste .fewo-stern {background-color: #dfdfd4;  margin-right: 5px; display: inline-block; padding: 4px; border-radius: 100px;}
#fewo-liste .fewo-stern:before{font: normal normal normal 20px/1 FontAwesome; content: '\f1b0'; color: #466675; float: left; font-size: 18px;}     
#fewo-liste .fewo-image {position: relative;}     
#fewo-liste .fewo-image .image_bottom, #fewo-objektliste .fewo-image .image_bottom{position: absolute; bottom: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.8);}     
.merkerlink:hover, .listensortierung:hover, #listsort:hover {cursor: pointer; color: #466675;}

#control-pagination {display: inline-block; width: 100%; text-align: right; padding: 0px 15px;}
#control-pagination .btn {padding: 0px 8px !important; margin: 0px; height: 30px; line-height: 28px; background-color: #fff; border: 1px solid #666; border-radius: 0px; }
#control-pagination .btn.btn-secondary, #control-pagination .btn:hover {background-color: #666; color: #fff;}
#control-pagination .page-iteration {height: 30px; line-height: 30px; display: inline-block; margin-right: 10px; position: relative; top: 2px;}
.btn_back {position: absolute; top: 0px; right: 0px; margin-top: 0px;}

.objektuebersicht .fewo-angebote {position: absolute; top: 14px; left: 6px; width: max-content;}
/* .objektuebersicht .fewo-angebote:before {content: "\f295"; font-family: 'FontAwesome'; color: #dc3545; font-size: 32px; float: left;} */
.objektuebersicht .fewo-angebote .ang-titel {display: none;}
.objektuebersicht .fewo-angebote .fewo-angebote1 .ang-titel .btn {padding: 4px 10px;}
.objektuebersicht .fewo-angebote:hover .ang-titel {display: block; width: auto; background-color: #fff; border: 1px solid #466675;}
.objektuebersicht .fewo-angebote .ang-header  a {color: #fff; padding: 8px; border: 1px solid #fff;     background-color: rgba(0, 0, 0, 0.4); border-radius: 10px;}

/*kartensuche*/
.kartensuche #listfilter .suchkriterien .form-inputs {width: 20%;}
.leaflet-popup-content-wrapper {border-radius: 5px !important; padding: 0px !important;}
.leaflet-popup-content {margin: 0px !important;}
.leaflet-popup-content .map_marker img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.leaflet-popup-content .title {margin: 5px 10px 0px; font-weight: bold; font-size: 15px; color: #466675;}
.leaflet-popup-content .street, .leaflet-popup-content .city {margin: 0px 10px;}
.leaflet-popup-content .btn { margin-top: 5px;}
.leaflet-popup-content .btn a {color: #466675; font-weight:bold;}
.leaflet-popup-content .btn:hover a{color: #fff; text-decoration: none;}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {left: -100px !important;}
.leaflet-popup-content {width: 100%!important;}
.fewo-ausst ul li {list-style:none;}
.fewo-ausst .fewo-ausst-title {font-weight: bold; float:left;}
.kartenansicht-objekte .mapHintContainer {height: 600px; background-size: cover;}
.mapHintContainer .btn-success {border: 1px solid #466675; color: #466675}
.mapHintContainer .btn-success:hover, .mapHintContainer .btn-success:active {color: #fff!important;}

/*Gallerie*/
.slick-track {width: 100%!important; transform: translate3d(0px, 0px, 0px)!important;}
.slick-slider-nav-3 {display: none!important;}
.slide-images img {width: 100%;}
.slide-images img:hover {filter: none;}
.draggable {padding: 0px!important;}
.slick-slideshow {overflow:inherit!important; height: inherit!important;}
.slide-images {padding: 5px;}
.slide-images {float: left;}
.slick-slider-nav-2, .slick-slideshow .slide {display: none;}
#loadMore {display: none;}
#loadMore.show {cursor: pointer; background-color: #466675; color: #fff; padding: 5px 15px; border-radius: 5px; display: inline-block; margin: 0 auto; margin-top: 15px;}
.slideshow_load {text-align: center;}


/*Ankermenü*/
.anker_platzhalter.fixed {height: 85px;}
.ankermenu.fixed {position: fixed; top: 0px; z-index: 9999; width: 100%; left: 0px; background-color: #dfdfd4; border-bottom: 2px solid; padding-top: 10px; padding-bottom: 10px;}
.ankermenu.fixed ul {width: 1200px; margin: 0 auto;}
.ankermenu.fixed .active {background-color: #f2f2f2;}
.ankermenu .tabmenu {max-width: 1140px; margin: 0 auto; padding: 0px; list-style: none;}
.ankermenu .tabmenu li {cursor: pointer; transition: 0.2s; width: 14.285%; text-align: center; float: left; font-size: 18px; text-transform: uppercase; position: relative; line-height: 50px;}
.ankermenu .tabmenu li:nth-child(n+1) {margin-left: -1px;}
.ankermenu .tabmenu li:hover, .ankermenu .tabmenu li.active {background-color: #fff;}
.ankermenu .tabmenu li.active {background-color: #fff;}

/*Detailseite*/
.gaestemappe {position: fixed; left: 10px; z-index: 99;  width: 200px; bottom: 244px;}
a.bg-success:hover {background-color: #ffffff!important;}
.ObjArt {font-size:24px; text-transform: uppercase;}
.fewo-image-panorama {max-height: 500px; overflow:hidden;}
.fewo-image-panorama img {width: 100%; margin-top: -25%;}
.objektbilder_top {display: inline-block;}
.kalender-monat {margin-bottom: 20px}
.selector select{position: absolute; top: -45px; left: 115px;}
.fewo-image-objektslider img {width: 100%;}

.ObjInfo .BorderInfo {border: 1px solid #515151; padding: 5px; margin:0px 5px; }
.fewo_detail_beschreibung {-webkit-column-count: 2; column-count: 2; column-gap: 50px; text-align: justify;}
#btnmerker1 .btn, #btnmerker2 .btn {color: #fff; text-transform: uppercase;}
#btnmerker1 .btn:hover, #btnmerker2 .btn:hover {color: #466675;}

.fewo-image-grundriss img {    max-width: 100%;    max-height: 100%;    width: auto;    height: auto;}
.fewo-image-grundriss {    height: 600px;    position: absolute;    top: 0;    left: 10px;    right: 10px;    bottom: 0;    margin: auto;    text-align: center;}
.grundriss-cotainer{    top: 0;    padding: 5%;    background-color: #fff;    z-index: 99999;    display: none;}
.open {display: block !important;}
.close_layer {display: none;    z-index: 9997;    cursor: pointer;    position: fixed;    top: 20px;    right: 30px;    width: 50px;    height: 50px;    text-align: center;    line-height: 50px;}
.close_layer:before {    transition: .2s;    display: inline-block;    content: "\f00d";    font-family: 'FontAwesome';    color: #000;    font-size: 32px;}
.detailseite .mapHintContainer {height: 500px; background-size: cover;}

/*detailseite preise*/
.fewo-saison  {width: 100%;border: 1px solid #e7e7e7; margin-bottom: 10px;}
.fewo-saison thead td {font-weight: bold;}
.fewo-saison td {padding: 10px 5px;}
.fewo-saison-line_odd {background-color: #e7e7e7;}
.fewo-saison-mintage,  .fewo-head-mintage, .fewo-saison-bpers, .fewo-head-bpers {text-align: center;}
.fewo-head-preis,  .fewo-saison-preis, .fewo-saison-wpers, fewo-head-wpers {text-align: right;}
.mobile_price_label, .angebot_mobile_label {display: none;}
.detailseite .fewo-angebote .border {border: 2px solid #466675;}

/*Preisrechner*/
#ctrl_ppersonen {height: 40px; float:left; margin-left: 10px;}
.fewo-preisrechner .search-anreise {height: 40px; float: left;}
.rechner {line-height: 40px; margin-right: 30px;}
.fewo-preisrechner {background-color: #f2f2f2; padding: 20px; margin-top: 30px;}
.fewo-preisrechner form {width: 100%; display: inline-block;}
.fewo_summe {display: inline-block; float: left; text-align: left; margin-left: 30px;}
.fewo_summe #summe {font-weight: bold;}
.fewo-preisrechner a {color: #fff!important;}
.fewo-preisrechner a:hover {color: #466675!important;}

/*Objektausstattungen
.detailseite .fewo-ausst-group {display: inline-block; width: 100%; margin:0px;}
.detailseite .ausst-border {border-bottom: 1px solid #ccc; display: inline-block; width: 100%;}
.detailseite .fewo-ausst-group:last-child .ausst-border{border-bottom: 0px;}
.detailseite .fewo-ausst {margin-bottom: 5px; margin-left:400px; padding: 15px;     background-image: linear-gradient(90deg, transparent 5%, white 20%);}
.detailseite .fewo-ausst-title {font-weight: bold; float: left; width: 200px;}
.detailseite .fewo-ausst-group ul {float: left;  width: calc(100% - 200px); margin-bottom: 0.5rem;}
.detailseite .fewo-ausst-group ul li {float:left; margin-right: 10px;}
.detailseite .fewo-ausst-group ul li:after {content: ",";}
.detailseite .fewo-ausst-group:last-child .ausst-border ul {margin-bottom:0px;}
.detailseite .ausst-bg {background-image: url(/storage/app/media/images/Ausstattungs-Bild.jpg); background-position: left center; background-size: contain; background-repeat: no-repeat;}
*/

/*Ausstattungen*/
#anchor_aus2 .ausstattungs-icon .fewo-ausst-group {width: 100%;}
#anchor_aus2 .ausstattungs-icon .fewo-ausst-attr {float: left;}
#anchor_aus2 .fewo-ausst {width: 100%; display:inline-block;}
#anchor_aus2 .fewo-ausst-group:nth-child(3n) {margin-right: 0%;}
#anchor_aus2 .fewo-ausst-group .show_more {transition: 0.2s; display: inline-block; width: 100%;color: #525252; font-size: 14px; position: absolute; bottom: -5px; left: 20px;}
#anchor_aus2 .fewo-ausst-group {transition: 0.2s; position: relative; vertical-align: top; background-color: #fff; min-height: 180px; max-height: 180px; cursor: pointer;}
#anchor_aus2 .fewo-ausst-group {background-color: #fff; float: left; margin-right: 2%; width: 32%; float: left; margin-bottom: 35px;}
#anchor_aus2 .fewo-ausst-group:Hover ul {z-index: 99;background-color: rgba(223, 223, 212, 1.0); position: relative; padding-bottom: 10px;}
#anchor_aus2 .fewo-ausst-group:Hover .fewo-ausst-title {z-index: 9999; position: absolute; top: 0px;}
#anchor_aus2 .fewo-ausst-group ul  {transition: 0.2s; background-color: #fff; margin: 0; list-style: none; padding: 0px 15px; border: 1px solid #525252; border-top: 0px;  min-height: 160px; border-top: 0; list-style-type: none; padding-top: 40px;}
#anchor_aus2 .fewo-ausst-group ul li:nth-of-type(n+7) {height: 0; overflow: hidden;}
#anchor_aus2 .fewo-ausst-group ul li:before {content: "\f00c"; font-family: 'FontAwesome'; padding-right: 5px; color: #525252;}
#anchor_aus2 .fewo-ausst-group:hover li:nth-of-type(n+6) {height: auto; overflow: visible;}
#anchor_aus2 .fewo-ausst-group:hover .show_more {display: none;}
#anchor_aus2 .fewo-ausst-group ul li {font-size: 16px; line-height: 20px; height: 20px; overflow: hidden;}
#anchor_aus2 .fewo-ausst-title {width: 100%; color: #525252; font-weight: bold; font-size: 18px; border: 1px solid #525252; border-bottom: 0px; padding: 5px 15px; transition: 0.2s;}
.fewo-ausstattung ul {list-style: none; padding-left: 0px;}
.fewo-ausstattung ul li{float: left; display: inline-block;}
.fewo-ausstattung ul li img {width:35px; margin-right: 8px;}


 /*Leistung*/
.fewo_details_leistung div:first  {border: 1px solid #515151;}
.fewo-objektentf ul {padding-left: 0px; list-style: none; margin-top: 20px; font-weight: bold; text-align: justify;}
.fewo-objektentf .entfernung_km {float: right; font-weight: normal;}
.zeile_leistung_even, .zeile_leistung_odd {border: 1px solid #575757; margin: 5px;}
.zeile_leistung_even div, .zeile_leistung_odd div {padding:5px;}
.fewo_details_leistung div {float:left;}
 
 /*Bewertungen*/
.bew-detail {position: relative; display: inline-block;}
.bew-detail .bew_nachricht {margin-bottom: 50px;}
.bew-detail #btn-bewleft {position: absolute; bottom: 0px; }
.bew-detail #btn-bewright {position: absolute; bottom: 0px; left: 115px;}
.bew-detail button {background-color: #466675;  border: 0px;  padding: 5px 20px;}

/*Anfrage Buchung*/
.infobox-maske img {width: 100%;}
#exTab2 {padding-right: 20px;}
#exTab2 .tab-content {background-color: #fff; padding: 20px; display: inline-block; width:100%;}
#exTab2 .tab-content .fewo-btnweiter {float:right;}
#exTab2 .fewo-buchung-date, .fewo_buchung_personen, #gastdaten, #leistungen, #booking-end {margin-top: 20px;}
.fewo_buchung_personen .anz_erwachsene, .fewo_buchung_personen .anz_kinder {float:left; margin-right:5px;}
.anz_erwachsene .select, .anz_kinder .select {width: 100px; height: 35px;}
.anz_kleinkinder .select {width: 170px; height: 35px;}
.fewo-buchung-date .search-anreise {height: 40px; border: 1px solid #ced4da; border-radius: .25rem;}
#exTab2 .tab-content button {margin-top: 10px;}
#gastdaten .form-group {padding-left: 0px; float: left;}
#gastdaten .label {display: none;}
#gastdaten input {width: 100%;}
.leistungenheader, .zeile_leistung {width: 100%; display: inline-block;}
.leistungenheader .leistungheader, .zeile_leistung div {width: 20%; border-bottom: 1px solid #ccc; float:left; line-height: 35px; height: 35px;}
.leistungheader.leistung_titel, .zeile_leistung .leistung_titel {width: 40%;}
#hinweistext .field-textarea {width: 100%;}
.zusammenfassung .label {width: 200px; float: left;}
.zusammenfassung .kleinkinder{margin-bottom: 20px;}
#exTab2 .nav-tabs {border: 0px;}
#exTab2 .nav-item {background-color: #666666; }
#exTab2 .nav-item a {color: #fff; }
#buchungTab .active  {background-color: #466675!important; color: #fff; border: 0px;}
#buchungTab .active a {color: #fff;}
#buchungTab .disabled {background-color: #f5f5f5;}
#buchungTab .disabled a {color: #466675;}
.preis_uebersicht .zeile_zuschlag {display: none;}
#exTab2 .nav-tabs .nav-link:focus, #exTab2 .nav-tabs .nav-link:hover { border-color: transparent;}
.nav-tabs .nav-item {-webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: center;}
.zusammenfassung_zeile {display: inline-block; width: 100%;}
.agbdata input {margin-right: 5px; position: relative; top: 5px;}
.zusammenfassung .daten .label {width: 300px; float: left;}
.zusammenfassung .daten .zusammenfassung  {width: calc(100% - 300px); float: right;}
.zusammenfassung .agbdata, .zusammenfassung.leistungen, .zusammenfassung.preisuebersicht, .zusammenfassung.mitreisende {width: 100% !important; display: inline-block; margin-top: 25px;}
.zusammenfassung .agbdata .label {width: auto  !important;}
.preis_uebersicht {margin-top: 42px; border: 1px solid #ccc;}
.preis_uebersicht .header_titel {font-weight: bold;}
.preis_uebersicht .header_objsum, .sumneben_wert, .sum_wert, .sumleist_wert, .zeilensumme.kaution {float: right;}
.preis_uebersicht .header_anzahl, .preis_uebersicht .sumneben_titel, .sum_titel, .sumleist_titel, .sumzuschlag .sum_titel {display: inline-block;}
.preis_uebersicht .sumleist, .sumzuschlag, .sumrabatt, .gesamtsumme, .sumoptleist {margin-top: 5px;}
.preis_uebersicht .sumleist {padding-top: 5px; border-top: 1px solid #f2f2f2;}
.gesamtsumme {font-weight: bold; border-top: 1px #ccc solid; padding-top: 5px;}
.fewo-offer .fit-content {width: fit-content;}

/* Angebot */
.angebotdetail .btn {margin-top: 5px;}
.ang_mo-fr.show {display: block!important;}
.ang_mo-fr.show .btn {padding: 6px 40px;}

/*Footer*/
footer a{text-transform: none;}
.footer3 {font-size: 14px;}
.footer3 a {color: #fff;}
.footer1 {border-bottom: 5px solid #466675; padding-bottom: 15px; margin-bottom: 10px; margin-top: 30px;}
.footer1 .container {position: relative;}
.footer1 .footer-link {position: absolute; bottom: 0px; right: 0px; text-align: right; color: #466675;}
.footer1 .footer-link a {color: #466675;}
.footer2 .br-wrapper, .footer2 .fewo-rating-text,.bew-footer {display: inline-block; float: left; margin-right: 5px;}
.footer2 .br-theme-fontawesome-stars-o .br-widget a.br-selected:after, .footer2 .br-theme-fontawesome-stars-o .br-widget a:after {color: #c4a26a!important;}
.footer2 .br-theme-fontawesome-stars-o .br-widget a {font-size: 18px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {border: 1px solid #466675; content: "\f002"; font-family: 'FontAwesome'; color: #fff; font-size: 18px; line-height: 40px; padding: 10px; background-color: #466675;}
.select2-container--default .select2-selection--single {border: 1px solid #466675!important; border-radius: 0px!important;}
.select2-container .select2-selection--single {height:40px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px!important; font-size: 14px; padding-left: 20px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 0px!important; right: 0px!important; width: inherit!important;}
.select2-container {width: 200px!important;}
span.leistung_header_mobile {display: none;}


#galerie_impressionen img{width:100%;}
.videolink video {margin-left: 100px;}

@media (max-width: 1700px){ 
        .home_suche .suchmaske {bottom: 75px;}
        .reiseschutzversicherung {padding-bottom: 10px; position: initial;}
}

@media (max-width: 1300px){ 
	.home_suche .suchmaske {width: 100%; max-width: inherit;}
	.home_suche .suchmaske h1 {margin-bottom: 10px;}

}

@media (max-width: 1200px) {
	.container {padding-left: 15px; padding-right: 15px;}	
	.merkerlink {right: 245px;}
	#listfilter .btn-danger {position: relative; bottom: inherit; right: inherit; margin-top: 10px;}
	.ankermenu.fixed ul {width: 100%; max-width: inherit;}
	.suche-home .suchkriterien input, .suche-home select, #listfilter .suchkriterien .form-inputs {width: calc(50% - 5px) !important; margin-right: 10px; margin-bottom: 10px;}
	.suche-home .search-personen, .suche-home .form-objart select, #listfilter .suchkriterien .form-inputs:nth-child(2n) {margin-right: 0px; }
	.suche-home {width: 100%; }
	.videolink video {margin-left: 0px;}
	#anchor_aus2 .fewo-ausst-group, ul.entfernungen li {width: calc(50% - 5px); margin-right: 10px !important;}
	#anchor_aus2 .fewo-ausst-group:nth-child(2n), ul.entfernungen li:nth-child(2n) {margin-right: 0px !important;}
	.anker_platzhalter {display: none !important;}
	.preisrechner-buttons {width: 100%; margin-top: 10px;}
    .angebotdetail .fewo-btndetail .btn {padding: 10px;}
}

@media (max-width: 991px){
	.navbar-toggler {right: 20px;}
	header .container .navbar-brand {width: calc(100% - 200px);}
	header .container .navbar-brand img {width: 100%}
	header {height: 120px;}
	#mainNav {top: 120px;}
	h3 {font-size: 20px;}	
	#listfilter select {border: 1px solid #515151;}
	.kalender-detailseite .belkal {width: 49% !important; margin-bottom: 20px;}
	.kalender-detailseite .belkal:nth-child(2n) {margin-right: 0px;}
	.detailseite .fewo-ausst {margin-left: 0px; background-image: none;}
	.detailseite .ausst-bg {background: none !important;}	
	#exTab2 {padding-right: 0px; margin-bottom: 0px !important;}
	.zusammenfassung .daten .label {width: 200px;}
	.zusammenfassung .daten .zusammenfassung {width: calc(100% - 200px);}
	.home_suche {background-image: none; background-color: #dfdfd4; min-height: inherit; padding: 0px;}
	.home_suche .suchmaske {position: inherit; bottom: inherit;}
	.home_suche .container {max-width: 100%; padding: 0px;}
	.videolink video {height: 100%; width: 100%;}
	.mobile_price_label {display: inline-block!important; font-weight:bold; width: 100%;}
	.fewo-saisonzeiten td {float:left; width: 50%; text-align:right; margin-bottom: 5px;}
	.fewo-saison thead {display:none;}
	.detailseite .side_container {display: none;}
}

@media (max-width: 767px){ 
	.navbar-toggler {top: 0px;}
	header .container .navbar-brand {position: relative; top: 5px;}
	header {height: 105px;}
	#mainNav {top: 105px;}
    .footer3 .text-right {text-align: left !important; padding-left: 15px !important;}
    .merkerlink {position: inherit; right: inherit;}
    .listensortierung {position: absolute; right: 15px; top: 0px;}
    .fewo_listhdeader {margin-top: 10px;}
    .detailseite .fewo-ausst-title, .detailseite .fewo-ausst-group ul {width: 100%; padding-left: 0px;}
    .fewo_detail_beschreibung {column-count: inherit; column-gap: inherit; padding: 0px 15px;}
    .anreisedaten {padding: 0px 15px;}
    #btnmerker1, .rechner {width: 100%;}
    .rechner {text-align: left;}
    .fewo-preisrechner .fewo_summe {display: inline-block; width: 100%; text-align: right; float: none; margin-left: 0px;}
    #ctrl_ppersonen {width: calc(50% - 10px);}
    .fewo-preisrechner .search-anreise {width: 50%;}
	.leistung_header_mobile {display: inline-block !important; width: 100%; font-weight: bold;}
	.leistungenheader {display: none;}
	.zeile_leistung .leistung_titel, .zeile_leistung .leistung_anzahl, .zeile_leistung .leistung_preis, .zeile_leistung .leistung_summe {float: left; width: 50% !important; border-bottom: 0px;}
	.zeile_leistung .leistung_titel {text-align: right; padding-right: 0px !important;}
	.zeile_leistung .leistung_anzahl {text-align: right !important;}
	.zeile_leistung {padding: 5px;}
	.zeile_leistung:nth-child(2n) {background-color: #f2f2f2;}
	.zeile_leistung div {line-height: 30px !important; height: inherit !Important;}
	.page_Kartensuche, .Listenseite-kartensuche {display: none !important;}
	#anchor_aus2 .fewo-ausst-group, ul.entfernungen li {width: 100%; margin-right: 0px !important; min-height: inherit; max-height: inherit; margin-bottom: 15px; padding: 0px 10px;}
 	#anchor_aus2 .fewo-ausst-group ul {min-height: inherit; padding-bottom: 10px;}
 	#anchor_aus2 .fewo-ausst-group ul li:nth-of-type(n+7) {display: block; height: auto;}
 	#anchor_aus2 .fewo-ausst-group .show_more {display: none !important;}
 	#anchor_aus2 .fewo-ausst-group ul li {height: initial; overflow: initial;}
 	.zusatztext {padding: 0px 15px;}
 	.fewo-image-grundriss {height: 300px;}
 	.gaestemappe {position: initial; display: inline-block;}
}

@media (max-width: 576px){
	header .container .navbar-brand {top: 15px; margin-right: 0px; width: calc(100% - 175px);}	
    .footer1 .footer-link {position: inherit; bottom: inherit;}
    .footer1 .footer-link {text-align: left; margin-top: 10px;}  
    #ctrl_ppersonen {width: 100%; margin-left: 0px;} 
    .fewo-preisrechner .search-anreise {width: 100%; margin-bottom: 10px;}
}

@media (max-width: 500px){ 
	.kalender-detailseite .belkal {width: 100% !important; margin-right: 0px !important;}
	.zusammenfassung .daten .label, .zusammenfassung .daten .zusammenfassung {width: 100% !important;}
	.zusammenfassung .daten .zusammenfassung.preisuebersicht .zusammenfassung_zeile .label, .zusammenfassung .daten .zusammenfassung.preisuebersicht .zusammenfassung_zeile .zahlung2, .zusammenfassung .daten .zusammenfassung.preisuebersicht .zusammenfassung_zeile .summe  {width: auto !important;}
	.zusammenfassung .daten .label {font-weight: bold;} 
	h1,h2, .zufall_obj_heading {font-size: 1.5rem;}
	.search_container .search_icon {bottom: 0px; right: 0px; top: inherit;}
	.search_container .textsuche {position: fixed; bottom: 0px; right: 0px; width: 100%; height: 60px; border-top: 5px solid #dfdfd4;}
	.search_container .search_icon i {padding: 15px; height: 60px; width: 60px;}
    .ui.search>.results {bottom: 100%; top:inherit!important;}
    .ui.category.search>.results .category>.name {display: none!important;}
    .ui.category.search>.results .category .result {padding: 5px!important;}
    .ui.category.search .results {width: 100%!important;}
    .ui.category.search .results-mobil {overflow: scroll; height: 70vh;}
    .ui.search .results {max-width: 100%!important;}
    .textsuche .prompt {height: 60px!important; width: calc(100% - 60px)!important;}
    #footer {margin-bottom: 60px;}
    .angebotdetail .fewo-btndetail, .angebotdetail .fewo-btndetail .btn {width: 100%;}
    .angebotdetail .fewo-btndetail .btn:hover:after {height: 400%;}
    
}

@media (max-width: 450px){ 
	.suche-home .suchkriterien input, .suche-home select, #listfilter .suchkriterien .form-inputs {width: 100% !important; margin-right: 0px;}	
	.listensortierung {position: inherit; right: inherit; top: inherit; float: left !important; margin-top: 10px;}
}