@charset "UTF-8";
/* CSS Document WIBcms */
/* Theme: ModernLight */
/* Geiger-Balkone */
/* zusammen mit basic.css */

/* --- Grundeinstellungen, Raster und Lage --- */
/* für die Zentrierung der gesamten Seite: */
div.body	{width:1100px; margin:6px auto; padding:1em; background-color:#f6f6f6; border-radius:9px; box-shadow:0px 0px 20px #666;}

/* für die Zentrierung der einzelnen Bereiche: */
div.inner	{max-width:1200px; margin:0px auto; padding-left:10px; padding-right:10px}	/* ; vertical-align:top */

/* Header */
header		{padding:6px 0; background-color:#f6f6f6;}
div.header	{font-family:'Times New Roman',Times,serif;}
header img	{height:30px;}
header span	{padding:0; margin:0;}
header span.tblau	{color:var(--blau)}
header span.trot	{color:var(--rot)}
div.left, div.right	{display:inline-block;}
header div.left		{width:47%; font-weight:bold; font-size:2.3em;}
header div.right	{text-align:right; width:52%; font-size:2em;}
header a:hover		{text-decoration:none;}
header #WLCount		{font-size:.5em; font-weight:normal;}

/* Breadcrumbs */
div.locator	{width:100%;}
div.bread	{text-align:right; padding:6px 0; margin-bottom:1em; font-size:.9em;}

/******************** Navigation ************************/
div.naviwrapper	{width:100%; display:block; z-index:4; border-bottom:0px solid var(--rot);}
nav			{line-height:1.5; margin:0px; background:#f6f6f6;}
div.nav		{padding-top:20px; padding-right:0px; min-height:70px; border-bottom:1px solid var(--rot);}

nav span,
nav a		{color:#000; text-decoration:none; display:inline-block; width:auto; padding:0 6px; border-right:1px solid #999;}
nav a:hover	{background-color:#05a; color:#f0f0f0; text-decoration:none;}

nav ul li:last-child span,
nav ul li:last-child a	{border-right:none; margin-right:0px;}

nav a.isSelected,
nav span	{background-color:#d6d6d6; color:#003;}

span.L1, a.L1	{font-size:1.1em;}
div.naviL2		{font-size:1.0em; margin-top:8px; margin-left:1em;}
/* div.naviL2::before	{content:'►';} */

/* ---- horizontal ---- */
footer ul,
nav ul		{display:inline-block; list-style:none; margin:0; padding:0;}
nav ul li	{display:inline-block; float:left; position:relative;}	/*  margin:0 10px 0 0; */


/* Inhalt / Content (der äußere contentwrapper umschließt auch nicht-main-Elemente, z.B. eine 2. Navigation) */
div.contentwrapper,
div.wrapper	{min-height:600px}
div.wrap	{min-height:600px; padding:10px}
main	{display:block}
div.content	{display:inline-block; float:left; width:1100px; min-height:700px; margin:0 0 12px 0; position:relative;}

div.content p	{width:760px; max-width:100%;}
img.titlepict	{float:right; padding:0 0 20px 20px;}

/* Sidebar / Infobox / Bildleiste */
aside,
.sidebar	{display:inline-block; width:300px; padding:0px}

.sitemap	{list-style:none;}

/* ---------- Footer ---------- */
footer {clear:both; width:100%; background:#333; color:#ccc; padding:10px 0px;}
footer div.footerwrapper,
footer div.footer {display:flex; flex-flow:row wrap; width:100%; margin:0 auto; max-width:1200px;}
footer div.section {flex:auto; line-height:1.5em; margin:.5em 1.5em .5em 0; padding:.5em;}
footer div.section a {color:#bbb;}
footer div.section a:hover {color:#fff;}
/* -------- Ende Footer -------- */


/* ----------------- Hamburger ---------------- */
input#hamburg	{margin-left:10px;}
label.hamburg	{margin-left:10px;}

/* --------------- Media Selection: ----------- */
@media only screen and (max-width:1000px) {
	html	{font-size: 0.9em;}
	div.content	{width:100%; min-height:10px}
	div.contentwrapper, div.wrap,
	div.wrapper	{min-height:10px}
}
@media only screen and (max-width: 679px) {
	label.hamburg { 
		display: inline-block; background: #555; width: 56px; height: 36px;
		position: relative; /* margin-left: auto; margin-right: auto; */
		border-radius: 3px; transition: border-radius .5s;
	}
	.naviwrapper nav {width:100%; max-height:0px; padding-bottom:0px; overflow:hidden; transition:1s}
	.naviwrapper nav span,
	.naviwrapper nav a	{display:block; width:95%; margin-bottom:4px}
	#hamburg:checked + .hamburg + nav {max-height: 800px;}
}


/* Cookie-Hinweise: */
#cookies   {border:1px solid yellow; background-color:#eee; color:black; text-align:center;}

/* Formulare */
fieldset	{border:1px solid var(--rot); border-radius:8px; margin:0px;}
label		{display:inline-block; width:180px;}
input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email]	{width:300px;}
textarea	{height:160px; width:500px;}
legend		{color:var(--blau);}
img.waiting	{width:32px; height:32px; border:none; margin:-16px 0 0 32px; visibility:hidden;}
input#Nickname	{display:none;}

.sidebar label	{display:inline;}
.sidebar input[type=text], .sidebar input[type=password]	{width:98%;}

/* Content */

/* --- Bilder --- */
/* --  Diashow  -- */
div#Galerie1	{position:relative; overflow:hidden; height:470px;}
/* --  manuelle Steuerung  -- */
div#Galerie1 a	{text-decoration:none; margin:0px 4px; font-size:20px; line-height:28px;}
div#Galerie1 a:hover, div#Galerie1 a:active	{color:black;}
div#Galerie1 a.normal	{color:#ccc; cursor:pointer;}
div#Galerie1 a.aktiv	{color:#000; cursor:default;}
/* --  Die Dias selbst -- */
img.Home		{position:relative; top:0px; left:0px; width:600px; height:450px; border-radius:50px; box-shadow:5px 5px 10px #000; opacity:1;}
img#Home1		{position:absolute; top:0px; left:0px; opacity:0;}

img.Galerie2	{height:120px;}
img.Lage		{cursor:pointer; width:184px; height:132px;}
img#L1,img#L2	{position:absolute; width:640px; height:460px; top:0px; left:-100px; display:none; cursor:pointer;
				 border-radius:10px; box-shadow:0px 0px 20px;}

.picbox img	{width:100px;}
img.voll	{width:336px; height:488px;}

/* Routenplaner */
.map	{width:400px; height:240px;}

/* --  Styles für die KissGallery -- */
.kissgallery_head {text-align:center;}
.kissgallery {width:100%; background:#ddd; text-align:center; border:none; margin:40px 0px;}
/* Seitenauswahl */
.pageselect {display:inline-block; width:70px; border:1px solid #333; margin:20px 1px 5px 1px; background:#e0e0e0; color:#003; text-decoration:none;}
a.pageselect {background-color:#f6f6f6;}
a.pageselect:hover	{background-color:#05a; color:#f0f0ff; text-decoration:none;}
span.pageselect	{}
/* thumbs (table) */
.kissgallery_thumbs {background:none; margin:0 auto;}
.kissgallery_thumb_td {background:none; border:0px solid #bbb; padding:14px 4px; text-align:center; vertical-align:top; font-size:12px;}
.kissgallery_thumb_td img {height:150px; padding:0; cursor:zoom-in;}
.kissgallery_thumb_td a img {border:4px solid #ddd;}
.kissgallery_thumb_td a:hover img {border-color:#fff;}
.kissgallery_thumb_td_empty {width:1px;}
.kissgallery_thumb_td input	{width:17px; height:17px;}
.desc1 {}
.desc2 {}
.desc3 {}
.desc4 {color:#246;}
/* Bildergruppierung */
.groupleft  {border:2px solid var(--rot); border-right:none; width:300px;}
.groupright {border:2px solid var(--rot); border-left:none; width:300px;}
/* dito zusammengeklebt */
.groupright_glued a:hover img,
.groupright_glued a img {margin:0 1em;}

.formWishlist	{padding:0px 0px 10px 0px;}
kissgallery div#antwort {}

p.kissgallery_legal {font-size:11px; padding:8px;}
p.kissgallery_clearlist {font-size:12px; padding:6px;}

#lbBottom input	{width:17px; height:17px;}

/* --- Die Buttons für hervorgehobene Hinweise --- */
div.nobutton{width:245px; height:85px; font-size:16px; line-height:22px; font-weight:normal; color:#764E3F; padding-top:100px;}
div.stern	{position:relative; margin:0px auto; padding-top:50px; width:187px; height:135px; color:white; font-size:20px; line-height:26px; text-align:center; vertical-align:middle; transform:rotate(-5deg);}
div.stern a {color:white;}

/* --- Default-Bilder: --- */
img.calmissing	{width:336px; height:254px; margin-top:200px;}

div.overlay	{z-index:100; position:absolute;}

/* --- Ende des Contents und Extra-Content --- */
div.contend	{clear:both; width:100%;}

/* --- DruckAnsicht --- */
body.print {max-width:18cm; padding:0 5mm; margin:2mm auto; height:25cm; border:1px solid red; background-color:white}
body.print div.inner, body.print aside,
body.print div.sidebar	{background-color:white}
body.print {color:black}
body.print .noprint, .helper {display:none;}
.printlegal {font-size:1em; color:#009;}

/* Bedienung */
.pointer	{cursor:pointer; text-decoration:none;}
.pointer:hover	{background-color:#ccc; text-decoration:none;}

/* ---  Uploads  --- */
#dropzone	{min-height:50px; font-size:.8em; padding:4px; border:1px solid blue;}
#previews	{min-height:158px;}
#filelist	{min-height:50px;}
#progress	{display:none;}

.vorschau	{height:150px; max-width:200px; border:1px solid #000; margin:4px 4px;}
div.vorschau,
p.vorschau	{font-size:.7em; display:inline-block; overflow:hidden;}
div.vorschau2	{display:inline-block; max-width:208px; overflow:hidden;}
div.vorschau2 textarea	{width:200px;}

/* --- Slider (Startseite) --- */
.slider	{background-color:#fff; margin:1rem 0; padding:0; position:relative;}	/*	overflow: hidden;	*/
.slides-container	{height:360px; width:100%; display:flex; list-style:none; margin:0; padding:0; overflow:hidden; scroll-behavior:smooth;}
.slide	{width:100%; height:100%; margin:10px;}	/*	flex: 1 0 100%;	*/
.slide-arrow {position:absolute; display:flex; top:0; bottom:0; margin:auto; width:4rem; height:4rem;
		background-color:#ccc; border:none; border-radius:50%; font-size:3rem; padding:0; cursor:pointer; opacity:0.5; transition:opacity 100ms;}
.slide-arrow:hover	{opacity:.8;}
#slide-arrow-prev	{left: 0; padding-left:1.3rem; margin-left: -2rem;}	/*  border-radius: 0 2rem 2rem 0;	*/
#slide-arrow-next	{right:0; padding-left:1.5rem; margin-right:-2rem;}	/*  border-radius: 2rem 0 0 2rem;	*/