@font-face{
  font-family:'Rokkitt';
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('/fonts/Rokkitt/Rokkitt-VariableFont_wght.woff2') format('woff2'),
      url('/fonts/Rokkitt/Rokkitt-Regular.woff') format('woff'),
      url('/fonts/Rokkitt/Rokkitt-VariableFont_wght.ttf') format('truetype');
}
/* css/ai_css.css – Hybrid-Import aus prostyle.css (2026-10-16 10:00), Admin/Impressum weggelassen, Hintergründe → upload_ftp, Bootstrap-Schrift */
/* Bootstrap: Website-Schrift = OpenSans-Regular (nicht system-ui) */
:root{
  --bs-body-font-family:'OpenSans-Regular',Verdana,Arial,Helvetica,sans-serif;
  --bs-font-sans-serif:'OpenSans-Regular',Verdana,Arial,Helvetica,sans-serif;
}
html,body{
  font-family:'OpenSans-Regular',Verdana,Arial,Helvetica,sans-serif;
}
body{font-size:18px;}
div#footer{font-family:'OpenSans-Regular',Verdana,Arial,Helvetica,sans-serif;}

@font-face {
	 font-family: 'OpenSans-Regular';
	 font-weight: 400;
	 font-style: normal;
	 src: 
	  url('/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	  url('/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), 
	  url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
	}
	@font-face {
	 font-family: 'OpenSans-Italic';
	 font-weight: 400;
	 font-style: italic;
	 src: 
	  url('/fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
	  url('/fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'), 
	  url('/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
	}
	@font-face {
	 font-family: 'OpenSans-Bold';
	 font-weight: 700;
	 font-style: normal;
	 src: 
	  url('/fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	  url('/fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), 
	  url('/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
	}
	.link {font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11;
	font-weight: normal;
	text-decoration: none;}
.blocksatz {text-align:justify;
margin-left:.15cm;
margin-right:.15cm;
line-height:.5cm;}
.Normal {font-size: 12px; font-weight: normal; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; line-height:16px;}
.TABELLE {cellspacing: 0px; cellpadding: 0px; width: 100%;}
.Album_Fettschrift {font-size: 16px; font-weight:bold; font-family: Trebuchet MS;Arial,Helvetica; color: #000000;}
.Album_Text {font-size: 11px; font-weight:100; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000;}
.Album_Bildnummer {font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;}
.navbar a {color:#222222;}
.logo {width: 180px;}
.rokkitt {font-family: Rokkitt, arial, serif;}
html {}
h1 {font-size: 28px;}
h2 {font-size: 22px;}
div#Bildbox { 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: justify;
}
body { 
	font-family:'OpenSans-Regular', arial, serif;
	font-size: 18px;
	color: #222222;
	background-image:url(/pics/upload_ftp/backgr_51_1.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left;
filter:brightness(99%);
	background-size: 85%;}
div#cookiehinweis { 
	position: fixed;
	bottom: 20px;
	display: block;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #DDDDDD;
}
div#Fotoalbum_Bild { 
	top: 0px;
	left: 0px;
	width: 170px;
	height: 135px;
	display: block;
	
	background-repeat: no-repeat;
	background-position: top;
	border: 0px ;
	padding-top: 15px;
}
div#Fotoalbum_Bildbox { 
	position: relative;
	width: 173px;
	height: 168px;
	top:0px; left:0px; width:100%;}
div#Fotoalbum_Bilderblock { 
	position: relative;
	top: 100px;
	left: 125px;
	width: 465px;
	display: block;
}
div#Fotoalbum_Bilder_weiter { 
	position: absolute;
	top: 100px;
	right: 146px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	z-index: 21;
}
div#Fotoalbum_Bilder_zurueck { 
	position: absolute;
	top: 100px;
	left: 148px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	z-index: 22;
}
div#Fotoalbum_Bildtext { 
	position: relative;
	top: 0px;
	width: 100%;
	height: 40px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	z-index: 22;
	letter-spacing: 0.00;
	border: 0px 	solid ;
}
div#Fotoalbum_Blättern_Beschreibung { 
	position: absolute;
	top: 50px;
	left: 245px;
	width: 320px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Fotoalbum_Blättern_Bild { 
	position: absolute;
	top: 120px;
	left: 150px;
	display: block;
	
	background-repeat: no-repeat;
	border: 0px 	solid ;
}
div#Fotoalbum_Blättern_Bildtext { 
	position: absolute;
	top: 540px;
	left: 150px;
	width: 500px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.00px;
	border: 0px 	solid ;
}
div#Fotoalbum_Blättern_Name { 
	position: absolute;
	top: 20px;
	left: 20px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Fotoalbum_Blättern_Titel { 
	position: absolute;
	top: 0px;
	left: 245px;
	width: 320px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border: 0px 	dotted 	silver;
}
div#Fotoalbum_Blättern_weiter { 
	position: absolute;
	top: 170px;
	left: 651px;
}
div#Fotoalbum_Blättern_zurück { 
	position: absolute;
	top: 170px;
	left: 108px;
}
div#Fotoalbum_Indexbildbox { 
	position: relative;
	height: 224px;
	border: 1pxsopx ;
	top:0px; left:0px; width:100%;}
div#Fotoalbum_Indexblock { 
	position: relative;
	top: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	display: block;
	font-size: 8px;
}
div#Fotoalbum_Indexliste { 
	position: relative;
	top: 250px;
	left: 10px;
	text-align: left;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Fotoalbum_Index_Headline { 
	position: absolute;
	height: 36px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
div#Fotoalbum_Index_Pics { 
	position: absolute;
	top: 20px;
	letter-spacing: 0.00px;
	border: 1px 	solid ;
}
div#Fotoalbum_Index_Subtext { 
	position: absolute;
	top: 155px;
	width: 143px;
	height: 38px;
	text-align: center;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Fotoalbum_Slideshow_Beschreibung { 
	position: absolute;
	top: 50
px;
	left: 245
px;
	right: 
;
	bottom: 
;
	width: 320
px;
	height: 0
px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12
px;
	text-align: center;
	z-index: 0
;
	letter-spacing: 0.00
px;
	border: 0
px ;
	padding-top: 0
px;
	padding-right: 0
px;
	padding-bottom: 0
px;
	padding-left: 0
px;
}
div#Fotoalbum_Slideshow_Bild { 
	position: relative;
	top: 0
px;
	left: 0
px;
	right: 
;
	bottom: 
;
	width: 
;
	height: 
px;
	display: block;
	font-size: 0
px;
	z-index: 
;
	
	background-repeat: no-repeat;
	letter-spacing: 
;
	border: 0
px 	solid ;
	padding-top: 
px;
	padding-right: 
px;
	padding-bottom: 
px;
	padding-left: 
px;
}
div#Fotoalbum_Slideshow_Titel { 
	position: absolute;
	top: -15
px;
	left: 245
px;
	right: 
;
	bottom: 
;
	width: 320
px;
	height: 
px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14
px;
	text-align: center;
	z-index: 
;
	letter-spacing: 
px;
	border: 0
px 	dotted 	silver;
	padding-top: 
px;
	padding-right: 
px;
	padding-bottom: 
px;
	padding-left: 
px;
}
div#Fotoalbum_Titel { 
	position: absolute;
	top: -15px;
	left: 245px;
	width: 320px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border: 0px 	dotted 	silver;
}
div#Header { 
	position: relative;
	top: 0px;
	left: 0px;
}
div#Inhalt { 
	position: relative;
}
@media screen and (max-width: 480px){div#Inhalt { 
	padding-left: 5px; padding-right: 5px;

  }}div#Kopf { 
	position: relative;
	left: 0px;
	background-image:url(/pics/upload_ftp/backgr_3_1.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 30px;
	padding-top: 60px;
	background-size: 80%;}
div#LogIn { 
	position: absolute;
	top: 150px;
	left: 200px;
	width: 550px;
	height: 300px;
	z-index: 15;
	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 240px 120px;
	border: 0px ;
}
div#Menu { 
	position: absolute;
	top: 101px;
	left: 0px;
	right: 2px;
	width: 108px;
	height: 709px;
}
div#myCarousel1.carousel.slide div.carousel-inner img { 
	width: 100%;
	display: block;
}
div#Newsletter-Bild1 { 
	position: relative;
	top: 10px;
	left: 10px;
	width: 580px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletter-Boden { 
	position: relative;
	left: 10px;
	height: 40px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletter-Kopfbild { 
	position: absolute;
	top: 0px;
	left: 0px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletter-Subject { 
	position: relative;
	top: 20px;
	left: 10px;
	width: 580px;
	font-size: 13px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletter-Text { 
	position: relative;
	top: 0px;
	left: 10px;
	width: 580px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletterausgabe { 
	position: absolute;
	top: 100px;
	left: 0px;
	width: 600px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0.00px;
	border: 0px 	solid ;
	background-color: #ffffff;
}
div#Newsletterbox { 
	position: relative;
	top: 0px;
	left: 20px;
	right: 0px;
	width: 200px;
	height: 120px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 1px 	solid 	silver;
	background-color: #F2F2F2;
}
div#Newsletterbox { 
	position: absolute;
	top: 50px;
	left: 250px;
	right: 0px;
	width: 300px;
	height: 120px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 1px 	solid ;
	background-color: #eeeeee;
}
div#Newsletterbox_anabmelden { 
	position: relative;
	top: 13px;
	text-align: center;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletterbox_button { 
	position: relative;
	top: 40px;
	text-align: center;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletterbox_input { 
	position: relative;
	top: 5px;
	left: 7px;
	width: 270px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletterbox_kat { 
	position: relative;
	top: 30px;
	left: -1px;
	width: 292px;
	letter-spacing: 0.00px;
	border: 0px 	solid ;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #eeeeee;
}
div#Newsletterbox_kat_checkbox { 
	position: relative;
	top: 8px;
	left: 20px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsletterbox_text { 
	position: relative;
	top: 7px;
	left: 7px;
	letter-spacing: 0.00px;
	border: 0px ;
}
div#Newsticker { 
	top: 0px;
	left: 0px;
	width: 420px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 14px;
	font-stretch:wider;
}
div#page { 
	position: relative;
	display: block;
	border: 0px ;
	-webkit-box-shadow: 0px 0px 10px ;
	-moz-box-shadow: 0px 0px 10px ;
	-o-box-shadow: 0px 0px 10px ;
	box-shadow: 0px 0px 10px ;
}
div#Suche { 
	left: 10px;
	width: 850px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	display: block;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
	letter-spacing: 0.00px;
	border: 0px ;
	padding-left: 10px;
}

/* CMS-LEGACY-MENU-PRESERVE */
header .navbar,
header .navbar .container-fluid,
header .navbar-collapse,
.navbar.fixed-top,
.navbar.fixed-top .container-fluid,
.navbar-collapse,
.headcol,
.css_menu,
#css_menu {
  overflow: visible !important;
  overflow-x: visible !important;
  flex-wrap: wrap !important;
}
header .navbar-nav,
.navbar-expand-lg .navbar-nav,
.navbar-nav.w-100,
.navbar-nav.ms-auto.w-100 {
  width: auto !important;
  max-width: 100%;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
header .navbar-nav .nav-item,
header .navbar-nav .nav-link,
.headcol a,
.css_menu a,
#css_menu a {
  flex: 0 0 auto !important;
  min-width: max-content;
  overflow: visible !important;
  text-overflow: clip;
  white-space: nowrap;
}
td.headcol, table.headcol, #kopf, #kopfzeile {
  overflow: visible !important;
  max-width: none !important;
}