@charset "utf-8";
/*
 Theme Name:   Meyweb
 Theme URI:    
 Description:  Twenty Thwenty Three Child Theme
 Author:       Jan Meyer
 Author URI:   http://example.com
 Template:     twentytwentythree
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  meyweb
*/

/* font awesome */
@font-face {
  font-family: 'icomoon';
  src:  url('/wpsyst/wp-includes/fonts/icomoon.eot?gfmyr1');
  src:  url('/wpsyst/wp-includes/fonts/icomoon.eot?gfmyr1#iefix') format('embedded-opentype'),
    url('/wpsyst/wp-includes/fonts/icomoon.ttf?gfmyr1') format('truetype'),
    url('/wpsyst/wp-includes/fonts/icomoon.woff?gfmyr1') format('woff'),
    url('/wpsyst/wp-includes/fonts/icomoon.svg?gfmyr1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fa-icon-"], [class*=" fa-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-icon-location:before {
  content: "\e947";
}
.fa-icon-clock:before {
  content: "\e94e";
}
.fa-icon-calendar:before {
  content: "\e953";
}
.fa-icon-list:before {
  content: "\e9ba";
}
.fa-icon-stop2:before {
  content: "\ea1e";
}
.fa-icon-table2:before {
  content: "\ea71";
}

/* generell */
.kopfbereich {
/*	height:250px;
	background-image:url('/images/headers/kopf1.jpg');
	background-size:cover;*/
	background-color:rgb(9, 111, 159);
	max-width:1000px;
	align-items: flex-start;
	padding-bottom:0px !important;
}

.wp-block-site-title
{
	font-size: 1.5em !important;
}
.wp-block-site-title a {
	color:rgb(215, 231, 255);
}

.wp-block-post-featured-image
{
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.wp-block-post-featured-image__overlay
{
	display:none;
}

.titelbild
{
	margin-block-start:0;
}
.wp-block-navigation ul {
	background-color:#D7E7FF !important;
}
.wp-block-navigation-item  {
  border-right: solid 1px #096F9F !important;
	padding:5px !important;
}
.wp-block-page-list.wp-block-navigation-item  a:hover {
  background-color:#096F9F !important;
}

.hauptbilder {
	gap:0 !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
backdrop-filter: none;
}

main {
	margin-top:0 !important;
}

footer {
	margin-block-start: 0;
}

/* einblenden der beschreibungen auf der hauptseite */

.dyntitel	figcaption {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	opacity: .8 !important;
	margin-bottom: -140px !important;
	-webkit-transition: margin-bottom !important;
		transition-property: margin-bottom !important;
		transition-duration: 0s !important;
		transition-timing-function: ease !important;
	-webkit-transition-duration: 400ms !important;
	-webkit-transition-timing-function: ease-out !important;
	-moz-transition-property: margin-bottom !important;
	-moz-transition-duration: 400ms !important;
	-moz-transition-timing-function: ease-out !important;
	-o-transition-property: margin-bottom !important;
	-o-transition-duration: 400ms !important;
	background:#111 !important;
	width: 100% !important;
}
.dyntitel:hover figcaption {
	margin-bottom:0px  !important;
}
.wp-block-gallery {
	overflow:hidden;
}

.wp-block-image figcaption
{
	color:#004d79;
	font-style: italic;
}




footer a {
	color: #e3ffe4;
}

.block_vorschau {
	display: flow-root;
}


.fuss {
	font-size: var(--wp--preset--font-size--small);
background:	#096F9F;
color:#FFF;
padding:5px;
}

.bilderliste_container {
	display:flex;
	flex-wrap:wrap;
  column-gap: 2%;
	row-gap:25px;
}
.bilderliste_block {
	flex: 0 0 48%;
	margin-block-start: 0 !important;
}
.bilderliste_block img{
	width:100%;
}
.bilderliste_block h4{
	margin: 5px 0;
}
.bilderliste_block p{
	margin-block-start:0.5em;
}

.wp-block-file {
  font-size: inherit !important;
}
.wp-element-button {
  border-radius: 5px !important;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
  text-decoration: underline !important;
}

h2 {
	margin-block-start: 3rem;
}


.artikelliste .wp-block-media-text 
{
	grid-template-columns: 150px auto !important;
}

/* galerie anpassen */
.lightbox-image-container {
	overflow:visible !important;
}

.wp-lightbox-overlay .wp-block-image img {
	width:unset;
}

/* responsive menü */
.wp-block-navigation__responsive-dialog
{
	padding-left: 1em;
	font-size: 1.1rem;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #e3ffe4;
}





/************** media *****/

@media (min-width: 300px) {
	.columns6 .wp-block-image {
		width: calc(33% - var(--wp--style--unstable-gallery-gap, 16px)*0.6) !important;
	}
}
@media (min-width: 600px)
{
	.wp-block-navigation__responsive-dialog
	{
		padding-left: 0;
	}
	.columns6 .wp-block-image {
		width: calc(16% - var(--wp--style--unstable-gallery-gap, 16px)*1.2) !important;
	}
	.wp-block-media-text__content {
		padding:0 8% !important;
	}
}

@media (min-width: 770px)
{
	.bilderliste_block {
		flex: 0 0 31%;
		margin-block-start: 0 !important;
  }
	/*
	.titelbild {
		min-height: 330px !important;
    max-height: 330px !important;
	}*/
	.titelbild h1 {
		font-size: clamp(1.743rem, 1.743rem + ((1vw - 0.2rem) * 2.285), 3rem);
	}
}