/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

.tm-header {
	margin-top:10px !important;
	margin-bottom:20px !important;
}

.tm-top {
	padding-top:0px;
	padding-bottom:0px;
}

.section-with-triangle {
    position: relative;
}

.section-with-triangle::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4vw;
    background-image: url('/templates/yootheme_bildungsforum/images/hg_pfeil.svg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.section-with-triangle2 {
    position: relative;
}

.section-with-triangle2::before {
    content: '';
    position: absolute;
    left: 0;
	top: -4vw;
    width: 100%;
    height: 4vw;  /* <- Responsive Höhe */
    background-image: url('/templates/yootheme_bildungsforum/images/hg_pfeil_oben.svg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 999;
}


.section-with-triangle2::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4vw;  /* <- Responsive Höhe */
    background-image: url('/templates/yootheme_bildungsforum/images/hg_pfeil_unten.svg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}

.section-with-triangle3 {
    position: relative;
}


.section-with-triangle3::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4vw;  /* <- Responsive Höhe */
    background-image: url('/templates/yootheme_bildungsforum/images/hg_pfeil_unten.svg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}

/* ============================================ */

html {  font-size: clamp(16px, 1.3vw, 20px) !important;
}

:root {
    --color-blue: #0056a4;
    --color-black: #000000;
    --font-sans: 'Source Sans Pro', Verdana;
}

.uk-navbar-nav > li > a {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    font-size: clamp(15px, 1.7vw, 22px) !important;
    color: #8b8c8d !important;
    margin: 0 !important;	
}

.uk-navbar-nav > li > a .uk-icon svg circle,
.uk-navbar-nav > li > a .uk-icon svg path {
    stroke-width: 2 !important;
}

a.uk-accordion-title {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    font-size: clamp(15px, 1.7vw, 22px) !important;
    color: #000000 !important;
    margin: 0 !important;	
}

.uk-panel a {
    font-size: clamp(15px, 1.1vw, 18px) !important;
    font-weight: 500 !important;
    color: var(--color-blue) !important;
}

.el-item { padding: 5px 10px 5px 10px; }

/* ============================================
   HEADLINE 1
   ============================================ */
.tm-page h1,
h1,
.h1 {
    font-family: var(--font-sans) !important;
    font-weight: 900 !important;
    font-size: clamp(48px, 5.5vw, 96px) !important;
    line-height: 1.05 !important;
    letter-spacing: 2% !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   HEADLINE 2
   ============================================ */
.tm-page h2,
h2,
.h2 {
    font-family: var(--font-sans) !important;
    font-weight: 900 !important;
    font-size: clamp(36px, 4vw, 72px) !important;
    line-height: 1.05 !important;
    letter-spacing: 2% !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   HEADLINE 3
   ============================================ */
.tm-page h3,
h3,
.h3 {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    font-size: clamp(20px, 1.7vw, 28px) !important;
    line-height: 1.3 !important;
    letter-spacing: 0% !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   EINLEITUNG 1
   ============================================ */
.intro-1 {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    font-size: clamp(24px, 3.2vw, 38px) !important;
    line-height: 1.5 !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   EINLEITUNG 2
   ============================================ */
.intro-2 {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    font-size: clamp(18px, 2.6vw, 28px) !important;
    line-height: 1.45 !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   BODY TEXT
   ============================================ */
p,
.body-text, li {
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
    font-size: clamp(16px, 1.3vw, 20px) !important;
    line-height: 1.6 !important;
    color: var(--color-black) !important;
    margin: 0 !important;
}

.djacc__title, .djacc__item { color:#ffffff !important; }

/* Auszeichnung im Text (bold) */
p strong, .body-text strong, strong {
    font-weight: 600 !important;
}

p + ul {
    margin-top: 0;
}

/* ============================================
   BLICKFANG
   ============================================ */
.highlight {
    font-family: var(--font-sans) !important;
    font-weight: 600 !important;
    font-size: clamp(34px, 5vw, 68px) !important;
    line-height: 1.1 !important;
    color: var(--color-blue) !important;
    margin: 0 !important;
}

/* ============================================
   LINK
   ============================================ */
a,
.link {
    font-family: var(--font-sans) !important;
    font-weight: 900 !important;
    font-size: clamp(14px, 1.8vw, 26px) !important;
    letter-spacing: 3% !important;
    color: var(--color-blue) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

a:hover,
.link:hover {
    color: #003d7a !important;
}

a.uk-button-primary { color: #ffffff !important;  font-size: clamp(16px, 1.8vw, 22px) !important;
 }
a:hover.uk-button-primary { color: var(--color-blue) !important; }

address .location-title a { font-weight: 700 !important; }

/* Ungerade Panels: 1, 3, 5, ... */
.uk-accordion-default > *:nth-child(odd) {
  background: #e5eef5 !important;
  border: 1px solid #e5eef5 !important;
}

/* Gerade Panels: 2, 4, 6, ... */
.uk-accordion-default > *:nth-child(even) {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
}

.uk-margin-remove-first-child { display:none; }

address a, .leaflet-control a {
    font-size: 15px !important;
    font-weight: 500 !important;
}
.map_canvas {
    height: 450px !important;
    min-height: 400px;
}

/* ===== Aktiver Menüpunkt: Blaue Farbe ===== */
.uk-navbar-nav > li.uk-active > a {
    color: var(--color-blue) !important;
}

/* ===== Hover-Unterline: Grundstruktur ===== */
.uk-navbar-nav > li > a {
    position: relative;
    text-decoration: none;
}

/* Pseudo-Element für den animierten Strich */
.uk-navbar-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: calc(50% - 0.9em);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-blue);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease-out;
}

/* Strich NUR beim Hovern */
.uk-navbar-nav > li:hover > a::after {
    transform: scaleX(1);
    transform-origin: center;
}

footer { border-top: 4px solid #8b8c8d; }

#tm-main { border-top: 4px solid var(--color-blue); }
.tm-main { border-top: 0px !important; }
.tm-top.uk-section-default { border-top: 4px solid var(--color-blue) !important; }
.btn { font-size: clamp(16px, 1.3vw, 20px) !important;
 }
@media (max-width:958px) {
    .uk-navbar { margin-top: 10px; margin-bottom: 15px !important; }
}

.uk-offcanvas-bar { background-color:#f3f3f3; }

button, input, optgroup,select,textarea, .field-label, .field-value { font-family: var(--font-sans) !important; }
button { font-weight: 700 !important; letter-spacing:0px !important; }

#username-lbl, #password-lbl { color:var(--color-blue) !important; font-weight:700 !important; }

a.com-users-login__reset, a.com-users-login__remind { 
    color:#8b8c8d !important;
    font-size: clamp(16px, 1.3vw, 20px) important;
    font-weight: 500 !important;
}

.uk-accordion-content p { margin-bottom:15px !important; }

.mml_address .locationaddress,
.mml_address .locationaddress a,
.mml_address .locationaddress div,
.mml_address .locationaddress span {
    font-size: 18px !important;
}

.myaddress .locationaddress, .myaddress .locationaddress a {
    font-size: 16px !important;
}