/**** LIEFERLOGISTIK ****/

#intro h1 + p {
	margin: 1em auto;
	max-width:65em;
}
#intro .infobox {
	margin-top:2em !important;
	margin-bottom: -1em;
	position: relative;
}

#intro .infobox ul {
	column-count: 3;
	column-gap: 2em;
	text-align: left;
	list-style: none;
	margin:0;
	padding:0;
}
#intro .infobox ul li {
	padding: 0.5em 0 0.5em 3.5em;
	font-weight: 600;
	position: relative;
}
#intro .infobox ul li strong {
	display: inline-block;
	min-width: 2.5em;
	padding:0 0.25em;
	border-radius:0.25em;
	margin-right:0.5em;
	text-align: center;
	background: rgb(var(--green));
	color: rgb(var(--white));
	position: absolute;
	left:0;
}
@media(max-width: 1350px){
	#intro .infobox ul {
		column-count: 2;
	}
}
@media(max-width: 767px){
	#intro .infobox ul {
		column-count: 1;
	}
}
 
#lieferzonen {
	padding-top:0;
	padding-bottom:0;
}
#lieferzonen .box > h3 {
	position: relative;
	z-index: 1;
	margin-bottom:1em;
	font-size: 1.5em;
	color: rgb(var(--darkblue))
}
#lieferzonen .karte {
	max-width:40em;
	margin-top:-2em !important;
	position: relative;
	z-index: 0;
	text-align: center;
}
#lieferzonen .downloadlist {
	text-align: center;
}
#lieferzonen .download {
	margin-top:1em;
	max-width:25em
}

@media(max-width: 980px){
	#lieferzonen .innercol .col.span2-3 {
		width: 60%
	}
	#lieferzonen .innercol .col.span1-3 {
		width: 40%
	}
}
@media(max-width: 809px){
	#lieferzonen .innercol .col.span2-3 {
		width: 50%
	}
	#lieferzonen .innercol .col.span1-3 {
		width: 50%
	}
	#lieferzonen .karte {
		max-width: none;
	}
}

#lieferkosten {
	padding-top:0;
	padding-bottom:0;
	background: linear-gradient(rgba(var(--darkblue3),0.2), rgba(var(--blue3),0)10em);
}

#lieferkosten h2 {
	font-size:1.75em;
	text-align: center;
}
#lieferkosten table {
	background: rgba(var(--white));
	margin-bottom: 0.5em;
	box-shadow: 0 0 0.5em -0.25em rgba(var(--black),0.5)
}
#lieferkosten table th {
	background: rgba(var(--blue));
	color: rgb(var(--white));
}
#lieferkosten table th,
#lieferkosten table td {
	padding-left: 2vw
}
#lieferkosten table td:first-child {
	font-weight:600;
}
#lieferkosten table tr:nth-child(2n+1) {
	background: rgba(var(--grey2),0.0);
}
#lieferkosten table tr:nth-child(2n+2) {
	background: rgba(var(--blue3),0.25);
}
#lieferkosten table + table {
	margin-top: 1em !important;
}
#lieferkosten .note {
	font-size: 0.9em;
	font-style: italic;
}
#lieferkosten .note .button,
#lieferkosten .note + .button{
	margin-top:1em !important;
	font-size: 0.9em;
	font-style: normal;
}

@media(max-width: 767px ){
	#lieferkosten h2 {
		font-size: calc(1em + 1vw);
	}
	#lieferkosten table {
		font-size:0.8em
	}
	#lieferkosten table th {
		hyphens: auto;
	}
}
#gallery {
	padding-top:0;
}
#gallery > .content {
	max-width: 105em
}
#gallery .box {
	padding:0
}
#berater {
	padding-top:0;
}
 
 
 /*** SHORTCODES-CUSTOM-CSS ***/