/*
Theme Name:     Hello Elementor Child
Theme URI:      https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description:    Child Theme für Hello Elementor
Author:         Christian Schlenker
Author URI:     https://example.com
Template:       hello-elementor
Version:        1.0.0
*/

/* Tag-cloud in Beitragsseiten ausschalten */
.post-tags {
    display: none;
}

/* weiterlesen ausblenden */
a.continue{
  display:none !important;
}

/* Suchfeld: Search ausblenden */
.elementor-widget-search .e-search-label {
  display: none !important;
}
/* Suchfeld: Suchtext umfärben */
.dsdvo-cookie-notice.dark #tarteaucitronCookieImg, .dsdvo-cookie-notice.dark .dsgvoaio_pol_header h3 {
  color: #6D98C5 !important;
}

/* Cookie Button umfärben */
#tarteaucitronAlertSmall {
    background: #ffffff !important;
	border: 2px solid #6D98C5 !important;
}

/* Hier können eigene Styles folgen */
.elementor-widget-heading *, .elementor-widget-text-editor * {
  white-space: normal;
  overflow-wrap: anywhere ;
  word-break: break-word;
  hyphens: auto;	
}

/* Silbentrennung */
h1, h2, h3, h4, h5, h6, p, body {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}
/* Erzwingt einen Umbruch vor diesem Element */
.spaltenumbruch {
  break-before: column;
}

/* Checklisten-Stil für Elementor-Widgets */
.custom-checklist ul li {
  list-style: none !important;
  position: relative;
  padding-left: 1.5em;
  margin-left: -3em;
  list-style-type: none;
  list-style-position: outside;
}

.custom-checklist ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #6D98C5;
  font-size: 1.2em;
}

/* flip cards */
.flip-container {
  perspective: 1000px;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
  transform: rotateY(180deg);
}

.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  min-height: 29em !important;
}

.front, .back {
  backface-visibility: hidden;
  position: absolute !important;
  min-height: 29em  !important; 
  left: 0;
  border-radius: 20px !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5) !important;	
}

.front {
  z-index: 2;
  top: 0;
  transform: rotateY(0deg);
}

.back {
  top: 0 !important;
  /* margin-top: -450px !important;*/
  transform: rotateY(180deg);
}

/* Pflichtfeld Stern Farbe ändern */
.elementor-mark-required .elementor-field-label::after {
  color: #6D98C5 !important;
  content: "*";
  padding-inline-start: 0em;
}