/*!
Theme Name: EP_NEW
Theme URI: https://www.ersatz-pilot.de
Author: Ersatz-Pilot
Author URI: https://www.ersatz-pilot.de
Description: Description
Version: 1.2
Tested up to: 7.1
Requires PHP: 7.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ep_new
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

/* @font-face {
  font-family: "Open Sans";
  font-display: swap !important;
  font-display: optional;
  src: local("Open Sans"),
    url("/wp-content/themes/ep_new/assets/fonts/opensans-regular.woff2")
      format("woff2");
} */

.main-h1-ep {
  text-align: center;
  font-size: 2rem !important;
}

.bg-gradient-faded-epblue {
  background-image: linear-gradient(310deg, #002950 0%, #014c94 100%);
}

.bg-gradient-faded-eporange {
  background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
}

.bg-gradient-faded-eporange i {
  font-size: 0.75rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #014c94 !important;
}

h2 {
  font-size: 2rem;
}

p {
  font-size: 1.1rem;
  color: #404040;
}

.accordion-button {
  color: #014c94 !important;
}

.accordion-body {
  color: #404040 !important;
}

.accordion-button-ep {
  color: #fff !important;
}

.accordion-body-ep {
  color: #fff !important;
}

.text-dark {
  color: #404040 !important;
}

.blur-rounded {
  border-radius: 1rem !important;
}

.dropdown.nav-item .dropdown-menu-animation.show {
  height: auto;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: #014c94;
}

a:visited {
  color: #014c94;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.nav.nav-pills .nav-link {
  color: #014c94 !important;
}

/* .nav-link-ep {
  color: #014c94 !important;
} */

.nav-link-ep.active {
  /* background-image: linear-gradient(310deg, #002950 0%, #014c94 100%); */
  /* color: #014c94 !important; */
  font-weight: bold;
  background-color: #fff !important;
}

.nav-link-ep-disabled {
  background: #d3d0c4 !important;
  color: #000 !important;
  opacity: 0.6 !important;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.diagram {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.diagramtwo {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.diagramthree {
  width: 100%;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.diagramfour {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.diagramfive {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}

.diagramsix {
  width: 100%;
  height: auto;
  overflow-x: auto;
  white-space: nowrap;
}

.anchor {
  scroll-margin-top: 100px;
}

.carousel-indicators-ep {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: auto;
}

.carousel-indicators-ep [data-bs-target] {
  cursor: pointer;
  text-indent: 0px;
  padding: 12px 24px;
  width: auto;
  height: auto;
}
.btn-outline-primary-ep {
  --bs-btn-color: #014c94;
  --bs-btn-border-color: #014c94;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #014c94;
  --bs-btn-hover-border-color: #014c94;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #014c94;
  --bs-btn-active-border-color: #014c94;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #014c94;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #014c94;
  --bs-gradient: none;
}

#tp-mobil-frame > iframe {
  margin-left: auto;
  margin-right: auto;
}

.name > span {
  color: #014c94 !important;
}

/* Allgemeine Einstellungen für Listen (geordnete und ungeordnete) */
ol,
ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

/* Spezifische Stile für Listenpunkte (li) */
li {
  font-size: 1.1rem; /* Einheitliche Schriftgröße mit Fließtext */
  color: #404040; /* Gleiche Farbe wie der Fließtext für besseren Kontrast */
  line-height: 1.625;
  margin-bottom: 0.5rem; /* Mehr Abstand zwischen Listenpunkten für bessere Übersicht */
}

/* Stile für Links innerhalb der Listenpunkte */
li a {
  color: #014c94; /* Typische Linkfarbe für bessere Sichtbarkeit */
  text-decoration: none;
  transition: color 0.2s;
}

/* Hover-Effekt für Links in Listenpunkten */
li a:hover {
  color: #000000; /* Kontrastverstärkung bei Hover für Klickbereitschaft */
  text-decoration: underline;
}