/*
Theme Name:     Virtue Freie Wähler
Theme URI:      http://datenwege-informatik.de
Description:    Spezielle Anpassunge des Templates "virtue" für die website "fw-alling.de"
Author:         Gernot Daum
Author URI:     http://datenwege-informatik.de
Template:       virtue
Version:        1.0
*/

@import url("../virtue/style.css");

/* Kopf */

.kad-header-left, .kad-header-right {width: 100%}
#logo .Part1, #logo .Part2 {float: left}
#logo .Part3 {float: right}
#logo .Part1 {width: 30%}
#logo .Part2 h2 {
	font-size: 50px; 
	font-weight: bold; 
	margin-top: 24px;
	color: #00969c
}

.kad-header-right #nav-main {margin: 10px 0}
#nav-main, #nav-main ul.sf-menu a {background-color: #525152}
#nav-main .sf-menu a, #nav-main ul.sf-menu ul li a{color: #c5c7c9}
#nav-main ul.sf-menu a:hover, #nav-main ul.sf-menu ul li a:hover,
#nav-main .current-menu-item a, #nav-main .current-menu-ancestor a,
#nav-main ul.sf-menu ul li.current_page_item a
{color: #ffb221}
.sf-menu .current-menu-item 
{border-bottom: 7px solid #ffb221}

.footercol1 {width: 35%}
.footercol2 {width: 50%}
.footercol3 {width: 15%}

/* Hauptinhalt */

h1, h2, h3, h4, h5, h6, h7 {text-align: center}
.main {display: inline-block} 
.home .entry-content {hyphens: auto}
.sidebar #text-2 {
	color: #fff; background-color: #00969c;
  padding: 3% 
}
.sidebar #text-2 h3 {margin: 0; color: #fff}   

.widget_kadence_social{margin-top: 0}
.virtue_social_widget a {background: #ffb221; width: 20%; margin: 0 2.5% } 

.FW-Text1, .FW-Text2{font-weight: bold; font-size: 20px}
.FW-Text1{color: #00969c}
.FW-Text2{color: #ffb221}


/* Eigene Strukruren */

div.Vollseite, div.Halbseite, div.Halbbox, div.HalbseiteL, div.HalbseiteR, div.Drittelseite, div.Zweidrittelseite,
.FloatL {float: left; display: inline}
.FloatR {float: right}
div.Vollseite {width: 98%; padding: 0% 2%}
div.Halbseite, div.Halbbox, div.HalbseiteL, div.HalbseiteR {width: 45%; padding: 2%}
div.HalbseiteL{border-right: 2px solid #006531}
div.Drittelseite{width: 31%; padding: 0% 1%}
div.Drittelseite {width: 31%; padding-right: 1%}
div.Zweidrittelseite{width: 63%; padding: 0% 1.5%}
.single-track {width: 100%; max-width: 800px}

div.newline{clear: both; padding: 7px}

div.separationline{
	clear: both; 
	border-top: 1px solid;
	padding-bottom: 2px; 
}
.separation-top, .separation-bottom {clear: both}
.separation-top {border-top: 1px solid;	padding-top: 15px}
.separation-bottom {border-bottom: 1px solid}

img.Fill4L {width: 40%}
img.Fill4 {width: 40%; margin-left: 30%}
img.Fill5 {width: 50%; margin-left: 25%}
img.Fill6 {width: 60%; margin-left: 20%}
img.Fill7 {width: 70%; margin-left: 15%}
img.Fill8 {width: 80%; margin-left: 10%}
img.Fill9 {width: 90%; margin-left: 5%}
img.Fill {width: 100%}

.Zentral6 {width: 60%; margin-left: 20%}
.Zentral7 {width: 70%; margin-left: 15%}
.Zentral8 {width: 80%; margin-left: 10%}

/* Tabellen allgemein */
.Zelle, .Zelle-UE {float: left; width: 13%; padding: 2px 0}
.Zelle-Leerzelle:before {content:"-"}
.Zelle-Leerzelle {
	color: #ffffff; 
	background-color: #ffffff; 
	margin-top: 4px; 
}

/* bestimmte Tabellen */
/*   Mitglieder */
.Mitglieder .Vorstand .Kandidaten {margin-top: 10px}
.Mitglieder .Zelle-UE-Name, .Mitglieder .Zelle-UE-Ämter 
{font-weight: bold; background-color: #ffb221}
.Mitglieder .Zelle-UE-Name, .Mitglieder .Zelle-Name
{clear: both}
.Mitglieder .Zelle-UE-Name, .Mitglieder .Zelle-Name {width: 38%}
.Mitglieder .Zelle-UE-Ämter, .Mitglieder .Zelle-Ämter {width: 61%}


/*   Vorstand */
.Vorstand .Zelle-Name {clear: both; width: 20%}
.Vorstand .Zelle-Foto {width: 20%; min-height: 220px; margin: 0 2.5%}
.Vorstand .Zelle-Adresse {width: 20%}
.Vorstand .Zelle-Kontakt {width: 35%}
.Vorstand .Zelle-Name, .Vorstand .Zelle-Adresse, .Vorstand .Zelle-Kontakt 
{margin-top: 15px}

/*   Kandidaten */
.Kandidaten {
	padding: 15px 30px; 
	color: #fff;
	background: #f6a800
}
h1.Kandidaten {
	margin: 0; 
	padding: 0;
	background: #0091ac;
	font-size: 24px;
	text-transform: uppercase
}
.Kandidaten:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px}
.Kandidaten .Zelle-Listenplatz {
	clear: both; 
	width: 15%; 
	font-size: 18px
}
.Kandidaten .Zelle-Foto {
	width: 25%; 
	margin: 5% 2.5% 0 2.5%
}
.Kandidaten .Zelle-Name {
	width: 27%;
	margin-right: 3%; 
	padding: 10px 15px;
	background: #0091ac;
	font-size: 18px; 
	font-weight: bold
}
.Kandidaten .Zelle-Infos {width: 25%}
.Kandidaten .Zelle-Listenplatz, .Kandidaten .Zelle-Name, .Kandidaten .Zelle-Infos 
{margin-top: 5.2%}

.Politbarometer .Zelle-UE {font-weight: bold}
.Politbarometer .Zelle, .Politbarometer .Zelle-UE {width: 7%; padding: 3px 0.5%}
.Politbarometer .Zelle-UE-Wahl2014:before {content: "Wahl 2014 in Prozent"}
.Politbarometer .Zelle-UE-Mandate2014:before {content: "GR Mandate 2014"}
.Politbarometer .Zelle-UE-Wahl2008:before {content: "Wahl 2008 in Prozent"}
.Politbarometer .Zelle-UE-Mandate2008:before {content: "GR Mandate 2008"}
.Politbarometer .Zelle-UE-Wahl2002:before {content: "Wahl 2002 in Prozent"}
.Politbarometer .Zelle-UE-Mandate2002:before {content: "GR Mandate 2002"}
.Politbarometer .Zelle-UE-Wahl1996:before {content: "Wahl 1996 in Prozent"}
.Politbarometer .Zelle-UE-Mandate1996:before {content: "GR Mandate 1996"}
.Politbarometer .Zelle-UE-Wahl1990:before {content: "Wahl 1990 in Prozent"}
.Politbarometer .Zelle-UE-Mandate1990:before {content: "GR Mandate 1990"}
.Politbarometer .Zelle-UE-Name, .Politbarometer .Zelle-Name
{clear: both; width: 27%}
.Politbarometer .Zelle-UE-Wahl2008, .Politbarometer .Zelle-Wahl2008,
.Politbarometer .Zelle-UE-Mandate2008, .Politbarometer .Zelle-Mandate2008
{background-color: #f0f0f0}
.Politbarometer .Zelle-UE-Wahl2002, .Politbarometer .Zelle-Wahl2002,
.Politbarometer .Zelle-UE-Mandate2002, .Politbarometer .Zelle-Mandate2002
{background-color: #e0e0e0}
.Politbarometer .Zelle-UE-Wahl1996, .Politbarometer .Zelle-Wahl1996,
.Politbarometer .Zelle-UE-Mandate1996, .Politbarometer .Zelle-Mandate1996
{background-color: #d0d0d0}
.Politbarometer .Zelle-UE-Wahl1990, .Politbarometer .Zelle-Wahl1990,
.Politbarometer .Zelle-UE-Mandate1990, .Politbarometer .Zelle-Mandate1990
{background-color: #c0c0c0}

.Mitgliederantrag {
	 display: inline-block;
	 border-top: 2px solid #00969c; 
	 border-right: 4px solid #00969c;
	 border-bottom: 4px solid #00969c;
	 border-left: 4px solid #00969c;
}
.Mitgliederantrag .Zelle {border-top: 2px solid #00969c; padding: 1% 15px}
.Mitgliederantrag .Zelle-Oben-Teil1, .Mitgliederantrag .Zelle-Unten-Teil1 
{border-right: 2px solid #00969c}
.Mitgliederantrag .Zelle-Oben-Teil1, .Mitgliederantrag .Zelle-Unten-Teil1
{clear: both}
.Mitgliederantrag .Zelle-Oben-Teil1 {width: 70%}
.Mitgliederantrag .Zelle-Oben-Teil2 {width: 30%}
.Mitgliederantrag .Zelle-Unten-Teil1, .Mitgliederantrag .Zelle-Unten-Teil2
{width: 50%}


/* Responsive */
@media (max-width: 1199px) {
	#logo .Part2 h2 {font-size: 40px}
	
  .Politbarometer .Zelle-UE-Wahl2014:before {content: "Wahl 2014 in %"}
  .Politbarometer .Zelle-UE-Mandate2014:before {content: "GR Mand. 2014"}
  .Politbarometer .Zelle-UE-Wahl2008:before {content: "Wahl 2008 in %"}
  .Politbarometer .Zelle-UE-Mandate2008:before {content: "GR Mand. 2008"}
  .Politbarometer .Zelle-UE-Wahl2002:before {content: "Wahl 2002 in %"}
  .Politbarometer .Zelle-UE-Mandate2002:before {content: "GR Mand. 2002"}
  .Politbarometer .Zelle-UE-Wahl1996:before {content: "Wahl 1996 in %"}
  .Politbarometer .Zelle-UE-Mandate1996:before {content: "GR Mand. 1996"}
  .Politbarometer .Zelle-UE-Wahl1990:before {content: "Wahl 1990 in %"}
  .Politbarometer .Zelle-UE-Mandate1990:before {content: "GR Mand. 1990"}
}

@media (max-width: 991px) {
	#logo .Part2 {margin-left: 20px}
	#logo .Part2 h2 {font-size: 32px; margin-top: 17px}
	
	#nav-main {display: none}
  .nav-trigger .nav-trigger-case {position: static; width: 100%}
  div.Halbseite, #logo .Part1, #logo .Part2, #logo .Part3, .footercol1, .footercol2, .footercol3,
  div.Drittelseite, div.Zweidrittelseite {width: 98%; padding: 0% 1%}
  div.Drittelseite {max-width: 300px}
  div.Zweidrittelseite {max-width: 600px}
}

@media (max-width: 767px) {
	#logo .Part2 h2 {font-size: 25px}
	
	/* Tabellen im Smartphone Format */
 	.Zelle-Leerzelle, .Zelle-UE {display: none}
	.Zelle {width: 100%}
	
	.Mitglieder .Zelle {width: 100%}
	.Mitglieder .Zelle:before{display: inline-block; font-weight: bold; width: 100%; background-color: #ffb221}
	.Mitglieder .Zelle-Name:before {margin-top: 5px; content: "Name"}
  .Mitglieder .Zelle-Ämter:before {content: "Ämter"}
  
  .Kandidaten .Zelle, .Vorstand .Zelle {
  	float: none;
  	width: 100%;
  	max-width: 300px;
  	margin: 0 auto 30px auto
  }
  
  .Politbarometer .Zelle {width: 100%}
  .Politbarometer .Zelle:before{display: inline-block; font-weight: bold; width: 100%}
	.Politbarometer .Zelle-Name:before {margin-top: 5px; content: "Partei"}
  .Politbarometer .Zelle-Wahl2014:before {content: "Wahl 2014 in %"}
  .Politbarometer .Zelle-Mandate2014:before {content: "GR Mand. 2014"}
  .Politbarometer .Zelle-Wahl2008:before {content: "Wahl 2008 in %"}
  .Politbarometer .Zelle-Mandate2008:before {content: "GR Mand. 2008"}
  .Politbarometer .Zelle-Wahl2002:before {content: "Wahl 2002 in %"}
  .Politbarometer .Zelle-Mandate2002:before {content: "GR Mand. 2002"}
  .Politbarometer .Zelle-Wahl1996:before {content: "Wahl 1996 in %"}
  .Politbarometer .Zelle-Mandate1996:before {content: "GR Mand. 1996"}
  .Politbarometer .Zelle-Wahl1990:before {content: "Wahl 1990 in %"}
  .Politbarometer .Zelle-Mandate1990:before {content: "GR Mand. 1990"}
}

/*
  .Politbarometer .Zelle-UE-Wahl2014:before {content: "Wahl 2014 in %"}
  .Politbarometer .Zelle-UE-Mandate2014:before {content: "GR Mand. 2014"}
  .Politbarometer .Zelle-UE-Wahl2008:before {content: "Wahl 2008 in %"}
  .Politbarometer .Zelle-UE-Mandate2008:before {content: "GR Mand. 2008"}
  .Politbarometer .Zelle-UE-Wahl2002:before {content: "Wahl 2002 in %"}
  .Politbarometer .Zelle-UE-Mandate2002:before {content: "GR Mand. 2002"}
  .Politbarometer .Zelle-UE-Wahl1996:before {content: "Wahl 1996 in %"}
  .Politbarometer .Zelle-UE-Mandate1996:before {content: "GR Mand. 1996"}
  .Politbarometer .Zelle-UE-Wahl1990:before {content: "Wahl 1990 in %"}
  .Politbarometer .Zelle-UE-Mandate1990:before {content: "GR Mand. 1990"}
*/