/* Buttons */
input, button, select, optgroup, textarea {
    margin: 0;
    font-family: visuelt-regular;
    font-size: inherit;
    line-height: inherit;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}

/* input Text, select textarea */
select,
select.hdOrderSelectNumeric, 
select.addPriceBoxItemToCartUsage {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
}
select::-ms-expand,
select.hdOrderSelectNumeric::-ms-expand, 
select.addPriceBoxItemToCartUsage::-ms-expand {
	display: none;
}
select:focus::-ms-value,
select.hdOrderSelectNumeric:focus::-ms-value, 
select.addPriceBoxItemToCartUsage:focus::-ms-value {
	background-color: transparent;
	color: inherit;
}
select option:focus::-ms-value,
select option:hover::-ms-value {
    background-color: #EBEBEB;
}
select option:active::-ms-value {
    background-color: #DADADA;
}

[type=text],
[type=email],
[type=tel],
[type=number],
.HdOrderLayer input,
.HdOrderLayer input[type=text],
[type=password],
select,
select.hdOrderSelectNumeric, 
select.addPriceBoxItemToCartUsage,
textarea {
    font-family: visuelt-regular;
	font-size: 20px;
	border: 1px solid #b1b2b3;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:#666666;
    padding:6px 8px;
	padding-bottom: 2px;
	line-height: 1.2em;
}
.HdOrderLayer input[type="text"] {
    height: auto;
}
select,
select.hdOrderSelectNumeric, 
select.addPriceBoxItemToCartUsage {
	padding-bottom: 2px;
}
select.hdOrderSelectNumeric {
	width: 80px;
}

select option,
select.hdOrderSelectNumeric option, 
select.addPriceBoxItemToCartUsage option {
  color: #666;
}
.adminform select {
	width: 360px;
}
/* button, input submit, input reset */
button, 
html [type="button"], 
[type="reset"], 
[type="submit"],
.btn,
.HdOrderLayer .btn,
.btn-primary,
.HdOrderViewCartContent a.btn,
.addPriceBoxItemToCart div,
.goToCart div,
.goToArticleList div,
.hdmodule .goToCart,
.HdInfoEntry .btn,
.chronoforms .btn,
.HdInfoButton .btn,
.HdOrderBookingStepLayer .btn,
.buttonLayer .btn,
.dialogify .btn-box .btn.btn-insert,
.dialogify .btn-box .btn.btn-insert:hover,
.HdOrderBookingStepsPrices .hdOrderWaitinglistPriceBox div.add-to-waitinglist.add-to-waitinglist-articles,
.HdOrderBookingStepsPrices .hdOrderWaitinglistPriceBox div.add-to-waitinglist-articles {
	font-family: visuelt-bold;
    font-size: 25px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:#FFFFFF;
    padding:12px;
    padding-bottom: 6px;
	background-color: #4f31af;
	text-transform: uppercase;
	line-height: 1.2em;
	border-bottom: unset;
}
.tileIcons .goToCart div {
	display: none;
}
.HdRentEventStarLayer .HdRentEventStarButton {
	font-family: visuelt-bold;
    font-size: 15px;
    color:#FFFFFF;
	background-color: #4f31af;
	padding-top: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;	
}
.HdOrderBookingStepsPrices .hdOrderWaitinglistPriceBox div.add-to-waitinglist-articles {
    background-color: #DADADA;
    color: #A1A2A3;
}
.HdOrderBookingStepsPrices .hdOrderWaitinglistPriceBox div.add-to-waitinglist span,
.HdOrderBookingStepsPrices .hdOrderWaitinglistPriceBox div.add-to-waitinglist-articles span {
	display: none;
}

.hdButtonSmall.goToCart div {
    font-size: 15px;
    display: block;
}

.dialogify .btn-box .btn.btn-insert,
.dialogify .btn-box .btn.btn-insert:hover {
    background-color: #a1a2a3;
    color:#DADADA;
    margin-bottom: 10px;
} 
.dialogify .btn-box .btn.btn-primary,
.dialogify .btn-box .btn.btn-primary:hover {
    background-color: #4f31af;
    color:#FFFFFF;
}
.HdDropdownWrapper .HdDropdownContent .login-button {
    font-size: 20px;
    margin-left: 12px;
    padding:10px;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
input[type=checkbox] {
    display: inline-block;
    width: auto;
    margin-right: 8px;
    margin-bottom: 5px;
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    transform: scale(1.3);
}
input[type="checkbox"].hdItemOption {
	margin: 2px;
	margin-bottom: 6px;
}


.adminform  input[type=checkbox],
.orderCheckCheckboxRow input[type=checkbox] {
	margin-bottom: 0px;
    margin-top: 3px;
}
a.btn {
    background-color: initial;
    border: initial;
    position: initial;
    padding: initial;
    text-transform: initial;
    color: initial;
    font-size: initial;
}
.hdArticleDetailsImages .btn-primary {
    margin-top: 20px;
    display: inline-block;
}

/* individual style */
.HdInfoEntry .btn {
    margin-top: 30px;
}
.HdInfoEntry.HdInfoScrollH .btn {
    margin-top: 10px;
}
.HdTiles2 button {
    font-family: visuelt-regular;
    font-size: 20px;
    border: 0px;
    color: #4f31af;
    padding: 12px;
    padding-bottom: 6px;
    background: none;
    text-align: left;
}

/* calendar-field */
.field-calendar input[type="text"] {
	width: 125px !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin: 0px;
}
.field-calendar button.btn:last-child {
    margin-left: -1px;
	margin-top: -0px;
	padding: 6px;
	font-size: 0.95em;
}
.field-calendar button.btn span:first-child {
	position: inherit !important;
	left: inherit !important;
}

.klaro .cookie-modal .cm-btn, 
.klaro .context-notice .cm-btn, 
.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info, 
.klaro .context-notice .cm-btn.cm-btn-info, 
.klaro .cookie-notice .cm-btn.cm-btn-info {
	background-color: rgba(9,41,60,1) !important;
	text-transform: initial !important;
	padding: 4px 8px !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .context-notice .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: var(--HdLibDarkGreen) !important;
    color: #FFFFFF !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-danger, 
.klaro .context-notice .cm-btn.cm-btn-danger, 
.klaro .cookie-notice .cm-btn.cm-btn-danger {
    background-color: var(--HdLibDarkRed) !important;
    color: #FFFFFF !important;
}


