<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---------------------- BEGINN RESPONSIVES BGIMAGE EINBINDEN -----------------------------------------*/
/*BEGINN - ENDE einkommentieren, wenn die Grafik nicht oberhalb eingebunden werden soll*/
/*Höhe der Grafik: .t3-header:padding.top + t3-header:padding-bottom + Höhe Logotext/Slogan*/
/*Höhe der Grafik, wenn der Logo-text on top steht: t3-header:padding.top + t3-header:padding-bottom*/

.t3-header {
    /*padding-top: 20px; Platz fuer das bgimage machen*/
    padding-top: 90px;
    padding-bottom: 90px;
    /*einen Abstand von oben erstellen: 100px*/
    margin-top: 120px;
}

/*bgimg in content-Breite;*/
/*#t3-header {
  background: url(../images/header_img_solari.jpg) repeat-x;
}
*/
/*bgimg über die gesamte Breite*/
/*.t3-wrapper {
  background: url(../images/header_img_solari.jpg) repeat-x;
}
*/

/*Responsives bgimg; die folgenden Definitionen ergänzen die bereits vorhandenen id-Stildefinitionen*/
#t3-header {
    /*die width Angabe auskommentieren, wenn das img nicht die gesamte Bildschirmbreite einnehmen soll
    Die Breitenangabe hier überschreibt die Breitennangabe in der Stylesheet-Klasse .container*/
    width:auto;
    background-image: url(../images/header_bgimg-xl.png);
    /*Bildbereich: background-size: 100px 100px;*/
    /*Das Bild soll den gesamten Container ausfüllen; wird also skaliert, wenn die Bildgröße nicht ausreicht, reicht aber auch darüber hinaus, wenn das Bild größer ist*/
    /*background-size: cover;*/
     /*Der contain Wert spezifiziert, unabhängig von der Größe der umgebenden Box, die Skalierung des Hintergrundbildes so, dass jede Seite so breit als irgend möglich 
     angezeigt wird ohne über die Länge der korrespondierenden Seite des Containers hinauszugehen.*/
    /*background-size: contain;  background-size: 100% auto;*/
    /*1519px 181px*/
    background-size: cover;
    /*Herstellerprefixe für alte Browserversionen*/
     -webkit-background-size: cover;                                                                                                                         
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    /*Das Bild mittig positionieren; macht nur Sinn, wenn das Bild nicht den gesamten Container fuellt*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 0px solid #eeeeee;
}

/* Mobile LD */
@media only screen and (max-width: 450px){
    #t3-header {
        /*background-image: url(../images/header_bgimg-xxs.png);*/
        /*neu, 09.01.2017: groesseres Bild; background-size: contain; und padding-left angepasst*/
        /*neu:, 27.01.2017: background-image: url(../images/header_bgimg-s.png);*/
        background-image: url(../images/header_bgimg-xxs.png);
        /*background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;*/
        }
    .t3-header {
      margin-top: 150px;
    }
    .logo-text {
       padding-left: 10px !important;
       /*important hier, da etwas weiter unten die generelle Einstellung für margin-top gesetzt ist; diese würde sonst überschrieben werden*/
       margin-top: -220px !important;
    }
} 

/* Mobile HD */
@media only screen and (min-width: 450px) and (max-width: 550px){
    #t3-header {
        /*background-image: url(../images/header_bgimg-xs.png);*/
        /*neu, 09.01.2017: groesseres Bild; background-size: contain*/
         /*neu:, 27.01.2017:background-image: url(../images/header_bgimg-s.png);*/
        background-image: url(../images/header_bgimg-xs.png);
        /*background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;*/
    }
    .t3-header {
      margin-top: 150px;
    }
    .logo-text {
       padding-left: 10px !important;
       /*important hier, da etwas weiter unten die generelle Einstellung für margin-top gesetzt ist; diese würde sonst überschrieben werden*/
       margin-top: -220px !important;
    }
}

/* Mobile HD */
@media only screen and (min-width: 550px) and (max-width: 768px){
    #t3-header {
        /*background-image: url(../images/header_bgimg-xs.png);*/
        /*neu, 09.01.2017: groesseres Bild; background-size: contain*/
         /*neu:, 27.01.2017:background-image: url(../images/header_bgimg-s.png);*/
        background-image: url(../images/header_bgimg-xs-2.png);
        /*background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;*/
    }
 
}

/* Tablet */
@media only screen and (min-width: 768px) {
    #t3-header {
        background-image: url(../images/header_bgimg-s.png);
    }
}

/* Desktop */
@media only screen and (min-width: 980px) {
    #t3-header {
        background-image: url(../images/header_bgimg-m.png);
    }
}

/* Retina display;*/
@media only screen and (min-width: 1280px) {
    #t3-header {
        background-image: url(../images/header_bgimg-l.png);
    }
}

/* Retina display; meine Bildschirmgröße */
@media only screen and (min-width: 1500px) {
    #t3-header {
        background-image: url(../images/header_bgimg-xl.png);
    }
}

@media only screen and (min-width: 1920px) {
    #t3-header {
        background-image: url(../images/header_bgimg-xxl.png);

    }
}

/*Logo-Text und Slogan platzieren; voreingestellt ist left*/
/*damit der Logotext zentriert zur Bildschirmmitte steht, muss das Suchenmodul anders positioniert werden, da es eigenen Raum einnnimmt
oder: Menübutton Suchen -&gt; realisiert*/
.logo-text {
    /*text-align: center;*/
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    /*den Logotext über t3-header platzieren: -170px*/
    margin-top: -190px;
}

/*logo-text auf content-Breite, damit left linksbündig zum Container liegt; bootstrap.css .container Z415 ff*/
@media only screen and (min-width: 768px) {
  .logo-text {
    width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .logo-text {
    width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .logo-text {
    width: 1170px;
  }
}

/*------------------------ ENDE RESPONSIVES BGIMAGE -----------------*/


/*------------------------ SPOTLIGHT ----------------------------------*/
/*Modul GET-Logo - responsive; die Stylesheetklasse ist Inline notiert, also direkt im Fliesstext*/
.get-logo {
    /*float:left;*/
    /*padding-left: 20px;
    padding-right: 20px;
    */
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid #eeeeee;*/
}
/*If the max-width property is set to 100%, the image will scale down if it has to, but never scale up to be larger than its original size*/
.get-logo img {
    max-width: 100%;
    height: auto;
    /*border: 1px solid blue !important;*/
}
@media only screen and (max-width: 350px){
    .get-logo img {
        width: 111px;
        height: auto;
    }
}
/* Mobile HD */
@media only screen and (min-width: 350px) and (max-width: 768px){
    .get-logo img {
        width: 150px;
        height: auto;
    }
}
/* Tablet */
@media only screen and (min-width: 768px) {
    .get-logo img {
        width: 150px;
        height: auto;
    }
}
/* Desktop */
@media only screen and (min-width: 992px) {
    .get-logo img {
        width: 212px;
        height: auto;
    }
}
/* Retina display */
@media only screen and (min-width: 1200px) {
    .get-logo img {
        width: 212px;
        height: auto;
    }
}

/*den Abstand zum Modul Vereinsangebote verringern*/
.get-logo-home {
    margin-bottom: 0px;
}

/*Module newsflash*/
.newsflash-spot3 {
    float:left;
    /*ph: 20170113 und Z449 .t3-spotlight.t3-spotlight-1 .module-inner &gt; h3.module-title 
    padding-left: 10px !important;*/
}
/*ph: nach Joomla Migration4; eingefügt, da das class-Attribut des div-Elements verändert wurde*/
.newsflash-spot3 .mod-articlesnews.newsflash {
    float:left;
}

/*benutzerdefinierte Modul Top News*/
div.t3-module.module.top-news {
    /*Standard in der Klasse .t3-module sind 40px*/
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
    div.t3-module.module.top-news {
    margin-bottom: 0px;
    }
}

/*einen Rahmen hinzugefügt*/
.t3-spotlight {
  /*border-bottom: 1px solid #eeeeee;*/
  /*background: #eeeeee;*/
  /*border-bottom: 0px solid #cccccc;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

/* ----------------------- MENUES -----------------------------------*/
/*Hauptmenu*/
.navbar-default {
    /*background-color: #f8f8f8;
    border-color: #e7e7e7;*/
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    /*hinzugefuegt:*/
    /*text-transform: uppercase;*/
    letter-spacing: 0.7px;
}

/*.navbar-default .navbar-nav &gt; .active &gt; a,
.navbar-default .navbar-nav &gt; .active &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:focus {
    color: #555555;
    background-color: #e7e7e7;
}
*/
/*aktive Links*/
.navbar-default .navbar-nav &gt; .active &gt; a {
    color: #e2001a;
    background-color: #f8f8f8;
}
.navbar-default .navbar-nav &gt; .active &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
}
/*der folgende Block würde obigen überschreiben, wenn er anders definiert ist; im Grunde genommen überflüssig*/
.navbar-default .navbar-nav &gt; .open &gt; a {
    color: #e2001a;
    background-color: #f8f8f8;
}
.navbar-default .navbar-nav &gt; .open &gt; a:hover,
.navbar-default .navbar-nav &gt; .open &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
}
/*nicht-aktive Links; bei Roll-Menues; Galerie-Menue-Link*/
/*ph: neu am 12.02.2017*/
.navbar-default .navbar-nav &gt; li &gt; a,
.navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #e2001a;
}
.navbar-default .navbar-nav &gt; li &gt; a:hover {
  color: #ffffff;
  background-color: transparent;
}

/*Dropdown-Menu, bootstrap.css Z3772*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    /*background-color: #ffffff;*/
    background-color: #e2001a;
    border: 0px solid #cccccc;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.t3-megamenu .dropdown-menu.mega-dropdown-menu li &gt; a {
    color: #ffffff;
    background-color: #e2001a;
}
.t3-megamenu .dropdown-menu.mega-dropdown-menu li &gt; a:hover,
.t3-megamenu .dropdown-menu.mega-dropdown-menu li &gt; a:focus {
  /*#666666*/
  color: #e2001a;
  font-weight: 700;
  text-decoration: none;
  background-color: #ffffff;
}

/* ph 20210202: ------- Padding Left/right verringern, da das Menü ÜL-Börse sonst in die nächste Zeile rutscht ----------*/
.nav &gt; li &gt; a {
  position: relative;
  display: block;
  /*padding: 10px 15px;*/
  padding: 10px 11px;
}


/*FOOTER-MENU*/
.t3-footer {
  /*background: #f7f7f7;*/
  background: #303030;
  color: #f5f5f5;
}

.t3-footer  ul.nav.navbar-nav &gt; li &gt; a {
  /*color: #e2001a;*/
  text-transform: none;
  font-size: 14px;
  /*font-weight: 400;*/
}

/*nicht-aktive Links*/
.t3-footer ul.nav.navbar-nav &gt; li &gt; a {
    color: #e2001a;
}
.t3-footer ul.nav.navbar-nav &gt; li &gt; a:hover,
.t3-footer ul.nav.navbar-nav &gt; li &gt; a:focus {
  color: #ffffff;
  background-color: #303030 !important;
}

/*aktive Footer-Links*/
.t3-footer .navbar-nav &gt; .active &gt; a {
    color: #e2001a;
    /*background-color: #ffffff;*/
}
.t3-footer .navbar-nav &gt; .active &gt; a:hover,
.t3-footer .navbar-nav &gt; .active &gt; a:focus {
    color: #ffffff;
    background-color: transparent;
}

/*Footer-Bereich*/
.t3-copyright {
    /*border-top: 1px solid #eeeeee;*/
    border: none;
    font-size: 12px;
    /*oben re/li unten*/
    padding: 20px 0 20px;
}
.copyright {
    margin-bottom: 0px;
}


/*------------------------ BREADCRUMB position-1-------------------------------*/
/*Text Aktuelle Seite gestalten; template.css Z 833*/
.breadcrumb &gt; .active {
    color: #999999;
}
.module-ct &gt; ol.breadcrumb {
    /*padding: 6px 12px;*/
    padding: 6px 0;
    margin-left: 0;
}

.breadcrumb {
    padding: 8px 15px;
    /*margin-bottom: 20px;*/
    margin-bottom: 10px;
    list-style: none;
    /*background-color: #f5f5f5;*/
    background-color: #ffffff;
    /*border-bottom: 2px dotted #eeeeee;
    border-radius: 4px;*/
    font-size: 12px;
}

/*Container unterhalb der Navigation (Autopositions)*/
/*Abstand unten/oben verringern; template.css Z 2295ff*/
.t3-sl {
  /*padding-bottom: 40px;
  padding-top: 40px;*/
  padding-bottom: 10px;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .t3-sl {
    /*padding-bottom: 60px;
    padding-top: 60px;*/
  padding-bottom: 10px;
  padding-top: 60px;
  }
}

/*Klasse .t3-module anpassen (template.css Z 1036ff) via Modulklassensuffix LZget-t3-module-breadcrumb; damit nicht alle Module betroffen sind*/
.get-t3-module-breadcrumb {
  background: transparent;
  color: inherit;
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .get-t3-module-breadcrumb {
    margin-bottom: 0px;
  }
}

/*------------------------ BREADCRUMB position navhelper (unten)-------------------------------*/
.t3-navhelper {
    background: #f5f5f5;
    border-top: 1px solid #eeeeee;
    /*color: #555555;*/
    color: #666666;
    padding: 5px 0;
}


/*------------------------ SIDEBAR LEFT----------------------------------*/
.t3-sidebar {
    /*padding-top: 20px;*/
    padding-top: 40px;
    padding-bottom: 20px;
}

/*template.css Z1036*/
/*.t3-module {
    background: transparent;
    color: inherit;
    margin-bottom: 20px;
}*/
/*@media screen and (min-width: 768px) {
  .t3-module {
    margin-bottom: 40px;
  }
}
*/
.t3-module-get {
    padding: 0px 7px;
    /*#eeeeee #f8ebea*/
    background: #eeeeee;
    /*border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    */
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    -webkit-box-shadow: 0 px 5px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 5px rgba(0, 0, 0, 0.175);
}

/*ph: eingefügt */
.t3-sidebar .module-inner &gt; h3.module-title {
    padding-top:  10px;
    padding-left: 7px;
}

/*ph: eingefügt für das Modul Top News auf position-2 */
.t3-spotlight.t3-spotlight-1 .top-news .module-inner &gt; h3.module-title {
    padding-top: 0px;
    padding-left: 0px;
}

/*ph: eingefügt für das Modul Newsflash auf position-3 */
.t3-spotlight.t3-spotlight-1 .module-inner &gt; h3.module-title.newsflash-spot3 {
    padding-top: 0px;
    /*padding-left: 7px;*/
}

/*ph: eingefügt für das Modul GET intern auf position-1 */
.t3-spotlight.t3-spotlight-1 .module-inner &gt; h3.module-title {
    padding-top: 10px;
    /*padding-left: 7px;*/
}

/*ph: eingefügt für Modul Beiträge &gt; Kategorie*/
ul.category-module.t3-module-get {
    padding-left: 7px;
    /*margin-bottom: 10px;*/
    /*den Rahmen und Schatten um die ul-Liste entfernen*/
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}
/*ph: eingefügt für das erste Listenelement */
ul.category-module.t3-module-get &gt; li {
   padding-top: 0px;
}
ul.category-module.t3-module-get p.mod-articles-category-introtext {
   margin-bottom: 0px;
}
/*ph: nach Joomla Migration4; eingefügt, da das class-Attribut des ul-Elements verändert wurde*/
.t3-module.t3-module-get  ul.mod-articlescategory.category-module p.mod-articles-category-introtext {
   margin-bottom: 0px;
}

/*ph: nach Joomla Migration4; eingefügt für Modul Beiträge &gt; Kategorie*/
.t3-module.t3-module-get ul.mod-articlescategory.category-module {
    padding-left: 7px;
    margin-top: -10px;
    /*margin-bottom: 10px;*/
    /*den Rahmen und Schatten um die ul-Liste entfernen*/
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}
.t3-module.t3-module-get .module-inner &gt; h3.module-title {
    padding-left: 7px;
    padding-top: 10px;
    /*margin-bottom: 10px;*/
    /*den Rahmen und Schatten um die ul-Liste entfernen*/
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}

/*ph: eingefügt für Modul Beiträge &gt; Neueste*/
ul.latestnews.t3-module-get {
    /*den Rahmen und Schatten um die ul-Liste entfernen*/
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}


/*ph: eingefügt um das Datum in eine separate Zeile zu setzen */
ul.category-module.t3-module-get span.mod-articles-category-date {
   display: block;
}

/*SPLITMENUE*/
/*Modul-Definitionen*/
.t3-module-get-split {
    /*padding: 0px 7px; für h3 und ul separat gesetzt; s. ff*/
    padding: 0px 0px;
    background: #f8f8f8;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    /*#eeeeee #f8ebea1*/
    /*border: 1px solid #e2001a;*/
    /*border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    */
}
/*Menü-Überschrift*/
.t3-module-get-split h3 {
    font-weight: 400;
    /*letter-spacing: 0.7px; - wie Modulüberschriften*/
    /*background: #e2001a;*/
    /*color: #e2001a;*/
    /*letter-spacing wie im homemenü*/
    /*ph: 20191121: letter-spacing: 1.5px;*/
    letter-spacing: 0.7px;
    padding: 200px 0px 15px;
    margin-bottom: 0px !important;
    /*#e2001a, #eeeeee #f8f8f8*/
    border-bottom: 2px solid #cccccc;
}
.t3-module-get-split h3 &gt; span {
    padding-left: 7px;
}

/*Definitonen für die Menüeinträge bzw &lt;ul&gt; &lt;ul&gt;*/
/*bootstrap.css Z4333, 4339*/
/*da die Definitionen nur für die GET-Splitmenüs gelten sollen, .get-submenue voranstellen,
kein Leerzeichen lassen, da .nav-pills und .nav weitere class-Attribute in &lt;ul&gt; sind*/
/*aktive Links*/
.get-submenue.nav-pills &gt; li.active &gt; a,
.get-submenue.nav-pills &gt; li.active &gt; a:hover,
.get-submenue.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
}
/*nicht aktive Links*/
.get-submenue.nav-pills &gt; li &gt; a {
    border-radius: 0px;
    font-weight: 700;
}
/*bootstrap Z4231*/
.get-submenue.nav &gt; li &gt; a:hover,
.get-submenue.nav &gt; li &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
    text-decoration: none;
}
/*bootstrap Z4246*/
.get-submenue.nav .open &gt; a,
.get-submenue.nav .open &gt; a:hover,
.get-submenue.nav .open &gt; a:focus {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}

/*dropdown-submenue; bootstrap Z2891, 2900*/
.get-submenue .dropdown-submenu &gt; .dropdown-menu {
    /*border-radius: 4px;*/
    border-radius: 0px;
    /*ph: ergänzt:*/
    padding: 15px;
}
.get-submenue .dropdown-submenu &gt; .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: -1px;
}
/*template.css Z776*/
.get-submenue .dropdown-menu &gt; li &gt; a {
    /*padding: 5px 20px;*/
    padding: 5px 10px !important;
}
/*bootstrap Z3803*/
.get-submenue .dropdown-menu &gt; li &gt; a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.42857143;
    /*color: #333333;*/
    color: #ffffff;
    white-space: nowrap;
}

/*bootstrap Z3818*/
/*aktive Links*/
.get-submenue .dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:hover, .dropdown-menu &gt; .active &gt; a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    /*background-color: #cc0000;*/
    background-color: #e2001a;
}
/*das Dropdown-Menu anders definieren als - oberhalb: bootstrap Z4246*/
/*.get-submenue.nav .dropdown-menu .open &gt; a,*/
.get-submenue.nav .dropdown-menu .open &gt; a:hover,
.get-submenue.nav .dropdown-menu .open &gt; a:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #e2001a;
}

/*------------------------ LAYOUT GENERELL --------------------------*/

/*LOGO-TEXT / SLOGAN*/
.logo-text a {
    text-decoration: none;
    /*font-size: 28px;*/
    font-size: 26px;
    font-weight: 700 !important;
    font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    letter-spacing: 1px;
}

.logo-text .site-slogan {
  display: block;
  font-size: 16px;
  margin-top: 5px;
  /*color: #ffffff;*/
  color: #303030;
  /*background-color: #ffffff;*/
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-size: 14px;  line-height: 1.42857143;*/
  font-size: 14px;
  line-height: 1.714;
  /*#333333, #444444, #6d6d6d*/
  color: #666666;
  background-color: #ffffff;
}

/*2x4, 10px , 3x4, 4x4, 5x4, 6x4 - font-size: 14px*/
h1,
.h1 {
  font-size: 15px !important;
}
h2,
.h2 {
  font-size: 14px !important;
}
h3,
.h3 {
  font-size: 14px !important;
}
h4,
.h4 {
  font-size: 12px !important;
}
h5,
.h5 {
  font-size: 10px !important;
}
h6,
.h6 {
  font-size: 8px !important;
}

a:link,
a:visited {
  color: #e2001a;
  font-weight: 400;
  text-decoration: none;
}
a:hover,
a:focus {
  /*color: #950011;*/
  color: #6d6d6d;
  font-weight: 400;
  text-decoration: none;
}

/*LINKS*/
/*Die Menü-Links anders definieren*/
.t3-megamenu a, ul.nav.navbar-nav a {
  font-size: 12px;
  /*text-transform wird auf die Footer-Menülinks nicht angewandt, so lange !important nicht angegeben wird
  Das liegt daran, dass ich in einer höher wertigen obigen Stildefinition (t3-footer ul.nav.navbar-nav &gt; li &gt; a)den Wert none angegeben habe*/
  text-transform: uppercase;
  font-weight: 700;
}

/*
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
*/


/*ph: Für PM's: Bildabstand bei Bildreihen untereinander; Vorsicht bei einzelnen Bildern*/
img.img-row {
  /*margin-bottom: -15px !important;*/
  /*ph neu: 04.02.2017*/
  /*in template.css Z 1273 ist für das img display:block festgelegt; das img ist somit kein inline-Element mehr sondern ein Blockelement, 
  an dessen Ende ein Zeilenumbruch erfolgt. Da ich unter jedes img generell ein &lt;br /&gt; gesetzt habe um dann die Bildunterschrift zu setzen, wird der Abstand zu groß
  Lösung: entweder untenstehendes class-Attribut verwenden, oder das &lt;br /&gt; im Quellcode weglassen*/
  display: inline !important;
  margin-bottom: 10px !important;
}
/*ph: Für PM's: Bildunterschrift bei Bildern untereinander*/
/*Indirekte Nachbar-Selektoren (br ~ span), angewendet auf alle span-Elemente die dem br-Element folgen,
wobei span und br die gleichen Eltern haben, also auf gleicher Ebene liegen
#Nachteil: alle spans's die auf einem br folgen werden angesprochen, sobald sie gleiche Eltern haben, also nicht nur die,
die auf ein img folgen */
/*besser:  img ~ span, da die Elemente nicht direkt aufeinander folgen müssen, sondern auch andere HTML-Elemente zwischen den beiden angegebenen Selektoren stehen dürfen,
(hier das br) ist diese Angabe besser, da sie die span-Elemente anspricht, die gleiche Eltern haben wie das img*/
img ~ span {
  font-style: italic !important;
  /*ph neu: 02.10.2018*/
  /*font-size: 12px !important;*/
  font-size: 11px !important;
}

/*Beitragstitel; Definitionen ergänzt um mambo-Definition .contentheading*/
/*generell: ein- oder ausblenden via Backend &gt; Menüs &gt; Optionen*/
/*erste Classdefiniton nach Joomla Migration4 für die neue Suche hinzugefügt*/
.com-finder.finder &gt; h1, 
.article-title,
.article-header &gt; h1,
.content-category &gt; h1,
.categories-list &gt; h1,
.content-category &gt; h2,
.archive_archive .page-header &gt; h1,
.search &gt; h1,
.page-header span.contact-name,
.registration fieldset &gt; legend {
    /*margin: 0 0 20px 0;*/
    /*ph: nach Joomla Migration4; modifiziert, um den Abstand unter der Trennlinie zu vergroessern*/
    /*margin: 0 0 10px 0;*/
    margin: 0 0 10px 0;
    /*Ergänzung .contentheading aus mambo:*/
    /*height: 30px;
    background: url(../images/contenthead.png) no-repeat;
    background-size: cover;
    color: #666666;
    text-align: left;
    padding-top: 13px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    */
    /*schöner: analog .module-title;*/
    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 20px 0px 15px;
    border-bottom: 1px solid #eeeeee;
}

.article-aside {
    color: #999999;
    font-size: 13px;
    /* margin-bottom: 20px;*/
    margin-bottom: 10px;
}

/*MODULE*/
.module-title {
    background: transparent;
    color: inherit;
    /*font-size: 14px;*/
    font-size: 12px !important;
    /*margin: 0 0 10px 0;*/
    padding: 0;
    /*ergänzt:*/
    text-transform: uppercase;
    font-weight: 400;
    /*background: url(../images/subhead_bg.png) repeat-x;
    text-align: left;
    padding-top: 4px;
    padding-left: 4px;
    height: 21px;*/
}

/*page-subtitle (Z2075) bei Kategoriblog; template.css Z215*/
h2.page-subtitle small {
  /*font-size: 65%;*/
  font-size: 12px !important;
  font-weight: 400;
  /*color: #999999*/
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
/*den Unterstrich entfernen: template.css Z2063*/
.page-subheader {
    /*border-bottom: 1px solid #eeeeee;*/
    border-bottom: none !important;
    margin: 0 0 20px; 
    padding-top: 20px;
}


/*Archive*/
.page-header {
    /*padding-bottom: 9px;*/
    /*wie .article-title,*/
    padding: 0px 0px 15px;
    margin: 0 0 20px;
    /*border-bottom: 1px solid #eeeeee;*/
    border-bottom: 0px solid #eeeeee !important;
}


/*SEITENNAVIGATION*/
/*Weiter*/
/*template.css Z1878*/
.pagenav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*template.css Z1898*/
.pagenav li &gt; a:hover, .pagenav li &gt; a:active, .pagenav li &gt; a:focus {
    /*background-color: #eeeeee;*/
    background-color: #ffffff;
}
/*template.css Z1892*/
.pagenav li &gt; a {
    /*padding: 10px 20px;*/
    padding: 10px 0px;
    line-height: normal;
    /*border: 1px solid #dddddd;*/
    /*border-radius: 4px;*/
    border: none;
}

/*bootstrap.css Z5052*/
.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

/*Weiterlesen*/
/*bootstrap.css 2499*/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    /*border: 1px solid transparent;*/
    border: none;
    white-space: nowrap;
    /*padding: 6px 12px;*/
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*bootstrap.css 2552*/
.btn-default {
    /*color: #333333;*/
    color: #e2001a;
    background-color: #ffffff;
    /*border-color: #cccccc;*/
    border-color: #dddddd;
}
/*bootstrap.css 2557*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default {
    /*color: #333333;*/
    /*background-color: #e6e6e6;*/
    /*border-color: #adadad;*/
    color: #6d6d6d;
    background-color: #ffffff;
    border-color: #dddddd;
}
/*bootstrap.css 2529*/
.btn:hover, .btn:focus, .btn.focus {
    /*color: #333333;*/
    color: #6d6d6d;
    text-decoration: none;
}


/*TRENNZEICHEN, BZW VERTIKALER ABSTAND*/
/*template.css Z1239; in &lt;hr&gt; als class-Attribut*/
.divider-vertical {
    /*margin: 0 0 40px;*/
    margin: 0 0 10px;
    border: 0;
    border-top: 1px solid #eeeeee;
}


/*Tabellen*/
/*bootstrap.css*/
.table-bordered {
    /*border: 1px solid #dddddd;*/
    border: 0px solid #dddddd;
}
.table-bordered &gt; thead &gt; tr &gt; th,
.table-bordered &gt; thead &gt; tr &gt; td {
    /*border-bottom-width: 2px;*/
    border-bottom-width: 0px;
}
.table-bordered &gt; thead &gt; tr &gt; th,
.table-bordered &gt; tbody &gt; tr &gt; th,
.table-bordered &gt; tfoot &gt; tr &gt; th,
.table-bordered &gt; thead &gt; tr &gt; td,
.table-bordered &gt; tbody &gt; tr &gt; td,
.table-bordered &gt; tfoot &gt; tr &gt; td {
    /*border: 1px solid #dddddd;*/
    border: 0px solid #dddddd;
}
.table-striped &gt; tbody &gt; tr:nth-of-type(2n+1) {
    /*background-color: #f9f9f9;*/
    background-color: #ffffff;
}

/*ph: hinzugefügt Kopfzeile farbig*/
.table-bordered &gt; thead &gt; tr &gt; th {
  /*#f5f5f5*/
  background: url(../images/subhead_bg.png) repeat-x;
  background-color: #eeeeee;
  /*padding: 8px; ist für die Tabellenreihen gesetzt*/
  padding: 1px 8px;
}

/*template.css Z 108ff*/
td,
tr td {
  /* border-top: 1px solid #dddddd;*/
  border: none !important;
}
.cat-list-row0:hover,
.cat-list-row1:hover {
  /*background: #f5f5f5;*/
  background: #ffffff;
}
.cat-list-row1,
tr.cat-list-row1 td {
  /*background: #f9f9f9;*/
  background: #ffffff;
}




/* KATEGORIEN */
/*Anzahl der Objekte, bootstrap.css Z5157*/
.badge {
    display: inline-block;
    min-width: 10px;
    /*padding: 3px 7px;*/
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
    border-radius: 10px;
}


/*Bild im Einleitungstext bei Bloglayout oder Hauptbeiträge; template.css Z1279*/
.article-intro img[align="left"], 
.article-content img[align="left"], 
.article-intro .img_caption.left, 
.article-content .img_caption.left, 
.article-intro .pull-left.item-image, 
.article-content .pull-left.item-image {
    margin: 0 30px 20px 0;
}
/*Z1273*/
/*.article-intro img, .article-content img {
    display: block;
    max-width: 100%;
    height: auto;
}
*/
.article-intro div.pull-left &gt; img {
    display: block;
    /*max-width: 100%; Markenlogos: b=150px; PM-Fotos: b=200px*/
    width: 100%;
    max-width: 200px;
    height: auto;
    /*ph: ergänzt:*/
    margin: 0px;
    padding: 5px 10px 0;
    background:#ffffff;
    border: 0px solid #cccccc;
    /*border-right: 1px solid rgba(0, 0, 0, 0.15);*/
    /*border-radius: 4px;*/
    /*offset-x | offset-y | blur-radius | color*/
    /*-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.175);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; */
}


/* ------------------------------------------------ KONTAKTFORMULAR -------------------------------------------------*/
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    /*font-size: 21px;*/
    font-size: inherit;
    line-height: inherit;
    /*color: #333333;*/
    color: #666666;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    /*ergänzt*/
    font-weight: 400;
}

/*Kontaktformular tiefer setzen; hierbei handelt es sich um das 2te Kindelement; das erste ist Kontakt =&gt; wird nicht interpretiert*/
/*div.contact h3:nth-child(3) {
    margin-top: 60px;
}
*/
dl.contact-address {
    margin-top: 0;
    margin-bottom: 50px;
}

/*Absendebutton; siehe auch Def oben .btn*/
div.form-group .btn {
    padding: 6px 6px;
}

/*Sternchen*/
.star {
    /*color: #ffcc00;*/
    color: #e2001a;
}

/*Label; bootstrap.css Z2013*/
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}


/*------------------------------------------------- LOGIN / REGISTRIERUNG FORM ------------------------------------------------------*/
/*ph: eingefügt für das Login-Form ganz unten auf der Sidebar-left*/
/*siehe auch oben .article-title*/

.t3-sidebar .module-inner &gt; h3.module-title.get-login {
    /*padding-top:  10px;*/
    /*padding-top auch auf 0px setzen, wenn das Login-Forumlar auf der sidebar-right oben steht*/
    padding-top:  0px;
    padding-left: 0px;
    /*ph: 20191121*/
    letter-spacing: 0.7px;
}

.form-actions {
    padding: 20px;
    margin: 20px 0;
    /*background-color: #eeeeee;
    border-radius: 4px;
    */
    background-color: #ffffff;
    border: none;
}

/*Registrieren für den GET-Newsletter; Menülink GET-Newsletter unterhalb von ANMELDEN*/
.nav &gt; li &gt; a.get-registrieren {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
    padding: 0px 0px;
}
.nav &gt; li &gt; a.get-registrieren:hover, .nav &gt; li &gt; a.get-registrieren:focus {
    text-decoration: none;
    /*background-color: #eeeeee;*/
    background-color: #ffffff;
    /*ph neu*/
    color: #6d6d6d;
    font-weight: 400;
}


/* ------------------------------------------------ SUCHEN FORMULAR (Smartsearch -&gt; Komponenten &gt; Suchindex) -------------------------------------------------*/
/*ph: nach Joomla Migration4; eingefügt, da die alte Suche nicht mehr verwendet werden konnte*/
/*ph: doppelter Unterstrich !!! */
div#search-form.com-finder__form legend.com-finder__search-legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px !important;
    /*font-size: 21px;*/
    font-size: inherit;
    line-height: inherit;
    /*color: #333333;*/
    color: #666666;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    /*ergänzt*/
    font-weight: 400;
}

/* funktioniert nicht
input#q.js-finder-search-query.form-control button.btn {
    /* nach Joomla Migration 4 hinzugefügt
    margin-top: 20px;
}
*/

/*------------------------------------------------- SYSTEMHINWEISE --------------------------------------------------*/


.alert-error, .alert-warning{
    /*background-color: #f2dede; #f9b5b3 #f8c1c0*/
    background-color: #f8c1c0;
    border-color: #ebccd1;
    color: #b94a48;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-message {
    /*background-color: #dff0d8;*/
    background-color: #f8c1c0;
    border-color: #d6e9c6;
    /*color: #468847;*/
    color: #b94a48;
}

.alert-notice {
    /*background-color: #d9edf7;*/
    background-color: #f8c1c0;
    /*border-color: #bce8f1;*/
    border-color: #f8c1c0;
    /*color: #3a87ad;*/
    color: #b94a48;
}

.alert-info {
    /*background-color: #d9edf7;*/
    background-color: #f8c1c0;
    /*border-color: #bce8f1;*/
    border-color: #f8c1c0;
    /*color: #3a87ad;*/
    color: #b94a48;
}

/* ------------------------------------------------ MAMBO STYLEDEFINITIONEN -----------------------------------------*/
/*Aus Mambo template_css.css; da Beiträge diese class-Angaben haben:*/

.contentheading {
        height: 30px;
        background: url(../images/contenthead.png)  no-repeat;
        /*background-size: 100% auto;*/
        color: #666666;
        text-align: left;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
        font-weight: bold;
        /*font-size: 11px;*/
        white-space: nowrap;
}

.contentheading_vereinsdatenbank {
        height: 30px;
        background: url(../images/contenthead_vereinsdatenbank.png)  repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 9px;
        padding-left: 15px;
        font-weight: bold;
        /*font-size: 11px;*/
        white-space: nowrap;
}

table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
}

table.moduletable th {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        /*font-weight: bold;*/
        font-weight: 700;
        /*font-size: 10px;*/
        font-size: 12px;
        text-transform: uppercase;
}

table.moduletable td {
        /*font-size: 11px;*/
        padding: 0px;
        margin: 0px;
        font-weight: normal;
}

/*template.css Z108*/
td,
tr td {
  /*border-top: 1px solid #dddddd; #6d6d6d*/
  border-top: 0px solid #dddddd;
}

/*template.css Z127*/
/*table.contentpaneopen {
    border: 0;
}*/
table.contentpaneopen {
        width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
}

table.moduletable table.contentpaneopen {
        width: 100%;
        /*padding: 0px;*/
        margin: 10px 0px;
        border-collapse: collapse;
        border-spacing: 0px;
}

/*Lehrgänge: Termine und Daten*/
/*nur spezifiziert, falls ein anderes Layout eingestellt werden soll*/
.contentpaneopen.lg-tundd {
       width: 100% !important;
}
/*für Ausbildungen variieren*/
.contentpaneopen.lg-tundd-a {
       width: 80% !important;
}

/*für das Archivlayout im Jan 07 ergänzt; padding: 4px statt 0px*/
table.contentpaneopen_archive {
        width: 100%;
        padding: 4px;
        border-collapse: collapse;
        border-spacing: 0px;
}
/*für das Archivlayout im Jan 07 ergänzt; padding-left/right: 4px statt padding:0px*/
table.contentpaneopen_archive td {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
}

span.m {
       /*color: #ff0000; #e2001a*/
       font-weight: 700;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*die Style-Definitionen für den GET-Newsletter*/
/* body {
        margin:15px;
        height:100%;
        padding:0px;
        font-family:Tahoma,Arial,Helvetica,Sans Serif;
        font-size:10.0pt;
        color:#333333;
        letter-spacing:0.2mm;
        word-spacing:0.8mm;
        background:#ffffff;
 }
 */

/*im Web ausgeblendet*/
#main_outline_newsletter {
        width: 620px;
        border: 5px solid #eb1e25;
        padding: 0px;
        text-align: left;
}

.bigletter_newsletter {
             /*font-size:15.0pt;*/
             font-size: 15px;
             font-weight: bold !important;
}

.rubrik_newsletter {
             padding-top: 0px;
             /*font-size:13.0pt;*/
             font-size: 14px;
             font-weight: bold;
             text-decoration: underline;
             color: #e2001a;
}

.rubrik_newsletter-unterpunkt {
             padding-top:0px;
             /*font-size:13.0pt;*/
             font-size:14px;
             font-weight:bold;
             text-decoration:none;
             color:#ff0000;
}

.headline_newsletter {
            padding-top: 0px;
            /*font-size:13.0pt;*/
            font-size: 14px;
            font-weight: bold;
}

.font_face_newsletter {
             font-family: Kunstler Script,Tahoma,Arial,Helvetica,Sans Serif;
             /*font-size:26pt;*/
             /*font-size: 26px;*/
             font-size: 30px;
             font-weight: bold;
             padding-top: 10px;
}

/*nicht verwendet*/
hr.trennlinie_newsletter {
                width: 100%;
                color: #cccccc;
                border: 2px solid #cccccc;
}

table.newsletter {
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
}

.head_newsletter {
     text-align: left;
     vertical-align: top;
     /*font-size:10.0pt;*/
     font-size: 14px;
     padding: 0px 15px 0px 15px;   /*top right bottom left*/
}

td.newsletter {
     text-align: left;
     vertical-align: top;
     /*font-size:10.0pt;*/
     font-size: 14px;
     padding: 10px 0px 0px 0px;   /*vorher: padding:0px*/
}

/*  ist generell schon definiert
a:link, a:visited {
          color:#eb1e25;
          text-decoration:none;
          font-weight:bold;
}
a:hover {
          color:#000000;
          text-decoration:none;
          font-weight:bold;
}
*/

/*nicht verwendet*/
ul.newsletter  {
      list-style: square;
      padding-left: 5px;
      margin-bottom: 10px;
      color: #e2001a;
      font-weight: bold;
      /*font-size:10.0pt;*/
      font-size: 14px;
}

/*nicht verwendet*/
li.newsletter {
     background-image: none;
     font-weight: normal;
     padding-top: 20px;
     /*font-size:10.0pt;*/
     font-size: 14px;
}


/* --------------------------- FÜR DAS LAYOUT DER VEREINSDATENBANK ------------------------- */
/*
input[type="checkbox"] {
     margin:0px 8px 3px 1px; vertical-align:middle; width:13px; height:13px; padding:0px;  font-weight:400;
}

input[type="radio"] {
     margin:0px 8px 3px 1px; vertical-align:middle; width:13px; height:13px; padding:0px; font-weight:400;
}
*/

input.checkbox_vdb {
     margin:0px 8px 3px 1px; vertical-align:middle; width:13px; height:13px; padding:0px;
}

input.radio_vdb {
     margin:0px 8px 3px 1px; vertical-align:middle; width:13px; height:13px; padding:0px; font-weight:400 !important;
}

/*  funktioniert nicht; das Schriftgewicht ist 700 (siehe Z 1115) soll aber normal sein
label.checkbox_vdb {
     font-weight: 400;
}
label.radio_vdb {
     font-weight: 400;
}
*/

.custom_label label {
     font-weight: 400 !important;
     font-size: 14px;
}


/* --------------------------- FÜR DAS LAYOUT DES COOKIE-PLUGINS CookieHint ------------------------- */
/*aus cmsj/plugins/system/cookiehint/css/style.css*/

#redim-cookiehint{
	width: 100%;
	padding: 7px 5%;
	box-sizing: border-box;
	/*Ist position:fixed aktiviert, greift die margin-bottom Definiton nicht und der Cookiehinweis liegt unterhalb des footers und wird nicht angezeigt*/
	/*=&gt; position: fixed; auskommentieren, wenn der Cookiehinweis unten erscheinen soll*/
        position: fixed;
	/*background-color: #adadad;*/
	/*background-color: #f8f8f8;*/
	/*background-color: #eeeeee;*/
	/*background-color: transparent;*/
	background-color: #f8f8f8;
	font-size: 14px;
	z-index: 9999999;
	/*ph 20180620 margin-bottom:*/
	/*Damit die Pflichtangaben (Impressum Datenschutzerklärung im Footer-Menü nicht durch den Cookie-Banner verdeckt sind, was zu Abmahnung führen könnte, wenn*/
	/*der Cookiehinweis unten erscheinen soll; beachte: position:fixed muss dann auskommentiert werden, s.o.*/
	margin-bottom: 55px;
	/*ph 20180620 border:*/
        border-bottom: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
 }

#redim-cookiehint .cookiecontent{
	font-size: 14px;
	line-height: 18px;
	/*color: #fff;*/
	color: #666666;
	display: inline-block;	
}


#redim-cookiehint .cookiebuttons .btn{
	padding: 5px 10px !important;
	/*ph 20180620 padding: 5px 10px 5px 0px !important;*/
	/*color: #ffffff;*/
	/*color: #666666;*/
	color: #ffffff;
	/*background-color: #333;*/
	/*background-color: #f8f8f8;*/
	/*background-color: #eeeeee;*/
	background-color: #303030;
	/*font-size: 12px;*/
	font-size: 14px;
	/*ph 20180620 font-weight:*/
	/*font-weight:bold;*/
	line-height: 14px;
	margin-top: 2px;	
	margin-bottom: 2px;
	cursor: pointer;
	/*ph 20180620*/
}

#redim-cookiehint .cookiebuttons{
	display: inline-block;
        float: right;
}


#redim-cookiehint .cookiebuttons .btn:hover{ 
	/*background-color: #111111;*/
	/*background-color: #eeeeee;*/
     	background-color: #f8f8f8;
	/*color: #ffffff;*/
	color: #666666;
}

/*ph: nach Joomla Migration4; eingefügt, da der Link "Datenschutzerklärung" mit color #ffffff dargestellt wurde */



#redim-cookiehint a:link, #redim-cookiehint a:visited{
	color: #e2001a;
        font-weight: 400;
        text-decoration: none;
}

#redim-cookiehint a:hover, #redim-cookiehint a:focus{
	color: #6d6d6d;
        font-weight: 400;
        text-decoration: none;
}



/* --------------------------- FÜR DAS LAYOUT DER DATENSCHUTZ-CHECKBOX ------------------------- */
/* aus bootstrap.css Z2151 ff: */

/*.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
} */

/* id aus Quelltext entnommen; eigene css-Klasse - .dschutz-checkbox: der Checkbox im Backend zugeteitlt - funktioniert nicht */
/*.dschutz-checkbox {
        margin-left: -20px; 
}*/


/*im Kontaktformular*/
#jform_com_fields_datenschutz0 {
  /*margin-left: -20px;*/
  /* ph */
  margin-left: -17px;
}

/*im Registrierungsformular*/
#jform_com_fields_datenschutznewsletter0 {
  /*ph margin-left: -20px;*/
  margin-left: -17px;
}

/*im Datenschutzzustimmungsformular -&gt; funktioniert nicht für responsives Layout*/
/*Definition für ein Element mit der id jform_com_fields_datenschutznewsletter0, dass innerhalb eines Formulars mit der id member-profile liegt */
/*form#member-profile #jform_com_fields_datenschutznewsletter0 { */
  /*margin-left: -20px;*/
 /* margin-left: -170px;*/
/*}*/

/*im Datenschutzzustimmungsformular -&gt; funktioniert nicht für responsives Layout*/
/*Definition für ein Element mit der id jform_com_fields_datenschutznewsletter0, dass innerhalb eines Formulars mit der id member-profile liegt */
form#member-profile #jform_com_fields_datenschutznewsletter0 {
  /*margin-left: -20px;*/
  margin-left: -17px;
  /*ph: am 26. Nov eine Breitenangabe gemacht (Standardwert), da unter Chrome die Checkbox nicht angezeigt wurde -&gt; hat auch nicht geholfen*/
  /*width: 0px;*/
  width: 12.8px;
}

/* --------------------------- FÜR DAS GET BENUTZERMENÜ ------------------------- */

/*Modul GET Benutzermenü*/
/*Modul-Definitionen; siehe Splitmenu .t3-module-get-split*/
/*im Modul als Modulklassensuffix verwenden; Reiter Erweitert*/
.t3-module-get-user {
    /*padding: 0px 7px; für h3 und ul separat gesetzt; s. ff*/
    padding: 0px 0px;
    /*background: #f8f8f8;*/
    background: #ffffff;
    /*font-size: 12px !important;*/
    /*font-weight: 700 !important;*/
    font-size: 12px;
    font-weight: 700 !important;
    /*text-transform: uppercase;*/
    letter-spacing: 0.7px;
    /*#eeeeee #f8ebea1*/
    /*border: 1px solid #e2001a;*/
    /*border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    */
}
/*Menü-Überschrift*/
.t3-module-get-user h3 {
    font-weight: 400;
    /*letter-spacing: 0.7px; - wie Modulüberschriften*/
    /*background: #e2001a;*/
    /*color: #e2001a;*/
    /*letter-spacing wie im homemenü*/
    /*ph: 20191121: letter-spacing: 1.5px;*/
    letter-spacing: 0.7px;
    padding: 200px 0px 15px;
    margin-bottom: 0px !important;
    /*#e2001a, #eeeeee #f8f8f8*/
    border-bottom: 2px solid #cccccc;
}
.t3-module-get-user h3 &gt; span {
    padding-left: 0px;
}

/*Definitonen für die Menüeinträge im GET-Benutzermenü bzw &lt;ul&gt; &lt;ul&gt;; analog .get-submenue: Zeile 594 ff*/
/*im Modul als Menüklassensuffix verwenden; Reiter Erweitert*/

/*Definitonen für die Menüeinträge bzw &lt;ul&gt; &lt;ul&gt;*/
/*bootstrap.css Z4333, 4339*/
/*da die Definitionen nur für die GET-Splitmenüs gelten sollen, .get-submenue voranstellen,
kein Leerzeichen lassen, da .nav-pills und .nav weitere class-Attribute in &lt;ul&gt; sind*/
/*aktive Links*/
.get-user.nav-pills &gt; li.active &gt; a,
.get-user.nav-pills &gt; li.active &gt; a:hover,
.get-user.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
}
/*nicht aktive Links*/
.get-user.nav-pills &gt; li &gt; a {
    border-radius: 0px;
    font-weight: 700;
    /*neu hinzugefügt zwecks Bündigkeit; und geringerem Abstand der Menüpunkte*/
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*bootstrap Z4231*/
.get-user.nav &gt; li &gt; a:hover,
.get-user.nav &gt; li &gt; a:focus {
    color: #ffffff;
    background-color: #e2001a;
    text-decoration: none;
}
/*bootstrap Z4246*/
.get-user.nav .open &gt; a,
.get-user.nav .open &gt; a:hover,
.get-user.nav .open &gt; a:focus {
  background-color: #e2001a;
  border-color: #e2001a;
  color: #ffffff;
}

/*dropdown-submenue; bootstrap Z2891, 2900*/
.get-user .dropdown-submenu &gt; .dropdown-menu {
    /*border-radius: 4px;*/
    border-radius: 0px;
    /*ph: ergänzt:*/
    padding: 15px;
}
.get-user .dropdown-submenu &gt; .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: -1px;
}
/*template.css Z776*/
.get-user .dropdown-menu &gt; li &gt; a {
    /*padding: 5px 20px;*/
    padding: 5px 10px !important;
}
/*bootstrap Z3803*/
.get-user .dropdown-menu &gt; li &gt; a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.42857143;
    /*color: #333333;*/
    color: #ffffff;
    white-space: nowrap;
}

/*bootstrap Z3818*/
/*aktive Links*/
.get-user .dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:hover, .dropdown-menu &gt; .active &gt; a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    /*background-color: #cc0000;*/
    background-color: #e2001a;
}
/*das Dropdown-Menu anders definieren als - oberhalb: bootstrap Z4246*/
/*.get-submenue.nav .dropdown-menu .open &gt; a,*/
.get-user.nav .dropdown-menu .open &gt; a:hover,
.get-user.nav .dropdown-menu .open &gt; a:focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #e2001a;
}


/*ph: nach Joomla Migration4; eingefügt, da das class-Attribut des div-Elements verändert wurde*/
/* --------------------------- FÜR DAS GET privat -&gt; Benutzerprofil anzeigen / bearbeiten ------------------------- */
/*Layout fuer Profil bearbeiten - Button; &gt; = direktes Kindelement*/
div.com-users-profile &gt; ul.com-users-profile__edit.btn-toolbar.float-end {
    padding-left: 0px;
}

div.com-users-profile &gt; ul.com-users-profile__edit.btn-toolbar.float-end &gt; li.btn-group &gt; a.btn.btn-primary {
    background-color: #ffffff;
    padding-left: 0px;
}

/*Layout fuer Abbrechen - Button; &gt; = direktes Kindelement*/
div.com-users-profile__edit-submit.control-group &gt; div.controls &gt; button.btn.btn-danger {
    /*ist: background-color: #c9302c;*/
    background-color: #cc0000;
    /*background-color Hintergrundfarbe -&gt; Link*/
    /*background-color: #f5f5f5;*/
    /*Link geht hier nicht, da keiner definiert ist*/
    /*ist: color: #ac2925c;*/
    /*color: #ffffff;*/
    /*color darf nicht definiert werden; dann greift btn:hover.. nicht*/
}</pre></body></html>