.T4374  {
	padding: 30px 0px;
}

.T4374 .cols {
	display: flex;
	display: -ms-flexbox;
}

.T4374 .col {
	flex: 5;
	-ms-flex: 5 0 auto;
	display: flex;	
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
}

.T4374 .col2 { 
	flex: 4;
	-ms-flex: 4 0 auto;
	padding-left: 20px; 
}

@media all and (max-width: 768px) {
	.T4374 .cols { display: block }
	.T4374 .col2 { padding-left: 0px; }
}





.T4374 section {
	flex: 1;
	-ms-flex: 1 0 auto;
	background-color: #fff;	
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	padding: 15px 20px 15px 20px;
	border-radius: 5px;
	position: relative;
}

.T4374 section.docs { flex: 2; -ms-flex: 2 0 auto; }
.T4374 section.checkout { flex: 5; -ms-flex: 5 0 auto; }
.T4374 section.preview { flex: 7; -ms-flex: 7 0 auto; }


.T4374 section .headline {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

.T4374 section .headline.border {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}


.T4374 section .back {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 14px;
	border: 1px solid #aaa;
	padding: 3px 10px;
	text-decoration: none;
	color: #888 !important;
	border-radius: 3px;
}

.T4374 section .back:hover {
	color: #000 !important;
	background-color: transparent !important;
	border: 1px solid #333 !important;
}



/* Gutscheine */

.T4374 .items { 
	display: flex; flex-wrap: wrap;
	justify-content: center;
}

.T4374 .items a {
	display: block;
	text-decoration: none;
	padding: 10px 10px;
	color: #333;
	text-align: center;
	font-size: 15px;
	flex-basis: 17%;
}


.T4374 .items a.on {
	background-color: #47a;
	color: #fff;
}

.T4374 .items img {
	box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
	margin-bottom: 8px;
}



/* Vorschau */


.T4374 .preview img {
	display: block;
	width: 100%;
	height: auto;
	transition: 1s;
	margin-bottom: 5px;
	/* box-shadow: 1px 1px 10px rgba(0,0,0,0.2); */
}

.T4374 .preview img.loading {
	opacity: 0.4;
	filter: blur(5px);
}





/* Vorlagen */

.T4374 .docs  {
}

.T4374 .docs .item {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	padding: 7px 10px;
	color: #333;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
	width: 25%;
	max-width: 120px;
	border-radius: 5px;
}

.T4374 .docs img {
	width: 100%;
	height: auto;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
	margin-bottom: 7px;
}


.T4374 .docs .on {
	background-color: #47a;
	color: #fff;
}




/* Nachricht */

.T4374 .message textarea {
	width: 100%;
	height: 8em;
}




/* Kategorien */

.T4374 .checkout  {  
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
}

.T4374 .checkout .row1 {  flex: 10; -ms-flex: 10 0 auto; }
.T4374 .checkout .row2 {  flex: 1; -ms-flex: 1 0 auto; text-align: right; padding-top: 20px;}

.T4374 .checkout .row1 .anzahl { padding-top: 20px; }

.T4374 .checkout .item {
	display: flex;
	display: -ms-flexbox;
	text-decoration: none;
	padding: 8px 10px;
	border-bottom: 1px solid #ddd;
	color: #333;
	cursor: pointer;

}

.T4374 .checkout .image {
	flex: 1;
	-ms-flex: 1 0 auto;
	min-width: 85px;
	padding-right: 5px;
}

.T4374 .checkout .image img {
	border-radius: 5px;
}

.T4374 .checkout .text {
	padding-left: 0px;
	flex: 8;
	-ms-flex: 8 0 auto;
	font-size: 13px;
	line-height: 1.3;
	margin: 0px 0px;
	padding-right: 20px;
}

.T4374 .checkout .text .name {
	font-size: 15px;
	font-weight: bold;
}

.T4374 .checkout .text .info {
	margin-top: 5px;
}

.T4374 .checkout .price {
	margin: 3px 0px;
	font-weight: bold;
	font-size: 15px;
}

.T4374 .freibetrag { max-width: 100px; }
.T4374 .freibetrag__input { font-weight: bold; width: 65px; }
.T4374 .freibetrag__info { font-weight: bold; color: red; font-size: 12px; }


.T4374 .checkout .item.on {
	border: 2px solid #666;
	border-radius: 5px;
	margin: -2px -2px -1px -2px;
}


.T4374 .back.button { 
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
	background-color: #F28800 !important; color: #fff !important; 
	border-radius: 5px;
	cursor: pointer;
}


.T4374 .checkout .button { 
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
	background-color: #e85725; color: #fff; 
	border-radius: 5px;
	cursor: pointer;
}


.T4374 p.gutschein_info { font-size: 13px; line-height: 1.3; text-align: left; margin: 0px 0px 5px 0px; }