i {
   color: #0077bb;
}

}

a:hover {
	--t4-link-color: #ffffff;
}

/* Auswahl-Menue*/

.dropdown-menu {
   --t4-dropdown-link-hover-bg: #e9e9e9;
}

/* Weiterlesen-Button*/

p.readmore .btn:hover,
p.readmore .blog-list .item-readmore a:hover,
.blog-list .item-readmore p.readmore a:hover,
p.readmore .btn:active,
p.readmore .blog-list .item-readmore a:active,
.blog-list .item-readmore p.readmore a:active,
p.readmore .btn:focus,
p.readmore .blog-list .item-readmore a:focus,
.blog-list .item-readmore p.readmore a:focus {
	background-color: #0077bb;
	color: #fff
}

.items-more .nav-tabs>li>a:hover,
.items-more .nav-tabs>li>a:active,
.items-more .nav-tabs>li>a:focus {
	background: #0077bb;
	color: #ffffff;
}

/* Seitenzahlen*/

.pagination {
   --t4-pagination-active-bg: #0077bb;
   --t4-pagination-hover-bg: #e9e9e9;
}

/* aktiviertes Feld nach dem anklicken*/
.uk-pagination > .uk-active > span {
   background: #0077bb;
}

ul.pagination li.active a {
   color: #fffffff;
}

/* Farbe und Form oberste und unterste Zeile der Website */

.divider-img25022101
{
	z-index: 10;
   position: fixed;
	width: 100%;
	height: 32px;
	float: right;
	transform: scale(-1, -1);
	top:0px;
	right: 0px;
	fill: #0077bb;
}

.divider-img25022102
{
	position: absolute;
	width: 100%;
	height: 58px;
   float: right;
	transform: scale(1);
	bottom:0px;
	left: 0px;
	fill: #0077bb
}

/* Suchergebnis ohne Zusatzinformationen */

#search-results .result-taxonomy {
   display: none;
}

/* ==========================================================
   Barrierefrei Icon
   ========================================================== */

._access-icon {
	background-color: rgba(255,255,255,0.4) !important;
 	content:url("/images/icon/accessibility.png");
	width:40px !important;
	height:40px !important;
	left: 10px !important;
	bottom: 25%;
	font-size: 40px;
}

/* ==========================================================
   Zeilenumbruch in Beitragstiteln
   ========================================================== */

.zeilenumbruch {
    display: block;
}

/* ==========================================================
   STRUKTUR-HINTERGRUND
   ========================================================== */

.t4-main-body {
    background-color: #ffffff !important;

    background-image: url("/images/backgrounds/struktur-weiss.jpg") !important;

    background-repeat: repeat !important;
    background-position: top left !important;
    background-size: 727px 727px !important;

    background-attachment: fixed !important;
}


/* ==========================================================
   T4-INNERE FLÄCHEN TRANSPARENT
   ========================================================== */

/*
 * Die T4-Container sollen die Strukturtapete nicht
 * mit einer eigenen weißen Fläche verdecken.
 */

.t4-main-body .container,
.t4-main-body .container-fluid,
.t4-main-body .row,
.t4-main-body [class*="col-"],
.t4-main-body .t4-component,
.t4-main-body .t4-content,
.t4-main-body .t4-mainbody,
.t4-main-body .t4-mainbody-inner,
.t4-main-body .blog,
.t4-main-body .blog-featured,
.t4-main-body .blog-items {
    background-color: transparent !important;
}


/* ==========================================================
   HAUPTBEITRAG
   ========================================================== */

.t4-main-body .com-content-article,
.t4-main-body .item-page,
.t4-main-body .blog-item,
.t4-main-body .blog-item-content {
    background: transparent !important;
    box-shadow: none !important;
}


/* ==========================================================
   MODULE
   ========================================================== */

/*
 * Die Module liegen unmittelbar auf der strukturierten
 * Oberfläche.
 */

.t4-main-body .t4-module,
.t4-main-body .moduletable {
    background: transparent !important;
    box-shadow: none !important;
}


/* ==========================================================
   TEXT SCHWEBEN LASSEN
   ========================================================== */

/*
 * Sehr dezenter Schatten unter dem Text.
 * Kein schwarzer "Glow", sondern nur eine minimale
 * Tiefenwirkung.
 */

.t4-main-body .com-content-article,
.t4-main-body .item-page,
.t4-main-body .blog-item,
.t4-main-body .blog-item-content,
.t4-main-body .t4-module,
.t4-main-body .moduletable {
    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.90),
        0 1px 2px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   BILDER UND GRAFISCHE OBJEKTE
   ========================================================== */

.t4-main-body img {
    filter:
        drop-shadow(0 1px 1px rgba(255, 255, 255, 0.85))
        drop-shadow(0 3px 5px rgba(0, 0, 0, 0.18));
}


/* ==========================================================
   LINKS
   ========================================================== */

.t4-main-body a {
    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.90),
        0 1px 2px rgba(0, 0, 0, 0.16);
}


/* ==========================================================
   ÜBERSCHRIFTEN
   ========================================================== */

.t4-main-body h1,
.t4-main-body h2,
.t4-main-body h3,
.t4-main-body h4,
.t4-main-body h5,
.t4-main-body h6 {
    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.95),
        0 2px 3px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   FORMULARE / INPUTS
   ========================================================== */

/*
 * Formulare dürfen weiterhin ihre eigene Oberfläche haben.
 */

.t4-main-body input,
.t4-main-body textarea,
.t4-main-body select {
    text-shadow: none;
}


/* ==========================================================
   FOOTER mit blauen Hintergrund und weisser Schrift
   ========================================================== */

.t4-footer a {
   color: #ffffff;
}

.t4-footer a:hover {
   background-color: #ffffff;
   color: #0077bb;
}

.t4-footer {
   background-color: #0077bb;
   color: #d9d7d7;
}

/* ==========================================================
   OBERER BEREICH
   t4-top
   t4-topbar
   t4-header
   t4-masthead
   t4-breadcrumbs

   Ziel:
   - strukturierter weißer Hintergrund
   - keine weißen T4-Flächen
   - Text und grafische Elemente wirken leicht schwebend
   - Footer bleibt vollständig unangetastet
   ========================================================== */


/* ==========================================================
   1. STRUKTURIERTER HINTERGRUND
   ========================================================== */

.t4-top,
.t4-topbar,
.t4-header,
.t4-masthead,
.t4-breadcrumbs {

    background-color: #ffffff !important;

    background-image:
        url("/images/backgrounds/struktur-weiss.jpg") !important;

    background-repeat: repeat !important;

    background-position: top left !important;

    background-size: 727px 727px !important;

    background-attachment: fixed !important;
}


/* ==========================================================
   2. INNERE LAYOUT-CONTAINER TRANSPARENT
   ========================================================== */

/*
 * Wichtig:
 * Die T4-/Bootstrap-Container dürfen die Struktur nicht
 * mit einer eigenen weißen Fläche überdecken.
 */

.t4-top > .container,
.t4-top > .container-fluid,
.t4-topbar > .container,
.t4-topbar > .container-fluid,
.t4-header > .container,
.t4-header > .container-fluid,
.t4-masthead > .container,
.t4-masthead > .container-fluid,
.t4-breadcrumbs > .container,
.t4-breadcrumbs > .container-fluid,

.t4-top .row,
.t4-topbar .row,
.t4-header .row,
.t4-masthead .row,
.t4-breadcrumbs .row {

    background-color: transparent !important;
}


/* ==========================================================
   3. WEITERE T4-INNERE CONTAINER
   ========================================================== */

.t4-top .t4-section,
.t4-topbar .t4-section,
.t4-header .t4-section,
.t4-masthead .t4-section,
.t4-breadcrumbs .t4-section,

.t4-top .t4-container,
.t4-topbar .t4-container,
.t4-header .t4-container,
.t4-masthead .t4-container,
.t4-breadcrumbs .t4-container {

    background-color: transparent !important;
}


/* ==========================================================
   4. MODULE NICHT ALS WEISSE FLÄCHEN DARSTELLEN
   ========================================================== */

.t4-top .t4-module,
.t4-topbar .t4-module,
.t4-header .t4-module,
.t4-masthead .t4-module,
.t4-breadcrumbs .t4-module,

.t4-top .moduletable,
.t4-topbar .moduletable,
.t4-header .moduletable,
.t4-masthead .moduletable,
.t4-breadcrumbs .moduletable,

.t4-top .module-inner,
.t4-topbar .module-inner,
.t4-header .module-inner,
.t4-masthead .module-inner,
.t4-breadcrumbs .module-inner {

    background-color: transparent !important;

    box-shadow: none !important;
}


/* ==========================================================
   5. TEXT – LEICHTE RÄUMLICHE TIEFENWIRKUNG
   ========================================================== */

/*
 * Der Text selbst bleibt unverändert.
 *
 * Der helle Schatten hebt ihn minimal von der weißen
 * Reliefstruktur ab; der dunkle Schatten erzeugt die
 * eigentliche räumliche Tiefenwirkung.
 */

.t4-top,
.t4-topbar,
.t4-header,
.t4-masthead,
.t4-breadcrumbs {

    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.95),
        0 2px 3px rgba(0, 0, 0, 0.16);
}


/* ==========================================================
   6. ÜBERSCHRIFTEN
   ========================================================== */

.t4-top h1,
.t4-top h2,
.t4-top h3,
.t4-top h4,
.t4-top h5,
.t4-top h6,

.t4-topbar h1,
.t4-topbar h2,
.t4-topbar h3,
.t4-topbar h4,
.t4-topbar h5,
.t4-topbar h6,

.t4-header h1,
.t4-header h2,
.t4-header h3,
.t4-header h4,
.t4-header h5,
.t4-header h6,

.t4-masthead h1,
.t4-masthead h2,
.t4-masthead h3,
.t4-masthead h4,
.t4-masthead h5,
.t4-masthead h6,

.t4-breadcrumbs h1,
.t4-breadcrumbs h2,
.t4-breadcrumbs h3,
.t4-breadcrumbs h4,
.t4-breadcrumbs h5,
.t4-breadcrumbs h6 {

    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.95),
        0 2px 4px rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   7. LINKS
   ========================================================== */

.t4-top a,
.t4-topbar a,
.t4-header a,
.t4-masthead a,
.t4-breadcrumbs a {

    text-shadow:
        0 1px 1px rgba(255, 255, 255, 0.95),
        0 2px 3px rgba(0, 0, 0, 0.15);
}


/* ==========================================================
   8. BILDER UND GRAFISCHE ELEMENTE
   ========================================================== */

/*
 * Grafische Objekte erhalten einen sehr weichen Schatten.
 */

.t4-top img,
.t4-topbar img,
.t4-header img,
.t4-masthead img,
.t4-breadcrumbs img {

    filter:
        drop-shadow(0 1px 1px rgba(255, 255, 255, 0.90))
        drop-shadow(0 3px 5px rgba(0, 0, 0, 0.16));
}


/* ==========================================================
   9. NAVIGATION
   ========================================================== */

/*
 * Die Navigation selbst bekommt keinen pauschalen weißen
 * Hintergrund. Die vorhandenen T4-/Bootstrap-Farben bleiben
 * grundsätzlich erhalten.
 */

.t4-header .navbar,
.t4-header .navbar-nav,
.t4-header .nav,
.t4-header .navigation {

    background-color: transparent;
}


/* ==========================================================
   10. FORMULARE / SUCHFELDER
   ========================================================== */

.t4-top input,
.t4-topbar input,
.t4-header input,
.t4-masthead input,
.t4-breadcrumbs input,

.t4-top textarea,
.t4-topbar textarea,
.t4-header textarea,
.t4-masthead textarea,
.t4-breadcrumbs textarea {

    text-shadow: none;
}

/* ==========================================================
   WEITERE BEITRÄGE
   ========================================================== */

/* Grundzustand: transparent */

.t4-main-body .items-more,
.t4-main-body .items-more .nav-tabs,
.t4-main-body .items-more ul,
.t4-main-body .items-more li,
.t4-main-body .items-more .nav-tabs > li > a {
    background-color: transparent !important;
}


/* Mouse-Hover: blau mit weißer Schrift */

.t4-main-body .items-more .nav-tabs > li > a:hover,
.t4-main-body .items-more .nav-tabs > li > a:focus,
.t4-main-body .items-more .nav-tabs > li > a:active {
    background-color: #0077bb !important;
    color: #ffffff !important;
}


/* ==========================================================
   PAGINATION
   ========================================================== */

/* Allgemeiner Zustand: transparent */

.t4-main-body .pagination,
.t4-main-body ul.pagination,
.t4-main-body ul.pagination li,
.t4-main-body ul.pagination li a,
.t4-main-body .pagination .page-link {
    background-color: transparent !important;
}


/* Mouse-Hover: blau mit weißer Schrift */

.t4-main-body ul.pagination li a:hover,
.t4-main-body ul.pagination li a:focus,
.t4-main-body .pagination .page-link:hover,
.t4-main-body .pagination .page-link:focus {
    background-color: #0077bb !important;
    border-color: #0077bb !important;
    color: #ffffff !important;
}


/* Aktive Seite: blau mit weißer Schrift */

.t4-main-body ul.pagination li.active a,
.t4-main-body ul.pagination li.active span,
.t4-main-body .pagination .page-item.active .page-link {
    background-color: #0077bb !important;
    border-color: #0077bb !important;
    color: #ffffff !important;
}


/* ==========================================================
   T4-PAGINATION-VARIABLEN
   ========================================================== */

.t4-main-body {
    --t4-pagination-active-bg: #0077bb;
    --t4-pagination-hover-bg: #0077bb;
}

.pdf-print-icon a.btn.btn-danger {
    background-color: transparent !important;
    border-color: #0077bb !important;
    color: #0077bb !important;
}

.pdf-print-icon a.btn.btn-danger:hover,
.pdf-print-icon a.btn.btn-danger:focus {
    background-color: #0077bb !important;
    border-color: #0077bb !important;
    color: #ffffff !important;
}