.elementor-kit-10{--e-global-color-primary:#00254F;--e-global-color-secondary:#54595F;--e-global-color-text:#00254F;--e-global-color-accent:#DDB164;--e-global-color-fb24277:#E8E1D9;--e-global-color-f57403a:#000000;--e-global-color-ad2df05:#FFFFFF;--e-global-color-f120cae:#D5CDC5;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:2.4em;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:1.8em;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Source Serif Pro";--e-global-typography-text-font-size:0.9em;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Source Serif Pro";--e-global-typography-accent-font-size:0.9em;--e-global-typography-accent-font-weight:700;--e-global-typography-335022b-font-family:"Manrope";--e-global-typography-335022b-font-size:0.9em;--e-global-typography-335022b-font-weight:700;--e-global-typography-335022b-text-transform:uppercase;--e-global-typography-8ad277c-font-family:"Manrope";--e-global-typography-8ad277c-font-size:0.7em;--e-global-typography-8ad277c-font-weight:400;--e-global-typography-8ad277c-text-transform:none;--e-global-typography-8ad277c-font-style:normal;--e-global-typography-8ad277c-text-decoration:none;--e-global-typography-18ace59-font-family:"Manrope";--e-global-typography-18ace59-font-size:2em;--e-global-typography-18ace59-font-weight:700;--e-global-typography-18ace59-text-transform:uppercase;--e-global-typography-18ace59-font-style:normal;--e-global-typography-18ace59-text-decoration:none;--e-global-typography-18ace59-line-height:1em;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-accent );}.elementor-kit-10 h2{font-family:"Manrope", Sans-serif;font-size:2em;font-weight:700;text-transform:uppercase;}.elementor-kit-10 h3{font-size:1.6em;font-weight:600;}.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(max-width:1024px){.elementor-kit-10{--e-global-typography-18ace59-font-size:1.6em;--e-global-typography-18ace59-line-height:1em;}.elementor-kit-10 h3{font-size:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-18ace59-font-size:1.2em;--e-global-typography-18ace59-line-height:1em;}.elementor-kit-10 h3{font-size:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Anker Sprungziel Abstand  */
.elementor-menu-anchor {
	  display: block; 
	  position: relative; 
	  top: -90px; 
}


/* Trennung automatisch, nur im Fließtext */
p { 
  -webkit-hyphens: auto; 
  hyphens: auto; 
}

/* Keine Trennung im Fließtext */
.keine-trennung p, p.keine-trennung { 
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
}

/* Absätze und Abstände */
#abstand { 
    margin-block-start: 1.5rem !important;
    margin-block-end: 0.5rem !important;
}
h1 {
  margin-top: 2rem;    /* Abstand nach oben */
  margin-bottom: 1rem; /* Abstand nach unten */
}
h2 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
p {
    margin-block-start: 0 !important;
    margin-block-end: 0.5rem !important;
}
ul {
    margin: 0 0 0.5rem 0.5rem; padding: 0 0 0.3rem 0.5rem !important;
}
li {
    margin-top: -0.05rem !important;
    margin-bottom: 0.25rem !important;
}
li li {
    margin-top: 0 !important;
    margin-bottom: -0.25rem !important;
}

#weit li {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

/* Dunkle Links auf hellem Hintergrund */
a.link-dunkel {
    color: var(--e-global-color-primary);
    font-weight: bold !important;
    text-decoration: underline !important;
}
a.link-dunkel:hover, a.link-dunkel:active {
    color: var(--e-global-color-primary);
}

/* Tabs */
a.premium-tab-link {text-decoration: none! important;}
ul.menu-headermenue, ul.premium-sub-menu, ul.premium-tabs-nav-list.premium-tabs-horizontal {padding: 0 !important;}


/* Container/Bilder mit 45° abgeschrägter Ecke oben rechts */

.containerecke {
  /* Kern-Funktion für die abgeschnittene Ecke */
  clip-path: polygon(
    0 0,                      /* Oben Links */
    calc(100% - 40px) 0,      /* Start des Schnitts (oben rechts) */
    100% 40px,                /* Ende des Schnitts (oben rechts) */
    100% 100%,                /* Unten Rechts */
    0 100%                    /* Unten Links */
  );
}

.containerecke32 {
  --cut: 40px; /* feste Größe der Ecke */

  width: 100%;
  max-width: 500px;
  aspect-ratio: 3 / 2;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}

.containerecke32gross {
  --cut: 120px; /* feste Größe der Ecke */

  width: 100%;
  max-width: 500px;
  aspect-ratio: 3 / 2;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}

@media screen and (width >= 767px) {
.containerecke31 {
  --cut: 40px; /* feste Größe der Ecke */

  width: 100%;
  max-width: 600px;
  max-height: 200px;
  aspect-ratio: 3 / 1;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}
}
@media screen and (width <= 766px) {
.containerecke31 {
  --cut: 40px; /* feste Größe der Ecke */

  width: 100%;
  max-width: 300px;
  max-height: 300px;
  aspect-ratio: 1 / 1;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}
}

@media screen and (width >= 767px) {
.containerecke91 {
  --cut: 40px; /* feste Größe der Ecke */

  width: 75%;
  aspect-ratio: 10 / 1;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}
}
@media screen and (width <= 766px) {
.containerecke91 {
  --cut: 40px; /* feste Größe der Ecke */

  width: 100%;
  aspect-ratio: 3 / 2;

  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% 100%,
    0 100%
  );
}
}

.imageecke {
  --cut: 40px;
}

.imageecke img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  -webkit-mask-image: linear-gradient(
    135deg,
    transparent var(--cut),
    black var(--cut)
  );
  mask-image: linear-gradient(
    -135deg,
    transparent var(--cut),
    black var(--cut)
  );

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/*-------------------------------*/
/* Contactform 7: Label & Submit */
label {
	font-size: 0.9em !important;
	margin: 0 0 2px 0;
}

/* Contactform 7: Fehlende Eingabe */
.wpcf7-not-valid-tip {
    text-align: right;
    margin: -40px 5px 25px 0;
    font-size: 1.1em !important;
	font-weight: bold !important;
	color: red !important;
}

/* Contactform 7: Fehlermeldung */

/* Senden Button */
input[type=submit].wpcf7-form-control.wpcf7-submit.has-spinner {
    display: block !important;
    margin: 0 auto !important;
}
input[type=submit].wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background-color: var(--e-global-color-accent);
}

/* Acceptance */
span.wpcf7-form-control.wpcf7-acceptance {
	border: none !important;
	background-color: transparent !important;
	margin: 45px 0 40px 0 !important;
	padding: 0 !important;
}
.erstgespraech span.wpcf7-form-control.wpcf7-acceptance {
	border: none !important;
	background-color: transparent !important;
	margin: 5px 0 20px 0 !important;
	padding: 0 !important;
}

/* Text, Textarea... */
input[type="text"],
input[type="email"],
textarea,
select,
input[type="number"] {
    margin: 3px 0 25px 0;
    padding: 5px 7px 5px 7px  !important;
}

/* Checkbox-Größe */
input[type="radio"],
input[type="checkbox"] {
	margin: 0 5px 0 -12px;
	-webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: 2px solid; 
    border-color: var(--e-global-color-primary);
    background-color: white;
    border-radius: 4px;
}
/* Container für die Positionierung des Hakens vorbereiten */
input[type="checkbox"] {
    position: relative;
}

/* Der grüne Haken, wenn die Checkbox ausgewählt ist */
input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
        /* Positionierung des Hakens innerhalb der 30x30px Box */
    left: 9px;
    top: 2px;
        /* Maße des Hakens */
    width: 9px;
    height: 18px;
        /* Erzeugt die Linien für den Haken */
    border: solid #28a745; /* Dein gewünschtes Grün */
    border-width: 0 3px 3px 0;
        /* Dreht die Linien, sodass ein Haken entsteht */
    transform: rotate(45deg);
}

/* Text nach Checkbox ausgerückt */
span.wpcf7-list-item-label {
	font-size: 1.4em !important;
	display: block;
	padding-left: 25px !important;
    text-indent: 0 !important;
	margin-top: -30px; /* vertikale Position des Textes */
}
.erstgespraech span.wpcf7-list-item-label {
	font-size: 1.4em !important;
	display: block;
	padding-left: 25px !important;
    text-indent: 0 !important;
	margin-top: -47px; /* vertikale Position des Textes */
}

/* Contactform7 checkbox und radio untereinander */
span.wpcf7-list-item {display: block;}

/* Upload-Container */
.codedropz-upload-handler {
    border-color: #D5CDC5;
	background-color: #f1f1f1;
	border-radius: 5px;
    margin: 7px 0 40px 0;
	padding: 15px;
}
.codedropz-upload-wrapper {
    margin: 7px 0 7px 0;
}
.codedropz-upload-inner {
	padding-bottom: 15px;
}
.codedropz-upload-inner h3 {
    font-size: 1.1em;
}
span.dnd-upload-counter {
    white-space: nowrap;
    font-size: 2.1em;
	padding: 15px;
}
.codedropz-btn-wrap {
	margin-top: 15px !important;
}

a.cd-upload-btn {
    flex: 1;
    text-decoration: none;
	font: 700 1.0em "Manrope",sans-serif !important;
	text-transform: uppercase !important;
	background: var(--e-global-color-accent);
	border-radius: 5px;
	padding: 5px 25px;
	color: var(--e-global-color-primary);
    outline-color: transparent;
    text-align: center;
}
a:focus.cd-upload-btn,
a:hover.cd-upload-btn,
a:active.cd-upload-btn {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}
/* Spamschutz */
.uacf7_spam_recognation {
    margin: 10px 0 30px 0;
}

/* Spamschutz Refresh Button */
button#arithmathic_refresh {
    border-color: var(--e-global-color-primary);
	background-color: #f1f1f1;
	border-radius: 5px;
    margin: 0 0 0 0;
	padding: 5px 5px 0 5px;
}/* End custom CSS */