.elementor-kit-24{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#0A0A0A;--e-global-color-accent:#61CE70;--e-global-color-def551f:#9CBAA4;--e-global-color-3dc2cbb:#BED0C3;--e-global-color-a427541:#AA1649;--e-global-color-6d141f9:#DEE7E1;--e-global-color-3ce8b7f:#FFFFFF;--e-global-color-385efef:#FFFDED;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1.25rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat Italic";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-c186793-font-family:"Montserrat";--e-global-typography-c186793-font-size:2rem;--e-global-typography-c186793-font-weight:400;--e-global-typography-c186793-line-height:2.5rem;--e-global-typography-70ea3ac-font-family:"Montserrat";--e-global-typography-70ea3ac-font-size:1.25rem;--e-global-typography-70ea3ac-font-weight:600;background-color:var( --e-global-color-385efef );background-image:url("https://werkinsel.philippgebhart.de/wp-content/uploads/kreis-gruen-roter-punkt.png");background-position:-124px 150vh;background-repeat:no-repeat;}.elementor-kit-24 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:1025px){.elementor-kit-24{background-attachment:scroll;}}@media(max-width:1024px){.elementor-kit-24{background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-24{--e-global-typography-c186793-font-size:1.5rem;--e-global-typography-c186793-line-height:1.5em;background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
h1, h3, h4, h5, h6,
.elementor-widget-heading .elementor-heading-title {
  font-family: 'beloved-sans', sans-serif !important;
}
*/


.werkinsel-heading {
  font-family: 'beloved-sans', sans-serif !important;}
 




/* Header-Grundlayout */
.main-menu {

  --pad-x: 40px;
  --logo-h: 150px;         /* Logo normal */
  --logo-h-shrink: 90px;   /* Logo geschrumpft */
  --fs: 18px;              /* Schrift normal */
  --fs-shrink: 16px;       /* Schrift geschrumpft */

  position: sticky;
  top: 0;
  z-index: 999;
  background: #dce6df; /* deine Hintergrundfarbe */
  padding: var(--pad-y) var(--pad-x);
  transition: padding 0.3s ease, box-shadow 0.3s ease;
}

/* Logo-Bild im Header */
.main-menu img {
  height: var(--logo-h);
  width: auto;
  transition: height 0.3s ease;
}

/* Menülinks */
.main-menu .elementor-nav-menu .elementor-item {
  font-size: var(--fs);
  transition: font-size 0.3s ease, padding 0.3s ease;
}

/* Geschrumpfter Zustand */
.main-menu.is-shrunk {
  padding: var(--pad-y-shrink) var(--pad-x);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.main-menu.is-shrunk img {
  height: var(--logo-h-shrink);
}

.main-menu.is-shrunk .elementor-nav-menu .elementor-item {
  font-size: var(--fs-shrink);
}

/* Mobile Anpassungen */
@media (max-width: 767px) {
  .main-menu {
    --pad-y: 14px;
    --pad-y-shrink: 8px;
    --logo-h: 100px;
    --logo-h-shrink: 70px;
    --fs: 16px;
    --fs-shrink: 15px;
  }
}

/* Abstand unten Bilderkarusell Lasergravur Startseite */
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure {
    margin: 0px 0px -6px 0px;
}

.flyout-image {
  position: absolute;
  top: 20vh;       /* Abstand vom oberen Rand */
  right: 2vw;      /* Abstand vom rechten Rand */
  width: 200px;    /* oder z. B. 15vw */
  z-index: 10;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://werkinsel.philippgebhart.de/wp-content/uploads/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat Italic';
	font-display: auto;
	src: url('https://werkinsel.philippgebhart.de/wp-content/uploads/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */