body {
	margin: 0;
	padding: 0;
    font-family: 'Roboto', sans-serif;
	color: #333;
}

hr.hr-krone {
	border-top-color: #000000;
	margin-bottom: 35px;
}
form {
	margin:0;
}
.btn.btn-success {
	background-color: #000000;
	border: 1px solid #000000;
	color: #fff !important;
	font-size: 15px !important;
}
.btn.btn-success:hover {
	background:transparent linear-gradient(90deg, #CE3005 0%, #D36636 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #000000;
}
.btn.btn-default {
	background-color: #FBE8E2;
	color: #000 !important;
	font-size: 15px !important;
}

h1 {
	font-size: 1.75rem;
	line-height: 2.37rem;
	color: #333;
	font-weight: bold;
}

a:link      { color: #222222 !important; text-decoration: none; cursor: pointer; font-weight: bold; }
a:visited      { color: #222222 !important; text-decoration: none; cursor: pointer; }
a:hover     { color: #D36636 !important;  text-decoration: none; cursor: pointer; }
a:active      { color: #222222 !important;  text-decoration: none; cursor: pointer; }

/* Bootstrap custom spacing */

.mt-12{margin-top:12px;}
.mb-12 {margin-bottom:12px;}
.my-12 {margin-bottom:12px;margin-top:12px;}
.pl-12{padding-left:12px;}
.pr-12 {padding-right:12px;}
.px-12 {padding-left:12px;padding-right:12px;}

.mt-06{margin-top:6px;}
.mb-06 {margin-bottom:6px;}
.my-06 {margin-bottom:6px;margin-top:6px;}

.mt-32{margin-top:32px;}
.mb-32 {margin-bottom:32px;}
.my-32 {margin-bottom:32px;margin-top:32px;}

.mt-10{margin-top:10px;}
.mb-10 {margin-bottom:10px;}
.my-10 {margin-bottom:10px;margin-top:10px;}

.pl-32{padding-left:32px;}
.pr-32 {padding-right:32px;}
.px-32 {padding-left:32px;padding-right:32px;}
.pb-32{padding-bottom:32px;}
.pt-32{padding-top:32px;}
.py-32{padding-bottom:32px;padding-top:32px;}

.pl-24{padding-left:24px;}
.pr-24 {padding-right:24px;}
.px-24 {padding-left:24px;padding-right:24px;}

iframe {
	width: 100%;
}
.addDateIcon {
  color: #D36636;
}
.submit_button {
	background-color: #D50006;
	border: 2px solid #D50006;
	color: #fff;
	font-size: 0.85em;
	padding: 0.5em;
	text-transform: uppercase;
}
.submit_button:hover {
	background-color: #971B2F;
	color: #fff;
}
.form-group {
	margin-bottom: 2rem;
}
.form-required { color: #C21203; }

.blockheader {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.6em 0;
	padding: 0.3em 0;
}
.blockheaderklammern {
	font-size: 85%;
	font-variant: normal;
	font-weight: normal;
}
.qq-upload-button {
	background: #000 !important;
	color: #fff;
	border-radius: 5px;
	font-size: 0.95rem;
	padding-left: 2rem;
	padding-right: 2rem;
	cursor: pointer;
}
.qq-upload-button:hover,
.qq-upload-button-hover{
	background:#DD3019 !important;
	color:#fff;
	cursor: pointer;
}
.qq-upload-success-text {
	color: #d36636;
}
#appendDateTo > .row {
  margin-bottom: 5px;
}
#appendDateTo > .row.hiddenrow {
	margin-bottom: 0px;
}

.btn-custom,
.btn-custom:visited,
.btn-custom:focus {
		background-color: #000;
		color: #fff !important;
		border-radius: 5px !important;
		font-size: 0.95rem !important;
		padding-left: 2.7rem !important;
		padding-right: 1.7rem !important;
		height: 48px;;
	
}
.btn-custom:hover {
	background:#DD3019;
}

.btn-link {
	color: #222222;
	font-weight: bold;
}
.btn-link:hover {
	color: #d36636;
}
input[placeholder], [placeholder], *[placeholder] {
	 color: #A6A6A6;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #A6A6A6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #A6A6A6;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #A6A6A6;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #A6A6A6;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #A6A6A6;
}
::placeholder { /* Most modern browsers support this now. */
	color:    #A6A6A6;
}
input[type="text"],input[type="number"],input[type="email"], select, textarea {
    border-radius: 0px !important;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #ccc !important;
	width: 100%;
	color: #222222;
	font-weight: 400;
}

input[type="text"],input[type="number"],input[type="email"], select {
    height: 32px;
	padding-bottom: 10px;
}
textarea {
    resize: vertical;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
#technische_vorgaben {
	color: #000 !important;
}
.custom-select-sm {
	padding-left: 0.25rem !important;
	padding-right: 1.55rem !important;
}
@media (max-width: 576px) {

	.custom-select-sm {
		width:60px;
	}

}

.formlabel {
	font-size: 16px;
	font-weight: 700;
}
.formlabel.small {
	font-size: 14px;
}
/* ***** Icons ********* */
.katicon_showsub {
	display: block;
}
.katicon_showsub .icon_back {
	width:55px;
	height:55px;
	background-color: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 3px 6px #cccccc;
	margin-bottom: 10px;
	padding-top: 5px;
	display: block;
	line-height: 45px;
}
.katicon_showsub.checked .icon_back,
.katicon_showsub:hover .icon_back {
	background-color: #E3000F;
}
.katicon_search {
	width:45px;
	height:45px;
	position: relative;
	display:inline-block;
}
.katicon_showsub.checked .icon_back svg.katicon_search path,
.katicon_showsub.checked .icon_back svg.katicon_search rect.linie,
.katicon_showsub:hover .icon_back svg.katicon_search path,
.katicon_showsub:hover .icon_back svg.katicon_search rect.linie {
	fill :#ffffff;
}
.katicon_label {
	font-size:13px;
	font-weight: 400;
	color: #000000;
}
/* ***** Ende Icons ********* */
/* ***** Subkategorien ********* */
#subkategorie_list,
#subkategorie_list .leiste_subkat.no-show {
	display: none;
}
#subkategorie_list .subkat {
	background-color: #F8F4ED;
	border-radius: 30px;
	border: 1px solid #F8F4ED;
	color: #20201F !important;
	padding: 5px 10px;
	width: auto;
	cursor: pointer;
}
#subkategorie_list .subkat:hover,
#subkategorie_list .subkat:focus,
#subkategorie_list .subkat.subkat_active {
	background-color: #E3000F;
	color: #F9EBE5 !important;
}
/* ***** ENDE Subkategorien ********* */
/* ***** Eventort/Digital ********* */
.nav-pills {
	margin-bottom: 1.5em;
}
.nav-pills .nav-link {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	font-size: 0.8em;
	margin: 0 15px;
	border-radius: 0.5em;
}
.nav-pills .nav-link:first-child {
	margin-left: 0;
}
.nav-pills .nav-link .blockheader {
	color: #000000;
	margin: 0 15px;
	padding: 0;
}
.nav-pills .nav-link.active {
	background-color: #F2B8A8;
	border-color: #E2623F;
}
/* ***** Ende Eventort/Digital ********* */
#TerminAngabe.accordion {
	margin-bottom: 30px;
}
#TerminAngabe.accordion > .card {
	overflow: visible;
}
.select_date_toggle,
.select_starttime_clock_toggle,
.select_endtime_clock_toggle{
	display:inline-block;
}

.alert-light hr {
	background-top-color: #000000;
}

button .material-icons-outlined {
	position: absolute;
	left:28px;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
 	background-color: #CE3005 !important;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
	background-color: #CE3005 !important;
	border-color: #CE3005 !important;

}
.datedata,
.clockdata {
	display: none;
}
.clockstart {
	float: left;
}
.von_section,
.bis_section {
	display: inline-block;
}
.von_section small,
.bis_section small,
.clockstart small,
.clockend small{
	width: 20px;
	display: inline-block;
}
@media (min-width:768px) {
	.py-md-32{padding-bottom:32px !important;padding-top:32px !important;}
}
@media (max-width:768px) {
	.clockend small,
	.bis_section small {
		display: block;
	}
}
@media (min-width: 990px) {
	.leiste_katicons {
		text-align: center;
	}
}
@media (max-width: 990px) {
	.leiste_katicons {
		overflow-x: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.leiste_katicons ::-webkit-scrollbar {
		display: none;

	}
}
