/* stylesheet for designers */

::selection {
  color: #ffffff;
  background: #E30331;
}

html {
	scroll-behavior: smooth;
}

#content, .elementor-location-archive {
	padding-bottom: 40px!important;
}
body.home > #content {
	padding-bottom: 0px!important;
}

h1,h2,h3,h4,h5 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;                   
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
}

.e-con-inner h2.elementor-heading-title {
margin-top: 20px;
}

.hypens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
}

.elementor-widget-video {
	margin-bottom: 40px!important;
}

figcaption {
  font-size: clamp(1rem, 0.417vw + 0.917rem, 1.25rem)!important;
  color: #666!important;
  line-height: 1.5!important;
  font-style: normal!important;
  font-weight: 500!important;
  margin-top: 15px;
}

/* Highlight Keywords in Search Results */
 #search-listing span.search-term {
     background-color: #1B273E;
     color: #ffffff;
     padding: 0px 5px 2px 5px;
     border-radius: 5px;
}

/* Tooltip */
 [data-tooltip] {
     position: relative;
     cursor: pointer;
}
 [data-tooltip]:before, [data-tooltip]:after {
     line-height: 1;
     font-size: .9em;
     pointer-events: none;
     position: absolute;
     box-sizing: border-box;
     display: none;
     opacity: 0;
}
 [data-tooltip]:before {
     content: "";
     border: 5px solid transparent;
     z-index: 100;
}
 [data-tooltip]:after {
     content: attr(data-tooltip);
     text-align: center;
     min-width: 3em;
     max-width: 21em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 6px 8px;
     border-radius: 3px;
     background: #343632;
     color: #FFFFFF;
     font-family: "gibbs", sans-serif;
     font-size: 1rem;
     font-weight: 500;
     text-transform: uppercase;
     line-height: 1em;
     letter-spacing: 1px;
     z-index: 99;
}
 [data-tooltip]:hover:before, [data-tooltip]:hover:after {
     display: block;
     opacity: 1;
}
 [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before {
     bottom: 100%;
     border-bottom-width: 0;
     border-top-color: #343632;
}
 [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after {
     bottom: calc(100% + 5px);
}
 [data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::before, [data-tooltip][data-flow="top"]::after {
     left: 50%;
     -webkit-transform: translate(-50%, -4px);
     transform: translate(-50%, -4px);
}
 [data-tooltip][data-flow="bottom"]::before {
     top: 100%;
     border-top-width: 0;
     border-bottom-color: #343632;
}
 [data-tooltip][data-flow="bottom"]::after {
     top: calc(100% + 5px);
}
 [data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
     left: 50%;
     -webkit-transform: translate(-50%, 8px);
     transform: translate(-50%, 8px);
}
 [data-tooltip][data-flow="left"]::before {
     top: 50%;
     border-right-width: 0;
     border-left-color: #343632;
     left: calc(0em - 5px);
     -webkit-transform: translate(-8px, -50%);
     transform: translate(-8px, -50%);
}
 [data-tooltip][data-flow="left"]::after {
     top: 50%;
     right: calc(100% + 5px);
     -webkit-transform: translate(-8px, -50%);
     transform: translate(-8px, -50%);
}
 [data-tooltip][data-flow="right"]::before {
     top: 50%;
     border-left-width: 0;
     border-right-color: #343632;
     right: calc(0em - 5px);
     -webkit-transform: translate(8px, -50%);
     transform: translate(8px, -50%);
}
 [data-tooltip][data-flow="right"]::after {
     top: 50%;
     left: calc(100% + 5px);
     -webkit-transform: translate(8px, -50%);
     transform: translate(8px, -50%);
}
 [data-tooltip=""]::after, [data-tooltip=""]::before {
     display: none !important;
}

/* HowTo bei Beitragsbild entfernen */
.postbox .inside > .howto {
	display: none!important;
}