*	{
	text-align:center;
	}

div.bannerwrap div
	{
	text-align:center;
	}
	
div.bannerwrap div div.banner_titlewrap,
div.bannerwrap div div.banner_titlewrap h1,
div.bannerwrap div div.banner_titlewrap p.slogan
	{
	text-align:left;
	}

li.articlewrap article table,
div.g-recaptcha div,
table
	{
	margin-left:auto;margin-right:auto;width:auto;	}
	
div.g-recaptcha
	{
	display: flex;
	justify-content: center;
	}
	
.details-content
	{
	width:100%;
	display: flex;
	justify-content: center;
	flex-flow:column wrap;
	}
	
	
details
	{
	width:100%;
	display: flex;
	justify-content: center;
	}
	
hr
	{	
	height: 100px;
	border: none;
	border-top: 0;
	background: url("/images/3754a582a6.webp") center / contain no-repeat;
	}
	
	
li.articlewrap article table tr td:first-of-type 
	{
	text-align:right
	}
	
li.articlewrap article table tr td 
	{
	text-align:left
	}

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


video, embed, object {
	width:100%;
	}
	
video
	{
	display:block;
	}

table
	{
	margin:0 auto;
	}

main header h2 
	{
	line-height: 1; 
	padding: 0;
	margin: 0; 
	}

main header h2 
	{ 
	margin-bottom: 1rem;
	}

main img 
	{
	-webkit-box-shadow: 0;
       -moz-box-shadow: 0;
	        box-shadow: 0;
	border-radius: 0;
	display:block;
	margin: 0 auto
	}
	
img#noshadow
	{
	-webkit-box-shadow: 0;
       -moz-box-shadow: 0;
	        box-shadow: 0;
	}

img#noradius
	{
	border-radius: 0;
	}
	
main h3, 
aside h3 
	{
	margin:0;
	color: black;
	line-height: 1;
	width:100%;
	}
	
li.articlewrap article h3
	{
	padding:0;
/*	
	padding-right: 1rem;
	padding-left: 1rem;
*/
	background: transparent;
	}
	
li.articlewrap article h3.insidearticle
	{
	padding-left:0;
	}


header.mainheader_center div.grid0,
header.mainheader_center div.grid12
	{
	width:97.91666666666667%;
	padding:0;
	margin:0;
	}
	
header.mainheader div p,
header.mainheader h2
	{
	padding:0 1rem;
	}


header.mainheader div p
	{
	}
	
div.wrap main section#content header.mainheader
	{
	/* margin-bottom und border-bottom werden direkt in mainheader.php gesetzt */
	}

section#content ul li
	{
	/* border-bottom:0px solid #dddddd; 04.04.2025 */
	margin-bottom:2rem;
	display:inline-block;
	position:relative;
	list-style-type:none;
	}

section#content ul li ul li
	{
	/* border-bottom:0; 04.04.2025 */
	}

section#content ul li:last-of-type
	{
	/* border-bottom:0; 04.04.2025 */
	}
	
div.wrap main section#content article
	{
	max-width: 100%;
	display:flex;
	flex-flow:row wrap;
	/* margin-bottom:0.5rem; 04.04.2025 */
	margin-bottom:0;
	overflow:hidden;
	min-height:50px;
	}
	
.fadein 
	{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s, transform 1s;
	}

.fadein.is-visible 
	{
    opacity: 1;
    transform: translateY(0);
	}
	
form section article
	{
	display:inline-block;
	border-top: 1px solid #dddddd;
	padding-top:1.2rem;
	margin-top:1.5rem;
	}
	
form section article:first-of-type
	{
	border-top: 0;
	padding-top:0;
	margin-top:0;
	}

aside section
	{
	border-top:1px solid #dddddd;
	padding-top:1.2rem;
	}
	
	
aside section:first-of-type
	{
	border-top:0;
	padding-top:0;
	}	
	
main p, 
aside p 
	{
	margin-top: 0;
	margin-bottom: 0.8rem;
	}
	
main p:last-of-type
	{
	margin-bottom:0;
	}

main p.artikelinfo, 
aside p.artikelinfo 
	{
	font-size:13px;
	font-size: 0.8125rem;
	color: #999;
	}

main a, 
aside a 
	{
	color: #0e6296;
	text-decoration: none;
	}
	
main a:hover, 
aside a:hover 
	{
	color: rgba(33,33,33,1);
	}
	
main ul, 
aside ul 
	{
	list-style-type: none;
	padding: 0;
	margin: 1em 0 2em 2em;
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	}

div.textwrap ul
	{
	list-style-type:square;
	}
	
div.wrap main section#content div a div.buttonstyle
	{
	margin-bottom: 1rem;
	margin-top: 1.5rem;
	}
	
.buttonstyle
	{
	display:inline-block;
	border: 1px solid #ccc;
	border-radius:0.25rem;
	width:auto;
	padding: 0.5rem 1rem 0.5rem 1rem;
	color: white;
	background: #333;
	margin-bottom:1rem;
	}
	
.buttonstyle:hover
	{
	color: white;
	text-decoration: underline;
	background: #333;
	}
.imgwrap::before,
.imgwrap::after {
    display: block;
    background: yellow;
}
.imgwrap {
    white-space: nowrap;
    display: flex;
} 
li.articlewrap article
	{
	width:100%;
	padding-bottom:0;
	padding-top:0;
	}
	
li.articlewrap
	{
	border-radius: 1rem 1rem 1rem 1rem;
	overflow:hidden;
	}

ul	{
	list-style-position:inside;
	}

	
li.bgc
	{
	background:rgba(255,255,255,0.8);
	}

li.nobgc
	{
	background:transparent;
	}

li.brd
	{
	border:2px solid #F2C314;
	}
	
li.nobrd
	{
	border:0;
	}
	
li.nobrd article .textwrap.imgright
	{
	padding-top:1rem;
	padding-right: 0;	
	}

li.nobrd article div.textwrap.imgleft
	{
	padding-top:1rem;
	padding-left: 0;	
	}

li.nobrd article div.textwrap.imgtop
	{
	padding-top: 1rem;	
	}

li.nobrd article .textwrap.noimg
	{
	padding-top: 0;	
	}

li.nobrd article .textwrap.imgbottom
	{
	padding-bottom: 1rem;	
	}




/********* Kreis *********/
.circle 
	{
	width: 4rem;
	height: 4rem;
	font-size:4rem;
  	background: #333;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	float:right;
	
	}

.circle::before 
	{
	content: '\279C';
	color: white;
	font-size: 0.7em;
	font-weight: bold;
	position: relative;
	}

/********* Info-Messages *********/
table.infomessage_collection
	{
	background:rgba(255,255,255,0.8);
	padding:1rem;
	}
table.infomessage_collection td
	{
	padding:1rem;
	}

details
	{	
	cursor:pointer;
	display:inline-block;
	position:relative;
	}

summary
	{
	display:block;
	overflow:hidden;	
	height:auto;
	padding:0.5rem 1rem 0.5rem 1rem;
	color: white;
	background: #333;
	width:max-content;
	border:1px solid #ccc;
	border-radius:0.25rem;
	line-height:1.7;
	margin:0 auto;
	text-align:center;
	
	}

summary span
	{
	line-height:1.7!important;
	}


/********* Startseite *********/




/********* News *********/
small.news
	{
	margin-top:1rem;
	}
	
small.news a
	{
	color: black;
	}


/********* Team *********/

div.mail span.genericon.genericon-mail,
div.phone span.genericon.genericon-phone
	{
	line-height:1.7;
	font-size: 1.1rem;
	}

article.team
	{
	flex-flow:column wrap;
	}
	
article.team div
	{
	
	}
	
article.team div a
	{
	color:black;
	}
	
article.team div.name
	{
	font-size:1.5rem;
	font-weight:bold;
	}
	
article.team div.title
	{
	font-size:1.3rem;
	font-style:italic;
	}
	
article.team div.phone
	{
	width:100%;
	}
	
article.team div.mail
	{
	width:100%;
	}
	

	
	
	
/*
article.team
	{
	width:98%;
	padding-top:1rem!important;
	padding-bottom:1rem!important;
	border-bottom:1px solid black;
	margin-right:10px;
	}

article.team:first-of-type
	{
	padding-top:0;
	}
article.team:last-of-type
	{
	padding-bottom:0;
	border-bottom:0;
	}

div.employeephoto
	{
	width:100%;
	display:inline-block;
	margin-right:0;
	}
*/
/********* Kontakt *********/

#map-canvas 
	{
	height:270px;
    margin: 0px;
    padding: 0px;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
		    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	border-radius:0;
	}
	
#map-canvas img
	{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	 border-radius: 0;
	 max-width:none;
	}

	
.noarrow a[href^="http"]:before
	{
	content: none;
	}		
	
	
#map-canvas a[href^="http"]:before
	{
	content: none;
	}
	
#map-canvas.fullscreen
	{
	height:600px;
	}
	


.businesshours table
	{
	margin-bottom:1rem;
	}
	
.businesshours td
	{
	padding:5px 10px 5px 10px;
	}
	
.businesshours td:first-of-type
	{
	padding-left:0;
	font-weight:bold;
	}

.businesshours td:nth-of-type(3)
	{
	//border-left:1px solid #ddd;
	}	
	
.businesshours td:last-of-type
	{
	padding-right:0;
	}

/********* Galerie *********/
ul.gallery
	{
	margin:0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, auto));
	gap: 16px;
	list-style: none;
	padding: 0;
	}

li.gallery-item 
	{
	border-radius: 1rem 1rem 1rem 1rem;
	background:rgba(255,255,255,0.8);
	overflow:hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	}
	
li.gallery-item a h3
	{
	margin-left:0.5rem;
	margin-right:0.5rem;
	}

li.gallery-item a
	{
	color: black;
	}

.gallery_imgcontainer 
	{
	width:100%;
	}

.gallery_imgcontainer .gallery-image
	{
	width: 100%;
	aspect-ratio: 1 / 1; /* quadratisch oder 4 / 3, je nach Geschmack */
	object-fit: cover;   /* Bild wird beschnitten, aber nicht verzerrt */
	}

.gallery_imgcontainer p 
	{
	margin: 0.5rem;
	}



/*

li.gallery
	{
	border-radius:0.5rem;
	background:rgba(255,255,255,0.8);
	display:inline-block;
	list-style:none;
	margin: 0 0 1.5rem 0;
	<!-- padding:0.6875rem 0.625rem 0 0.625rem; -->
	vertical-align:top;
	width:100%;
	overflow:hidden;
	}

div.gallery_imgcontainer
	{
	display:inline-block;
	margin-bottom:0.6875rem;
	width:100%;
	line-height:unset;
	height:auto;
	text-align:center;
	}
	
img.gallery
	{
	vertical-align:middle;
	max-width:100%;
	max-height:unset;
	}
	
div.gallerytext
	{
	text-align:center;
	padding-bottom:0.6875rem;
	}

*/

header.mainheader div.headertext
		{
		display:block;
		vertical-align:top;
		color: black;
		font-size: 1.1rem;
		font-family:  Open Sans, tahoma, arial, sans-serif;
		}

		
/********* Icons-Upload *********/
.icons_add img,
.uploadsicons img
	{
	max-width:100px;
	}
	
/********* Link Tile *********/
div.linkwrap
	{
	position:relative;
	width:<br />
<b>Notice</b>:  Undefined variable: article_image_width in <b>/var/www/clients/client10/web71/web/css/inhalt.css.php</b> on line <b>813</b><br />
;
	display:block;
	}

div.linkwrap a span
	{
	position:relative;
	z-index:1;
	}
	
div.linkwrap a img
	{
	
	}

div.link-overlay
	{
	z-index:3;
	background:rgba(255,255,255,0.1);
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	pointer-events:auto;
	overflow:hidden;
	}

div.link-overlay:hover
	{
	background:rgba(255,255,255,0.4);
	}
div.linktext
	{
	padding-top:unset;
	padding-left:unset;
	padding-right:1rem;
	padding-bottom:unset;	
	z-index:2;
	background:rgba(0,0,0,0.3);
	position:absolute;
	bottom:20%;
	left:0;
	height:30%;
	width:100%;
	max-width:100%;
	display:flex;
	justify-content:right;
	align-items: center;
	}

div.linktext span
	{	
	vertical-align:middle;
	color:white;
	line-height:1;
	font-size:calc(70% + 1vw);
	display: inline-block;
	white-space: nowrap;   /* alles in einer Zeile */
	max-width: none;      /* darf größer sein als Container, wichtig fürs scrollWidth-Messen */
	overflow: visible;    /* nicht abschneiden */
	text-overflow: clip;  /* keine Ellipsen */

	}



div.imgwrap,
div.textwrap
	{
	display:inline-block;
	vertical-align:top;
	position:relative;
	height:100%;
	}

.textwrap:not(.imgleft):not(.imgright),
.imgwrap:not(.imgleft):not(.imgright)
	{
	width:100%;
	}
	
li.nobrd.nobgc article .textwrap,
li.nobrd.nobgc article .textwrap h3
	{
	padding:0.1rem;
	}
	
div.textwrap
	{	
	padding: 0 1rem 0 1rem;
	}
	
div.textwrap h3:first-child,
div.textwrap p:first-child
	{	
	padding-top: 1rem;
	}
	
div.textwrap h3:last-child,
div.textwrap p:last-child,
div.textwrap div:last-child
	{	
	padding-bottom: 1rem;
	}

div.linkwrap a div.slider-containercss button
	{
	opacity:0;
	}
/********* Slider *********/
.slider-containercss
	{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    transition: opacity 0.5s ease-in;
    border-radius: 0;
    opacity: 1; 
	}

.slidercss
	{
    display: flex;
    transition: transform 0.5s ease;
	}

.slidecss 
	{
    min-width: 100%;
    overflow: hidden;
    border-radius: 0;
	}

.slidecss img 
	{
    width: 100%;
    vertical-align: top;
    border-radius: 0;
	}

.prevcss, .nextcss
	{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    background-color: #333;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
	}
	
.prevcss a, .nextcss a
	{
	color: white;
	}
	
.prevcss a:hover, .nextcss a:hover
	{
	color: white;
	}
	
.prevcss:hover, .nextcss:hover
	{
	background: #333;
	}
	
.prevcssbig, .nextcssbig
	{
    position: absolute;
	top:50%;
    width:50%;
	height:100%;
    transform: translateY(-50%);
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    cursor: default;
    transition: background-color 0.3s;
	}



.prevcss,
.prevcssbig
	{
    left: 0;
	}

.nextcss,
.nextcssbig
	{
    right: 0;
	}

.slider-containercss.fade-in 
	{
    opacity: 1;
	}

table.showsliderimages th, td
	{
	position:relative;
	padding-right: 1rem;
	}

table.showsliderimages th:last-of-type, td:last-of-type
	{
	padding-right: 0;
	}
	
article.notitle div.imgwrap.imgleft,
article.notitle div.imgwrap.imgright
	{
	padding-top:1rem;
	}




.imgwrap.imgleft
	{
	<!-- padding-top: 0.3rem; -->
	padding-left: 1rem;
	}

.imgwrap.imgright
	{
	<!-- padding-top: 0.3rem; -->
	padding-right: 1rem;
	}	

div.imgright div.slider-containercss div.slidecss img
	{
	margin-left:0;
	}

div.imgleft div.slider-containercss div.slidecss img
	{
	margin-right:0;
	}

div.imgright div.slider-containercss
	{
	margin-left:1rem;
	float:right;
	}

div.imgleft div.slider-containercss
	{
	margin-right:1rem;
	float:left;
	}
	

.sr-only 
	{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	}

/********************************************
	Anpassungen für die Desktop-Version
********************************************/

	
@media screen and (min-width: 768px) 
	{
	*	{
		text-align:center;
		}
	header.mainheader div p,
	header.mainheader h2
		{
		padding:0;
		}
		
	header.mainheader div p
		{
		margin-top:0;
		margin-bottom:1rem;
		}
		
	
	div.headerwrap.mainheader_center header.mainheader
		{
		margin-left: 1.041666666667%;
		margin-right: 1.041666666667%;
		}
	
	header.mainheader a
		{
		text-decoration:none;	
		}
	
		
	div.g-recaptcha div
		{
		margin:0;
		}
	
	li.articlewrap article table tr td, 
	li.articlewrap article table tr td:first-of-type
		{
		text-align:left;
		}
/*	
	li.articlewrap article table
		{
		margin:0;
		width:100%;
		}
*/	
	/*
	li.articlewrap article h3, 
	li.articlewrap article h3, 
	li.articlewrap article p, 
	li.articlewrap article table, 
	header.mainheader h2, 
	header.mainheader div p, 
	main section#content article header, 
	main section#content article p
		{
		text-align:center;
		}
	*/	

	li.nobrd article .textwrap.imgright
		{
		padding-top:0;
		padding-right: 1rem;	
		}

	li.nobrd article div.textwrap.imgleft
		{
		padding-top:0;
		padding-left: 1rem;	
		}

	li.nobrd article .textwrap.imgtop
		{
	
		padding-top: 1rem;	
		
		}

	li.nobrd article .textwrap.imgbottom
		{
		padding-bottom: 1rem;	
		}

	div.wrap aside
		{
		float:right;
		padding-left: 20px;
		border-left: 1px solid #dddddd;
		}
		
	main div.fullscreen
		{
		width: 100%;
		clear: both;
		}
		
	main img.fullscreen
		{
		display: table;
		margin: 0 auto;
		}
		
	main h3,
	aside h3
		{
		border-top:0;
		}
		
	div.wrap main section#content header.mainheader
		{
		border-bottom:0 !important;
		}
		
	form h3
		{
		border-top: 1px solid #dddddd;
		}
		
	form h3:first-of-type
		{
		border-top: 0;
		}
		
	section#content ul li
		{
		/* border-bottom: 0; 04.04.2025 */
		}

	div.wrap main section#content article.grid1,
	div.wrap main section#content article.grid2,
	div.wrap main section#content article.grid3,
	div.wrap main section#content article.grid4,
	div.wrap main section#content article.grid5,
	div.wrap main section#content article.grid6,
	div.wrap main section#content article.grid7,
	div.wrap main section#content article.grid8,
	div.wrap main section#content article.grid9,
	div.wrap main section#content article.grid10,
	div.wrap main section#content article.grid11	
		{
		margin-top:0;
		padding-top:0;
		}
		
	div.wrap main section#content article:first-of-type
		{
		margin-top:0;
		padding-top:0;
		<!-- border-top:0; -->
		}	
		
	div.wrap main section#content article div.contact
		{
		border-right:1px solid #dddddd;
		height:100%;
		}
		
	div.wrap main section#content article div.contact:last-of-type
		{
		border-right:0;
		}
/*		
	li.gallery
		{
		border-radius:1.5rem;
		margin:0 0.4375rem 1.5rem 0;
		width:220px;
		}

	div.gallery_imgcontainer
		{
		<!-- width:200px; -->
		height:200px; 
		line-height:200px; 
		text-align:center;
		}
		
	img.gallery
		{
		max-height:100%;
		}
*/		
	div.employeephoto
		{
		width:auto;
		margin-right:2rem;
		}

	}