/*
Theme Name: Hessengruen - Portal
Theme URI: 
Description: Portal der  hessischen Grünen
Author: Antwortzeit.de
Author URI: http://www.antwortzeit.de 
Template: hessengruen
Version: 3.2.1
*/

@import url("../hessengruen/style.css?ver=3_2");

#weiss {
	padding-bottom: 0px;
	}
	#zweispaltig {
		padding-bottom: 80px;
	}

#linkcat-2833 {
	padding: 0;
	margin: -24px 5px 0 0;
	position: relative;
	z-index: 500;}
#linkcat-2833 h2 {
	display: none;}
#linkcat-2833 ul {
	float: right;}
#linkcat-2833 ul li {
	float:left;
	margin: 0 5px 0 0;}

#blog .button {
	display: block;
	width: 55px;
	height: 53px;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: 100;
	background: url(images/blog.png) no-repeat;
	font-size: 1px;
	font-size: 0;
	text-indent: -3000px;}
.dossier.format-mittel .daten:before {
	content: " ";
	display: block;
	width: 55px;
	height: 53px;
	position: absolute;
	top: -15px;
	right: -25px;
	z-index: 100;
	background: url(images/dossier.png) no-repeat;
	font-size: 1px;
	font-size: 0;
	text-indent: -3000px;}

div.inhalt ul.themen {
	clear:none;
	width:200px;
	float:left;
	margin:0 20px 0 0;}
div.inhalt ul.themen:last-child {
	margin:0;}
div.inhalt ul.themen li ul {
	border-top:1px solid #fff;
	margin:0;
	padding:10px 40px 0 20px;
}

#blogmeta {
	text-align: right;}
.themen_list {
	text-align: left;
	background: url(images/blogsprite.png) no-repeat 0px -197px;
	color: #999999;
	padding: 0px 0 5px 25px;
	float: left;
	width: 120px;
	margin: 0 20px 0 0;}
.schlagwoerter_list {
	text-align: left;
	background: url(images/blogsprite.png) no-repeat 0px -100px;
	color: #999999;
	padding: 0px 0 5px 25px;
	float: left;
	width: 180px;
	margin: 0 20px 0 0;}
.kommentarlink {
	background: url(images/blogsprite.png) no-repeat 0px 1px;
	color: #999999;
	padding: 0px 0 5px 25px;
	display: inline-block;}
.themen_list a, .schlagwoerter_list a, a.kommentarlink { color: #999999;}
.prev {
	width: 45%;
	float: right;
	text-align: right;
	color: #999999;}
.next {
	width: 45%;
	float: left;
	text-align: left;
	color: #999999;}
	
#sozialenetzwerke {
	position: absolute;
	top: 100%;
	right: 0;
	margin: -20px 8px 0 0;
	display: block;
	z-index: 205;
	}
	#sozialenetzwerke.mobil {
		display: none;
	}
	#sozialenetzwerke li {
		float: left;
		}
		#sozialenetzwerke li a {
			display: block;
			float: left;
			width: 60px;
			height: 60px;
			background: #ffffff;
			-webkit-border-radius: 60px;
			-moz-border-radius: 60px;
			border-radius: 60px;
			text-indent: -2000px;
			font-size: 1px;
			font-size: 0;
			margin: 0 6px 0 0;
			}
			#sozialenetzwerke li a:hover {
				text-decoration: none !important;
			}
			#sozialenetzwerke li a::before {
				text-indent: 0;
				font-size: 30px;
				font-family: 'FontAwesome';
				display: block;
				text-align: center;
				padding: 0 0 0 2px;
				line-height: 60px;
			}
			#sozialenetzwerke li#gesichtsbuch a::before {
				content: "\f230";
				color: #2b5a9b;
				}
				#sozialenetzwerke li#gesichtsbuch a:hover { background: #2b5a9b; }
				#sozialenetzwerke li#gesichtsbuch a:hover::before { color: #ffffff; }
			#sozialenetzwerke li#gezwitscher a::before {
				content: "\f099";
				color: #68bcfd;
				}
				#sozialenetzwerke li#gezwitscher a:hover { background: #68bcfd; }
				#sozialenetzwerke li#gezwitscher a:hover::before { color: #ffffff; }
			#sozialenetzwerke li#duroehre a::before {
				content: "\f167";
				color: #eb215a;
				}
				#sozialenetzwerke li#duroehre a:hover { background: #eb215a; }
				#sozialenetzwerke li#duroehre a:hover::before { color: #ffffff; }
			#sozialenetzwerke li#sofortbild a::before {
				content: "\f16d";
				color: #e91e92;
				}
				#sozialenetzwerke li#sofortbild a:hover { background: #6634e1; background: -webkit-radial-gradient(50px 220px, #ffda75 18%,#ff3a49 43%,#ff3a49 50%,#e518a1 70%,#6634e1 100%) }
				#sozialenetzwerke li#sofortbild a:hover::before { color: #ffffff; }
			#sozialenetzwerke li#blinzler a::before {
				content: "\f16e";
				color: #0063dc;
				}
				#sozialenetzwerke li#blinzler a:hover { background: #0063dc; }
				#sozialenetzwerke li#blinzler a:hover::before { color: #ffffff; }

#unterslider {
	margin: 0 0 -10px 0;
	}
	#unterslider .widget {
		width: 50%;
		float: left;
		text-align: center;
		padding: 100px 40px 0 !important;
		}
		#unterslider #text-7 {
			background-image: url('images/partei.png');
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 64px 64px;
			}
			@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #unterslider #text-7 {
			background-image: url('images/partei@2x.png');
			}}
		#unterslider #text-8 {
			background-image: url('images/landtag.png');
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 81px 64px;
			}
			@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #unterslider #text-8 {
			background-image: url('images/landtag@2x.png');
			}}
		#unterslider #text-9 {
			background-image: url('images/regierung.png');
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 81px 63px;
			}
			@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #unterslider #text-9 {
			background-image: url('images/regierung@2x.png');
			}}
	#unterslider h2 {
		width: 100%;
	}


#startseitenleiste{
		
		}
		#startseitenleiste .dreiSpalten > div{
			background: #f7f7f7;
		}
		
		
#videos {
	position: relative;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	#videos .youtube {
		width: 20%;
		float:left;
		position: relative;
		color: #ffffff;
		margin: 0;
		text-align: center;
		}
		#videos .youtube::before {
			font-family: 'FontAwesome';
			content: "\f16a";
			display: block;
			text-align: center;
			font-size: 4rem;
			padding: 0 0 20px 0;
			}
#videos .videoswrap {
	float: right;
	width: 80%;
	}
	#videos .video {
		float: left;
		margin: 0;
		padding: 0 40px 0 0;
		width: 25%;
		}
		#videos .video a {
			position: static;
			width: 100%;
		}
		#videos .alignleft {
			width: 100%;
			height: auto;
			margin: 0; }
		#videos p {
		    clear: both;
		    padding: 10px 20px 10px;
		    text-align: center;
		    overflow: hidden;
			font-weight: normal !important;
		}
#mitmachen {
	}
	#mitmachen a {
		font-weight: normal;
		text-decoration: underline;
	}
	#mitmachen #zweispaltig {
		padding-bottom: 0px;
	}
	#mitmachen #wiemitmachen {
		margin: 20px 0 60px 0;
		}
		#mitmachen #wiemitmachen li {
			display: inline-block;
			margin: 0 20px 20px 0;
		}
	#mitmachen #wurzelwerkzeug {
		}
		#mitmachen #wurzelwerkzeug li {
			float: left;
			width: 50%;
			padding: 0 40px 0 0;
		}

.themenaz .themenaz-link {
	padding-top: 80px !important;
	padding-left: 0px !important;
	height: 120px !important;
	position: relative;
	}
	.themenaz .themenaz-link h4.lines {
	border-top: none;
	border-bottom: none;
	background: #ffffff;
	color: #58585a;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin: 0px !important;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.antwortzeit_themen_az {
	position: relative;
	overflow: hidden;
	}
	.antwortzeit_themen_az::before {
		content: "\f02b";
		font-family: 'FontAwesome';
		font-size: 256px;
		position: absolute;
		right: -20px;
		bottom: 0;
		opacity: 0.0625;
	}		


h3#comments {
    background: url("images/kommentare.png") no-repeat scroll 0 0 transparent;
    color: #676767;
    font-size: 14px;
    padding: 2px 0 10px 2px;
    text-align: center;
    width: 32px;}
.commentlist li.comment {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #d9d9d9;
	list-style: none;
	line-height: inherit;}
.commentlist li.comment:last-child {
	border-bottom: none;}
.commentlist li.comment.depth-2 {
	margin: 10px 0 10px 30px;
	border-bottom: 1px solid #d9d9d9;}
.commentlist li.comment.depth-2:last-child {
	border-bottom: none;}
.commentlist .comment-reply-link {
	display: block;
	color: #999999 !important;
    font-size: 11px;}
.commentlist .comment-author {
	font-size: 15px;
	padding: 10px 0 10px 0;}
.commentlist .comment-meta {
	display: block;
	margin:  0 0 10px;}
.commentlist .comment-meta a {
	color: #999999 !important;}
#respond {}
#respond .links {
	width: 360px;
	float: left;}
#respond .rechts {
	width: 210px;
	margin: -20px 0 0 0;
	float: right;}
#respond h3 {
	background: url(images/stift.png) no-repeat 0 0;
	padding: 5px 0 5px 75px;}
#respond #commentform {
	padding: 0 0 0 75px;}
#respond input {
	font-size: 13px;
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 200px;
    box-shadow: 1px 2px 2px 1px rgba(100, 100, 100, 0.1) inset;}
#respond .cancel-comment-reply a {
	display: block;
	font-weight: normal;
	color: #999999 !important;
    font-size: 11px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 10px;
    width: 80px;}
#respond input#submit {
	box-shadow:
		inset 0px 1px 1px rgba(249,249,249,1);
    color: #676767;
    margin: 14px 0 0;
    text-shadow: 0 2px 1px #FFFFFF;
    width: 140px; }
#respond input#submit:hover {
	cursor: pointer;
	background: #e9e9e9;
	background: -moz-linear-gradient(
		top,
		#d5d5d5 0%,
		#e9e9e9);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d5d5d5),
		to(#e9e9e9));}
#respond label {
    color: #999999;
    display: block;
    margin: 0 0 -2px;}
#respond textarea {
	font-size: 13px;
	line-height: 175%;
    border: 1px solid #CCCCCC;
    padding: 5px;
    box-shadow: 1px 2px 2px 1px rgba(100, 100, 100, 0.1) inset;
    width: 348px;
    resize: none;}
    
.pfeil {
	color: #8d8d8d !important;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background: url(../hessengruen_wahl/images/pfeil.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
	.pfeil a { color: #8d8d8d !important; }
	.pfeil span { font-weight: bold; }

.lmvContainer {
	position: relative;
	clear: both;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	margin: 0 auto -40px auto;
	z-index: 101;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	.lmvContainer iframe {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.fluid-width-video-wrapper iframe{
		height:56.25% !important;
	}
	.lmvContainer > a {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 11;
		margin: -40px 0 0 40px;
		font-family: 'Arvo Gruen', 'Arvo Regular', 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-weight: 400 !important;
		background: #e3147e;
		color: #ffffff;
		display: inline-block;
		padding: 20px 40px;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 200ms ease-in-out;
		   -moz-transition: all 200ms ease-in-out;
			 -o-transition: all 200ms ease-in-out;
		}
		.lmvContainer > a:hover {
			background: #b4e474;
		}

/*fix bvd 20211125 - Bereich unter Video war nicht klickbar*/
.lmvContainer > .fluid-width-video-wrapper {
    padding-top: 56.25% !important;
}
.lmvContainer > .fluid-width-video-wrapper > iframe {
    height: 100% !important;
}

	
body .anmelde-button {
	font-family: 'Arvo Gruen', 'Arvo Regular', 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 400 !important;
	background: #e3147e;
	margin-top: 40px;
	color: #ffffff;
	display: inline-block;
	padding: 20px 40px;
	margin-right: 10px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	   -moz-transition: all 200ms ease-in-out;
		 -o-transition: all 200ms ease-in-out;
	}
	body .presse-anmelde-button {
		font-family: inherit;
		background: #f7f7f7;
		color: inherit;
	}
	body .anmelde-button:hover {
		background: #b4e474;
	}
	
#wahl_container {
	background: url(../hessengruen_wahl/images/wahl_container.jpg) no-repeat left top;
	height: 400px;
	}
	#wahl_container .inhalt {
		padding: 25px 20px 20px 410px;
		position: relative;
		}
	#wahl_container_angela {
		background: url(../hessengruen_wahl/images/wahl_container_angela.png) no-repeat;
		width: 135px;
		height: 76px;
		display: block;
		position: absolute;
		left: 220px;
		top: 254px;
		}
	#wahl_container_tarek {
		background: url(../hessengruen_wahl/images/wahl_container_tarek.png) no-repeat;
		width: 151px;
		height: 73px;
		display: block;
		position: absolute;
		left: 51px;
		top: 254px;
		}
	#wahl_container #antwortzeit_countdown  {
		margin-bottom: 20px;
		}
	#wahl_container #antwortzeit_countdown span.noch, #wahl_container #antwortzeit_countdown span.bis {
		display: none;
		}
		
#themenbanner_wahl {
	background: url(images/themenbanner_wahl.jpg);
	height: 120px;
}
#themenbanner_wahl a {
	display: block;
	padding: 25px 10px 0 475px;
	color: #ffffff;
	line-height: 125%;
	font-weight: normal;
	text-decoration: none;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.page-id-27066 .inhalt {text-align: center; }
.page-id-27066 .size-full { display: inline-block; margin: 0 5px; }

.antwortzeit_termine_europawahl-2014 {
	background: url(images/termine_europawahl-2014.jpg);
	height: 110px;
	padding: 30px 30px 30px 293px;
	margin: -11px 0 10px 0;
	position: relative;
	}
	.antwortzeit_termine_europawahl-2014 a.termin  {
		width: 180px;
		float: left;
		clear: none;
		margin: 15px 0 0 0;
	}
	.antwortzeit_termine_europawahl-2014 a.termin .gruen {
		float: left;
		width: 30px;
		margin: 0 10px 0 0;
	}
	.antwortzeit_termine_europawahl-2014 a.alletermine {
		margin: 15px 0 0 0;
	}
	.antwortzeit_termine_europawahl-2014 a.martinhaeusling {
		position: absolute;
		top: 80px;
		left: 832px;
	}
	.antwortzeit_termine_europawahl-2014 a.jenniferbartelt {
		position: absolute;
		top: 110px;
		left: 832px;
	}

/*Kandidaten*/
.kandidaten-row {
	}
	.kandidaten-row .panel-grid-cell .so-panel {
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		}
		.kandidaten-row .panel-grid-cell .so-panel article {
			width: 25%;
			padding-bottom: 40px;
		}
		.kandidaten-row article {
			text-align: center;
			}
			.kandidaten-row article .profil-bild{
				width: 100px;
				height: 100px;
				background-size: cover;
				background-position: center;
				border-radius: 100%;
				border: 2px solid #b1b1b1;
				margin-bottom: 20px;
				margin-left: auto;
				margin-right: auto;
		    	}
		    .kandidaten-row article .profil-name {
			    font-weight: 700;
		    }
		    .kandidaten-row .panel-grid-cell .so-panel article .kandidaten-sm-links-wrapper{
			    width: 100%;
			    position: relative;
			    display: flex;
			    align-content: center;
			    justify-content: center;
			    align-items: center;
			    margin: 10px 0;
			    }
			    .kandidaten-row .panel-grid-cell .so-panel article .kandidaten-sm-links-wrapper a:not(:last-child){
					margin-right: 5px;			    
				    }
				    .kandidaten-row .panel-grid-cell .so-panel article .kandidaten-sm-links-wrapper a:before{
					    font-size: 20px;
				    }
				    .kandidaten-row .kandidaten-sm-links-wrapper a:hover.instagram::before{
					    color:#7733c1
				    }
				    .kandidaten-row .kandidaten-sm-links-wrapper a:hover.homepage::before{
					    color:#095136;
				    }
				    
	@media (max-width: 960px) {
		.kandidaten-row .panel-grid-cell .so-panel{
			padding:0 !important;			
			}
			.kandidaten-row .panel-grid-cell .so-panel article {
			    width: 33%;
			    }			
	}
	@media (max-width: 535px) {	    
		.kandidaten-row .panel-grid-cell .so-panel a {
	    	width: 46%;
	    	}
	}		    
	@media (max-width: 480px) {		
		.kandidaten-row .panel-grid-cell .so-panel article {
		    width: 50%;
		    }
		    .kandidaten-row .panel-grid-cell .so-panel a {
			    width: 10%;
				}
			kandidaten-row .panel-grid-cell .so-panel article .kandidaten-sm-links-wrapper a:not(:last-child) {
			    margin-right: 0;
				}
	}
	@media (max-width: 414px) {
		.header-button-row .so-widget-sow-button-flat-018c220e6ba0 .ow-button-base a{
			padding:1em;
			}
			
		.kandidaten-row .panel-grid-cell .so-panel article {
		    width: 100%;
		    }
	}

@media (max-width: 1152px) {
	.post-type-archive-thema .tabnavigation li,
	.post-type-archive-thema .sprungmarken li {
		float: left;
		clear: none;
		}
}  

@media (max-width: 800px) {
	#sozialenetzwerke {
		margin: -10px 8px 0 0;
		}
		#sozialenetzwerke.desktop {
			display: none;
		}
		#sozialenetzwerke.mobil {
			display: block;
			position: relative;
			margin: 120px 0 -80px 0;
			left: auto;
			top: auto;
			right: auto;
			text-align: center;
			}
		#sozialenetzwerke li {
			float: none;
			display: inline-block;
			}
			#sozialenetzwerke li a {
				width: 40px;
				height: 40px;
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				margin: 0 6px 0 0;
				}
				#sozialenetzwerke li a::before {
					font-size: 20px;
					padding: 0 0 0 2px;
					line-height: 40px;
					}
				#sozialenetzwerke li#gesichtsbuch a { background: #2b5a9b; }
				#sozialenetzwerke li#gesichtsbuch a::before { color: #ffffff; }
				#sozialenetzwerke li#gezwitscher a { background: #68bcfd; }
				#sozialenetzwerke li#gezwitscher a::before { color: #ffffff; }
				#sozialenetzwerke li#duroehre a { background: #eb215a; }
				#sozialenetzwerke li#duroehre a::before { color: #ffffff; }
				#sozialenetzwerke li#sofortbild a { background: #6634e1; background: -webkit-radial-gradient(50px 220px, #ffda75 18%,#ff3a49 43%,#ff3a49 50%,#e518a1 70%,#6634e1 100%) }
				#sozialenetzwerke li#sofortbild a::before { color: #ffffff; }
				#sozialenetzwerke li#blinzler a { background: #0063dc; }
				#sozialenetzwerke li#blinzler a::before { color: #ffffff; }


	body #unterslider {
		padding-top: 40px !important;
		}
		body #unterslider .widget {
			width: auto;
			float: none;
			clear: both;
			padding-right: 0;
			margin-bottom: 40px;
		}

	#startseitensuche {
		}
		#startseitensuche .widget {
			padding: 0px !important;
		}


	#videos {
		padding-left: 0px !important;
		padding-right: 0px !important;
		text-align: center;
		}
		#videos .youtube {
			float: none;
			display: inline-block;
			margin: 0px auto 40px auto;
			padding: 0px;
			max-width: 100%;
			width: auto;
			}
		#videos .videoswrap {
			float: none;
			text-align: center;
			width: 100%;
			}
			#videos .video {
				width: 224px;
				float: none;
				display: inline-block;
				margin: 0px auto 40px auto;
				padding: 0px;
				max-width: 100%;
				}
				#videos .video a {
					padding: 0 20px;
					display: inline-block;
				}
			
	#mitmachen #zweispaltig .linkespalte {
		padding-right: 40px !important;
		margin-bottom: 0px;
	}
	@media (max-width: 320px) {
		#mitmachen #wurzelwerkzeug li {
			width: 100%;
			float: none;
		}
	}

}

@media (max-width: 600px) {
	#sozialenetzwerke.mobil {
		margin-top: 60px;
	}
}