@charset "utf-8";

/*====================================*/
/*Stylesheet der Dateien der Website
/*http://www.ute.die-partei-fulda.de
/*====================================*/

/*====================================*/
/* benutzte Farben
/*====================================*/
/*
# 0-9 + a-f                 RGB 0 - 255
Hexadezimal Farbe           Rot Grün Blau	css3-Farbname

#ffffff     weiß            255 255 255     white
#ffebe6     lichtgrau       255 235 246             inaktiv
#efefef     sehr hellgrau   239 239 239
#eeeeee     fast weiß       238 238 238
#c9c9c9     hellgrau        201 201 201
#c0c0c0     silber          192 192 192     silver
#d9d9d9     grau, heller    217 217 217             inaktiv
#cccccc     grau            204 204 204
#d1d1d1		PARTEI grau		209 209 209	
#ededed		PARTEI grau		237 237 237	
#fdf5e6     beige           253 245 230     OldLace
#daa520 	goldbraun		218 165  32		goldenrod
#d7ae44     gold            215 174  68 	weihnachten
#ffdead     goldbeige       255 222 173     NavajoWhite  
#ffb90f     goldgold        255 185  15      DarkGoldenrod1  inaktiv
#ffd700     gelbgold        255 215   0     gold 
#ffeebb     blassgelb       255 238 187             inaktiv
#ffee00		gelb GRÜNE		255 238   0				GRÜNE
#ffff00     gelb            255 255   0     yellow
#ffccoo     gelb            255 204   0             inaktiv
#fcdd09     FD-Wappen-gelb  252 221   9             inaktiv
#fcb100     gelb / Sonblum  252 177   0
#fbf000     gelb            251 240   0
#9fe15d     mintgrün        159 225  93
#528b00     grün             82 139   0
#6c7c36     tannengrün      108 124  54             weihnachten
#078930     FD-Wappen-grün   7  137  48             inaktiv
#3e6620     dunkelgrün       62 102  32
#46962b		grün GRÜNE		 70 150  43				GRÜNE
#c32e04     braun           195  46   4             inaktiv
#bd9892     altrosa         189 152 146         PC-Desktop
#ffccff     blassroasa      255 204 255             inaktiv
#fadadd     altrosa         250 218 221             inaktiv
#ffeeff     hellrosa        255 238 255             inaktiv
#ff0000     rot error       255   0   0     red     error
#fa0000     rot             250   0   0             error alt
#da121a     FD-Wappen-rot   218  18  26             inaktiv
#b91023		PARTEI rot		185  16  35		tooltip		wenn Word, dann 186 17 36 wählen. Bei Umwandlung in jpg wird es zu 185 16 35 
#711020     dunkelrot       113  16  32 			weihnachten
#b80f22		rot		  		184 15 34				tooltip u. ä.
#3f1102     Kartoffel braun  63  17   2
#d4821c     Kartoffel beige 212 130  28
#b40404     dunkelrot       180   4   4             inaktiv
#888888     mittelgrau      136 136 136
#6e6e6e     dunkelgrau      110 110 110             error
#585858     dunkelgrauer     88  88  88             inaktiv
#333333     sehr dunkelgrau  51  51  51             error
#000000     schwarz           0   0   0     black   error
#6c7c36     tannengrün      108 124  54             weihnachten statt 3e6620 dunkelgrün
#711020     dunkelrot       113  16  32             weihnachten statt 528b00 grün (aktiv)
#711020     dunkelrot       113  16  32             weihnachten statt 6e6e6e dunkelgrau
#711020     dunkelrot       113  16  32             weihnachten statt ff0000 rot und statt tooltip-rot
#d7ae44     gold            215 174  68             weihnachten statt fbf000 gelb 
#c0c0c0		silber			192 192 192				weihnachten statt 6e6e6e bei ::selection color
#ffd700		gelbgold		255 215   0     gold 	weihnachten statt fbf000 gelb bei ::selection background
		###ute.die-partei-fulda.de
#888888     mittelgrau      136 136 136				
#d1d1d1		PARTEI grau		209 209 209				body, wrapper, ::selection color, statt 6e6e6e
#ededed		PARTEI grau		237 237 237				Umrandung
#b91023;	PARTEI rot		185  16  35				color, ::selection background
*/
/*
http://www.farb-tabelle.de/de/farbtabelle.htm    zeigt auch den css3-Farbnamen
http://www.farbtabelle.at/farben-umrechnen/
https://www.farben-umrechnen.de
https://wiki.selfhtml.org/wiki/Grafik/Farbpaletten
*/

/*====================================*/
/* Browsereinstellungen überschreiben
/*====================================*/
* {
    margin: 0;
    padding: 0;
    hyphens: auto; /*automatische Silbentrennung*/
    -moz-hyphens: auto; /*automatische Silbentrennung*/
    -o-hyphens: auto; /*automatische Silbentrennung*/
    -webkit-hyphens: auto; /*automatische Silbentrennung*/
    -ms-hyphens: auto; /*automatische Silbentrennung*/
}

/*====================================*/
/* globale Einstellungen
/*====================================*/
body {
    margin: 0 auto;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
    font-size: 12px;
    background-color: #d1d1d1;/*d1d1d1*/
    color: #000000;
    width: 1400px;
}

::selection {/* markieren: Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
    background: #b91023;
    color: #d1d1d1;
}

::-moz-selection {/* markieren Firefox >=1 */
    background: #b91023;
    color: #d1d1d1;
}

a {
    color: #000000;
    text-decoration: none;     
    font-weight: bold;
}

a.pfeil[target="_blank"]:after {
  content: ' →';
}

h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
    font-size: 14px;
}
.sterne:after {
content: '*************';
font-weight: normal;
}

sup, sub {
    line-height:0px;
}

/*====================================*/
/* Tooltipps
/*====================================*/
.tooltip {
    position: relative;
}

/*.tooltip span[rel=tooltip] {
    display: none;
}*/

[data-tooltip] {
    position: relative;
}
 
[data-tooltip]::after {
    content: attr(data-tooltip);
    pointer-events: auto;
    opacity: 0;
    transition: opacity 0.5s;
    display: block;  
    position: absolute; 
    bottom: 2em;
    left: -1em;
    width: auto;
    padding: 0.2em;
    z-index: 1000;
    color: #000; /*000*/
    background-color: #fff;
    font-size: 14px;
}

[data-tooltip] {
    position: relative;
}
 
[data-tooltip]:hover::after {
  opacity: 1;
}

th [data-tooltip]:hover::after {/*kann weg, nur zum ausprobieren Problem Firefox*/
  opacity: 1;
}

.tt-1 [data-tooltip]::after {/*header*/
    background-color: #fbf000;/*fbf000*/
    /*background-color: rgba(251,240,0,1);*/
    color: #3e6620; /*#3e6620*/
    border: solid 1px #fff;
    bottom: 2em;
    left: 15em;
}

.tt-2 [data-tooltip]::after {/*Fließtext*/
    background-color: #ccc;
    background-color: rgba(204,204,204,1);/*= #ccc*/
    color: #000;
    bottom: 1.2em;
    left: 1em;
}

.tt-3 [data-tooltip]::after {/*Übersichtstabellen*/
    background-color: #fff;
    background-color: rgba(255,255,255,0);/*= #fff*/
    color: #3e6620;
    bottom: 2.5em;
    left: -3em;
}

.tt-31 [data-tooltip]::after {/*Übersichtstabellen*/
    bottom: 1.6em;
    font-size: 12px;
}

.tt-32 [data-tooltip]::after {/*Übersichtstabellen*/
    bottom: 1em;
    left: 0em;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.tt-4 [data-tooltip]::after {/*Ahnengalerie*/
    background-color: #efefef;
    background-color: rgba(239,239,239,0);/*= efefef*/
    color: #000;
    bottom: 1.2em;
    left: 1em;
}

.tt-5 [data-tooltip]::after {/*Linklisten | Sprungmarken*/
    background-color: #888888;/*b91023*/
    color: #b91023;
    bottom: 1.3em;
    left: -4.5em;
}

.tt-5a [data-tooltip]::after {/*Linklisten | Sprungmarken*/
    left: 1em;
}

.tt-5b [data-tooltip]::after {/*Linklisten | Sprungmarken*/
    left: -2em;
}

.tt-5c [data-tooltip]::after {
    left: 0em;
}

.tt-6 [data-tooltip]::after {/*footer*/
    background-color: #b91023;/*#3e6620*/
    /*background-color: rgba(62,102,32,1);*/
    font-size: 12px;
    color: #6e6e6e;/*#fbf000*/
    bottom: 1.65em;/*1.65em*/
    left: -10px;/*-1.15em*/
    right: -60px;/*-5em*/
}

.tt-61 [data-tooltip]::after {/*footer*/
    background-color: #b91023;/*#3e6620*/
    /*background-color: rgba(62,102,32,1);*/
    font-size: 12px;
    color: #6e6e6e;/*#fbf000*/
    bottom: 1.65em;/*1.65em*/
    left: -60px;/*-1.15em*/
    right: -10px;/*-5em*/
}

.tt-6a [data-tooltip]::after {/*footer*/
    left: -5em;
    right: -1.15em; 
}

.tt-6b [data-tooltip]::after {/*footer*/
    bottom: 0.85em;
    left: -0.35em;
    right: -5em; 
}

.tt-6c [data-tooltip]::after {/*footer*/
    bottom: 0.85em;
    left: -5em;
    right: -0.35em; 
}

.tt-7 [data-tooltip]::after {/*auf grün*/
    /*background-color: #3e6620;*/
    background-color: rgba(62,102,32,0);
    font-size: 16px;
    color: #fbf000;
    bottom: 1.5em;
}

th.tt-888888888 [data-tooltip]:after, table.sortierbar .tt-8 [data-tooltip]::after, th#tt-888888 [data-tooltip]:after {/*Tabellen (auch sortierbar)*/
    /*background-color: #3e6620;*/
    background-color: rgba(255,255,255,0);
    font-size: 12px;
    font-weight: normal;
    color: #000;
    background: #3e6620;
    bottom: 1.5em;
    left: 0em;
}

.tt-s [data-tooltip]::after {/*kleine Schrift*/
    font-size: 12px;
}

.tt-w [data-tooltip]::after {/*Linklisten | Sprungmarken auf weißem Hintergrund*/
    background-color: rgba(255,255,255,1);/*= #fff*/
}

article.tt-w {
    margin-left: -2em;
}

[data-tooltip]:hover::after {
    opacity: 1;
}

table.sortierbar th a[data-tooltip]:hover::after {
    opacity: 1;
}

dfn {
    font-style: normal;
    cursor: help;
    hyphens: none;
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none; 
}

a dfn {
    /*cursor: default;*/
    cursor: help;
}
/*====================================*/
/* .wrapper
/*====================================*/
.wrapper{
    /*position:relative;*/
    margin: 0 auto;
    width: 1000px;
    height: auto;
    background-color: #fff;/*fff*/
	border: 2px solid #b91023;
}

/*====================================*/
/* header
/*====================================*/
#head {
    background: #ccc url(../img/ute/Partei/UteRIEBOLD_Logo.jpg) no-repeat top center;
    width: 1000px;
    height: 250px;
}

#head-kartoffeln {
    background: #d4821c url(../img/header/Header_Kartoffeln.jpg) no-repeat top center;
    width: 1000px;
    height: 250px;
    display: inline-block;
    text-align: center;
    font-size: 8em;
    font-weight: bold;
    color: #3f1102;
    font-family: "Old English Text MT", "Baskerville Old Face", Mistral, "Times New Roman", serif;
}

div.kartoffeln {
	display: table;
	width: 100%;
	padding: 0;
    margin: 0 auto;
}

.kartoffeln h1#head-kartoffeln {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

#head a {
    display: inline-block;
    text-align: left;
    margin-top: -5px;
    margin-left: 5px;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 56px;
    font-weight: bold;
    color: #fbf000;
    text-decoration: none;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

#head a:hover {
    color: #fff;
    background: none;
}

h1#head a {
/*transform: rotate(30deg);*/
}

/*====================================*/
/* Navigation
/*====================================*/
/*.sub1 li a{display: none;}*/
nav.navnavxx {
    height: 151px;
}

div#klick, div#klick a {
    font-size: 12px;
    color: #fbf000;
    background-color: #3e6620;
    display: block;
}

#klick a:hover {
    color: #3e6620;
    background-color: #fbf000;
}

.divnavun {
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}

.divnavob {
    margin: 0px;
    padding: 0px;
}

.navi {
    height: 20px;
    line-height: 20px;
    background-color: none;
    margin-left: 0;
    margin: 0px;
    padding: 0;
    max-width: 100%;
    z-index: -44;
}

.navi li {
    float: left;
    list-style: none;
    width: 70px;
    text-align: center;
    position: relative;
}

.navi li.rand {
	width: 10px;
}

.navi li a {
    text-decoration: none;
    color: #b91023; /*3e6620*/
    font-weight: bold;
    font-size: 8px;
    padding: 0px 0px;
    display: block;
    margin: 00px;
}

.navi li a:hover, .navi li a:hover span {
    color: #fff;
    background-color: #b91023;
    bottom: 0px;
}

.navi li:hover .sub1 li, .navi li:hover .sub1 li a {
    display: block;
}

.sub1 li.active a {
    display: block;
}

.navi li.active, .navi li.active a {
    background-color: #528b00;
    color: #fbf000;
}

.navi li.active .sub1 li a {
    background-color: #ccc;
    color: #3e6620;
    display: block;
} 

.sub1 li.active .sub2 li a {
    background-color: #ccc;
    color: #3e6620;
    display: block;
} 

.navi li.active .sub1 li a:hover {
    background-color: #3e6620;
    color: #ccc;
    display: block;
} 

.sub1 li.active, .sub1 li.active a {
    background-color: #528b00;
    color: #fbf000;
}

.sub1 li.active .sub2 li a:hover {
    background-color: #3e6620;
    color: #ccc;
    display: block;
}

.sub1 {
    height: 0px;
    line-height: 40px;
    background-color: #ccc;
    margin-left: 10px;
    margin-right: 0%; 
    max-width: 100%;
    position: absolute;
    clear: both;
}

.sub2 {
    line-height: 30px;
    margin-left: -30px;
}

.sub3 {
    line-height: 20px;
    margin-left: -60px;
}

.sub1 li {
    height: 40px;
    clear: both;
    list-style: none;
    width: 80px;
    text-align: center;
}

.sub2 li {
    height: 30px;
    width: 60px;
}

.sub3 li {
    height: 20px;
    width: 40px;
}

.sub1 li a {
    text-decoration: none;
    background-color: #cccccc;
    color: #3e6620;
    font-weight: bolder;
    font-size: 12px;
    padding:0 0px;
    margin: 0 0;
}

.sub2 li a {
    font-size: 9px;
}

.sub3 li a {
    font-size: 6px;
}

.sub2 li.active .sub3 li a {
    color: #3e6620;
    background-color: #ccc;
}

.sub2 li.active .sub3 li {
    color: #3e6620;
}

.sub2 li.active, .sub2 li.active a {
    clear: both;
}

li.li-re-o {
    position: absolute;
    left: 80px;
    top: 5px
}

li.li-li-o-3-3, li.li-li-o-3-4, li.li-li-o-3-5 {
    position: absolute;
    right: 80px;
}

li.li-li-o-3-3-1-a{/*o=obere NaviLeiste | 3=3. Ebene | 3=3 Punkte | 1=erster der 3 Punkte | a=anschließend an obere Kante der 2. Ebene*/
    top: -25px;
}

li.li-li-o-3-3-1-b{/*o=obere NaviLeiste | 3=3. Ebene | 3=3 Punkte | 1=erster der 3 Punkte | a=anschließend an Mitte der 2. Ebene*/
    top: 5px;
}

li.li-li-o-3-3-1 {/*o=obere NaviLeiste | 3=3. Ebene | 3=3 Punkte | 1=erster der 3 Punkte*/
    top: 10px;
}

li.li-li-o-3-3-2 {
    top: -20px;
}

li.li-li-o-3-3-3 {
    top: -50px;
}

li.li-li-o-3-4-1, li.li-li-o-3-5-1 {/*o=obere NaviLeiste | 3=3. Ebene | 4=4 Punkte | 1=der erste der 4 Punkte*/
    top: 10px;
}

li.li-li-o-3-4-2, li.li-li-o-3-5-2 {
    top: -20px;
}

li.li-li-o-3-4-3, li.li-li-o-3-5-3 {
    top: -50px;
}

li.li-li-o-3-4-4, li.li-li-o-3-5-4 {
    top: -80px;
}

li.li-li-o-3-5-5 {
    top: -110px;
}

li.li-li-u-3-2, li.li-li-u-3-3, li.li-li-u-3-4 {
    position: absolute;
    right: 80px;
}

li.li-li-u-3-2-1, li.li-li-u-3-3-1, li.li-li-u-3-4-1 {/*u=untere NaviLeiste | 3=3. Ebene | 2=2 Punkte | 1=der erste der 2 Punkte*/
    top: 0px;
}

li.li-li-u-3-2-2, li.li-li-u-3-3-2, li.li-li-u-3-4-2 {
    top: 30px;
}

li.li-li-u-3-3-3, li.li-li-u-3-4-3 {/*u=untere NaviLeiste | 3=3. Ebene | 3=3 Punkte | 3=der dritte der 3 Punkte*/
    top: 60px;
}

li.li-li-u-3-4-4 {
    top: 90px;
}

li.li-li-o-4-1 {
    position: absolute;/*li-li-o-4-1a li-li-o-4-1-1a*/
    right: 60px;
}

li.li-li-o-4-1-1 {
    top: 10px;
}

li.li-li-o-4-1a {
    position: absolute;
    left: 60px;
}

li.li-li-o-4-1-1a {
    top: 5px;
}

.sub1 li a{display: none;}

/*========Richtung der Submenüs========*/
.sub1-1-o li {bottom: 90px;} /*sub von nav1 fährt nach oben aus*/
.sub1-2-o li {bottom: 130px;}
.sub1-3-o li {bottom: 170px;}
.sub1-4-o li {bottom: 210px;}
.sub1-5-o li {bottom: 250px;}
.sub1-6-o li {bottom: 290px;}

.sub1-1-u li {z-index: 50;} /*sub von nav2 fährt nach unten aus*/
.sub1-2-u li {z-index: 50;}
.sub1-3-u li {z-index: 50;}
.sub1-4-u li {z-index: 50;}
.sub1-5-u li {z-index: 50;}

/*ul.sub2-3-l li {bottom: 0px;}*/
/*ul.sub2-2-l li {bottom: 120px;}*/	

/*====================================*/
/* button
/*====================================*/
.fixed a {
	color: #888;
}

.fixed {
   position: fixed; 
   width: 40px; 
   height: 40px; 
   background: #b91023; /*b91023*/
   color: #888;
   font-size: 30px;
   text-align: center;
   font-weight: bold;
   bottom: 40px;
}

.fixed-drunter {
	bottom: 0px;
}

/*div.fixed-right {
	opacity: 0.2;
	-moz-opacity: 0.2;
}*/

/*div.wrapper div.footer div div.fixed-right p {

}*/
	
div.fixed p a:hover {
	color: #b91023;
	background: #888;
	padding-left: 10px;
	padding-right: 9px;
}

/*====================================*/
/* Listen
/*====================================*/
body li span {
	color: #000;
	font-weight: normal;
}
/*Hier eine Listenformatierung, damit die zweite Ebene die Nummerierung der 1. Ebene vor die eigne stellt. CSS mäßig handelt es sich nicht mehr um eine Liste, 
die man mit Attributen wie list-style-position: inside oder outside(default) formatieren kann. Der umgebrochene Teil eines Listenpunktes mit viel Text rückt daher nicht mit ein*/

/*ol.ebene1 {
    counter-reset: listenpunkt-ebene1;
    list-style: none;
}

ol.ebene1 li:before {
    content: counter(listenpunkt-ebene1) ". ";
    counter-increment: listenpunkt-ebene1;
}

ol.ebene2 {
    counter-reset: listenpunkt-ebene2;
    list-style: none;
}

ol.ebene2 li:before {
    content: counter(listenpunkt-ebene1)"."counter(listenpunkt-ebene2,decimal) ". ";
    counter-increment: listenpunkt-ebene2;
}

ol.ebene2 {
    margin-left: 0.5em; 
    padding-left: 0.5em;
}*/

ol {
    margin-left: 0.6em;
    padding-left: 0.6em;
}

ol.ebene2 {
    margin-left: 0.6em;
    padding-left: 0.6em;
}

/*====================================*/
/* Listen Seitenbaum
/*====================================*/
.disc {
    list-style-type: disc;
}

.circle {
    list-style-type: circle;
}

.square {
    list-style-type: square;
}

.list-style-none {
    list-style-type: none;
}

/**********************************/
.sbaum li a, .sbaum-1 li a, .sbaum-2 li a, .sbaum li, .sbaum-1 li, .sbaum-2 li {
    font-weight: normal;
    text-decoration: none;
}

.sbaum ul , .sbaum-1 ul , .sbaum-2 ul {
    list-style: none;
    margin: 0;
    padding-left: 2em;
}

.sbaum li {
/*margin-bottom: 0.25em;*/
    padding: 0;
    color: #3e6620;
    font-weight: bold;
}

.sbaum li:before {
    content: "\2665" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2665 Herz (Ebene1)*/
}

.sbaum li > ul > li:before {
    content: "\2737" " ";/*2737 Sonne (Ebene2)*/
}

.sbaum li> ul> li > ul > li:before {
    content: "\2605" " ";/*2605 Stern (Ebene3)*/
}

.sbaum li> ul> li> ul> li > ul > li:before {
    content: "\2022" " ";/*2022 Punkt (Ebene4)*/
}

.sbaum-1 li {
    padding: 0;
    color: #fbf000;/*gelb fbf000*/
    font-weight: bold;
}

.sbaum-1 li:before {
    content: "\2bc0" " ";/*2bc0   Leerzeichen oder Code \0020*/ /*2bc0 Quadrat (PDF)*/
}

.sbaum-2 li {
    padding: 0;
    color: #ff0000;
    font-weight: bold;
}

.sbaum-2 li:before {
    content: "\279c" " ";/*279c   Leerzeichen oder Code \0020*/ /*279c Pfeil (Error)*/
}

/**************########################################********************/
.satlinks-x li {
    /*margin-bottom: 0.25em;*/
    padding: 0px 0px 0px 5px;
    color: #b91023; /*Partei-Rot b91023*/
    font-weight: bold;
}

.satlinks li a, .satlinks-x li a {
    font-weight: normal;
    text-decoration: none;
}

.satlinks ul {
    list-style: none;
    margin: 0;
    padding-left: 0px;

}

.satlinks-x ul {
    list-style: none;
	/*list-style-position: outside;*/
}

ul.satlinks-1 {
    /*margin: 0;*/
    padding-left: 0px;
}

.satlinks li {
    /*margin-bottom: 0.25em;*/
    padding: 0px;
    color: #b91023; /*Partei-Rot b91023*/
    font-weight: bold;
}

.satlinks li:before {
    content: "\2713" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2665 Herz (Ebene1) Häkchen= 2714 (wird im Edge anders dargestellt) Häkchen: 1f5f8 und 2713*/
    padding-right: 10px;
}

.satlinks-1 li:before {
    content: "\2b61" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b61 Pfeil nach oben */
    padding-right: 10px;
}

.satlinks-2 li:before {
    content: "\2b63" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b63 Pfeil nach unten */
    padding-right: 10px;
}

.dings ul {
   list-style: none;
    margin: 0;
    padding-left: 0px;
	padding-left: 1em;
	text-indent: -1.4em;
}

.dings ul li {
    /*margin-bottom: 0.25em;*/
    padding: 0 0 0.5em 0;/*0.7em*/
    color: #b91023; /*Partei-Rot b91023*/
    font-weight: bold;
}

.dings ul.arrow-up li:before {
    content: "\2b61" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b61 bzw. ⭡ Pfeil nach oben */
    padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.arrow-down li:before {
    content: "\2b63" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b63 bzw. ⭣ Pfeil nach unten */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.arrow-up-down li:before {
    content: "\2b65" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b65 bzw. ⭥ Pfeil nach unten */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.arrow-left li:before {
    content: "\2b60" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b61 Pfeil bzw. ⭠ nach links */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.arrow-right li:before {
    content: "\2b62" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b62 bzw. ⭢ Pfeil nach rechts */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.arrow-left-right li:before {
    content: "\2b64" " ";/*Leerzeichen oder Code 2765 \0020*/  /*2b64 bzw. ⭤ Pfeil nach rechts */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

.dings ul.check-mark li:before {
    content: "\2713" " ";/*Leerzeichen oder Code 2713 / ✓ */
	padding-right: 0.5em; /*(Abstand zum Symbol)*/
}

/*.satlinks li > ul > li:before {
    content: "\2737" " ";/*2737 Sonne (Ebene2)*/
/*}

.satlinks li> ul> li > ul > li:before {
    content: "\2605" " ";/*2605 Stern (Ebene3)*/
/*}

.satlinks li> ul> li> ul> li > ul > li:before {
    content: "\2022" " ";/*2022 Punkt (Ebene4)*/
/*}*/

/**************########################################********************/
.number li a {
    font-weight: normal;
    text-decoration: none;
}

/*.number ol {
    list-style: ;
    margin: 0;
    padding-left: 0px;
}*/

.number li {
    /*margin-bottom: 0.25em;*/
    padding: 0px 0px 0px 5px;
    color: #b91023; /*Partei-Rot b91023*/
    font-weight: bold;
}

.n-text {
	color: #000;
	font-style: italic;
}

.no-style {
	color: 000;
	list-style: none;
	margin-bottom: 10px;
}

span.no-style {
	font-style: normal;
	font-weight:;
	color: #000;
}

p.answer {
	margin-left: 5px;
	margin-bottom: 0.5em;
}

p.answer-1 {
	margin-left: 27px;
	margin-bottom: 0.5em;
}

/*====================================*/
/* .container
/*====================================*/
.container {
    margin: 0 auto;
}

/*====================================*/
/* TV-Box
/*====================================*/
.tv-box {
    text-align: center;
}

div.tv-box {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

div.tv-box-oben {
    margin-top: 
}

div.tv-box-unten {
    margin-bottom: 0px;
}

iframe.youtube {
    margin: 0 auto;
    padding: 0px;
    position: relative;
    border: 0;
}

/*====================================*/
/* Seiteninhalt links
/*====================================*/
div.left {
    width: 210px;
    float: left;
    margin: 50px 25px 50px 0px;
}

aside.links1 {
    clear: both;
    float: left;
    width: 170px;
    padding: 20px;
    color: #fbf000;
    vertical-align: middle;
    background-color: #3e6620;
    margin-bottom: 25px;
    border-radius: 0px 30px 30px 0px;
    font-size: 14px;
    align-items: center;
    min-height: 150px;
    display: flex;
}

aside.links2 {
    clear: both;
    float: left;
    width: 170px;
    padding: 20px;
    color: #fbf000;
    vertical-align: middle;
    background-color: #3e6620;
    margin-top: 25px;
    border-radius: 0px 30px 30px 0px;
    font-size: 14px;
    align-items: center;
    min-height: 150px;
    display: flex;
    /*justify-content: center; flex und align-items: center zentrieren Text vertikal. Justify-content: center setzen, wenn zusätzlich horizontal zentriert werden soll,*/
} 

#links-k {
	color: #d4821c;
	background: #3f1102;
}

span.titel {
    clear: both;
    margin: 0 auto;
    /*float: right;*/
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

span.titel-xs {
    font-size: 12px;
    padding-bottom: 6px;
}

span.autor {
    clear: both;
    float: right;
    text-align: right;
    font-size: 13px;
    font-style: italic;
    padding-top: 10px;
}

span.autor-geb {
    font-size: 12px;
    padding-top:0px;
}

span.autor-a {
    padding-top: 0px;
}

span.autor-xs {
    padding-top: 6px;
}

span.autor-s {
    font-size: 8px;
}

.bold {
    font-weight: bold;
}

aside.xl {
    font-size: 18px;
    font-weight: bold;
}

aside.xs {
    font-size: 10px;
}

aside a:hover{
    color: #528b00;
    background-color: #fbf000;
}

/*====================================*/
/* Seiteninhalt rechts
/*====================================*/
.site {
    clear: both;
}

article, address {
    font-size: 14px;
    font-style: normal;
    /*padding: 0px 0px 25px 70px;*/
    padding: 0px 70px 25px 70px;
}

article.oben {
    margin-top: 15px;
}

article.anders {
    padding: 0px 70px 0px 70px;
}

article.anders-1 {
    padding: 0px 70px 0px 70px;
    margin-bottom: 20px;
}

article.anders-2 {
    padding: 0px 70px 0px 70px;
    margin-bottom: 10px;
}


/*address {
    font-size: 14px;
    font-style: normal;
    padding: 0px 70px 25px 70px;
}*/

article.liste {
    padding: 0px 10px 25px 10px;
}

address.kontakt p {
    clear: both;
    float: left;
    width: 150px;
    margin-top: 50px;
    margin-right: 50px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: none;
    box-shadow: 0px 0px 10px 10px #fff;
    display: flex;
}

article.sprung {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

article.sprung-k {
    margin: 0px;/*wenn nicht middle, dann margin 20px 0 0 0 ud ohne paddingwert*/
    padding: 0px;
}

article.sprung-w {
    margin-top: 15px;/*wenn nicht middle, dann margin 20px 0 0 0 ud ohne paddingwert*/
    padding: 0px;
}

article.sprung-s {
    margin: 0px;/*wenn nicht middle, dann margin 20px 0 0 0 ud ohne paddingwert*/
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px;
}

article.spruch {
    clear: both;
    float: right;
    width: 170px;
    margin-top: 28px;
    bottom: 0px;
    margin-right: 0px;
    padding: 20px;
    vertical-align: middle;
    align-items: center;
    background-color: #c0c0c0;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
    /*position: absolute;*/
    /*border-radius: 30px 0px 0px 30px;*/
}

article p.autor {
    clear: both;
    float: left;
    font-size: 13px;
    font-style: italic;
    padding-top: 10px;
}

article.xx-main p {
    margin-top: 100px;
    margin: 50px;
    text-align: left;
    padding-left: 20px;
}

article.xx-main {
    text-align: right;
    padding-left: 50px;
    z-index: 500;
}

article p.autor {
    clear: both;
    float: right;
    font-style: italic;
    padding-top: 13px;
    text-align: right;
}

article.center {
    text-align: center;
    padding: 0px 0px 25px 0px;
}

div.spalten {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 10px 90px 10px 90px;
    font-size: 14px;
}

div.spalten-stern {
    padding: 0px 65px 0px 65px;
}

div.spalten-stern-a {
    padding-top: 15px;
    margin-bottom: 5px;
}

div.spalten-stern-b {
    padding-top: 20px;
    margin-bottom: 5px;
}

div.spalten-a {
    padding-top: 0px;
    margin-top: 0px;
}

div.spalten-b {
    clear: both;
    padding: 0px;
    margin: 0px 10px 200px 10px;
}

div.spalten-c {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 48px 0px 48px;
}

div.spalten-w {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 14px;
}

div.spalte-links {
    float: left;
    width: 245.5px;
    padding: 6px;
    margin: 10px 0px 25px 0px;
    background: #d1d1d1;/*c0c0c0*/
	border: 5px solid #b91023;
}

div.spalte-links-b {
    float: left;
}

div.spalte-links-c {
    float: left;
    width: 286px;
    padding: 6px;
    margin: 0px 0px 25px 0px;
    background: #c0c0c0;
}

div.spalte-links-w {
    float: left;
    width: 450px;
    padding: 0px;
    margin: 10px 0px 25px 0px;
}

div.spalte-links-stern {
    width: 245.5px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: none;
	border:none;
}

div.spalte-rechts {
    float: right;
    width: 245.5px;
    padding: 6px;
    margin: 10px 0px 25px 0px;
    background: #d1d1d1;/*c0c0c0*/
	border: 5px solid #b91023;
}

div.spalte-rechts-b {
    float: right;
}

div.spalte-rechts-c {
    float: right;
    width: 286px;
    padding: 6px;
    margin: 0px 0px 25px 0px;
    background: #c0c0c0;
}

div.spalte-rechts-w {
    float: right;
    width: 290px;
    text-align: center;
    padding: 0px;
    margin: 10px 0px 25px 0px;
}

div.spalte-rechts-stern{
    width: 245.5px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background: none;
	border:none;
}

article.unten-stern {
    margin-top: 25px;
}

div.spalte-mitte {
    margin: 0 auto;
    clear: both;
    padding: 6px;
    margin: 10px 90px 10px 90px;
    background: #c0c0c0;
}

div.spalte-mitte-a {
    margin: -5px 90px 20px 90px;
}

div.nix {
    margin: 0px;
    padding: 0px;
}

div.nix-a {
    margin: 0px;
    padding: -10px 90px 0px 90px;
}

h2.spalte {
    margin-top: -30px;
}

h2 span.h-spalte {
    background: #d1d1d1;/*c0c0c0*/
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    margin: 0px;
}

div.inhalt {
    margin: 40px 0px 20px 0px;
}

div.inhalt-1 {
    margin: 20px 0px 20px 0px;
}

div.inhalt-2 span {
	 box-shadow: 0px 0px 10px 10px #b91023;/*b91023*/
}

div.inhalt span {/*, div.inhalt span a*/
    font-size: 24px;
    font-weight: bold;
    background: #888;/*#c0c0c0    888*/
    padding: 10px;
	color: #b91023;
}

div.inhalt span a{
    font-size: 24px;
    font-weight: bold;
    background: #888;/*#c0c0c0    888*/
	color: #b91023;
}

div.inhalt span.inhalt-klein {
    font-size: 16px;
    font-weight: normal;
    background: #888;/*#c0c0c0*/
    padding: 10px;
	color: #b91023;/*#b91023*/
	margin-top: -40px;
}

div.inhalt span.inhalt-klein a {
    font-size: 16px;
    font-weight: normal;
    background: #888;/*#c0c0c0*/
	color: #b91023;/*#b91023*/
	margin-top: -40px;
}

.main {
    margin: 0 auto;
    padding-top: 0px;
    float: right;
    background-color: #fff;
    text-align: left;
    width: 1000px;/*740*/
    min-height: 430px;
    margin: 50px 0px 50px 25px;
    position: relative;
    /*border-radius: 30px 0px 0px 30px;*/
}

.main a {
    font-size: bold;
}

#maus a:hover, #maus a href:hover, th.tt-8 a:hover, th.tt-8 a span:hover, div#maus a:hover, figure#maus a:hover, figcaption#maus a:hover, div#maus figure figcaption a:hover, div#maus figure figcaption a:hover, div#maus figure figcaption a href:hover {
    color: #888888;/*888888ccc*/
    background: #b91023;/*b91023#000*/
}

.maus a:hover, .maus a href:hover, th.tt-8 a:hover, th.tt-8 a span:hover, div.maus a:hover, figure.maus a:hover, figcaption.maus a:hover, div.maus figure figcaption a:hover, div.maus figure figcaption a:hover, div.maus figure figcaption a href:hover {
    color: #888888;/*888888ccc*/
    background: #b91023;/*b91023#000*/
}

.maus-x a:hover, .maus-x a href:hover, div.maus-x a:hover, figure.maus-x a:hover, figcaption.maus-x a:hover, div.maus-x figure figcaption a:hover, div.maus-x figure figcaption a:hover, div.maus-x figure figcaption a href:hover {
    color: #fff;/*fff*/
    background: #000;/*000*/
}

.maus-y a:hover, .maus-y a href:hover, div.maus-y a:hover, figure.maus-y a:hover, figcaption.maus-y a:hover, div.maus-y figure figcaption a:hover, div.maus-y figure figcaption a:hover, div.maus-y figure figcaption a href:hover {
    color: #d1d1d1;/*d1d1d1*/
    background: #000;/*000*/
}

#maus-y a:hover, #maus-y a href:hover, div#maus-y a:hover, figure#maus-y a:hover, figcaption#maus-y a:hover, div#maus-y figure figcaption a:hover, div#maus-y figure figcaption a:hover, div#maus-y figure figcaption a href:hover {
    color: #d1d1d1;/*d1d1d1*/
    background: #000;/*000*/
}

.main h2, .main h1 {
    font-size: 22px;
    text-align: center;
    padding: 25px 0px 25px 0px;
    font-weight: bold;
}

.main h5 {
    font-size: 14px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    margin-top: -20px;
}

.main h2.h-ohne, .h-ohne {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 0px;
}

.main h2.h-ohne-a, .h-ohne-a {
    font-size: 16px;
    font-weight: bold;
}

.main article h2.h-anders {
    font-size: 16px;
    margin-bottom: 0px;
    padding: 10px 0px 0px 0px;
}

.main h2 span.h2, .main h6 span.h6, .main h5 span.h5, .main h1 span.h2 {
    background-color: #fff;
    box-shadow: 0px 0px 10px 10px #fff;/*0 0 10 10*/
}

.main h3 {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

.main h4 {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}

figure {
    margin: 0 auto;
    width: 200px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #ccc;
    /*border-radius: 30px 0px 0px 30px;*/
}

figure.fig-1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

figure.fig-2 {
    margin-top: 15px;
}

figure.fig-3 {
    margin: 0 auto;
    width: 740px;
    padding-top: 25px;
    padding-bottom: 25px;
	margin-left: 120px;
    clear: both;
    border-radius: 0px 0px 0px 30px;
}

img.img-8 {
	padding-left: 120px;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {/*Negativ-Wert für margin (margin-bottom: -100px;) führt bei Chrome, Opera, Safari dazu, dass sich das rechte Herz (sanja) unter figure schiebt. Daher bei diesen Browsern auf Wert 0 gesetzt.*/
/*figure.fig-3 {margin-bottom: 0px;}/*funktioniert nicht. Einfluss auch auf andere Browser, daher .fig-3 deaktiviert*/
/*}*/

figure.ahnen {
    margin: 0 auto;
    width: 100px;
    padding: 0px;
    background-color: #ccc;
    float: none;
    border-radius: 0px;
}

figure.ahnen-1 {
    width: 142px;
}

figcaption {
    margin: 0 auto;
    text-align: center;
    padding: 25px 10px 0px 10px;
    font-size: 14px;
    clear: both;
}

figcaption.ahnen {
    padding: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    margin: 0px;
}

figcaption.ahnen-1 {
}

div.caption {
    margin: 0 auto;
    background-color: #eee;
    color: #000;
    font-size: 12px;
    padding: 2px;
    width: 96px;
    height: 20px;
}

div.caption-1 {
    width: 138px;
}

/*img.ahnengalerie:hover, img.ahnengalerie:active {
    width: 200%;
    z-index: 2000;
}*/

img.ahnengalerie {
    width: 100px;
}

img.ahnengalerie-1 {
    height: 100px;
    width: auto;
}

img.ahnengalerie {
    transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
}

img.ahnengalerie:hover {
    cursor: zoom-in; 
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    transform: scale(4.0, 4.0);
    -moz-transform: scale(4.0, 4.0);
    -webkit-transform: scale(4.0, 4.0);
    -o-transform: scale(4.0, 4.0);
    -ms-transform: scale(4.0, 4.0);
    z-index: 2000;
    position: relative;
}

.mainbild {
    margin: 0 auto; 
    float: right;
}

.mainbild img {
    margin: 0 auto;
    clear: both;
    width: 600px;
    border: solid 25px #c9c9c9;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 0px 10px 10px #fff;
	background: #ccc;
}

/*.mainbild-kachelmann {
    margin: 0 auto;
    clear: both;
    width: 600px;
    border: solid 25px #c9c9c9; 
    border-radius: 30px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 0px 10px 10px #fff;
}*/

.mainbild img:hover, .mainbild img:active {
    width: 100%;
}

.mainbild-100 img {
    width: 100px;
}

.mainbild-150 img {
    width: 150px;
}

.mainbild-200 img {
    width: 200px;
}

.mainbild-300 img {
    width: 300px;
}

.mainbild-400 img {
    width: 400px;
}

.mainbild-500 img {
    width: 500px;
}

div.main1 {
    margin: 0 auto;
    text-align: left;
    max-width: 930px;
    /*border: solid 25px #c9c9c9;*/ 
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    padding: 25px;
    box-shadow: 0px 0px 10px 10px #fff;
    display: flex;
    justify-content: center;
}

div.main2 {
    margin: 0 auto;
    text-align: left;
    max-width: 950px;
    /*border: solid 25px #c9c9c9;*/ 
    position: relative;
    border-radius: 0px;
    background-color: #fff;
    padding: 25px;
    border-bottom: solid 20px #3e6620;
}

div.main3 {
    background-color: #efefef;
}

.main2 a:hover{
    color: #fff;
    background-color: #000000;
}

img.mainpic {
    clear: both;
}

.main2 dl {
    font-size: 12px;
    font-weight: normal;
}

/*====================================*/
/* figure ohne hover
/*====================================*/
.mainbild-1 {
    margin: 0 auto; 
}

.mainbild-2 {
    padding-top: 0px;
    margin-top: 0px;
}

.mainbild-1 img.img {
    margin: 0 auto;
    clear: both;
}

.mainbild-1 img.img-1 {
    width: 100px;
    border: solid 3px #000;
}

.mainbild-1 img.img-2 {

    margin-top: -50px;
    margin-bottom: 30px;
}

.mainbild-1 img.img-3 {
    width: 100px;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: 70px;
    border-radius: 10px;
    border: solid 2.5px #fcb100; /*fbf100 (= gelb Grunddesign*/
    box-shadow: 0px 0px 20px 5px #fcb100; /*#fcb100*/
    float: left;
}

.mainbild-1 img.img-4 {
    width: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 135px 0px 135px;
}

.mainbild-1 img.img-4a {
    width: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 145px 0px 145px;
}

.mainbild-1 img.img-5 {
    width: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 1000;
}

.mainbild-1 img.img-5l {
    padding: 0px 30px 0px 30px;
}

.mainbild-1 img.img-5r {
    padding: 0px 30px 0px 30px;
    z-index: 5000;
}

.mainbild-1 img.img-5a {
    border-radius: 0px 0px 0px 30px;
    margin-bottom: -5px
}

.mainbild-1 img.img-5b {
    margin-bottom: -5px
}

.mainbild-1 img.img-6 {
    width: 50px;
    padding: 0px 150px 0px 150px;
}

.mainbild-1 img.img-7 {
    width: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div img.img-w {
    width: 290px;
    position: relative;
    align-items: center;
    /*margin-top: 0px;
    margin-bottom: 0px;*/
}

figcaption.figc-1 {
    padding: 10px;
    font-size: 14px;
}

/*====================================*/
/* Kachelmannwetter
/*====================================*/
.kachelmann-r-a {
    margin: 0 auto; 
    width: 300px;
    height: 250px;
    overflow: hidden;
    border: solid 25px #c9c9c9;/*25px #c9c9c9*/
    box-shadow: 0px 0px 10px 10px #fff;
    border-radius: 30px;
}

.kachelmann-r-i {
    position: relative;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 221px;
}

.kachelmann-r-logo {
    position: absolute;
    top: 221px;
    left: 0px;
    width: 300px;
    height: 29px;
}

.kachelmann-r-logo a {
    border: 0px;
}

.kachelmann-r-logo img {
    border: 0px;
}

.kachelmann-s-a {
    margin: 0 auto; 
    width: 230px;
    height: 380px;
}

div.kachelmann-s-i {
    position: relative;
    top: 0px;
    left: 0px;
    width: 230px;
    height: 380px;
}

div.kachelmann-s-logo {
    position: absolute;
    top: 350px;
    left: 0px;
    width: 230px;
    height: 30px;
}

div.kachelmann-s-logo a {
    border: 0px;
}

div.kachelmann-s-logo img {
    border: 0px;
}

/*====================================*/
/* 2 Spalten im Text
/*====================================*/
.spalten2 {
    width: 610px;
    clear: both;
    border: solid 5px #fff;
    border-radius: 15px;
    padding: 10px;
    margin: 15px 50px 30px 50px;
}

.spalte1 {
    width: 300px;
    float: left;
}

.spalte2 {
    margin-left: 310px;
    width: 300px;
}

/*====================================*/
/* Hintergrund Tabelle
/*====================================*/
div.uebersicht {
    background-color: #3e6620;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.site-tabelle {
    min-width: 1200px;
    background-color: #3e6620;
    border-radius: 0 0 30px 30px;
    /*box-shadow: 0px 0px 10px 10px #3e6620;*/
    /*background: #ccc url(../img/header/GaensebluemchenWiese-280-157px.jpg) top center;*/
}

/*====================================*/
/* Tabelle
/*====================================*/
.site-tabelle h2 {
    font-size: 14px;
    text-align: center;
    padding: 25px;
    font-weight: normal;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}

.site-tabelle h2 a {
    font-weight: normal;
}

div.uebersicht h2,div.uebersicht h2 a {
    color: #fbf000;
    font-weight: bold;
    font-size: 20px;
}

.site-tabelle h2 a:hover {
    color: #ccc;
    background-color: #000;
}

div.uebersicht h2 a:hover {
    color: #3e6620;
    background-color: #fbf000;
}

table.riebold,table.riebold a {
    color: #3e6620;
}

table.riebold a:hover {
    color:#fff;
    background-color: #3e6620;
}

table.riebold {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    vertical-align: center; 
    table-layout: fixed;
    box-shadow: 0px 0px 0px 0px #fff;
}

table.riebold th, table.riebold td {
    height: 60px;
    background: none; /*#ffcc00;*/
}

div.tabelleR {
    margin: 0 auto;
}

table.riebold .z0 {
    font-size: 36px;
    font-weight: bold;
}

table.riebold .z1 {
    font-size: 30px;
    font-weight: bold;
}

table.riebold .z2 {
    font-size: 24px;
    font-weight: bold;
}

table.riebold .z3{
    font-size: 18px;
    font-weight: bold;
}

table.riebold .z4 {
    font-size: 12px;
    font-weight: bold;
}

table.riebold .ag {
    font-size: 12px;
    font-weight: normal;
}

table .xs {
    font-size: 18px;
}

table .kekule {
    font-size: 10px;
    font-weight: normal;
}

td.li-re {
    border-left: solid 1px #3e6620;
    border-right: solid 1px #3e6620;
}

.site-tabelle p {
    font-size: 14px;
    text-align: center;
    padding: 25px;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}

.site-tabelle p a {
    font-weight: normal;
}

div.uebersicht p,div.uebersicht p a {
    color: #fbf000;
    font-size: 16px;
    font-weight: bold;
}

div.uebersicht p a:hover {
    color: #3e6620;
    background-color: #fbf000;
}

/*====================================*/
/* Tabelle 2
/*====================================*/
table.partei td {
    height: 20px;
    background: none; /*#ffcc00;*/
}

table.part,table.part a {
    color: #3e6620;
}

table.partei a:hover {
    color: #fff;/*ccc*/
    background-color: #000;/*000*/
}

table.partei {
    width:100%;
    margin: 0 auto;
    text-align: left;
    vertical-align: center; 
    table-layout: fixed;
}

/*====================================*/
/* Tabelle sortierbar
/*====================================*/
.sortierbar-1 {/*Klasse eingefügt in doc namen-etymologie | Einfügen dieser Klasse in Zeile 265 von table-sort.js ist nicht nötig*/
    border-spacing: 20px 20px;/*erste Wert = horizontaler Abstand + zweite Wert = vertikaler Abstand*/
    margin-top: 20px;
}

p.hinweis {
    margin-left: 40px;
    margin-top: 20px;
    margin-bottom: -40px;
}

/*====================================*/
/* Kontaktformular
/*====================================*/
.contact p:nth-of-type(1)  {    
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}

.contact p:nth-of-type(2)  {    
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.contact p:nth-of-type(3)  {    
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

/*====================================*/
/* Galerie
/*====================================*/
.gallery {
    clear: both;
    border: solid 4px #fff;   
}

.row {
    text-align: center;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.col {
    width: 47%; 
    float: left;
    padding-left: 2%;
    padding-bottom: 10px;
    display: table-cell;
}

.gallery img  {
    padding: 0.2em;}
    
img.thumb {
    border: 1px solid #d1d1d1;
    width: 100%;
    height: auto;
}

img.thumb:active, img.thumb:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
    border: none;
    border-radius: 30px;
    box-shadow: 0px 0px 10px 10px #fbf000;
}

/*====================================*/
/* Formular Fehlermeldungen
/*====================================*/
label.error {
    display: block;
    color: #fff;
    background-color: #b40404;/*dunkelrot #b40404 funktioniert nicht*/
    padding: 3px 3px 3px 7px;
    text-align: left;
    margin-left: 30px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

input.error {
    border-color: #b40404; !important;/*dunkelrot #b40404 funktioniert nicht*/
}

/*input[required] { nicht nötig, da alle Eingeabefelder Pflichtfelder (required) sind
  border-color: ;
}

textarea[required] {/*nicht nötig, da alle Eingeabefelder Pflichtfelder (required) sind
  border-color: ;
}*/

input.input-gb:invalid {/*auch möglich: input[type=text]*/
    border: 2px solid #ff0000;
    background: #fdf5e6;/**/
}

input.input-gb:valid{
    border: 2px solid #3e6620;
}

textarea, input {
    caret-color: #ff0000;
}

textarea[required]:invalid {
    border: 2px solid #fbf000;
    background: #fdf5e6;
}

textarea[required]:valid {
    border: 2px solid #3e6620;
}

/*funktioniert nicht Anfang
input:required + label::before {
  position: absolute;
  left: 300%;
  content: "★";
  color: red;
}
input:required:valid + label::before {
  content: "✔";
  color: #;
}
/*funktioniert nicht Ende*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #326620;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #326620;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #326620;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
    color: #326620;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
}

/*====================================*/
/* Gästebuch
/*====================================*/
div#wrap {
}

div#cont {
    margin: 0 auto;
    background-color: #ccc;
}

div.gastbuch ul {
    padding: 20px;
    list-style-type: none;
    box-shadow: 0 0 10px #333 inset;
    /*margin: 10px 0px;*/
    margin: 15px 15px;
}

form.gb {
    margin: 0 auto;
    width: 350px;
    padding: 25px 20px 0px 0;
}

form.gb p {
    text-align: right;
    width: 350px;
    padding: 2px;
}

div.gastbuch {
    width: 400px;
    margin: 0 auto;
    /*clear: both;*/
    padding: 20px;
    box-shadow: 0 0 15px #000;
    background-color: #ccc;
}

.datum {
    background-color: #3e6620;/*dunkelgrün*/
    color: #fff;
    padding: 5px;
    font-weight: bold;
}

.eintrag {
    background-color: #fff;
    padding: 10px;
    height: 40px;
    overflow: auto;
}

.submit {
    background-color: #fbf000;/*gelb*/
    padding: 3px;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
    font-weight: bold;
}

.reset {
    background-color: #ff0000;/*rot*/
    padding: 3px;
    font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Arial, Verdana, sans-serif;
    font-weight: bold;
}

textarea.textarea-1 {
    margin-bottom: -10px;/*-10px*/
}

div.gb-div {
    margin-top: 6px;
    margin-bottom: 25px;
}

#cont h4 {
    padding-bottom: 20px;
    text-align: center;
}

/*====================================*/
/* footer
/*====================================*/
footer { 
    clear: both;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 0;
    width: 1000px;
    text-align: center; 
    background-color: #888;
    color: #b91023;/*b91023*/
    padding: 0px;
    display: block;
}

footer.footer-ahnen {
    margin-top: 0px;
}

footer a {
    color: #000; 
    text-decoration: none;   
}

#uhr {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    background-color: #b91023;
    color: #888888;
}

#uhr h4 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

footer #zitat {    
    background-color: #888888;
    padding: 20px 10px;
    text-align: center;
    display: block;
}

footer.footer-ahnen #zitat {    
    background-color: #efefef;
}

footer #zitat span {
    display: flex;
    justify-content: center;
}

footer #zitat span:nth-of-type(1) {    
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

footer.footer-ahnen #zitat span:nth-of-type(1) {    
    font-size: 16px;
}

footer #zitat span:nth-of-type(2) {    
    font-size: 14px;
    font-style: italic;
}

.footer-info {
    clear: both;
    min-height: 10px;
    width: 10px;
    padding: 0px;
    margin: 0px;
    /*margin-bottom: 0px;*/
    color: #b91023;
    text-align: center;
    justify-content: center;
    background-color: #6e6e6e;
    border-radius: 5px;
    font-size: 8px;
    font-weight: bold;
    align-items: center;
    display: flex;
    position: absolute;
    margin-top: 10px;
}

.info-li {
    float: left;
    margin-left: 10px;
}

.info-li-a {
    margin-top: 0px;
    margin-left: 0px;
}

.info-re {
    clear: both;
    /*float: right;*//*funktioniert nicht*/
    margin-left: 980px;
}

.info-re-a {
    margin-top: 0px;
    margin-left: 990px;
}

.footer-info a {
    color: #3e6620;
    display: block;
}

.footer-info {
    display: block;
}

.footer-info a:hover {
    color: #6e6e6e;
    background: #b91023;
    display: block;
}

.footer-info.active a {
    color: #6e6e6e;
    background: #b91023;
}

/*====================================*
/* Dings
/*====================================*/

span.heartx, span#heartx, td span.heartx, td span#heartx, tr td span.heartx, tr td span#heartx, .heartx {
	color: #b91023;
}

p.heart, p#heart, span.head-heart, span#heart {
	color: #b91023;
}



/*====================================*
/* allgemeine Überschreibungen
/*====================================*/
.text-dec-1 {
	text-decoration: line-through;
}

.clear {
    clear: both;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.inline {
    display: inline;
}

.middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.center, #center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.fs-30 {
    font-size:30px;
}

.fs-29 {
    font-size: 29px;
}

.fs-28 {
    font-size: 28px;
}

.fs-27 {
    font-size: 27px;
}

.fs-26 {
    font-size: 26px;
}

.fs-25 {
    font-size: 25px;
}

.fs-24 {
    font-size: 24px;
}

.fs-23 {
    font-size: 23px;
}

.fs-22 {
    font-size: 22px;
}

.fs-21 {
    font-size: 21px;
}

.fs-20 {
    font-size: 20px;
}

.fs-19 {
    font-size: 19px;
}

.fs-18 {
    font-size: 18px;
}

.fs-17 {
    font-size: 17px;
}

.fs-16 {
    font-size: 16px;
}

.fs-15 {
    font-size: 15px;
}

.fs-14 {
    font-size: 14px;
}

.fs-13 {
    font-size: 13px;
}

.fs-12 {
    font-size: 12px;
}

.fs-11 {
    font-size: 11px;
}

.fs-10 {
    font-size: 10px;
}

.fs-9 {
    font-size: 9px;
}

.fs-8 {
    font-size: 8px;
}

.fs-7 {
    font-size: 7px;
}

.fs-6 {
    font-size: 6px;
}

.fs-5 {
    font-size: 5px;
}

.fs-4 {
    font-size: 4px;
}

.fs-3 {
    font-size: 3px;
}

.fs-2 {
    font-size: 2px;
}

.fs-1 {
    font-size: 1px;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.italic {
    font-style: italic;
}

.oblique {
    font-style: oblique;
}

.fs-normal {
    font-style: normal;
}
.sign {
    font-family: "Brush Script MT", "Freestyle Script", "Vladimir Script", Mistral, Arial;
}

/*====================================*/
/* Abstand
/*====================================*/
.pad-0 {
	padding: 0px;
}

.pad-10 {
	padding: 10px;
}

.pad-r0 {
    padding-right: 0px;
}

.pad-r10 {
    padding-right: 10px;
}

.pad-r20 {
    padding-right: 20px;
}

.pad-r30 {
    padding-right: 30px;
}

.pad-r40 {
    padding-right: 40px;
}

.pad-r50 {
    padding-right: 50px;
}

.pad-r60 {
    padding-right: 60px;
}

.pad-l0 {
    padding-left: 0px;
}

.pad-l10 {
    padding-left: 10px;
}

.pad-l20 {
    padding-left: 20px;
}

.pad-l25 {
    padding-left: 25px;
}

.pad-l30 {
    padding-left: 30px;
}

.pad-l40 {
    padding-left: 40px;
}

.pad-l50 {
    padding-left: 50px;
}

.pad-l60 {
    padding-left: 60px;
}

.pad-t0 {
    padding-top: 0px;
}

.pad-t10 {
    padding-top: 10px;
}

.pad-t20 {
    padding-top: 20px;
}

.pad-t30 {
    padding-top: 30px;
}

.pad-t40 {
    padding-top: 40px;
}

.pad-t50 {
    padding-top: 50px;
}

.pad-t60 {
    padding-top: 60px;
}

.pad-b0 {
    padding-bottom: 0px;
}

.pad-b3 {
    padding-bottom: 3px;
}

.pad-b5 {
    padding-bottom: 5px;
}

.pad-b10 {
    padding-bottom: 10px;
}

.pad-b20 {
    padding-bottom: 20px;
}

.pad-b30 {
    padding-bottom: 30px;
}

.pad-b40 {
    padding-bottom: 40px;
}

.pad-b50 {
    padding-bottom: 50px;
}

.pad-b60 {
    padding-bottom: 60px;
}

.mar-0 {
	margin: 0px;
}

.mar-10 {
	margin: 10px;
}

.mar-r0 {
    margin-right: 0px;
}

.mar-r10 {
    margin-right: 10px;
}

.mar-r20 {
    margin-right: 20px;
}

.mar-r30 {
    margin-right: 30px;
}

.mar-r40 {
    margin-right: 40px;
}

.mar-r50 {
    margin-right: 50px;
}

.mar-r60 {
    margin-right: 60px;
}

.mar-l0 {
    margin-left: 0px;
}

.mar-l5 {
    margin-left: 5px;
}

.mar-l10 {
    margin-left: 10px;
}

.mar-l20 {
    margin-left: 20px;
}

.mar-l30 {
    margin-left: 30px;
}

.mar-l40 {
    margin-left: 40px;
}

.mar-l50 {
    margin-left: 50px;
}

.mar-l60 {
    margin-left: 60px;
}

.mar-t0 {
    margin-top: 0px;
}

.mar-t5 {
    margin-top: 5px;
}

.mar-t6 {
    margin-top: 6px;
}

.mar-t7 {
    margin-top: 7px;
}

.mar-t8 {
    margin-top: 8px;
}

.mar-t10 {
    margin-top: 10px;
}

.mar-t12 {
    margin-top: 12px;
}

.mar-t14 {
    margin-top: 14px;
}

.mar-t20 {
    margin-top: 20px;
}

.mar-t28 {
    margin-top: 28px;
}

.mar-t30 {
    margin-top: 30px;
}

.mar-t40 {
    margin-top: 40px;
}

.mar-t50 {
    margin-top: 50px;
}

.mar-t60 {
    margin-top: 60px;
}

.mar-b0 {
    margin-bottom: 0px;
}

.mar-b6 {
    margin-bottom: 6px;
}

.mar-b7 {
    margin-bottom: 7px;
}

.mar-b8 {
    margin-bottom: 8px;
}

.mar-b9 {
    margin-bottom: 9px;
}

.mar-b10 {
    margin-bottom: 10px;
}

.mar-b11 {
    margin-bottom: 11px;
}

.mar-b12 {
    margin-bottom: 12px;
}

.mar-b13 {
    margin-bottom: 13px;
}

.mar-b14 {
    margin-bottom: 14px;
}

.mar-b20 {
    margin-bottom: 20px;
}

.mar-b30 {
    margin-bottom: 30px;
}

.mar-b40 {
    margin-bottom: 40px;
}

.mar-b50 {
    margin-bottom: 50px;
}

.mar-b60 {
    margin-bottom: 60px;
}

.border-1 {
    border: solid 5px #fff;
    border-radius: 15px;
    padding: 10px;
    margin: 15px 50px 30px 50px;
}

.border-2 {
    margin: 15px 50px 15px 50px;
}

#aufbau {
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}

noscript {
    color: #000;
    background: #ff0000;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}

noscript.float-right {
    float: right;
}

/*====================================*/
/* Farben
/*====================================*/
.parteirot{
    color: #b91023;
}

.red {
    background: red;
}

.pink{
    background: pink;
}

.blue {
    background: blue;
}

.green {
    background: green;
}

.yellow{
    background: yellow;
}

.black {
    background: black;
}

.white {
    background: white;
}

.opacity-0 {
    opacity: 0;
}

.transparent {
    color: rgba(0,0,0,0);
}

.green-party {
	color: #46962b;
}

/*====================================*/
/* Media Queries
/*====================================*/
@media(max-device-width: 480px){
body {
    body: 1000px;
  }
.main {
    min-height: 200px;
} 
}

/*====================================*/
/* https://www.mediaevent.de/css/browser-praefix.html
/*====================================*/
/*Präfix
Browser
-moz-
Firefox
-ms-
Internet Explorer
-khtml-
Konqueror
-o-
Opera (alte Opera-Versionen) – u.U. noch auf Handys mit altem Betriebssystem
-webkit-
Chrome, Opera (neue Versionen), Safari*/