:root{
  /* Roboto Condensed – aus vorherigem Switchboard */
  
  /* Theme-Farben laut neuem Style */
  --col-text:  #2b7823; /* Text */
  --col-menu:  #eba502; /* Akzent/Heading */
  --col-menu-hover: #8e6f24;
  
  --body-bg: #f3fdef;
}

body,
.block_text,
.block_feature,
.block_contact
{
	background: var(--body-bg);
}

p, li, h1, h2
{
	color: var(--col-text);
}

a:link, a:visited
{
	text-decoration: underline;
	color:  var(--col-text);
}

a:hover, a:active, a:focus
{
	text-decoration: none;
	color:  var(--col-text);
	outline: none;
}

#logo
{
	background: url('../images/logo_wurmbergbaude.png') 50% 0px no-repeat;
	background-size: 240px;
	position: relative;
	height: 80px;
	top: 8px;
}

.link_logo:link
{
	display: none;
}

@media screen and (min-width : 1024px) {
	#logo
	{
		position: relative;
		background: url('../images/logo_wurmbergbaude.png') 0px 0px no-repeat;
		background-size: 350px;
		width: 350px;
		height: 100px;
		top: 20px;
		left: calc(50% - 175px);
		z-index: 5;
	}
}

@media screen and (min-width : 1024px) {
	.link_logo:link
	{
		display: block;
		width: 350px;
		height: 100px;
	}
}

#list_menu
{
	display: none;
}

@media screen and (min-width : 1024px) {
	#list_menu
	{
		display: block;
		height: 30px;
		top: 0px;
		right: 0px;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
		z-index: 2;
		text-align: center;
	}
}

	#list_menu a
	{
		display: block;
		position: relative;
		font-family: 'Roboto_Condensed_Regular', Arial, sans-serif;
		font-size: 0.875em;
		font-style: normal;
		font-size: 1.4em;
		text-decoration: none;
		color: var(--col-menu);
		text-transform: none;
		padding: 22px 15px 16px 15px;
	}
	
	@media screen and (min-width : 1500px) {
		#list_menu a
		{
			padding: 2px 30px 16px 30px;
		}
	}
	
	#list_menu > li > a:hover
	
	{
		color: var(--col-menu-hover);
		font-family: 'Roboto_Condensed_Regular', Arial, sans-serif;
		
	}
	
	#list_menu > li.menu_active,
	#list_menu > li.menu_active > a:link
	{
		border-bottom: 0px solid transparent;
		color: var(--col-menu);
		font-family: 'Roboto_Condensed_Bold', Arial, sans-serif;
		
	}
	
	#list_menu > li.menu_active > a:hover
	{
		border-bottom: 0px solid transparent;
		color: var(--col-menu-hover);
	}
		
			#list_menu > li > ul > li > a:hover
			{
				color: var(--col-menu-hover);
				font-family: 'Roboto_Condensed_Bold', Arial, sans-serif;
				/* border-bottom: 6px solid #dedc00; */
			}
			
.item_contextmenu
{
	float: right;
	font-family: 'Roboto_Condensed_Bold', Arial, sans-serif;
	font-size: 1.25em;
	margin: 0px 0px 0px 40px;
	color: #979797;
	cursor: pointer;
}

.item_contextmenu:hover
{
	color: white;
}

	.item_contextmenu > a:link,
	.item_contextmenu > a:visited
	{
		font-family: 'Roboto_Condensed_Bold', Arial, sans-serif;
		font-size: 1em;
		text-decoration: none;
		color: var(--col-menu);
	}
	
	.item_contextmenu > a:hover,
	.item_contextmenu > a:active,
	.item_contextmenu > a:focus
	{
		color: var(--col-menu-hover);
	}

	.list_context_submenu
	{
		display: none;
		position: relative;
		background: rgba(255,255,255,0.8);
		padding: 5px 15px 5px 15px;
		border-radius: 10px;
		position: 20;
	}
	
		.item_context_submenu
		{
			padding: 5px 0px 5px 0px;
		}


		
.list_feature
{
	display: block;
	position: relative;
	background: rgba(255,255,255,0.8);
	width: 100%;
	top: 0px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	z-index: 2;
}

@media screen and (min-width : 1024px) {
	.list_feature
	{
		top: -130px;
		margin: 0px 0px -130px 0px;
	}
}

.item_feature,
.item_team
{
	clear: both;
	position: relative;
	width: 100%;
	padding: 0px 20px 0px 20px;
}

@media screen and (min-width : 1024px) {
	.item_feature
	{
		clear: none;
		width: 33.3333333333%;
		float: left;
		padding: 0px 40px 0px 40px;
		border-bottom: 10px solid var(--col-menu);
	}
	
	.item_team
	{
		clear: none;
		width: 25%;
		float: left;
		padding: 0px 40px 0px 40px;
		text-align: center;
	}
}

.wysiwyg_button:link,
.wysiwyg_button:visited,
.wysiwyg_button:hover,
.wysiwyg_button:active,
.wysiwyg_button:focus
{
	position: relative;
	display: inline-block;
	background: var(--col-menu);
	padding: 12px 12px 12px 12px;
	margin: 0px 15px 0px 0px;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto_Condensed_Regular', Arial, sans-serif;
	font-size: 1em;
	border-radius: 5px;
	outline: none;
}

.wysiwyg_button:hover,
.wysiwyg_button:active,
.wysiwyg_button:focus
{
	background: var(--col-menu-hover);
}
/*******************************************************************
	MENÜ-FIX: Position behalten, aber kein internes Scrollen
*******************************************************************/

@media screen and (min-width : 1024px) {

	/* Hauptmenü: Template-Position beibehalten */
	#container_menu
	{
		position: absolute;
		width: 100%;
		height: 60px;
		top: 155px;
		z-index: 6;
		overflow: visible !important;
		overflow-y: visible !important;
	}

	#wrap_menu
	{
		position: absolute;
		width: 90%;
		max-width: 90%;
		left: 5%;
		bottom: 15px;
		overflow: visible !important;
		overflow-y: visible !important;
	}

	#list_menu
	{
		display: block;
		height: 60px;
		overflow: visible !important;
		overflow-y: visible !important;
		white-space: nowrap;
	}

	#list_menu li
	{
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	#list_menu a
	{
		white-space: nowrap;
	}

	/* Kontextmenü: Position ebenfalls beibehalten */
	#container_contextmenu
	{
		display: block;
		position: absolute;
		top: 40px;
		right: 5%;
		width: 35%;
		height: 35px;
		overflow: visible !important;
		overflow-y: visible !important;
	}

	.list_contextmenu
	{
		white-space: nowrap;
		overflow: visible !important;
		overflow-y: visible !important;
	}

	.list_contextmenu li
	{
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.list_contextmenu a
	{
		white-space: nowrap;
	}
}


@media screen and (min-width : 1300px) {

	#wrap_menu
	{
		bottom: 0px;
	}

	#container_contextmenu
	{
		right: 10%;
		width: 33%;
	}
}


@media screen and (min-width : 1800px) {

	#container_contextmenu
	{
		right: 20%;
		width: 25%;
	}
}

/*******************************************************************
	GALLERY-FIX: Hintergrund, Breite, quadratische Bilder, Hover
*******************************************************************/

.block_gallery
{
	background: var(--body-bg) !important;
	padding: 1px 0px 1px 0px;
}

.block_gallery .list_gallery
{
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: auto auto;
	padding: 30px 20px 30px 20px;
	overflow: hidden;
}

@media screen and (min-width : 1024px) {
	.block_gallery .list_gallery
	{
		max-width: 90%;
		padding: 50px 0px 50px 0px;
	}
}

@media screen and (min-width : 1300px) {
	.block_gallery .list_gallery
	{
		max-width: 80%;
	}
}

@media screen and (min-width : 1800px) {
	.block_gallery .list_gallery
	{
		max-width: 60%;
	}
}


/* Galerie-Kacheln */
.block_gallery .item_gallery
{
	width: 100%;
	float: left;
	margin: 0px 0px 22px 0px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0px 8px 22px rgba(0,0,0,0.16);
	background: white;
}

@media screen and (min-width : 768px) {
	.block_gallery .item_gallery
	{
		width: calc(50% - 12px);
		margin: 0px 24px 24px 0px;
	}
	
	.block_gallery .item_gallery:nth-child(2n)
	{
		margin-right: 0px;
	}
}

@media screen and (min-width : 1024px) {
	.block_gallery .item_gallery
	{
		width: calc(33.3333333333% - 16px);
		margin: 0px 24px 24px 0px;
	}
	
	.block_gallery .item_gallery:nth-child(2n)
	{
		margin-right: 24px;
	}
	
	.block_gallery .item_gallery:nth-child(3n)
	{
		margin-right: 0px;
	}
}


/* Link als quadratischer Bildrahmen */
.block_gallery .item_gallery > a
{
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 16px;
}


/* Vorschaubilder quadratisch croppen */
.block_gallery .gallery_thumbnail
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 16px;
	transition: transform 0.35s ease;
}


/* Hover: Bild leicht reinzoomen */
.block_gallery .item_gallery:hover .gallery_thumbnail
{
	transform: scale(1.07);
}

/*******************************************************************
	KONTEXTMENÜ: ursprüngliche Reihenfolge wiederherstellen
*******************************************************************/

@media screen and (min-width : 1024px) {

	.list_contextmenu
	{
		white-space: nowrap;
		overflow: visible !important;
		overflow-y: visible !important;
	}

	.item_contextmenu
	{
		float: right !important;
		display: block;
		margin: 0px 0px 0px 40px;
	}
}