@import url("/wahl/bundles/css/main.archiv.css");

/* support unified */

.small {
	margin: 0 0;
}

.searchfield__input {
    padding: 1.8rem 4.4rem 1.6rem 5.2rem !important;
}

/* support unified */
body {position:absolute; top:0;}
body, .mediaTop > .media {
	background: #f1f1f1 !important;
}
/* body.tagesschau #content {overflow-x: hidden} */
#content *:focus {border: none!important; text-decoration:none!important; margin:0!important}
iframe {width:100% !important;}
.tagesschau .box,
.conBacklink {
	background: none !important; display: block !important;
}
.conBacklink > * {display: block !important; width: 100%; padding: 0}
.section {
	margin: 0 !important;
}
.poweruser, .modPicture, 
.monitorEtAl, a[href^="/flash"], a[href^="/flash"] + strong, img[src^="/flash"], /* Wahlmonitor-Teaser */
.sectionA .modB.modForm, /* Chronologie und Wahlselector */
.crosslink, /* Querverlinkung bei mehreren Wahlen */
#umap h2 /* 1517 */
{
	display: none !important;
}
#content {font-size: 160% !important}
#content td.label {
	color:black;
	font-size: 100%;
	text-transform: none;
	display: table-cell;
}
#content tr.row:before {
	content: "";
	display: none;
}
#content .section {width:100%; background: white; }
#content .section .con, #content .section > .modCon {margin: 20px auto 20px auto !important; float: none;}
		
#content.sectionA, #content.sectionC, #content.sectionZ {
	width:100% !important;
}

#content .sectionA > div > div > div:not(.slider) .box:not(.modTeaseronly), 
#content .sectionC .box, 
#content .sectionZ .box {
	width: 100% !important;
}
.box {
	min-width: 50%;
}

.wk-detailresult > *,
.wk-detailresult .chartholder .chartheader,
[class*=detailresult] [class^=chart]
{background: #f1f1f1 !important; padding: 2% !important}

[class*=detailresult] .chartheader img  {display: none;}
[class*=detailresult] .chartheader h2 {color: black !important; font-size: 26px !important; text-align: left; text-transform: none; font-weight: bold !important;}
[class*=detailresult] .chartheader table {width: 100% !important}
.chart td:first-child div {padding: 0}
.chart td div {background: transparent;}
.chart table {/* font-size: 0.9em */; margin-left:0 !important}
.chart table td {font-weight: normal !important;}

.controls.sliding, .controls.sliding + input {bottom:0!important}
#wahlarchivexplorer .sectionZ .mod .linklist .list li {width: 100% !important}
#wahlarchivexplorer .waxelection {height: auto !important;}
#wahlarchivexplorer .waxelection {margin: 0 0 60px 0 !important;}

input[type="button"], 
div.button, div.button a {background: #01599A !important; color: white !important}
div.button.active, div.button.active a {background: #33322f !important;}
html:not(.uebersicht) .button:not(.link) {float: none !important}
.boxCon.slider {width: 100% !important}
.vergleiche .boxCon.slider div {width: auto;}
.vergleiche .boxCon.slider .box {margin-bottom: 10px;}

div.regierung span {margin-left: 0}
.box {padding:0 !important}
.header.small {margin: 0}
#content {margin-top:120px}
.modConGallery .modHead, h1, .modGallery {
	margin-bottom: 20px;
}
.chartholder {
	padding:0 !important;
}
div.regierung p:first-child {text-align: center;}
div.regierung p:not(:first-child) {margin-top:20px}
div.regierung span {line-height: 1.5em;}
div.info[data-ctrl-umfrageaktuellethemen-info] {display:none;}
.modHead .link, .modHead .link a {background: #015999 !important; }

.wrapper {width:100% !important; max-width: 1020px !important; position:relative; top:50px; }


#content4e1 .mod.modGallery .media {height:auto!important;}


/* features */

.headselect {
    float: none;
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}

/* #content4e1 .section {border-top: 20px solid #f1f1f1;} */
.chart .chartfooter:before {content: "Quelle: "}

/*h1 nach oben bringen*/
.sectionZ .mod, .chart {position: static !important}
.chart h1 {position:absolute !important;top:0px;left:0;
	font-size:4rem !important;
	color: #015999 !important;
	text-transform: uppercase;
	font-weight: normal !important;
	line-height:1.2em;
	width: 100%!important;
	text-align: center;
	margin-left: 0!important;
}
.index #content > .wrapper >.sectionA:first-of-type {
	margin-top: 30px !important;
}

/* normal headlines */
h1, h2, h3, span.title, .index-wahlbeteiligung h4,
.dachzeile.small {
	min-width: 100%;
	text-align: center;
	display: block;
}
#content h2, h3, span.title, .index-wahlbeteiligung h4,
.dachzeile.small { /* .folge.WK  */
	color: #015999 !important;
	text-transform: uppercase;
	font-weight: normal !important;
	margin:20px 0 !important;
	width: 100% !important;
	line-height:1.1em;
	font-size: 4rem !important;
}

/*teaser*/
.box.modTeaseronly .teaser > div > .media:not(.wkMapHolder),
.sectionC .box.modTeaseronly .teaser {
	display:grid;
	grid-gap: 0 20px;
	grid-template-columns: 1fr 1.5fr;
	grid-template-rows: max-content auto;
}
.box.modTeaseronly .teaser .mediaTop,
.sectionC .box.modTeaseronly .teaser .mediaCon
{
	grid-row: 1 / 3;
	grid-column: 1;
}
.box.modTeaseronly .teaser h4,
.mediaCon + .headline
{
	grid-row: 1;
	grid-column: 2;
}
.box.modTeaseronly .teaser p,
.mediaCon + .headline + .teasertext {
	grid-row: 2;
	grid-column: 2;
	/* hyphens: auto; */
	padding-right: 20px;
	box-sizing: border-box;
}
.box.modTeaseronly .teaser img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	object-position: top left;
}
.modTeaseronly h4:before {
	content: "Grafiken";
	display: block;
	background: #015999;
	clear: both;
	width: max-content;
	padding: 2px 4px;
	font-size: 11px;
	border-radius: 2px;
	text-transform: uppercase;
	line-height: 1em;
	color: white;
	margin-top:12px;
}
.modTeaseronly h4.headline {
	font-size: 13px !important;
	font-weight: normal;
	margin: 0!important;
	line-height:1.33em;
}
.modTeaseronly p {
	font-size: 1.8rem;
	line-height: 1.1em;
}
.modTeaseronly p strong a,
.mediaCon + .headline + .teasertext a{
	color: #015999;
	font-weight: normal;
}

.mod .mediaCon .wkMapImg {
	transform: none!important;
	-webkit-transform: none!important;
	zoom: 1 !important;
}
.mod .mediaCon .wkMapHolder {
	height:auto;
}

/* Wanderungsslider */

.modMini .boxCon.slider {
	width: 100% !important;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: max-content;
}
.sectionA .modC .box {width:auto !important}
.mod .mediaCon {margin:0}

/* cuts */
.section.wide:before, 
.section.wanderung:before, 
.section.vergleiche:before,  
html:not(.uebersicht).sectionZ:before, 
.section#umfragengallery:before,
html.uebersicht #wahlarchivexplorer .sectionA:before,
.extracut:after,
.footer__navigation .columns:first-child:before {
	content: " ";
	display: block;
	width: 200%;
	height: 16px;
	background: #f1f1f1;
	position: relative;
	top: auto;
	left: -50%;
	margin-top: 30px;
}

.footer__navigation .columns:first-child:before {
	margin-top: 60px;
	margin-bottom: 40px;

}

#wahlarchivexplorer .legend {margin-right: 0!important;}

/* pre-2011 */

.folge .modTeaseronly .boxCon :not(.button) > a {color: #015999 !important}
.folge .box.modTeaseronly .teaser img {height:100%}
.folge h1 + .section.sectionA .media {background: #fff !important}
.folge h1 + .section.sectionA .media .backlink-sub {background: #fff !important}
.backlink-sub > span {background: #e4e4e4 !important; padding: 7px 40px !important; right: 5% !important; border-radius: 3px; ; }
.wahlBezeichnungscontainer {background: white !important}
.wahlBezeichnungscontainer + .backlink-sub > span {line-height: 2em !important;}
.conHeadline.hidden {display: none;}
.box.modTeaseronly .teaser .wkMapHolder { display: block }
.box.modTeaseronly .teaser .wkMapHolder img { width: auto; height: auto; max-width: 100%;}
.waToggleShare {display: none !important}

.folge.wkreise .mediaA, .folge.ergebnis .mediaA, .folge.landkreise .mediaA {display: block!important;}
.folge .modTeaseronly .boxCon {
	display: grid;
	grid-gap: 0 20px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: max-content auto;
	
}

/* Folgeseiten */

.folge img.backlinkimg,
.folge .detailresult-content h1,
.socialMedia,
.socialMedia + a {display: none !important;}
.folge h2.backlink {background: white; padding:0 !important}

.folge .chartholder, .chartfooter {background: #f1f1f1 !important; padding: 2% !important}
.folge .detailresult-content .chartheader img {display: none;}
.folge .detailresult-content .chartheader h2 {color: black !important; font-size: 26px !important; text-align: left; text-transform: none; font-weight: bold !important;}
.folge .detailresult-content .chartheader table {width: 100% !important}

.folge.WK .wrapper > .sectionC h3, .folge.G .wrapper > .sectionC h3, .wk1 .wrapper > .sectionC h3 {  /* Stand */
	color: black !important;
	font-size: 1em !important;
    text-transform: none;
}


.wk1 .winner-hh, .wkwinner {background: #f1f1f1 !important;}
.folge.G .winner-hh {display:none}
.folge.chart .modTeaseronly > .boxCon,  /* Wahlkreise 2014 */
.folge.WK .modTeaseronly > .boxCon
{ 
	grid-template-columns: 1fr !important;
}
.link.button.left {grid-row: 1; grid-column:1; height: max-content}
.link.button.right {grid-row: 2; grid-column:1; height: max-content}
.link.button a {display: block;width:100%; box-sizing: border-box;}


/* #wkkarte */

#wkKarte:before {content: "in Arbeit"; color: red;}
#wkKarte {
	outline: 1px solid red;
    /* display: grid; */
    display: none;
    width: 100%;
    grid-template-columns: 3fr 1fr;
}
#wkKarte > div.section {
	grid-row: 1;
}
#wkKarte > div.section > .con {
	width: 100%!important;
	margin: 0 !important;
}
#wkKarte > div.sectionC > .con {
	max-width: 350px;
}

#wkKarte > br {display: none}
.glossarText { padding: 6px 0; !important }
	
@media (max-width: 1020px) {
	#content .sectionC .con, 
	#content .sectionZ .con,
	#content #content4e1 .sectionA:not(.wide) .con,
	#content #content4e1 .sectionA:not(.wide) > .modCon{
		width: 94% !important;
	}
	.sectionA .modD .box {width:auto!important}
	html:not(.folge) .box.modTeaseronly .teaser img {height:35vw !important;}
	h2, h3, span.title, .chart h1, .index-wahlbeteiligung h4 {font-size: 3rem !important;}
	p, .glossarText {font-size:1.1em;line-height:1.2em;}

	.box.modTeaseronly .teaser > div > .media {grid-gap: 8px 12px; grid-template-columns: 1fr 2fr}
	
	.chart table {font-size: 14px !important}
	.modMini .boxCon.slider, 
	.folge.wkreise .modTeaseronly .boxCon, 
	.folge.ergebnis .modTeaseronly .boxCon, 
	.folge.landkreise .modTeaseronly .boxCon,
	.folge.chart .modTeaseronly > .boxCon,  /* Wahlkreise 2014 */
	.folge.WK .modTeaseronly > .boxCon
	{ 
		grid-template-columns: 1fr !important;
	}
	.modParagraph .mediaCon.mediaTop.small {width: 100%; margin: 0;}
	div.detailresult-content {width: 100%;}
	td.barholder { width: auto !important; min-width: 6.5em !important;}
	#wahlarchivexplorer .waxelection {margin: 0 0 40px 0 !important;}
}
@media (min-width: 1021px) {
	#content .sectionC .con, 
	#content .sectionZ .con,
	#content #content4e1 .sectionA:not(.wide) .con,
	#content #content4e1 .sectionA:not(.wide) > .modCon {
		width: 70% !important;
	}
	td.barholder {width: auto !important;min-width: 15em !important;}
}

.uebersicht #wahlarchivexplorer .sectionZ:before {content: ""!important; display: none!important;}
h2.backlinkwax {
    margin: 0!important;
    background: white;
}

/* FIX ME */

html:not(.uebersicht) .sliding .next, html:not(.uebersicht) .sliding .prev {display:none}

/* RESTORE */

.ts-form-textinput {padding: .6rem 1.2rem !important}

/* Trenner-Umbau */
h1, h2.backlink {display: none !important;}
h1.real {
	display: block !important;
	font-size:4rem !important;
	color: #015999 !important;
	text-transform: uppercase;
	font-weight: normal !important;
	line-height:1.2em;
	width: 100%!important;
	text-align: center;
	margin: 0em 0 1.2em 0 !important;
	hyphens: auto;
}
.h1realtopline:before {
	width: 100%;
    display: block;
    font-size: 20px;
    line-height: 1em;
    font-family: ThesisCaps,Thesis,helvetica,arial,sans-serif;
    color: #5a5856;
    letter-spacing: .2rem;
    text-align: center;
    text-transform: uppercase;
}
html[e*="BT-DE"]    .h1realtopline:before, 
html[e*="EP-DE"]    .h1realtopline:before {content: 'Deutschland';}
html[e*="LT-DE-BW"] .h1realtopline:before {content: 'Baden-Württemberg';}
html[e*="LT-DE-BY"] .h1realtopline:before {content: 'Bayern';}
html[e*="LT-DE-BE"] .h1realtopline:before {content: 'Berlin';}
html[e*="LT-DE-BB"] .h1realtopline:before {content: 'Brandenburg';}
html[e*="LT-DE-HB"] .h1realtopline:before {content: 'Bremen';}
html[e*="LT-DE-HH"] .h1realtopline:before {content: 'Hamburg';}
html[e*="LT-DE-HE"] .h1realtopline:before {content: 'Hessen';}
html[e*="LT-DE-MV"] .h1realtopline:before {content: 'Mecklenburg-Vorpommern';}
html[e*="LT-DE-NI"] .h1realtopline:before {content: 'Niedersachsen';}
html[e*="LT-DE-NW"] .h1realtopline:before {content: 'Nordrhein-Westfalen';}
html[e*="LT-DE-RP"] .h1realtopline:before {content: 'Rheinland-Pfalz';}
html[e*="LT-DE-SL"] .h1realtopline:before {content: 'Saarland';}
html[e*="LT-DE-SN"] .h1realtopline:before {content: 'Sachsen';}
html[e*="LT-DE-ST"] .h1realtopline:before {content: 'Sachsen-Anhalt';}
html[e*="LT-DE-SH"] .h1realtopline:before {content: 'Schleswig-Holstein';}
html[e*="LT-DE-TH"] .h1realtopline:before {content: 'Thüringen';}
/*
body > #content, .footer, .endline {
	overflow-x: hidden;
}
*/




.form-input__text, .form-mail__input, .form-select__select, .searchfield__input, .searchfield__submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-label {
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #33322f;
}
.form-input__text:focus + .form-input__label, .form-input__text:not(:placeholder-shown) + .form-input__label, .form-mail__input:focus + .form-mail__label, .form-mail__input:not(:placeholder-shown) + .form-mail__label, .form-select__label.form-label, .form-textarea__textarea:focus + .form-textarea__label, .form-textarea__textarea:not(:placeholder-shown) + .form-textarea__label {
  opacity: .75;
  transform: scale(.75) translateY(-.8rem) translateX(.4rem);
}

.form-input__label.form-label, .form-mail__label.form-label, .form-select__label.form-label, .form-textarea__label.form-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.6rem 1.2rem;
  opacity: .75;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}

.form-select__wrapper { margin-top:25px;}

.form-select {
 position:relative;
 display:flex;
 align-items:center
}
.form-select__select {
 font-size:1.6rem;
 line-height:1.8rem;
 padding:2.6rem 3.6rem 1rem 1.2rem;
 width:100%;
 color:#33322f;
 background-color:#fff;
 background-image:url(/wahl/bundles/icon/arrow-down--fill-emotional-grey.svg);
 background-repeat:no-repeat;
 background-position:right 1rem center;
 background-size:3.8rem 3.8rem;
 outline:.1rem solid #33322f
}
.form-select .form-select__select:focus {
 color:#33322f;
 outline:.2rem solid #33322f;
}
@media screen and (min-width:768px) {
 .form-select {
  max-width:40rem
 }
 .form-select--centered {
  margin:0 auto
 }
}