/*@media (min-width: 7px) and (max-width: 768px) {*/

@media (min-width: 7px) and (max-width: 768px), 
       only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
 



	body {
		-moz-hyphens: auto !important;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.wrapper {
		min-height: 100%;
		display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: 80px 1fr auto;
	}

		/* Kopfbereich */
		header {
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			background: var(--header-bg-color);
			position: sticky;
			top: 0;
			z-index: 9999;
			box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
			display: grid;
				grid-template-columns: auto;
				grid-template-rows: 0 80px;
		}

			.header-logo {
				position: absolute;
				width: 69px;
				top: 15px;
				left: 23px;
				/* wenn mittig
				left: 50%;
				margin-left: -35px;
				*/
			}

				.header-logo-img {
					height: 50px;
					width: 92px;
				}

				.header-logo a:focus-visible, .header-bottom-logo a:focus-visible {
					display: block;
					height: 50px;
					width: 92px;
					outline: 1px solid #181818;
					outline-offset: 2px;
				}

			.header-top {
				position: relative;
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				padding: 23px 0 0 0;
				background: transparent;
			}

				/* Unsichtbare Sprunglinks */
				#nav-invisible {
					display: none;
				}

				.unvisible-link:not(:focus) {
					display: none;
				}

				.unvisible-link:focus {
					display: none;
				}
				/* Ende unsichtbare Sprunglinks */

			.header-bottom {
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				padding: 20px 0 0 0;
				background: transparent;
			}

				.header-bottom-logo {
					display: none;
				}

				.smc {
					display: none;
					justify-content: center;
				}



		/* Inhaltsbereich */
		main {
			z-index: 9998;
			grid-column: 1 / 2;
			grid-row: 2 / 3;
			background: transparent;
			display: grid;
				grid-template-columns: auto;
				grid-template-rows: 664px auto;
		}

			.main-slider {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				background: var(--main-slider-bg-color) url(../images/bg-header-nrw-2025-577.jpg) no-repeat 50% 50%;
				background-size: cover;
				width: 100%;
			}

			.main-inner {
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				background: transparent;
				padding: 0 0 100px 0;
			}



		/* Fußbereich */
		footer {
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--footer-bg-color);
			display: grid;
				grid-template-columns: auto;
				grid-template-rows: auto;
		}

			.footer-inner {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				padding: 23px 0 0 0;
				background: var(--footer-bg-color);
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr 1fr;
			}
	
				.footer-inner-left {
					grid-column: 1 / 2;
					grid-row: 2 / 3;
					padding: 20px 20px 0 0;
					text-align: right;
				}

				.footer-inner-right {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					text-align: right;
					padding: 0 20px 0 0;
				}

				.fmcX {
					/*display: none;*/
					justify-content: center;
					padding: 0 0 0 20px;
				}



		/* Vertikales Wort links */
		.area-word {
			display: none;
		}

			.area-word-vertical {
				display: none;
			}



		/* Inhaltsgeüst*/
		.container {
			display: flex;
		}

			.item-left {
				min-width: 0;
				margin: 0 20px 0 0;
			}

			.item-right {
				flex-grow: 1;
			}

				.item-h1 {
					width: 100%;
					padding: 60px 30px 30px 0;
				}

				.item-content {
					width: 100%;
					padding: 20px 0 0 0;
				}

					.item-content-inner-6 {
						background: transparent;
						display: inline-block;
						clear: both;
						width: 100%;
						padding: 0 20px 0 0;
						margin: 0;
					}

					.item-content-inner-7 {
						background: transparent;
						display: inline-block;
						clear: both;
						width: 100%;
						padding: 0 20px 0 0;
						margin: 0;
					}

					.item-content-inner-9 {
						background: transparent;
						display: inline-block;
						clear: both;
						width: 100%;
						padding: 0 20px 0 0;
						margin: 0;
					}

					.item-content-inner-11 {
						background: transparent;
						display: inline-block;
						clear: both;
						width: 100%;
						padding: 0 20px 0 0;
						margin: 0;
					}

					.item-content-inner-documents {
						background: transparent;
						display: inline-block;
						clear: both;
						width: 100%;
						padding: 0;
						margin: 0;
					}

					/* Inhaltsgeüst*/




				/* Schriften */
				h1 {
					color: var(--h1-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 40px;
					font-style: normal;
					font-weight: 400;
					line-height: 50px;
					margin: 0 0 0 -4px;
				}

				h2 {
					color: var(--h2-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 28px;
					font-style: normal;
					font-weight: 400;
					line-height: 38px;
					margin: 0 0 20px -2px;
				}

				h3 {
					color: var(--h3-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 22px;
					font-style: normal;
					font-weight: 400;
					line-height: 32px;
					margin: 0 0 20px -2px;
				}

				h4 {
					color: var(--h3-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 20px;
					font-style: normal;
					font-weight: 400;
					line-height: 32px;
					margin: 0 0 20px -2px;
				}

				h5, h6 {
					color: var(--h3-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 32px;
					margin: 0 0 20px -2px;
				}

				.plain-text {
					color: var(--plaintext-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 28px;
				}


.documents-list li {
	margin-left: 0 !important;
}



				/* Spezielles Startseite */
				.start-extra-h1-padding {
					padding: 60px 20px 0 0 !important;
				}

				.start-text {
					position: relative;
					float: left;
					width: 100%;
					margin: 30px 0 0 0;
					padding: 0 20px 0 0;
					clear: both;
					display: block;
				}

				.start-termine {
					position: relative;
					float: left;
					width: 100%;
					margin: 20px 0 0 0;
					clear: both;
					display: block;
				}

					.start-termine-top {
						width: 239px;
						height: 239px;
						margin: -239px 0 0 -60px;
						/*background: transparent url(../images/bg-termine.svg) no-repeat 0 50%;*/
						display: flex;
						justify-content: center;
						align-items: center;
						display: none;
					}

					.start-termine-bottom {
						width: 100%;
						margin: 40px 0 0 0;
						padding: 0 20px 0 0;
					}

						.termine-teaser h2 {
							color: var(--termine-teaser-font-color);
							font-family: "Atkinson Hyperlegible",arial;
							font-size: 28px;
							font-style: normal;
							font-weight: 400;
							line-height: 38px;
							display: block;
							margin: 59px 0 50px 0;
						}

						.termine-caption h3 {
							color: var(--termine-caption-font-color);
							font-family: "Atkinson Hyperlegible",arial;
							font-size: 24px;
							font-style: normal;
							font-weight: 400;
							line-height: 28.08px;
							display: block;
							margin: 0 0 5px 0;
						}

						.termine-text {
							color: var(--termine-text-font-color);
							font-family: "Atkinson Hyperlegible",arial;
							font-size: 18px;
							font-style: normal;
							font-weight: 400;
							line-height: 25.2px;
							display: block;
							margin: 0 0 40px 0;
						}

						.start-termine-bottom img {
							width: 100%;
							max-width: 216px;
							margin: 40px 0 0 0;
						}



				/* Spezielles Vorsitz
				.vorsitz-text {
					position: relative;
					float: left;
					width: 100%;
					margin: 0 40px 0 0;
					clear: both;
					display: block;
				}

				.vorsitz-pic {
					position: relative;
					float: left;
					width: 70%;
					margin: 60px 0 0 15%;
					clear: both;
					display: block;
				}

					.vorsitz-pic-underline {
						color: var(--vorsitz-pic-underline-text);
						font-family: "Atkinson Hyperlegible",arial;
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						line-height: 19.6px;
						text-align:right;
						width:100%;
					} */

					.vorsitz-circle {
						position: absolute;
						left: -40px;
						top: -35px;
						width: 80px;
						height: 80px;
						background-color: transparent;
						/*background-image: url(../images/circle-vorsitz.svg);
						background-repeat: no-repeat;
						background-position: 0 0;*/
						background-size: 80px;
display: none;
					}



				/* Spezielles Geschäftsstelle */
				.geschaeftsstelle-left {
					position: relative;
					float: left;
					width: 100%;
					margin: 10px 0 0 0;
					background: transparent;
					clear: both;
					display: block;
				}

					.geschaeftsstelle-left h2 {
						color: var(--geschaeftsstelle-left-h2-font-color);
						font-family: "Atkinson Hyperlegible",arial;
						font-size: 28px;
						font-style: normal;
						font-weight: 400;
						line-height: 40px;
						margin: 0 !important;
					}

				.geschaeftsstelle-right {
					position: relative;
					float: left;
					width: 100%;
					margin: 10px 0 60px 0;
					padding: 0;
					background: transparent;
					clear: both;
					display: block;
				}



				/* Spezielles Mitglieder */
				.mitglieder-form-extra-margin-top-bottom {
					margin: 0px 0 40px 0;
				}

				.mitglieder-bundesland {
					position: relative;
					float: left;
					width: 100%;
					margin: 10px 0 0 0;
					background: transparent;
					clear: both;
					display: block;
				}

					.mitglieder-bundesland h2 {
						color: var(--mitglieder-bundesland-h2-font-color);
						font-family: "Atkinson Hyperlegible",arial;
						font-size: 28px;
						font-style: normal;
						font-weight: 400;
						line-height: 40px;
						margin: 0 !important;
					}

				.mitglieder-adresse {
					position: relative;
					float: left;
					width: 100%;
					margin: 10px 0 60px 0;
					padding: 0;
					background: transparent;
					clear: both;
					display: block;
				}

					.img-wappen {
						width: 100px;
						margin-top: 20px;
						display: none;
					}



				/* Spezielles Dokumente */
				.dokumente-extra-margin-top {
					margin: 0 0 0 0;
				}

				.dokumente-select-extra-margin-top-bottom {
					margin: 55px 0 50px 0;
				}



				/* Spezielles Presse */
				.presse-extra-h1-margin {
					margin: 0 0 6px 0 !important;
				}

				.presse-box {
					background: #fff;
					border: 1px solid rgba(0, 0, 0, 0.5);
					width: 100%;
				}

				.presse-box-top {
					padding: 0;
				}

				.presse-box-bottom {
					padding: 20px 25px 5px 25px;
				}

				.presse-box:hover {
					box-shadow: 0 0 12px 0 rgba(0,0,0,.35);
				}

				.presse-box-a:focus-visible {
					outline: 2px solid #666;
					outline-offset: 4px;
				}

				.presse-year {
					position: relative;
					float: left;
					margin: 20px 0 20px 0;
					color: var(--presse-year-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 50px;
					font-style: normal;
					font-weight: 400;
					line-height: 60px;
					clear: both;
					display: block;
				}

					.presse-box-date {
						color: var(--presse-box-date-font-color);
						font-family: "Atkinson Hyperlegible",arial;
						font-size: 18px;
						font-style: normal;
						font-weight: 400;
						line-height: 28px;
					}

				.presse-details-pic-underline {
					color: var(--presse-details-pic-underline-font-color);
					font-family: "Atkinson Hyperlegible",arial;
					font-size: 14px;
					font-style: normal;
					font-weight: 400;
					line-height: 19.6px;
					text-align: right;
					width: 100%;
				}

				.presse-details-item-9-minus-pic-margin {
					margin: -30px 0 0 0;
					width: 100% !important;
				}

				.presse-details-item-9-minus-h1-margin {
					margin: 50px 0 57px 0;
				}

				.presse-details-item-7-plus-margin {
					margin: 0;
				}

					.pressedetails-details-pagenierung {
						width: 100%;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						margin: 50px 0 0 0;
						padding: 0 20px 0 0;
					}



				/* Spezielles Suche */
				.suche-item-7-plus-margin {
					margin: 40px 0 0 0;
				}

				.suche-searchterm-input-width {
					width: 50% !important;
				}

				.suche-form-margin-top {
					margin-top: 20px !important;
				}

.dont-show-993-and-bigger {
	visibility: visible;
}









	/* Templates */

	.template-2-text {
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
		clear: both;
		display: block;
	}

	.template-2-pic {
		position: relative;
		float: left;
		width: 100%;
		max-width: 434px;
		margin: 10px 0 0 0;
		clear: both;
		display: block;
	}

		.template-2-pic-underline {
			color: var(--vorsitz-pic-underline-text);
			font-family: "Atkinson Hyperlegible",arial;
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 19.6px;
			text-align: left;
			width: 100%;
		}

	.presse-pic {
		max-width: 100%;
		height: auto;
	}

	.template-2-container {
		display: block;
		width: 100%;
	}

	.template-2-item:nth-child(1) {
		display: block;
		width: 100%;
	}

	.template-2-item:nth-child(2) {
		display: block;
		width: 100%;
	}

}
/*IPHONE*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	
	h1,h2,h3,.start-text,.start-termine {display:inline !important;}
	.item-right {
        max-width: 360px;
    }
}