/*
Theme Name: FDP
Author: ars24studio
Author URI: http://www.ars24studio.com
Author URI: http://www.fdpseite.de
Description: Das Theme für die FDP Bayern 
Version: 1.1.0
Text Domain: FDP
*/

/*
General styles
*/
a, h1, h2, h3, h4, h5, p, text {
	text-decoration:none;
}

a {
	cursor:pointer;
	transition:opacity 1s ease;
	font-weight:400;
}

p a, li a {
	color:#009EE3;	
}

p a:visited, li a:visited {
       color: #65328a;
}

ul {
	list-style-type: square;
}

li {
	margin-bottom:0.5rem;
}

strong a {
	font-weight:600;	
}

.underline {
	text-decoration:underline;	
}

h1 {
	position:relative;
	margin:0;
	padding-top:0.5em;
	margin-bottom:0.5em;
	font-weight:600;
	text-align:center;
	color:#4E4D4D;
	font-size:3rem;
	word-break:break-word;
}

.content-wide > h2 {
	padding-top:0.5em;

	margin:0;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	text-align:center;

	position:relative;

	font-weight:600;

	color:#4E4D4D;

	font-size:3rem;

	word-break:break-word;
}

h2 {

	margin:0;

	color:#4E4D4D;

	font-weight:600;

	font-size:1.5rem;

	margin-bottom:0.3em;

}


h3 {
	margin:0;
	color:#666666;
	font-weight:600;
	font-size:1.2rem;
	margin-bottom:0.3em;
}

h4 {
	margin:0;
	color:#666666;
	font-weight:600;
	font-size:0.9rem;
	margin-bottom:0.3em;
}

h5 {
	margin:0;
	color:#666666;
	font-weight:600;
	font-size:0.7rem;
	margin-bottom:0.3em;
}

h6 {
	margin:0;
	color:#666666;
	font-weight:600;
	font-size:0.5rem;
	margin-bottom:0.3em;
}

p {
	color:#666666;
	font-weight:400;
	font-size:0.875rem;
}

img {
	border:0;	
}

blockquote {
	font-style:italic;	
}

input {
	-webkit-appearance:none;
	-moz-appearance:none;
	border-radius:0;	
	padding:0;
}

#homePageScroller p {
	line-height:16px;
}

.imgleft {
	float:left;	
	margin-right:1em;
}

.imgright {
	float:right;	
	margin-left:1em;
}

.themelinks a {
	font-size:0.875rem;
	color:#009DE1;
}

/*
Body styles
*/
body {
	margin:0;
	background-color:white;
	width:100%;
	margin-top:123px;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	color:#666666;
	font-weight:400;
	font-size:0.875rem;
	line-height:1.5;
	/*-webkit-text-stroke: 0.5px*/
}

body.admin-bar {
	margin-top:91px;
}

main {
	display:block;	
}

.site-content {
	position:relative;
	width:960px;
	margin:auto;
	left:0;
	right:0;	
}

.content {
	position:relative;
	margin:auto;
	left:0;
	right:0;	
}

.content-gray {
	background-color:#E5E5E5;background-color:#E5E5E5;
	width:100vw;	
	left:calc(50% - 50vw);
	overflow:auto;
	position:relative;
}

.content-gray .content img {
	margin-bottom:0;	
}

.content-wide {
	width:960px;
}

.content-normal {
	width:760px;
}

.content-thin {
	width:640px;
}

.content img, .site-content img {
	max-width:100%;
	margin-right:1em;
	margin-bottom:1em;	
	height:auto;
}

.alignright {
	float:right;	
	margin-left:1em;
	margin-bottom:0.5em;
}

.alignleft {
	float:left;	
	margin-right:1em;
	margin-bottom:0.5em;
}

.navigation {
	text-align:center;	
}

.page-numbers, .page-numbers:visited {
	color:#666666;	
	margin-left:0.15rem;
	margin-right:0.15rem;
}

.page-numbers:hover {
	text-decoration:underline;	
}

.page-numbers.current:hover, .page-numbers.dots:hover {
	text-decoration:none;	
}

.page-numbers.current {
	color:#009EE3;
	font-weight:600;
}

.page-numbers.prev, .page-numbers.next {
	color:#E2097D;
}

.page-numbers.prev:before {
	content:" < ";	
}

.page-numbers.next:after {
	content:" > ";	
}
/*
Single styles
*/
.personenContent img {
	position:relative;
}

.personenContent .personText {
	position:relative;
	top:0;
	text-align:left;
}

.personenContent .personEmail {
	text-align:left;	
	padding:0.2rem;
}

.linkButton {
	width: 113px;
	height: 33px;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	border-radius:0;
	color: white;
	background-color: #65328a;
	font-size: 1rem;
	font-weight: 600;
	cursor:pointer;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
	font-size: 0.75rem;
    padding: 0;
    margin: 0;
    font-style: italic;
}

/*
Scroller styles
*/

#homePageScroller {
	position:relative;
	width:100vw;
	height:540px;
	left:calc(50% - 50vw);
	top:0;
	overflow:hidden;
}

.homePageScrollerImage {
	min-width:100%;
	min-height:100%;
}

.homePageScrollerPage {
	position:absolute;
	height:100%;
	width:100%;
	opacity:0;
	transition:all 1s ease;
}

#homePageScrollerMenu {
	position:absolute;
	height:15px;
	bottom:25px;
	width:auto;
	margin:auto;
	left:0;
	right:0;
	z-index:4;
}

.homePageScrollerButtons {
	position:relative;
	height:13px;
	width:13px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	background-color:rgba(255,255,255,0.7);
	cursor:pointer;
	border-style:solid;
	border-width:1px;
	border-color:grey;
	transition:all 1s ease;
}

.homePageScrollerButtons:hover {
	background-color:rgba(255,255,255,1);
}

#homePageScrollerActive {
	position:absolute;
	height:15px;
	width:15px;
	left:5px;
	top:0px;
	background-color:white;
	transition:all 1s ease;
}

#homePageScrollerButton {
	position:absolute;
	width:105px;
	height:43px;
	bottom:60px;
	margin:auto;
	left:0;
	right:0;
	text-align:center;
	background-color:#009EE2;
	border-style:solid;
	border-width:1px;
	border-color:white;
	opacity:0.7;
	visibility:hidden;
	z-index:5;
}

#homePageScrollerButton:hover {
	opacity:	1;
}

#homePageScrollerButton p {
	color:white;
	font-size:1.1em;
	font-weight:600;
	margin:0.7em;
}

/*
Social Media styles
*/
#homePageSocialMedia {
	position:relative;
	width:960px;
	margin:auto;
	left:0;
	right:0;
}

#homePageSocialMediaYouTube {
	position:relative;
	width:960px;
	height:540px;
	margin:auto;
	left:0;
	right:0;
	margin-bottom:5em;
}

#homePageSocialMediaFacebook {
	position:relative;
	margin-bottom:50px;
	border-style:outset;
	border-width:0px;
	top:0;
	text-align:center;
}

.fb-page, .fb-page iframe[style], .fb-page span {
	width: 100% !important;
}

#homePageSocialMediaTwitter {
	position:relative;
	margin-bottom:50px;
	top:0;
	text-align:center;
}

#homePageSocialMediaTwitter iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
	border-style:solid !important;
	border-width:1px !important;	
	border-color:#e9eaed !important;
}

#fdp-instagram {
	width:100vw;
	position:relative;
	left:calc(50% - 50vw);
	margin-top:4rem;
	overflow:hidden;
}

.fdp-instagram-container {
	position:relative;
	overflow:visible;
	float:left;
	width:8.3333%;
	height:8.3333vw;
	margin:0;
	padding:0;	
	line-height:0px;
}

#fdp-instagram-before-logo-large {
	margin-right:33.3333%;	
}
	
#fdp-instagram-before-logo-middle {
	margin-right:0;	
}

#fdp-instagram-before-logo-small {
	margin-right:0%;	
}

.fdp-instagram-container .fdp-instagram-image {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:100%;
	transition:opacity 0.5s ease;
	transform: translate3d(0, 0, 0);
}

.fdp-instagram-container .fdp-instagram-image:hover {
	opacity:0.5;
}

#fdp-instagram .fdp-instagram-logo {
	width:16.6666%;
	padding-left:8.333333%;
	padding-right:8.333333%;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
	z-index:2;
	transition:opacity 0.5s ease;
	background-color:#009EE2;
}

#fdp-instagram .fdp-instagram-logo:hover {
	opacity:0.5;
}

.homePageSocialMediaButtonContainer {
	position:relative;
	width:100%;
	height:60px;
	bottom:0;
	left:0;
	background-color:#FFFFFF;	
}

.homePageSocialMediaButton {
	position:absolute;
	display:block;
	width:100%;
	right:0;
	height:35px;
	bottom:0;
	background-color:#009EE2;	
	text-align:center;
	text-decoration:none;
	color:#ffffff;	
	margin:0;
	font-size:1em;
	font-weight:normal;
	line-height:35px;
}

/*
Aktuelles styles
*/
#homePageAktuelles {
	position:relative;
	height:612px;
	width:960px;
	margin:auto;
	left:0;
	right:0;
}

#homePageAktuelles div {
	position:absolute;
}

.homePageNews {
	position:relative;
	display:inline-block;
	height:100%;
	width:306px;
	overflow:hidden;
}

.rssFeed {
	position:relative;
	height:306px;
	width:306px;
	margin-top:1em;
	margin-bottom:1em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.rssFeed hr {
	border-color:#aaaaaa;
	margin-bottom:1em;
}

.rssFeed h2 {
	margin:0;
	font-size:1.3em;
}

.rssFeed h3 {
	font-size:0.9em;
	margin:0;
	font-weight:600;
	margin-top:1em;
}

.homePageShortNews {
	position:relative;
	height:306px;
	width:306px;
	left:650px;	
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#homePageNewsLeft {
	left:0px;	
}

#homePageNewsRight {
	left:325px;	
}

#homePageShortNewsBottom {
	top:50%;	
}

.homePageNews img {
	width:100%;
	margin:0;
}

.homePageNews h2 {
	margin:0;
	margin-top:0.5em;
	font-weight:600;
	font-size:1.125rem;
	margin-bottom:0.3em;
	line-height:21px;
}

.homePageNewsDate {
	width:50px;
	height:15px;
	background-color:#009EE2;
	font-size:0.7rem;
	color:#ffffff;
	text-weight:900;
	text-align:center;
	margin:0;
	margin-right:0.5em;
	float:left;
	line-height:15px;
}

.homePageNewsAuthor {
	height:15px;
	left:55px;
	background-color:#009EE2;
	font-size:0.7rem;
	color:#ffffff;
	text-weight:900;
	text-align:left;
	margin:0;
	padding-right:0.5em;
	padding-left:0.4em;
	float:left;
	line-height:15px;
}

.homePageNews p {
	margin:0;
	margin-top:1.5rem;
	font-weight:normal;
}

.homePageNewsButtonContainer {
	position:absolute;
	width:100%;
	height:35px;
	bottom:0;
	left:0;
	background-color:#CBCBCB;	
}

.homePageNewsButton {
	position:absolute;
	display:block;
	width:30%;
	right:0;
	height:100%;
	top:0;
	background-color:#009EE2;	
	text-align:center;
	text-decoration:none;
}

.homePageNewsButton p {
	color:#ffffff;	
	margin:0;
	line-height:35px;
	font-size:0.9em;
	font-weight:normal;
}

.homePageShortNews hr {
	border-color:#aaaaaa;
	margin-bottom:1em;
}

.homePageShortNews h2 {
	margin:0;
	font-size:1.3em;
}

#homePageShortNewsBottom h2 {
	margin-top:0.5em;	
}

.homePageShortNews h3 {
	font-size:0.9em;
	margin:0;
	font-weight:600;
	margin-top:1em;
}

.homePageShortNewsTitle {
	color:#009EE2;
	font-size:1.15em;	
	font-weight:600;
	text-decoration:none;
}

.homePageShortNewsTitle.imported {
	color:#E2097D;
	background-color:transparent;
}

.instagram {
	margin-bottom:-1.5em;
}

.content .gm-style img { 
	max-width: none; 
}

.content .gm-style label { 
	width: auto; 
	display: inline; 
}

.back {
	display:block;
	padding-top:1rem;
	padding-bottom:1rem;
	text-decoration:underline;
}

.back:after {
	content:"<zurück"
}

.fdp-positionen-image {
	width:50%;	
}

.listShortcodeButtonContainer {
	position:relative;
	width:100%;
	height:35px;
	margin-top:2em;
	bottom:0;
	left:0;
	background-color:#CBCBCB;	
}

.listShortcodeButton {
	position:relative;
	display:block;
	width:30%;
	left:70%;
	height:100%;
	top:0;
	background-color:#009EE2;	
	text-align:center;
	text-decoration:none;
}

.listShortcodeButton p {
	color:#ffffff;	
	margin:0;
	line-height:35px;
	font-size:0.9em;
	font-weight:normal;
}

#presseverteilerForm input {
	background-color:#CBCBCB;
	border:none;	
	width:calc(100% - 1em);
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
	padding-left: 1em;	
}

#presseverteilerForm #presseverteilerAccept {
	width:150px;
	height:40px;
	border:none;
	font-size:1em;
	font-weight:600;
	color:white;
	background-color:#009EE2;
	padding-left:0;
	cursor:pointer;
}

#presseverteilerResponse {
	position:relative;
	left:10px;
}

.newsletterForm {
	text-align:center;
}

.newsletterForm input {
	background-color:#CBCBCB;
	border:none;	
	width:90%;
	margin-top:10px;
	margin-bottom:10px;
	position: relative;
	text-indent: 1em;	
}

.newsletterForm .newsletterAccept {
	width:150px;
	height:40px;
	border:none;
	font-size:1em;
	font-weight:600;
	color:white;
	background-color:#009EE2;
	padding-left:0;
	text-indent:0;
}

.personenContent {
	overflow:hidden;	
}

@media (max-width: 1050px) {
/*
Home Page
*/
	
	#homePageAktuelles {
		height:918px;
		width:640px;
	}
	
	.homePageNews {
		height:66%;
		width:49%;
	}
	
	.homePageShortNews {
		left:0px;	
		top:67%;
	}

	#homePageNewsRight {
		left:325px;	
	}
	
	#homePageShortNewsBottom {
		top:67%;
		left:325px;	
	}

	#homePageShortNewsBottom h2 {
		margin-top:0em;	
	}

	/*
		Social Media styles
	*/
	#homePageSocialMedia {
		width:640px;
	}
	
	#homePageSocialMediaYouTube {
		width:640px;
		height:360px;
	}
	
	#fdp-instagram {
		max-height:42.774vw;
	}
	
	.fdp-instagram-container {
		width:14.285%;
		height:14.285vw;
	}
	
	#fdp-instagram-before-logo-large {
		margin-right:0%;	
	}
	
	#fdp-instagram-before-logo-middle {
		margin-right:42.774%;	
	}
	
	#fdp-instagram-before-logo-small {
		margin-right:0%;	
	}
	
	#fdp-instagram .fdp-instagram-logo {
		width:28.57%;
		padding-left:7.1425%;
		padding-right:7.1425%;
	}
	
	#homePageSocialMediaFacebook {
		width:300px;
		margin:9px;
	}
	
	#homePageSocialMediaTwitter {
		width:300px;
		margin:9px;
	}
}

@media (max-width:740px) {
	/*
	Homepage Aktuelles
*/	
	#homePageAktuelles {
		height:1900px;
		width:320px;
	}
	
	.homePageNews {
		height:32%;
		width:100%;
	}
	
	.homePageShortNews {
		left:0px;	
		top:67%;
	}

	#homePageNewsRight {
		top:34%;
		left:0px;	
	}
	
	#homePageShortNewsBottom {
		top:83.5%;
		left:0px;	
	}

	#homePageShortNewsBottom h2 {
		margin-top:0.5em;	
	}
	
/*
	Social Media styles
*/
	#homePageSocialMedia {
		width:320px;
	}
	
	#homePageSocialMediaYouTube {
		width:320px;
		height:180px;
	}
}

@media (max-width: 1050px) {
	.content-wide {
		width:640px;	
	}
	
	.content-normal {
		width:640px;	
	}
}

@media (max-width: 760px) {
	.content-normal {
		width:480px;	
	}
	
	#homePageSocialMediaFacebook {
		width:454px;
	}
	
	#homePageSocialMediaTwitter {
		width:454px;
	}

	.fdp-positionen-image {
		width:100%;	
	}
}

@media (max-width: 740px) {
	.content-wide {
		width:480px;	
	}
	
	.content-thin {
		width:320px;	
	}
	
	#fdp-instagram {
		max-height:60vw;	
	}
	
	.fdp-instagram-container {
		width:20%;
		height:20vw;
	}
	
	#fdp-instagram-before-logo-large {
		margin-right:0%;	
	}
	
	#fdp-instagram-before-logo-middle {
		margin-right:0%;	
	}
	
	#fdp-instagram-before-logo-small {
		margin-right:60%;	
	}
	
	
	#fdp-instagram .fdp-instagram-logo {
		width:40%;
		padding-left:10%;
		padding-right:10%;
	}
}

@media (max-width: 580px) {
	body {
		margin-top:129px;	
	}
	
	body.admin-bar {
		margin-top:98px;
	}	
}

@media (max-width: 520px) {
	.content-wide {
		width:90%;
	}
	
	.content-normal {
		width:300px;	
	}
	
	h1 {
		font-size:2rem;
	}

	.content-wide > h2 {
		font-size:2rem;
	}
	
	#homePageSocialMediaFacebook {
		width:100%;
	}
	
	#homePageSocialMediaTwitter {
		width:100%;
	}
}

@media (max-height: 420px) {
	body {
		margin-top:99px;	
	}

	body.admin-bar {
		margin-top:67px;
	}
}

@media (max-width:350px) {
	#homePageAktuelles {
		width:100%;	
	}
	
	.wp-caption img {
		margin-right:0;	
	}
}