/*Begrenzung*/

:root {
    --body-bg: #cfcfd3;
    --main-bg: #eaeaec;
}

html[data-color-scheme="dark"] {
    --main-bg: #32363e;
}

body.be_main  {
    background: var(--body-bg);
}

.be_main #main {
    background: var(--main-bg);
}

.be_main #container,
.be_main #header {
    max-width: 1440px;
    margin: 0 auto;
}
.jump-targets .inner {scrollbar-width: thin;}
/* Gleiche Schriftgröße im MCW-TinyMCE wie im normalen Editor */
.mcw .tox .tox-edit-area__iframe {
  font-size: 10px !important;
}

.mcw .tox .tox-edit-area__iframe body {
  font-size: 10px !important;
  line-height: 1.2;
}

/*Begrenzung*/
.en-class .widget:not(.translat-attr), .nl-class .widget:not(.translat-attr){
	display: none;
}

.en-class fieldset:not(:has(.translat-attr)), .nl-class fieldset:not(:has(.translat-attr)) {
display: none!important;
}

#tl_navigation .group-ALPS {
  background: url(/files/nav/hause.svg) 3px 2px no-repeat;
  background-size: 13px;
}

  .clr-left{
    clear: left !important;
  }
  

  /* DeepL-Button */

.deepl-bulk-bar {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-left: 15px;
}

.deepl-bulk-bar .tl_submit_deepl::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.5em;
  transform: scale(2);
  background: url(/bundles/deepl/img/icon.svg) no-repeat scroll 50% 50%;
    background-size: auto;
  background-size: contain;
	margin-right: 5px;
	margin-bottom: 2px;
}

#language_switch{
	display: flex;
  justify-content: space-between;
}
  button.deepl-translate {
    width: 18px;
    height: 18px;
    border: 0;
    background: none;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 0;
  }
  button.deepl-translate[disabled] {
    opacity: .5;
    cursor: wait;
  }

.no_deepl button.deepl-translate {
  display: none;
}
  .w100 {
    clear: both;
  }

  #mm_ausflugstipps .multicolumnwizard tbody tr,
#mm_resorts .multicolumnwizard tbody tr,
#mm_unterkuenfte .multicolumnwizard tbody tr,
#mm_urlaubsregion .multicolumnwizard tbody tr {
  display: block;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f9f9f9;
}

#mm_ausflugstipps .multicolumnwizard h3,
#mm_resorts .multicolumnwizard h3,
#mm_unterkuenfte .multicolumnwizard h3,
#mm_urlaubsregion .multicolumnwizard h3 {
  padding-bottom: 5px;
}

#mm_ausflugstipps .multicolumnwizard tbody td,
#mm_resorts .multicolumnwizard tbody td,
#mm_unterkuenfte .multicolumnwizard tbody td,
#mm_urlaubsregion .multicolumnwizard tbody td {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

#mm_ausflugstipps .multicolumnwizard thead,
#mm_resorts .multicolumnwizard thead,
#mm_unterkuenfte .multicolumnwizard thead,
#mm_urlaubsregion .multicolumnwizard thead {
  display: none;
}

#mm_ausflugstipps .multicolumnwizard .operations,
#mm_resorts .multicolumnwizard .operations,
#mm_unterkuenfte .multicolumnwizard .operations,
#mm_urlaubsregion .multicolumnwizard .operations {
  text-align: right;
}

#mm_ausflugstipps .multicolumnwizard .tox-promotion,
#mm_resorts .multicolumnwizard .tox-promotion,
#mm_unterkuenfte .multicolumnwizard .tox-promotion,
#mm_urlaubsregion .multicolumnwizard .tox-promotion {
  display: none !important;
}

#mm_ausflugstipps .multicolumnwizard .hidelabel h3,
#mm_resorts .multicolumnwizard .hidelabel h3,
#mm_unterkuenfte .multicolumnwizard .hidelabel h3,
#mm_urlaubsregion .multicolumnwizard .hidelabel h3,
#mm_ausflugstipps .multicolumnwizard .hidelabel label,
#mm_resorts .multicolumnwizard .hidelabel label,
#mm_unterkuenfte .multicolumnwizard .hidelabel label,
#mm_urlaubsregion .multicolumnwizard .hidelabel label {
  display: block;
}

#mm_ausflugstipps .multicolumnwizard .tl_textarea,
#mm_resorts .multicolumnwizard .tl_textarea,
#mm_unterkuenfte .multicolumnwizard .tl_textarea,
#mm_urlaubsregion .multicolumnwizard .tl_textarea {
  border: none;
  background-color: transparent;
}

#mm_ausflugstipps .multicolumnwizard .tox,
#mm_resorts .multicolumnwizard .tox,
#mm_unterkuenfte .multicolumnwizard .tox,
#mm_urlaubsregion .multicolumnwizard .tox {
  width: 100% !important;
  box-sizing: border-box;
}

#mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr,
#mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.multicolumnwizard .tl_select, .multicolumnwizard .tl_mselect {
  width: 100%;
}

/* Desktop-Variante */
#mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
#mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type {
  width: calc(24% - 15px);
}

#mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
#mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2) {
  width: calc(70% - 15px);
}

#mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
#mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
  width: calc(6% - 15px);
  justify-content: flex-end;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
/* Standard-Breite für .w20 */
.w20 {
  width: calc(20% - 30px);
  float: left;
  min-height: 80px;
}

/* ============================================================
   MOBILE STYLES
============================================================ */

/* Sehr kleine Bildschirme (unter 480px) */
@media (max-width: 479px) {
  .w20 {
    width: calc(100% - 30px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
    width: calc(100% - 15px);
    display: block;
    margin-top: 10px;
    justify-content: flex-start;
  }
		#language_switch {
  display: block;
}
	.deepl-bulk-bar {
flex-wrap: wrap;
}
}

/* Smartphones bis 767px */
@media (min-width: 480px) and (max-width: 767px) {
  .w20 {
    width: calc(100% - 30px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
    width: calc(100% - 15px);
    display: block;
    margin-top: 10px;
    justify-content: flex-start;
  }
		#language_switch {
  display: block;
}
}

/* Tablets hochkant 768px – 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .w20 {
    width: calc(50% - 30px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type {
    width: calc(30% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2) {
    width: calc(70% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
    width: calc(100% - 15px);
    margin-top: 10px;
    justify-content: flex-start;
  }
		#language_switch {
  display: block;
}
}

/* Tablets / kleine Laptops 992px – 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .w20 {
    width: calc(33.3333% - 30px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type {
    width: calc(25% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2) {
    width: calc(68% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
    width: calc(7% - 15px);
  }
	#language_switch {
  display: block;
}
}

/* Desktop ab 1200px */
@media (min-width: 1200px) {
  .w20 {
    width: calc(20% - 30px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:first-of-type {
    width: calc(24% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2),
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:nth-of-type(2) {
    width: calc(70% - 15px);
  }

  #mm_resorts .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type,
  #mm_unterkuenfte .erlebniss_mcw .multicolumnwizard tbody tr td:last-of-type {
    width: calc(6% - 15px);
  }
}




/* ALT */


#top .widget.translat-attr label {background: url("/files/nav/de_lang.svg");
	background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
}

#top.en-class .widget.translat-attr label {background: url("/files/nav/en_lang.svg");
	background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
}
#top.nl-class .widget.translat-attr label {background: url("/files/nav/nl_lang.svg");
	background-repeat: no-repeat;
background-position: left center;
background-size: 16px;
}


#top.en-class #main .content {background-color: #dfdfdf;}
#top.nl-class #main .content {background-color: #ece7e1;}

#top.en-class .tl_box,
#top.en-class .tl_tbox{ 
	border-bottom: 1px solid #fff;
}
#top.nl-class .tl_box,
#top.nl-class .tl_tbox{ 
	border-bottom: 1px solid #a6a6a6;
}



#top #tl_buttons + .tl_listing_container.table_mm_unterkuenfte table tr .tl_file_list:first-of-type::before,
#top #tl_buttons + .tl_listing_container.table_mm_region table tr .tl_file_list:first-of-type::before,
#top #tl_buttons + .tl_listing_container.table_mm_ausflugstipps table tr .tl_file_list:first-of-type::before,
#top #tl_buttons + .tl_listing_container.table_mm_urlaubsregion table tr .tl_file_list:first-of-type::before,
#top #tl_buttons + .tl_listing_container.table_mm_special table tr .tl_file_list:first-of-type::before{

	content:"";
	width: 16px;
	height:16px;
	top:0px;
	left:0px;

	background: url("/files/nav/de_lang.svg");
	background-repeat: no-repeat;
background-position: center center;
margin-bottom:2px;
float: left;
margin-right: 5px;
}

#top.en-class #tl_buttons + .tl_listing_container.table_mm_unterkuenfte table tr .tl_file_list:first-of-type::before,
#top.en-class #tl_buttons + .tl_listing_container.table_mm_region table tr .tl_file_list:first-of-type::before,
#top.en-class #tl_buttons + .tl_listing_container.table_mm_ausflugstipps table tr .tl_file_list:first-of-type::before,
#top.en-class #tl_buttons + .tl_listing_container.table_mm_urlaubsregion table tr .tl_file_list:first-of-type::before,
#top.en-class #tl_buttons + .tl_listing_container.table_mm_special table tr .tl_file_list:first-of-type::before 
{
	background: url("/files/nav/en_lang.svg");
	background-repeat: no-repeat;
background-position: center center;
}
#top.nl-class #tl_buttons + .tl_listing_container.table_mm_unterkuenfte table tr .tl_file_list:first-of-type::before,
#top.nl-class #tl_buttons + .tl_listing_container.table_mm_region table tr .tl_file_list:first-of-type::before,
#top.nl-class #tl_buttons + .tl_listing_container.table_mm_ausflugstipps table tr .tl_file_list:first-of-type::before,
#top.nl-class #tl_buttons + .tl_listing_container.table_mm_urlaubsregion table tr .tl_file_list:first-of-type::before,
#top.nl-class #tl_buttons + .tl_listing_container.table_mm_special table tr .tl_file_list:first-of-type::before 
{
	background: url("/files/nav/nl_lang.svg");
	background-repeat: no-repeat;
background-position: center center;
}

#top .widget.translat-attr.nur-de label {background: none;
	padding-left: 0px;
}
.unter-aktiv {margin-top: 10px;
border-top: 1px dashed #e6e6e8;
padding-top: 10px;
padding-bottom: 0px;}

.unter-aktiv .tl_checkbox_single_container {margin-top:0px;
	margin-bottom:0px;
}

.unter-aktiv:first-of-type {
border-top: 0px ;
}
#ctrl_published label, #ctrl_hinweisbox_aktiv_ue label {
	padding-left: 20px;
}

/* RockSolid Custom Elements  */

.half_w{
	width: calc(50% - 32px);
  display: inline-block;
	
}
@media (max-width: 900px) {
.half_w{
	width: auto;
  display: block;
	
}
}