body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen , MIT-style license */ #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline} .cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px} /* ************************** ****Friesland-Domizil***** **Author: Niklas Tienken** ************************** */ /*CSS-Reset*/ html {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #4D4D4D;} ol, ul {list-style: none; padding: 0px; margin: 0px;} table {border-spacing: 0;} fieldset {border: 0px; padding: 0px;} select {cursor: pointer;} img {display: block;} a {cursor: pointer;color: #4D4D4D;} p {margin: 0px; margin-bottom: 5px; font-size: 16px;} figure {-webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px;} input, select, textarea, option {outline-color: #BD1A1A;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} iframe {background-color: #fff; display: inline-block; width: 100%; height: 625px;} h1 {font-family: 'Open Sans', sans-serif; font-size: 25px; color: #134A78; margin-bottom: 10px; margin-top: 15px; font-weight: 600; } h2 {font-family: 'Open Sans', sans-serif; font-size: 22px; color: #134A78; margin-bottom: 10px; margin-top: 10px; font-weight: 600; } h3 {font-family: 'Open Sans', sans-serif; font-size: 20px; color: #134A78; margin-bottom: 5px; margin-top: 0px; font-weight: 600;} h4 {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #134A78; margin-bottom: 10px; margin-top: 0px; text-transform: uppercase; font-weight: 400;} h5 {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #134A78; margin-bottom: 10px; margin-top: 0px;} h6 {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #134A78; font-weight: bold; margin-bottom: 0px; margin-top: 0px;} ::selection {background-color: #006BB2; color: #fff;} ::-webkit-input-placeholder {color: #aaa;} ::-moz-placeholder {color: #aaa;} :-ms-input-placeholder {color: #aaa;} :-moz-placeholder {color: #aaa;} /*Basic Colors and Widths*/ .content_inside { width: 1200px; margin: 0 auto; } .bgcolor_1 {background-color: #DDC893;} .bgcolor_2 {background-color: #134A78;} .bgcolor_3 {background-color: #E6E6E6;} .bgcolor_2 h2, .bgcolor_2 h3 {color: #fff;} .bgcolor_2 p {color: #fff;} .ce_text.grey {color: #808080} .ce_text.grey h2, .ce_text.grey h3 {color: #808080} /*Cookiebar*/ .cookiebar__button {background-color: #ddc893; color: #4b4b4b;} .cookiebar__button:hover {background-color: #ddc893; color: #4b4b4b;} /*Header*/ #header {background-color: #134A78; height: 115px; overflow: visible;position: fixed; top: 0px; left: 0px; z-index: 99; width: 100%;} #header .erreichbarkeit {color: #DDC893; font-style: italic; text-align: right; float: right; width: 100%; font-size: 16px;} #header .erreichbarkeit a {color: #DDC893;} #header .erreichbarkeit .erreichbarkeit_link {font-size: 16px;} #header .erreichbarkeit .small_text {font-weight: normal; font-size: 12px; color: rgba(255, 255, 255, 0.6);} #header .logo {color: #DDC893; width: 200px; position: absolute; margin-top: 16px; z-index: 99;} /*Mainmenu*/ #header .mod_navigation {float: right; margin-top: 15px; margin-bottom: 15px; overflow: visible;} #header .mod_navigation ul {list-style:none; position:relative; float:left; margin:0; padding:0;} #header .mod_navigation ul {display:block; color:#333; text-decoration:none; font-weight:700; font-size: 19px;line-height: 25px;} #header .mod_navigation ul li {position:relative; float:left; margin:0; padding:0; border-right: 2px solid #fff;} #header .mod_navigation ul li.last {border-right: 0px;} #header .mod_navigation ul li a, #header .mod_navigation ul li span {padding: 5px 10px; transition: 0.2s;} #header .mod_navigation ul li.last a, #header .mod_navigation ul li.last span {padding-right: 0px;} #header .mod_navigation ul li a {color: #fff; text-decoration: none;} #header .mod_navigation ul li span {color: #DDC893;} #header .mod_navigation ul ul {display:none; position:absolute; top:100%; background-color: #fff; left:0; padding:0; z-index: 99; margin-top: 5px;padding-bottom: 5px;} #header .mod_navigation ul ul li {float:none; width: 140px;} #header .mod_navigation ul ul a, #header .mod_navigation ul ul span {color: #134A78;line-height:120%; padding: 3px 10px; display: block; font-weight: 400; font-size: 14px;} #header .mod_navigation ul ul li {border: 0px;} #header .mod_navigation ul ul li.first a, #header .mod_navigation ul ul li.first span {padding-top: 5px;} /*Slider und Suche*/ .mod_pageImage {margin-top: 115px;} .home_slider {position: relative; overflow: visible; margin-top: 115px;} .home_slider .ce_fewo_objsuche {overflow: visible; position: absolute; bottom: 200px; z-index: 98; left: calc(50% - 550px); background-color: rgba(255,255,255,0.6); width: 400px; height: 400px; border-radius: 300px; border: 2px solid #134a78;} .home_slider .ce_fewo_objsuche .formsubmit input {-webkit-appearance: none; outline: none; cursor: pointer; background-color: #DDC893; display: inline-block; width: 120px; height: 120px; border-radius: 200px; border: 2px solid #fff; color: #fff; font-size: 25px; font-weight: bold; position: absolute; right: -20px; bottom: 20px;} .home_slider .ce_fewo_objsuche .formbody {position: relative; top: 100px; left: 80px;} .home_slider .ce_fewo_objsuche .formbody input.text {cursor: pointer; padding: 0px 10px; border-radius: 0px; font-size: 12px; height: 40px; background-color: rgba(19,74,120,0.65); border: 0px; color: #fff;} .home_slider .ce_fewo_objsuche .formbody .formelem {margin-bottom: 10px; width: 190px;} .home_slider .ce_fewo_objsuche .formbody .Zebra_DatePicker_Icon_Wrapper {width: 100%;} .home_slider .ce_fewo_objsuche .formbody .formelem.fld_von:before {content: "Wann?"; color: #134A78; font-weight: bold; font-size: 25px;font-family: 'Open Sans', sans-serif;} .home_slider .ce_fewo_objsuche .formbody .formelem.fld_personen:before {content: "Wer?"; color: #134A78; font-weight: bold; font-size: 25px;font-family: 'Open Sans', sans-serif;} .sbHolder {position: relative;cursor: pointer; height: 40px; background-color: rgba(19,74,120,0.65); border: 0px; color: #fff; font-size: 12px;} .sbSelector {display: block; height: 40px; line-height: 40px; padding: 0px 10px; color: #fff; text-decoration: none;} .sbToggle {background-image: url(/files/icons/selectbox_arrow.png); background-repeat: no-repeat; background-position: center; display: block; height: 40px; width: 35px; position: absolute; right: 0px; top: 0px; background-color: #134a78;} .sbOptions {display: block; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 99; overflow: auto; /*max-height: 150px !important;*/} .sbOptions li {transition: 0.2s; line-height: 26px; color: #fff; background-color: #134a78;} .sbOptions li:hover {background-color: #61809C;} .sbOptions li a {color: #fff; text-decoration: none;padding: 0px 10px; display: block;} .home_slider .ce_fewo_objsuche ::-webkit-input-placeholder, .ce_fewo_objrechner ::-webkit-input-placeholder {color: #fff;} .home_slider .ce_fewo_objsuche ::-moz-placeholder, .ce_fewo_objrechner ::-moz-placeholder {color: #fff;} .home_slider .ce_fewo_objsuche :-ms-input-placeholder, .ce_fewo_objrechner :-ms-input-placeholder {color: #fff;} .home_slider .ce_fewo_objsuche :-moz-placeholder, .ce_fewo_objrechner :-moz-placeholder {color: #fff;} .home_slider .flexslider {margin-bottom: 0px; width: 100%; float: left;} .flexslider .flex-direction-nav {display: none;} .social_container {position: fixed; left: 10px; top: 60%; z-index: 99;} .social_container .fb_like_icon a, .social_container .lastminute_icon a {text-decoration: none;} .social_container .fb_like_icon {background-color: #134A78; border-radius: 50px; width: 64px; height: 64px; border: 2px solid #fff;} .social_container .fb_like_icon i {color: #fff; width: 64px; text-align: center; line-height: 64px; font-size: 26px; display: block; position: relative; left: -2px; top: -2px;} .social_container .lastminute_icon {margin-top: 5px; background-color: #B30B1A; border-radius: 50px; width: 64px; height: 64px; border: 2px solid #fff;} .social_container .lastminute_icon i {color: #fff; width: 64px; text-align: center; line-height: 64px; font-size: 26px; display: block; position: relative; left: -2px; top: -2px;} /*Footer*/ .footer_top {background-color: #DDC893; padding: 20px 0px; overflow: hidden;} .footer_top h3 {font-size: 16px; margin-bottom: 10px;} .footer_top p {font-size: 14px;} .footer_top .kontakt_footer {float: left; width: 25%; margin-right: 5%;} .footer_top .objektsuche_footer {float: left; width: 30%; margin-right: 5%;} .footer_top .nordsee_service_card_footer {float: left; width: 35%;} .footer_bottom {background-color: #fff; padding: 10px 0px;} .footer_bottom a {color: #134A78; text-decoration: none;} .footer_bottom .copyright {float: right; color: #134A78;} .content_circle {padding: 30px 0px;} .content_circle p {text-align: justify; color: #808080;} .content_circle .ce_text {width: 30%; float: left; text-align: center;} .content_circle .ce_text:nth-child(1) {margin-left: 1%;} .content_circle .ce_text:nth-child(2) {margin-left: 4%; margin-right: 4%;} .content_circle .ce_text:nth-child(3) {margin-right: 1%;} .content_circle .ce_text .image_container img {border-radius: 500px; margin: 0 auto;} .content_circle .ce_text .image_container {margin-bottom: 40px;} /*Jahreszeiten Container*/ #jahreszeiten:before {width: 100%; content: ""; position: absolute; height: 100px; background-color: #134A78;} .jahreszeit {width: 25%; float: left; text-align: center; position: relative; z-index: 2; padding-bottom: 20px; cursor: pointer;} .jahreszeit .caption {position: absolute; bottom: 0px; width: 100%; text-align: center; color: #fff; left: 0px; font-weight: bold; font-size: 18px;} .jahreszeit .image_container {border: 10px solid #fff; transition: 0.2s; width: 180px; height: 180px; margin: 0 auto; background-color: #DDC893; border-radius: 200px; margin-bottom: 20px;} .jahreszeit .image_container:hover {background-color: #134A78;} .jahreszeit .image_container:hover .caption {color: #134A78;} .jahreszeit .image_container img {margin: 0 auto; position: relative; top: 25px;} .jahreszeit:nth-child(4) .image_container img {top: 30px;} /*DTV-Objekte*/ .dtv_objekte h2 {color: #fff; position: relative; line-height: 72px; margin-top: 0px;} .dtv_objekte .content_inside {position: relative;} .dtv_objekte .content_inside .dtv_image {position: absolute; right: 0px; top: 0px; z-index: 2;} .dtv_objekte:before {width: 100%; content: ""; position: absolute; height: 72px; background-color: #134A78;} .ce_fewo_objCoSlider {margin-top: 40px; margin-bottom: 60px; position: relative; padding-left: 50px; padding-right: 50px;} .ce_fewo_objCoSlider .fewo_list_image {float: left; margin-right: 60px;} .ce_fewo_objCoSlider .slider-menu {display: none;} .ce_fewo_objCoSlider .fewo_list_titel {margin-bottom: 15px;} .ce_fewo_objCoSlider .fewo_list_titel a {font-size: 25px; text-decoration: none; color: #134A78; font-weight: 600;} .ce_fewo_objCoSlider .slider-control {position: inherit; height: inherit;} .ce_fewo_objCoSlider .slider-prev {background-image: url(/files/icons/pfeil_links.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 48px; width: 28px; position: absolute; left: 0px; top: calc(50% - 24px);} .ce_fewo_objCoSlider .slider-next {background-image: url(/files/icons/pfeil_rechts.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 48px; width: 28px; position: absolute; right: 0px; top: calc(50% - 24px);} .ce_fewo_objCoSlider .fewo_list_sliderdata {margin-top: 80px; color: #808080; float: left; width: calc(100% - 710px);} .ce_fewo_objCoSlider .fewo_list_groesse:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .ce_fewo_objCoSlider .fewo_list_personen:before {content: "\f007"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .ce_fewo_objCoSlider .fewo_list_schlafzimmer:before {content: "\f236"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .ce_fewo_objCoSlider .fewo_list_badezimmer:before {content: "\f043"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .ce_fewo_objCoSlider .fewo_list_details {display: none;} /*Rating-Box*/ .ce_fewo_rating {width: 350px; float: left; color: #808080; font-size: 16px; margin-right: 30px; padding-right: 30px; border-right: 1px solid #ccc;} .ce_fewo_rating h2 {margin-top: 0px;} .ce_fewo_rating .rating_description {margin-top: 10px;} .ce_fewo_rating .score_label {display: inline-block; width: 95px; height: 95px; background-image: url(/files/icons/rating_star.png); background-size: 100%; background-repeat: no-repeat;} .ce_fewo_rating .score_label .score {width: 95px; line-height: 90px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; display: block;} .ce_fewo_rating .rating_total span {color: #808080; font-size: 16px; font-weight: bold;} .ce_fewo_rating .guestbook_link {margin-top: 10px;} .ce_fewo_rating .guestbook_link a {color: #808080; font-size: 16px;} /*Bewertungsslider*/ .ce_fewo_bewertungCoSlider {float: left; width: calc(100% - 410px);} .ce_fewo_bewertungCoSlider .ce_sliderStart {position: relative;} .ce_fewo_bewertungCoSlider .slider-prev {position: relative; display: inline-block; text-decoration: none;} .ce_fewo_bewertungCoSlider .slider-prev:before {content: "\f053"; font-family: 'FontAwesome'; font-size: 16px; color: #808080;} .ce_fewo_bewertungCoSlider .slider-next {position: relative; display: inline-block; text-decoration: none;} .ce_fewo_bewertungCoSlider .slider-next:before {content: "\f054"; font-family: 'FontAwesome'; font-size: 16px; color: #808080; margin-left: 10px;} .ce_fewo_bewertungCoSlider .fewo_objekt_titel {font-size: 22px; color: #134A78; margin-bottom: 10px; font-weight: 600;} .ce_fewo_bewertungCoSlider .fewo_voting_value {display: none;} .ce_fewo_bewertungCoSlider .voting_headline {margin-bottom: 10px;} .ce_fewo_bewertungCoSlider .voting_headline div {display: inline-block; color: #808080; font-weight: bold; font-size: 16px;} .ce_fewo_bewertungCoSlider .fewo_voting_average {margin-top: 10px;} .ce_fewo_bewertungCoSlider .fewo_voting_average img {display: inline-block;} .ce_fewo_bewertungCoSlider .fewo_voting_message {max-height: 115px; min-height: 115px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .ce_fewo_bewertungCoSlider .slider-control {position: absolute; top: 0px; right: 0px; height: 35px; background-color: #fff; z-index: 2;} .ce_fewo_bewertungCoSlider .slider-menu {display: none;} /*Listenfilter*/ .listenfilter {overflow: visible;} .listenfilter.fixed {position: fixed; width: 100%; top: 115px; lefT: 0px; z-index: 99;} .ce_fewo_listenfilter {margin: 10px 0px; display: inline-block; width: 100%; overflow: visible; position: relative;} .ce_fewo_listenfilter .formelem.type_select label, .ce_fewo_listenfilter .formelem.type_text label {display: none;} .ce_fewo_listenfilter #listenfilterform {width: calc(100% - 150px); float: left;} .ce_fewo_listenfilter .formelem.type_text {width: calc(14% - 10px); float: left; margin-right: 10px; margin-bottom: 10px;} .ce_fewo_listenfilter .formelem.type_text input {width: 100%; cursor: pointer; padding: 0px 10px; font-size: 12px; height: 40px; background-color: rgba(255, 255, 255, 0.65); border: 1px solid #666; color: #aaa;} .ce_fewo_listenfilter .formelem.type_text .Zebra_DatePicker_Icon_Wrapper {width: 100%;} .ce_fewo_listenfilter .formelem.type_select {width: calc(18% - 10px); float: left; margin-right: 10px; margin-bottom: 10px;} .ce_fewo_listenfilter .formelem.type_checkbox {display: none;} .ce_fewo_listenfilter .formelem .sbHolder {background-color: rgba(255, 255, 255, 0.65); border: 1px solid #666;} .ce_fewo_listenfilter .formelem .sbOptions {margin-left: -1px; margin-top: -1px; width: calc(100% + 2px);} .ce_fewo_listenfilter .formelem .sbSelector {color: #AAAAAA;} .ce_fewo_listenfilter .formelem .sbToggle {height: 38px;} .ce_fewo_listenfilter .formbody {display: inline-block; width: 100%;} .ce_fewo_listenfilter button.Zebra_DatePicker_Icon {height: 38px; right: 1px !important;} .ce_fewo_listenfilter .formelem.type_checkbox .label_titel {display: none;} .ce_fewo_listenfilter .zeige_alle a:before {content: "\f05c"; font-family: 'FontAwesome'; color: #134A78; font-size: 14px; padding-right: 5px;} .ce_fewo_listenfilter .zeige_detailfilter span:before {content: "\f01a"; font-family: 'FontAwesome'; color: #134A78; font-size: 14px; padding-right: 5px;} .ce_fewo_listenfilter .zeige_detailfilter.active span:before {content: "\f01b";} .ce_fewo_listenfilter .zeige_alle {display: inline-block;} .ce_fewo_listenfilter .zeige_alle a {text-decoration: none; color: #134A78; font-size: 14px;} .ce_fewo_listenfilter .zeige_detailfilter {cursor: pointer; display: inline-block; text-decoration: none; color: #134A78; font-size: 14px; margin-right: 10px;} .ce_fewo_listenfilter .fewo_merkzettel_anzahl {color: #999; padding: 0px 10px; line-height: 38px; display: inline-block; height: 40px; border: 1px solid #ccc; background-color: rgba(255, 255, 255, 0.65); width: 130px; text-align: center; float: right;} .ce_fewo_listenfilter .fewo_merkzettel_anzahl a {text-decoration: none;} .ce_fewo_listenfilter .type_checkbox {display: inline-block; width: 100%;} .ce_fewo_listenfilter .ausst-check {float: left; margin-right: 20px; display: inline-block; padding-left: 25px; height: 27px; position: relative; line-height: 23px;} .ce_fewo_listenfilter .ausst-check input.checkbox {float: left; display: none; margin: 0; padding: 0; line-height: 1; cursor: pointer; opacity: 0;} .ce_fewo_listenfilter .ausst-check label:before {cursor: pointer;width: 16px; height: 16px; left: 0; top: 3px; position: absolute; border: 1px solid #134a78; content: ''; background-color: rgba(255,255,255,0.65);} .ce_fewo_listenfilter .ausst-check label:after {cursor: pointer;width: 15px; height: 15px; left: 2px; top: 5px; position: absolute; font: 14px/1 FontAwesome; color: #134a78; content: '\f00c'; opacity: 0; } .ce_fewo_listenfilter .ausst-check label {cursor: pointer;} .ce_fewo_listenfilter .ausst-check input:checked + label:after {opacity: 1;} .ce_fewo_listenfilter .ausst-check input:checked + label:hover:after {content: '\f00d'; font: 15px FontAwesome; left: 3px; top: 4px;} .ce_fewo_listenfilter .ausst-check input:checked + label {color: #134a78 !important;} .ce_fewo_listenfilter .ausst-check input:disabled + label {text-decoration: line-through;} .ce_fewo_listenfilter .ausst-check input:disabled + label:before, .ce_fewo_listenfilter .ausst-check input:disabled + label, .ce_fewo_listenfilter .ausst-check input:disabled + label:after {cursor: default;} .ce_fewo_listenfilter .ausst-check .st_count {margin-left: 5px;} /*Objektliste*/ .anzahldiv {display: none;} .objliste {margin-bottom: 30px; position: relative;} .objliste .fewo_list_result_count {float: left;line-height: 25px;} .objliste .sortdiv {margin-left: 20px;} .objliste .sortdiv .sortLabel {display: inline-block; margin-right: 5px;} .objliste .sortdiv .sbHolder {display: inline-block; width: 200px; height: 25px;} .objliste .sortdiv .sbToggle {height: 25px;} .objliste .sortdiv .sbSelector {height: 25px; line-height: 25px;} .objliste .list_pagination_top {float: right;} .objliste .list_pagination_bottom {float: right; width: 100%;} .objliste .list_pagination_bottom .pagination {float: right;} .objliste .formbody {float:left;} .pagination p {display: inline-block; line-height: 36px; margin-right: 20px; vertical-align: top; color: #666;} .pagination ul {display: inline-block;} .pagination ul li {float: left; cursor: pointer; margin-bottom: 5px; border: 1px solid #666; border-right: 0px;} .pagination ul li.next {border-right: 1px solid #666;} .pagination ul li.last, .pagination ul li.first {display: none;} .pagination ul li.next {border-right: 1px solid #666;} .pagination ul li span {padding: 7px; display: block; transition: 0.2s; color: #666;} .pagination ul li span:hover, .pagination ul li span.current {background-color: #DDC893; color: #fff;} .list_pagination_bottom .pagination {float: right; margin-bottom: 15px;} .objliste.alleobjekte .filterinfo {display: none;} .objliste .fewo_list_item.first {margin-top: 20px;} .objliste .fewo_list_item.last {border: 0px;} .objliste .fewo_list_item {float: left; width: 100%; margin-bottom: 20px;padding-bottom: 20px; border-bottom: 5px solid #DDC893;} .objliste .fewo_list_item .fewo_item_inside {width: 1200px; margin: 0 auto; position: relative; overflow: hidden;} .objliste .fewo_list_item .fewo_data_container {float: left; width: calc(100% - 395px);} .objliste .fewo_list_item .fewo_list_image {float: left; margin-right: 25px;} .objliste .fewo_list_item .angebot_icon {position: absolute; left: 10px; top: 10px; width: 50px;} .objliste .fewo_list_item .fewo_list_sterne {padding: 0px 10px;position: absolute; bottom: 20px; width: 370px; background-color: rgba(255, 255, 255, 0.8); line-height: 30px; } .objliste .fewo_list_item .fewo_list_sterne .fewo_list_dtvsterne img {width: 18px !important; display: inline-block; position: relative; top: 3px;} .objliste .fewo_list_item .fewo_list_sterne .dtv_label {margin-left: 5px; color: #808080;} .fewo_list_dtvsterne {float: left;} .fewo_list_youtubelink img {height: 18px; padding-left:8px; margin-top: 6px;} .objliste .fewo_list_item .fewo_list_titel {margin-bottom: 10px; width: calc(100% - 205px);} .objliste .fewo_list_item .fewo_list_titel a {text-decoration: none; font-size: 20px; font-weight: bold; color: #134A78;} .objliste .fewo_list_item .fewo_list_bewertung_label {display: none;} .objliste .fewo_list_item .fewo_list_bewertung_sterne {position: absolute; right: 0px; top: 0px;} .objliste .fewo_list_item .fewo_list_bewertung_sterne img {display: inline-block;} .objliste .fewo_list_item .fewo_list_ausstattung {min-height: 34px;} .objliste .fewo_list_item .fewo_list_ausstattung li {display: inline-block;} .objliste .fewo_list_item .fewo_list_kurztext {margin-top: 10px; width: calc(100% - 205px); float: left; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; max-height: 135px; min-height: 135px;} .objliste .fewo_list_item .fewo_list_kurztext p {font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;} .objliste .fewo_list_item .fewo_list_preis {position: absolute; top: 25px; right: 0px; text-align: right; border: 2px solid #DDC893; border-radius: 10px; padding:5px 10px;} .objliste .fewo_list_item .fewo_list_preis p {line-height: 16px; margin-bottom: 0px; font-size: 22px;} .objliste .fewo_list_item .fewo_list_preis a {font-size: 18px; font-weight: bold; color: #134A78; text-decoration: none;} .objliste .fewo_list_item .fewo_list_preis .nebenkosten {font-size: 11px; font-weight: normal; color: #808080;} .objliste .fewo_list_item .fewo_list_data {position: absolute; bottom: 0px; left: 390px; width: calc(100% - 600px);} .objliste .fewo_list_item .fewo_list_data div {display: inline-block; margin-right: 15px; color: #134A78;} .objliste .fewo_list_item .fewo_list_data .fewo_list_groesse:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .objliste .fewo_list_item .fewo_list_data .fewo_list_personen:before {content: "\f007"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .objliste .fewo_list_item .fewo_list_data .fewo_list_schlafzimmer:before {content: "\f236"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .objliste .fewo_list_item .fewo_list_data .fewo_list_badezimmer:before {content: "\f043"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .objliste .fewo_list_info {display: inline-block; width: 100%; margin-top: 20px; font-weight: bold;} .objliste .fewo_list_item .fewo_list_merken span {cursor: pointer; position: absolute; bottom: 40px; border: 1px solid #808080; right: 0px; background-color: #ddc893; color: #134a78; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .objliste .fewo_list_item .merkzettel_delete a {position: absolute; bottom: 40px; border: 1px solid #808080; right: 0px; background-color: #ddc893; color: #134a78; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .objliste .fewo_list_item .fewo_list_details a {position: absolute; bottom: 0px; right: 0px; background-color: #134A78; color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .bewertungen_liste {border-top: 5px solid #DDC893; padding-top: 30px;} .bewertungen_liste.gaestebuch {border-top: 0px;} .bewertungen_liste.gaestebuch .guestbook_link {display: none;} .bewertungen_liste .ce_fewo_rating {border: 1px solid #134A78; padding: 20px;} .bewertungen_liste .dtv_infobox {border: 1px solid #134A78; padding: 20px; position: relative;} .bewertungen_liste .dtv_infobox:before {content:""; position: absolute; left: 0px; top: 0px; width: 100%; height: 60px; background-color: #FED563;} .bewertungen_liste .dtv_infobox h2 {margin-top: 0px; position: relative; z-index: 2; color: #666666; margin-bottom: 20px;} .bewertungen_liste .dtv_infobox .image_container {z-index: 2; right: 0px; top: 0px; float: right; margin-top: -70px; position: relative;} /*Detailseite Menü*/ .detail #container, #kartensuche {margin-top: 115px;} #ankermenu.fixed {width: 100%; position: fixed; top: 115px; lefT: 0px; z-index: 98;} #ankermenu.fixed .anchor_tabmenu {margin-top: 10px !important; margin-bottom: 10px !important;} .anchor_tabmenu {float: right; width: calc(100% - 350px); margin-top: 15px; margin-bottom: 16px; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;} .ankermenu .anchor_tabmenu li {border: 1px solid #ccc; margin-right: 5px; position: relative; text-align: center; text-transform: uppercase; transition: 0.2s; padding: 10px 10px 10px 10px; color: #999999; float: left; cursor: pointer; background-color: #F3ECD9; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px;} .ankermenu .anchor_tabmenu li.active {color: #fff; background-color: #134a78; border: 1px solid #134a78;} .ankermenu .anchor_tabmenu li:last-child {margin-right: 0px;} /*Neue CSS Ankermenu*/ #ankermenu {width: 100%; position: fixed; top: 115px; lefT: 0px; z-index: 98;} /*Anpasssung Detailseite*/ .fewo_saison_mintage {text-align: center !important;} #anchor_pre p, #anchor_bes p {font-size: 14px!important;} #anchor_lag, #anchor_bes {font-size: 14px!important;} /*Detailgalerie*/ .detailgalerie {padding: 70px 0px;} .detailgalerie.fixed {padding-top: 126px !important;} .infodetails {padding-top: 125px !important;} .infodetails .basic_objectinfos .fewo_detail_titel {margin-top: 0px; margin-bottom: 10px; font-size: 20px; color: #134A78; font-weight: 600;} .detailgalerie .content_inside {overflow: hidden; position: relative;} .detailcontainer_left {width: 310px; margin-right: 40px; float:left;} .detailcontainer_left .basic_objectinfos {padding: 10px 15px; background-color: #fff; border: 2px solid #134A78;} .detailcontainer_left .fewo_detail_buchung a {background-color: #DD420E; color: #fff; text-decoration: none;line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center; display: inline-block;} .detailcontainer_left .basic_objectinfos .fewo_detail_titel h1 {margin-top: 0px; font-size: 24px;} .detailcontainer_left .basic_objectinfos .fewo_detail_preis {margin-top: 30px; margin-bottom: 20px;} .detailcontainer_left .basic_objectinfos .fewo_detail_preis p {font-size: 20px; font-weight: bold; color: #134A78; line-height: 16px;} .detailcontainer_left .basic_objectinfos .fewo_detail_preis .nebenkosten {font-size: 12px; font-weight: normal; color: #808080;} .detailcontainer_left .basic_objectinfos .fewo_detail_ort:before {content: "\f041"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_groesse:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_zimmer:before {content: "\f00a"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_schlafzimmer:before {content: "\f236"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_badezimmer:before {content: "\f043"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_personen:before {content: "\f007"; font-family: 'FontAwesome'; font-size: 14px; color: #808080; display: inline-block; width: 25px;} .detailcontainer_left .basic_objectinfos .fewo_detail_ausstattung {margin-bottom: 10px;} .detailcontainer_left .basic_objectinfos .fewo_detail_ausstattung li {display: inline-block;} .detailcontainer_left .preisrechner_scrollto {margin-top: 20px; margin-bottom: 20px;padding: 10px 15px; background-color: #fff; border: 2px solid #134A78; cursor: pointer; background-image: url(/files/icons/preisrechner.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 40px;} .detailcontainer_left .preisrechner_scrollto p {margin-bottom: 0px; font-style: italic; color: #134A78; font-size: 18px; font-weight: bold;} .detailcontainer_left .fewo_detail_anfrage a {position: absolute; bottom: 0px;left: 0px; background-color: #134A78; color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .detailcontainer_left .fewo_list_merken {cursor: pointer; position: absolute; bottom: 40px; border: 1px solid #808080; left: 0px; background-color: #fff; color: #808080; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .detailcontainer_left .fewo_detail_gemerkt {position: absolute; bottom: 40px; border: 1px solid #808080; left: 0px; background-color: #fff; color: #808080; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .detailcontainer_left .fewo_list_anreisezeit {font-weight: bold;} .detailcontainer_left .fewo_list_abreisezeit {font-weight: bold;} /*Objektgalerie*/ .objgalerie {width: calc(100% - 350px);float: right;} .ce_fewo_objdetails #detailgalerie-1 .galleria-stage {left: 0px !important; right: 0px !important; top: 0px !important; } .ce_fewo_objdetails .galleria-stage {bottom: 0px !important;} .ce_fewo_objdetails .galleria-theme-classic {background: #FBFBFB !important; border-bottom: 10px solid #fff;} .ce_fewo_objdetails .galleria-theme-classic .galleria-thumbnails-container {} .ce_fewo_objdetails .galleria-theme-classic .galleria-thumbnails {margin: 0 auto; } .ce_fewo_objdetails .galleria-theme-classic .galleria-thumbnails .galleria-image {width: 19px; height: 17px; border: 0px; background-color: #D6D1CC; } .ce_fewo_objdetails .galleria-theme-classic .galleria-thumbnails .galleria-image.active {width: 19px; height: 17px; background-color: #134A78;} .ce_fewo_objdetails .galleria-counter, .galleria-theme-classic .galleria-info-description, .galleria-theme-classic .galleria-info-link, .galleria-theme-classic .galleria-info-close {display: none !important;} .galleria-theme-classic .galleria-thumbnails .galleria-image {background:none;} .ce_fewo_objdetails .galleria-theme-classic .galleria-info-title { margin-bottom: 0px; font-family: 'Dosis'; text-transform: uppercase; font-size: 20px; text-align: center; font-weight: 400;} .ce_fewo_objdetails .galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {margin-left: 28px !important; margin-right: 28px !important;} /*Galleria CSS Modification*/ .galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right {display: none !important;} .galleria-theme-classic .galleria-image-nav-left {transition: 0.2s; background-image: url(/files/icons/galeria_left.png); background-position: center left !important;} .galleria-theme-classic .galleria-image-nav-right {transition: 0.2s; background-image: url(/files/icons/galeria_right.png); background-position: center right !important;} .ce_fewo_objdetails h2 {font-size: 20px;} /*Fewo-Beschreibung*/ #anchor_bes {margin: 10px 0px;} #anchor_bes .content_inside {padding: 15px 0px 25px; overflow: hidden;} #anchor_bes .ce_fewo_grundrisse {float: left;} #anchor_bes .callbacks_container {margin-bottom: 0px;} .fewo_beschreibung {width: calc(100% - 300px); float: left; margin-right: 50px; font-size: 14px;} .fewo_beschreibung p {font-size: 14px;} .fewo_beschreibung h2 {margin-top: 0px} /*Ausstattung*/ #anchor_aus {padding-bottom: 30px; overflow: visible;} #anchor_aus .ce_fewo_objdetails {overflow: visible; display: inline-block; width: 100%;} #anchor_aus .fewo_detail_ausstattung_gruppe {width: 23.5%; margin-right: 2%; position: relative; float: left; vertical-align: top; margin-bottom: 1%; padding: 10px 0px; min-height: 193px; max-height: 193px;} #anchor_aus .fewo_detail_ausstattung_gruppe .fewo_detail_ausstattung_gruppe_titel {color: #134A78; font-weight: bold;} #anchor_aus .fewo_detail_ausstattung_gruppe ul li:before {content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; color: #134A78; padding-right: 5px; position: relative; bottom: 3px;} #anchor_aus .fewo_detail_ausstattung_gruppe:nth-child(4n) {margin-right: 0px;} #anchor_aus .fewo_detail_ausstattung_gruppe_titel {background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; border-bottom: 0px; display: block; vertical-align: top;font-weight: bold;} #anchor_aus .fewo_detail_ausstattung_gruppe ul{background-color: #fff;padding: 0px; margin: 0px; list-style: none; padding: 5px 10px; border: 1px solid #ccc; min-height: 150px; border-top: 0px;} #anchor_aus .fewo_detail_ausstattung_gruppe ul:hover {z-index: 97; position: relative;} #anchor_aus .fewo_detail_ausstattung_gruppe ul:hover li:nth-of-type(n+7){height: auto; overflow: visible;} #anchor_aus .fewo_detail_ausstattung_gruppe ul:hover .show_more {display: none;} #anchor_aus .fewo_detail_ausstattung_gruppe li{margin: 0px; list-style: none; vertical-align: top; font-size: 13px;} #anchor_aus .fewo_detail_ausstattung_gruppe li:nth-of-type(n+8){height: 0px; overflow: hidden;} #anchor_aus .fewo_detail_ausstattung_gruppe li:before{content: "\f14a"; font-family: 'FontAwesome'; font-size: 14px; color: #5E87B1; padding-right: 5px; padding-left: 1px;} #anchor_aus .fewo_detail_ausstattung_gruppe .show_more {position: absolute; bottom: 5px; color: #134A78; padding-left: 16px; cursor: pointer; font-size: 13px; width: calc(100% - 26px);} /*Lage*/ #anchor_lag h2 {margin-top: 20px;} .fewo_detail_map {width: 100%; position: relative; margin-bottom: 40px; overflow: hidden;} .fewo_detail_map.entfernungen_da .fewo_map {width: calc(100% - 350px);float: left;} .fewo_detail_map .bigmap {display: none;} .fewo_detail_map .fewo_entfernungen {border: 2px solid #134A78; border-left: 0px; width: 350px; height: 380px; background-color: #fff; float: right; padding: 20px 20px 20px 30px;} .fewo_detail_map .fewo_entfernungen .entfernung_km {float: right;} /*Bewertungen*/ #anchor_bew h2 {margin-top: 20px;} #anchor_bew .fewo_objekt_info {display: none;} .fewo_detailvoting {width: 400px; margin-right: 50px; float: left; height: 200px; position: relative; margin-bottom: 40px;} .fewo_detailvoting .guestbook_link a {position: absolute; bottom: 0px; left: 0px; background-color: #134A78; color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .fewo_detailvoting .fewo_detail_voting_link a {position: absolute; bottom: 40px; border: 1px solid #808080; left: 0px; background-color: #fff; color: #808080; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} #anchor_bew .fewo_voting {background-color: #F3ECD9; width: 100%; float: left; margin-bottom: 20px; padding: 10px 20px;} #anchor_bew .fewo_voting .fewo_voting_author {color: #4F5D69; font-weight: bold;} #anchor_bew .fewo_voting .fewo_voting_value {display: none;} #anchor_bew .fewo_voting .fewo_voting_average img {display: inline-block;} #anchor_bew .fewo_voting .fewo_voting_message {margin-top: 10px;} #anchor_bew .fewo_voting .fewo_voting_owner_message {background-color: #fff; padding: 10px 10px; margin-top: 10px; font-style: italic;} #anchor_bew .ce_fewo_bewertungsliste {float: left; width: calc(100% - 450px);} /*Buchungsplan*/ .legendeneintrag {margin-bottom: 5px; display: inline-block; margin-right: 5px;} .legendeneintrag .legendenbild {display: inline-block; width: 25px;} .legendeneintrag .legendenbeschriftung {display: inline-block;} #ctrlSaisonSelect {display: none;} .kalender .fewo_buchungsplan {margin-bottom: 15px; display: flex; overflow: visible;} .fewo_detail_buchungsplan table {border-bottom: 0px;} .fewo_detail_buchungsplan table td {border-top: 0px;} .kalender .fewo_detail_buchungsplan {position: relative; clear: left; border-bottom: 2px solid #D6D1CC; padding-bottom: 30px;} .kalender .belkal {display: inline-table; margin-right: 2%; border-spacing: 0px; width: 23.5%; float: left; white-space: initial; box-sizing: initial !important; background-image: url("/files/icons/kalender.png"); background-repeat: no-repeat; overflow: visible;background-size: 100% 100%;} .kalender .belkal:nth-child(4) {margin-right: 0%;} .kalender .belkal tbody {margin-top: 22px; display: block; margin-left: 0px; margin-right: 0px; padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 20px;} .kalender .belkal .month {opacity: 1 !important; text-align: center; font-weight: 600; color: #134A78; padding: 15px 0px 5px 0px; font-size: 20px; border-bottom: 2px solid #134A78;} .kalender .belkal td {color: #303030;padding: 6px 0px 6px 0px; display: inline-block; text-align: center; transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px solid #969696;} .kalender .belkal td.nichts {border-bottom: 0px;} .wait .kalender .belkal td {opacity: 0.3;} .kalender .belkal tr {border: 0px !important; width: 100%; flex: 1; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 100%; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;} .kalender .belkal .tage td {opacity: 1 !important; float: left; padding: 5px 0px; font-weight: bold; padding-top: 8px; text-transform: uppercase;} .kalender .fewo_plan_legend li, .kalender .fewo_plan_legend {display: inline-block;} .kalender .fewo_plan_legend li.legendenbeschriftung {margin-right: 15px;} .kalender .fewo_plan_legend .legend_box {display: inline-block; margin-right: 10px;} .kalender .fewo_plan_legend .legend_box div:nth-child(2) {display: block; width: 100% !important;float: left;} .kalender .fewo_plan_legend .legend_box .legendenbeschriftung {padding-right: 10px;} .kalender .fewo_plan_zeitraum {margin-left: 40px;} .kalender .fewo_plan_zeitraum .zeitraum {font-weight: bold; padding-right: 10px;} .kalender .fewo_plan_zeitraum, .kalender .fewo_plan_zeitraum .zeitraum {display: inline-block;} .kalender #ctrlCalPrev {display: inline-block; position: absolute; top: 68px; left: 25px;} .kalender #ctrlCalNext {display: inline-block; position: absolute; top: 68px; right: 25px;} .kalender #ctrlCalPrev:before {content: "\f053"; font-family: 'FontAwesome'; color: #676767; font-size: 20px; cursor: pointer; position: relative; top: 2px; padding-right: 5px;} .kalender #ctrlCalPrev.disabled:before,.kalender #ctrlCalPrev.disabled:hover:before, .kalender #ctrlCalNext.disabled:before,.kalender #ctrlCalNext.disabled:hover:before {color: #C9C9C9 !important; pointer-events: none;} .kalender #ctrlCalNext:before {content: "\f054"; font-family: 'FontAwesome'; color: #676767; font-size: 20px; cursor: pointer; position: relative;top: 2px; padding-left: 5px;} .kalender #ctrlCalNext:hover:before, .kalender #ctrlCalPrev:hover:before {color: #525353;} .kalender tbody tr {padding: 0px 25px;} /*Saisonpreise und Preisrechner*/ #anchor_pre h2, #anchor_bel h2 {margin-top: 30px;} #anchor_pre .mobile_price_label {display: none;} #anchor_pre .object_prices {float: left; width: calc(100% - 350px); margin-right: 50px; margin-bottom: 40px;} #anchor_pre .fewo_details_saison {width: 100%; margin-bottom: 20px;} #anchor_pre .fewo_details_saison td {padding: 3px 0px;} #anchor_pre .fewo_details_saison thead td {font-weight: bold; text-align: right;} #anchor_pre .fewo_details_saison tbody td {border-bottom: 2px solid #D6D1CC; text-align: right;} #anchor_pre .fewo_details_saison .fewo_saisonhead_titel, #anchor_pre .fewo_details_saison .fewo_saison_titel {text-align: left;} #anchor_pre .fewo_details_saison .fewo_saisonhead_zeitraum, #anchor_pre .fewo_details_saison .fewo_saison_zeitraum {text-align: left;} #anchor_pre .prices_right {float: left; width: 300px;} #anchor_pre .ce_fewo_objrechner {padding: 10px 15px; background-color: #fff; border: 2px solid #134A78; overflow: visible; display: inline-block; width: 100%;} #anchor_pre .ce_fewo_objrechner .formelem {width: 100%; float: left; margin-right: 10px; margin-bottom: 10px;} #anchor_pre .ce_fewo_objrechner .formelem .Zebra_DatePicker_Icon_Wrapper {width: 100% !important;} #anchor_pre .ce_fewo_objrechner .formelem.type_text input {width: 100%; cursor: pointer; padding: 0px 10px; font-size: 12px; height: 40px; background-color: rgba(19,74,120,0.65); border: 1px solid #666; color: #fff;} #anchor_pre .ce_fewo_objrechner .fewo_preissumme .ergebnis {float: right; color: #134A78; font-size: 20px; font-weight: bold; line-height: 60px;} #anchor_pre .fewo_detail_anfrage a {position: relative; background-color: #134A78; color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center; display: inline-block; margin-top: 10px; float: right;} #anchor_pre .fewo_detail_buchung a {position: relative; background-color: #DD420E; color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center; display: inline-block; margin-top: 10px; float: right;} #anchor_pre .fewo_detail_angebot {margin-top: 30px; width: 100%; display: inline-block;} #anchor_pre .fewo_angebottop_titel {font-family: 'Open Sans', sans-serif; font-size: 22px; color: #134A78; margin-bottom: 10px; margin-top: 10px; font-weight: 600;} #anchor_pre .fewo_details_angebote {width: 100%;} #anchor_pre .fewo_details_angebote td {padding: 3px 0px;} #anchor_pre .fewo_details_angebote thead td {font-weight: bold;} #anchor_pre .fewo_details_angebote thead, #anchor_pre .fewo_details_angebote tbody {width: 100%;} #anchor_pre .fewo_details_angebote tbody td {border-bottom: 2px solid #D6D1CC;} #anchor_pre .fewo_leist_titel1 {padding-right: 5px;} #anchor_pre .fewo_detail_festeleistungen {margin-top: 15px;} #anchor_pre .fewo_details_leistung thead td {font-weight: bold;} #anchor_pre .fewo_details_leistung {width: 500px;} #anchor_pre .fewo_details_leistung .fewo_leisthead_preis, #anchor_pre .fewo_details_leistung .fewo_leist_preis {text-align: right;} /*Bewertungsseite*/ .detailcontainer_left .bewertung_element {margin-bottom: 5px;} .detailcontainer_left .bewertung_element_sterne {display: inline-block; width: 100%;} .detailcontainer_left .bewertung_element_sterne img {display: inline-block;} .detailcontainer_left .fewo_detail_bewertungen {display: none;} .detailcontainer_left .fewo_detail_showbewertungen {margin-top: 10px;} .ce_fewo_bewertungsform {padding: 10px; margin-bottom: 40px; display: inline-block; width: 100%;} .ce_fewo_bewertungsform .formbody {width: 100%;} .ce_fewo_bewertungsform .fewo_bew_punkte {width: 300px; float: left; margin-right: 30px; padding: 10px; background-color: #fff; border: 2px solid #134A78; } .ce_fewo_bewertungsform .formelements {width: calc(100% - 330px); float: left;} .ce_fewo_bewertungsform .fewo_bewertungsbox a {display: inline-block; width: 20px; height: 18px; margin-right: 2px; position: relative; top: 2px; background-size: 20px;} .ce_fewo_bewertungsform .fewo_bew_punkt {margin-bottom: 10px;} .ce_fewo_bewertungsform .fewo_bew_punkt label {font-weight: 600; margin-bottom: 2px;} .ce_fewo_bewertungsform .fewo_bew_punkt .fewo_option_text {margin-left: 10px;} .ce_fewo_bewertungsform .formelements .formelem {margin-bottom: 5px;} .ce_fewo_bewertungsform .formelements .formelem label {display: inline-block; width: 125px; vertical-align: top; line-height: 34px;} .ce_fewo_bewertungsform .formelements .formelem input {height: 34px; line-height: 34px; padding: 0px 10px;} .ce_fewo_bewertungsform .formelements .formelem textarea {max-width: 100%; padding: 10px;} .ce_fewo_bewertungsform .formsubmit input {cursor: pointer; margin-left: 127px; background-color: #134A78; color: #fff; text-decoration: none;padding: 0 30px; line-height: 38px; height: 38px; font-size: 16px; text-align: center; border: 0px;} .fv_voting_complete {padding: 100px 0px; font-weight: bold;} .br-theme-fontawesome-stars .br-widget a.br-selected:after, .br-theme-fontawesome-stars .br-widget a.br-active:after {color: #134A78 !important;} .voting_gesamt {margin-top: 15px;} .object_reviews .pagination {width: 100%; float: left; margin-bottom: 20px; text-align: right;} .object_reviews .pagination p {display: inline-block; line-height: 36px; margin-right: 20px; vertical-align: top; color: #666;} .object_reviews .pagination ul {display: inline-block;} .object_reviews .pagination ul li {float: left; cursor: pointer; margin-bottom: 5px; border: 1px solid #666; border-right: 0px;} .object_reviews .pagination ul li span.current {background-color: #134A78; color: #fff;} .object_reviews .pagination ul li span {padding: 7px; display: block; transition: 0.2s; color: #666; background-color: #ffF;} .object_reviews .pagination ul li.next {border-right: 1px solid #666;} .object_reviews .pagination ul li.first, .object_reviews .pagination ul li.last {display: none;} /*Buchungs- und Anfragemaske*/ .detailcontainer_left .link_back {margin-top: 20px; margin-bottom: 20px;padding: 10px 15px; background-color: #fff; border: 2px solid #134A78; cursor: pointer;} .detailcontainer_left .link_back a:before {content: "\f177"; font-family: 'FontAwesome'; font-size: 16px; color: #134A78; display: inline-block; text-decoration: none; margin-right: 5px;} #crtlCalClear {text-decoration: underline; margin-bottom: 20px; cursor: pointer; display: inline-block;} .ce_fewo_buchungsmaske {margin-bottom: 40px;} .ce_fewo_buchungsmaske h2 {margin-top: 0px;} .ce_fewo_buchungsmaske .zeile_adressdaten input {border: 1px solid #ccc; padding: 0px 7px; height: 40px ;} .ce_fewo_buchungsmaske .zeile_adressdaten select {border: 1px solid #ccc;} .ce_fewo_buchungsmaske .zeile_adressdaten textarea {border: 1px solid #ccc;padding: 7px;} .ce_fewo_buchungsmaske .zeile_adressdaten ::-webkit-input-placeholder {color: #676767 !important;} .ce_fewo_buchungsmaske .zeile_adressdaten ::-moz-placeholder {color: #676767 !important;} .ce_fewo_buchungsmaske .zeile_adressdaten :-ms-input-placeholder {color: #676767 !important;} .ce_fewo_buchungsmaske .zeile_adressdaten :-moz-placeholder {color: #676767 !important;} .ce_fewo_buchungsmaske .formsubmit input {-webkit-appearance: none; border-radius: 0px; cursor: pointer; position: relative; background-color: #134a78; color: #fff; text-decoration: none; line-height: 38px; height: 38px; font-size: 16px; text-align: center; display: inline-block; margin-top: 10px; margin-bottom: 20px; float: right; padding: 0px 30px; border: 0px;} #ctrl_anreise, #ctrl_abreise {height: 40px !important; line-height: 40px !important; background-color: #fff; border: 1px solid #ccc !important; padding-left: 10px !important;} .fewo_buchung_abreise button.Zebra_DatePicker_Icon, .fewo_buchung_anreise button.Zebra_DatePicker_Icon {right: 0px !important;} .label_anreise, .label_abreise {background-color: #134a78 !important; color: #fff !important; height: 40px !important; line-height: 40px !important;} #resetAnreise, #resetAbreise {background-color: #134a78 !important; height: 40px !important;} .buchungscontainer {border-radius: 5px !important;} #resetAnreise img, #resetAbreise img {padding-top: 12px !important;} .select_anzahl {width: initial !important; margin-right: 10px; margin-bottom: 7px;} .select_anzahl div[class^=label] {width: initial !important; background-color: #134a78 !important; color: #fff !important; height: 40px !important; line-height: 40px !important;} .select_anzahl .sbHolder {float: left; width: 70px;} .fewo_buchung_adresse .select_anrede .sbHolder {float: left; width: 150px;} .fewo_buchung_adresse .select_land .sbHolder {float: left; width: calc(100% - 110px);} .ce_fewo_buchungsmaske .sbHolder {background-color: #fff; border: 1px solid #ccc;} .ce_fewo_buchungsmaske .sbToggle {margin-top: -1px; margin-right: -1px;} .ce_fewo_buchungsmaske .sbOptions {margin-left: -1px; margin-top: -1px; width: calc(100% + 2px);} .ce_fewo_buchungsmaske .sbSelector {font-size: 14px; color: #000 !important;} .zeile_adressdaten div[class^=label] {line-height: 40px !important; font-size: 12px;} .fewo_accept {display: inline-block; width: 100%; margin-top: 20px;} .fewo_abschluss {margin-bottom: 100px;} .leistung_anzahl .leistung_header_mobile {float: left; margin-right: 5px;} .anz_kleinkinder {display: none;} /*Gästebuch*/ .ce_fewo_bewertungaktuell .pagination {width: 100%; text-align: right; float: right;} .ce_fewo_bewertungaktuell .fewo_voting {float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 5px solid #DDC893;} .ce_fewo_bewertungaktuell .fewo_voting .content_inside {position: relative;} .ce_fewo_bewertungaktuell .fewo_voting:first-child {margin-top: 10px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_objekt_image {position: relative; float: left; margin-right: 25px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_value {display: none;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_objekt_titel {font-weight: bold; font-size: 16px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_average {position: absolute; top: 0px; right: 0px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_average img {display: inline-block; width: 20px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_message {margin-top: 10px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_owner_message {background-color: #F3ECD9; float: left; width: calc(100% - 425px); padding: 5px 10px; margin-top: 10px;} /*Kartensuche*/ .ce_fewo_karte {height: calc(100vh - 115px); position: relative;} .ce_fewo_karte .fewo_maps {height: 100% !important; float: left; width: calc(100% - 650px);} .ce_fewo_karte .fewo_map_objekte {height: 100% !important; float: left; width: 650px; max-height: inherit; padding: 10px 0px;} .ce_fewo_karte .fewo_map_objekte .anzahl_objekte {display: inline-block; width: 100%; margin-bottom: 5px; padding: 0px 10px;} .ce_fewo_karte .fewo_map_objekte .infotext {display: inline-block; width: 100%; margin-bottom: 15px; padding: 0px 10px; font-style: italic;} .ce_fewo_karte .fewo_map_objekte h1 {margin-top: 0px; padding: 0px 10px;} .ce_fewo_karte .map_objekte_item {cursor: pointer; float: left; width: 100%; margin-bottom: 10px; padding: 10px; border-bottom: 5px solid #DDC893; position: relative;} .ce_fewo_karte .map_objekte_item.map_geklickt {background-color: #DDC893 !important;} .ce_fewo_karte .map_objekte_item .fewo_map_image {float: left; width: 40%; margin-right: 20px;} .ce_fewo_karte .map_objekte_item .fewo_map_titel {font-weight: bold; color: #134A78; font-size: 16px;} .ce_fewo_karte .map_objekte_item .fewo_list_data {margin: 10px 0px; float: left; left: calc(40% + 20px); width: calc(60% - 20px);} .ce_fewo_karte .map_objekte_item .fewo_list_data div {float: left; color: #134A78; font-weight: bold; width: 50%;} .ce_fewo_karte .map_objekte_item .fewo_list_data .fewo_map_groesse:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .ce_fewo_karte .map_objekte_item .fewo_list_data .fewo_map_personen:before {content: "\f007"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .ce_fewo_karte .map_objekte_item .fewo_list_data .fewo_map_schlafzimmer:before {content: "\f236"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .ce_fewo_karte .map_objekte_item .fewo_list_data .fewo_map_badezimmer:before {content: "\f043"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .ce_fewo_karte .map_objekte_item .fewo_map_preis p {margin-top: 15px;font-size: 14px; font-weight: bold; color: #134A78; text-decoration: none; line-height: 14px;} .ce_fewo_karte .map_objekte_item .fewo_map_preis .nebenkosten {font-size: 11px; font-weight: normal; color: #808080;} .ce_fewo_karte .map_objekte_item .fewo_map_submit a {margin-top: 10px; background-color: #134A78; display: inline-block; color: #fff; text-decoration: none; padding: 0 15px; line-height: 38px; height: 38px; font-size: 16px; text-align: center;} .ce_fewo_karte .reload {background-color: #134A78; display: inline-block; color: #fff; text-decoration: none; padding: 0 15px; line-height: 38px; height: 38px; font-size: 16px; text-align: center; margin-left: 10px;} /*Angebote*/ .ce_fewo_angebote .fewo_info {margin-bottom: 40px;} .ce_fewo_angebote .fewo_angebot_list_item {width: 100%; float: left; margin-bottom: 40px;} .ce_fewo_angebote .angebot_header {background-color: #F3ECD9; padding: 10px; position: relative; display: inline-block;} .ce_fewo_angebote .angebot_header .fewo_angebot_image {float: left; margin-right: 20px;} .ce_fewo_angebote .angebot_header .fewo_angebot_titel {font-size: 20px; font-weight: bold; color: #134A78; } .ce_fewo_angebote .angebot_header .fewo_angebot_vonbis {margin-bottom: 10px;} .ce_fewo_angebote .angebot_header .fewo_list_details a {margin-top: 10px; background-color: #134A78; display: inline-block; color: #fff; text-decoration: none; padding: 0 15px; line-height: 38px; height: 38px; font-size: 16px; text-align: center;} .ce_fewo_angebote .fewo_list_item {position: relative;} .ce_fewo_angebote .fewo_list_item .fewo_list_data {bottom: 20px;} .ce_fewo_angebote .fewo_list_item .fewo_list_details a {bottom: 20px;} .ce_fewo_angebote .fewo_list_item .fewo_list_angebotdetails a {position: absolute; bottom: 60px; right: 0px; color: #134A78; border: 1px solid #ccc; background-color: #fff; text-decoration: none; line-height: 38px; height: 38px; width: 190px; font-size: 16px; text-align: center;} .infodetails .ce_fewo_angebote {float: left; width: 100%; margin-top: 20px;} .infodetails .ce_fewo_angebote .fewo_angebot_preis {font-weight: bold; margin-bottom: 10px;} /*Kontakformular*/ .kontakform {margin-bottom: 50px;} .kontakform .widget {margin-bottom: 5px; position: relative;} .kontakform .widget .error {color: red; display: inline-block;} .kontakform .widget label {display: inline-block; width: 200px; line-height: 40px; height: 40px; vertical-align: top;} .kontakform .widget input {line-height: 40px; height: 40px; padding: 0px 10px;} .kontakform .widget input.captcha {width: 60px;} .kontakform .widget select {line-height: 40px; height: 40px; padding: 0px 10px;} .kontakform .widget textarea {padding: 10px;} .kontakform .submit_container input {-webkit-appearance: none; border-radius: 0px; margin-top: 10px; background-color: #134A78; display: inline-block; color: #fff; text-decoration: none; padding: 0 15px; line-height: 38px; height: 38px; font-size: 16px; text-align: center; cursor: pointer; border: 0px; margin-left: 203px;} .kontakform .kontaktform_anrede .sbHolder {width: 140px; display: inline-block; background-color: #fff; border: 1px solid #ccc;} .kontakform .kontaktform_anrede .sbOptions {margin-left: -1px; margin-top: -1px; width: calc(100% + 2px);} .kontakform .kontaktform_anrede .sbSelector {font-size: 14px; color: #000 !important;} .kontakform .kontaktform_anrede .sbToggle {margin-top: -1px; margin-right: -1px;} /*Merkliste*/ .ce_fewo_merkzettel .sortdiv {display: none;} /*Mobile-Menu*/ .mobile_handle {display: none; float: right; color: #fff; margin-top: 8px; margin-bottom: 6px; position: relative; padding: 9px 15px; background-color: transparent; background-image: none; border: 1px solid #fff; border-radius: 4px;} .mobile_handle i {font-size: 20px;} /*Anfragedetails*/ .anfragedetails {float: left; width: 100%; margin-bottom: 20px;padding-bottom: 20px; background-color: #fff; margin-top: 30px; padding: 10px; position: relative;} .anfragedetails .fewo_detail_titel h1 {margin-top: 0px; width: calc(100% - 100px);} .anfragedetails .fewo_data_container {float: left; width: calc(100% - 395px);} .anfragedetails .fewo_list_image {position: relative; float: left; margin-right: 25px;} .anfragedetails .angebot_icon {position: absolute; left: 10px; top: 10px; width: 50px;} .anfragedetails .fewo_detail_stars {padding: 0px 10px;position: absolute; bottom: 20px; width: 100%; background-color: rgba(255, 255, 255, 0.8); line-height: 30px; } .anfragedetails .fewo_detail_stars img {width: 18px !important; display: inline-block; position: relative; top: 3px;} .anfragedetails .fewo_detail_stars .dtv_label {margin-left: 5px; color: #808080;} .anfragedetails .fewo_list_titel {margin-bottom: 10px; width: calc(100% - 205px);} .anfragedetails .fewo_list_titel a {text-decoration: none; font-size: 20px; font-weight: bold; color: #134A78;} .anfragedetails .fewo_list_bewertung_label {display: none;} .anfragedetails .fewo_detail_bewertung_sterne {position: absolute; right: 10px; top: 10px;} .anfragedetails .fewo_detail_bewertung_sterne img {display: inline-block;} .anfragedetails .fewo_list_ausstattung {min-height: 34px;} .anfragedetails .fewo_list_ausstattung li {display: inline-block;} .anfragedetails .fewo_detail_kurztext {margin-top: 10px; float: left; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 80px; min-height: 80px;} .anfragedetails .fewo_detail_kurztext p {font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;} .anfragedetails .fewo_list_data {display: inline-block; margin-top: 10px;} .anfragedetails .fewo_list_data div {display: inline-block; margin-right: 15px; color: #134A78;} .anfragedetails .fewo_list_data .fewo_detail_groesse:before {content: "\f015"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .anfragedetails .fewo_list_data .fewo_detail_personen:before {content: "\f007"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .anfragedetails .fewo_list_data .fewo_detail_schlafzimmer:before {content: "\f236"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .anfragedetails .fewo_list_data .fewo_detail_badezimmer:before {content: "\f043"; font-family: 'FontAwesome'; font-size: 14px; color: #134A78; margin-right: 4px; } .anfragedetails .fewo_detail_list a {position: absolute; bottom: 10px; right: 10px; background-color: #134A78; color: #fff; text-decoration: none; line-height: 38px; height: 38px;font-size: 16px; text-align: center; padding: 0px 10px;} #header .mobile_header {display: none;} .show_more_details {display: none;} @media (min-width: 2200px) { .mod_pageImage img {width: 100%;} } @media (min-width: 1101px) { #header .mod_navigation {display: block !important;} #header .mod_navigation ul li:hover > ul {display:block;} #header .mod_navigation ul ul span, #header .mod_navigation a:hover {color: #DDC893;} } @media (max-width: 1800px) { .home_slider .ce_fewo_objsuche {bottom: 100px;} } @media (max-width: 1500px) { .home_slider .ce_fewo_objsuche {bottom: 50px;} } @media (max-width: 1400px) { .home_slider .ce_fewo_objsuche {background-color: #ddc893; position: relative; bottom: inherit; width: 100%; height: auto; border: 0px; border-radius: 0px; left: 0px; display: inline-block;} .home_slider .ce_fewo_objsuche .formbody {top: inherit; left: inherit;} .home_slider .ce_fewo_objsuche form {display: inline-block; width: 100%; position: relative;} .home_slider .ce_fewo_objsuche .fewo_suchmaske {position: relative; max-width: 1220px; margin: 0 auto; padding: 10px;} .home_slider .ce_fewo_objsuche .formsubmit input {right: inherit; bottom: inherit; border-radius: 0px; border: 0px; font-size: 23px; background-color: #134a78; height: 40px; margin-top: 34px; width: 25%;} .home_slider .ce_fewo_objsuche .formbody .formelem {float: lefT; width: calc(25% - 10px); margin-right: 10px;} .home_slider .ce_fewo_objsuche .formbody input.text {width: 100%;} .home_slider .ce_fewo_objsuche .formbody .widget.fewo_abreise {margin-top: 34px;} } @media (max-width: 1274px) { .mod_pageImage img {height: auto; width: 100%; max-width: initial;} } @media (max-width: 1220px) { .content_inside, .objliste .fewo_list_item .fewo_item_inside {width: 100%; padding: 0px 10px;} .objliste .fewo_list_item .fewo_list_preis,.objliste .fewo_list_item .fewo_list_merken a, .objliste .fewo_list_item .fewo_list_bewertung_sterne, .objliste .fewo_list_item .fewo_list_details a, .objliste .fewo_list_item .merkzettel_delete a {right: 10px;} .objliste .fewo_list_item .fewo_list_data {left: 405px; width: calc(100% - 610px); } .detailcontainer_left .fewo_detail_merken, .detailcontainer_left .fewo_detail_anfrage a, .detailcontainer_left .fewo_detail_gemerkt {left: 10px;} #anchor_bes .content_inside {padding: 15px 10px 25px;} #anchor_aus .fewo_detail_ausstattung_gruppe {width: 32%; margin-right: 2% !important;} #anchor_aus .fewo_detail_ausstattung_gruppe:nth-child(3n) {margin-right: 0% !important;} .ce_fewo_angebote .fewo_list_item .fewo_list_details a {right: 0px !important;} .ce_fewo_karte .fewo_map_objekte, .ce_fewo_karte .fewo_maps {width: 50%;} .social_container {display: none;} .detailcontainer_left .fewo_list_merken {position: initial; margin-bottom: 10px;} .objliste .fewo_list_item .fewo_list_merken span {margin-right: 10px;} } @media (max-width: 1150px) { .buchungsdaten .zeile_basisdaten {width: 100% !important;} #anchor_pre .object_prices {width: 100%;} #anchor_pre .prices_right {width: 100%; margin-bottom: 30px;} #anchor_pre .ce_fewo_objrechner {max-width: 300px; vertical-align: top; margin-bottom: 10px; margin-right: 40px;} #anchor_pre .prices_right .ce_fewo_objdetails {display: inline-block;} #anchor_pre .fewo_detail_anfrage a {margin-top: 0px;} .objliste .fewo_list_item .fewo_list_kurztext {-webkit-line-clamp: 4; max-height: 80px; min-height: 80px;} } @media (max-width: 1100px) { .mobile_handle {display: block;} #header .mod_navigation {display: none; position: fixed; top: 0px; margin-top: 0px; text-align: center; background-color: #fff; z-index: 100;width: 100%; float: none; left: 0px; height: 100%; overflow: scroll;} #header .mod_navigation .mobile_header {width: 100%; display: block; margin-bottom: 30px; margin-top: 10px;} #header .mod_navigation .mobile_logo {margin: 0 auto; width: 160px; display: inline-block;} #header .mod_navigation ul {width: 100%; text-align: center; border-top: 2px solid #134a78; border-bottom: 2px solid #134a78;} #header .mod_navigation ul li {width: 100%; position: relative; border-right: 0px;} #header .mod_navigation ul li a, #header .mod_navigation ul li span {display: block; width: 100%; color: #134a78; font-weight: normal; background-color: #ddc893;} #header .mod_navigation a.sub_nav {padding-top: 5px; line-height: 20px; padding-bottom: 10px;} #header .mod_navigation a.sub_nav i {font-size: 16px; color: #134a78; font-family: 'FontAwesome'; font-style: normal;} #header .mod_navigation ul ul {position: relative; text-align: center; padding: 10px 0px; border: 0px;} #header .mod_navigation ul ul li {width: 100%;} #header .mod_navigation ul ul li a, #header .mod_navigation ul ul li span {background-color: #fff !important;} .close_mobilenavigation {cursor: pointer; position: absolute; right: 15px; top: 15px; display: inline-block; width: 50px; height: 50px; overflow: hidden;} .close_mobilenavigation::before, .close_mobilenavigation::after {content: ''; height: 1px; position: absolute; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #134a78;} .close_mobilenavigation::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close_mobilenavigation::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dtv_image {display: none;} .ce_fewo_objCoSlider .fewo_list_sliderdata {width: 40%; margin-top: 0px;} .ce_fewo_objCoSlider .fewo_list_image {width: calc(60% - 25px); margin-right: 25px;} } @media (max-width: 1000px) { .footer_top .kontakt_footer {width: 45%;} .footer_top .objektsuche_footer {width: 45%;} .footer_top .nordsee_service_card_footer {width: 100%; margin-top: 20px;} .ce_fewo_listenfilter .formelem.type_text {width: calc(33% - 10px);} .ce_fewo_listenfilter .formelem.fld_personen {width: 34% !important; margin-right: 0px;} .ce_fewo_listenfilter .formelem.type_select {width: calc(33% - 10px);} .ce_fewo_listenfilter .formelem.fld_ort {width: 34%; margin-right: 0px;} .objliste .list_pagination_top {width: 100%; float: left; margin-top: 10px;} .bewertungen_liste .dtv_infobox .image_container {display: none;} .kalender .belkal tbody {padding-left: 20px; padding-right: 20px; padding-bottom: 15px;} .kalender .belkal td {font-size: 12px;} .ce_fewo_karte .fewo_map_objekte {width: 40%;} .ce_fewo_karte .map_objekte_item .fewo_map_image {width: 100%; margin-right: 0px; margin-bottom: 10px;} .ce_fewo_karte .map_objekte_item .fewo_map_image img, .ce_fewo_karte .map_objekte_item .fewo_list_data {width: 100%;} .ce_fewo_karte .fewo_maps {width: 60%;} } @media (max-width: 950px) { .objliste .fewo_list_item .fewo_list_preis {position:initial; margin-top:10px; text-aligne: center;} .objliste .fewo_list_item .fewo_list_sterne {bottom: 60px;} .objliste .fewo_list_item .fewo_list_bewertung_sterne {right: 20px; top: 10px;} .objliste .fewo_list_item .fewo_list_sterne {width: 100%;} #fewo_list_objekte {display: inline-block; width: 100%; margin-top: 15px;} .objliste .fewo_list_item {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 30px;} .ce_fewo_angebote .objliste .fewo_list_item:nth-child(2n) {margin-right: 0px;} .ce_fewo_angebote .objliste .fewo_list_item .fewo_list_kurztext {margin-top: 0px;} .objliste .fewo_list_item.first {margin-top: 0px;} .objliste .fewo_list_item.last {border-bottom: 5px solid #DDC893;} .objliste .fewo_list_item.even {margin-right: 0px;} .objliste .fewo_list_item .fewo_list_image {width: 100%; margin-right: 0px; margin-bottom: 10px; position: relative;} .objliste .fewo_list_item .fewo_list_image img {width: 100%; } .objliste .fewo_list_item .fewo_list_preis {right: 20px; background-color: #fff; top: 35px;} .objliste .fewo_list_item .fewo_data_container, .objliste .fewo_list_item .fewo_list_kurztext {width: 100%;} .objliste .fewo_list_item .fewo_list_titel {width: 100%; height: 58px; overflow: hidden;} .objliste .fewo_list_item .fewo_list_kurztext {margin-bottom: 10px;} .objliste .fewo_list_item .fewo_list_merken a, .objliste .fewo_list_item .merkzettel_delete a {position: relative; bottom: inherit; right: inherit; width: inherit; padding: 0px 15px; display: inline-block; margin-top: 10px; float: right;} .ce_fewo_angebote .fewo_list_item .fewo_list_angebotdetails a {position: relative; bottom: inherit; right: inherit; width: inherit; padding: 0px 15px; display: inline-block; margin-top: 10px; float: right;} .objliste .fewo_list_item .fewo_list_details a {position: relative; bottom: inherit; right: inherit; width: inherit; padding: 0px 15px; display: inline-block; margin-top: 10px; float: left; width: 130px;} .objliste .fewo_list_item .fewo_list_data {width: 100%; left: 0px; position: relative;} .detailgalerie {padding-top: 70px;} .fewo_detailvoting {width: calc(50% - 20px); margin-right: 20px;} #anchor_bew .ce_fewo_bewertungsliste {width: 50%;} .infodetails .ce_fewo_angebote {margin-top: 0px;} .infodetails .ce_fewo_angebote .fewo_angebot_list_item {margin-bottom: 0px;} .infodetails .ce_fewo_angebote #fewo_list_objekte {display: none;} .objliste .fewo_list_item .fewo_list_data {bottom: inherit;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_average {position: inherit; margin-top: 5px;} .anfragedetails .fewo_detail_list a {position: inherit;} .objliste .fewo_list_item .fewo_list_merken span {bottom: 0px; width: 130px;} .fewo_list_youtubelink img {width: auto!important;} /*.ankermenu {display: none;}*/ #ankermenu .anchor_tabmenu {width: 100%;} .ankermenu .anchor_tabmenu li:last-child {margin-right: 5px;} } @media (max-width: 1220px) and (min-width: 900px){ .objgalerie .galleria-container {height: 595px !important;} } @media (max-width: 900px) { .ce_fewo_bewertungCoSlider {width: 100%;} .ce_fewo_rating {border-right: 0px;} .ce_fewo_bewertungCoSlider .fewo_objekt_titel {width: calc(100% - 50px);} .objgalerie {width: 100%; margin-bottom: 15px;} .detailcontainer_left {width: 100%;} .detailcontainer_left .preisrechner_scrollto {display: inline-block; margin-bottom: 0px; height: 40px; line-height: 38px; padding: 0px 15px 0px 40px;} .detailcontainer_left .fewo_detail_merken, .detailcontainer_left .fewo_detail_anfrage a {} .detailcontainer_left .basic_objectinfos .fewo_detail_preis {right: 20px; top: 47px; position: absolute; text-align: right; margin-top: 0px;} .detailcontainer_left .basic_objectinfos {position: relative;} .detail_buttons_top, .detail_buttons_top div {display: inline-block;} #anchor_aus .fewo_detail_ausstattung_gruppe {width: calc(50% - 10px) !important; margin-right: 20px !important;} #anchor_aus .fewo_detail_ausstattung_gruppe:nth-child(3n) {margin-right: 20px !important;} #anchor_aus .fewo_detail_ausstattung_gruppe:nth-child(2n) {margin-right: 0px !important;} .ce_fewo_angebote .angebot_header .fewo_angebot_image, .ce_fewo_bewertungaktuell .fewo_voting .fewo_objekt_image {width: 50%;} .detailcontainer_left .fewo_detail_merken, .detailcontainer_left .fewo_detail_anfrage a, .detailcontainer_left .fewo_detail_gemerkt {position: relative; bottom: inherit; lefT: inherit; margin-top: 10px; display: inline-block;} .detailcontainer_left .fewo_list_merken {margin-bottom: 0px;} } @media (max-width: 850px) { .kalender .belkal {width: 32%; margin-right: 2%;} .kalender .belkal:nth-child(3) {margin-right: 0px;} .kalender .belkal:nth-child(4) {display: none;} } @media (max-width: 800px) { .ce_fewo_objCoSlider .fewo_list_titel a {font-size: 20px;} .ce_fewo_objCoSlider {padding: 0px; margin-top: 10px; margin-bottom: 10px;} .ce_fewo_objCoSlider .slider-control, #jahreszeiten {display: none;} .bewertungen_liste .dtv_infobox, .fewo_beschreibung, .fewo_detail_map.entfernungen_da .fewo_map {width: 100%;} .fewo_detail_map .fewo_entfernungen {width: 100%; border-left: 2px solid #134A78; margin-top: 20px; height: auto; } .ce_fewo_bewertungaktuell .fewo_voting .fewo_objekt_image {width: 100%; margin-bottom: 10px;} .ce_fewo_bewertungaktuell .fewo_voting .fewo_objekt_image img, .ce_fewo_bewertungaktuell .fewo_voting .fewo_voting_owner_message {width: 100%;} .ce_fewo_karte .map_objekte_item .fewo_list_data div {width: 100%;} .ce_fewo_karte .fewo_map_preis {display: none;} .ce_fewo_karte .fewo_map_objekte h1 {font-size: 16px; margin-bottom: 0px;} .ce_fewo_karte .map_objekte_item .fewo_list_data {margin: 0px;} .ce_fewo_karte .map_objekte_item .fewo_map_submit a {margin-top: 5px;} .objliste .fewo_list_item .fewo_list_merken a {float: left; clear: left;} } @media (max-width: 750px) { .anfragedetails .fewo_list_image {width: 40%;} .anfragedetails .fewo_data_container {width:calc(60% - 25px);} .fewo_details_saison td {float: left; width: 33%; text-align: left !important; border-bottom:0px!important;} .fewo_details_saison .fewo_saison_line_even {background-color: #f2f2f2;} .fewo_details_saison thead td {display: none;} .fewo_details_saison .mobile_price_label {display: inline-block !important; font-weight: bold; margin-right: 5px; width: 100%;} } @media (max-width: 700px) { .content_circle .ce_text {width: 100%; margin-left: 0px !important; margin-bottom: 30px;} .content_circle .ce_text .image_container {margin-bottom: 10px;} .ce_fewo_listenfilter #listenfilterform {width: 100%;} .ce_fewo_listenfilter .fewo_merkzettel_anzahl {position: absolute; bottom: 0px; right: 0px; background-color: transparent; width: auto; line-height: inherit; border: 0px; height: auto;} .mobile_price_label {display: inline-block !important; font-weight: bold; margin-right: 5px; width: 100%;} .fewo_details_saison thead td, .fewo_details_angebote thead td {display: none;} .fewo_details_saison .fewo_saison_line_even, .fewo_details_angebote .fewo_saison_line_even {background-color: #f2f2f2;} .fewo_details_angebote .fewo_angebot_titel {float: left; width: 50%; border-bottom: 0px !important;} .fewo_details_angebote .fewo_angebot_zeitraum {float: left; width: 50%; border-bottom: 0px !important;} .fewo_details_angebote .fewo_angebot_mintage {float: left; width: 50%;} .fewo_details_angebote .fewo_angebot_buchen {float: left; width: 50%; margin-top: 19px;} .fewo_buchung_basisdaten .anz_kleinkinder {clear: left !important;} .fewo_buchung_basisdaten .select_anzahl {width: 50% !important;} .ce_fewo_buchungsmaske .sbHolder {width: 125px;} .ce_fewo_angebote .fewo_list_item .fewo_list_angebotdetails a, .objliste .fewo_list_item .merkzettel_delete a {float: left; clear: left;} .kartensuche_menu, .footer_top .objektsuche_footer {display: none;} .ce_fewo_bewertungsform .fewo_bew_punkte {width: 100%; margin-bottom: 10px;} .ce_fewo_bewertungsform .fewo_bew_punkt {display: inline-block; margin-right: 25px;} .ce_fewo_bewertungsform .formsubmit input {margin-left: 0px; margin-top: 10px;} .ce_fewo_bewertungsform .formelements {width: 100%;} } @media (max-width: 667px) { /*.home_slider .flexslider {height: 250px; overflow: hidden;} .flexslider .slides img {height: 250px; width: auto; max-width: inherit;} .ce_flexSlider {height: 250px; float: left; width: 100%; display: inline-block;}*/ .footer_bottom .copyright {width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;} .fewo_detailvoting {width: 100%; margin-right: 0px; height: auto;} #anchor_bew .ce_fewo_bewertungsliste {width: 100%;} .fewo_detailvoting .fewo_detail_voting_link a {display: inline-block; position: inherit; bottom: inherit; margin-top: 10px;} .fewo_detailvoting .guestbook_link a {display: inline-block; position: inherit; bottom: inherit; margin-top: 10px;} .kalender .belkal {width: calc(50% - 10px); margin-right: 20px !important; float: left; margin-bottom: 20px;} .kalender .belkal:nth-child(2n) {margin-right: 0px !important;} .kalender .belkal:nth-child(4) {display: block;} .kalender .fewo_buchungsplan {display: inline-block;} .fewo_details_saison td {float: left; width: 50%;} .objliste .fewo_list_item .fewo_list_preis {top: 75px; } } @media (max-width: 600px) { .objliste .fewo_list_item .fewo_list_preis {text-align: center;} .objliste .fewo_list_item {width: 100%; margin-right: 0px;} .objliste .fewo_list_item.last {border-bottom: 0px !important;} #anchor_aus .fewo_detail_ausstattung_gruppe {width: 100% !important; margin-bottom: 10px !important; margin-right: 0px !important; max-height: none !important; min-height: initial !important; padding-bottom: 0px; padding-top: 0px;} #anchor_aus .fewo_detail_ausstattung_gruppe ul {min-height: initial !important;} #anchor_aus .fewo_detail_ausstattung_gruppe ul li:nth-of-type(n+5) {height: auto !important; overflow: visible !important;} #anchor_aus .fewo_detail_ausstattung_gruppe .show_more {display: none !important;} .anfragedetails .fewo_data_container, .anfragedetails .fewo_list_image {width: 100%;} .anfragedetails .fewo_detail_bewertung_sterne {left: 10px; padding:5px; background-color: rgba(255, 255, 255, 0.8);} .fewo_beschreibung{height: 100px; position: relative; overflow: hidden;} .fewo_beschreibung.show_details {height: auto;} .fewo_beschreibung .show_more_details {display: block; position: absolute; top: 10px; right: 0px;} .fewo_beschreibung h2 {width: calc(100% - 93px);} #anchor_aus .ce_fewo_objdetails {height: 122px; position: relative; overflow: hidden;} #anchor_aus .ce_fewo_objdetails.show_details {height: auto;} #anchor_aus .ce_fewo_objdetails .show_more_details {display: block; position: absolute; top: 10px; right: 0px;} #anchor_aus h2 {width: calc(100% - 93px);} #anchor_pre .object_prices {height: 518px; position: relative; overflow: hidden; padding-top: 18px;} #anchor_pre .object_prices.show_details {height: auto;} #anchor_pre .object_prices .show_more_details {display: block; position: absolute; top: -2px; right: 0px;} .fewo_saison_titel, .fewo_saisonhead_titel {display: none;} } @media (max-width: 560px) { .fewo_buchung_anreise, .fewo_buchung_abreise {width: 100% !important;} .fewo_buchung_basisdaten .select_anzahl {width: 100% !important;} } @media (max-width: 550px){ .home_slider {margin-top: 0px !important;} .erreichbarkeit {width: calc(100% - 180px) !important; position: absolute; bottom: 0px; right: 15px;} #header {position: relative;} #header .inside {position: initial;} #header .logo {width: 150px; margin-top: 40px;} .home_slider .ce_fewo_objsuche .formbody .formelem {width: calc(50% - 5px);} .home_slider .ce_fewo_objsuche .formbody .formelem.fld_bis {margin-right: 0px;} .home_slider .ce_fewo_objsuche .formsubmit input {bottom: 0px; right: 0px; width: calc(50% - 5px);} .home_slider .ce_fewo_objsuche .formelem .widget {margin-top: 0px !important;} .home_slider .ce_fewo_objsuche .formelem:before {display: none;} .home_slider .ce_fewo_objsuche .formelem.fld_personen {margin-bottom: 0px;} #home .ce_text h1 {margin-top: 0px;} #home .ce_text {margin-top: 10px !important;} #footer-top .ce_text {margin-bottom: 20px !important;} .home_slider .ce_fewo_objsuche .formsubmit input {font-weight: normal; font-size: 12px; text-transform: uppercase;} h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} .objliste .sortdiv {float:left; width: 100%; margin-left: 0px; margin-top: 10px;} .objliste .fewo_list_result_count {display: inline-block; width: 100%;} .mod_pageImage, .detail #container {margin-top: 0px;} .infodetails {padding-top: 25px !important;} #anchor_pre .fewo_details_leistung { width: 100%;} #ankermenu {top: 0px; z-index: 98;} .detailgalerie {padding-top: 12px;} } @media (max-width: 500px) { .ce_fewo_objCoSlider {margin-bottom: 30px;} .ce_fewo_objCoSlider .fewo_list_image {width: 100%; margin-right: 0px; margin-bottom: 10px;} .ce_fewo_objCoSlider .fewo_list_sliderdata {width: 100% !important;} .dtv_objekte h2 {font-size: 16px;} .footer_top .kontakt_footer {width: 100%; margin-right: 0px;} .ce_fewo_listenfilter .formelem.type_text {width: calc(50% - 2.5px); margin-right: 5px; margin-bottom: 5px;} .ce_fewo_listenfilter .formelem.type_select {width: calc(50% - 2.5px) !important; margin-right: 5px; margin-bottom: 5px;} .ce_fewo_listenfilter .formelem.fld_bis, .ce_fewo_listenfilter .formelem.fld_schlafzimmer, .ce_fewo_listenfilter .formelem.fld_ort {margin-right: 0px !important;} .detailcontainer_left .basic_objectinfos .fewo_detail_preis {margin: 10px 0px; text-align: left; position: inherit; top: inherit; right: inherit;} .ce_fewo_angebote .angebot_header .fewo_angebot_image {width: 100%; margin-bottom: 10px;} } @media (max-width: 475px) { .erreichbarkeit {width: calc(100% - 80px) !important; position: absolute; top: 10px; left: 15px; text-align: left !important; bottom: inherit;} #header {height: 140px;} #header .logo {margin-top: 65px; left: calc(50% - 75px);} .kontakform .widget textarea {width: 100%; max-width: 100%;} .kontakform .submit_container input {margin-left: 0px;} .kontakform .widget label {width: 100%;} } @media (max-width: 450px) { .kalender .belkal {width: 100%; margin-right: 0px !important;} .kalender .belkal tbody {padding-left: 25px; padding-right: 25px;} .detailcontainer_left .fewo_detail_merken {margin-bottom: 10px;} } @media (max-width: 400px) { .erreichbarkeit p {font-size: 15px; line-height: 15px;} .ce_fewo_rating {width: 100%; padding-right: 0px; margin-right: 0px;} .ce_fewo_listenfilter .fewo_merkzettel_anzahl {display: none;} .fewo_buchung_zahlung {width: 100%;} .fewo_details_saison td { width: 100%;} .detailcontainer_left .fewo_list_merken { margin-bottom: 10px;} } @media (max-width: 350px) { .ce_fewo_listenfilter .formelem.type_select {width: 100% !important; margin-right: 0px !important; } .zelle_leistung {width: 100%!important; text-align: left!important;} }