/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Verhindert falsches horizontales Scrollen auf Seiten */
html,
body {
	overflow-x: clip;
}

/* verschiebt alle Sprünge zu #anker um 120px nach unten */
html {
  scroll-padding-top: 120px;
}

/* Rückt Stichpunkte und Texte richtig ein (wichtig für Umbrüche) */
ul {
  list-style-position: outside;
  padding-left: 1.2em;
  margin-left: 0;
}

li {
  padding-left: 0.25em;
}

.oym-logo-link {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.oym-logo-link svg,
.oym-header i {
  fill: currentColor !important;
  color: currentColor !important;
}

.oym-logo-svg.oym-logo--default {
  display: block;
  width: 110px;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}

.oym-logo-svg.oym-logo--college {
  display: none;
  width: 110px;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
}

body.oym-section-college .oym-logo-svg.oym-logo--default {
  display: none;
}

body.oym-section-college .oym-logo-svg.oym-logo--college {
  display: block;
}


/* OYMC NXT /oymc-nxt/ -> Tabelle für das Widget, für saubere Textumbrüche */
.event-programm > div {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    align-items: start;
    margin-bottom: 8px;
}

/* Complianz Cookie Button über Videos */
/* Gesamte Complianz-Hinweisbox */
.cmplz-blocked-content-notice {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;

	width: min(90%, 440px) !important;
	padding: 22px 26px !important;

	background: rgba(0, 0, 0, 0.8) !important;
	color: #ffffff !important;
	text-align: center;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(6px);
}

/* Hinweistext */
.cmplz-blocked-content-notice-body {
	margin: 0 !important;

	color: #ffffff !important;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

/* Cookie-Link */
.cmplz-blocked-content-notice-body a {
	font-weight: 700;
}
.cmplz-blocked-content-notice-body a:hover {
	opacity: 0.6;
}


/* Zustimmungsbutton */
.cmplz-blocked-content-notice .cmplz-accept-service {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	margin: 0 !important;
	padding: 11px 20px !important;

	background: #ffffff !important;
	border: 0 !important;

	color: #000 !important;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;

	cursor: pointer;
	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}

.cmplz-blocked-content-notice .cmplz-accept-service:hover {
	transform: translateY(-2px);
	opacity: 0.9;
}

/* OYM Search im Header */
.oym-search-wrap {
  --icon-size: 22px;
  --icon-stroke: 2;
  --search-min-width: 160px;
  --search-max-width: 320px;
  --search-width-padding: 20px;
  --search-font-size: 18px;
  --search-border-color: #666;
  --search-border-width: 2px;

  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 40px;
}

.oym-search-form {
  display: flex;
  align-items: center;
  overflow: visible;
}

.oym-search-trigger {
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 2px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size);
  height: var(--icon-size);
  flex: 0 0 auto;
  color: currentColor;
}

.oym-search-trigger svg {
  width: var(--icon-size);
  height: var(--icon-size);
  stroke: currentColor !important;
  stroke-width: var(--icon-stroke) !important;
  fill: none !important;
}

.oym-search-wrap button:hover {
  background: transparent !important;
  color: inherit;
}

.oym-search-input {
  width: 0;
  opacity: 0;
  min-width: 0;
  max-width: none;
  border: none !important;
  border-bottom: 2px solid #666 !important;
  border-radius: 0 !important;
  background: transparent;
  padding: 3px 0 !important;
  font-family: var(--e-global-typography-372eb44-font-family) !important;
  font-size: 14px;
  color: currentColor;
  outline: none;
  box-shadow: none;
  transition: width 0.22s ease, opacity 0.2s ease;
}

.oym-search-wrap.is-open {
  width: auto;
}

.oym-search-wrap.is-open .oym-search-input {
  opacity: 1;
}

@media (max-width: 767px) {
  .oym-search-wrap {
    --search-min-width: 120px;
    --search-max-width: 180px;
  }
}