* { margin: 0; padding: 0 }
html { 
font-size: 10px;
--main-offsetSidebar: 400px	
}

/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v20-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/poppins-v20-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-200italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/poppins-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-700italic.svg#Poppins') format('svg'); /* Legacy iOS */
}


.litepicker { font-size: 1.4rem }

/* #header { position: fixed; top: 0; left: 0; width: 100%; height: 100px } */
.logged-in.admin-bar #header { top: 32px }

#page {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
}

#main { padding: 100px 0 0 0; }

html { background: #0110aa }

#sidebar { position: fixed; top: 0; left: 0; width: var(--main-offsetSidebar); height: 100%; 
	background: #0023d3; z-index: 9999;
	-webkit-box-shadow: 0 0 50px 0.2px rgba(0,0,0,0.3);
	box-shadow: 0 0 50px 0.2px rgba(0,0,0,0.3); }
	
#sidebarlogo { margin: 60px 60px; width: calc(100% - 120px) }
#sidebarlogo img { max-width: 100%; height: auto }

#main { padding: 0 0 0 var(--main-offsetSidebar); }

#mainbackground { 
background: url("../img/lehmannliedermacher.png") top center; 
background-size: cover; width: calc(100% - var(--main-offsetSidebar)); 
position: absolute; left: var(--main-offsetSidebar); height: 100%; top: 0;
opacity: .7
}

#sidebarpattern { position: absolute; top: 0; width: 100%; height: 100%; background: url("../img/lmlmpattern.png"); background-size: cover; opacity: .05; pointer-events: none }

#sidebarlogo { position: relative; z-index: 1000 }

#menu-header-menu { padding: 0 60px; font-family: 'Poppins';
	font-style: normal;
	font-weight: 700; }
	
	a {
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	
	#sidebar #menu-header-menu a { color: #fff; opacity: .6; font-size: 1.6rem; text-transform: uppercase; text-decoration: none; }
	#sidebar #menu-header-menu a:hover, #sidebar  #menu-header-menu li.current_page_item a,
.post-type-archive-termine #sidebar #menu-header-menu li#menu-item-134 a { color: #ffff33; opacity: 1 }
	#sidebar #menu-header-menu li { margin: 0 0 20px 0; list-style-type: none; }
	
	.main__inner { padding: 100px 100px }
	
	#main { position: relative; z-index: 2000 }
	#main h1 { color: #ffff33; font-size: 3rem; margin: 0 0 40px 0; line-height: 1.3em }
	
	#main p { color: #fff; font-size: 1.35rem; line-height: 1.7em; margin: 0 0 10px 0 }
	
	.wpforms-field-container .wpforms-field-label,
	.wpforms-field-sublabel.after  { color: #fff; }
	
	div.wpforms-container-full .wpforms-form .wpforms-required-label { color: #ffff33; font-weight: 400 !important }
	.wpforms-field-description { color: #fff;}
	
	div.wpforms-container-full .wpforms-form .wpforms-field-label { font-weight: 400 !important  }
	
	#mc_embed_signup { padding: 40px 0 ; width: 100%; }
	#mc-embedded-subscribe-form { padding: 0 40px }
	
	button.wpforms-submit { font-size: 1.6rem !important; color: #0110aa !important; background: #ffff33  !important; border: 0 !important; font-weight: 700 !important  }
	button.wpforms-submit:hover { background: #fff !important } 
	
	.wp-block-spacer.spacer50 { height: 50px !important }
	
	div.wpforms-container-full .wpforms-form label.wpforms-error { color: #ffff33 !important }
	
	.wpforms-field-label-inline { color: #fff }
	
	div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
		border: 0 !important;
	}
	
	#mc_embed_signup { width: 100% !important }
	
	.instagram__container { position: fixed; bottom: 30px; left: 30px; z-index: 20000 }
	.instagram__container ul li { display: inline-block; margin: 0 20px 0 0}
	.instagram__container ul li:first-child a { width: 40px; height: 40px; background: url("../img/ig.png"); text-indent: -99999px; display: block; background-size: 40px 40px; background-repeat: no-repeat }
	.instagram__container ul li:last-child a { width: 40px; height: 40px; background: url("../img/spotify.png"); text-indent: -99999px; display: block; background-size: 40px 40px; background-repeat: no-repeat }
	
	#sidebarlogo a { display: block }
	#sidebarlogo a:hover { -moz-transform: scale(1.1) rotate(-5deg) translateX(2px) translateY(2px);
		-webkit-transform: scale(1.1) rotate(-5deg) translateX(2px) translateY(2px);
		-o-transform: scale(1.1) rotate(-5deg) translateX(2px) translateY(2px);
		-ms-transform: scale(1.1) rotate(-5deg) translateX(2px) translateY(2px);
		transform: scale(1.1) rotate(-5deg) translateX(2px) translateY(2px); }
	
	#footer { padding: 0 100px; text-align: right; }
	
	#footer a { color: #fff; text-decoration: none; }
	#footer li { display: inline-block; margin: 0 0 0 20px }
	
	#footer ul { list-style-type: none; }
	
	@media screen and  (max-width: 1200px) {
		html { 
			--main-offsetSidebar: 300px	
		}
		
		#sidebarlogo {
		  margin: 40px 40px;
		  width: calc(100% - 80px);
		}
		
		#menu-header-menu {
			padding: 0 40px
		}
		
		.main__inner {
		  padding: 75px 50px 20px;
		}
		
		#footer { padding: 0 50px; }
	}
	
	
	#mainmenucontroller { position: fixed; bottom: 40px; right: 40px; display: block; background:#ffff33; width: 60px; height: 60px; right: -200px; -webkit-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px; z-index: 999999; -webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;-webkit-box-shadow: 5px 5px 40px 0 rgba(0,0,0,0.4);
		box-shadow: 5px 5px 40px 0 rgba(0,0,0,0.4);  }
		
		#mainmenucontroller a { display: block; width: 60px; height: 60px; position: relative }
		
		#mainmenucontroller a span { pointer-events: none; -webkit-transition: all 400ms ease-in-out;
			-moz-transition: all 400ms ease-in-out;
			-ms-transition: all 400ms ease-in-out;
			-o-transition: all 400ms ease-in-out;
			transition: all 400ms ease-in-out; }
		#mainmenucontroller a span:nth-child(1) { 
			background: url("../img/lmlm.svg"); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; -webkit-border-radius: 30px 30px 30px 30px;
			border-radius: 30px 30px 30px 30px; background-size: 40px 40px; background-position: center center; background-repeat: no-repeat; opacity: .2;
		}
			
			#mainmenucontroller a span:nth-child(2) ,
			#mainmenucontroller a span:nth-child(3) ,
			#mainmenucontroller a span:nth-child(4) {
				width: 30px; height: 2px; left: 15px; top: 20px; background: #0110aa; position: absolute; display: inline-block
			}
			
			#mainmenucontroller a span:nth-child(3) { top: 28px; }
			#mainmenucontroller a span:nth-child(4) { top: 36px; }
			
			#mainmenucontroller:hover { background: #ffff33 }
			#mainmenucontroller a:hover span { background: #0110aa }
	
			.menu__open #mainmenucontroller a span:nth-child(3) { width: 0 }
			.menu__open #mainmenucontroller a span:nth-child(2) {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 27px;
			}
			.menu__open #mainmenucontroller a span:nth-child(4) {
				-moz-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
				top: 27px;
			}
			
	
	@media screen and  (max-width: 850px) {
		#sidebar { 
			top: 0; left: 0; width: 100%; height: 100px;
		}
		
		#mainmenucontroller { right: 40px }
		
		#sidebarlogo { height: 100px; width: 200px; margin: 0 }
		#sidebarlogo img { height: 60px; width: auto}
		#sidebarlogo a { margin: 20px 0 0 30px; }
		
		#main { padding: 0 }
		#mainbackground { width: 100%; left: 0; background-size: contain; background-position: top center; background-repeat: no-repeat}
		
		.main__inner {
		  padding: 145px 40px 20px;
		}
		
		#footer { text-align: left; padding: 0 40px 200px  }
		#footer li { margin: 0 20px 0 0 }
		
		#sidebarlogo a:hover { 
			-moz-transform: scale(1.1) rotate(-3deg) translateX(0px) translateY(0px);
			-webkit-transform: scale(1.1) rotate(-3deg) translateX(0px) translateY(0px);
			-o-transform: scale(1.1) rotate(-3deg) translateX(0px) translateY(0px);
			-ms-transform: scale(1.1) rotate(-3deg) translateX(0px) translateY(0px);
			transform: scale(1.1) rotate(-3deg) translateX(0px) translateY(0px);
		}
		
		#mainbackground { top: 90px }
		#main h1 { font-size: 2rem }
		#main p {
			font-size: 1.25rem;
			line-height: 1.75em;
		}
		
		.wp-block-spacer.spacer50 { height: 30px !important }
		
		#mainMenu { position: fixed; top: 100px; width: 100%; background: rgba(0, 26, 155, 0.9); height: calc(100% - 100px); backdrop-filter: blur(3px); top: 100%; -webkit-transition: all 350ms ease-in-out;
			-moz-transition: all 350ms ease-in-out;
			-ms-transition: all 350ms ease-in-out;
			-o-transition: all 350ms ease-in-out;
			transition: all 350ms ease-in-out; overflow: scroll !important }
		.footer-menu-class { padding: 50px 0 0 0;  }
		.instagram__container { bottom: auto; left: auto; top: 30px; right: 30px; }
		
		body.menu__open { overflow: hidden; position: relative  }
		body.menu__open #mainMenu { top: 100px; overflow: scroll !important }
		
		#sidebar #menu-header-menu a { position: relative; font-size: 2.6rem; line-height: 1.3em; color: #fff }
		#sidebar #menu-header-menu li { margin: 0 0 30px 0 }
		#sidebar #menu-header-menu a:hover, #sidebar #menu-header-menu li.current_page_item a,
		.post-type-archive-termine #sidebar #menu-header-menu li#menu-item-134 a { color: #ffff33; opacity: 1; }
		/* #sidebar #menu-header-menu li.current_page_item a:after { height: 4px; background: #ffff33; width: 100%; content: ''; position: absolute; bottom: -2px; left: 0 } */
		
		div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 13px }
	}
	
	@media screen and  (max-width: 550px) {
		#sidebar #menu-header-menu a { font-size: 1.6rem; line-height: 1.3em }
		#menu-header-menu { padding-bottom: 100px  }
	}
	
	
	/* Termine */
	.group:after {
	  visibility: hidden;
	  display: block;
	  content: "";
	  clear: both;
	  height: 0;
	}
	* html .group             { zoom: 1; } /* IE6 */
	*:first-child+html .group { zoom: 1; } /* IE7 */
	
	
	.terminitem { background: rgba(0,0,0,0.2); padding: 20px 30px; margin: 0 0 30px 0;  -webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px; }
		
	.terminlocation { color: #ffff33; font-size: 1.6rem }
	.termincolumn { width: calc(100% - 200px); float: left }
	.datecolumn { text-align: right; color: #fff; font-size: 1.4rem; width: 200px }
	.terminitem h2, .datecolumn { color: #ffff33; font-size: 2.4rem }
	.terminitem h2 { color: #fff }
	.termintitle .group { padding: 20px 0 30px 0}
	.terminbook { padding: 15px 0 0 0 }
	
	.terminbook a { background: #ffff33; padding: 10px 70px 10px 20px; display: inline-block; opacity: 1; -webkit-border-radius: 5px 5px 5px 5px; position: relative;
		border-radius: 5px 5px 5px 5px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4rem; text-decoration: none; color: rgb(0, 94, 182) }
	
		.terminbook a:after { content: ''; position: absolute; right: 0; top: 50%; height: 20px; margin-top: -10px; width: 60px; 
		background: url("../img/arrow.svg"); right: 10px; background-repeat: no-repeat; background-size: contain; background-position: right center }
		
	.terminbook a:hover { opacity: 1 }
	.terminbook { text-align: right }
	
	.terminitem.post-is-past { opacity: .6; background: rgba(0,0,0,0.1);}
	.post-is-past h2 { opacity: .6}
	
	@media screen and  (max-width: 850px) {
		.termincolumn { width: 100%; float: none; text-align: left}
		.terminitem h2, .datecolumn { font-size: 1.8rem }
	}
	
	
	
	.blog-item-meta { color: #fff; padding: 0 0 10px 0; font-size: 1.4rem }
	.blog-item { background: rgba(0,0,0,0.2); padding: 20px 30px; margin: 0 0 30px 0;  -webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; margin: 0 0 20px 0 }
	
	.blog-item h2 { color: #ffff33; font-weight: normal; font-size: 2.6rem  }
	.blog-item-readmore a { color: #ffff33; font-size: 1.6rem }
	
	/* GALLERY */
	
		.swiper {
	      width: 100%;
	      height: 100%;
	    }
	
	    .swiper-slide {
	      text-align: center;
	      font-size: 18px;
	      background: #fff;
	      display: flex;
	      justify-content: center;
	      align-items: center;
	    }
	
	    .swiper-slide img {
	      display: block;
	      width: 100%;
	      height: 100%;
	      object-fit: cover;
	    }
	
	    .autoplay-progress {
	      position: absolute;
	      right: 16px;
	      bottom: 16px;
	      z-index: 10;
	      width: 48px;
	      height: 48px;
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      font-weight: bold;
	      color: var(--swiper-theme-color);
	    }
	
	    .autoplay-progress svg {
	      --progress: 0;
	      position: absolute;
	      left: 0;
	      top: 0px;
	      z-index: 10;
	      width: 100%;
	      height: 100%;
	      stroke-width: 4px;
	      stroke: var(--swiper-theme-color);
	      fill: none;
	      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
	      stroke-dasharray: 125.6;
	      transform: rotate(-90deg);
	    }
	    
	    .lmlmgallery .swiperslide-image-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: all; display: block }
	    
	    .fancybox__container { z-index: 999999999 }
	    .swiperslide-image-container, .swiperslide-image-view { width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #000  }
	    .swiperslide-image-view { background-position: center center; background-size: cover }
	    .lmlmgallery { height: 500px; --swiper-theme-color: #ffff33 !important }
	    
	   .lmlmgallery .autoplay-progress { width: 80px; height: 80px; font-weight: normal }
	   .lmlmgallery .autoplay-progress span { font-size: 2rem }
	   .lmlmgallery .autoplay-progress svg { stroke-width: 2px; }
	    
	    .lmlmgallery .swiper-pagination-bullet { opacity: 1;  }
	    .lmlmgallery .swiper-pagination-bullet.swiper-pagination-bullet-active { background:  #ffff33 }
	   
	   @media screen and (max-width: 700px) {
		   .lmlmgallery { height: 300px;  }
		   .lmlmgallery .autoplay-progress { width: 40px; height: 40px; font-weight: normal }
		   .lmlmgallery .autoplay-progress span { font-size: 1rem }
	   }
	   
	   @media screen and (min-width: 1350px) {
		      .lmlmgallery { height: 700px;  }
	      }
	      
	      
	 
	 
	 
	 /* TESTIMONIALS */
	 .testimonialitem { background: rgba(0, 21, 130, 0.606); padding: 30px 30px 30px 100px; position: relative; color: #fff; -webkit-border-radius: 7px 7px 7px 7px;
		 border-radius: 7px 7px 7px 7px; margin: 0 0 45px 0; -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.1);
		 box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); }
	 .testimonialitem:before { content: ''; position: absolute; left: -50px; top: 30px; width: 100px; height: 100px; background: url("../img/quote.svg"); background-repeat: no-repeat; opacity: .9}
	.testimonial-name { text-align: right; font-size: 1.4rem; color: #ffff33 }
	
	.testimonials__container .group .testimonialitem:nth-child(2n):before { left: auto; right: -30px }
	.testimonials__container .group .testimonialitem:nth-child(2n) {  padding: 30px 100px 30px 30px; }
	.testimonials__container .group .testimonialitem:nth-child(2n) .testimonial-name { text-align: left; }
	
	
	
	.lmlm-button .wp-block-button a { background: #ffff33; color: rgb(0, 67, 129); font-size: 1.5rem   }