/* AWO-Schriften - lokal (DSGVO-konform, analog awo-odenwald.de) */

/* Open Sans - Fließtext */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../Fonts/open-sans-v44-latin-300.woff2") format("woff2");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../Fonts/open-sans-v44-latin-regular.woff2") format("woff2");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../Fonts/open-sans-v44-latin-600.woff2") format("woff2");
}
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../Fonts/open-sans-v44-latin-700.woff2") format("woff2");
}

/* Barlow Condensed - Überschriften */
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../Fonts/barlow-condensed-v13-latin-300.woff2") format("woff2");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../Fonts/barlow-condensed-v13-latin-regular.woff2") format("woff2");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../Fonts/barlow-condensed-v13-latin-500.woff2") format("woff2");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../Fonts/barlow-condensed-v13-latin-600.woff2") format("woff2");
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../Fonts/barlow-condensed-v13-latin-700.woff2") format("woff2");
}

/* Alte Hind-Fonts (Fallback) */
@font-face{font-family:"Hind-Regular";src:url("../Fonts/Hind-Regular.ttf") format("truetype")}
@font-face{font-family:"Hind-Bold";src:url("../Fonts/Hind-Bold.ttf") format("truetype")}
@font-face{font-family:"Hind-Light";src:url("../Fonts/Hind-Light.ttf") format("truetype")}
@font-face{font-family:"Hind-SemiBold";src:url("../Fonts/Hind-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Hind-Medium";src:url("../Fonts/Hind-Medium.ttf") format("truetype")}

/* Globale Schriftart: Open Sans (Fließtext) */
* {
	font-family: "Open Sans", sans-serif;
}

body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #505050;
	padding-top: 128px;
}

/* Box Sizing */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Keine abgerundeten Ecken */
* {
	border-radius: 0px !important;
}

/* Überschriften - AWO-Stil (analog awo-odenwald.de) */
h1, h2, h3, h4, h5, h6 {
	color: #009999;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 300;
	line-height: 1.3;
	position: relative;
	margin-top: 0;
	margin-bottom: .5em;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

@media only screen and (min-width: 992px) {
	h1 { font-size: 2.8em; }
	h2 { font-size: 2.2em; }
	h3 { font-size: 1.7em; }
}

h3.kw-mainColor {
	margin-top: 0px;
}

.kw-kurstitel a {
	line-height: 1em;	
}

.clearfix {
	clear: both;	
}

#main {
    height: auto;
}

#main a {
    display: inline;
}

#main a.btn {
    display: inline-block;	
}

#main a.nav-link {
	display: block;
}

#main a.btn-secondary,
#main .btn-outline-secondary:hover, #main .btn-outline-secondary:focus, #main .btn-outline-secondary:active, #main .btn-outline-secondary.active,
#main a.btn-primary, #main a.nav-link.active {
	color:#fff;
}

#main .kw-kat-list a.nav-link.active {
	color:#000;
	font-weight:bold;
}

.h-box {
background-color: rgb(230, 238, 241);
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	display: block;
    margin-bottom: 1.5rem!important;
}

.bg-grey {
    background-color: #f6f6f6;
}

#main .kw-kat-dropdown a {
	display: flex;
	margin-bottom: 10px;
}

#main .kw-filter-label {
    color: #3a3a3a;
    display: block;
}

#main .h-box .h-box-content {
    padding: 1.5rem;
}

.h-box {
    margin-bottom: 2rem;
}

#main a.sans::after {
    background-color: #FFFFFF;
}

.kw_webinfo p, .kw_webinfo span, .kw_webinfo a {
	font-size: 1.2rem !important;
    font-family: Hind-Regular !important;
	
}

.kw-kat-info img {
	float: left; 
	margin-right: 15px;
	max-width: 50%;
}

li.nl_interessensgebiet input {
	margin-right: 15px;	
}

ul.kw-webinarlist, ul.kw-fachbereichsliste {
	padding: 0;	
}

ul.kw-webinarlist li, ul.kw-fachbereichsliste li  {
	list-style-type: none;
}

ul.kw-fachbereichsliste li {
	font-size: 2rem;
	font-weight: 600;
}

/* Unter-Kategorien */
.kw-unterkategorien {
	margin-bottom: 50px;
	margin-top: 20px;
}

/* Unter-Einheit Titel */
h4.kw-ue-title, .kw-ue-title {
	font-size: 16px;
	color: #009999;
}

/* H4 Main Color - kw-mainColor */
#main h4.kw-mainColor,
#main h4.kw-mainColor b,
#main h4.kw-mainColor strong,
.kw-mainColor,
.kw-mainColor b,
.kw-mainColor strong {
	color: #009999 !important;
	font-weight: 600 !important;
}

/* Button Default Style */
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	margin-top: 15px !important;
}

/* Button Warning Style */
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

/* Button Main Color Style */
.btn-mainColor {
	color: #fff;
	background-color: #099;
	border: 0;
}

/* Button Styles - Reset uppercase & font-weight */
.btn {
	text-transform: none !important;
	font-weight: 400 !important;
}

/* Abstand zwischen Unter-Kategorie-Buttons */
.unterkatbutton {
	margin-bottom: 10px;
	text-transform: none !important;
	font-weight: 400 !important;
}

/* Warenkorb nach rechts - col-6 Container anpassen */
.row > .col-6:has(#header-wk) {
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important;
	max-width: none !important;
	margin-left: auto !important;
}

/* Warenkorb nach rechts */
#header-wk {
	float: right !important;
}

/* Warenkorb Icon verkleinern */
#header-wk .fa-shopping-basket.fa-2x {
	font-size: 1.5em !important;
}

/* Warenkorb Text verkleinern */
#header-wk .header-icon-text.mein-warenkorb {
	font-size: 12px;
}

/* Kursdetails-Buttons verstecken */
a[title="Kursdetails"], button[title="Kursdetails"] {
	display: none !important;
}

/* Font Awesome Icons - Gewicht reduzieren */
.fa, .fas {
	font-weight: 600;
}

/* Paginierungsleiste */
.kw-paginationleiste {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
	margin-top: 30px;
}

.kw-paginationleiste .pull-left.backward,
.kw-paginationleiste .pull-right.forward {
	flex: 0 0 auto;
}

.kw-paginationleiste .text-center.kw-pages {
	flex: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 5px;
}

.kw-paginationleiste .kw-pages a,
.kw-paginationleiste .kw-pages span {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 2px;
}

/* Seite blättern Pagination */
ul.seiteblaettern.pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.seiteblaettern.pagination li {
	display: inline-block;
	list-style: none;
}

ul.seiteblaettern.pagination a,
ul.seiteblaettern.pagination span {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 2px;
}

#main a.btn::before {
	background-color: #FFFFFF;
}