/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 21.07.2017, 13:36:39
    Author     : Daniel Petrovic
*/

html, body {
    /*height: 100%;*/
    /*background:#24387d;*/
    color: #fff
}
body {
    height: auto;
    overflow-y: auto !important;
}


.post-content .blue h3 {
    color: #FFFFFF;
    font-size: 20px;
}

.post-content .white h3 {
    color: #000000;
    font-size: 20px;
}

.dp-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.wrapcontent {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    font-family: 'Montserrat', sans-serif;
}

.content {
    margin: 1em;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    /*&::before {
        display:block;
    }*/
}

.b-margin-large {
    margin-bottom: 2em;
}

.leftcolumn {
    display: block;
}

.rightcolumn {
    position: relative;
    display: block;
    min-width: 60%;
    margin-left: 2em;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-nav {
    width: 100%;
    display: block;
    font-size: small;
}


#main-nav li {
    float: left;
    margin-right: 1em;
    text-transform: uppercase;
}

#main a,
#main a:visited,
#main a:hover {
    text-decoration: none;
    color: inherit;
}

a.fusion-social-network-icon,
a.fusion-social-network-icon:visited,
a.fusion-social-network-icon:hover {
    text-decoration: none !important;
}

#main button {
    cursor: pointer;
}

#main button a {
    text-decoration: none;
}

#main button a:hover {
    text-decoration: none;
}

#main a.btn {
    display: inline-block;
    color: #24387d;
    text-decoration: none;
}

#main a.btn:hover {
    text-decoration: none;
}


.btn-yellow {
    background: #fcb100;
    color: #24387d;
    padding: 10px;
    border: none;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 17px;
    width: 270px;
    text-transform: uppercase;
}

.btn-orange {
    background: #ea571e;
    color: #24387d;
    padding: 10px;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    width: 270px;
}

.btn-green {
    background: #95c231;
    color: #24387d;
    padding: 10px;
    border: none;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 17px;
    width: 270px;
}

.with-ico .ico {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    line-height: 26px;
    border: 1px #24387d solid;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 12px;

}

.with-ico .ico.no-border {
    border: none;
    border-radius: unset;
}

/*.btn-vgroup button,
.btn-vgroup a.btn {
    width: 100%;
}*/

#extrasHotel,
#extrasRestaurant {
    font-size: small;
}

#area-logo, #area-extras {
    float: left;
    margin-bottom: 2em;
}

#area-logo {
    margin-right: 10%;
}

#area-navigation {
    float: left;
    margin-bottom: 1em;
}

#area-maincontent {
    float: left;
    margin-bottom: 1em;
}

#showmenu, #closemenu {
    display: none;
}

#wrapperHotelSearchStartPage,
#wrapperRestaurantSearchStartPage {
    z-index: 100;
}

.extras-searchform input {
    display: inline-block;
    border: none;
    border-radius: 2px;
    padding: 1em 0.5em 1em 1.5em;
    font-size: 0.8em;
    width: 80%;
    color: #24387d;
    border: 8px solid #174091;
}

.input-icons-wrapper {
    line-height: 28px;
}

.input-icons-wrapper img {
    height: 28px;
}

.img-overlay {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#btn-viewmap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background: #fcb100;
    color: #24387d;
    font-weight: bold;
    padding: 0.7em;
    border-radius: 3px;
}

li.area-extras-infosec {
    padding: 2.5em 0;
    border-bottom: 1px solid #fff;
}

.area-extras-infosec .infosec-title {
    display: block;
    font-size: x-large;
}

.infosec-items li.itemstyle1,
.infosec-items li.itemstyle2 {
    padding-left: 1em;
    font-size: 1.2em;
    margin: 1.25em 0;
}

.ileft,
.iright {
    display: inline-block;
}

.itemstyle1 .ileft {
    min-width: 33%;
}

.itemstyle2 .ileft {
    width: 80%;
}

.itemstyle2 .iright, .text-right {
    text-align: right;
}

.infosec-items .more {
    position: absolute;
    color: #fcb100;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: -2em;
}

#myModal .preloader {
    width: 400px;
    height: 400px;
    text-align: center;
}

.zipcodecity-html {
    width: 100%;
    overflow: hidden;
    color: inherit;
}

.zipcodecity-html .z-content {
    width: 100%;
    height: 600px;
    overflow: auto;
}

.zipcodecity-html ul {
    /*
	color:#1f3068;
	background:#f6d710;
    background: #fdd200;
    */
    background: white;
    padding: 0;
    margin: auto 0;
    color: inherit;
}

.zipcodecity-html ul li {
    border-bottom: 1px solid rgba(133, 116, 0, 0.4);
    padding: 10px 20px;
    font-size: 13px;
    cursor: pointer;
    color: inherit;
}

.zipcodecity-html ul li:hover {
    background: #ebebeb;
}

.zipcodecity-html ul li.isheading:hover {
    background: white;
}

.zipcodecity-html ul li.isheading {
    cursor: default;
    background: none;
}

.zipcodecity-html ul span.item-heading {
    margin-left: -10px;
    /*
	color:#857400;
    */
    font-weight: bold;
    font-size: 16px;
}

.searchresult-heading {
    background: #fff;
    color: #24387d;
    width: 100%;
    padding-left: 20px;
}

.searchresult-heading .total-count {
    font-weight: bold;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.searchresult-heading .searchresult-sort {
    font-size: 16px;
    float: left;
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

.searchresult-heading ul.sortby {
    float: left;
    margin-right: 2px;
}

.searchresult-heading ul.sortby li {
    background: #174091;
    color: white;
    padding: 5px 15px;
    text-align: center;
    display: none;
    cursor: pointer;
}

.searchresult-heading ul.sortby li.button {
    font-weight: bold;
    display: block;
}

.searchresult-heading ul.sortby li.v:hover {
    background: #2851a2;
}

.searchresult-heading ul.sortorder {
    float: left;
    cursor: pointer;
}

.searchresult-heading ul.sortorder li {
    margin: 0;
    padding: 5px 10px;
    background: #174091;
    text-align: center;
}

.searchresult-heading ul.sortorder li img {
    height: 15px;
    padding: 0;
    margin: 0;
}

ul.searchresult-pagination li {
    display: inline-block;
    margin: 2px;
    padding: 5px;
    font-size: small;
    border: 1px solid #123456;
    cursor: pointer;
}

ul.searchresult-pagination li.active {
    background: white;
    color: #174091;
}

#btn-sortsearch {
    background: #174091;
    color: white;
    font-size: large;
    border: none;
    padding: 1em;
}

.resultitem {
    /*font-size: 0.70em;*/
    font-size: 15px;
    font-weight: bolder;
    background: #f7f7f7;
    color: #24387d;
    border-bottom: 3px solid white;
    /*padding-bottom: 6px;*/
}

.resultitem.active,
.resultitem:hover {
    background: #e6e6e6;
}

/*
.resultitem.even {
	background:#e8ebf1;
}
*/

#main .resultitem a.resultitem-title-anchor {
    text-decoration: none;
}

.resultitem .resultitem-title a {
    text-decoration: none !important;
}


.resultitem .resultitem-title, .resultitem .resultitem-title-mobile, .mobile-detail-page-title {
    font-weight: bolder;
    display: block;
    margin-bottom: 5px;
    font-size: 1.25em;
    color: #24387d;
}

.resultitem .resultitem-media {
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
}

.resultitem .img {
    float: left;
    margin-left: 0;
}


.resultitem ul.data {
    float: left;
    margin-right: 1em;
    padding-top: 0.25em;
}

.resultitem ul.data > li {
    margin-left: 1em;
}

.resultitem.noimg ul.data > li {
    float: left;
    padding-top: 1em;
    padding-bottom: 2em;
}

.resultitem.noimg ul.data > li:first-child {
    min-width: 20em;
}

.resultitem .resultitem-footericons {
    position: relative;
    padding: 0 10px;
}

.resultitem-footericons img {
    height: 24px;
}

.resultitem-footericons .varta-ico {
    margin-right: 4px;
}

.resultitem-footericons .ico-star {
    margin-top: 6px;
    height: 12px;
}

.resultitem-footericons .dehoga-superior {
    font-size: 12px;
    line-height: 24px;
}

.resultitem-footericons ul.booking {
    position: absolute;
    width: 100%;
    left: -100%;
    bottom: 0;
}

.resultitem button.booking-btn {
    padding: 0;
}

.resultitem-paymenticons img {
    width: 20px;
}

.resultitem img.varta-tip, .details-varta-tipps-mobile .varta-tip{
    height: 20px;
    margin-right: 12px;
    margin-bottom: 5px;
    width: auto;
}

#img-bewertung img.varta-diamond {
    height: 20px;
    vertical-align: bottom;
}
.resultitem img.varta-diamond {
    height: 28px;
    vertical-align: bottom;
    width: auto;
}

.resultitem img.varta-diamond.last, #img-bewertung img.varta-diamond.last {
    margin-right: 12px;
}


/* begin single view  css only */
#thecarousel .item > img {
    height: 450px;
    margin: auto;
    margin-right: 0;
}

#img-bewertung {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0;
}

#img-bewertung img.varta-tip {
    height: 20px;
    margin: 0 5px;
    vertical-align: middle;
    position: relative;
    bottom: 5px;
    margin: 5px 15px;
    width: auto;
}

#img-bewertung img.varta-diamond {
	height: 30px;
    vertical-align:middle;
}


div.slider-thumbs {
    display: table;
    width: 100%;
}

div.slider-thumbs > div {
    display: table-cell;
    vertical-align: middle;
}

.thumbnail {
    background: none;
    border: none;
}

.thumbnail:hover {
    background-color: #174091;
}

.thumbnail img {
    border-radius: 5px;
    width: 100px;
    height: 75px;
}

.extra2-titles {
    font-size: large;
    font-weight: bold;
}


.extra2-titles li {
    margin-bottom: 0.5em;
}

#main .extra2-titles a.active {
    color: #fcb100;
}

.infobox {
    display: table;
    width: 100%;
}

.infobox > div {
    display: table-cell;
    border: 0.5em solid #949dbf;
    padding: 1em;
    background: #e6e6e6;
    color: black;
}
.search-form-button {
    background-color: #ffffff;
    color: var(--body_typography-color);
    border-color: #ffffff;
}
/* begin def sprites */


/* EXTRAS 1 */
/* old version */
/*

.icoextras1-wrapper {
	display:inline-block;
	background:#24387d;
	border:1px solid white;
	margin-right:4px;
	margin-bottom:4px;
}

.icoextras1 {
	display:inline-block;
	background: url('../img/sprite_icon_extras_1.png') no-repeat;
	background-size:cover;
	width:40px;
	height:40px;
}

.icoextras1.i-wireless {
}

.icoextras1.i-restaurant {
	background-position:0 -40px;
}

.icoextras1.i-invalid {
	background-position:0 -80px;
}

.icoextras1.i-dog {
	background-position:0 -120px;
}

.icoextras1.i-park {
	background-position:0 -160px;
}

.icoextras1.i-golf {
	background-position:0 -200px;
}

.icoextras1.i-fitness {
	background-position:0 -240px;
}

.icoextras1.i-fitness {
	background-position:0 -240px;
}

.icoextras1.i-cigar {
	background-position:0 -280px;
}

.icoextras1.i-coffee {
	background-position:0 -320px;
}

.icoextras1.i-creditcard {
	background-position:0 -360px;
}

.icoextras1.i-swimming {
	background-position:0 -420;
}
*/

#hoteldetails-icons1-wrapper,
#restaurantdetails-icons1-wrapper {
    /*display: flex;
    flex-wrap: wrap;*/
}

#hoteldetails-icons1-wrapper img,
#restaurantdetails-icons1-wrapper img {
    width: 25%;
    /*flex: 1 0 21%;*/
    margin-bottom: 4px;
}

.detail-name-wrapper {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
}

#hoteldetail-hotelname,
#restaurantdetail-restaurantname {
    /*
        width:100%;
        position:absolute;
        left:0;
        bottom:50px;
        vertical-align: middle;
    */
    position: relative;
    width: 100%;
    /*text - align : center;*/
    padding: 6px;
}

#hoteldetail-hotelname .hotelname-bg,
#restaurantdetail-restaurantname .restaurantname-bg {
    width: 100%;
    height: 100%;
    /*background:black;*/
    background: white;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#hoteldetail-hotelname .hotelname-text,
#restaurantdetail-restaurantname .restaurantname-text {
    /*color: white;*/
    /*text-shadow: 2px 2px #000;*/
    color: #24387d;
    font-size: 32px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    z-index: 1;
    position: relative;
    display: block;
    text-align: center;
}

.detailmedia.varta-logo {
    visibility: hidden;
}

#hoteldetail-hotelname .claim,
#restaurantdetail-restaurantname .claim {
    font-weight: bold;
    color: #FCB100;
    z-index: 1;
    position: relative;
    text-shadow: 1px 1px #000;
    display: block;
    text-align: center;
}


.col-html,
.col-html .html-content,
.col-html .html-content p {
    line-height:23px;
    font-weight:400;
    font-size: 16px;
}


#hoteldetail-texts-wrapper .col-html .html-content.opened,
#restaurantdetail-texts-wrapper .col-html .html-content.opened,
#general-information.col-html .html-content.opened {
    max-height: none;
}

.col-html .html-content p {
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: 100;

    -webkit-margin-before: 0px;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}

.col-html .txtcolor {
    color: #24387d;
    padding: 0 16px;
    background: white;
}

.col-html .txtcolor .col-html-title {
    color: #24387d;
    cursor: pointer;
    position: relative;
    padding-top: 0;
    margin-top: 0;
}

.col-html .col-html-title {
    font-size: 17px;
    text-transform: uppercase;
}

.col-html .txtcolor.colorodd {
    background: none;
    color: white;
}

.col-html .txtcolor.colorodd .col-html-title {
    color: white;
}


#details-meta-other .meta-line {
    font-size: 14px;
    line-height: 14px;
}

#details-meta-other .meta-line img {
    width: 14px;
    line-height: 14px;
}

.accordion {
    overflow: hidden;
}

/* EXTRAS2 */
.icoextras2-wrapper {
    background: #fff;
    color: darkgray;
    text-align: center;
    border-top: 1px solid darkgray;
    padding: 2px;
    cursor: pointer;
}

.icoextras2-wrapper:first-child {
    border: none;
}

.icoextras2 {
    display: inline-block;
    width: 85px;
    background: url('../img/sprite_icon_extras_2.png') no-repeat;
    background-size: cover;
}

.icoextras2.i-auto {
    height: 45px;
    background-position: 0 0;
}

.icoextras2.i-tagung {
    height: 55px;
    background-position: 0 -60px;
}

.icoextras2.i-gastro {
    height: 45px;
    background-position: 0 -120px;
}

.icoextras2.i-golf {
    height: 70px;
    background-position: 0 -175px;
}

.icoextras2.i-wellness {
    height: 50px;
    background-position: 0 -245px;
}

.icoextras2.i-motocycle {
    height: 65px;
    background-position: 0 -295px;
}

/* --EXTRAS 2 */

.icoextras2-content {
    display: none;
}

.extra2-titles .extra2-content {
    display: none;
}

ul.booking {
    background: #24387d;
    display: none;
}


ul.booking li {
    text-align: center;
}

ul.booking li:hover {
    background: #123456;
}

#main ul.booking li a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bolder;
    display: block;
    width: 100%;
}

/* end def sprites */

/* end single view css only */


.icons-general.view-hotel, .icons-general.view-restaurant {
    padding: 0;
    /*background: #ddd;*/
    width: 100%;
    height: 28px;
}

.resultitem button.booking-btn {
    border: none;
    /*background: #fcb100;
    width: 100%;
    color: #666;*/
    margin: 0;
    display: inline-block;
    height: 28px;
    /*font-weight: bolder;*/
}

.resultitem .resultitem-title-mobile {
    display: none;
}

.text-lg-align-center {
    text-align: center;
}

.mobile-hidden {
    display: block !important;
}

br.mobile-hidden {
    display: initial !important;
}

.mobile-inline-hidden {
    display: inline-block !important;
}

.desktop-hidden {
    display: none !important;
}

.desktop-inline-hidden {
    display: none !important;
}

.right-pool {
    float: right;
}

.left-pool {
    float: left;
}

.link-to-map {
    padding: 10px 0;
    color: #24387D;
}

.link-to-map a, .link-to-map a:hover, .link-to-map a:focus, .link-to-map a:visited {
    cursor: pointer;
    text-decoration: none !important;
}

.link-to-map i {
    font-size: 25px;
    margin-right: 5px;
}

.link-to-map-button {
    display: flex;
    align-items: center;
}

/*.link-to-map i:after {
	content: "";
	width: 30px;
	height: 15px;
	background-color: rgba(36, 56, 125, .7);
	display: block;
	padding: 0;
	margin: -2px 0 0;
	border-radius: 50%;
}*/
.total-count-mobile {
    margin: 8px 0 10px;
    font-weight: 700;
    font-size: 1.2em;
}


.gmarker-ratio-4-3 {
    width: 100%;
    position: relative;
    background-size: cover;
    background-clip: content-box;
    background-repeat: no-repeat;
}

.gmarker-ratio-4-3:before {
    display: block;
    content: "";
    padding-top: 75%;
}

#map .gm-style .gm-style-iw-c {
    padding: 15px 0 0 20px;
}

table.lunch-dinner {
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #eee;
    color: #999;
}

table.lunch-dinner td {
    text-align: center;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

table.lunch-dinner td .bg {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    background: #ddd;
    border-radius: 2px;
}

table.lunch-dinner td .circle {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    font-size: 6px;
    line-height: 6px;
    vertical-align: middle;
    background: #24387d;
}

table.lunch-dinner td span {
    vertical-align: middle;
    text-shadow: 1px 1px #fff;
}

.btn.btn-green-mobile, .btn.btn-orange-mobile {
    font-size: 20px;
    position: relative;
    display: block;
    /*margin: 0 auto;*/
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #24387d;
    transition: background-color .3s;
    height: auto;
    /*font-weight: bolder !important;*/
    text-align: center;
    line-height: 26px;
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
}

#main a.btn.btn-green-mobile, #main a.btn.btn-orange-mobile {
    display: block;
}

/*.btn-green-mobile span, .btn-orange-mobile span {
    font-weight: bolder !important;
}*/

.btn-green-mobile {
    background-color: #95c231;
}

.btn-orange-mobile {
    background-color: #ea571e;
}

.btn-blue-desktop {
    font-size: 20px;
    position: relative;
    display: block;
    /*margin: 20px auto;*/
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    background-color: #174091;
    color: #ecf0f1 !important;
    transition: background-color .3s;
    /*font-weight: bold !important;*/
    min-width: 35px;
    text-align: center;
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    height: auto;
    min-height: 50px;
    line-height: 30px;
    text-decoration: none !important;
    width: 270px;
}
.btn-blue-desktop span {
    display: block;
    height: 50px;
    width: auto;
    line-height: 50px;
}
.btn-green span {
    text-transform: uppercase;
    /*font-weight: bold !important;*/
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

/*********************************************************************************************************************/
/*************************************************** new Desktop styles **********************************************/
/*********************************************************************************************************************/
.resultitem button.booking-btn, .searchresult-pagination li,
#searchHotelToggleArea button.btn-yellow, #extrasSearchCriteria button.btn-yellow,
#hotel-details-container .mobile-details-contact .btn-yellow,
#restaurant-details-container .mobile-details-contact .btn-yellow,
#main .html-after-content a.btn, #main .html-content .btn {
    font-size: 20px;
    position: relative;
    display: block;
    margin: 5px auto;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    background-color: #174091;
    color: #ecf0f1;
    transition: background-color .3s;
    /*font-weight: bold !important;*/
    text-align: center;
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
}
.resultitem button.booking-btn,
#searchHotelToggleArea button.btn-yellow, #extrasSearchCriteria button.btn-yellow,
#hotel-details-container .mobile-details-contact .btn-yellow,
#restaurant-details-container .mobile-details-contact .btn-yellow,
#main .html-after-content a.btn, #main .html-content .btn {
    width: 100%;
}

/*.resultitem button.booking-btn,
#searchHotelToggleArea button.btn-yellow,
#extrasSearchCriteria button.btn-yellow,
#main .html-after-content a.btn, #main .html-content .btn {
    width: 100%;
}*/

.resultitem button.booking-btn, .searchresult-pagination li,
#searchHotelToggleArea button.btn-yellow, #extrasSearchCriteria button.btn-yellow,
#hotel-details-container .mobile-details-contact .btn-yellow,
#restaurant-details-container .mobile-details-contact .btn-yellow,
#main .html-after-content a.btn, #main .html-content .btn {
    font-size: 20px;
    position: relative;
    display: block;
    margin: 20px auto;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    background-color: #174091;
    color: #ecf0f1;
    transition: background-color .3s;
    /*ont-weight: bold !important;*/
    min-width: 35px;
    text-align: center;
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
}
.resultitem button.booking-btn {
    margin: 5px auto;
}
.btn, button {
    height: auto;
    min-height: 50px;
    line-height: 30px;
    font-size: 15px;
}
.resultitem button.booking-btn span, .resultitem .btn-green-mobile span, .btn-orange-mobile span {
    display: block;
    padding: 12px 0;
}
button.booking-btn {
    text-transform: uppercase;
}
.icons-general.view-hotel {
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
}
.icons-general.view-hotel, .icons-general.view-restaurant {
    /*background: white;*/
    height: auto;
    margin-bottom: 5px;
}
.resultitem-footericons div {
    height: auto !important;
}
#icons-general.detail-page .varta-ico {
    height: auto;
    margin-right: 0;
    padding: 5px;
    width: 45px;
    flex: 1 0 20%;
    margin-bottom: 4px;
}
.resultitem-footericons .varta-ico {
    height: auto;
    margin-right: 0;
    padding: 3px;
    width: 38px;
    flex: 1 0 20%;
    margin-bottom: 1px;
}

#hotel-details-container .download-prospekt-button,
#restaurant-details-container .download-prospekt-button {
    font-size: 20px;
    position: relative;
    display: block;
    margin: 20px auto;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    color: #174091;
    background-color: #fcb100;
    transition: background-color .3s;
    font-weight: bold !important;
    width: 270px;
    text-align: center;
    font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    padding: 10px;
}

#hotel-details-container .download-prospekt-button:hover,
#hotel-details-container .download-prospekt-button:focus,
#restaurant-details-container .download-prospekt-button:focus {
    background-color: #fcb100;
    text-decoration: none;
}

#hotel-details-container .download-prospekt-button,
#restaurant-details-container .download-prospekt-button{
    text-transform: uppercase;
    text-decoration: none !important;
}
@media (max-width: 980px) and (orientation: portrait) {
    .row-mobile {
        margin-left: -15px;
        margin-right: -15px;
    }
    .col-img {
        margin-bottom: 10px;
    }
    #routeStartFrom {
        width: 100%;
    }

    #vf-social-share-box .fusion-social-network-icon.fusion-tooltip.fusion-facebook.fusion-icon-facebook {
        color: #3B5998 !important;
    }

    #searchHotelToggleArea {
        margin-top: 20px;
    }

    #searchHotelToggleArea select {
        width: 100%;
    }

    .row.resultitem {
        padding: 15px;
        margin-bottom: 10px;
        border: 1px solid #cccccc;
        background-color: white;
    }

    .icons-general.view-hotel, .icons-general.view-restaurant {
        /*background: white;*/
        height: auto;
        margin-bottom: 5px;
        display: block;
        width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
    }

    .resultitem button.booking-btn,
    #searchHotelToggleArea button.btn-yellow,
    #extrasSearchCriteria button.btn-yellow,
    #main .html-after-content a.btn, #main .html-content .btn {
        width: 100%;
    }

    .resultitem button.booking-btn, .searchresult-pagination li,
    #searchHotelToggleArea button.btn-yellow, #extrasSearchCriteria button.btn-yellow,
    #hotel-details-container .mobile-details-contact .btn-yellow,
    #restaurant-details-container .mobile-details-contact .btn-yellow,
    #main .html-after-content a.btn, #main .html-content .btn {
        font-size: 20px;
        position: relative;
        display: block;
        margin: 20px auto;
        overflow: hidden;
        border-width: 0;
        outline: none;
        border-radius: 2px;
        box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
        background-color: #174091;
        color: #ecf0f1;
        transition: background-color .3s;
        /*font-weight: bold !important;*/
        min-width: 35px;
        text-align: center;
        font-family: PTSansRegular, Arial, Helvetica, sans-serif;
    }

    .btn, button{
        height: auto;
        min-height: 50px;
        line-height: 30px;
        font-size: 15px;
    }

    #searchHotelToggleArea button.btn-yellow {
        margin: 10px auto;
    }

    #searchHotelToggleArea input, #searchHotelToggleArea select {
        height: 50px;
    }

    #searchHotelToggleArea input, #searchHotelToggleArea select {
        padding-left: 15px;
    }

    .resultitem button.booking-btn:hover, .resultitem button.booking-btn:focus,
    #searchHotelToggleArea button.btn-yellow:hover, #extrasSearchCriteria button.btn-yellow:hover,
    #hotel-details-container .mobile-details-contact .btn-yellow:hover,
    #restaurant-details-container .mobile-details-contact .btn-yellow:hover,
    .searchresult-pagination li:hover, .searchresult-pagination li:focus,
    #searchHotelToggleArea button.btn-yellow:focus, #extrasSearchCriteria button.btn-yellow:focus,
    #hotel-details-container .mobile-details-contact .btn-yellow:focus,
    #restaurant-details-container .mobile-details-contact .btn-yellow:focus {
        /*background-color: #0079BF;*/
        text-decoration: none;
    }

    #hotel-details-container button,
    #hotel-details-container .btn.btn-green,
    #hotel-details-container .mobile-details-contact .btn-yellow,
    #restaurant-details-container button,
    #restaurant-details-container .btn.btn-green,
    #restaurant-details-container .mobile-details-contact .btn-yellow,
    #main .html-after-content a.btn, #main .html-after-content .btn {
        text-transform: uppercase;
        text-decoration: none;
    }

    #hotel-details-container .btn.btn-green,
    #restaurant-details-container .btn.btn-green {
        font-family: PTSansRegular, Arial, Helvetica, sans-serif;
        font-size: 20px;
    }

    #hotel-details-container .btn.btn-green .ico,
    #restaurant-details-container .btn.btn-green .ico {
        display: none;
    }

    .resultitem button.booking-btn > *, .searchresult-pagination li > *,
    #searchHotelToggleArea button.btn-yellow > *, #extrasSearchCriteria button.btn-yellow > * {
        position: relative;
    }

    .resultitem button.booking-btn span, .resultitem .btn-green-mobile span, .btn-orange-mobile span {
        display: block;
        padding: 12px 0;
    }

    .resultitem button.booking-btn:before, .searchresult-pagination li:before,
    #searchHotelToggleArea button.btn-yellow:before, #extrasSearchCriteria button.btn-yellow:before {
        content: "";

        position: absolute;
        top: 50%;
        left: 50%;

        display: block;
        width: 0;
        padding-top: 0;

        border-radius: 100%;

        background-color: rgba(236, 240, 241, .3);

        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .resultitem button.booking-btn.active:before, .searchresult-pagination li.active:before {
        width: 120%;
        padding-top: 120%;

        transition: width .2s ease-out, padding-top .2s ease-out;
    }

    .input-icons.input-classifications {
        -webkit-filter: drop-shadow(1px 1px 1px black);
        filter: drop-shadow(1px 1px 1px black);
    }

    #extrasHotel, #extrasRestaurant, .search-form-title, #sortByArea, #sortByArea li {
        color: #24387d;
    }

    #sortByArea li.li-button {
        padding: 10px;
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        cursor: pointer;
    }

    #sortByArea li.li-button:first-child {
        border-top: 1px solid #cccccc;
    }

    #sortByArea li.li-button:hover, .li-button.active {
        background-color: #cccccc;
    }

    .col-sm-big-font-size {
        font-size: 1.2em;
    }

    .resultitem .resultitem-title-mobile, .mobile-detail-page-title {
        display: block;
        margin-top: 5px;
    }

    /*#hotel-searchresult .resultitem-title, #restaurant-searchresult .resultitem-title {
        display: none;
    }*/

    .text-lg-align-center {
        text-align: left;
    }

    .resultitem-price br:first-child, .resultitem-price br:nth-child(2), .resultitem-price br:nth-child(3) {
        display: none;
    }

    .search-form-title-wrapper {
        display: none;
    }

    .hotel-details-container {
        color: #24387d;
    }

    .mobile-margin-10 {
        margin-bottom: 10px;
    }
    .mobile-margin-20 {
        margin-bottom: 20px;
    }
}

.easy-autocomplete-container ul {
    color: #1f3068;
}
#hotel-searchresult, #restaurant-searchresult {
    min-height: 150px;
}
.details-varta-tipps-desktop .varta-tip {
    height: 24px;
    margin-right: 12px;
    width: auto;
}
.do-check-wrapper img.do-check {
    position: absolute;
    left: 0;
    top: 4px;
}
.do-check-wrapper {
    display: flex;
    align-items: baseline;
    position: relative;
    padding-left: 22px;
}

/*img[data-title="Spezielle Angebote"] {
    display: none;
}*/
.address-block span {
    display: block;
}


table.lunch-dinner {
    width: 100%;
    margin: 10px 0;
    background: transparent;
    color: #174091;
    font-weight: bold;
}

table.lunch-dinner tr {
    border-bottom: 1px solid #174091;
}

table.lunch-dinner tr:first-child {
    border-top: 1px solid #174091;
}

table.lunch-dinner td {
    border-right: 1px solid #174091;
}

table.lunch-dinner td:first-child {
    border-left: 1px solid #174091;
}

table.lunch-dinner td .bg {
    background: transparent;
}
/* Old max-with: 490px*/
@media (max-width: 980px) and (orientation: portrait) {
    .col-html,
    .col-html .html-content,
    .col-html .html-content p {
        line-height: 23px;
        font-weight: 100;
        font-size: 15px;
    }
    .hotel-details-page .col-md-12.toggleable-area, .restaurant-details-page .col-md-12.toggleable-area {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .mobile-margin-top-10 {
        margin-top: 10px;
        display: block;
    }
    .image-copyright-mobile {
        bottom: -20px !important;
        font-size: 10px;
    }
    .do-dehoga img {
        width: 22px !important;
    }
    h4.entry-title {
        font-size: 19px !important;
        line-height: normal !important;
        font-family: Montserrat, sans-serif !important;
    }
    div#map_distance_approach {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    #main .html-after-content a.btn .ico, #main .html-content .btn .ico {
        display: none;
    }

    #img-bewertung {
        text-align: left;
        margin: 0 15px;
    }

    .col-open-close {
        display: none;
    }

    .hotel-details-page #main, .restaurant-details-page #main {
        padding-top: 20px !important;
    }

    /*br:nth-child(3n + 3) {
        display: none;
    }*/
    #icons-general.detail-page {
        margin: 0 -5px;
    }

    .col-html .txtcolor.colorodd {
        color: #24387d;
    }

    #map-wrapper #map {
        margin-bottom: 5px;
    }

    .varta-searchresult-content.content {
        margin-top: 0;
    }

    #extrasHotel, #extrasRestaurant {
        color: #174091;
    }

    .searchresult-heading .searchresult-sort {
        margin-bottom: 10px !important;
    }

    .wrapcontent {
        width: 100%;
        margin-top: 0;
    }

    .resultitem-footericons .varta-ico, #icons-general.detail-page .varta-ico {
        width: 20%;
        height: auto;
        margin-right: 0;
        padding: 5px;
    }

    .icons-general.view-hotel {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }

    .search-result-item-infos {
        font-size: 15px;
    }

    .mobile-hidden {
        display: none !important;
    }
    br.mobile-hidden, .mobile-inline-hidden {
        display: none !important;
    }

    .desktop-inline-hidden {
        display: inline-block !important;
    }

    .desktop-hidden {
        display: block !important;
    }

    .resultitem img.varta-tip, .details-varta-tipps-mobile .varta-tip{
        height: 20px;
        margin-bottom: 5px;
        width: auto;
    }

    .resultitem img.varta-diamond, #img-bewertung img.varta-diamond {
        height: 20px;
        width: auto;
    }

    .resultitem img.varta-tip.last {
        margin-bottom: 8px;
    }

    .resultitem-media {
        margin-bottom: 10px !important;
    }

    .searchresult-heading {
        padding-left: 0;
        padding-right: 0;
    }

    .searchresult-heading ul.sortby {
        width: calc(100% - 40px);
    }

    .searchresult-heading ul.sortorder {
        width: 35px;
    }

    .searchresult-sort {
        width: 100%;
    }

    .varta-searchresult-content #area-extras {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .ratio-4-3 {
        width: 100%;
        position: relative;
        background-size: cover;
        background-clip: content-box;
        background-repeat: no-repeat;
    }

    .ratio-4-3:before {
        display: block;
        content: "";
        padding-top: 75%;
    }

    .mobile-uppercase {
        text-transform: uppercase;
    }

    img[data-title="Angebote"], img[data-title="Spezielle Angebote"], a[title="Dieser Betrieb rettet Lebensmittel mit Too Good To Go"] {
        display: none;
    }

    html:not(.avada-has-site-width-percent) #main, html:not(.avada-has-site-width-percent) .fusion-footer-copyright-area, html:not(.avada-has-site-width-percent) .fusion-footer-widget-area, html:not(.avada-has-site-width-percent) .fusion-sliding-bar-position-bottom .fusion-sliding-bar, html:not(.avada-has-site-width-percent) .fusion-sliding-bar-position-top .fusion-sliding-bar, html:not(.avada-has-site-width-percent) .tfs-slider .slide-content-container {
        padding-left: 15px !important;
        padding-right: 15px !important;;
    }

    .post, section#content {
        margin-bottom: 0 !important;
    }

    button.booking-btn {
        text-transform: uppercase;
    }

    .resultitem-bottom-area {
        margin-left: -5px;
        margin-right: -5px;
    }

    .hotels-resultitem-bottom-area {
        margin-left: -10px;
        margin-right: -10px;
    }

    .yovite-link {
        display: none;
    }
    span#map-strap {
        display: none !important;
    }
    #sortOrderButton {
        display: block;
    }
    .varta-searchresult-content, #hotel-details-container, #restaurant-details-container {
        max-width: 500px;
        margin: 0 auto;
    }
    /*.post-content {
        color: #FFF !important;
    }

    #general-information.col-html .html-content {
        max-height: 345px;
    }

    .b-margin-large-desktop {
        margin-bottom: 2em;
    }*/
    #hoteldetail-texts-wrapper .mobile-margin-20, .row-desktop {
        clear: both;
    }
    .row-desktop:after {
        clear: both;
        content: " ";
        display: table;
    }

    .search-popup .popup__content .close {
        display: none;
    }
}

@media (min-width: 768px), (min-device-width : 768px) {
    #hoteldetail-texts-wrapper .col-img > div,
    #restaurantdetail-texts-wrapper .col-img > div {
        height: 230px;
    }
}
@media (min-width: 981px) and (orientation: landscape) {
    .restaurants-resultitem-title-anchor {
        /*min-height: 310px;*/
        display: flex;
        align-items: start;
        padding-top: 6px;
    }
    .hotels-resultitem-title-anchor {
        /*min-height: 270px;
        padding-top: 6px;*/
        display: flex;
        align-items: start;
    }
    .resultitem button.booking-btn,
    #searchHotelToggleArea button.btn-yellow, #extrasSearchCriteria button.btn-yellow,
    #hotel-details-container .mobile-details-contact .btn-yellow,
    #restaurant-details-container .mobile-details-contact .btn-yellow,
    #main .html-after-content a.btn, #main .html-content .btn {
        max-width: 260px;
    }
    .btn.btn-green-mobile, .btn.btn-orange-mobile {
        width: 270px;
    }
    #img-bewertung {
        text-align: left;
    }
    #sliderWrapper {
        padding: 0 !important;
    }
    #sortOrderButton {
        display: none;
    }
    .dp-wrapper {
        color: #fff;
    }
    .varta-searchresult-content {
        margin-left: 0px;
    }

    .resultitem .resultitem-media {
        height: 230px;
    }

    #hoteldetail-texts-wrapper .col-img > div,
    #restaurantdetail-texts-wrapper .col-img > div {
        height: 460px;
    }

    .col-html .html-content {
        overflow: hidden;
        position: relative;
        margin-right: -1em;
        padding-right: 1em;
        max-height: 345px;
    }


    #hoteldetail-texts-wrapper .col-html > div,
    #restaurantdetail-texts-wrapper .col-html > div {
        min-height: 460px;
    }
    #general-information.col-html > div {
        min-height: 460px;
    }
    #hoteldetail-texts-wrapper .mobile-margin-20, .row-desktop {
        margin-left: -15px;
        margin-right: -15px;
        clear: both;
    }
    .row-desktop:after {
        clear: both;
        content: " ";
        display: table;
    }
    .post .post-content {
        color: #FFF !important;
    }



    .search-popup {
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999999999999;
    }
    .search-popup .popup__content {
        width: 80%;
        overflow: auto;
        padding: 50px;
        background: white;
        color: black;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -200px);
        box-sizing: border-box;
    }
    .search-popup .popup__content .close {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 20px;
        display: block;
    }
    .search-popup .popup__content .close span {
        cursor: pointer;
        position: fixed;
        width: 20px;
        height: 3px;
        background: #099ccc;
    }
    .search-popup .popup__content .close span:nth-child(1) {
        transform: rotate(45deg);
    }
    .search-popup .popup__content .close span:nth-child(2) {
        transform: rotate(135deg);
    }
    .resultitem img.varta-diamond {
        margin-top: 5px;
    }

    .icons-general.view-restaurant {
        width: calc(100% + 10px);
    }

    .resultitem-bottom-area.hotels-resultitem-bottom-area {
        min-height: 170px;
    }

    .restaurants-resultitem-bottom-area {
        min-height: 200px;
    }
}

#main a.trigger-toggleable-area,
#main a.trigger-toggleable-area:visited,
#main a.trigger-toggleable-area:focus,
#main a.trigger-toggleable-area:hover,
a#sortOrderButton,
a#sortOrderButton:visited,
a#sortOrderButton:focus,
a#sortOrderButton:hover {
    background-color: #EDEEF2;
    height: 50px;
    margin: 5px 0;
    padding: 15px 10px;
    text-decoration: none;
    color: #25397E;
    font-weight: bold;
}

#main a.trigger-toggleable-area#sortByAreaButton,
#main a.trigger-toggleable-area#sortByAreaButton:visited,
#main a.trigger-toggleable-area#sortByAreaButton:focus,
#main a.trigger-toggleable-area#sortByAreaButton:hover,
a#sortOrderButton,
a#sortOrderButton:visited,
a#sortOrderButton:focus,
a#sortOrderButton:hover {
    margin: 0;
}
#main a.trigger-toggleable-area {
    display: none !important;
}

.fa.fa-play {
    transition: transform .2s;
}

.fa.fa-play.active {
    transform: rotateZ(90deg);
}

.fa.fa-play.desc {
    transform: rotateZ(90deg);
}

.fa.fa-play.asc {
    transform: rotateZ(-90deg);
}

.sort-order-button-wrapper {
    padding-left: 5px !important;
    text-align: center;
    color: #25397E;
}

.sort-by-button-wrapper {
    padding-right: 0 !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.display-none {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 980px) {
    .visible-lg {
        display: block !important;
    }
    .easy-autocomplete-container ul {
        /*background: #fcb100;*/
    }
    .easy-autocomplete-container ul span.item-heading {
        /*color: #857400;*/
    }
    .easy-autocomplete-container ul li {
        border-bottom: 1px solid rgba(133, 116, 0, 0.4);
    }
    #hoteldetail-texts-wrapper, #restaurantdetail-texts-wrapper {
        border: 1px solid #25397E;
    }
    .restaurant-hotel-details-container-top {
        width: 100vw;
        margin-left: calc(50% - 50vw - 28px);
        background-color: white;
        color: #24387d;
        padding: 20px;
    }
    .restaurant-hotel-details-container {
        margin-right: auto !important;
        margin-left: auto !important;
        padding-left: 55px;
        padding-right: 0;
        max-width: 1240px;
    }
    .restaurant-details-page #restaurant-details-container.container, .hotel-details-page #hotel-details-container.container {
        overflow: visible;
    }
}

@media only screen and (max-width: 1537px) {
    .hidden-xd {
        display: none !important;
    }
}


@media (max-width: 980px) and (orientation: portrait)  {
    .wrapcontent {
        width: 98%;
    }

    .leftcolumn,
    .rightcolumn {
        width: 98%;
    }

    .rightcolumn {
        margin-left: auto;
    }


    #main-nav {
        display: none;
    }

    #area-navigation:target #main-nav,
    #area-navigation:target #closemenu {
        display: block;
    }

    #area-navigation:target #showmenu {
        display: none;
    }

    #main-nav li {
        width: 100%;
        text-align: center;
        padding: 0.2em 0 0.2em 0;
        border-bottom: 1px solid #fff;
    }

    #showmenu,
    #closemenu {
        text-align: center;
        text-decoration: none;
        color: white;
        background: darkgray;
        padding: 0.2em;
        cursor: pointer;

    }

    #showmenu {
        display: block;
    }

    #closemenu {
        display: none;
    }


    #area-extra-map img.overlayable {
        width: auto;
    }

    .infosec-items {
        display: none;
    }

    .area-extras-infosec:target .infosec-items {
        display: block;
    }

    .resultitem ul.data {
        clear: both;
    }

    .resultitem ul.data > li {
        float: left;
    }

    .hidden-xs {
        display: none !important;
    }
    #main a.trigger-toggleable-area {
        display: block !important;
    }
    .post-content #restaurant-details-container h1.restaurant-infos, .post-content #hotel-details-container h1.hotel-infos {
        color: #ffffff;
    }
}


.modal-content {
    color: black;
    padding: 2em;
}

.easy-autocomplete-container {
    max-width: 300px;
    max-height: 350px;
    overflow-y: scroll;
    visibility: hidden; /* to fix bug in Firefox */
}

.easy-autocomplete-container ul li {
    padding: 10px 20px;
    font-size: 13px;
    border-bottom: 1px solid #cccccc;
}

.easy-autocomplete-container ul li.isheading.selected {
    cursor: default;
    background: none;
}

.easy-autocomplete-container ul span.item-heading {
    margin-left: -10px;
    font-weight: bold;
    font-size: 16px;
}

/* LIGHTBOX */
.lightboxcontainer {
    width: 100%;
    text-align: left;
}

.lightboxleft {
    width: 40%;
    float: left;
}

.lightboxright {
    width: 60%;
    float: left;
}

.lightboxright iframe {
    min-height: 390px;
}

.divtext {
    margin: 36px;
}

@media (max-width: 980px) and (orientation: portrait) {
    .lightboxleft {
        width: 100%;
    }

    .lightboxright {
        width: 100%;
    }

    .divtext {
        margin: 12px;
    }
}


/* Anpassung Ticket: http://138.201.6.221:3000/tasks/678 */
input#hs_namesimple, input#hs_poisimple,
input#rs_namesimple, input#rs_poisimple,
select#areaextended {
    color: #24387d;
    height: 50px;
    padding: 8px 15px;
}
.search-form-button {
    padding-left: 15px;
    padding-right: 15px;
}
/* Anpassung Ticket: http://138.201.6.221:3000/tasks/606 */
@media only screen  and (max-width: 1186px) {
    .fusion-builder-row.fusion-row {
        padding-left: 30px;
        padding-right: 30px;
        max-width: initial;
    }

    #varta-footer-bottom ul li a {
        padding-right: 0px;
    }
}

/* http://138.201.6.221:3000/tasks/533 */
.post-content #varta-main-about p span {
    line-height: initial;
}


/* http://138.201.6.221:3000/tasks/685 */
#varta-main-about p span {
    line-height: initial;
}

div#details-meta-accordion .col-md-12 .col-md-4, div#details-meta-accordion .col-md-12 .do-dehoga {
    font-size: 14.1376px;
    font-weight: 200;
}

#details-meta-accordion .do-dehoga img {
    vertical-align: middle;
}

@media (max-width: 320px) {
    .searchresult-heading .total-count {
        font-weight: bold;
        font-size: 34px;
    }
}

.fusion-main-menu {
    margin-right: -16px;
}

.advertise {
    font: 300 11px/18px Arial, sans-serif;
}

.font-size-1-em {
    font-size: 15px !important;
}

.web-mail-icon {
    margin: 10px 10px 0 0;
}

h1.mobile-detail-page-title {
    font-weight: bolder;
    display: block;
    margin-bottom: 5px;
    font-size: 1.25em;
    color: #24387d;
}

/*.varta-tip.last {
	margin-bottom: 10px;
}*/

.trigger-toggleable-area {
    text-transform: uppercase;
}

.mobile-details-contact {
    font-weight: bolder;
    margin-bottom: 15px;
    color: #24387d;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.lSAction-mobile {
    position: absolute;
    top: 45%;
    height: 50px;
    width: 90%;
}

.fusion-social-network-icon-mobile {
    color: #24387d;
    display: inline-block;
    margin: 0 10px 10px;
    font-size: 16px;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1;
}

.details-varta-tipps-mobile .varta-tip.last, .details-varta-tipps-desktop .varta-tip.last {
    margin-bottom: 8px;
}

.contact-item {
    display: flex;
    min-height: 30px;
    width: 100%;
    align-items: center;
}


.font-bolder {
    font-weight: bolder
}

#main .resultitem-title-mobile a, #main .resultitem-title-mobile a:hover, #main .resultitem-title-mobile a:focus, #main .resultitem-title-mobile a:visited {
    text-decoration: none
}
#main .post h2.blue-color, h2.blue-color, .blue-color{
    color: #24387d;
}
#h2.hotel-infos, #main .post h2.hotel-infos, #h2.restaurant-infos, #main .post h2.restaurant-infos{
    color: #ffffff;
    line-height: 23px;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 20px;
}

.post-content #restaurant-details-container h1.restaurant-infos, .post-content #hotel-details-container h1.hotel-infos {
    line-height: 23px;
    font-size: 16px;
    font-weight: bolder;
    margin: 0;
}

.h1 {
    font-size: var(--h1_typography-font-size);
    font-family: var(--h1_typography-font-family);
    font-weight: var(--h1_typography-font-weight);
    line-height: var(--h1_typography-line-height);
    letter-spacing: var(--h1_typography-letter-spacing);
    text-transform: var(--h1_typography-text-transform);
    font-style: var(--h1_typography-font-style,normal);
    margin-top: var(--h1_typography-margin-top);
    margin-bottom: var(--h1_typography-margin-bottom);
}

.h2 {
    font-size: 26px;
    margin-top: var(--h2_typography-margin-top);
    margin-bottom: var(--h2_typography-margin-bottom);
    font-family: var(--h2_typography-font-family);
    font-weight: var(--h2_typography-font-weight);
    line-height: var(--h2_typography-line-height);
    letter-spacing: var(--h2_typography-letter-spacing);
    text-transform: var(--h2_typography-text-transform);
    font-style: var(--h2_typography-font-style,normal);
}

.fusion-footer .h2 {
    color: #ffc107;
}
.mt-5 {
    margin-top: 5px;
}

.buttons-area {
    margin-top: 5px;
}
#routeStartFrom {
    max-width: 100%;
    width: 270px;
    height: 50px;
    margin-top: 10px;
}