/*
Theme Name: Beschaffungsservice
Text Domain: beschaffung
Template: marmara
Version: 1.4
*/
a.bg-gray-100 {text-decoration:none;}

.has-lightblue-background-color {
	background-color: #F1F5F9;
	padding: 0.25em;
}

footer {margin-top:2em !important;}

nav {
	padding-bottom:50px;
}
div.logo-print {
	display: none;
}
div.print-show {
	display: none;
}
div.hide-enu {
	display: none;
}

/* respond formular */
.respond_registration_parent {
	display: flex;
	justify-content: center;
	padding: 1rem;
}
.respond_registration_parent .block {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}
form.respond_registration {
	box-shadow: 0 2px 5px 0 #ccc;
	padding: 1rem 1rem 2rem 1rem;
	width: 100%;
	max-width: 512px;
	position: relative;
}
.respond_registration_parent label.label {
	color: rgb(51, 65, 85);
	font-size: 14px;
}
.respond_registration_parent input.input {
	color: rgb(0, 54, 93);
	border-color: rgb(203, 213, 225);
	outline: 2px solid transparent;
}
.respond_registration_parent input.input:focus {
	outline: 2px solid rgba(0, 150, 213, .5);
	border-radius: 3px;
	outline-offset: 1px;
}
.respond_registration_parent input.button {
	background-color: rgb(0, 90, 154);
	color: #fff;
	position: absolute;
	right: 1rem;
	padding: 5px 50px 5px 20px;
	cursor: pointer;
	clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);
	vertical-align: middle;
}
.respond_registration_parent form.respond_registration .block:last-child {
	color: white;
}
.respond_registration_parent form.respond_registration .block:last-child:after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="select-none fill-current w-4" fill="white"><path d="M9.3 8.7a1 1 0 0 1 1.4-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.4-1.4l3.29-3.3-3.3-3.3z"></path></svg>');
	height: 20px;
	width: 20px;
	content: '';
	position: absolute;
	right: 2rem;
	bottom: 1.25rem;
	color: #fff;
}
.respond_registration_parent input.button:hover {
	background-color: rgb(255, 213, 0);
	color: rgb(0, 90, 154);
}

/* Gutschein-Konfigurator */
form.gutschein-konfigurator a,
form.gutschein-konfigurator a:link,
form.gutschein-konfigurator a:visited {
	color:#03326c;
	text-decoration:underline;
}
form.gutschein-konfigurator a:hover,
form.gutschein-konfigurator a:focus,
form.gutschein-konfigurator a:active {
	color:#000;
	text-decoration:underline;
}
form.gutschein-konfigurator{
	max-width:650px;
	width: 100%;
	padding: 0 .5em 1em .5em;
	color: #03326c;
}
form.gutschein-konfigurator input {
	border: 1px solid #03326c;
	border-radius: 0;
	color: #495057;
	padding: .375rem .75rem;
	outline:none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	max-height: 42px;
	height: 42px;
}
form.gutschein-konfigurator input[type=text],
form.gutschein-konfigurator input[type=email],
form.gutschein-konfigurator select,
form.gutschein-konfigurator select option,
form.gutschein-konfigurator .breite{
	 max-width: 400px;
	 width: 100%;
}
form.gutschein-konfigurator input:focus {
	 box-shadow: 0 0 0 1px rgba(3,50,108,.25);
	 border-color:#03326c;
}
form.gutschein-konfigurator input[type=submit]{
	background-color: #03326c;
	color: #fff;
	width: auto;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form.gutschein-konfigurator input[type=submit]:hover{
	 background-color: white;
	 color:#1f3550;
 }
form.gutschein-konfigurator input[type=checkbox] {
	 transform: scale(1.4);
	 width: .5rem;
	 height: .5rem;
	 padding: .3rem;
	 color: #03326c;
 }
form.gutschein-konfigurator select {
	outline: none;
	border: 1px solid #03326c;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form.gutschein-konfigurator select:focus {
	 box-shadow: 0 0 0 1px rgba(3,50,108,.25);
}
form.gutschein-konfigurator select option:disabled {
 color: rgba(0,0,0,.85);
}
form.gutschein-konfigurator .breite-options {
	max-width:500px;
	width: 100%;
}
form.gutschein-konfigurator .rahmen {
	/*max-width: 600px;*/
	width: 100%;
}
form.gutschein-konfigurator h1 {
	text-align:center;
	font-weight:bold;
}
form.gutschein-konfigurator label.gutschein,
form.gutschein-konfigurator h2.gutschein {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: .75rem;
	text-align: left;
	font-weight: bold;
	font-family: 'Overpass', sans-serif;
	color: #03326c;
}
form.gutschein-konfigurator h3 {
	background-color:#03326c;
	color:#FFF;
	padding:2px 5px;
}
form.gutschein-konfigurator div.gutschein-modell-anzahl {
	max-width: 75px;
}
form.gutschein-konfigurator div.gutschein-modell {
	width: 100%;
	margin-right: 10px;
}
form.gutschein-konfigurator span.gutschein-wert {
	margin-top: 1rem;
}
form.gutschein-konfigurator span#gutschein-wert {
	font-weight: bold;
}

.danke-text p.gutschein-einleitung {
	display: none;
}

.schmal {max-width:900px;}
.has-text-align-center.schmal {margin:0 auto;}

.wp-block-table table tr td {
	border-left: none;
    border-right: none;
    border-top: none;
}
.wp-block-table table tr:first-child td {
	border-bottom-width: 2px;
}
.wp-block-table table tr:last-child td {
	border: none;
}

@media print{
	* {
		color: #000;
		line-height: 18px;
	}
	h1 {
		color: #000 !important;
		font-size: 28px !important;
		line-height: 33px !important;
	}
	h2, h3, h4, h5, h6 {
		color: #000 !important;
		font-size: 90% !important;
		line-height: 90% !important;
	}
	p {
		font-size: 16px;
	}
	div.breadcrumb {
		display: none;
	}
	div.logo-print {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: static;
		top: 0;
		right: 0;
	}
	div.totop {
		display: none;
	}
	div.print-show {
		display: block;
	}
	.print-3-col{
		max-width: 33%;
		padding: 0 10px;
		float: left;
		min-height: 325px;
	}
	*:not(.print-3-col){
		clear: both;
	}
	.print-3-col h4 {
		word-break: break-all;
	}
	.print-3-col img {
		width: 50%;
	}
	div.noprint, img.noprint {
		display: none;
	}
	figure span {
		display: none;
	}
}