/* Material Icons */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('/fonts/material-icons/MaterialIcons-Regular.eot'); /* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url('/fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'),
		url('/fonts/material-icons/MaterialIcons-Regular.woff') format('woff'),
		url('/fonts/material-icons/MaterialIcons-Regular.ttf')
			format('truetype');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';

	float: left;
	margin-right: 8px;
	transition: all 0.25s ease-in-out;
}
.material-icons.right {
	float: right;
	margin-left: 8px;
	margin-right: unset;
}
.material-icons .inline {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.material-icons .s32 {
	font-size: 2rem;
}
.material-icons .s48 {
	font-size: 3rem;
}
.material-icons .s64 {
	font-size: 4rem;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, sans-serif;
	word-wrap: break-word;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	height: auto;
	font-size: 13px;
	line-height: 16px;
	scroll-behavior: smooth;
}

/* body {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
} */

a {
	text-decoration: none;
	color: #c00;
	transition: color 0.3s;
}

a:visited {
	color: #c00;
}

a:hover {
	color: #800;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 5px 0 0 20px;
}

/* h1,
h2 {
	color: white;
} */

h1 {
	font-size: 24px;
	line-height: 26px;
}

h2 {
	line-height: 1.75em;
}

input,
select,
textarea {
	resize: none;
	border: 1px solid #ccc;
}

textarea {
	display: block;
}

tr:nth-child(even) {
	background-color: #ffffff;
}

tr:nth-child(odd) {
	background-color: #dddddd;
}

th {
	color: #000;
	padding: 10px;
}

td {
	padding: 3px;
}

b {
	font-weight: 700;
}

hr {
	height: 1px;
	border: none;
	background-color: #aaa;
}

blockquote {
	position: relative;
	margin: 12px 0;
	padding: 12px 48px;
	background-color: #ddd;
}

blockquote::before, blockquote::after {
	content: "format_quote";
	position: absolute;
	font-family: 'Material Icons';
	font-size: 2rem;
	line-height: 2rem;
}
blockquote::before {
	top: 4px;
	left: 4px;
}
blockquote::after {
	bottom: 4px;
	right: 4px;
}

/*------------------------------------------------------------ID"s------------------------------------------------------------*/
#werbung_overhead {
	width: 960px;
	max-height: 90px;
	margin: 0 auto 10px auto;
	text-align: center;
}

#werbung_right_fixed {
	display: none;
}
@media (min-width: 1304px) {
	#werbung_right_fixed {
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		width: calc(((100% - 960px) / 2) - 48px);
	}
}

#wrapper {
	margin: auto;
	width: 960px;
	min-height: 600px;
	background: #e9e9e9;
}

#header_ED {
	position: relative;
	height: 160px;
	background: url('../img/header_erding_2014.jpg') no-repeat top left;
	background-size: cover;
	overflow: hidden;
}

#header_FS {
	position: relative;
	height: 160px;
	background: url('../img/header-fs-2016.jpg') no-repeat top left;
	background-size: cover;
	overflow: hidden;
}

#header_FM {
	position: relative;
	height: 160px;
	background: url('../img/header_flughafen_2014.jpg') no-repeat top left;
	background-size: cover;
	overflow: hidden;
}

#logo_link {
	display: block;
	width: 220px;
	height: 135px;
}

#social {
	position: absolute;
	top: 20px;
	right: 17px;
	font-size: 0;
}
#social a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
}

#suche {
	position: relative;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30%;
	height: 25px;
	background-color: rgba(255, 255, 255, 0.2);
}
#suche #suchfeld {
	padding: 0 5px 0 30px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: transparent;
	border: none;
	transition: all 0.3s ease-in-out;
}
#suche #suchfeld:focus {
	background-color: #fff;
	color: #333;
}
#suche #suchfeld::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #eee;
}
#suche #suchfeld::-moz-placeholder {
	/* Firefox 19+ */
	color: #eee;
}
#suche #suchfeld:-ms-input-placeholder {
	/* IE 10+ */
	color: #eee;
}
#suche #suchfeld:-moz-placeholder {
	/* Firefox 18- */
	color: #eee;
}
#suche #suchfeld:focus::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #666;
}
#suche #suchfeld:focus::-moz-placeholder {
	/* Firefox 19+ */
	color: #666;
}
#suche #suchfeld:focus:-ms-input-placeholder {
	/* IE 10+ */
	color: #666;
}
#suche #suchfeld:focus:-moz-placeholder {
	/* Firefox 18- */
	color: #666;
}
#suche #suchicon {
	position: absolute;
	left: 5px;
	top: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 0;
	background-image: url('../img/icon_search_w.png');
	background-position: center center;
	background-size: 75% 75%;
	background-repeat: no-repeat;
}
#suche #suchfeld:focus + #suchicon {
	background-image: url('../img/icon_search_b.png');
}

#slogan {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px 0 0;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}

#breadcrump {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 0 10px;
	height: 25px;
	line-height: 27px;
	font-size: 14px;
	color: #fff;
}

#sitemap #start {
	float: left;
	margin-right: 5px;
	width: 16px;
	height: 25px;
}

#sitemap a {
	color: #fff;
}

#suche_ergebnis {
	display: none;
	padding: 10px;
	width: 100%;
	min-height: 50px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#suche_ergebnis::after {
	content: '';
	display: block;
	clear: both;
}
#suche_ergebnis h2 {
	padding: 5px 0;
	color: #111;
	text-align: center;
	border-bottom: 3px double #c00;
}
#suche_ergebnis .suche_ergebnis {
	float: left;
	padding: 10px;
	width: 50%;
}
.suche_spinner {
	display: none;
	margin: 10px auto;
	width: 64px;
	height: 64px;
	background-color: #c00;
	border-radius: 100%;
	-webkit-animation: scaleout 1s infinite ease-in-out;
	animation: scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}
@keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
.suche_ergebnis .box_news_container {
	border-bottom: 1px solid #ccc;
}

#left {
	float: left;
	margin: 10px 0 10px 10px;
	width: 160px;
}

#nothilfe {
	margin: 15px 0 15px 0;
	width: 150px;
	height: 40px;
	line-height: 16px;
	background-color: #c00;
	background-image: url('../img/notrufe.png');
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #aaa;
}

#nothilfe a {
	display: block;
	padding: 4px 0 0 33px;
	color: #fff;
}

.nothilfe_table th h3, .nothilfe_table th h4 {
	color: #fff;
}

#app a {
	display: block;
	text-align: center;
}
#app a img {
	max-width: 75%;
	height: auto;
}

#partner {
	padding: 20px;
	background-color: #ccc;
	text-align: center;
	font-size: 0;
}
#partner h3 {
	text-align: left;
	font-size: 14px;
}
#partner a {
	display: inline-block;
	margin: 0 0 10px 10px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
}
#partner a:first-child {
	margin-left: 0;
}
#partner a img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#werbung_top_container {
	float: left;
	padding: 10px 10px 0 10px;
	width: calc(100% - 340px);
}
@media (max-width: 990px) {
	#werbung_top_container {
		width: calc(100% - 280px);
	}
}
@media (max-width: 768px) {
	#werbung_top_container {
		width: 100%;
	}
}
#werbung_top {
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
#werbung_top a {
	display: inline-block;
	width: fit-content;
}
#werbung_top a img {
	display: block;
	line-height: 0;
	width: 300px;
	max-height: 250px;
	object-fit: contain;
}

#middle {
	width: 600px;
	width: calc(100% - 360px);
	margin: 16px 10px;
	min-height: 600px;
	float: left;
}
#middle.noad {
	width: 760px;
	width: calc(100% - 200px);
}

#right {
	position: relative;
	z-index: 998;
	float: right;
	width: 160px;
	margin: 10px 10px 10px 0;
	text-align: right;
}
#right a:not([href^=http]):not([href^="#"])[mhlightbox]::after {
	display: none;
}
#right a {
	display: block;
	margin-bottom: 16px;
	line-height: 0;
}
#right a:last-child {
	margin-bottom: 0;
}

#footer {
	padding-top: 7px;
	line-height: 20px;
	background: #c00;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#quickicons {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 8px;
	margin-bottom: 12px;
}
@media (min-width: 769px) {
	#quickicons {
		display: none !important;
	}
}
#quickicons > div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	width: 100%;
	background-color: #c00;
	border-radius: 4px;
	text-align: center;
}
#quickicons a {
	display: block;
	line-height: 0;
	font-size: 0;
}
#quickicons img {
	margin: 0 !important;
	display: inline-block !important;
	height: 32px;
}
#box_quick_buttons {
	display: grid;
	justify-items: center;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-bottom: 10px;
}
#box_quick_buttons .quick_button {
    max-width: 150px;
	width: 100%;
    height: 25px;
    line-height: 25px;
	text-align: center;
    background-color: #636363;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.16);
    font-size: 15px;
    font-weight: bold;
    list-style-type: none;
    border-radius: 5px;
    transition: background-color 0.5s, box-shadow 0.5s, width 0.5s;
    -webkit-transition: background-color 0.5s, box-shadow 0.5s, width 0.5s;
}
#box_quick_buttons .quick_button:hover {
	background-color: #c00;
	box-shadow: inset 1px 1px 3px grey;
}
#box_quick_buttons .quick_button a {
	color: #fff;
	display: block;
}
#box_aktuelle_themen, #box_spezial {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#box_aktuelle_themen div, #box_spezial div {
	padding: 4px 0px 0px 0px;
}
#box_aktuelle_themen > div:first-child {
	border-right: 1px solid #d6d6d6;
}
#box_aktuelle_themen > div:last-child:not(:first-child) {
	border-left: 1px solid #d6d6d6;
}
#box_aktuelle_themen p, #box_spezial p {
	padding: 12px 6px;
	margin: 0px 10px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
}
#box_aktuelle_themen p a, #box_spezial p a {
	display: block;
}
#box_aktuelle_themen #no_aktuell {
	text-align: center;
	grid-column-start: auto;
	grid-column: span 2;
	padding: 8px 0px;
	font-weight: 700;
}
#box_spezial h2 {
	text-align: center;
}

#dienstleistungen li {
	margin: 10px 0 0 25px;
	list-style-type: disc;
}

#table_wahlen th {
	color: #000;
}

#nachrichten_alle {
	cursor: pointer;
}

#nachrichten_details_container {
	text-align: justify;
	display: block;
}

#nachrichten_details_zug_gemeinde li {
	margin: 5px 0 0 10px;
	list-style-type: none;
	min-height: 64px;
	line-height: 64px;
}
#nachrichten_details_zug_gemeinde li a {
	display: block;
}
#nachrichten_details_zug_gemeinde li a::after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
#nachrichten_details_zug_gemeinde li a img {
	float: left;
	margin: 0 12px 0 0;
	width: 64px;
	height: auto;
}

.sharingTools {
	margin: 12px 0;
	line-height: 0;
}
.sharingTools .sharingTool {
	display: inline-block;
	margin-right: 8px;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50%;
	background-color: #444;
	transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.sharingTools .sharingTool:hover {
	background-color: #666;
}
.whatsapp {
	background-color: #25d366 !important;
}
.sharingTools .sharingTool a {
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.sharingTools .sharingTool a .material-icons,
.sharingTools .sharingTool a svg {
	float: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 16px;
	height: auto;
	font-size: 16px;
}

#mobil_scrolltop {
	display: none;
	position: fixed;
	bottom: -100%;
}

#cookie_hinweis {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	line-height: 30px;
	background: #111;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	box-shadow: 0 0 5px grey;
	z-index: 99999999;
	box-sizing: border-box;
}
#cookie_hinweis::after {
	content: '';
	clear: both;
	height: 0;
}
#cookie_hinweis a {
	display: block;
	width: 180px;
}
#cookie_hinweis_btn,
#cookie_hinweis a {
	float: right;
	margin-left: 10px;
	padding: 3px 5px;
	height: 30px;
	line-height: 24px;
	text-align: center;
	background: #c00;
	color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: 1px 1px 3px grey;
	font-size: 13px;
	cursor: pointer;
	box-sizing: border-box;
}

/*------------------------------------------------------------Classes------------------------------------------------------------*/
.mobileDetails details > summary {
	list-style:none;
}
.mobileDetails details > summary::marker {
	display:none;
}
.mobileDetails .tab {
	margin-left: 25px;
}
.mobileDetails details summary::before {
	content: "ᐅ ";
}
.mobileDetails details[open] summary::before {
	content: "ᐯ ";
}

.clearfix {
	clear: both;
	height: 0;
}

.img_shadow {
	box-shadow: 2px 2px 2px #aaa;
	max-width: 100%;
	height: auto;
}

.video_shadow {
	box-shadow: 2px 2px 2px #aaa;
	max-width: 100%;
}

.btn {
	float: right;
	padding: 0 5px;
	min-width: 120px;
	height: 27px;
	border: 1px solid #ccc;
	text-align: center;
	background: #c00;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	transition: box-shadow 0.5s;
}

.btn:hover {
	box-shadow: 0 0 5px black;
}

.noscript {
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 100%;
	max-width: 950px;
	background: #c00;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius: 10px;
}

.noblocker {
	display: none;
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 100%;
	max-width: 950px;
	background: #ffe400;
	color: #000;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
}

.app_mobile {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	margin: 50px auto 0 auto;
	padding: 10px;
	width: 100%;
	height: 74px;
	max-width: 960px;
	background: #111;
	background: -webkit-linear-gradient(#333, #111);
	background: -moz-linear-gradient(#333, #111);
	background: linear-gradient(#333, #111);
	color: #fff;
	font-weight: 700;
	overflow: hidden;
}
.app_mobile_logo {
	float: left;
	display: grid;
	grid-template-columns: 64px 1fr;
	align-items: center;
}
.app_mobile_logo img {
	width: 54px;
}
.app_mobile_links {
	text-align: right;
	font-size: 0;
	line-height: 0;
}
.app_mobile_links a {
	display: inline-block;
	margin-left: 10px;
}
.app_mobile_links a:first-child {
	margin-left: 0;
}
.app_mobile_links a img {
	display: block;
	width: auto;
	height: 54px;
}
@media (min-width: 769px) {
	.app_mobile {
		display: none;
	}
}

.error {
	min-height: 30px;
	line-height: 30px;
	color: #c00;
	font-weight: 700;
	text-align: center;
}

.success {
	min-height: 30px;
	line-height: 30px;
	color: #333;
	font-weight: 700;
	text-align: center;
}

.row_error {
	margin: 15px 0 20px 0;
	font-style: italic;
}

.navi_point {
	margin: 0 0 10px 0;
	width: 150px;
	height: 25px;
	line-height: 25px;
	background-color: #636363;
	box-shadow: 1px 1px 3px #aaa;
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
	border-radius: 5px;
	transition: background-color 0.5s, box-shadow 0.5s, width 0.5s;
	-webkit-transition: background-color 0.5s, box-shadow 0.5s, width 0.5s;
}

.navi_divider {
	list-style: none;
	height: 15px;
}

.navi_point:hover, .navi_active {
	background-color: #c00;
}

.navi_point a {
	display: block;
	line-height: 25px;
}

.navi_point a {
	display: block;
	padding-left: 5px;
	color: #fff;
	text-decoration: none;
}

.navi_active + .navi_down {
	display: block;
}

.navi_sub_active a {
	color: #d51224 !important;
}

.navi_down {
	display: none;
	margin-left: 15px;
	margin-bottom: 10px;
}

.navi_down li {
	margin: 5px 0 0 0;
	list-style-type: none;
}

.navi_down li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.navi_down li a:hover {
	color: #d51224;
}

#navi_fb {
	margin-left: 10px;
	border: none;
	overflow: hidden;
	width: 135px;
	height: 21px;
}

.werbung_item {
	margin-bottom: 15px;
	box-shadow: 1px 1px 1px grey;
}

.headline_index {
	color: #c00;
	font-size: 17px;
	line-height: 25px;
	overflow: hidden;
}

.headline_index_news {
	color: #c00;
	font-size: 17px;
	line-height: 25px;
	overflow: hidden;
}

.headline_index_wetter {
	padding: 3px;
	color: #fff;
	background-color: #c00;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.wetter-links {
	float: left;
	margin-left: 20px;
	width: 45%;
	overflow: hidden;
}

.wetter-rechts {
	float: right;
	margin-right: 20px;
	width: 45%;
	overflow: hidden;
}

.box_inner {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.anzeigenmarkt_item {
	float: left;
	margin-top: 20px;
	width: 50%;
	text-align: center;
}
@media (max-width:800px) {
	.anzeigenmarkt_item {
		float: none;
		display: block;
		width: 100%;
	}
}
.direktvermarkter_gemeinde {
	margin: 24px 0;
}
.direktvermarkter_gemeinde_headline {
	margin-bottom: 12px;
	padding: 0 12px;
	border-radius: 5px;
	background-color: #c00;
	text-align: center;
	color: #fff;
}
.direktvermarkter_gemeinde_list::after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.direktvermarkter_gemeinde_listItem {
	margin: 0 12px;
	float: left;
	width: calc(50% - 24px);
	cursor: pointer;
}
.direktvermarkter_gemeinde_listItem:hover
	> .direktvermarkter_gemeinde_listItem_image {
	background-size: auto 110%;
}
@media (max-width: 768px) {
	.direktvermarkter_gemeinde_listItem {
		float: none;
		width: calc(100% - 24px);
	}
}
.direktvermarkter_gemeinde_listItem_image {
	background-repeat: no-repeat;
	background-color: #eee;
	background-size: auto 100%;
	background-position: center;
	height: 175px;
	border-radius: 4px;
	transition: background-size 0.25s ease-in-out;
}
.lieferdienste_gemeinde_listItem_image {
	background-repeat: no-repeat;
	background-color: #eee;
	background-size: auto;
	background-position: center;
	background-size: contain;
	background-origin: content-box;
	padding: 12px;
	height: 175px;
	border-radius: 4px;
	transition: background-size 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
	.lieferdienste_gemeinde_listItem_image {
		background-size: auto;
	}
}
@media screen and (min-width: 769px) {
	.lieferdienste_gemeinde_listItem_image {
		background-size: contain !important;
	}
}
.direktvermarkter_gemeinde_listItem_address {
	padding: 8px 12px;
	text-align: center;
}
.direktvermarkter_gemeinde_listItem_popupBox {
	display: none;
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.48);
	z-index: 999999;
}
.direktvermarkter_gemeinde_listItem_popup {
	position: relative;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 24px);
	max-width: 800px;
	max-height: calc(100% - 24px);
	background-color: #fff;
	overflow: auto;
}
.direktvermarkter_gemeinde_listItem_popup_close {
	display: block;
	padding: 8px 0;
	color: #000;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}
.direktvermarkter_gemeinde_listItem_popup
	.direktvermarkter_gemeinde_listItem_image {
	height: 300px;
	background-color: #fff;
}
.direktvermarkter_gemeinde_listItem_popup_content {
	padding: 12px 24px 24px 24px;
	width: 100%;
	height: 100%;
}

.gaeste {
	width: 45%;
	margin: 2.5%;
	float: left;
	height: 25vw;
	max-height: 200px;
	background-position: center center;
	background-size: cover;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
	color: #fff;
	text-align: center;
	padding: 2%;
	border-radius: 5px;
}

.box_wide {
	position: relative;
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 100%;
	border: 1px solid #c00;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc;
	background: #fff;
	overflow: hidden;
}

.box_wide.noad {
	width: 100%;
	padding: 5px 0 0 0;
}
.box_wide.noad .box_headline {
	padding: 0 5px;
	text-align: center;
}

.box_wide_regional {
	position: relative;
	margin: 0 auto 10px auto;
	padding: 5px;
	border: 1px solid #c00;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc;
	background: #fff;
	overflow: hidden;
	height: 250px;
}

.box_wide_regional.vr {
	height: 215px;
}

.box_wide_padding {
	position: relative;
	margin: 0 auto 10px auto;
	padding: 10px;
	width: 100%;
	border: 1px solid #c00;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc;
	background: #fff;
	overflow: hidden;
}
.box_wide_padding.noad {
	width: 100%;
}
.box_wide_padding.maxheight400 {
	max-height: 400px;
	overflow: hidden
}

.box_ehrenamt_left {
	float: left;
	padding: 0 10px;
	width: 50%;
	text-align: center;
	margin-bottom: 15px;
}

.box_ehrenamt_right {
	float: right;
	padding: 0 10px;
	width: 50%;
	text-align: center;
}

.box_ehrenamt_left div,
.box_ehrenamt_right div {
	padding: 8px 0;
	width: 100%;
	height: 90px;
	background: #dddddd;
	box-shadow: 3px 3px 3px black, inset -2px -2px 4px grey;
	overflow: hidden;
}

.box_ehrenamt_left img,
.box_ehrenamt_right img {
	width: auto;
	max-height: 60px;
}

.box_small_left {
	position: relative;
	float: left;
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 98%;
	border: 1px solid #c00;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc;
	background: #fff;
	overflow: hidden;
}

.box_small_right {
	position: relative;
	float: right;
	margin: 0 auto 10px auto;
	padding: 5px;
	width: 98%;
	border: 1px solid #c00;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #ccc;
	background: #fff;
	overflow: hidden;
}

.box_headline {
	min-height: 30px;
	border-bottom: 3px solid #d6d6d6;
}

.vr {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 2px;
	height: 225px;
	background-color: #d6d6d6;
}

.vr2 {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 2px;
	height: 225px;
	background-color: #d6d6d6;
}

.box_page {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	padding: 0 5px;
	font-size: 18px;
	font-weight: 700;
	color: #aaa;
}

.box_page_news {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	padding: 0 5px;
	font-size: 18px;
	font-weight: 700;
	color: #aaa;
	background-color: #fff;
}

.box_page_item {
	display: inline-block;
	padding: 0 5px;
	min-width: 22px;
	min-height: 27px;
	line-height: 27px;
	text-align: center;
	cursor: pointer;
}

.box_page_item:hover {
	color: #000;
}

.box_page_item_active {
	background: #c00;
	color: #fff;
}

.highlightbox {
	margin: auto;
	padding: 5px;
	width: 95%;
	background: #e3e3e3;
	border: 3px solid #c00;
	border-radius: 10px;
}

.box_news_container {
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #c00;
	padding: 0 5px 10px 5px;
}

.box_news_container:last-child {
	margin-bottom: 0px;
}

.box_news_headline {
	margin-bottom: 5px;
	height: 24px;
	line-height: 24px;
	background: #636363;
	text-align: center;
	font-size: 14px;
	box-shadow: 0 0 3px grey;
}

.box_news_headline a {
	display: block;
	color: #fff;
}

.box_news_headline_index {
	width: 100%;
	margin-bottom: 10px;
}

.box_news_nachrichtentyp {
	margin-bottom: 30px;
	border: 2px solid #c00;
	border-radius: 5px;
}

.box_news_image {
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	overflow: hidden;
}
.box_news_image a {
	display: block;
}
.box_news_image a img {
	display: block;
	line-height: 0;
}

.box_news_content {
	float: right;
	padding-left: 5px;
	max-width: 100%;
}

.box_news_content_uebersicht {
	width: calc(100% - 110px);
}

.box_news_content_uebersicht_mobil {
	padding-left: 0;
	width: 100%;
}

.box_news_content h3 {
	color: #000;
	font-size: 18px;
	line-height: 18px;
}

#box_news_slider_2,
#box_news_slider_3,
#box_termine_slider_5,
#box_termine_slider_6 {
	display: none;
}
#box_news_slider_2::after,
#box_news_slider_3::after,
#box_termine_slider_5::after,
#box_termine_slider_6::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

#box_news_slider_bar {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 0px;
	background-color: #c00;
}

.box_news_left {
	margin: 5px;
	float: left;
	width: calc(50% - 16px);
}

.box_news_right {
	margin: 5px;
	float: right;
	width: calc(50% - 16px);
}

.box_news_left li,
.box_news_right li {
	list-style-type: none;
	margin: 0;
}

.box_news_date {
	font-size: 0.8em;
}

.box_news_img {
	float: right;
	margin: 5px 0 0 5px;
}

.box_date_left,
.box_date_middle,
.box_date_right {
	margin: 5px;
	float: left;
	width: calc((100% / 3) - 10px - (24px / 3));
}
.box_date_left a,
.box_date_middle a,
.box_date_right a {
	display: block;
}

.box_date_left_two,
.box_date_right_two {
	margin: 5px;
	float: left;
	width: calc(50% - 16px);
}
.box_date_left_two a,
.box_date_right_two a {
	display: block;
	color: #000;
}
.box_date_left_two a img,
.box_date_right_two a img {
	margin-right: 10px;
}
.box_date_toptermine {
	margin: 2px;
	height: 120px;
	overflow: hidden;
}

.form_zeile {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	min-height: 30px;
	line-height: 30px;
	text-align: left;
}

.form_zeile label {
	cursor: pointer;
}

.form_zeile input:focus,
.form_zeile textarea:focus,
.form_zeile select:focus {
	box-shadow: 1px 1px 1px #c00;
}

.form_zeile input,
.form_zeile textarea,
.form_zeile select {
	float: right;
	padding: 3px;
	width: 75%;
	max-width: 400px;
	min-height: 30px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px grey;
	border-radius: 5px;
}

.form_zeile input[type='radio'], .form_zeile input[type='checkbox'] {
	display: inline-block;
	float: none;
	width: auto;
	min-height: 0;
	box-shadow: none;
}

.gewinnspiel_head {
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	background: #c00;
	color: #fff;
}

.gewinnspiel_container {
	padding: 10px 5px;
}

.gewinnspiel_bild {
	float: right;
	width: 125px;
	height: 125px;
	line-height: 125px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.gewinnspiel_bild img {
	vertical-align: middle;
}

.termin {
	margin-bottom: 20px;
}

.termin h3 {
	padding: 0 0 5px 5px;
	text-decoration: underline;
}

.termin table th {
	padding: 5px;
	border-radius: 5px;
	color: #fff;
}

.branchenbuch_suche {
	text-align: center;
	padding: 5px 0;
}

.branchenbuch_suche_row {
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}

.branchenbuch_suche_row.trenner {
	padding-bottom: 10px;
	height: 40px;
	border-bottom: 1px solid #aaa;
}

.branchenbuch_suche_label {
	float: left;
	width: 40%;
	height: 30px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.branchenbuch_suche_input {
	float: right;
	width: 60%;
	height: 30px;
	text-align: left;
}

.branchenbuch_suche_input .branchenbuch_suche_inputfield,
.branchenbuch_suche_input select {
	width: calc(100% - 60px) !important;
}

.branchenbuch_suche_input input[type='submit'] {
	width: 60px;
}

.branchenbuch_suche input[type='text'],
.branchenbuch_suche select {
	padding: 5px;
	width: 250px;
	border: 1px solid #aaa;
	border-radius: 5px;
}

.branchenbuch_suche input[type='submit'] {
	padding: 5px;
	width: 50px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #cc0000;
	color: #fff;
	cursor: pointer;
}

.branchenbuch_alphabet {
	margin-top: 7.5px;
	padding: 5px 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.branchenbuch_alphabet span {
	cursor: pointer;
	color: #c00;
	font-size: 16px;
}

.branchenbuch_branchen {
	display: none;
	margin-top: 10px;
	padding: 0 10px;
}

.branchenbuch_beschreibung {
	text-align: justify;
}

.branchenbuch_oeffnungszeiten {
	float: right;
	width: 275px;
	max-width: 100%;
}

#eintrag_hervorhebung {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 21px 5px 5px 5px;
	height: 86px;
	line-height: 60px;
	border: 1px solid #ccc;
	box-shadow: 0 0 7.5px grey;
}

#eintrag_hervorhebung_ort {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 21px 5px 5px 5px;
	height: 86px;
	line-height: 20px;
	border: 1px solid #ccc;
	box-shadow: 0 0 7.5px grey;
}

#eintrag {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}

#eintrag_ort {
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 30px;
}

.eintrag i {
	color: #333 !important;
}

.eintrag {
	position: relative;
	margin: 0 10px;
	width: calc(100% - 20px);
	overflow: hidden;
}

.eintrag::after {
	content: '';
	clear: both;
	height: 0px;
}

.eintrag img {
	float: right;
	margin-left: 10px;
	width: auto !important;
	height: auto !important;
	max-width: 200px !important;
	max-height: 60px !important;
	vertical-align: middle;
}

.eintrag span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 5px;
	line-height: 16px;
	font-size: 10px;
	background-color: #ccc;
	color: #666;
}

#branchenbuch_eintrag_logo {
	float: right;
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

.index_box_left {
	float: left;
	width: 50%;
}

.index_box_right {
	float: right;
	width: 50%;
}

.nachrichtenbild_1 {
	padding: 0 0 15px 10px;
	float: right;
	margin-bottom: 15px;
}

.news_datum_gemeinde {
	float: right;
	padding-top: 5px;
	font-style: italic;
	font-size: 0.9em;
}

.termin_tabelle {
	width: 100%;
}

.termin_termin {
	width: 280px;
}

.termin_ort {
	width: 160px;
}

.termin_kategorie {
	width: 160px;
}

.termine_auswahl_desktop {
	display: block;
}

.termine_auswahl_mobil {
	display: none;
}

.desktop {
	display: block;
}

.desktop_close {
	display: none;
}

.mobil {
	display: none;
}

.box_kleinanzeige {
	display: grid;
	align-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #999;
	word-wrap: break-word;
}

.kleinanzeige_datum {
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

.bild_stellenmarkt {
	border-bottom: 1px solid #999;
	display: grid;
    align-content: space-between;
}
.links_stellenmarkt {
	margin: 8px 0px;
	display: flex;
}
.links_stellenmarkt .material-icons {
	font-size: 2rem;
}
.region_links {
	width: 48%;
	float: left;
	padding-right: 1%;
	border-right: 1px solid grey;
}

.region_rechts {
	width: 48%;
	float: right;
}

.gemeinde_wappen {
	float: right;
	margin: 0 0 10px 10px;
}

.gemeinde_bild {
	margin-bottom: 10px;
	width: 100%;
}
.gemeinde_bild img {
	width: 100%;
}

.gemeinde_link {
	display: block;
	margin-bottom: 5px;
}

.gemeinde_quelle {
	display: block;
	text-align: right;
}
.bildunterschrift {
	float: right;
	max-width: 150px;
	text-align: right;
	font-size: 0.8em;
	line-height: 0.9em;
	font-style: italic;
}

.team_left {
	float: left;
	margin: 0 40px;
	width: 200px;
	text-align: center;
}
.team_right {
	float: right;
	margin: 0 40px;
	width: 200px;
	text-align: center;
}
.team_left img,
.team_right img {
	width: 100%;
	max-width: 160px;
	height: auto;
}

.kontakt_maps {
	margin: 0 auto;
	width: 100%;
	max-width: 575px;
}
.kontakt_maps iframe {
	width: 100%;
	height: auto;
	min-height: 350px;
}

.landkreis_kasten {
	float: left;
	margin: 1.5%;
	padding: 5px;
	width: 30%;
	min-height: 385px;
	border-right: 1px solid #ccc;
}
.landkreis_kasten h3 {
	margin-bottom: 15px;
}
.landkreis_kasten h3 a {
	margin-bottom: 0;
	color: #333;
}
.landkreis_kasten a {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	cursor: pointer;
}
.landkreis_kasten ul,
.landkreis_kasten li {
	list-style-type: none;
}
.landkreis_kasten li {
	margin: 5px 0 0 5px;
}
.landkreis_kasten ul li:last-child {
	margin-bottom: 15px;
}
.landkreis_kasten ul li a,
.landkreis_kasten ul li a:visited,
.landkreis_kasten ul li {
	font-weight: normal;
	color: #333;
}
.landkreis_kasten .landkreis_kasten_sub ul {
	display: none;
}
.landkreis_kasten_sub a[data-href]::after {
	content: '▼';
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	color: #333;
	font-size: 9px;
}

.verkehrimage {
	float: right;
	width: 100%;
	max-width: 150px;
	height: auto;
	margin: 20px;
}

#immobilien_live_login {
	float: right;
	font-size: 13px;
	color: #333;
}

#immobilien_auswahl {
	width: 100%;
	text-align: center;
}
.immobilien_auswahl_item {
	float: left;
	margin-bottom: 5px;
	padding: 5px 10px;
	width: 50%;
}
.immobilien_auswahl_item select {
	width: 100%;
	height: 25px;
	line-height: 25px;
}

.marktplatz {
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	width: calc(100% / 3);
	text-align: center;
}
.marktplatz_branchenbuch {
	padding: 5px;
	text-align: center;
}
.marktplatz img {
	width: 100%;
	max-width: 350px;
	height: auto;
}
.slideDown_headline {
	position: relative;
	padding: 5px 15px;
	background-color: #ddd;
	cursor: pointer;
}
.slideDown_headline::after {
	content: '↓';
	position: absolute;
	top: 5px;
	right: 5px;
	width: 26px;
	height: 26px;
}
.slideDown_box::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#festage_form img {
	border: 1px solid #ddd;
}
#bars {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/nightlife/chalkboard_transparend_2.jpg');
}
#clubs {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/nightlife/disco_transparend_1.jpg');
}
#pub {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/nightlife/bar.jpg');
}
#unterhaltung {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/nightlife/filmrolle unterhaltung_2.png');
}
.nightlife_item {
	float: left;
	margin: 1.5%;
	padding: 5px;
	width: 30%;
}

.fussball_gruppe {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
	min-height: 50px;
	text-align: center;
}
.fussball_gruppe::after {
	content: '↓';
	position: absolute;
	top: 15px;
	right: 10px;
	width: 32px;
	height: 32px;
}
.fussball_gruppe_open {
	cursor: pointer;
}
.fussball_gruppe_closed {
	display: none;
}
.fussball_gruppe th {
	background-color: #ccc;
	color: #111;
}
.fussball_gruppe tr {
	margin: 10px 0;
	background-color: white;
}
.fussball_gruppe tr .fussball_ort {
	font-style: italic;
	font-size: 90%;
}
.fussball_gruppe tr td {
	border-bottom: 1px solid #ccc;
}
.fussball_gruppe tr.noborder td {
	border-bottom: 0;
}
.flag {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
	background-size: 364px 364px;
	background-repeat: no-repeat;
	background-image: url('../img/world_flag_sprite.png');
}
.flag_afghanistan {
	background-position: -26px 0px;
}
.flag_aegypten {
	background-position: -52px 0px;
}
.flag_albanien {
	background-position: -78px 0px;
}
.flag_algerien {
	background-position: -104px 0px;
}
.flag_andorra {
	background-position: -130px 0px;
}
.flag_angola {
	background-position: -156px 0px;
}
.flag_antiquaundbarbuda {
	background-position: -182px 0px;
}
.flag_argentinien {
	background-position: -208px 0px;
}
.flag_armenia {
	background-position: -234px 0px;
}
.flag_australien {
	background-position: -260px 0px;
}
.flag_aserbaidschan {
	background-position: -286px 0px;
}
.flag_bahamas {
	background-position: -312px 0px;
}
.flag_bahrain {
	background-position: -338px 0px;
}
.flag_bangladesch {
	background-position: 0px -26px;
}
.flag_barbados {
	background-position: -26px -26px;
}
.flag_belarus {
	background-position: -52px -26px;
}
.flag_belgien {
	background-position: -78px -26px;
}
.flag_belize {
	background-position: -104px -26px;
}
.flag_benin {
	background-position: -130px -26px;
}
.flag_bhutan {
	background-position: -156px -26px;
}
.flag_bolivien {
	background-position: -182px -26px;
}
.flag_bosniaundherzogovina {
	background-position: -208px -26px;
}
.flag_botswana {
	background-position: -234px -26px;
}
.flag_brasilien {
	background-position: -260px -26px;
}
.flag_brunei {
	background-position: -286px -26px;
}
.flag_bulgarien {
	background-position: -312px -26px;
}
.flag_burkinafaso {
	background-position: -338px -26px;
}
.flag_burundi {
	background-position: 0px -52px;
}
.flag_chile {
	background-position: -26px -52px;
}
.flag_china {
	background-position: -52px -52px;
}
.flag_costarica {
	background-position: -78px -52px;
}
.flag_daenemark {
	background-position: -104px -52px;
}
.flag_deutschland {
	background-position: -130px -52px;
}
.flag_dominica {
	background-position: -156px -52px;
}
.flag_domrep {
	background-position: -182px -52px;
}
.flag_dschibuti {
	background-position: -208px -52px;
}
.flag_ecuador {
	background-position: -234px -52px;
}
.flag_elsalvador {
	background-position: -260px -52px;
}
.flag_elfenbeinküste {
	background-position: -286px -52px;
}
.flag_england {
	background-position: -312px -52px;
}
.flag_equatorialguinea {
	background-position: -338px -52px;
}
.flag_eritrea {
	background-position: 0px -78px;
}
.flag_estland {
	background-position: -26px -78px;
}
.flag_ethiopia {
	background-position: -52px -78px;
}
.flag_fidschi {
	background-position: -78px -78px;
}
.flag_faeroeer {
	background-position: -104px -78px;
}
.flag_frankreich {
	background-position: -130px -78px;
}
.flag_gabun {
	background-position: -156px -78px;
}
.flag_gambia {
	background-position: -182px -78px;
}
.flag_georgien {
	background-position: -208px -78px;
}
.flag_ghana {
	background-position: -234px -78px;
}
.flag_gibralta {
	background-position: -260px -78px;
}
.flag_grenada {
	background-position: -286px -78px;
}
.flag_griechenland {
	background-position: -312px -78px;
}
.flag_guatemala {
	background-position: -338px -78px;
}
.flag_guinea {
	background-position: 0px -104px;
}
.flag_guyana {
	background-position: -26px -104px;
}
.flag_haiti {
	background-position: -52px -104px;
}
.flag_honduras {
	background-position: -78px -104px;
}
.flag_indien {
	background-position: -104px -104px;
}
.flag_indonesien {
	background-position: -130px -104px;
}
.flag_irak {
	background-position: -156px -104px;
}
.flag_iran {
	background-position: -182px -104px;
}
.flag_irland {
	background-position: -208px -104px;
}
.flag_island {
	background-position: -234px -104px;
}
.flag_israel {
	background-position: -260px -104px;
}
.flag_italien {
	background-position: -286px -104px;
}
.flag_jamaika {
	background-position: -312px -104px;
}
.flag_japan {
	background-position: -338px -104px;
}
.flag_jemen {
	background-position: 0px -130px;
}
.flag_jordanien {
	background-position: -26px -130px;
}
.flag_kambodscha {
	background-position: -52px -130px;
}
.flag_kamerun {
	background-position: -78px -130px;
}
.flag_kanada {
	background-position: -104px -130px;
}
.flag_kapverde {
	background-position: -130px -130px;
}
.flag_kasachstan {
	background-position: -156px -130px;
}
.flag_katar {
	background-position: -182px -130px;
}
.flag_kenia {
	background-position: -208px -130px;
}
.flag_kirgistan {
	background-position: -234px -130px;
}
.flag_kiribati {
	background-position: -260px -130px;
}
.flag_kolumbien {
	background-position: -286px -130px;
}
.flag_kongodemrep {
	background-position: -312px -130px;
}
.flag_kongorep {
	background-position: -338px -130px;
}
.flag_komoren {
	background-position: 0px -156px;
}
.flag_koreademvolksrep {
	background-position: -26px -156px;
}
.flag_kroatien {
	background-position: -52px -156px;
}
.flag_kuba {
	background-position: -78px -156px;
}
.flag_kuwait {
	background-position: -104px -156px;
}
.flag_laos {
	background-position: -130px -156px;
}
.flag_lesotho {
	background-position: -156px -156px;
}
.flag_lettland {
	background-position: -182px -156px;
}
.flag_libanon {
	background-position: -208px -156px;
}
.flag_liberia {
	background-position: -234px -156px;
}
.flag_lybien {
	background-position: -260px -156px;
}
.flag_lichtenstein {
	background-position: -286px -156px;
}
.flag_litauen {
	background-position: -312px -156px;
}
.flag_luxembourg {
	background-position: -338px -156px;
}
.flag_madagaskar {
	background-position: 0px -182px;
}
.flag_malawi {
	background-position: -26px -182px;
}
.flag_malaysia {
	background-position: -52px -182px;
}
.flag_malediven {
	background-position: -78px -182px;
}
.flag_mali {
	background-position: -104px -182px;
}
.flag_malta {
	background-position: -130px -182px;
}
.flag_marokko {
	background-position: -156px -182px;
}
.flag_marshallinseln {
	background-position: -182px -182px;
}
.flag_mauretanien {
	background-position: -208px -182px;
}
.flag_mauritius {
	background-position: -234px -182px;
}
.flag_mazedonien {
	background-position: -260px -182px;
}
.flag_mexiko {
	background-position: -286px -182px;
}
.flag_moldawien {
	background-position: -312px -182px;
}
.flag_monaco {
	background-position: -338px -182px;
}
.flag_mongolei {
	background-position: 0px -208px;
}
.flag_montenegro {
	background-position: -26px -208px;
}
.flag_mosambik {
	background-position: -52px -208px;
}
.flag_myanmar {
	background-position: -78px -208px;
}
.flag_namibia {
	background-position: -104px -208px;
}
.flag_nauru {
	background-position: -130px -208px;
}
.flag_neuseeland {
	background-position: -156px -208px;
}
.flag_nicaragua {
	background-position: -182px -208px;
}
.flag_niederlande {
	background-position: -208px -208px;
}
.flag_niger {
	background-position: -234px -208px;
}
.flag_nigeria {
	background-position: -260px -208px;
}
.flag_nordirland {
	background-position: -286px -208px;
}
.flag_norwegen {
	background-position: -312px -208px;
}
.flag_oman {
	background-position: -338px -208px;
}
.flag_oesterreich {
	background-position: 0px -234px;
}
.flag_osttimor {
	background-position: -26px -234px;
}
.flag_pakistan {
	background-position: -52px -234px;
}
.flag_palaestina {
	background-position: -78px -234px;
}
.flag_palau {
	background-position: -104px -234px;
}
.flag_panama {
	background-position: -130px -234px;
}
.flag_papuaneuguinea {
	background-position: -156px -234px;
}
.flag_paraguay {
	background-position: -182px -234px;
}
.flag_peru {
	background-position: -208px -234px;
}
.flag_philippinen {
	background-position: -234px -234px;
}
.flag_polen {
	background-position: -260px -234px;
}
.flag_portugal {
	background-position: -286px -234px;
}
.flag_ruanda {
	background-position: -312px -234px;
}
.flag_rumaenien {
	background-position: -338px -234px;
}
.flag_russland {
	background-position: 0px -260px;
}
.flag_salomonen {
	background-position: -26px -260px;
}
.flag_sambia {
	background-position: -52px -260px;
}
.flag_samoa {
	background-position: -78px -260px;
}
.flag_sanmarino {
	background-position: -104px -260px;
}
.flag_saudiarabien {
	background-position: -130px -260px;
}
.flag_schottland {
	background-position: -156px -260px;
}
.flag_schweden {
	background-position: -182px -260px;
}
.flag_schweiz {
	background-position: -208px -260px;
}
.flag_senegal {
	background-position: -234px -260px;
}
.flag_serbien {
	background-position: -260px -260px;
}
.flag_seychellen {
	background-position: -286px -260px;
}
.flag_sierraleone {
	background-position: -312px -260px;
}
.flag_simbabwe {
	background-position: -338px -260px;
}
.flag_singapur {
	background-position: 0px -286px;
}
.flag_slowakai {
	background-position: -26px -286px;
}
.flag_slowenien {
	background-position: -52px -286px;
}
.flag_somalia {
	background-position: -78px -286px;
}
.flag_spanien {
	background-position: -104px -286px;
}
.flag_srilanka {
	background-position: -130px -286px;
}
.flag_stkittsundnevis {
	background-position: -156px -286px;
}
.flag_stlucia {
	background-position: -182px -286px;
}
.flag_stvincentunddiegrenadinen {
	background-position: -208px -286px;
}
.flag_suedafrika {
	background-position: -234px -286px;
}
.flag_sudan {
	background-position: -260px -286px;
}
.flag_suedkorea {
	background-position: -286px -286px;
}
.flag_suedsudan {
	background-position: -312px -286px;
}
.flag_suriname {
	background-position: -338px -286px;
}
.flag_swasiland {
	background-position: 0px -312px;
}
.flag_syrien {
	background-position: -26px -312px;
}
.flag_tadschikistan {
	background-position: -52px -312px;
}
.flag_tansania {
	background-position: -78px -312px;
}
.flag_thailand {
	background-position: -104px -312px;
}
.flag_togo {
	background-position: -130px -312px;
}
.flag_tonga {
	background-position: -156px -312px;
}
.flag_trinidadundtobago {
	background-position: -182px -312px;
}
.flag_tschad {
	background-position: -208px -312px;
}
.flag_tschechien {
	background-position: -234px -312px;
}
.flag_tunesien {
	background-position: -260px -312px;
}
.flag_tuerkei {
	background-position: -286px -312px;
}
.flag_turkmenistan {
	background-position: -312px -312px;
}
.flag_tuvalu {
	background-position: -338px -312px;
}
.flag_uganda {
	background-position: 0px -338px;
}
.flag_ukraine {
	background-position: -26px -338px;
}
.flag_ungarn {
	background-position: -52px -338px;
}
.flag_uruguay {
	background-position: -78px -338px;
}
.flag_usbekistan {
	background-position: -104px -338px;
}
.flag_vatikanstadt {
	background-position: -130px -338px;
}
.flag_venezuela {
	background-position: -156px -338px;
}
.flag_vereinigtearabischeemirate {
	background-position: -182px -338px;
}
.flag_vereinigtestaaten {
	background-position: -208px -338px;
}
.flag_vereinigteskoenigreich {
	background-position: -234px -338px;
}
.flag_vietnam {
	background-position: -260px -338px;
}
.flag_wales {
	background-position: -286px -338px;
}
.flag_zentralafrikanischerepublik {
	background-position: -312px -338px;
}
.flag_zypernv {
	background-position: -338px -338px;
}

.vkos {
	box-shadow: 2px 2px 2px grey;
	word-break: break-all;
}

.wahl_gruppe_open {
	cursor: pointer;
}
.wahl_gruppe_closed {
	display: none;
}
.rezepteTab {
	padding: 14px 0 0 14px;
}
.rezepteDetails > summary {
	list-style:none;
}
.rezepteDetails > summary::marker {
	display:none;
}
.rezepteDetails summary::before {
	content: "▼";
	margin-right: 10px;
	display: inline-block;
	transform: rotate(-90deg);
	transition: transform .25s;
}
.rezepteDetails[open] summary::before {
	transform: rotate(0deg);
}
.rezepteDetails > summary:hover {
	cursor: pointer;
}

.adventWrapper {
	display: grid;
	grid-template-columns: 75% 25%;
}

#stellenmarkt_liste a, #stellenmarkt_azubi_liste a {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
}
#stellenmarkt_liste img, #stellenmarkt_azubi_liste img {
	display: block;
	width: 100%;
}
.azubi_stellenmarkt_info {
	margin-top: 10px;
	padding: 10px;
	background-color: #eee;
	border-radius: 4px;
}
.azubi_stellenmarkt_info h3 {
	margin-top: 16px;
}
.azubi_stellenmarkt_info p {
	margin: 10px 0;
}
.azubi_stellenmarkt_info .azubi_stellenmarkt_info_headline {
	position: relative;
	padding-left: 24px;
	font-size: 15px;
	line-height: 24px;
	cursor: pointer;
}
.azubi_stellenmarkt_info .azubi_stellenmarkt_info_headline.open {
	margin-bottom: 10px;
}
.azubi_stellenmarkt_info .azubi_stellenmarkt_info_headline::before {
	content: "▼";
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	transition: transform .25s;
	transform: rotate(-90deg);
}
.azubi_stellenmarkt_info .azubi_stellenmarkt_info_headline.open::before {
	transform: rotate(0deg);
}
.azubi_stellenmarkt_info .azubi_stellenmarkt_info_text {
	display: none;
}

.grid-2 {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 24px;
}
.grid-2 > div {
	grid-column: span 6;
	width: 100%;
}

.steckerlfisch-stand {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.steckerlfisch-stand > h3 {
	padding-bottom: 4px;
}
.steckerlfisch-stand-content {
	margin-left: 8px;
}
.steckerlfisch-stand-content p:nth-of-type(1) {
	height: 2rem;
}
.steckerlfisch-stand-content p:nth-of-type(2) {
	height: 4rem;
}
.steckerlfisch-stand-content p:nth-of-type(3) {
	height: 3rem;
}
.werbeseitenzuordnung {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	align-items: center;
}
.werbeseitenzuordnung-name {
	grid-column: span 2;
}
.werbeseitenzuordnung-logo {
	min-width: fit-content;
	margin: auto;
}
/*------------------------------------------------------------Media Queries------------------------------------------------------------*/
/*----------------------------------------990px----------------------------------------*/
@media screen and (max-width: 990px) {
	#left {
		margin: 10px 0;
		padding: 0;
		width: 120px;
		height: 100%;
	}
	#left img {
		max-width: 100%;
		height: auto;
	}
	#left h3 {
		text-align: center;
	}

	#middle {
		width: calc(100% - 300px);
	}
	#middle.noad {
		width: calc(100% - 150px);
	}
	#right {
		margin: 10px 0;
	}
	#right img {
		max-width: 100%;
		height: auto;
	}

	.navi_point {
		margin: 5% 2%;
		width: 96%;
		font-size: 12px;
	}

	#navi_fb {
		margin-left: 2%;
	}

	#nothilfe {
		margin-left: 2%;
		width: 96%;
		font-size: 10px;
	}

	#header_ED,
	#header_FS,
	#header_FM {
		width: 100%;
	}

	#app {
		display: none;
	}

	#werbung_overhead {
		width: 100%;
		overflow: hidden;
		height: auto;
		max-height: 90px !important;
	}

	#werbung_overhead img {
		width: 100% !important;
		height: auto;
	}

	#wrapper {
		width: 100%;
	}

	.box_wide {
		width: 100%;
	}

	.box_news_content {
		width: 80%;
		float: left;
	}

	.box_news_image {
		float: right;
		width: 19%;
	}

	.box_wide_padding {
		width: 100% !important;
	}

	.box_date_left,
	.box_date_middle,
	.box_date_right {
		width: 29%;
	}

	#logo_link {
		display: block;
		width: 40%;
		height: 100%;
	}

	.box_news_image img {
		width: 100%;
		height: auto;
	}

	.video {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.video iframe,
	.video object,
	.video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.box_wide_regional {
		height: auto !important;
		width: 100%;
	}

	.index_box_left,
	.index_box_right {
		max-width: 300px;
	}

	.team_left,
	.team_right {
		float: none;
		margin: 20px auto;
	}
}

/*----------------------------------------768px----------------------------------------*/
@media screen and (max-width: 768px) {
	html,
	body {
		background-image: none;
	}
	#left {
		position: fixed;
		top: 0;
		left: -100%;
		margin: 0;
		width: 100%;
		z-index: 999;
	}
	#nothilfe {
		margin-left: 0;
	}

	#wrapper,
	#werbung_overhead {
		margin-top: 50px;
		width: 100%;
		overflow: hidden;
	}
	#wrapper.mobileNotInApp {
		margin-top: 0;
	}

	#werbung_overhead {
		margin-top: 55px;
	}

	#werbung_overhead img {
		width: 100%;
		height: auto;
	}

	#suche {
		bottom: 30px;
		right: 0;
		left: auto;
		width: 50%;
		background-color: #fff;
	}
	#suche #suchfeld,
	#suche #suchicon {
		color: #333;
	}
	#suche #suchfeld::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #999;
	}
	#suche #suchfeld::-moz-placeholder {
		/* Firefox 19+ */
		color: #999;
	}
	#suche #suchfeld:-ms-input-placeholder {
		/* IE 10+ */
		color: #999;
	}
	#suche #suchfeld:-moz-placeholder {
		/* Firefox 18- */
		color: #999;
	}
	#suche #suchfeld:focus::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #333;
	}
	#suche #suchfeld:focus::-moz-placeholder {
		/* Firefox 19+ */
		color: #333;
	}
	#suche #suchfeld:focus:-ms-input-placeholder {
		/* IE 10+ */
		color: #333;
	}
	#suche #suchfeld:focus:-moz-placeholder {
		/* Firefox 18- */
		color: #333;
	}
	#suche #suchicon {
		background-image: url('../img/icon_search_b.png');
		background-position: center center;
		background-size: 75% 75%;
		background-repeat: no-repeat;
	}

	#suche_ergebnis .suche_ergebnis {
		float: none;
		width: 100%;
	}

	.box_wide img.mobile {
		margin-bottom: 5px;
		width: 100%;
		height: auto;
	}

	.navi_point {
		margin: 0;
		padding: 0;
		text-align: center;
		height: 35px;
		width: 100%;
		border-radius: 0;
		border-bottom: 1px solid #999;
		box-shadow: none !important;
	}

	.navi_point a {
		line-height: 35px;
		font-size: 17px;
	}

	#nothilfe {
		width: 100%;
		border-radius: 0;
		box-shadow: none !important;
		font-size: 15px;
		height: 45px;
		padding: 3px;
	}

	#middle {
		width: calc(100% - 180px);
	}
	#middle.noad {
		width: calc(100% - 20px);
	}

	.vr {
		width: 100%;
		height: 2px;
		margin: 10px 0;
		float: none;
	}

	.vr2 {
		display: none;
	}

	.box_wide,
	.box_wide_regional {
		width: calc(100% - 5px);
	}

	.box_wide_regional.vr {
		height: 2px;
	}

	.index_box_left,
	.index_box_right {
		margin: auto;
		padding: 0;
		max-width: 100%;
	}

	.eintrag img {
		float: right;
		margin-right: 0;
		margin-left: 10px;
		max-width: 150px;
		height: auto;
	}

	.box_immo_img {
		width: 100%;
	}

	.box_news_left,
	.box_news_right {
		float: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.box_news_img {
		margin: 0 auto;
		width: 100%;
		height: 35vw;
		overflow: hidden;
	}

	.box_news_image {
		width: 100%;
		height: 35vw;
		line-height: 0;
		margin-bottom: 10px;
		float: none;
		overflow: hidden;
	}

	.box_news_content {
		width: 100% !important;
		float: left;
	}

	.headline_index {
		font-size: 16px;
		line-height: 20px;
	}

	.box_news_img img {
		width: 100%;
		height: auto;
	}

	.kennen_img {
		margin: 0 auto;
		width: 100%;
		height: 35vw;
		overflow: hidden;
	}

	.news_datum_gemeinde {
		float: right;
		font-size: 0.7em;
	}

	.termin_tabelle {
		width: 100%;
	}

	.termin_termin {
		width: 30%;
	}

	.termin_ort {
		width: 30%;
	}

	.termin_kategorie {
		width: 30%;
	}

	.termine_auswahl_desktop {
		display: none;
	}

	.termine_auswahl_mobil {
		display: block;
		text-align: center;
	}

	.desktop {
		position: relative;
		width: 60%;
		min-width: 250px;
		height: 100%;
		background: #e9e9e9;
		box-shadow: 0 0 20px black;
		overflow-y: auto;
		z-index: 6;
	}

	.desktop_close {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background: #c00;
		color: #fff !important;
		text-align: center;
		font-size: 18px;
		border-bottom: 1px solid #fff;
		cursor: pointer;
	}

	.mobil {
		display: block;
	}

	.wetter-links {
		width: 190px;
		float: none;
	}

	.wetter-rechts {
		width: 205px;
	}

	.mobil-menu {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		line-height: 52px;
		font-size: 20px;
		letter-spacing: 1px;
		text-align: center;
		color: white;
		background: #c00;
		box-shadow: 0 0 10px black;
		cursor: pointer;
		z-index: 5;
	}
	.mobil-menu a {
		display: block;
		width: 100%;
		height: 100%;
	}

	#mobil_scrolltop {
		right: 0;
		bottom: 100px;
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 24px;
		color: #fff;
		background: #c00;
		text-align: center;
		box-shadow: 0 0 10px 1px black;
		cursor: pointer;
		border-radius: 4px 0 0 4px;
	}

	.landkreis_kasten {
		margin: auto;
		width: 100%;
		min-height: auto;
		border-right: 0;
		border-top: 1px solid #ccc;
	}

	.nightlife_item {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}

	.marktplatz {
		float: none;
		padding: 5px;
		width: 100%;
	}
}
/*----------------------------------------660px----------------------------------------*/
@media screen and (max-width: 660px) {
	.app_mobile_links a img {
		height: 40px;
	}
	.form_zeile input,
	.form_zeile textarea,
	.form_zeile select {
		width: 100%;
	}
	.box_ehrenamt_left {
		float: none;
		width: 100%;
	}
	.box_ehrenamt_right {
		float: none;
		width: 100%;
	}

	#box_quick_buttons {
		grid-template-columns: repeat(2, 1fr);
	}
	#box_quick_buttons > div {
		display: block;
		text-align: center;
	}
	#box_quick_buttons .quick_button {
		max-width: 100%;
	}
	#box_aktuelle_themen, #box_spezial {
		grid-template-columns: 1fr;
	}
	#box_aktuelle_themen > div:first-child, #box_spezial > div:first-child {
		border: unset;
	}
	#box_aktuelle_themen > div:last-child, #box_spezial > div:last-child {
		border: unset;
	}
}
/*----------------------------------------600px----------------------------------------*/
@media screen and (max-width: 600px) {
	#middle {
		width: calc(100% - 140px);
	}
	#middle.noad {
		width: calc(100% - 20px);
	}
	#right {
		width: 120px;
	}

	.mobil-menu:before {
		left: 40%;
	}

	#header_ED,
	#header_FS,
	#header_FM {
		height: 120px;
	}

	#slogan {
		font-size: 14px;
		padding-top: 5px;
	}

	.box_page {
		display: none;
		width: 24%;
		font-size: 14px;
		height: 14px;
		padding: 0 1px;
	}

	.box_wide_padding.maxheight400 {
		max-height: none;
		overflow: auto;
	}

	.headline_index_news {
		line-height: 17px;
		width: 170px;
	}

	.index_box_left,
	.index_box_right {
		width: 100%;
		float: none;
	}

	.box_small_left,
	.box_small_right {
		float: none;
		width: 100%;
	}

	.box_date_left,
	.box_date_middle,
	.box_date_right {
		width: 95% !important;
	}

	.box_date_left_two,
	.box_date_right_two {
		float: none;
		margin: 0;
		width: 100%;
	}
	.box_date_toptermine {
		height: auto;
		margin: 20px;
	}

	.box_news_slider_bar {
		display: none;
	}

	.nachrichtenbild_1 {
		width: 50%;
		height: auto;
		margin-bottom: 15px;
		padding-left: 0;
	}

	.nachrichtenbild_1 img {
		width: 100% !important;
		height: auto;
		padding: 0 !important;
	}

	.bildunterschrift {
		float: none;
		width: 100%;
		max-width: 100%;
		text-align: right;
	}

	.nachrichtenbild_1_img_a {
		display: block;
		width: 100% !important;
		max-width: 100%;
		height: auto;
	}

	#nachrichten_details_container div.nachrichtenbild_1,
	#nachrichten_details_container .nachrichtenbilder,
	#nachrichten_details_container .nachrichtenbilder div,
	#nachrichten_details_container div img {
		width: 100% !important;
		height: auto !important;
	}

	.news_datum_gemeinde {
		float: none;
		width: 100%;
	}

	.branchenbuch_suche_row {
		height: 60px;
	}

	.branchenbuch_suche_row.trenner {
		height: 70px;
	}

	.branchenbuch_suche_label {
		width: 100%;
	}

	.branchenbuch_suche_input {
		width: 100%;
	}

	.branchenbuch_oeffnungszeiten {
		margin-top: 25px;
	}

	.eintrag {
		height: auto !important;
		line-height: 20px !important;
	}
	.eintrag img {
		max-width: 100% !important;
		float: none;
		margin-top: 15px;
	}

	.eintrag span {
		font-size: 8px;
		background: rgba(0, 0, 0, 0.2);
	}

	#branchenbuch_eintrag_logo {
		float: none;
		width: 100%;
	}

	.box_kleinanzeige {
		float: none;
		margin-bottom: 15px;
		width: 98%;
		height: auto;
		word-break: break-all;
		padding-bottom: 10px;
	}

	.kleinanzeige_datum {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		bottom: -4px;
		font-size: 8px;
	}

	/* .bild_stellenmarkt {
		position: relative;
		float: none;
		margin-bottom: 15px;
		width: 100%;
		height: auto;
	} */

	.gewinnbild {
		max-width: 100% !important;
		height: auto;
	}

	.gewinnbild_firmenlogo {
		max-width: 100% !important;
		height: auto;
	}

	.wetter-links {
		width: 75%;
		margin-left: 15%;
		float: none;
	}

	.wetter-rechts {
		width: 75%;
		margin-left: 15%;
		float: none;
		margin-right: 0px;
	}

	.region_links {
		width: 100%;
		float: none;
		padding-right: 0;
		border-bottom: 1px solid grey;
		border-right: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.region_rechts {
		width: 100%;
		float: none;
	}

	.verkehrimage {
		float: none;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
	.gaeste {
		width: 95%;
		margin: 2.5%;
		float: none;
		padding: 10px;
	}

	
	.steckerlfisch-stand-content p:nth-of-type(1) {
		height: 5rem;
	}
	.steckerlfisch-stand-content p:nth-of-type(2) {
		height: 5rem;
	}
}
/*----------------------------------------500px----------------------------------------*/
@media screen and (max-width: 500px) {
	#middle img:not(.captcha) {
		float: none;
		display: block;
		margin: 0 auto 10px auto;
	}
	.app_mobile_links a img {
		height: 36px;
	}
	.grid-2 {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		gap: 24px;
	}
	.grid-2 > div {
		grid-column: span 12;
	}
}
/*----------------------------------------468px----------------------------------------*/
@media screen and (max-width: 468px) {
	.app_mobile_links a img {
		height: 24px;
	}
	.immobilien_auswahl_item {
		width: 100%;
	}
	.fussball_gruppe {
		zoom: 0.9;
	}
	.vkos {
		font-size: 0.9em;
	}

	#box_quick_buttons {
		grid-template-columns: 1fr;
	}
}
/*----------------------------------------360px----------------------------------------*/
@media screen and (max-width: 360px) {
	.headline_index_news {
		font-size: 14px;
		width: 95px;
	}

	.kennen_img {
		width: 100%;
	}

	.box_page_item {
		min-width: 10%;
	}

	#slogan {
		font-size: 11px;
	}

	#header_ED,
	#header_FS,
	#header_FM {
		height: 90px;
	}

	#middle.noad {
		width: calc(100% - 20px);
	}

	#suche {
		bottom: 15px;
		width: 50%;
		height: 20px;
	}
	#suche #suchfeld {
		padding-left: 20px;
		height: 20px;
		line-height: 20px;
	}
	#suche #suchicon {
		left: 0;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
	}

	.nachrichtenbild_1 {
		padding: 0 0 0 0;
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.termin_kategorie {
		width: 30%;
		display: none;
	}
	.fussball_gruppe {
		zoom: 0.75;
	}
	.vkos {
		font-size: 0.8em;
	}
}

/* GRID */
/* 
 * Classes on parent: .grid, .grid-center, .grid-padding
 * Classes on children:
 *    .col-{1-12}[-{tp,tl,d}]
 *    .row-{1-12}[-{tp,tl,d}]
 *    .start-col-{1-12}[-{tp,tl,d}]
 *    .end-col-{1-12}[-{tp,tl,d}]
 *    .start-row-{1-12}[-{tp,tl,d}]
 *    .end-row-{1-12}[-{tp,tl,d}]
 
 * all class numbers should add up to the @grid-columns number on every device-width
*/
.grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-columns: minmax(min-content, 1fr);
	word-break: break-word;
}

.grid.grid-center>* {
	align-self: center;
}

.grid.grid-center {
	justify-items: center;
}

.grid.grid-padding>* {
	padding: 24px;
}

.grid.grid-no-gap {
	gap: 0;
}

.grid:not([class*="col-"])>*:not([class*="col-"]) {
	grid-column-start: auto;
	grid-column-end: span 12;
}

.grid.col-1 {
	grid-template-columns: repeat(1, 1fr);
}

.grid:not([class*="col-"])>.col-1 {
	grid-column-start: auto;
	grid-column-end: span 1;
}

.grid>.row-1 {
	grid-row-start: auto;
	grid-row-end: span 1;
}

.grid>.start-col-1 {
	grid-column-start: 1 !important;
}

.grid>.end-col-1 {
	grid-column-end: 1 !important;
}

.grid>.start-row-1 {
	grid-row-start: 1 !important;
}

.grid>.end-row-1 {
	grid-row-end: 1 !important;
}

.grid.col-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid:not([class*="col-"])>.col-2 {
	grid-column-start: auto;
	grid-column-end: span 2;
}

.grid>.row-2 {
	grid-row-start: auto;
	grid-row-end: span 2;
}

.grid>.start-col-2 {
	grid-column-start: 2 !important;
}

.grid>.end-col-2 {
	grid-column-end: 2 !important;
}

.grid>.start-row-2 {
	grid-row-start: 2 !important;
}

.grid>.end-row-2 {
	grid-row-end: 2 !important;
}

.grid.col-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid:not([class*="col-"])>.col-3 {
	grid-column-start: auto;
	grid-column-end: span 3;
}

.grid>.row-3 {
	grid-row-start: auto;
	grid-row-end: span 3;
}

.grid>.start-col-3 {
	grid-column-start: 3 !important;
}

.grid>.end-col-3 {
	grid-column-end: 3 !important;
}

.grid>.start-row-3 {
	grid-row-start: 3 !important;
}

.grid>.end-row-3 {
	grid-row-end: 3 !important;
}

.grid.col-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid:not([class*="col-"])>.col-4 {
	grid-column-start: auto;
	grid-column-end: span 4;
}

.grid>.row-4 {
	grid-row-start: auto;
	grid-row-end: span 4;
}

.grid>.start-col-4 {
	grid-column-start: 4 !important;
}

.grid>.end-col-4 {
	grid-column-end: 4 !important;
}

.grid>.start-row-4 {
	grid-row-start: 4 !important;
}

.grid>.end-row-4 {
	grid-row-end: 4 !important;
}

.grid.col-5 {
	grid-template-columns: repeat(5, 1fr);
}

.grid:not([class*="col-"])>.col-5 {
	grid-column-start: auto;
	grid-column-end: span 5;
}

.grid>.row-5 {
	grid-row-start: auto;
	grid-row-end: span 5;
}

.grid>.start-col-5 {
	grid-column-start: 5 !important;
}

.grid>.end-col-5 {
	grid-column-end: 5 !important;
}

.grid>.start-row-5 {
	grid-row-start: 5 !important;
}

.grid>.end-row-5 {
	grid-row-end: 5 !important;
}

.grid.col-6 {
	grid-template-columns: repeat(6, 1fr);
}

.grid:not([class*="col-"])>.col-6 {
	grid-column-start: auto;
	grid-column-end: span 6;
}

.grid>.row-6 {
	grid-row-start: auto;
	grid-row-end: span 6;
}

.grid>.start-col-6 {
	grid-column-start: 6 !important;
}

.grid>.end-col-6 {
	grid-column-end: 6 !important;
}

.grid>.start-row-6 {
	grid-row-start: 6 !important;
}

.grid>.end-row-6 {
	grid-row-end: 6 !important;
}

.grid.col-7 {
	grid-template-columns: repeat(7, 1fr);
}

.grid:not([class*="col-"])>.col-7 {
	grid-column-start: auto;
	grid-column-end: span 7;
}

.grid>.row-7 {
	grid-row-start: auto;
	grid-row-end: span 7;
}

.grid>.start-col-7 {
	grid-column-start: 7 !important;
}

.grid>.end-col-7 {
	grid-column-end: 7 !important;
}

.grid>.start-row-7 {
	grid-row-start: 7 !important;
}

.grid>.end-row-7 {
	grid-row-end: 7 !important;
}

.grid.col-8 {
	grid-template-columns: repeat(8, 1fr);
}

.grid:not([class*="col-"])>.col-8 {
	grid-column-start: auto;
	grid-column-end: span 8;
}

.grid>.row-8 {
	grid-row-start: auto;
	grid-row-end: span 8;
}

.grid>.start-col-8 {
	grid-column-start: 8 !important;
}

.grid>.end-col-8 {
	grid-column-end: 8 !important;
}

.grid>.start-row-8 {
	grid-row-start: 8 !important;
}

.grid>.end-row-8 {
	grid-row-end: 8 !important;
}

.grid.col-9 {
	grid-template-columns: repeat(9, 1fr);
}

.grid:not([class*="col-"])>.col-9 {
	grid-column-start: auto;
	grid-column-end: span 9;
}

.grid>.row-9 {
	grid-row-start: auto;
	grid-row-end: span 9;
}

.grid>.start-col-9 {
	grid-column-start: 9 !important;
}

.grid>.end-col-9 {
	grid-column-end: 9 !important;
}

.grid>.start-row-9 {
	grid-row-start: 9 !important;
}

.grid>.end-row-9 {
	grid-row-end: 9 !important;
}

.grid.col-10 {
	grid-template-columns: repeat(10, 1fr);
}

.grid:not([class*="col-"])>.col-10 {
	grid-column-start: auto;
	grid-column-end: span 10;
}

.grid>.row-10 {
	grid-row-start: auto;
	grid-row-end: span 10;
}

.grid>.start-col-10 {
	grid-column-start: 10 !important;
}

.grid>.end-col-10 {
	grid-column-end: 10 !important;
}

.grid>.start-row-10 {
	grid-row-start: 10 !important;
}

.grid>.end-row-10 {
	grid-row-end: 10 !important;
}

.grid.col-11 {
	grid-template-columns: repeat(11, 1fr);
}

.grid:not([class*="col-"])>.col-11 {
	grid-column-start: auto;
	grid-column-end: span 11;
}

.grid>.row-11 {
	grid-row-start: auto;
	grid-row-end: span 11;
}

.grid>.start-col-11 {
	grid-column-start: 11 !important;
}

.grid>.end-col-11 {
	grid-column-end: 11 !important;
}

.grid>.start-row-11 {
	grid-row-start: 11 !important;
}

.grid>.end-row-11 {
	grid-row-end: 11 !important;
}

.grid.col-12 {
	grid-template-columns: repeat(12, 1fr);
}

.grid:not([class*="col-"])>.col-12 {
	grid-column-start: auto;
	grid-column-end: span 12;
}

.grid>.row-12 {
	grid-row-start: auto;
	grid-row-end: span 12;
}

.grid>.start-col-12 {
	grid-column-start: 12 !important;
}

.grid>.end-col-12 {
	grid-column-end: 12 !important;
}

.grid>.start-row-12 {
	grid-row-start: 12 !important;
}

.grid>.end-row-12 {
	grid-row-end: 12 !important;
}

@media (min-width: 600px) {
	.grid.col-1-tp {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid:not([class*="col-"])>.col-1-tp {
		grid-column-start: auto;
		grid-column-end: span 1;
	}

	.grid>.row-1-tp {
		grid-row-start: auto;
		grid-row-end: span 1;
	}

	.grid>.start-col-1-tp {
		grid-column-start: 1 !important;
	}

	.grid>.end-col-1-tp {
		grid-column-end: 1 !important;
	}

	.grid>.start-row-1-tp {
		grid-row-start: 1 !important;
	}

	.grid>.end-row-1-tp {
		grid-row-end: 1 !important;
	}

	.grid.col-2-tp {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid:not([class*="col-"])>.col-2-tp {
		grid-column-start: auto;
		grid-column-end: span 2;
	}

	.grid>.row-2-tp {
		grid-row-start: auto;
		grid-row-end: span 2;
	}

	.grid>.start-col-2-tp {
		grid-column-start: 2 !important;
	}

	.grid>.end-col-2-tp {
		grid-column-end: 2 !important;
	}

	.grid>.start-row-2-tp {
		grid-row-start: 2 !important;
	}

	.grid>.end-row-2-tp {
		grid-row-end: 2 !important;
	}

	.grid.col-3-tp {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid:not([class*="col-"])>.col-3-tp {
		grid-column-start: auto;
		grid-column-end: span 3;
	}

	.grid>.row-3-tp {
		grid-row-start: auto;
		grid-row-end: span 3;
	}

	.grid>.start-col-3-tp {
		grid-column-start: 3 !important;
	}

	.grid>.end-col-3-tp {
		grid-column-end: 3 !important;
	}

	.grid>.start-row-3-tp {
		grid-row-start: 3 !important;
	}

	.grid>.end-row-3-tp {
		grid-row-end: 3 !important;
	}

	.grid.col-4-tp {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid:not([class*="col-"])>.col-4-tp {
		grid-column-start: auto;
		grid-column-end: span 4;
	}

	.grid>.row-4-tp {
		grid-row-start: auto;
		grid-row-end: span 4;
	}

	.grid>.start-col-4-tp {
		grid-column-start: 4 !important;
	}

	.grid>.end-col-4-tp {
		grid-column-end: 4 !important;
	}

	.grid>.start-row-4-tp {
		grid-row-start: 4 !important;
	}

	.grid>.end-row-4-tp {
		grid-row-end: 4 !important;
	}

	.grid.col-5-tp {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid:not([class*="col-"])>.col-5-tp {
		grid-column-start: auto;
		grid-column-end: span 5;
	}

	.grid>.row-5-tp {
		grid-row-start: auto;
		grid-row-end: span 5;
	}

	.grid>.start-col-5-tp {
		grid-column-start: 5 !important;
	}

	.grid>.end-col-5-tp {
		grid-column-end: 5 !important;
	}

	.grid>.start-row-5-tp {
		grid-row-start: 5 !important;
	}

	.grid>.end-row-5-tp {
		grid-row-end: 5 !important;
	}

	.grid.col-6-tp {
		grid-template-columns: repeat(6, 1fr);
	}

	.grid:not([class*="col-"])>.col-6-tp {
		grid-column-start: auto;
		grid-column-end: span 6;
	}

	.grid>.row-6-tp {
		grid-row-start: auto;
		grid-row-end: span 6;
	}

	.grid>.start-col-6-tp {
		grid-column-start: 6 !important;
	}

	.grid>.end-col-6-tp {
		grid-column-end: 6 !important;
	}

	.grid>.start-row-6-tp {
		grid-row-start: 6 !important;
	}

	.grid>.end-row-6-tp {
		grid-row-end: 6 !important;
	}

	.grid.col-7-tp {
		grid-template-columns: repeat(7, 1fr);
	}

	.grid:not([class*="col-"])>.col-7-tp {
		grid-column-start: auto;
		grid-column-end: span 7;
	}

	.grid>.row-7-tp {
		grid-row-start: auto;
		grid-row-end: span 7;
	}

	.grid>.start-col-7-tp {
		grid-column-start: 7 !important;
	}

	.grid>.end-col-7-tp {
		grid-column-end: 7 !important;
	}

	.grid>.start-row-7-tp {
		grid-row-start: 7 !important;
	}

	.grid>.end-row-7-tp {
		grid-row-end: 7 !important;
	}

	.grid.col-8-tp {
		grid-template-columns: repeat(8, 1fr);
	}

	.grid:not([class*="col-"])>.col-8-tp {
		grid-column-start: auto;
		grid-column-end: span 8;
	}

	.grid>.row-8-tp {
		grid-row-start: auto;
		grid-row-end: span 8;
	}

	.grid>.start-col-8-tp {
		grid-column-start: 8 !important;
	}

	.grid>.end-col-8-tp {
		grid-column-end: 8 !important;
	}

	.grid>.start-row-8-tp {
		grid-row-start: 8 !important;
	}

	.grid>.end-row-8-tp {
		grid-row-end: 8 !important;
	}

	.grid.col-9-tp {
		grid-template-columns: repeat(9, 1fr);
	}

	.grid:not([class*="col-"])>.col-9-tp {
		grid-column-start: auto;
		grid-column-end: span 9;
	}

	.grid>.row-9-tp {
		grid-row-start: auto;
		grid-row-end: span 9;
	}

	.grid>.start-col-9-tp {
		grid-column-start: 9 !important;
	}

	.grid>.end-col-9-tp {
		grid-column-end: 9 !important;
	}

	.grid>.start-row-9-tp {
		grid-row-start: 9 !important;
	}

	.grid>.end-row-9-tp {
		grid-row-end: 9 !important;
	}

	.grid.col-10-tp {
		grid-template-columns: repeat(10, 1fr);
	}

	.grid:not([class*="col-"])>.col-10-tp {
		grid-column-start: auto;
		grid-column-end: span 10;
	}

	.grid>.row-10-tp {
		grid-row-start: auto;
		grid-row-end: span 10;
	}

	.grid>.start-col-10-tp {
		grid-column-start: 10 !important;
	}

	.grid>.end-col-10-tp {
		grid-column-end: 10 !important;
	}

	.grid>.start-row-10-tp {
		grid-row-start: 10 !important;
	}

	.grid>.end-row-10-tp {
		grid-row-end: 10 !important;
	}

	.grid.col-11-tp {
		grid-template-columns: repeat(11, 1fr);
	}

	.grid:not([class*="col-"])>.col-11-tp {
		grid-column-start: auto;
		grid-column-end: span 11;
	}

	.grid>.row-11-tp {
		grid-row-start: auto;
		grid-row-end: span 11;
	}

	.grid>.start-col-11-tp {
		grid-column-start: 11 !important;
	}

	.grid>.end-col-11-tp {
		grid-column-end: 11 !important;
	}

	.grid>.start-row-11-tp {
		grid-row-start: 11 !important;
	}

	.grid>.end-row-11-tp {
		grid-row-end: 11 !important;
	}

	.grid.col-12-tp {
		grid-template-columns: repeat(12, 1fr);
	}

	.grid:not([class*="col-"])>.col-12-tp {
		grid-column-start: auto;
		grid-column-end: span 12;
	}

	.grid>.row-12-tp {
		grid-row-start: auto;
		grid-row-end: span 12;
	}

	.grid>.start-col-12-tp {
		grid-column-start: 12 !important;
	}

	.grid>.end-col-12-tp {
		grid-column-end: 12 !important;
	}

	.grid>.start-row-12-tp {
		grid-row-start: 12 !important;
	}

	.grid>.end-row-12-tp {
		grid-row-end: 12 !important;
	}
}

@media (min-width: 900px) {
	.grid.col-1-tl {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid:not([class*="col-"])>.col-1-tl {
		grid-column-start: auto;
		grid-column-end: span 1;
	}

	.grid>.row-1-tl {
		grid-row-start: auto;
		grid-row-end: span 1;
	}

	.grid>.start-col-1-tl {
		grid-column-start: 1 !important;
	}

	.grid>.end-col-1-tl {
		grid-column-end: 1 !important;
	}

	.grid>.start-row-1-tl {
		grid-row-start: 1 !important;
	}

	.grid>.end-row-1-tl {
		grid-row-end: 1 !important;
	}

	.grid.col-2-tl {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid:not([class*="col-"])>.col-2-tl {
		grid-column-start: auto;
		grid-column-end: span 2;
	}

	.grid>.row-2-tl {
		grid-row-start: auto;
		grid-row-end: span 2;
	}

	.grid>.start-col-2-tl {
		grid-column-start: 2 !important;
	}

	.grid>.end-col-2-tl {
		grid-column-end: 2 !important;
	}

	.grid>.start-row-2-tl {
		grid-row-start: 2 !important;
	}

	.grid>.end-row-2-tl {
		grid-row-end: 2 !important;
	}

	.grid.col-3-tl {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid:not([class*="col-"])>.col-3-tl {
		grid-column-start: auto;
		grid-column-end: span 3;
	}

	.grid>.row-3-tl {
		grid-row-start: auto;
		grid-row-end: span 3;
	}

	.grid>.start-col-3-tl {
		grid-column-start: 3 !important;
	}

	.grid>.end-col-3-tl {
		grid-column-end: 3 !important;
	}

	.grid>.start-row-3-tl {
		grid-row-start: 3 !important;
	}

	.grid>.end-row-3-tl {
		grid-row-end: 3 !important;
	}

	.grid.col-4-tl {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid:not([class*="col-"])>.col-4-tl {
		grid-column-start: auto;
		grid-column-end: span 4;
	}

	.grid>.row-4-tl {
		grid-row-start: auto;
		grid-row-end: span 4;
	}

	.grid>.start-col-4-tl {
		grid-column-start: 4 !important;
	}

	.grid>.end-col-4-tl {
		grid-column-end: 4 !important;
	}

	.grid>.start-row-4-tl {
		grid-row-start: 4 !important;
	}

	.grid>.end-row-4-tl {
		grid-row-end: 4 !important;
	}

	.grid.col-5-tl {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid:not([class*="col-"])>.col-5-tl {
		grid-column-start: auto;
		grid-column-end: span 5;
	}

	.grid>.row-5-tl {
		grid-row-start: auto;
		grid-row-end: span 5;
	}

	.grid>.start-col-5-tl {
		grid-column-start: 5 !important;
	}

	.grid>.end-col-5-tl {
		grid-column-end: 5 !important;
	}

	.grid>.start-row-5-tl {
		grid-row-start: 5 !important;
	}

	.grid>.end-row-5-tl {
		grid-row-end: 5 !important;
	}

	.grid.col-6-tl {
		grid-template-columns: repeat(6, 1fr);
	}

	.grid:not([class*="col-"])>.col-6-tl {
		grid-column-start: auto;
		grid-column-end: span 6;
	}

	.grid>.row-6-tl {
		grid-row-start: auto;
		grid-row-end: span 6;
	}

	.grid>.start-col-6-tl {
		grid-column-start: 6 !important;
	}

	.grid>.end-col-6-tl {
		grid-column-end: 6 !important;
	}

	.grid>.start-row-6-tl {
		grid-row-start: 6 !important;
	}

	.grid>.end-row-6-tl {
		grid-row-end: 6 !important;
	}

	.grid.col-7-tl {
		grid-template-columns: repeat(7, 1fr);
	}

	.grid:not([class*="col-"])>.col-7-tl {
		grid-column-start: auto;
		grid-column-end: span 7;
	}

	.grid>.row-7-tl {
		grid-row-start: auto;
		grid-row-end: span 7;
	}

	.grid>.start-col-7-tl {
		grid-column-start: 7 !important;
	}

	.grid>.end-col-7-tl {
		grid-column-end: 7 !important;
	}

	.grid>.start-row-7-tl {
		grid-row-start: 7 !important;
	}

	.grid>.end-row-7-tl {
		grid-row-end: 7 !important;
	}

	.grid.col-8-tl {
		grid-template-columns: repeat(8, 1fr);
	}

	.grid:not([class*="col-"])>.col-8-tl {
		grid-column-start: auto;
		grid-column-end: span 8;
	}

	.grid>.row-8-tl {
		grid-row-start: auto;
		grid-row-end: span 8;
	}

	.grid>.start-col-8-tl {
		grid-column-start: 8 !important;
	}

	.grid>.end-col-8-tl {
		grid-column-end: 8 !important;
	}

	.grid>.start-row-8-tl {
		grid-row-start: 8 !important;
	}

	.grid>.end-row-8-tl {
		grid-row-end: 8 !important;
	}

	.grid.col-9-tl {
		grid-template-columns: repeat(9, 1fr);
	}

	.grid:not([class*="col-"])>.col-9-tl {
		grid-column-start: auto;
		grid-column-end: span 9;
	}

	.grid>.row-9-tl {
		grid-row-start: auto;
		grid-row-end: span 9;
	}

	.grid>.start-col-9-tl {
		grid-column-start: 9 !important;
	}

	.grid>.end-col-9-tl {
		grid-column-end: 9 !important;
	}

	.grid>.start-row-9-tl {
		grid-row-start: 9 !important;
	}

	.grid>.end-row-9-tl {
		grid-row-end: 9 !important;
	}

	.grid.col-10-tl {
		grid-template-columns: repeat(10, 1fr);
	}

	.grid:not([class*="col-"])>.col-10-tl {
		grid-column-start: auto;
		grid-column-end: span 10;
	}

	.grid>.row-10-tl {
		grid-row-start: auto;
		grid-row-end: span 10;
	}

	.grid>.start-col-10-tl {
		grid-column-start: 10 !important;
	}

	.grid>.end-col-10-tl {
		grid-column-end: 10 !important;
	}

	.grid>.start-row-10-tl {
		grid-row-start: 10 !important;
	}

	.grid>.end-row-10-tl {
		grid-row-end: 10 !important;
	}

	.grid.col-11-tl {
		grid-template-columns: repeat(11, 1fr);
	}

	.grid:not([class*="col-"])>.col-11-tl {
		grid-column-start: auto;
		grid-column-end: span 11;
	}

	.grid>.row-11-tl {
		grid-row-start: auto;
		grid-row-end: span 11;
	}

	.grid>.start-col-11-tl {
		grid-column-start: 11 !important;
	}

	.grid>.end-col-11-tl {
		grid-column-end: 11 !important;
	}

	.grid>.start-row-11-tl {
		grid-row-start: 11 !important;
	}

	.grid>.end-row-11-tl {
		grid-row-end: 11 !important;
	}

	.grid.col-12-tl {
		grid-template-columns: repeat(12, 1fr);
	}

	.grid:not([class*="col-"])>.col-12-tl {
		grid-column-start: auto;
		grid-column-end: span 12;
	}

	.grid>.row-12-tl {
		grid-row-start: auto;
		grid-row-end: span 12;
	}

	.grid>.start-col-12-tl {
		grid-column-start: 12 !important;
	}

	.grid>.end-col-12-tl {
		grid-column-end: 12 !important;
	}

	.grid>.start-row-12-tl {
		grid-row-start: 12 !important;
	}

	.grid>.end-row-12-tl {
		grid-row-end: 12 !important;
	}
}

@media (min-width: 1200px) {
	.grid.col-1-d {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid:not([class*="col-"])>.col-1-d {
		grid-column-start: auto;
		grid-column-end: span 1;
	}

	.grid>.row-1-d {
		grid-row-start: auto;
		grid-row-end: span 1;
	}

	.grid>.start-col-1-d {
		grid-column-start: 1 !important;
	}

	.grid>.end-col-1-d {
		grid-column-end: 1 !important;
	}

	.grid>.start-row-1-d {
		grid-row-start: 1 !important;
	}

	.grid>.end-row-1-d {
		grid-row-end: 1 !important;
	}

	.grid.col-2-d {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid:not([class*="col-"])>.col-2-d {
		grid-column-start: auto;
		grid-column-end: span 2;
	}

	.grid>.row-2-d {
		grid-row-start: auto;
		grid-row-end: span 2;
	}

	.grid>.start-col-2-d {
		grid-column-start: 2 !important;
	}

	.grid>.end-col-2-d {
		grid-column-end: 2 !important;
	}

	.grid>.start-row-2-d {
		grid-row-start: 2 !important;
	}

	.grid>.end-row-2-d {
		grid-row-end: 2 !important;
	}

	.grid.col-3-d {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid:not([class*="col-"])>.col-3-d {
		grid-column-start: auto;
		grid-column-end: span 3;
	}

	.grid>.row-3-d {
		grid-row-start: auto;
		grid-row-end: span 3;
	}

	.grid>.start-col-3-d {
		grid-column-start: 3 !important;
	}

	.grid>.end-col-3-d {
		grid-column-end: 3 !important;
	}

	.grid>.start-row-3-d {
		grid-row-start: 3 !important;
	}

	.grid>.end-row-3-d {
		grid-row-end: 3 !important;
	}

	.grid.col-4-d {
		grid-template-columns: repeat(4, 1fr);
	}

	.grid:not([class*="col-"])>.col-4-d {
		grid-column-start: auto;
		grid-column-end: span 4;
	}

	.grid>.row-4-d {
		grid-row-start: auto;
		grid-row-end: span 4;
	}

	.grid>.start-col-4-d {
		grid-column-start: 4 !important;
	}

	.grid>.end-col-4-d {
		grid-column-end: 4 !important;
	}

	.grid>.start-row-4-d {
		grid-row-start: 4 !important;
	}

	.grid>.end-row-4-d {
		grid-row-end: 4 !important;
	}

	.grid.col-5-d {
		grid-template-columns: repeat(5, 1fr);
	}

	.grid:not([class*="col-"])>.col-5-d {
		grid-column-start: auto;
		grid-column-end: span 5;
	}

	.grid>.row-5-d {
		grid-row-start: auto;
		grid-row-end: span 5;
	}

	.grid>.start-col-5-d {
		grid-column-start: 5 !important;
	}

	.grid>.end-col-5-d {
		grid-column-end: 5 !important;
	}

	.grid>.start-row-5-d {
		grid-row-start: 5 !important;
	}

	.grid>.end-row-5-d {
		grid-row-end: 5 !important;
	}

	.grid.col-6-d {
		grid-template-columns: repeat(6, 1fr);
	}

	.grid:not([class*="col-"])>.col-6-d {
		grid-column-start: auto;
		grid-column-end: span 6;
	}

	.grid>.row-6-d {
		grid-row-start: auto;
		grid-row-end: span 6;
	}

	.grid>.start-col-6-d {
		grid-column-start: 6 !important;
	}

	.grid>.end-col-6-d {
		grid-column-end: 6 !important;
	}

	.grid>.start-row-6-d {
		grid-row-start: 6 !important;
	}

	.grid>.end-row-6-d {
		grid-row-end: 6 !important;
	}

	.grid.col-7-d {
		grid-template-columns: repeat(7, 1fr);
	}

	.grid:not([class*="col-"])>.col-7-d {
		grid-column-start: auto;
		grid-column-end: span 7;
	}

	.grid>.row-7-d {
		grid-row-start: auto;
		grid-row-end: span 7;
	}

	.grid>.start-col-7-d {
		grid-column-start: 7 !important;
	}

	.grid>.end-col-7-d {
		grid-column-end: 7 !important;
	}

	.grid>.start-row-7-d {
		grid-row-start: 7 !important;
	}

	.grid>.end-row-7-d {
		grid-row-end: 7 !important;
	}

	.grid.col-8-d {
		grid-template-columns: repeat(8, 1fr);
	}

	.grid:not([class*="col-"])>.col-8-d {
		grid-column-start: auto;
		grid-column-end: span 8;
	}

	.grid>.row-8-d {
		grid-row-start: auto;
		grid-row-end: span 8;
	}

	.grid>.start-col-8-d {
		grid-column-start: 8 !important;
	}

	.grid>.end-col-8-d {
		grid-column-end: 8 !important;
	}

	.grid>.start-row-8-d {
		grid-row-start: 8 !important;
	}

	.grid>.end-row-8-d {
		grid-row-end: 8 !important;
	}

	.grid.col-9-d {
		grid-template-columns: repeat(9, 1fr);
	}

	.grid:not([class*="col-"])>.col-9-d {
		grid-column-start: auto;
		grid-column-end: span 9;
	}

	.grid>.row-9-d {
		grid-row-start: auto;
		grid-row-end: span 9;
	}

	.grid>.start-col-9-d {
		grid-column-start: 9 !important;
	}

	.grid>.end-col-9-d {
		grid-column-end: 9 !important;
	}

	.grid>.start-row-9-d {
		grid-row-start: 9 !important;
	}

	.grid>.end-row-9-d {
		grid-row-end: 9 !important;
	}

	.grid.col-10-d {
		grid-template-columns: repeat(10, 1fr);
	}

	.grid:not([class*="col-"])>.col-10-d {
		grid-column-start: auto;
		grid-column-end: span 10;
	}

	.grid>.row-10-d {
		grid-row-start: auto;
		grid-row-end: span 10;
	}

	.grid>.start-col-10-d {
		grid-column-start: 10 !important;
	}

	.grid>.end-col-10-d {
		grid-column-end: 10 !important;
	}

	.grid>.start-row-10-d {
		grid-row-start: 10 !important;
	}

	.grid>.end-row-10-d {
		grid-row-end: 10 !important;
	}

	.grid.col-11-d {
		grid-template-columns: repeat(11, 1fr);
	}

	.grid:not([class*="col-"])>.col-11-d {
		grid-column-start: auto;
		grid-column-end: span 11;
	}

	.grid>.row-11-d {
		grid-row-start: auto;
		grid-row-end: span 11;
	}

	.grid>.start-col-11-d {
		grid-column-start: 11 !important;
	}

	.grid>.end-col-11-d {
		grid-column-end: 11 !important;
	}

	.grid>.start-row-11-d {
		grid-row-start: 11 !important;
	}

	.grid>.end-row-11-d {
		grid-row-end: 11 !important;
	}

	.grid.col-12-d {
		grid-template-columns: repeat(12, 1fr);
	}

	.grid:not([class*="col-"])>.col-12-d {
		grid-column-start: auto;
		grid-column-end: span 12;
	}

	.grid>.row-12-d {
		grid-row-start: auto;
		grid-row-end: span 12;
	}

	.grid>.start-col-12-d {
		grid-column-start: 12 !important;
	}

	.grid>.end-col-12-d {
		grid-column-end: 12 !important;
	}

	.grid>.start-row-12-d {
		grid-row-start: 12 !important;
	}

	.grid>.end-row-12-d {
		grid-row-end: 12 !important;
	}
}

#logo_print {
	display: none;
}

@media print {
	#left, #werbung_top_container, #right, #partner, #header_ED, #header_FS, #header_FM, #werbung_right_fixed, #werbung_overhead, #mhCookie_toggle, #mobil_scrolltop, #kennensieschon, .google_ad_responsive, #landkreisinformationen, #aktuelle_themen, #z_videos {
		display: none !important;
	}

	#middle {
		width: calc(100% - 20px);
	}

	#middle > div:not(.box_wide_padding), #middle > a {
		display: none;
	}

	#logo_print {
		display: block;
	}
}

#middle .google_ad_responsive {
	margin-bottom: 10px;
}
#ajax_content .google_ad_responsive {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c00;
}
.google_ad_responsive:has(.adsbygoogle[data-ad-status="unfilled"]), .adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}