/* Dropdown-Grundlayout */

.wpml-ls.js-wpml-ls-legacy-dropdown ul {
    width: 42px;
}

.tm-wpml-box li.wpml-ls-item a span {
    font-size: 17px;
    margin-top: 4px;
    margin-left: -5px;
}

.wpml-ls .wpml-ls-sub-menu {
     /* Versteckt das Dropdown-Menü standardmäßig */
     position: absolute;
     background-color: #960d36;
     padding: 0;
     margin-top: 0;
     list-style-type: none;
     left: 13px;
     padding-left: 3px;
     opacity: 0;
     pointer-events: unset;
     transition: all 0.5s;
     border-radius: 50px;
     padding-bottom: 5px;
}

/* Zeige das Dropdown-Menü, wenn es aktiv ist */
.wpml-ls .wpml-ls-item-legacy-dropdown.active .wpml-ls-sub-menu {
    display: block; /* Zeigt das Menü bei aktivem Zustand an */
    opacity: 1;
}

/* Stile für die Dropdown-Elemente */
.wpml-ls .wpml-ls-sub-menu li {
    margin: 0;
    display: flex; /* Positioniert Flagge und Text nebeneinander */
    align-items: center; /* Zentriert Flagge und Text vertikal */
    padding: 0px;
    height: 25px;
}

.wpml-ls .wpml-ls-sub-menu li a {
    color: black;
    text-decoration: none;
    display: flex; /* Macht es möglich, Flagge und Text nebeneinander zu platzieren */
    align-items: center;
}



/* Flagge und Text im Hauptmenü nebeneinander anordnen */
.wpml-ls .wpml-ls-item-toggle {
    display: flex;
    align-items: center;
}

/* Abstand zwischen Flagge und Text */
.wpml-ls img.wpml-ls-flag {
    margin-right: 5px;
    width: 13px;
    top: 1px;
    position: relative;
    left: -6px;
    opacity: 0;
}



li.wpml-ls-slot-shortcode_actions.wpml-ls-current-language a:before {
    font-family: ETmodules !important;
    content: "\33" !important;
    font-size: 18px !important;
    color: #fff;
    transition: all 0.5s !important;
    transform: rotate(0deg);
    position: absolute;
    right: -14px;
    margin-top: -2px;
}

ul.wpml-ls-sub-menu li a:before {
    display: none;
}


li.wpml-ls-slot-shortcode_actions.wpml-ls-current-language.active a:before {
    transform: rotateX(-180deg);
    margin-top: 2px;
}


.tm-wpml-box ul ul li.wpml-ls-item a span {
    font-size: 10px;
}


#contact-box {
  position: fixed;
  top: 180px;
  right: auto;
  left: 45%;
  padding: 10px;
  display: flex;
  align-items: center; /* Vertikale Zentrierung */
  z-index: 9999;
  transform: scale(2);
  transition: all 1s;
  border-radius: 32px;
}

#contact-box-tonder {
  position: fixed;
  top: 180px;
  right: auto;
  left: 24%;
  padding: 10px;
  display: flex;
  align-items: center; /* Vertikale Zentrierung */
  z-index: 9999;
  transform: scale(2);
  transition: all 1s;
  border-radius: 32px;
}

#contact-box-christele {
  position: fixed;
  top: 180px;
  right: 29%;
  left: auto;
  padding: 10px;
  display: flex;
  align-items: center; /* Vertikale Zentrierung */
  z-index: 9999;
  transform: scale(2);
  transition: all 1s;
  border-radius: 32px;
}

.on-scroll #contact-box {top: 13px;background-color: rgba(58, 71, 31, 0.95) !important;padding: 3px 0px 2px 15px;transform: scale(1.2);right: 0px; left: 87%;}
.tm-no-slider #contact-box {top: 13px;background-color: rgba(58, 71, 31, 0.95) !important;padding: 3px 0px 2px 15px;transform: scale(1.2);right: 0px; left: 87%;}
.tm-no-slider.on-scroll #contact-box-tonder, .tm-no-slider.on-scroll #contact-box-christele  {display: none!important}
/*.on-scroll #contact-box-tonder  {top: 7px; transform: scale(1.2); left: auto; z-index: 99999999; right: 290px;}
.on-scroll #contact-box-christele  {top: 7px; transform: scale(1.2); left: auto; z-index: 99999999; right: 50px;}*/

.on-scroll #contact-box-tonder, .on-scroll #contact-box-christele {display: none!important;}

.con-bo-phone.desk, .contact-text.desk {display: none!important;}
.tm-no-slider #contact-box .con-bo-phone.desk, .tm-no-slider #contact-box .contact-text.desk {display: flex!important;}
.on-scroll .con-bo-phone.desk, .on-scroll .contact-text.desk {display: flex!important;}

#contact-box a, #contact-box-tonder a, #contact-box-christele a {
  display: flex;
  align-items: center; /* Vertikale Zentrierung der Icons und des Textes */
  color: #FFF; /* Weißer Text und Links */
  text-decoration: none; /* Entfernt die Unterstreichung */
  margin-right: 10px; /* Abstände zwischen den Elementen */
}

#contact-box .icon, #contact-box-tonder .icon, #contact-box-christele .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px; /* Abstand zwischen Icon und Text */
  /*filter: brightness(0.6);*/
}

.on-scroll #contact-box .icon, .tm-no-slider #contact-box .icon {}



#contact-box .contact-text, #contact-box-tonder .contact-text, #contact-box-christele .contact-text {
  font-size: 15px;
  color: #FFF; /* Weißer Text */
  position: relative;
  left: -8px;
  font-weight: 200;
  text-transform: uppercase;
}

#contact-box a:hover, #contact-box-tonder a:hover, #contact-box-christele a:hover {
  text-decoration: underline; /* Optionale Unterstreichung beim Hover */
}









ul.sfm-menu li span[lang] {
    display: inline-block; /* Damit das Pseudoelement korrekt angezeigt wird */
    padding-left: 40px; /* Platz für die Flagge */
    position: relative; /* Damit das Pseudoelement korrekt positioniert werden kann */
}



ul.sfm-menu li span[lang]::before {
    content: ''; /* Inhalt des Pseudoelements */
    position: absolute; /* Absolut positioniert relativ zum Elternelement */
    left: 0; /* Position der Flagge */
    top: 53%; /* Vertikale Ausrichtung */
    transform: translateY(-50%); /* Zentrieren der Flagge */
    width: 29px; /* Breite der Flagge */
    height: 17px; /* Höhe der Flagge */
    background-size: cover; /* Flagge wird entsprechend der Größe des Pseudoelements angepasst */
}

ul.sfm-menu li span[lang="de"]::before {
    background-image: url('https://www.hotelclara.it/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.png'); /* Pfad zur deutschen Flagge */
}

ul.sfm-menu li span[lang="it"]::before {
    background-image: url('https://www.hotelclara.it/wp-content/plugins/sitepress-multilingual-cms/res/flags/it.svg'); /* Pfad zur italienischen Flagge */
}

ul.sfm-menu li span[lang="en"]::before {
    background-image: url('https://www.hotelclara.it/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.svg'); /* Pfad zur englischen Flagge */
}


#sfm-sidebar .sfm-menu-item-wpml-ls-82-de .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-it .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-en .sfm-sm-indicator i:after {
    width: 100%;
    padding: 15px 0 15px 95px;
    position: relative;
    left: -88px;
    z-index: 999;
    top: -14px;
    transform: rotate(0deg);
}


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

#sfm-sidebar .sfm-menu-item-wpml-ls-82-de .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-it .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-en .sfm-sm-indicator i:after {
    padding: 9px 0 11px 95px;
    left: -88px;
    top: -6px;
}

}



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

ul.sfm-menu li span[lang]::before {
    top: 57%;
    width: 19px;
    height: 12px;
}

ul.sfm-menu li span[lang] {
    padding-left: 29px;
}    
    
#sfm-sidebar .sfm-menu-item-wpml-ls-82-de .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-it .sfm-sm-indicator i:after, #sfm-sidebar .sfm-menu-item-wpml-ls-82-en .sfm-sm-indicator i:after {
    padding: 3px 0 3px 72px;
    left: -74px;
    top: -1px;
}

}










.icb-kontakt-icons {
    display: none!important;
}


div#contact_form_pop .et_pb_widget.widget_text {
    display: none;
}

.page-id-987493769 div#contact_form_pop .et_pb_widget.widget_text, 
.page-id-987500408 div#contact_form_pop .et_pb_widget.widget_text, 
.page-id-987501608 div#contact_form_pop .et_pb_widget.widget_text{
    display: block;
}

.et_bloom .et_bloom_form_container .et_bloom_close_button {
    margin-top: -9%;
}
.et_bloom_form_container.et_bloom_popup_container.et_bloom_form_bottom.with_edge.carrot_edge.et_bloom_rounded.et_bloom_form_text_dark.et_bloom_animation_slidedown {
    margin-top: -7%!important;
}

#myBox {
            display: block;
            font-family: 'League Spartan' !important;
            font-weight: 200;
            text-align: left;
            padding: 15px 24px;
            width: 100%;
            max-width: 100%;
            margin-top: -11%;
        }

        #showButton {
            display: none;
        }


.box {
    position: absolute;
    border: 1px solid #fff;
    padding: 20px;
    margin: 20px;
    width: 80%;
    border-radius: 16px;
    background-color: #475449f2;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20%;
    z-index: 9999;
    color: #fff;
    line-height: normal;
    box-shadow: 0 0 100px rgb(0 0 0 / 68%);
    line-height: 120%;
    max-width: 450px;
}

button.close-btn:before {
    background: #fff !important;
    border-radius: 50%;
    color: #666675;
    content: "\e60d";
    font-family: "ET-Bloom";
    padding: 6px;
    box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
}

.close-btn {
    position: absolute;
    top: -7px;
    right: -17px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    font-size: 16px;
}

div#myBox span {
    font-weight: 300!important;
    !;
    font-size: 197%;
    margin-bottom: 17px!important;
    display: block;
    font-family: 'Overpass-SC' !important;
    line-height: 100%!important;
    margin-top: 29px;
    color: #fff;
}

div#myBox span.info-pop-p {
    font-size: 111%;
    padding: 14px 0;
    margin-top: 6px;
    margin-bottom: 10px!important;
}


div#myBox br {
    display: none;
}

.startwidgets h4.dsm-title.et_pb_module_header {
    font-family: 'Overpass-SC' !important;
}

a.info-pop-link {
    background: #41372f;
    padding: 7px 26px!important;
    border-radius: 10px;
    color: #fff;
    font-family: 'Overpass-SC' !important;
    position: absolute;
    right: 32px;
    transition: all 0.5s;
}

a.info-pop-link:hover {
    transform: scale(0.95);
}
a.info-pop-img img {
    width: 100%;
    height: auto;
    display: block;
}

a.info-pop-img {
    position: absolute;
    width: 135px;
    top: -58px;
}

#myBox strong {
    color: #fff!important;
    font-weight: 500!important;
}


a.new-sda {position:absolute;z-index:99;width: 34px;height:auto;bottom:22%;left:0;right:0;margin:0 auto;}
span.scroll-down.et-pb-icon {width:55px; padding:11px; height:55px; padding-top:18px; border-radius:100%; left:0;}
.on-scroll .sfm-rollback:after {opacity:0}
div#tm-scroll-anfrage-top {position:absolute; right:70px; z-index:99999; top:75px;}
header#main-header {display:none; height:0}
.on-scroll header#main-header {margin-top:0}
a.tm-tel-s {margin-top:-69px; position:absolute; left:-10px; font-size:26px; right:0; width:100%; letter-spacing:0.5px; font-weight:500}
.metaslider .slides img {opacity: .90;}
.metaslider .flexslider {background:#000!important}
.metaslider .caption img {opacity:1}
#et-top-navigation {float:none; text-align:center}
#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav {float:none}
.et-fixed-header .logo_container {opacity:1}
#main-header {box-shadow:none; max-width:100%; margin:0 auto; left:0; right:0; box-shadow:none;}
.nav li {margin-right:-5px!important}
#main-header.et-fixed-header, .on-scroll #main-header {background-color:#8f8684!important;}
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {background-color:transparent!important}
.metaslider .caption-wrap .caption img {width:100%!important; height:auto}
#top-menu li a {letter-spacing:2px; font-weight:200!important; font-family:'Urbanist';}
.info-header-box {position:fixed; bottom:0; z-index:99999; right:0; opacity:1; width:230px; transition:all .7s;}
.on-scroll .info-header-box {z-index:-1; opacity:0;}
img.logo-suedtirol {position:absolute; left:20px; bottom:105px; width:85px!important; transition:all .5s; opacity:1;}
.on-scroll img.logo-suedtirol {transform:rotate(0deg); opacity:0;}
div#text-10 {display:block; width:100%}
.info-header-box img {width:100%; height:auto}
.info-header-box, .info-header-box img {transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s}
.tm-no-slider div#tm-header-custom-boxes {margin:0 auto; overflow:visible;}
.tm-no-slider .sfm-label-metro .sfm-navicon-button {background-color:transparent; transition:all 2s;}
.tm-no-slider.on-scroll .sfm-label-metro .sfm-navicon, .tm-no-slider.on-scroll #sfm-mob-navbar .sfm-navicon, .tm-no-slider.on-scroll .sfm-label-metro .sfm-navicon:after, .tm-no-slider.on-scroll #sfm-mob-navbar .sfm-navicon:after, .tm-no-slider.on-scroll .sfm-label-metro .sfm-navicon:before, .tm-no-slider.on-scroll #sfm-mob-navbar .sfm-navicon:before {background-color:#fff;}
.tm-no-slider.on-scroll .sfm-navicon-button::after {color:#ffffff!important;}
.tm-no-slider.superfly-on .sfm-rollback {left: 37px!important;top: 22px;transform: scale(1.3);right: auto;}
.tm-no-slider.on-scroll.superfly-on .sfm-rollback {transform: scale(1);}
.tm-no-slider .info-header-box, .tm-no-slider .mail-phone-box {display:none;}
.tm-no-slider .tm-wpml-box li.wpml-ls-item a {font-weight:500 !important;color: #ffffff;}

.tm-no-slider .tm-logo-mobil-box-headerslider-1 {
    width: 165px!important;
    left: 320px;
    right: auto;
    top: 28px;
    position: fixed;
}

.tm-no-slider .tm-logo-mobil-box-headerslider-1 .tonder {
    position: fixed;
    top: 28px;
    left: 125px;
    width: 165px!important;
    right: auto;
}

@media screen and (max-width:1650px) {
	.tm-logo-mobil-box-headerslider-1 {
  right: 23%!important;
}
#contact-box-christele {
  right: 26%;
}

}

@media screen and (max-width:980px) {
.tm-no-slider.superfly-on .sfm-rollback {left: 13px!important;top: 17px;transform: scale(0.9);}
.tm-no-slider .tm-logo-mobil-box-headerslider-1 {width: 168px!important;/*position: absolute!important;top: 18px;left: 100px;*/}
}

@media screen and (max-width:600px) {
.tm-no-slider.superfly-on .sfm-rollback {left: 13px!important; top: 22px; transform: scale(0.8); }
.tm-no-slider .tm-logo-mobil-box-headerslider-1 {left: 98px; top: 14px; }
.tm-no-slider.on-scroll.superfly-on .sfm-rollback {transform: scale(0.8); left: -6px!important; top: 4px; }
}

#tm-header-slider .et-pb-active-slide .et_pb_slide_description {animation-name:fadeIn; -webkit-animation-name:fadeIn}
#tm-header-slider .et_pb_slide_description, #tm-header-slider .et_pb_slider_fullwidth_off .et_pb_slide_description {width:auto; margin:auto; padding:67% 0 5%}
.tm-scroll-next-section {left:0; margin:0 auto!important; padding:0!important; position:absolute; right:0; width:120px}
.tm-custom-top-abstand-ohne-header {height:0!important; padding-top:0!important; margin-top:145px!important}
.on-scroll .tm-logo-mobil-box-headerslider-1 {
    opacity: 1;
    width: 120px!important;
    left: 260px;
    top: 25px;
	right: auto!important;
}

.on-scroll .tm-logo-mobil-box-headerslider-1 .tonder {
    left: 120px;
    width: 125px!important;
	top: 25px;
}

.tm-logo-mobil-box-headerslider-1 {
    position: fixed;
    z-index: 99999;
    top: 45px;
    left: auto;
    width: 320px;
    height: auto;
    right: 26%;
   /* margin: 0 auto;*/
    display: block;
    opacity: 1;
    transition: all 0.8s ease 0s;
    bottom: auto;
}

.tm-logo-mobil-box-headerslider-1 .tonder {
    position: fixed;
    z-index: 99999;
    top: 40px;
    left: 20%;
    width: 320px!important;
    height: auto;
    right: auto;
    margin: 0 auto;
    display: block;
    opacity: 1;
    transition: all 0.8s ease 0s;
    bottom: auto;
}

#tm-header-custom-boxes .metaslider .flex-direction-nav a , body #page-container .metaslider-flex.ms-theme-default .flex-next:focus, body #page-container .metaslider-flex.ms-theme-default .flex-prev:focus {opacity:1!important;height: 70px!important;width: 135px!important;bottom: 47%!important;top:auto!important;background-size: 100%!important;background-color: transparent;background-position: 100%!important;background-repeat:no-repeat!important;}
#tm-header-custom-boxes .metaslider .flex-direction-nav a.flex-next {background-image:url(../img/rechtsp.png)!important;right: 142px!important;!;}
#tm-header-custom-boxes .metaslider .flex-direction-nav a.flex-prev {background-image:url(../img/linkp.png)!important;left: 50px!important;right: auto;}
#tm-header-custom-boxes .metaslider .flex-direction-nav a:hover {transform:scale(.9);}
#sfm-sidebar .sfm-menu .sfm-child-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter {font-size:22px !important; padding:10px;}
#sfm-sidebar .sfm-menu .sfm-child-menu li a {padding:9px 0 20px!important;}
#sfm-sidebar.sfm-indicators .sfm-sm-indicator i {top:auto!important; margin:0!important;}
#sfm-sidebar .sfm-sm-indicator {line-height:16px!important; height:17px!important; top:auto!important; bottom:35px;}
body #sfm-sidebar.sfm-indicators .sfm-sm-indicator i {font-size:18px!important; color:#ffffff!important;}
#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-chapter, #sfm-sidebar .sfm-search-form {text-transform:none!important}
#et-top-navigation {padding:0!important}
#top-menu a {padding:72px 22px 30px!important; font-weight:normal}
#et_top_search {margin:56px 0 0 22px!important}
.et-fixed-header #et_top_search {margin:22px 0 0 22px!important}
.et-fixed-header #top-menu a, .on-scroll #top-menu a {padding:23px 10px!important; font-size:15px!important;}
#top-menu .sub-menu li a {padding:11px 25px!important;}
#top-menu .sub-menu li {padding:0}
.nav li li ul {left:100%}
#top-menu li .menu-item-has-children > a:first-child::after {right:5px!important; top:14px!important}
.tm-serviceleiste-links .widget_text, .tm-serviceleiste-rechts .widget_text {display:block; width:150px; margin-bottom:28px; position:relative; font-family:"ETmodules"!important}
#et-secondary-menu > ul > li.tm-info-menu a {font-size:20px; padding:11px 10px}
#et-secondary-menu > ul > li.tm-info-menu.tm-info-menu-angebote a {opacity:1!important}
#et-secondary-menu > ul > li.tm-info-menu a:hover, #et-secondary-menu > ul > li.tm-info-menu a:focus {background:#3A3028!important}
#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {opacity:1}
#top-header .container {font-weight:600; padding-top:0; text-align:center}
.tm-wpml-box li.wpml-ls-item a {background:transparent;display:flex;width:20px;text-align:center;height:40px;padding-top: 4px;margin-right:8px;border-radius:100%;font-weight:300;text-transform:uppercase;font-size:13px;font-weight:500!important;font-family:'Urbanist';color:#ffffff;}
.on-scroll.superfly-on .sfm-rollback {transform: scale(1.1);top:0;top: 14px;left: 15px!important;}
.superfly-on .sfm-rollback {display:block;height:auto!important;left:45%!important;right:auto;top: 50px;margin-top:0;transform: scale(1.7);transition:1s all; z-index: 999999!important;}

#sfm-sidebar.sfm-sidebar-exposed .sfm-scroll-wrapper {
  z-index: 9999999999!important;
}


.sfm-rollback {z-index:100000!important}
.sfm-navicon {position:relative; top:21px;}
.sfm-navicon-button.x.sf_label_default:after {content:"";width: 75px;height: 75px;display:block;background-color: rgb(255 255 255 / 95%);position:relative;top: -12px;transition:all .5s;border-radius: 100%;left: -4px;border: 1px solid #ffffff;border-style: dotted;}
.on-scroll.superfly-on .sfm-rollback .sfm-navicon-button.x.sf_label_default:after {transform:rotate(180deg)!important;top: -11px;background-color: rgb(150 13 54 / 79%);}
.sfm-navicon-button.x.sf_label_default.sfm-open:after {transform:rotate(180deg)!important;}
.flex-control-paging li a {width: 60px!important;height: 60px!important;background: rgb(254 254 254 / 62%) !important;border-radius: 100%!important;transition: all .5s;border: 2px dotted rgb(255 255 255 / 0%);}
.flexslider {border-radius:0!important;}
.metaslider .flex-control-nav {top: auto!important;bottom: 20%!important;text-align: right;width: 94%;}
.metaslider .flex-control-nav li a {margin:0 17px;padding:0;font-size: 0;}
.metaslider .flex-control-nav li a {margin: 0 13px!important;}
.metaslider .flex-control-paging li a.flex-active {background: rgb(150 13 54 / 75%) !important;cursor:default!important;border: 2px dotted rgb(255 255 255 / 39%);}
.metaslider .flex-control-paging li a:hover {/* background-color:#fff!important; */}
.metaslider .flex-control-paging li a.flex-active:hover {/* background-color: rgb(255 255 255) !important; */}
.flexslider .slides {zoom:1;}
div#info-task-top .itp-box {margin-right: 44px;position:relative;}
div#info-task-top .itp-box, div#info-task-top .itp-box a {color:#fff;font-size: 28px;text-transform: uppercase;font-weight: 300;letter-spacing: 1px;}
div#info-task-top .itp-box.itp-telefon, div#info-task-top .itp-box.itp-telefon a {font-size:22px;}
div#info-task-top {display:flex;flex-direction:row;width:fit-content;position:absolute;right: 64px;z-index:99999;top: 91px;background: #464236a6;padding: 26px 20px 22px 29px;border-radius: 42px;}
.tm-no-slider div#info-task-top {top: 79px; right: 5px; }
.itp-icon img {width:35px; height:auto; position:relative; top:-5px; transition:all 0.5s;}
.itp-telefon.itp-icon img {width:32px; top:-4px;}
.itp-box.itp-galerie.itp-icon img {width:42px;}
div#info-task-top .itp-box.itp-box-hover a:before {content:"";background: #5d584b;z-index:-1;position:absolute;left:0;transition:all .5s;height:3px;top:auto;bottom: -4px;width:0%;}
div#info-task-top .itp-box.itp-box-hover:hover a:before {width:100%;}
.itp-icon:hover img {transform:scale(.85);}
.itp-telefon.itp-icon img {width:32px; top:-4px;}
div#info-contact-button {display:flex;flex-direction:column;width:fit-content;position:fixed;right: 78px;z-index:99999;top: 13%;transition:all 1s;}
.icb-in {
     /* Flexbox aktivieren */
     /* Elemente nebeneinander anordnen */
     /* Gleichmäßige Verteilung */
     /* Vertikal ausrichten */
    display: flex;
    flex-direction: row; /* Nebeneinander anordnen */
    justify-content: flex-start; /* Links ausrichten */
    align-items: flex-start; /* Elemente oben ausrichten */
    width: 100%;
}




.on-scroll div#info-contact-button {transform:scale(.7);bottom:0;right:-15px;}
div#info-contact-button .icb-box {
    margin-right: 30px;
    position: relative;
    width: 135px;
     /* Beispiel: Damit du siehst, dass es funktioniert */
    /* Sicherstellen, dass sie oben bleiben, mit minimalem Abstand */
    margin-top: 0;  /* Hier kannst du den Abstand anpassen, falls nötig */
    }
div#info-contact-button .icb-box, div#info-contact-button .icb-box a {color:#fff; font-size:72px; font-weight:300; transition:all 0.5s;}
div#info-task-top .itp-box.itp-whatsapp {margin-right:0;}
div#info-contact-button .icb-box img {transition:all 0.5s;}
.icb-box.icb-buchen {z-index:20; margin-top:-30px;}
.icb-box.icb-offer {z-index:30; margin-top:-30px;}
div#info-contact-button .icb-box img {transition:all 1s;}
div#info-contact-button .icb-box img:hover {transform:scale(.95); filter:drop-shadow(1px 2px 4px #fff);}
span.scroll-down.et-pb-icon {width:55px; padding:11px; height:55px; padding-top:18px; border-radius:100%; left:0;}
.overlay-img {position:absolute; z-index:9999; display:block; top:-2px; width:60%; left:-5px; transition:all 2s;}
.on-scroll .overlay-img {top:-200px;}
.overlay-img.oi-bottom {top:auto; bottom:0; left:0; position:absolute; width:80%; right:0; margin:0 auto;}
.overlay-img.oi-top {position:fixed;}
.overlay-img img {display:block; width:100%; height:auto;}
#et-secondary-nav li.tm-info-menu {margin-right:0}
#et-info {float:none; padding:7px 0; position:relative; display:inline-block}
#et-secondary-menu {float:left; margin-left:3%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s}
.et-fixed-header #et-secondary-menu {margin-left:2%}
#et-secondary-menu > ul > li.tm-info-menu.tm-info-menu-angebote a::before {content:"\e07b"; font-size:18px; margin-right:10px; position:relative; top:2px; font-family:"ETmodules"!important}
#et-secondary-menu > ul > li.tm-info-menu.tm-info-menu-anfrage a::before {content:"\e066"; font-size:20px; margin-right:10px; position:relative; top:0px; font-family:"ETmodules"!important}
#et-info > span#db-info-text::before {content:"\e081"; font-family:etmodules; font-size:16px}
#et-secondary-menu > ul > li.tm-info-menu.tm-info-menu-angebote {line-height:13px}
#top-header, #et-secondary-nav {position:relative; top:5px}
#et-info-map::before {content:"\e081"; margin-right:4px; font-family:etmodules}
#et-info-email {margin-right:13px}
#top-menu li li a {display:block!important; font-size:18px; padding:1px 0; width:100%!important}
.sub-menu li {display:block!important}
.sub-menu {width:-webkit-max-content!important; width:-moz-max-content!important}
.sub-menu li a {padding:2px 15px!important}
.tm-serviceleiste-links, .tm-serviceleiste-rechts {height:auto; position:fixed; bottom:8%; width:auto; z-index:99; left:0}
.tm-serviceleiste-rechts {left:inherit; right:0}
.tm-serviceleiste-links .widget_text, .tm-serviceleiste-rechts .widget_text {clear:both; display:block; width:100%; margin-bottom:1px; position:relative}
.tm-serviceleiste-links .widgettitle, .tm-serviceleiste-rechts .widgettitle {display:none}
.tm-serviceleiste-rechts .tm-sbr-icons-rechts-box::before {font-size:21px; left:33px; position:absolute; top:17px; transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s}
.tm-serviceleiste-rechts .widget_text:hover .tm-sbr-icons-rechts-box::before, .tm-serviceleiste-rechts .widget_text:focus .tm-sbr-icons-rechts-box::before {transform:scale(0.9); -webkit-transform:scale(0.9)}
.icon-offer:before {content:"\e07b"; font-size:20px; color:#fff; font-family:"ETmodules"!important}
.tm-serviceleiste-links .textwidget::after {color:#fff; font-size:17px; position:absolute; right:-55px; top:12px}
.tm-sl-hover {background:#7f6b66; color:#fff; font-size:18px; height:50px; left:-250px; opacity:0.2; padding:14px; position:absolute; top:0; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s}
.tm-serviceleiste-rechts .widget_text .tm-sl-hover {left:inherit; right:-250px; opacity:0.2; p}
.tm-serviceleiste-links .widget_text:hover .tm-sl-hover, .tm-serviceleiste-links .widget_text:focus .tm-sl-hover {opacity:1; left:50px}
.tm-serviceleiste-rechts .widget_text:hover .tm-sl-hover, .tm-serviceleiste-rechts .widget_text:focus .tm-sl-hover {opacity:1; right:120px}
.fancybox-inline.tm-sl-platzhalter {bottom:7px; display:block; font-size:17px; height:22px; position:absolute; vertical-align:bottom; width:100%}
.tm-serviceleiste-links .widget_text a, .tm-serviceleiste-rechts .widget_text a {color:#fff}
#fancybox-content .et_pb_section {padding:0!important; background-repeat:repeat!important; background-size:260px auto}
#fancybox-wrap {height:auto!important}
.tm-serviceleiste-rechts #fancybox-wrap {background:#483c39!important}
#fancybox-content .tm-footer-info-menu-links {padding:0 0 11px!important}
#fancybox-content #next, #fancybox-content .tm-custom-bg-skyline-berge {display:none}
.tm-sbr-icons-text {bottom:0; font-size:11px; left:0px; position:absolute; text-align:center; width:100%; line-height:normal; text-transform:uppercase; letter-spacing:0.5px}
.tm-sbr-icons-rechts-box {display:block; height:85px; position:relative; vertical-align:bottom; width:100%}
.tm-serviceleiste-rechts #text-5 .tm-sbr-icons-rechts-box::before {content:"\e066"}
.tm-serviceleiste-rechts #text-7 .tm-sbr-icons-rechts-box::before {content:"\e030"}
.tm-serviceleiste-rechts #text-8 .tm-sbr-icons-rechts-box::before {content:"\e0d8"}
.tm-serviceleiste-rechts #text-9 .tm-sbr-icons-rechts-box::before {content:"\e0f4"}
.tm-serviceleiste-rechts #text-17 .tm-sbr-icons-rechts-box::before {content:"\e060"}
.tm-serviceleiste-rechts #text-17 .textwidget {background:#377822}
#fancybox-close::before {background:#fff!important; border-radius:50%; color:#666675; content:"\e60d"; font-family:"ET-Bloom"; padding:6px; box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333}
#fancybox-close {background:transparent!important}
#contact_form_pop_angebote .et_pb_slide_description .et_pb_slide_title {font-size:34px!important; margin-bottom:25px!important; padding:35px 0 0!important}
.tm-logo-servicebar > img {margin-bottom:1px!important; max-width:65px!important}
.et_bloom .et_bloom_flyin {z-index:99!important}
.sub-menu a {display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s}
.sub-menu a:before {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#a5b776; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out}
.sub-menu a:hover, .sub-menu a:focus, .sub-menu a:active {color:white}
.sub-menu a:hover:before, .sub-menu a:focus:before, .sub-menu a:active:before {-webkit-transform:scaleX(1); transform:scaleX(1)}
.nav ul li a:hover, .et_mobile_menu li a:hover {opacity:1}
#top-menu li {color:#fff}
#top-menu li::before, #top-menu li::after {position:absolute; left:0; width:50px; height:1px; background:#fff; content:''; opacity:0; right:0; margin:0 auto}
#top-menu li::before {top:-20px}
#top-menu li::after {bottom:-5px}
#top-menu li:hover::after, #top-menu li:focus::after {bottom:0; opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px)}
#top-menu li {margin:0px; padding-right:0}
#top-menu ul li::before, #top-menu ul li::after {opacity:0!important}
.nav li ul {padding:0; width:auto; border-top:0px solid #2ea3f2!important}
.nav li.et-reverse-direction-nav li ul {left:auto; right:100%; top:-10px}
.et-fixed-header #top-menu li::after {bottom:0}
.et_fullscreen_slider .et_pb_slides, .et_fullscreen_slider .et_pb_slide, .et_fullscreen_slider .et_pb_container {min-height:100%!important; height:100%!important}
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {position:relative;}
#main-header .nav li ul {background-color:#484545!important; overflow:hidden;}
#main-header .nav li ul a {color:#fff!important}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {position:absolute; top:30%; left:0; right:0; display:block !important; background:rgba(66,66,66,0.94); text-align:center; color:#fff; padding:14px; border-radius:150px; box-shadow:1px 1px 23px #414141; border:2px dashed #fff}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng::before {content:""; width:10px; height:10px; background:#fff; display:inline-block; vertical-align:middle; margin-right:7px; border-radius:40px; border:6px solid red}
.wpcf7-form-control-wrap.Newsletter {display:block; text-align:center}
.tm-anzahl {width:100%!important}
.tm-senden {background: #960d36;border: medium none;border-radius: 0;color: #fff;font-size: 26px;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;cursor: pointer;display: block;width: 100%;margin: 0 auto;padding: 8px 25px!important;max-width: max-content;font-weight: 400;border-radius: 55px;}
button.tm-senden:after {display:none;}
.tm-senden:hover, .tm-senden:focus {background: #6c7e45 !important;border: none!important;}
.tm-ksa-title {font-size:30px; line-height:50px; padding:0 0 15px}
.tm-logo-kunde > img {float:right; position:absolute; right:0; top:0; width:95px}
.tm-schnellanfrage-header-rechts span.wpcf7-list-item {margin:0 0 0 0}
.ui-datepicker {border-radius:0!important; padding:0; width:17em}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {border-radius:0!important}
.ui-datepicker td span, .ui-datepicker td a {text-align:center}
.tm-schnellanfrage-header-rechts br {display:none!important}
#contact_form_pop_anfrage {background:transparent; box-sizing:border-box!important; -webkit-box-sizing:border-box!important; padding:0px}
.wpcf7-form-control-wrap.Anreise::before, .wpcf7-form-control-wrap.Abreise::before {content:"\6a"; font-family:etmodules; font-size:16px; position:absolute; right:8px; top:2px;}
.wpcf7-form-control-wrap.Anreiselink::before, .wpcf7-form-control-wrap.Abreiselink::before {content:"\e08d"; font-family:etmodules; font-size:18px; position:absolute; right:9px; top:2px}
.tm-schnellanfrage-header-rechts p {padding-bottom:0}
div.wpcf7-mail-sent-ok {border-left:44px solid #60FF00!important; background:#96c11f; border-bottom:0 none; border-right:0 none; border-top:0 none; box-sizing:border-box!important; color:#fff!important; font-size:26px!important; left:0!important; margin:2em 0 1em!important; padding:2% 0 2% 2%!important; position:relative!important; right:0!important; text-align:center; top:-4%!important; width:100%!important}
div.wpcf7-validation-errors {display:none!important}
.tm-schnellanfrage-header-rechts > table {width:100%; border:0 none!important}
span.wpcf7-not-valid-tip {background:#96c11f; border-left:18px solid #e12417; color:#fff; display:block; font-size:14px; line-height:15px; margin-bottom:0; margin-top:-6px; padding:0 5px}
.referer-page input {display:none}
.tm-schnellanfrage-header-rechts > table td {border:0 none; padding:0; vertical-align:top}
#contact_form_pop_anfrage .wpcf7-form-control-wrap.Erwachsene select, #contact_form_pop_anfrage .wpcf7-form-control-wrap.Kinder select {padding:9px 6px!important}
#fancybox-content, #fancybox-outer {background:transparent!important}
#contact_form_pop_anfrage .et_pb_section {background-color:transparent}
#fancybox-outer {box-shadow:inherit!important}
#contact_form_pop_anfrage .et_pb_row {padding:0}
div.wpcf7 .ajax-loader {background-image:url("../img/gears.svg")!important; background-size:100% auto!important; height:120px!important; left:0; margin:0 auto; position:absolute; right:0; top:10%; width:120px!important; z-index:999999}
.tm-schnellanfrage-header-rechts .wpcf7-form-control-wrap.Anreise input, .tm-schnellanfrage-header-rechts .wpcf7-form-control-wrap.Erwachsene select {width:99%!important}
.tm-schnellanfrage-header-rechts .wpcf7-form-control-wrap.Nachricht textarea {height:auto!important; max-height:140px}
.tm-schnellanfrage-header-rechts table {margin:0!important}
.tm-contact-form-on-page .tm-schnellanfrage-header-rechts .tm-nl {color:#655652}
.tm-ml-scroll-down-button .tm-scroll-next-section {left:0; margin:-15px auto 15px!important; position:absolute; right:0;}
.tm-ml-slider-box {padding-top:0!important}
.tm-title-zwei-zeilen.tm-ml-title {color:#fff; text-align:left; font-weight:100!important; font-size:110px}
.tm-ml-title .tm-title-zwei-zeilen-sub {color:#fff!important}
.metaslider .caption-wrap, .metaslider .nivo-caption, .metaslider .cs-title {background:transparent!important; bottom:19%!important; padding:20px 18px 5px 15px!important; opacity:1!important; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block!important; width:80%!important; left:4%!important}
.on-scroll .metaslider .caption-wrap, .on-scroll .metaslider .nivo-caption, .on-scroll .metaslider .cs-title {opacity:0!important}
#top-menu li {padding-right:0!important}
.tm-slr-help-box {text-align:right}
.tm-slr-help-box .et_pb_widget {float:none}
.et_header_style_centered #main-header .logo_container {margin-bottom:-38px}
#top-header, #top-header a {color:#666666!important}
#top-header a span:before {color:#fab702}
.et_header_style_centered #top-header #logo {display:block !important; height:309px !important; left:0; margin:-141px auto 0 !important; max-height:500% !important; position:fixed !important; right:0}
#et-secondary-menu .et_duplicate_social_icons {display:none!important}
.et_header_style_centered #top-header.et-fixed-header #logo {height:90px!important; margin-top:-16px!important}
.et_search_outer {top:8px!important}
.et_header_style_centered #et_search_icon::before {top:-35px!important}
#top-header {z-index:997}
.et_header_style_centered #main-header .et-fixed-header #logo {margin-top:-79px!important}
.et_header_style_centered .et-fixed-header #et_search_icon::before {top:-5px!important}
.et-fixed-header .et_search_outer {top:-29px}
#et-secondary-menu {padding:5px 0 0}
.scroll-down.et-pb-icon::before {content:url("/bilder/adown.svg")}
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {font-size:0!important}
.scroll-down.et-pb-icon {position:relative; top:-120px; width:118px}
.on-scroll span.scroll-down.et-pb-icon {opacity:0}

@media screen and (max-width:1860px) {
.on-scroll #contact-box, .on-scroll.tm-no-slider #contact-box {
  left: 85%;
}
  .tm-no-slider #contact-box {
  left: 85%;
}
}


@media screen and (max-width:1800px) {
a.tm-tel-s {margin-top:-61px; font-size:22px}
.tm-title-zwei-zeilen.tm-ml-title {font-size:85px;}
.tm-ml-scroll-down-button .tm-scroll-next-section {margin:0 auto 45px!important;}
}

@media screen and (max-width:1700px) {
#top-menu li a {font-size:17px!important;}
.mail-phone-box {left:180px;}
.overlay-img {width:965px;}
.overlay-img.oi-bottom {width:990px;}
div#tm-scroll-anfrage-top {right:50px;}
}

@media screen and (max-width:1650px) {
.metaslider .caption-wrap, .metaslider .nivo-caption, .metaslider .cs-title {bottom:11%!important}
.tm-title-zwei-zeilen.tm-ml-title {font-size:65px;}
}

@media screen and (max-width:1650px) {
.on-scroll #contact-box, .on-scroll.tm-no-slider #contact-box, .tm-no-slider #contact-box {
  left: 84%;
}
}

@media screen and (max-width:1550px) {
.tm-ml-scroll-down-button .tm-scroll-next-section {margin:-30px auto 140px!important}
a.tm-tel-s {margin-top:-42px; font-size:17px}
.info-header-box {width:155px}
.on-scroll .info-header-box {bottom:-20px; transform:rotate(0deg) scale(.7); right:-10px;}
.metaslider .caption-wrap, .metaslider .nivo-caption, .metaslider .cs-title {bottom:2%!important}
img.logo-suedtirol {left:-95px; bottom:25px; width:85px!important;}
}

@media screen and (max-width:1500px) {
.tm-logo-mobil-box-headerslider-1 {
    width: 250px;
}

.tm-logo-mobil-box-headerslider-1 .tonder {
    width: 250px!important;
}
.overlay-img.oi-bottom {width:1145px;}
#contact-box {
    transform: scale(1.6);
}


.flex-control-paging li a {
    width: 40px!important;
    height: 40px!important;
    background: rgb(254 254 254 / 38%) !important;
}
    
}

@media screen and (max-width:1450px) {
.scroll-down.et-pb-icon {top:-120px; width:90px}
#top-menu li a {font-size:15px!important;}
}

@media screen and (max-width:1400px) {
#top-menu a {padding:58px 14px 30px!important; font-size:19px!important}
.superfly-on .sfm-rollback {left:70px; transform:scale(1.6);}
body #page-container .tfilos-box-in .et_pb_column {margin-right:-8px;}
div#tm-scroll-anfrage-top {right:-10px;}
.mail-phone-box {width:80px; left:180px; top:98px;}
.mail-phone-box a.mpb.mpb-mail {width:100px; margin-right:25px;}
.mail-phone-box a.mpb.mpb-phone {width:90px;}
body #page-container .tfilos-box-in .et_pb_column {margin-right:-20px;}
.on-scroll #contact-box, .on-scroll.tm-no-slider #contact-box, .tm-no-slider #contact-box {
  left: 80%;
}
}

@media screen and (max-width:1300px) {
.superfly-on .sfm-rollback {display:block}
#main-header #et-top-navigation {visibility:hidden}
.tm-serviceleiste-links, .tm-serviceleiste-rechts {top:230px}
.logo_container {opacity:1}
#main-header.et-fixed-header {background-color:rgb(188 188 184 / 0%)!important}
#top-menu li a {font-size:0!important}
.tm-ml-scroll-down-button .tm-scroll-next-section {margin:88px auto -85px!important}
.on-scroll.superfly-on .sfm-rollback {margin-top:0px; opacity:1; left:6px!important; transform:scale(1);}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar {background-color:#95a4a6;}
.superfly-on .sfm-rollback {left: 30px!important;top: 51px;transform:scale(1.0);}
.tm-logo-mobil-box-headerslider-1 {
    width:200px;
    left: 30%; top: 40px;
}
.metaslider .flex-control-nav li a {margin:0 12px!important;}
.flex-control-paging li a {width:40px!important; height:40px!important;}
.metaslider .flex-control-nav {bottom: 12%!important;}
div#info-contact-button {right:13px; bottom:10%; transform:scale(0.7);}
.on-scroll div#info-contact-button {transform:scale(.6);}
.tm-wpml-box {right:15px;top: 60px;}
div#info-task-top {right:-36px; top:95px; transform:scale(0.8);}

a.new-sda {
    width: 30px;
    bottom: 13%;
}

#contact-box {
    top: 60px;
    right: auto;
    transform: scale(1.5);
	left: 60%
}
   .tm-logo-mobil-box-headerslider-1 .tonder {
    width: 200px !important;
    left: 12%;
  }
 #contact-box-tonder, #contact-box-christele {display: none;}
 .on-scroll #contact-box, .on-scroll.tm-no-slider #contact-box, .tm-no-slider #contact-box {
  left: 72%;
}
}

@media screen and (max-width:1200px) {
.overlay-img.oi-bottom {width:900px;}
.overlay-img {width:700px;}
}

@media screen and (max-width:980px) {
.itp-angebote{display: none!important;}
.tm-wpml-box {right:0px;top: 35px;transform: scale(.6);}

.on-scroll .tm-wpml-box {
    top: 51px;
    right: 1px;
}

#contact-box {
    transform: scale(1.5);
	left: 55%
}

    
.mail-phone-box {left:100px; top:47px;}
.info-header-box {bottom:-40px; width:125px;}
.on-scroll.superfly-on .sfm-rollback {left:23px!important;}
.on-scroll .info-header-box {bottom:-45px; transform:rotate(0deg) scale(.9); right:15px;}
div#text-10 {margin-bottom:35px; left:15px; position:relative;}
#tm-header-custom-boxes .metaslider .flex-direction-nav a {height:60px!important; width:60px!important; background-size:70px auto;}
#tm-header-custom-boxes .metaslider .flex-direction-nav .flex-next {background-position:-25px;}
#tm-header-custom-boxes .metaslider .flex-direction-nav .flex-prev {background-position:16px;}
.tm-title-zwei-zeilen.tm-ml-title {font-size:35px;}
.tm-logo-mobil-box-headerslider-1 {
    width: 150px;
    left: 32%;
}
#contact-box {
    top: 38px;
    right: 109px;
    transform: scale(1.2);
}

@media screen and (max-width: 980px) {
  .tm-logo-mobil-box-headerslider-1 .tonder {
    width: 150px !important;
  }
}

    
#main-header .container, #top-header .container {width:97%}
#et-secondary-nav, #et-secondary-menu {display:block!important; margin-top:0!important}
.metaslider .caption-wrap {padding:15px 11px 0 5px!important}
.tm-scroll-next-section {width:60px}
.container.et_menu_container {height:100px!important}
body #page-container #logo {max-width:100%!important; max-height:95px!important}
.scroll-down.et-pb-icon {left:-14px}
a.tm-tel-s {margin-top:-40px; font-size:18px}
.metaslider .caption-wrap, .metaslider .nivo-caption, .metaslider .cs-title {bottom:4%!important;}
.tm-slider .logo_container {display:none}
.superfly-on .sfm-rollback {transform: scale(0.9);top: 32px;}
.tm-wpml-box li.wpml-ls-item a {padding-top:8px;}
.tm-no-slider .tm-wpml-box li.wpml-ls-item a {
    padding: 18px 8px 13px!important;
}
    
a.new-sda {width: 17px;}
.on-scroll.superfly-on .sfm-rollback {left:0px!important;}
.tm-no-slider.on-scroll.superfly-on .sfm-rollback {
    transform: scale(0.85);
    left: 9px!important;
}
    
div#info-task-top {right:-80px; top:60px; transform:scale(0.6);}
.flex-control-paging li a {width: 30px!important;height: 30px!important;}

div#info-contact-button {right:-18px; bottom:0%; transform:scale(0.55);}
.on-scroll div#info-contact-button {transform:scale(.55);}
}

@media screen and (max-width:780px) {
.overlay-img {width:515px;}
.mail-phone-box {width:65px; top:38px;}
.superfly-on .sfm-rollback {left:35px!important;}
.tm-logo-mobil-box-headerslider-1 {
    width: 150px;
    left: 40%;
}
.superfly-on .sfm-rollback {top:45px;}
.itp-box.itp-box-hover {display:none;}
div#info-task-top {right:-75px; top:60px; transform:scale(0.6);}
#contact-box {
    top: 21px;
    right: 75px;
    transform: scale(1);
	left: auto!important;
	transform: scale(0.9)!important;
}

 .flex-control-paging li a {
    width: 20px!important;
    height: 20px!important;
}   

.metaslider .flex-control-nav li a {
    margin: 0 7px!important;
}

 .tm-logo-mobil-box-headerslider-1 .tonder {
      width: 150px !important;
      left: 18%;
    }
    
}

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

.tm-logo-mobil-box-headerslider-1 .tonder {
    width: 120px !important;
    top: 10px;
    left: 80px;
  }

#contact-box {
    top: 70px;
    right: auto!important;
    transform: scale(1.3);
    width: fit-content;
    left: 30%!important;
   
}

.on-scroll .tm-logo-mobil-box-headerslider-1, .on-scroll .tm-logo-mobil-box-headerslider-1 .tonder {
    top: -200px!important;
}

.on-scroll #contact-box {
    top: 5px;
    right: 0;
    transform: scale(0.9);
    width: fit-content;
    left: 0;
    margin: 0 auto;
}
.tm-wpml-box li.wpml-ls-item a span {
    font-size: 15px;
    margin-top: 2px;
    margin-left: -2px;
}

.sfm-pos-left .on-scroll .sfm-rollback {

    top: 10px!important;

}  

 /*   a.con-bo-phone {
    display: none!important;
}*/

body #page-container #tm-header-custom-boxes .metaslider .slides img {
    width: 100vw!important;
    height: 60vh!important;
    object-fit: cover!important;
    object-position: center!important;
}

body #page-container #tm-header-custom-boxes ol.flex-control-nav.flex-control-paging {
    top: auto !important;
    bottom: 43% !important;
    text-align: center;
    width: 100%;
}	

 .tm-no-slider #contact-box {
    top: 69px;
    background-color: #3a471f!important;
    padding: 3px 0px 2px 15px;
    transform: scale(0.8);
    right: 0;
}


    
.on-scroll.tm-no-slider #contact-box {
    top: 9px;
    background-color: rgba(70, 66, 54, 0.82) !important;
    padding: 3px 0px 2px 15px;
    transform: scale(0.92);
    right: 0;
}
  

.tm-ml-scroll-down-button .tm-scroll-next-section {display:none;}
#et-info #et-info-email, #et-info #et-info-map {display:none}
#et-info #et-info-phone {display:block!important}
#et-info {float:none}
#et-secondary-menu {float:none; margin-left:0; padding-bottom:5px}
#top-header {position:relative!important}
#tm-header-slider .et_pb_slide {background-size:100%!important; background-position:100% 0!important; padding-top:0px!important}
#main-header {box-shadow:none; position:relative!important; top:0!important}
.tm-slider #main-header {position:absolute!important}
#tm-header-slider {position:relative!important}
#tm-header-slider .et_pb_slide_description {visibility:hidden!important}
.tm-title-zwei-zeilen.tm-ml-title {font-size:25px}
.tm-custom-top-abstand-ohne-header {margin-top:130px!important}
body #page-container #logo {max-width:100%!important; max-height:75px!important; margin-top:-12px}
a.tm-tel-s {margin-top:-23px; font-size:13px}
.metaslider .caption-wrap, .metaslider .nivo-caption, .metaslider .cs-title {left:8px!important;}
.superfly-on .sfm-rollback {left:12px;}
#tm-header-custom-boxes .metaslider .flex-direction-nav .flex-next {background-position:-14px;}
#tm-header-custom-boxes .metaslider .flex-direction-nav a {height:35px!important; width:35px!important; background-size:43px auto;}
#tm-header-custom-boxes .metaslider .flex-direction-nav .flex-prev {background-position:6px; right:85px!important;}
.tm-title-zwei-zeilen.tm-ml-title {font-size:35px;}
.tm-wpml-box li.wpml-ls-item a {width:25px; height:32px; padding-top:7px;}
.tm-no-slider .tm-wpml-box, .on-scroll.tm-no-slider .tm-wpml-box {top: 6px;left: auto;ri;right: 0px!important;}
.tm-logo-mobil-box-headerslider-1 {width: 120px;left:53%!important;right:auto!important; top: 10px!important;}
.overlay-img {width:360px;}
.superfly-on .sfm-rollback {left: auto!important;transform:scale(.7);top: 19px;right: 23px!important;}
.mail-phone-box {width:50px; left:62px; top:12px;}
.mail-phone-box a.mpb.mpb-mail {width:112px; margin-right:12px;}
.tm-wpml-box {right: auto;top: 11px;transform: scale(.6);left: -11px;}

 .on-scroll .tm-wpml-box {
    top: -5px;
    right: auto;
}   
.tm-no-slider .tm-logo-mobil-box-headerslider-1 {width: 120px!important;left: 220px!important;top: 20px!important;}
.tm-no-slider .tm-logo-mobil-box-headerslider-1 .tonder {width: 120px!important;left: 84px!important;top: 20px!important;}

.on-scroll.tm-no-slider .tm-logo-mobil-box-headerslider-1 {display: none!important;}
.on-sctoll.tm-no-slider .tm-logo-mobil-box-headerslider-1 {display: none!important;}


.flex-control-paging li a {width:12px!important; height:12px!important;}
.metaslider .flex-control-nav li a {margin:0 8px!important;}
div#info-task-top {right: -85px; top: 23px; transform: scale(0.6); }
.overlay-img.oi-bottom {width:auto; bottom:16px; display:block;}
.on-scroll div#info-contact-button {transform: scale(1);bottom: 0;opacity:1;right:0;}
div#info-contact-button {display: flex;flex-direction: row;width: 100%;margin:0 auto!important;}
.icb-box.icb-buchen, .icb-box.icb-offer {margin-top:0px;}
div#info-contact-button {right:0;bottom:0px;transform:scale(1);left:0;display: none!important;}
div#info-contact-button .icb-box img {filter:drop-shadow(0px 1px 1px #fff);}


/* Standard styles */
#info-contact-button, .on-scroll div#info-contact-button {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #322c28ad;
    z-index: 1000;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    transform: scale(1);
    padding: 6px 0!important;
    z-index: 99999;
}

/* Styles für das inner div */

.icb-in {
    width: 57%;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
}



/* Styles für die einzelnen Boxen */
div#info-contact-button .icb-box {
    flex: 1; /* Alle Boxen gleichmäßig verteilen */
    display: flex!important; /* Flexbox innerhalb der Boxen */
    justify-content: center; /* Inhalte zentrieren */

}


    
div#info-contact-button .icb-box.icb-kontakt-icons img {
    width: 87% !important;
    filter: unset;
    margin-top: 55%;
    margin-left: 10px;
    left: 14px;
}

div#info-contact-button .icb-box.icb-raute-icons img {
    width: 86%;
}

div#info-contact-button .icb-box.icb-kontakt-icons img.icb-kontakt-phone {
    width: 71% !important;
    position: relative;
    top: -3px;
    margin-left: 17px;
    left: 36px;
}


}


@media screen and (max-width:500px) {
#tm-header-slider .et_pb_slide {max-height:220px}
.tm-scroll-next-section {margin:-83px 0 90px}
.scroll-down.et-pb-icon {top:-106px; width:90px}
.tm-ml-scroll-down-button .tm-scroll-next-section, .metaslider .caption-wrap, .sfm-rollback:after {display:none!important}
#tm-header-custom-boxes .metaslider .flex-direction-nav a {bottom:40%!important;}
.overlay-img.oi-bottom {bottom:32px;}
.info-header-box {bottom:-40px; width:95px;}
img.logo-suedtirol {left:-60px; bottom:15px; width:50px!important;}
.mail-phone-box {display:none;}
div#info-task-top {right:-20px; top:34px; transform:scale(0.5);}
.metaslider .flex-control-nav {top:57%!important;}
}

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

.tm-no-slider .tm-logo-mobil-box-headerslider-1 {
    width: 116px!important;
    left: 84px;
    top: 10px;
}
    
div#info-contact-button .icb-box.icb-kontakt-icons img {
    width: 77% !important;
    margin-left: 10px;
    left:15px;
    top:0px
}

    
div#info-contact-button .icb-box.icb-kontakt-icons img.icb-kontakt-phone {
    width: 70% !important;
    position: relative;
    top: -4px;
    left:35px;
        top:0px
}
.tm-no-slider #contact-box {
    top: 54px;
}
    

}

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

body div#info-contact-button .icb-box.icb-kontakt-icons img {
    width: 60% !important;
    left:5px;
    top:-0px
}

    
div#info-contact-button .icb-box.icb-kontakt-icons img.icb-kontakt-phone {
    width: 55% !important;
    position: relative;
    top: -4px;
    left:0px;
    top:0px;
}

    
.icb-in {
    width: 68%;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
}

div#info-contact-button .icb-box.icb-kontakt-icons img {
    width: 76% !important;
    filter: unset;
    margin-top: 62%;
    margin-left: 10px;
}



#tm-header-slider .et_pb_slide {max-height:150px}
a.tm-tel-s {margin-top:-11px}
    
}



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

body div#info-contact-button .icb-box.icb-kontakt-icons img {
    width: 75% !important;
    left:-4px;
    top:-2px
}

    
body div#info-contact-button .icb-box.icb-kontakt-icons img.icb-kontakt-phone {
    width: 73% !important;
    position: relative;
    top: -2px!important;
    left:-4px;
}
}