@charset "utf-8";

.layout_adventskalender [class^="col-"],
.layout_adventskalender [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.layout_adventskalender,
.layout_adventskalender_inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.layout_adventskalender div.row.two_column > div[class^="col-"]:first-child {
	padding-right: 15px;
}
.layout_adventskalender div.row.two_column > div[class^="col-"]:last-child {
	padding-left: 15px;
}
@media only screen and (max-width: 991px) {
	.layout_adventskalender div.row.two_column > div[class^="col-"]:first-child,
	.layout_adventskalender div.row.two_column > div[class^="col-"]:last-child {
		padding-right: 0px;
		padding-left: 0px;
	}
}

.layout_adventskalender_form {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.form_checkbox_label,
.form_radio_label {
	padding: 0px 0px 0px 10px;
}
.form_checkbox_with_label,
.form_radio_with_label {
	position: relative;
	top: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.adventskalender_form_buttons {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.adventskalender_form_radios {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.layout_adventskalender_form .form_element_radios ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_adventskalender_form .form_element_radios ul li {
	float: none;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {
	.layout_adventskalender_form .form_element_radios ul li {
		float: none;
		padding: 0px 0px 0px 0px;
	}
}
.adventskalender_form_wysiwyg_editor {
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
}
.adventskalender_form_wysiwyg_editor textarea {
	font: normal 12px/18px Arial,Helvetica;
	color: #010101;
}
.adventskalender_item {
	margin: 30px 0px 30px 0px;
	padding: 30px;
	border: 2px solid #eeeeee;
}
.adventskalender_item_hauptpreis {
	
}
.adventskalender_item_image {
	width: 200px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.adventskalender_item_image img {
	min-width: 100%;
	max-width: 100%;
}
.adventskalender_item_description {
	width: calc(100% - 230px);
	margin-left: 15px;
}
.adventskalender_item_description h2 {
	font: normal 18px/18px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: var(--ci_color_black);
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	hyphens: none;
}
.adventskalender_item_description h2:after {
	background: var(--ci_color_accent_1);
	bottom: -1px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.adventskalender_item_description h2:hover:after {
	background: var(--ci_color_accent_1);
	width: 180px;
}
@media only screen and (max-width: 991px) {

	.adventskalender_item_description {
		width: auto;
	}
	
}
.adventskalender_item_description_customer {
	color: #161616;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.adventskalender_item_description_customer a,
.adventskalender_item_description_customer a:link,
.adventskalender_item_description_customer a.visited {
	color: #161616 !important;
}
.form_radio_label span {
	color: #161616;
}
.layout_adventskalender_teilnahmebedingungen {
	font: normal 13px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #161616;
	margin: 50px 0px 50px 0px;
	padding: 0px 15px 0px 0px;
}



/* KALENDER */
.adventskalender_super_santa {
	background: transparent url(../images/adventskalender_2025.jpg) no-repeat left top;
	background-size: cover;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 99;
	padding-top: calc(100% / 16 * 9);
	margin: 30px 0px 30px 0px;
}
.adventskalender {
	margin: 30px 0px 30px 0px;
	padding-top: calc(100% / 16 * 9);
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
}
.adventskalender_height {
	display: block;
	position: relative;
	padding-top: calc(100% / 16 * 9);
	margin-top: 30px;
	margin-bottom: 30px;
}
.adventskalender_inner {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 30px;
}
@media only screen and (max-width: 991px) {
	.adventskalender_inner {
		padding: 10px;
	}
}

.adventskalender_day {
	background: rgba(255, 255, 255, 0.25);
	width: calc((100% / 6) - (10px - (10px / 6)));
	height: calc((100% / 4) - (10px - (10px / 4)));
	display: block;
	border: 1px solid #eeeeee;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.adventskalender_day:nth-child(6n) {
	margin-right: 0px;
}
.adventskalender_day_current  {
	border: 1px dashed #cdcdcd;
}
.adventskalender_day:hover {
	background: #aa2222;
	border: 1px solid #aa2222;
}
@media only screen and (max-width: 991px) {
	/*
	.adventskalender_day {
		width: 45px;
	}
	*/
}
.adventskalender_day_inner {
	width: 100%;
	height: 100%;
}
.adventskalender_day a,
.adventskalender_day a:link,
.adventskalender_day a:visited,
.adventskalender_day a:hover {
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none !important;
}
.adventskalender_day:hover a, 
.adventskalender_day:hover a:link {
	color: #ffffff;
}
.adventskalender_day_inner span.day {
	display: inline-block;
	font: normal 18px/18px Georgia,serif,Arial,Helvetica;
	font-weight: normal;
	margin: 5px 0px 0px 5px;
}
.adventskalender_day_inner span.day_past {
	color: #a7a7a7;
}
.adventskalender_day:hover span.day_past {
	color: #ffffff;
	cursor: not-allowed;
}
.adventskalender_hidden_items_message,
.adventskalender_spam_message {
	background: #aa2222;
	color: #ffffff;
	margin: 0px 0px 60px 0px;
	padding: 10px 20px 10px 20px;
}
.adventskalender_hidden_items_message i {
	padding: 0px 10px 0px 0px;
}
.form_element_row {
	margin-bottom: 15px;
}
input#postalcode {
	margin-bottom: 15px;
}



/* KUDNENLOGOS */
.layout_adventskalender_customer a,
.layout_adventskalender_customer a:link {
	display: inline-block;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
}
.layout_adventskalender_customer a:nth-child(odd) {
	padding-left: 15px;
	float: right;
}
.layout_adventskalender_customer a:nth-child(even) {
	padding-right: 15px;
	float: left;
}



/* MESSAGES */
.layout_message {
	background: #F2F2F2;
	width: 540px;
	/* border: 1px dashed #cccccc; */
	padding: 10px 20px 10px 15px;
	margin: 10px 0px 0px 0px;
	text-indent: 0px;
}
.message_success {
	background: #5ebf00;
	color: #ffffff;
}
.message_error div.layout_message_inner_icon {
	color: #ffffff;
}
.message_error {
	background: #d00000;
	color: #ffffff;
}
.message_error div.layout_message_inner_icon {
	color: #ffffff;
}
.message_processing {
	background: #F2F2F2;
	color: #010101;
}
.message_processing div.layout_message_inner_icon {
	color: #010101;
}
.layout_message_inner_icon {
	width: 20px;
	margin: 4px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}


.layout_adventskalender_form h2 {
	margin-top: 30px;
}
.layout_adventskalender_form .adventskalender_item_description_title h2 {
	margin-top: 0px;
}

.layout_adventskalender h2::after,
.layout_adventskalender h3::after {

	background-color: #aa2222;
}

.layout_adventskalender .button {
	background: #aa2222;
}
.layout_adventskalender .button:hover {
	background: #ffffff;
	color: #010101;
  }
.layout_adventskalender .button::before {
	top: -4px;
	left: -4px;
	border-top: 1px solid #aa2222;
	border-left: 1px solid #aa2222;
}
.layout_adventskalender .button:hover::after {
	border-top: 1px solid #aa2222;
	border-right: 1px solid #aa2222;
}
.layout_adventskalender .button:hover span::before {
	border-bottom: 1px solid #aa2222;
	border-left: 1px solid #aa2222;
}
.layout_adventskalender .button span::after {
	bottom: -4px;
	right: -4px;
	border-bottom: 1px solid #aa2222;
	border-right: 1px solid #aa2222;
}

.adventskalender_item_description_text a,
.adventskalender_item_description_text a:link,
.adventskalender_item_description_text a.visited {
	color: #161616 !important;
}