@charset "utf-8";
/*
/* 
 * HTML5 ✰ Boilerplate
 *
 * Das Folgende ist das Ergebnis umfangreicher Nachforschungen zum browserunabhängigen Webdesign. 
 * Verweise auf die Urheber finden Sie in den Codekommentaren, außerdem ein herzliches Dankeschön an Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen und die H5BP-Entwicklergemeinde und das H5BP-Team.
 *
 * Ausführliche Informationen über diesen CSS-Code gibt's unter h5bp.com/css
 * 
 * Dreamweaver-Modifikationen:
 * 1. Auswahlmarkierung auskommentiert
 * 2. Abschnitt über Medienabfrage entfernt (wir definieren unsere eigene Medienabfrage in einer gesonderten Datei)
 *
 * ==|== Normalisieren ======================================================
 */
/* Normalizing browser styles */
/* REF: http://tantek.com/log/2004/09.html#d06t234 */
/* REF: http://meyerweb.com/eric/thoughts/2004/09/15/emreallem-undoing-htmlcss/ */

/* Normalize margin, padding */
html, body {
    height:100%;
  background-color:#f8f8f8;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  }


/* Normalize font for headers */
  h1, h2  {
  font-size: 100%;
  font-weight: normal;
  lcolor:#c92338;
}

 h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;

}

/* Remove list-style for lists */
ol, ul {
  list-style: none;
}

/* Removes borders and spacing from tables */
htable {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
  border: 0;
}

/* Left-aligns text in caption and th */
caption, th {
  text-align: left;
}

/* Removes quotation marks from q */
q:before, q:after {
  content:'';
}

/* =============================================================================
   HTML5-Anzeigedefinitionen
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Basis
   ========================================================================== */

/*
  * 1. Die Anpassung der Textgröße führt in IE6/7 zu merkwürdigen Resultaten, wenn die Schriftgröße des Bodytexts in em-Einheiten angegeben ist
 * 2. Erzwingen einer vertikalen Bildlaufleiste in Nicht-IE-Browsern
 * 3. Verhindern der iOS-Textgrößenanpassung beim Ändern der Geräteausrichtung ohne den Benutzerzoom zu deaktivieren: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; font-size:0.835rem; line-height: 1.5; }

body, button, input, select, textarea { font-family:
century gothic,  avalon, Arial, Helvetica,sans-serif; color: #6c6d6f; }
/* 
 * Textschatten in der Auswahlmarkierung entfernen: h5bp.com/i
 * Die folgenden Auswahldeklarationen müssen getrennt voneinander erfolgen
 * Außerdem: leuchtendes Pink! (Die Hintergrundfarbe kann auch an das Design angepasst werden.)
 */

/* Dreamweaver: die folgenden Codestellen auskommentieren, wenn die Auswahlmarkierung angepasst werden soll
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Hyperlinks
   ========================================================================== */


a { color: #1e1d1d;color:#A51A15;text-decoration:none;background:none;background-color:transparent; }
a:visited { color: #A51A15; }
a:hover { color: #D1625D;background-color:transparent; }
a:focus { outline: none;background:none;
background-color:transparent; }

/* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */
a:hover, a:active { outline: 0;background:none;background-color:transparent;
 }
#offcanvasmenu a {color:#fff;}
#offcanvasmenu a:hover {color:#A51A15;
}
/*Formatierung header navigation*/

#headernav ul {list-style-type:none;margin-top:1rem;
  padding: 0;margin-bottom:1.4rem;
  text-transform:none;}
#headernav ul li {float:left; color: rgb(30, 29, 29);
}
#headernav ul li a {
  padding:0.8em 0.5em 0.8em 0.5em;
  color:#797878;
  font-size: .9375rem;
  }
#headernav ul li a:hover {color:#1E1D1D;}
#headernav ul li .active_static {  
  color:#D10057;
  }


.hidenews i.fa-instagram {
 font-size: 1.75rem;
 margin-top: -2px;
 color: #80a479;
 padding: 0rem .25rem .25rem 0.5rem;
}
 }

 .hidenews i.fa-instagram:hover {

    color: #c1c7c0;
    margin-top: -5px;
 }

#subnav ul {list-style-type:none;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom:30px;
  margin-top:0;  
  text-transforms:uppercase;
  border:0px solid red;
  display:block;
}
  
#subnav ul li {display:block; }
#subnav ul li a {
  display:block;  
  font-size:0.9rem;  
  color:#fff;
  width:85%;
  padding-top:0.4rem ;
  padding-bottom:0.4rem;
  border-bottom:1px dashed #fff;  
}
#subnav ul li:last-child a {border:none;  
}
#subnav ul li a:hover{
  color:#a5a2a2;
   background7: #494848;
  backgroundd: rgba(73, 73, 72, .75);
}
#subnav ul li a.subactive {
    font-weight:bold;
  }

#subnav ul li:hover7
 {  
  background: #494848;
  background: rgba(73, 73, 72, .75);
 }
#main  a  {color:#A51A15;}
#main a:hover  {color:#d1625d;}

#main p a  {color:#A51A15;}
#main p a:hover  {color:#d1625d;}

.widgetright span a  {
  font-size:1.0rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#d6055b;
  padding:1.5rem;  
}
.widgetright span a:hover {
 color:#c2acac;}

/*widgetrightleft wird in die rechte Spalte gelegt, erst sichtbar bei <760 px Breite Inhalt wie widgetleft */
.widgetleft span a, .widgetrightleft span a {
  font-size:1.0rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;  
  padding:1.5rem 0 1.5rem 0rem;
}
.widgetleft span a:hover, .widgetrightleft span a:hover {
 color:#c2acac;}

.widgetrightred a {color:white}
.widgetrightred a:hover {color:#c2acac;}
#bread {color:#797878;}
a.staticbread {color:#797878;}
a.staticbread:hover {color:#1E1D1D;}
.spacing {padding-left:0.5rem;padding-right:0.5rem;}
.spacingfoot {
margin-left: 1rem;
padding-right: 0rem;
margin-right: 1rem;
font-size: 0.9rem;}


a.mainsublink {font-size:0.85rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#80a479;  
  padding:0.5rem 0 1.5rem 0.5rem;}
  
a.mainsublink:hover {
  color:#6C6D6F;  
 }  
  
.linkpfeil {font-size:1.2rem;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff; 
  background:#80a479;
  margin-top: 1rem;
  margin-right:0.5rem;
  padding:0.0rem 0.5rem; }
  
#offcanvasmenu ul li a {
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-right: 1.5em;
	color: #FFF;
}  

/* =============================================================================
   Typografie
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin:  0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Nichtproportionale Schriftfamilie neu deklarieren: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* In allen Browsern die Lesbarkeit von vorformatiertem Text verbessern */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Text höher oder tiefer stellen ohne die Zeilenhöhe zu beeinflussen: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1 {font-size:2rem;font-weight:bold;text-transform:uppercase;line-height:1.0;margin:1rem 0rem;padding:0 0.8rem;}
h2 { font-size:1.0rem;
font-weight:bold;
text-transform:uppercase;
line-height:1.0;
margin-bottom:1rem;
    padding: 0 0.8rem;
}
h3 { font-size:1.0rem;
font-weight:bold;
text-transform:uppercase;
line-height:1.0;
margin-top:1rem; 
margin-bottom:0.5rem;  
    padding: 0 0.8rem;
}
.mainsub h3 {margin-left:1rem;}
h4 { font-size:1.0rem;
font-weight:bold;
text-transform:uppercase;
line-height:1.0;
}

p { font-size:0.9rem;
padding:0rem 0.8rem;
margin:0.8rem 0;  
}
#main p {
text-align:justify;
margin-top:1rem;  
  margin-bottom:1rem;  
}
/* =============================================================================
   Listen
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#footer > ul { margin: 0.9rem 0; padding:0; }
#footer > ul li{list-style: none; float: left; }
#footer > ul li:first-child{ margin-left:0em;}
#footer > ul li:last-child{ margin-right:0em;}
#footerinner > ul li{list-style: none; float: left; }
.footul {list-style: none; list-style-image: none; margin: 0; padding: 0; }
.footul li { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.footul li a{ color:#fdfdfd ; font-size:0.835rem;}
#offcanvasmenu ul {
    width: 100%;
    list-style-type: none;
    padding-left: 0px;
    margin: 0.5rem 0rem;
    padding-bottom: 0.5rem;
}
#offcanvasmenu ul li {
    float: left;
    color: #500;
    margin: 0px;
   padding-bottom: 0.7rem;
}

/* =============================================================================
   Eingebetteter Inhalt
   ========================================================================== */

/*
  * 1. Verbessern der Bildqualität beim Skalieren in IE7: h5bp.com/d
 * 2. Entfernen der Lücke zwischen Bildern und Rahmen in Bildcontainern: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Korrekter Überlauf in IE9 nicht verborgen 
 */

svg:not(:root) { overflow: hidden; }

.nospace {margin:0;
          padding:0;}
/* =============================================================================
   Formatierung Boxen
   ========================================================================== */

.shadow {
-webkit-box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65); /* WebKit */
-moz-box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65); /* Firefox */
box-shadow: 4px 4px 4px 0px rgba(88, 88, 88, 0.65); /* Standard */
}

.mdc-checkbox__checkmark-path {
    color:#848a88!important;
}

/*Ausblenden des Reports (unten am Cookie Kasten)*/

#cookiescript_reportdate {
  display:none!important;
}

/* =============================================================================
   Abbildungen
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Formulare
   ========================================================================== */

form { margin: 0; }
.wdh {display:none;}

fieldset { border: 0; margin: 0; padding: 0; }

/* Festlegen, dass 'label' den Fokus auf das betreffende Forularelement setzt */
label { cursor: pointer; }

/* 
  * 1. Korrekte Farbe wird in IE6/7/8/9 nicht vererbt 
 * 2. Korrekte Ausrichtung wird in IE6/7 merkwürdig angezeigt 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
  * 1. Korrekte Schriftgröße wird in keinem der Browser vererbt
 * 2. Entfernen von Rändern in FF3/4 S5 Chrome
 * 3. Definieren konsistenter vertikaler Ausrichtung für alle Browser
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
  * 1. Für eine Übereinstimmung mit FF3/4 die Zeilenhöhe als normal definieren (im UA-Stylesheet '!important' verwenden)
 * 2. Korrekter innerer Abstand wird in IE6/7 merkwürdig angezeigt
 */

button, input { line-height: normal; *overflow: visible; }
form input { width: 60%;
    min-width: 250px; }
	
	.cole form input {
    width: inherit;
    /* min-width: 250px; */
    }
	

/*
 * In 'table' inneren Abstand wieder einführen, um Überlappungen zu vermeiden und IE6/7-Probleme mit Leerraum zu vermeiden.
 */

table button, table input { *overflow: auto; }

/*
  * 1. Anzeigen des Handcursors bei klickbaren Formularelementen
 * 2. Gestaltung klickbarer Formularelemente in iOS ermöglichen
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Konsistente Größe und Darstellung von Feldern
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * In FF3/4 innere Auffüllung und Rahmen entfernen: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
  * 1. In IE6/7/8/9 vertikale Standardbildlaufleiste entfernen 
 * 2. Größenänderung nur in der Vertikale zulassen
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Farben für die Formularüberprüfung */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

* {
    box-sizing: border-box;
}
/* =============================================================================
   Tabellen
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== Primärstile ========================================================
   Autor: 
   ========================================================================== */
















/* ==|== nichtsemantische Helferklassen ========================================
   Definieren Sie Ihre Stile vor dieser Auswahl
   ========================================================================== */

/* Für den Austausch von Bildern */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Vor Bildschirmleseprogrammen und Browsern verbergen: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Nur visuell verbergen, aber für Bildschirmleseprogramme bereithalten: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Erweitert die Klasse ".visuallyhidden" so, dass das Element bei der Tastaturnavigation den Fokus erhält: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Visuell und vor Bildschirmleseprogrammen verbergen, aber das Layout beibehalten */
.invisible { visibility: hidden; }

/* Floats beinhalten: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== Druckstile ==========================================================
   Druckstile.
   Innen, um die erforderliche HTTP-Verbindung zu vermeiden: h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Schwarz druckt schneller: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Keine Bildverweise anzeigen und keine javascript/internal- Hyperlinks */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}