.T5459 {
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 2;
}

body .T4120 { z-index:-1 !important; }
body .T2862 { z-index:-1 !important; }

.T5459 .bgmask {
    background-image:  url(https://storage.tramino.net/alpinschule-oberstdorf/1205077/overlay.png);
    background-repeat: repeat-x;
    background-size: 100% 100%;
   /* background-color:  #000;*/
}
/*
.T5459 .bgmask.mask_light video { opacity: 0.7; }
.T5459 .bgmask.mask_light .motiv picture img { opacity: 0.7; }

.T5459 .bgmask.mask_dark video { opacity: 0.4; }
.T5459 .bgmask.mask_dark .motiv picture img { opacity: 0.4; }*/

.T5459 .tourfinder {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 900px;
    bottom: 28%;
    color: #fff;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,0.3);
    z-index: 90;
}


.T5459 form {
    display: flex;
    justify-content: flex-start;
}

.T5459 form label, .T5459 .label {
    font-size: 14px;
}

.T5459 form button {
	font-weight: bold;
    border-width: 0px;
    cursor: pointer;
    font-size: 35px;
    margin:  0px;
    background-color: transparent;
    flex-grow: 1;
}
.T5459 form button:hover {
    background-color:  #f36e21 !important;
}

.T5459 form input {
	background: transparent;
	border: transparent;
    color: #fff;
}

.T5459 form input[type=text] { 
    color:  #fff; 
    font-size: 1.1rem; 
    padding: 0.20rem 0rem 0.20rem 0rem;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    font-weight: bold;
}

.T5459 form input::placeholder { color: #fff; }

.T5459 form select {
    background: transparent;
    color: #fff;
    width:  100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0.1rem 1.5rem 0.1rem 0.1rem;
    border: 1px solid transparent;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: white;'></polygon></svg>");
    background-origin: content-box;
    background-position: center right -1rem;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border-radius: 5px;
}
.T5459 form select option { color: #111; }

.T5459 .item {
    flex-basis: 40%;
    border-right: 2px solid #fff;
    padding: 0.2rem 0.4rem 0.3rem 0.5rem;
    font-size: 1.1rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.T5459 .item.search {
    width: 160px;
}

.T5459 .item.reiseart { flex-grow:1; }

.T5459 .date-select {
    display: none;
    padding:  1rem;
    max-height: 25rem;
    overflow: scroll;
    margin: 8px 5px 0px 8px;
    position: absolute;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 10;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.T5459 .selected_daterange {
    color:  #fff; 
    font-size: 1.1rem; 
    padding: 0.20rem 0rem 0.20rem 0rem;
    font-weight: bold;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}
.T5459 .selected a { background-color: #b4c5d5 !important; }
.T5459 .selected a { color: #fff !important; }
.T5459 .selected:hover { background-color: #b4c5d5 !important; }
.T5459 .selected.selected_first a, .T5459 .selected.selected_last a { background-color: #93A4B4 !important; }
.T5459 .selected.selected_first { border-radius: 10% 0 0 10%; }
.T5459 .selected.selected_last { border-radius: 0 10% 10% 0; }
.T5459 .selected.selected_last.selected_first { border-radius: 10%; }
.T5459 a.ui-state-hover { background: #b4c5d5 !important; }
.T5459 .ui-datepicker .ui-datepicker-unselectable {
    background: #eee !important;
}

.T5459 .ui-datepicker td.active a, .ui-datepicker a.ui-state-active, .ui-datepicker td.active span {
    background: #b4c5d5 !important;
}

.T5459.active .date-select { 
    display: block;
}

.T5459 .ui-datepicker { 
    width: 100%;
    padding: 0px;
    background: transparent;
}

.T5459 .ui-datepicker td span, .T5459 .ui-datepicker td a {
    width:  100%;
    height: 24px;
    line-height: 24px;
}

#body .T5459 .ui-datepicker table { font-size: 15px !important; }
#body .T5459 .ui-datepicker .ui-datepicker-header { font-size: 16px !important; }
#body .hasDatepicker div { font-size: 15px !important; }
#body .ui-datepicker-title { font-size: 16px !important; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T5459 .tourfinder { width: 600px; bottom:  12%; }
	.T5459 .item { padding: 0.2rem 0.4rem 0.3rem 0.2rem; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T5459 .tourfinder { bottom: 12%; width: 400px; }
	.T5459 form button { font-size: 25px; }
	.T5459 .item { padding: 0.2rem 0.4rem 0.2rem 0.4rem;  }
	.T5459 .item.date_item { padding-right: 0; }
	.T5459 .item.reiseart { display:none; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T5459 .tourfinder { bottom: 30px; width: 380px; }
	.T5459 form button { font-size: 22px; }
	.T5459 .item { padding: 0.1rem 0.4rem 0.2rem 0.4rem;  }
	.T5459 .item.reiseart { display:none; }
	.T5459 form button { flex-grow:1; font-size:1.3rem; }
}

@media all and (max-width: 567px) {

	.T5459 .tourfinder { bottom: 25px; width: 100px; }
	.T5459 form button { font-size: 20px; }
	.T5459 .item { display: none; }
	.T5459 form button { flex-grow:1; font-size: 1rem; }

	

}