@media screen and (max-width:800px) { .NichtUnter800{display:none;} }
@media screen and (max-width:400px) { .NichtUnter400{display:none;} }


.gm-style .gm-style-iw-c{display:block}
.gm-style-iw-chr{height: 10px;}
.gm-style-iw-chr BUTTON{margin-top: -12px !important;margin-right: -25px !important;}


.gm-style-iw-d b{font-size:120%;}
.gm-style-iw-d .btn{padding:1px 10px; margin-top:10px}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/MaterialIcons-Regular/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
    url('../webfonts/MaterialIcons-Regular/MaterialIcons-Regular.woff2') format('woff2'),
    url('../webfonts/MaterialIcons-Regular/MaterialIcons-Regular.woff') format('woff'),
    url('../webfonts/MaterialIcons-Regular/MaterialIcons-Regular.ttf') format('truetype');
}
body{color: #81828a;}

.icon,.material-symbols-outlined, .material-symbols-filled{
  font-family: 'Material Icons';
  font-weight: 300;
  font-size: 20px; /* Preferred icon size */
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  display: inline-block;
  margin:0/*!important*/;padding:0!important;
}

.message {background-color:#ffa; color:#444; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}
.error {background-color:#faa; color:#a00; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}

.padLR{padding-left:12px;padding-right:12px;}
.shadow{box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;}
.mb-3, .my-3 { margin-bottom: 1rem !important;}

.button{ background-color: #fff;color:var(--sf_grau); text-align: center;font-weight: 400; font-size: 16px;padding: 6px 10px;vertical-align: middle;display: inline-block;line-height: 1.2;
  border:1px solid #aaa;
  margin-top: 10px; margin-bottom: 10px; text-wrap: nowrap;
    &.block{display:block; width: 100%;}
  }
.button:hover{background-color:#aaa; color:#fff; opacity:0.8;}


.form BUTTON .icon {vertical-align: middle !important;}
.form LABEL{display: block;}
.form .row{margin:0;}

  .beschreibung {font-size:80%}
.programm{padding:10px 20px 10px 0px; background-color:#ffd;
  .leistung_kurzbeschreibung{
    display:none;
    position: absolute;
    background-color: #fff;
    padding: 5px 10px;
     border: 1px solid #ccc;
    box-shadow: 2px 2px 3px #0005;
    min-width: 93%;
    IMG{float:right;clear:right; width:150px; margin-left:10px;margin-bottom:4px;}
  }
 .leistung_kurzbeschreibung:empty+label{display:none}
  INPUT.details{display:none}
  INPUT.details:checked+.leistung_kurzbeschreibung{ display:block;z-index: 1;margin-top: 22px;}
}
#programm{
  LABEL{display: inline;margin:0;font-size:80%}
  .tag{clear:both;display:block; width:100%; border-bottom:1px solid #ccc; padding-top:15px;padding-left:20px; }
  a.icon{float:right}
  .leistungblk{clear:both; border:2px solid #fff0;padding:2px; padding-left:30px;}
  .leistungblk .hvr{display:none}
  .leistungblk:hover .hvr{display:inline}
  .beschreibung {padding-left:20px;}
  .leer{}
  .timeslot0,.timeslot1,.timeslot2,.timeslot3{background-repeat: no-repeat;
    background-position: left; background-size:27px;
  }
  .timeslot0:hover{background-image: url('../img/programmeditor/Zeitfenster8-11.png');}
  .timeslot1:hover{background-image: url('../img/programmeditor/Zeitfenster11-14.png');}
  .timeslot2:hover{background-image: url('../img/programmeditor/Zeitfenster14-17.png');}
  .timeslot3:hover{background-image: url('../img/programmeditor/Zeitfenster17-22.png');}
  .outline{border:2px solid #00F2C5; border-radius:5px;}
  pre{overflow: initial;}
}

/*#preis{ width:300px;min-height:50px;float:right; text-align:right;}*/
#preis{padding-left:20px;}


#katalog_platzhalter{}

#katalog{ display:none;
 .titel>A>.icon{color:#fff;}
 .titel>A:hover>.icon{color:#8f8;}
 IMG{float:right;clear:right; width:150px; margin-left:10px;margin-bottom:4px;}
 /*
 HR{border-top: none; border-bottom: 1px solid rgba(0,0,0,.1); clear:both; padding-top:5px; margin:0;}
 .detail{display:none}
 .titel{padding:5px 5px;}
 .titel:hover{background-color:#ffd;}
 .titel:hover+.detail{display:block}
 */
}

#homeslider {height: auto !important;}
div.container_i div.tuev-sqm-banner { bottom: 10px; right: 10px;}
@media (max-width: 576px) {
  div.container_i div.tuev-sqm-banner img {
    max-width: 150px;
  }
}

.message {background-color:#ffa; color:#444; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}
.error {background-color:#faa; color:#a00; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}


TABLE.leistung_option{
  border:1px solid #ccc;
  TD{padding:0px;padding-left:10px;padding-right:1px;border-bottom:1px solid #ccc;
      INPUT{border:none; background-color: #ffd;appearance: auto;padding: 2px 8px;margin: 1px}
      INPUT[type="number"] {text-align: right;direction: rtl;}
      SELECT{background-color:#ffd;border: none;padding: 4px 8px; text-align: right;cursor:pointer;}
      OPTION{direction: rtl;}
    }
}

#programm TABLE.leistung_option{ margin-left:20px;border:none;
  TD{border:none;
      INPUT{background-color: #fff;}
      INPUT[type="number"] {}
      SELECT{background-color:#fff;}
      OPTION{}
    }
}


.sticky_container.sticky  .rf_container.permanent {
    position: absolute;
    max-width: 330px;
  }

@media (min-width: 992px) {
  .sticky_container.sticky .rf_container {
    top: 120px;
  }
}


.rf_container .selectize-input {background-color: #fff; border: none; background: #fff; padding: 0px 8px;}

.rf_container .selectize-control.single .selectize-input {
  box-shadow: none;  background-color: #fff;  background-image: none;
}

.selectize-dropdown .selected{background-color: #ff9c00;}

.forminvalidfade+DIV>DIV{background: #faa !important;transition:none !important;}
.forminvalidfadeOut+DIV>DIV{transition:all 2s;}

.reisedaten td{padding-right: 20px;;}
.reisedaten input{border:none; text-align: center;}
.reisedaten input[type="number"] {-moz-appearance: initial;appearance: initial;}


/********************      Tabelle  ********************************************/
.scrollx{max-width: 100%;overflow-x: auto;}

.datatable {background-color:#e0e0e0;border:1px solid #cccccc; border-spacing: 1px;padding:1px; min-width:300px;width:100%;
  /*border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;*/
  box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.4);
  }
.datatable>TBODY>TR.selected>TD{background-color:#ffa !important;font-weight:900}
.datatable>TBODY>TR>TD, .datatable>TBODY>TR>TH{ padding:10px;padding-top:5px;padding-bottom:5px; min-height:10em; line-height:130%; text-align:left;font-size:90%;vertical-align: middle;}
.datatable>TBODY>TR>TH{ background-color:#006ec0; color:#fff;font-weight:400;}
.datatable>TBODY>TR>TH A{color:#fff;}

.datatable>TBODY>TR>TD {background-color:#eeeeee;}
.datatable TR:nth-child(odd) TD {background-color:#f9f9f9;}
.datatable>TBODY>TR:last-of-type>TD:first-of-type{/*border-bottom-left-radius: 7px;*/}
.datatable>TBODY>TR:last-of-type>TD:last-of-type{/*border-bottom-right-radius: 7px;*/}
.datatable>TBODY>TR>TD:first-child::after { content: "";   display: inline-block;   vertical-align: top;   min-height: 1.4em; /*Ersatz für min-height*/ }
.datatable>TBODY>TR:hover>TD {background-color:#fff;}

.datatable TH .icon{margin-top:-13px;margin-bottom:-7px;margin-right:-7px;margin-left:-3px}
.datatable TD .icon{font-size:20px;}
.datatable th a{display:block;}
.datatable .keinRand{padding:0; text-align:center;}
.datatable > TBODY > TR.lastedited > TD{background-color:#b6d6ed;}



.tabs > INPUT + LABEL {margin-bottom: -1px;}
.tabs > DIV{border-left:none;border-bottom:none;border-right:none;background-color:transparent;}
.tabs > INPUT:not(:checked) + LABEL{background: transparent;border:none;color:#0d6efd;}
.tabs > INPUT:checked + LABEL{background: #f2f5f7;}


#service:not(:empty)::before { display:block; padding-top:10px;
  content: "  Serviceleistungen: ";
}