/*
 Theme Name:   Digital Nativ GmbH Skeleton Theme
 Theme URI:    https://www.digital-nativ.de
 Author:       Digital Nativ GmbH
 Author URI:   https://www.digital-nativ.de
 Description:  Ein minimales Knochen-Gerüst-Theme für WordPress
 Version:      1.0.0
 Text Domain:  digital-nativ
*/

.elementor-kit-8 {
	font-weight: 500;
}

h1, h2, h3, h4 {
	font-weight: 400 !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.biglink a,
.biglink a *,
.elementor-button-info .elementor-button,
.elementor-button-info .elementor-button *,
.header-links-loop .header-link {
    color: var(--e-global-color-text);
}

.biglink a,
.header-links-loop .header-link {
    text-decoration-line: underline !important;
    text-decoration-color: var(--e-global-color-text) !important;
    text-underline-offset: 8px;
    text-decoration-thickness: 1.5px;
    letter-spacing: 0em;
    transition: all .3s ease;
}

.biglink a {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.header-links-loop .header-link {
    font-weight: 500;
}

.biglink a:hover,
.header-links-loop .header-link:hover {
    color: var(--e-global-color-text) !important;
    text-decoration-color: #FCAC6D !important;
    text-underline-offset: 10px;
}

.biglink a:hover {
    gap: 7px;
}

.biglink .elementor-icon svg path {
    transition: fill .3s ease;
}

.biglink:hover .elementor-icon svg path {
    fill: #FCAC6D !important;
}

.elementor-button-info .elementor-button {
    background-color: transparent !important;
    padding: 0;
    border: 0;
    text-decoration-line: underline !important;
    text-decoration-color: var(--e-global-color-text) !important;
    text-underline-offset: .4em;
    text-decoration-thickness: 1.5px;
    letter-spacing: 0 !important;
    transition: all .3s ease;
}

.elementor-button-info a.elementor-button:hover {
    color: var(--e-global-color-text) !important;
    text-decoration-color: #FCAC6D !important;
    text-underline-offset: .5em;
}

.elementor-button-info a.elementor-button .elementor-button-icon {
    transition: all .3s ease;
}

.elementor-button-info a.elementor-button:hover .elementor-button-icon {
    transform: translateX(3px);
}

/* Custom CSS */

h1 b, h2 b, h3 b, h4 b, .subhead b {
	font-weight: 400;
	font-size: .75em;
	color: #495C4E;
	line-height: 1.35em;
    font-size: .75em;
	display: inline-block;
}

/* Standardmäßig (Mobile/Tablet) ist der Umbruch unsichtbar */
.od {
  display: none;
}

/* Erst ab Desktop-Größe wird er aktiviert */
@media (min-width: 1024px) {
  .od {
    display: inline;
  }
}


.header-links-loop{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.ue_taxonomy_item_num_posts {
  background-color: var(--e-global-color-45e1a93);
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid var(--e-global-color-accent);
  font-size: 14px;
	font-weight: 600;
}

.header-link{
    color: var(--e-global-color-text) !important;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline !important;
    text-decoration-color: var(--e-global-color-text);
    text-underline-offset: 6px;
    text-decoration-thickness: 1.5px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    transition:
        opacity .25s ease,
        text-underline-offset .25s ease;
}

.header-link::after{
    content:"";
    width:25px;
    height:11px;
    display:inline-block;

    background-image:url('/wp-content/uploads/DG-Icon-PfeilrechtsButton_Light.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;

    transition:transform .25s ease;
}

.header-link:hover{
    text-underline-offset:8px;
}

.header-link:hover::after{
    transform:translateX(4px);
}


h1 strong, h2 strong {
  letter-spacing: -0.03em;
}

h1, h2 {
  letter-spacing: -0.05em;
}

.zoom-in {
  overflow: hidden;
}

.zoom-in img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform: scale(1);
  will-change: transform;
  display: block; /* vermeidet Lücken bei Inline-Images */
}

.zoom-in:hover img {
  transform: scale(1.1);
  filter: brightness(1.05);
}

/* .elementor-widget-theme-site-logo {
    display: inline-block;
    transition: transform 0.5s ease;
}

.elementor-widget-theme-site-logo:hover {
    transform: scale(1.05);
} */




.nomar p:last-of-type {
  margin-block-start: 0;
  margin-block-end: 0;
}



section.elementor-element, header.elementor-element {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  box-sizing: border-box;
}



.rank-math-breadcrumb .separator {
  margin: 0px 3px;
}

.rank-math-breadcrumb>p:nth-child(1)>a:nth-child(1) {
  font-size: 20px;
  line-height: 0em;
  top: 1px;
}

.rank-math-breadcrumb {
  font-size: 11px !important;
}

p>a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 0.15em;
}


.elementor-button svg {
  width: .9em;
}

#menu-hauptmenue>li {
  display: flex;
  align-items: center;
}

#menu-hauptmenue>li>a {
  opacity: 1;
  transition: opacity 0.3s ease;
  position: relative;
  overflow: visible;
}

.ue-menu>li {
  display: flex !important;
}

/* .elementor-button .elementor-button-icon {
  display: inline-block;
  opacity: 0;
  transform: translateX(-6px);
  filter: blur(5px);
  transition: all 0.3s ease;
  width: 0em;
}

.elementor-button:hover .elementor-button-icon {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0);
  width: 1em;
} */


i {
	font-style: normal;
	font-weight: 300;
}



.elementor-pagination {
  margin-top: 2rem;
}

/* Grundstyling und Transition für die gesamten Buttons */
.owl-prev, 
.owl-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: transform 0.3s ease-in-out !important;
}

/* WICHTIG: Wenn disabled, dann komplett weg */
.owl-prev.disabled, 
.owl-next.disabled {
    display: none !important;
}

/* Hover-Effekt für den gesamten Button */
.owl-prev:hover, 
.owl-next:hover {
    transform: scale(1.1);
    z-index: 10;
}

/* Icon-Styling innerhalb der Buttons */
.owl-prev i, 
.owl-next i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-style: normal;
}

/* SVG für Prev (Links) */
.owl-prev i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='11' viewBox='0 0 26 11'%3E%3Cpath d='M1.15,11c.55,0,1-.45,1-1V3.58c7.56,7.88,10.61,5.78,13.33,3.91,2.17-1.5,3.89-2.68,8.54,1.1.43.35,1.06.28,1.41-.15.35-.43.28-1.06-.15-1.41-5.81-4.72-8.66-2.77-10.94-1.19-2.38,1.64-4.46,3.07-10.94-3.84h6.75c.55,0,1-.45,1-1C11.15.45,10.71,0,10.15,0H1.15C.61,0,.16.44.15.99v9.01c0,.55.45,1,1,1Z' style='fill:%23263b2d;'%3E%3C/path%3E%3C/svg%3E");
}

/* SVG für Next (Rechts) */
.owl-next i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='11' viewBox='0 0 26 11'%3E%3Cpath d='M24.66,11c-.55,0-1-.45-1-1V3.58c-7.56,7.88-10.61,5.78-13.33,3.91-2.17-1.5-3.89-2.68-8.54,1.1-.43.35-1.06.28-1.41-.15-.35-.43-.28-1.06.15-1.41,5.81-4.72,8.66-2.77,10.94-1.19,2.38,1.64,4.46,3.07,10.94-3.84h-6.75c-.55,0-1-.45-1-1s.45-1,1-1h9c.55,0,.99.44,1,.99v9.01c0,.55-.45,1-1,1Z' style='fill:%23263b2d;'%3E%3C/path%3E%3C/svg%3E");
}

/* Alte Icons entfernen */
.owl-prev i::before, .owl-prev i::after,
.owl-next i::before, .owl-next i::after {
    display: none !important;
}