/* SCHRIFTENEINBETTUNG – Die Datei muss im Template im Ordner Fonts liegen und die src url des originalen Codes entsprechend um ../fonts/ ergänzt werden */
/* Seitentitel*/
@font-face {font-family: 'satisfyregular';src: url('../fonts/Satisfy-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'josefin_slabsemibold';src: url('../fonts/josefinslab-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Josefin Sans Light';font-style: normal;font-weight: normal;src: local('Josefin Sans Light'), url('../fonts/JosefinSans-Light.woff') format('woff');}
@font-face {font-family: 'Josefin Sans Light Italic';font-style: normal;font-weight: normal;src: local('Josefin Sans Light Italic'), url('../fonts/JosefinSans-LightItalic.woff') format('woff');}
@font-face {font-family: 'Josefin Sans Regular';font-style: normal;font-weight: normal;src: local('Josefin Sans Regular'), url('../fonts/JosefinSans-Regular.woff') format('woff');}
@font-face {font-family: 'Josefin Sans Italic';font-style: normal;font-weight: normal;src: local('Josefin Sans Italic'), url('../fonts/JosefinSans-Italic.woff') format('woff');}


/* VERWENDETE FARBCODES zum leichteren Wiederfinden: rot: #c92a2a oder b72f3a*/

/* AUSSEHEN der einzelnen Bereiche und Modulpositionen, das für alle Versionen gilt */
body {background:#fff;color:#000;}
#box {background:#fff}
#menuebg {position:fixed;width:100%;top:0;left:0;background:#b72f3a;z-index:100;}
/* Aussehen des fixierten Balkens */
.logo {}
.menue{z-index:101;}
.toggle {}
.kopf {width:100%; position: relative;margin:0;padding:0;}
#bild {width:100%;padding:0;} /* Das Bild soll die gesamte Fläche ausfüllen */
#titel {position:absolute;font-family: 'satisfyregular';} /* Hier Schrift vom Titel ändern */
.module {}
#module_oben {}
#module_unten {}
#inhalt {}
.breadcrumbs {}
#main {}
.links {} /* zusätzliche Spalte im Hauptbereich */
.text {}
.fuss {background:#b72f3a;color:#fff;} /* Footer Farbe */
.kontakt {text-align:center;}
.impressum {text-align:center;}

/* SCHRIFTARTEN UND GRÖSSEN */
body {font-size:20px;font-family: 'Josefin Sans Light'}
p {line-height:1.4em;}
p, tr, td, div, li, span {font-size:1em;}
.text ul li {line-height:1.3em;}
h1 {font-family: 'josefin_slabsemibold';font-size:1.5em;}
h2 {font-family: 'josefin_slabsemibold';font-size:1.3em;}
h3 {font-family: 'josefin_slabsemibold';font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-family: 'satisfyregular';font-size:3.5em;letter-spacing:2px;text-align:center;}
h6 {font-size:1em;padding:1em 0;}
b, strong {font-family: 'Josefin Sans Regular';font-weight:normal;} /* Hier wird für fett eine eigene Schrift verwendet */
i, italic {font-family: 'Josefin Sans Light Italic';font-style:normal;} /* Hier wird für kursiv eine eigene Schrift verwendet */
b i, i b, strong em, em strong {font-family: 'Josefin Sans Italic';font-style:normal;} /* Hier wird für fett+kursiv eine eigene Schrift verwendet */
blockquote {font-size:1.2em;} /* Für Zitate. Werden etwas abgesetzt dargestellt. */
/* Anführungszeichen vor und nach Zitaten */
blockquote::before {content: "„";display: block; font-size:2em;text-align:center;line-height:1em;}
blockquote::after {content: "“";display: block; font-size:2em;text-align:center;line-height:1em;}

/* LISTEN */
.text ul li {list-style:square;margin-left:20px;}
.text ol li {margin-left:30px;}
nav.breadcrumbs li {color:#000;font-size:0.8em;padding-right:0px;margin-right:0;}
nav.breadcrumbs li::after {color:#000; content: " – ";} /* Trennzeichen in der Breadcrumb */
.menue li {font-size:0.95em;padding: 0 0 0 20px;text-transform:uppercase;} /* Das hier ist das Hauptmenü */
.impressum li {padding: 0 10px;font-size:1em;}
div.pagination ul li {display:inline;} /* Seitennummerierung*/

/* LINKFARBEN und SCHREIBWEISEN (Auszeichnungen siehe template)*/
a:link, a:visited {color: #b72f3a;} /* standardmäßige Farbe der Links */
a:hover {color:#000;}/* standardmäßige Farbe der Hover */
.menue a:link, .menue a:visited {color:#fff;} /* Farbe der Links im Menü */
.menue a:hover, .menue li.current.active a {color:#fff;text-decoration:underline;} /* aktive Menüpunkte */
.impressum a:link, .impressum a:visited, .kontakt a:link, .kontakt a:visited {color:#fff;} /* Farbe der Links im footer */
.impressum a:hover, .kontakt a:hover {color:#fff;text-decoration:none;} /* aktive Links im Footer*/
.breadcrumbs a {color:#000;} /* Farbe der Breadcrumb */
p.readmore a:link, p.readmore a:visited {color:#000;font-size:1em;text-decoration:underline;} /* Weiterlesen Links*/
p.readmore a:hover {color:#b72f3a;} /* Weiterlesen Hover */
/*Titel verlinkt */
#titel a {color:#fff;} /* Hier Farbe vom Titel ändern */
/* Social Media Links mit Bild */
li a img {width:30px;height:auto;margin-bottom:-3px;}


/* BLOGAUSSEHEN, das für alle Ansichten gilt */
.blog-item {border-bottom: 1px solid #b72f3a;} /* Abgrenzung der einzelnen Items z.B. durch eine Linie z.B: solid */


/* Zusätzliche Einstellungen für oft verwendete Designs oder Joomla Module */

/* BUTTONS IM INHALT (die Klasse muss manuell bei jedem Link eingefügt werden */
a.button {}
a:link.button, a:visited.button, a:hover.button {background:#b72f3a;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;text-decoration:none;text-transform:uppercase;font-size:1em;padding:10px 50px;text-wrap: balance;}
a:link.button, a:visited.button {color:#fff;}
a:hover.button {color:#000;}

/* NEWSFLASH – gleichmäßige Anordnung der Einträge */
div.mod-articlesnews {width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;}
figcaption {font-size:0.6em;}
ul.mod-articles-items {list-style:none;}

/* EINSTELLUNGEN FÜR ZUSÄTZLICHE TOOLS, die eigentlich immer verwendet werden */

/* Cookiehinweis */
#redim-cookiehint {background:#fff;color:#fff;border-top: 2px solid #b72f3a;}
.cookiehead {color:#000;}
.cookiecontent {color:#000;}
.cookiebuttons {}

/* Kalender */
.ic-block, .ic-inline-block, .ic-descshort, .ic-place {font-size:1.05em!important;}
.ic-block {padding-bottom:2px;}
.ic-box-date {width:140px;}
.ic-title-cat, .ic-more-info {display:none;}
.event-header {background:#fff;border:none;}
.icinfo {background:#fff;border-radius:0;}
.ic-single-next {}
.ic-info-box, .ic-info-box-header, .ic-info-box-content {background:#fff;}
.ic-info-box-header label {color:#000;font-family: 'josefin_slabsemibold';text-transform:none;font-size:1em;}
.ic-image img {border:1px solid #000;}