/*
Theme Name: Im Süden
Author: <office@einicher.net>
Author URI: http://einicher.net/
Version: 1.0
License: © 2015 by SR1
Text Domain: imsueden
*/

@font-face {
	font-family: 'Druk';
	src: url('fonts/Druk-Medium-Web.eot');
	src: url('fonts/Druk-Medium-Web.eot#iefix') format('embedded-opentype'),
		 url('fonts/Druk-Medium-Web.woff') format('woff'),
		 url('fonts/Druk-Medium-Web.ttf') format('truetype'),
		 url('fonts/Druk-Medium-Web.svg') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Druk Web';
	src: url('fonts/Druk-Heavy-Web.eot');
	src: url('fonts/Druk-Heavy-Web.eot#iefix') format('embedded-opentype'),
		 url('fonts/Druk-Heavy-Web.woff') format('woff'),
		 url('fonts/Druk-Heavy-Web.ttf') format('truetype'),
		 url('fonts/Druk-Heavy-Web.svg') format('svg');
	font-weight:  800;
	font-style:   normal;
	font-stretch: normal;
}

* { margin: 0; padding: 0; }
*,
*:before,
*:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
button::-moz-focus-inner { border: 0; padding: 0; }
a { outline: none; }

body { background: #F6F6F6; }
b, strong { font-weight: 700; }
p { margin: 0 0 25px 0; }
a  { color: #000; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
.zilla1 { float: left; width: 300px; margin: 0 20px 20px 0; }
.zilla2 { float: left; width: 300px; margin: 0 20px 20px 0;  }
.gallery { width: 780px; margin: 0 0 20px 0; }
.gallery a { display: block; float: left; margin: 0 10px 10px 0; }
.gallery a img { display: block; }
.mfp-bottom-bar { font-family: "FranklinGothic-DemiCnd", sans-serif; }
.mfp-counter { font-size: inherit; }
.mfp-counter * { vertical-align: middle; }
.lightboxShare { position: absolute; right: 80px; top: 0; cursor: pointer; width: 16px; height: 16px; display: inline-block; margin: 0 10px 0 0; }
.lightboxShare.facebook { background: url('share-mini-facebook.png'); }
.lightboxShare.twitter { right: 60px; background: url('share-mini-twitter.png'); }
.mfp-counter-count { display: inline-block; }

header.main {  }

#headerCommercial { display: block; }

#headerLogos { display: none; height: 70px; background: #FFF; line-height: 70px; text-align: center; }
#headerLogos a img { vertical-align: middle; margin: 0 20px; }

#headerPanel { border-top: 1px solid rgba(255,255,255,0.2); z-index: 996; background: #171818; color: #FFF; height: 90px; text-align: center; }
#headerPanel.fixed { position: fixed; top: 0; left: 0; right: 0; }
body.logged-in #headerPanel.fixed { top: 32px; }
#headerPanel * { vertical-align: middle; display: inline-block; }
#headerPanel h1 {  }
#headerPanel h1 a img { height: 90px; width: auto; }
#headerPanel a { letter-spacing: 2px; color: #FFF; text-decoration: none; font-family: Druk; font-weight: 300; font-size: 25px; margin: 0 20px; }
#headerPanel a:hover { color: #79DBDb;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
#headerPanel .social,
#mobileMenu .social { margin: 37px 0 0 0; float: right; background: url('social.png'); width: 72px; height: 17px; }
#headerPanel .social a,
#headerPanel .social div,
#mobileMenu .social a,
#mobileMenu .social div { cursor: pointer; height: 17px; width: 17px; line-height: 17px; display: block; float: left; margin: 0 10px 0 0; }
#headerPanel .social .twitter,
#mobileMenu .social .twitter { margin: 0; }
#mobileMenu .social { float: none; display: inline-block; }
#hash { display: none; }

#hoverSearch { box-shadow: 0 0 5px rgba(0,0,0,0.2); display: none; width: 100%; position: absolute; background: #FFF; z-index: 9999; }
#hoverSearch input { text-align: center; box-sizing: border-box; width: 100%; border: 0 none; padding: 0 none; font-size: 70px; color: #000; font-family: Druk; font-weight: 400; }
#hoverSearch input::-webkit-input-placeholder { color: #000; }
#hoverSearch input:-moz-placeholder { color: #000; }
#hoverSearch input::-moz-placeholder { color: #000; }
#hoverSearch input::-ms-input-placeholder { color: #000; }
#hoverSearchClose { cursor: pointer; position: absolute; right: 30px; top: 30px; background: url('close-hover.png'); width: 29px; height: 28px; }

#headerTags { z-index: 990; box-shadow: 0 0 5px rgba(0,0,0,0.05); -text-align: center; background: #FFF; line-height: 50px; height: 50px; font-size: 20px; font-family: Druk; letter-spacing: 2px; }
#headerTags .noverflow { overflow: hidden; height: 50px; }
#headerTags.fixed { position: fixed; left: 0; right: 0; top: 91px; }
body.logged-in #headerTags.fixed { top: 123px; }
#headerTags a { white-space: nowrap; text-decoration: none; color: #171818; text-transform: uppercase; line-height: 50px; margin: 0 15px 0 0; font-weight: normal; }
#headerTags a:hover { color: #79DBDb;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
#headerTags a.topTag { color: #79DBDb; }
#headerTags .container { line-height: 50px; }
#headerTagsMore { color: #6C6C6C; float: right; line-height: 50px; cursor: pointer; margin: 0 0 0 15px; padding: 0 30px 0 0; background: url('hover-down.png') no-repeat center right; }
#headerTagsLabel { font-family: 'FranklinGothic-DemiCnd', sans-serif; float: left; line-height: 50px; font-weight: 400; text-transform: uppercase; }
#headerTagsDropdown { overflow: auto; line-height: 133%; box-shadow: 0 0 5px rgba(0,0,0,0.2); position: absolute; z-index: 9995; display: none; background: #FFF; font-size: 70px; text-align: center; }
#headerTagsDropdown a { white-space: nowrap; font-family: Druk; text-transform: uppercase; text-decoration: none; }
#headerTagsDropdown a:hover { color: #79DBDb;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
#headerTagsDropdown a.topTag { color: #79DBDb; }
#headerTagsDropdown .box { padding: 100px; }
#headerTagsClose { cursor: pointer; position: absolute; right: 30px; top: 30px; background: url('close-hover.png'); width: 29px; height: 28px; }

.submenu { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.submenu li { display: inline-block; }

#main,
.container { margin: 0 auto; width: 1143px; padding: 0 20px; position: relative; }
body.fixedPanels #main { margin-top: 140px; }
.col { float: left; width: 270px; margin: 45px 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgba(40,45,48,0.12); }
.col.expand3 { width: 852px; }
.col.expand3 #masonry { width: 873px; }
.col.expand3 .col { margin-top: 0; }
.col.expand3 .col3 { border: 0 none; margin: 0; padding: 0; }
.col.expand3 article.result { margin: 0 21px 21px 0; }
.colCategory { text-transform: uppercase; font-family: Druk; font-size: 40px; font-weight: 300; text-align: center; min-height: 75px; }

article.result { float: left; width: 270px; background: #FFF; margin: 0 0 20px 0; }
article.result .topic,
article.result .author,
article.result .info { line-height: 30px; font-family: 'FranklinGothic-DemiCnd', sans-serif; font-size: 12px; color: #878787; }
article.result .topic a,
article.result .author a,
article.result .info a { color: #878787; }
article.result .info * { color: #878787; text-decoration: none; }
article.result .topic { text-transform: uppercase; text-align: center; padding: 0 15px; }
article.result .topic span { line-height: 40px; }
article.result .author { margin: 0 0 0 0; }
article.result h1 { font-family: 'Druk', sans-serif; font-weight: 300; color: #000; font-size: 30px; margin: 0 0 20px 0; letter-spacing: 1px; }
article.result a { text-decoration: none; color: #000; }
article.result .body { padding: 25px; font-family: 'SabonLTPro-Roman', serif; font-size: 14px; }
article.result .excerpt { line-height: 150%; letter-spacing: 0.25px; display: block; margin: 0 0 20px 0; }
article.result .info { line-height: normal; }
article.result b,
article.result strong { font-family: 'FranklinGothic-DemiCnd', sans-serif; font-weight: normal; }
article.result img { display: block; }
article.result.expired { opacity: 0.33; }

article.result.bloglist h1 { border-bottom: 1px solid #D2D3D4; margin: 0; padding: 0 0 20px 0; font-size: 35px; }
article.result.bloglist ul { list-style-type: none; margin: 0; padding: 0; }
article.result.bloglist ul li { border-top: 1px solid #D2D3D4; }
article.result.bloglist ul li a { display: block; padding: 10px 0; font-family: "FranklinGothic-DemiCnd",sans-serif; color: #464A4D; font-size: 15px; }

.topEvent .title { display: block; padding: 10px; font-family: Druk, sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; }

.boxEvents { margin: 0 0 20px 0; background: #FFF; color: #464A4D; padding: 25px; font-family: 'FranklinGothic-BookCnd', sans-serif; font-size: 15px; }
.boxEvents h1 { font-family: 'FranklinGothic-DemiCnd', sans-serif; line-height: 100%; padding: 0 0 20px 0; color: #282D30; font-family: Druk; font-weight: 400; font-size: 35px; text-transform: uppercase; margin: 0 0 20px 0; border-bottom: 2px solid #D2D3D4; }
.boxEvents .event { display: block; text-decoration: none; color: #464A4D; border-bottom: 1px solid #D2D3D4; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.boxEvents .event .date { width: 80px; float: left; font-family: Druk; font-weight: 300; font-size: 40px; color: #282D30; }
.boxEvents .more { font-size: 13px; letter-spacing: 1px; text-decoration: none; color: #FFF; display: inline-block; text-transform: uppercase; background: #282D30; line-height: 30px; padding: 0 25px; }
.boxEvents .location,
.boxEvents .title,
.boxEvents .beginn { padding: 0 0 0 80px; }
.boxEvents .title { font-family: 'FranklinGothic-DemiCnd', sans-serif; }

.boxParty { margin: 0 0 20px 0; background: #FFF; color: #464A4D; font-family: 'FranklinGothic-DemiCnd', sans-serif; font-size: 15px; }
.boxParty h1 { margin: 0; padding: 25px 25px 20px 25px; border-bottom: 2px solid #D2D3D4; line-height: 100%; color: #282D30; font-family: Druk; font-weight: 400; font-size: 35px; text-transform: uppercase; }
.boxParty .decoPic { background: url('partypics.jpg'); height: 180px; margin: 0 -25px; }
.boxParty .pics { display: block; color: #464A4D; text-decoration: none; border-bottom: 1px solid #D2D3D4; margin: 0; }
.boxParty .more { margin: 20px 0; font-family: 'FranklinGothic-BookCnd', sans-serif; font-size: 13px; letter-spacing: 1px; text-decoration: none; color: #FFF; display: inline-block; text-transform: uppercase; background: #282D30; line-height: 30px; padding: 0 25px; }
.boxParty .title { display: block; padding: 20px; }
body.page-id-5939 .boxParty .pics {  }

.boxTopEvents { margin: 0 0 20px 0; color: #464A4D; font-family: 'FranklinGothic-BookCnd', sans-serif; font-size: 15px; }
.boxTopEvents h1 { background: #FFF; font-family: 'FranklinGothic-DemiCnd', sans-serif; line-height: 100%; padding: 25px 25px 20px 25px; color: #282D30; font-family: Druk; font-weight: 400; font-size: 35px; text-transform: uppercase; margin: 0; border-bottom: 2px solid #D2D3D4; }


.authorMore { width: 873px; }
.authorMore .title { line-height: 36px; width: 852px; font-family: Druk; font-weight: normal; font-size: 40px; color: #282D30; border-bottom: 2px solid #282D30; padding: 0 0 20px 0; margin: 0 0 20px 0; text-transform: uppercase; }
.authorMore article.result { margin-right: 21px; }

.authorCard { background: #FFF; padding: 20px; margin: 20px 0 30px 0; font-family: Druk; font-size: 40px; }
.authorCard img { float: left; }
.authorCard .box { margin: 0 0 0 170px; }
.authorCard .box .desc { font-family: "SabonLTPro-Roman", serif; font-size: 20px; letter-spacing: 0.5px; }

article.main { line-height: 150%; background: #FFF; font-size: 20px; font-weight: normal; font-family: 'SabonLTPro-Roman', serif; }
article.main * { line-height: 165%; color: #282D30; letter-spacing: 0.5px; }
article.main .pre { text-transform: uppercase; text-align: center; font-size: 12px; font-weight: normal; font-family: 'FranklinGothic-DemiCnd', sans-serif; color: #878787; line-height: 40px; }
article.main h1 { line-height: normal; letter-spacing: 2px; font-family: Druk; font-weight: 800; font-size: 50px; text-transform: uppercase; }
article.main .body { padding: 40px; }
article.main .body img { max-width: 772px; height: auto; }
article.main .pic { background: #000; text-align: center; }
article.main .pic img { display: block; margin: 0 auto; }
article.main .patronage,
article.main .author { font-weight: normal; padding: 35px 40px; border-bottom: 1px solid #E3E4E4; letter-spacing: 1px; text-decoration: none; display: block; color: #878787; font-size: 13px; font-family: 'FranklinGothic-DemiCnd', sans-serif; }
article.main .patronage span { float: none; display: inline-block; vertical-align: middle; width: 49%; }
article.main .patronage span.span { float: left; width: auto; margin: 5px 0 0 0; }
article.main .patronage img { float: right; }
article.main .wp-post-image { display: block; }
article.main .author { padding: 0; border: 0 none; font-size: 18px; margin: 5px 0 0 0; }
article.main .author a { text-decoration: none; color: #878787; }
article.main  h1 { margin: 0 0 20px 0; font-weight: normal; }
article.main b,
article.main strong { font-family: 'FranklinGothic-DemiCnd', sans-serif; font-weight: normal; }
article.main .share {  }
article.main .share .facebook { width: 382px; height: 48px; background: url('post-facebook.png'); float: left; }
article.main .share .twitter { width: 382px; height: 48px; background: url('post-twitter.png'); float: right; }
article.main .tags { margin: 30px 0 0 0; }
article.main .tags a { text-decoration: none; margin: 0 10px 10px 0; text-transform: uppercase; font-family: 'FranklinGothic-DemiCnd', sans-serif; color: #282D30; display: inline-block; padding: 5px 15px; font-size: 14px; background: #EFEFEF; }

body.single-partypics .gallery { width: 789px; }
body.single-partypics .gallery img { width: 242px; height: auto; }
body.single-partypics .gallery a { margin: 0 21px 21px 0; }

.authors .author { float: left; width: 33%; margin: 0 0 10px 0 !important; }
.authors .author img { float: left; }
.authors .author .title { padding: 0 0 0 10px; line-height: 48px; }

body.single-partypics #main p { background: #FFF; padding: 15px 40px; margin: 0; line-height: 150%; background: #FFF; font-size: 20px; font-weight: normal; font-family: 'SabonLTPro-Roman', serif; }
body.single-partypics .gallery { margin-top: 25px; }
body.single-partypics .wp-post-image { display: block; height: auto; }

#galleries article.result { margin: 0; }

@media (max-width: 640px) {
	#headerCommercial { display: none; }
	#main { width: 320px; padding: 0; overflow: hidden; margin: 75px 0 0 0; }
	#wrap { width: 1280px; position: relative; left: 0; }
	#container, .container { width: 320px; padding: 0; }
	#container { overflow-x: hidden; overflow-y: auto; }
	.col { z-index: 250; position: relative; left: 0px; border: 0 none; padding: 0 25px; background: #F6F6F6; margin: 30px 0 0 0; width: 270px; }
	.col.current { left: 0; }
	#headerPanel { height: 75px; text-align: center; padding: 0 25px; }
	#headerPanel .container { width: 270px; }
	#headerPanel a,
	#headerPanel .social { display: none; }
	#headerTags { height: 0; }
	#headerTagsDropdown { font-size: 35px; box-shadow: 0; left: -7px; right: -7px; }
	#headerTagsDropdown .box { padding: 20px; }
	#headerTags .panel { display: none; }
	#headerPanel h1 { float: none; display: inline-block; }
	#headerPanel h1 a { display: inline-block; margin: 0; }
	#headerPanel h1 a img { margin: 0; display: block; height: 75px; width: auto; }
	#burgerMenu { padding: 27px 0; margin: 0; background: url('burger.png') no-repeat left; width: 35px; height: 21px; cursor: pointer; float: left; }
	#burgerMenu.active { background-position: right; }
	#hash { font-weight: bold; display: block; cursor: pointer; color: #FFF; font-size: 30px; float: right; line-height: 75px; }
	body.home #mobileLeft,
	body.home #mobileRight { cursor: pointer; z-index: 350; position: absolute; top: 45px; left: 25px; background: url('arrow-left.png'); width: 8px; height: 13px; }
	body.home #mobileRight { left: auto; left: 287px; background: url('arrow-right.png'); }
	#mobileMenu { min-height: 100%; line-height: 200%; font-size: 38px; letter-spacing: 2px; font-family: Druk; z-index: 995; text-align: center; display: block !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #2a2c2c; }
	#mobileMenu .inner { overflow: scroll; position: absolute; top: 90px; left: 0; bottom: 30px; right: 0; }
	#mobileMenu a { text-decoration: none; color: #FFF; display: block; }
	body.logged-in #mobileMenu .inner { top: 135px; }
	img { max-width: 270px; }
	.col.expand3 { width: 270px; margin-left: 25px; }
	.col.expand3 .col { padding: 0; }
	article.main * { font-size: 13px !important; }
	article.main h1 { font-size: 27px !important; height: auto !important; }
	article.main .share .facebook { width: 110px; font-size: 13px; }
	article.main .share .twitter { width: 110px; font-size: 13px; }
	article.main .body { padding: 20px; }
	article.main img { width: 230px; height: auto !important; }
	body.single-partypics #main p { font-size: 13px; }
	.gallery a { float: none; }
	#masonry { width: 270px !important; }
	.expand3.col { padding: 0 25px 0 0; }
	.expand3 .boxEvents {  }
	html #wpadminbar { position: fixed; }
	body.logged-in #headerPanel.fixed { top: 46px; }
	body.fixedPanels #main { margin: 75px 0 0 0; }
	.authorCard img { float: none; }
	.authorCard .box { margin: 0; font-size: 30px !important; }
	.authorCard .desc { font-size: 13px !important; }
	.authorMore { display: none; }
	article.main .patronage { padding: 20px; }
	article.main .patronage img { max-height: 50px; width: auto; float: right; }
}

@media (min-width: 1464px) {
	.container,
	body.home #main,
	body.tag #main,
	body.category #main,
	body.page-id-5933 #main,
	body.page-id-5935 #main,
	body.page-id-5937 #main,
	body.post-type-archive-anzeige #main { width: 1464px; }

	body.home .col1 { width: 560px; }
	body.home .col1 article.result { margin: 0 20px 20px 0; }
	body.home .col1 .wrap { width: 580px; }

	body.tag .expand3,
	body.category .expand3,
	body.page-id-5933 .expand3,
	body.page-id-5935 .expand3,
	body.page-id-5937 .expand3,
	body.post-type-archive-anzeige .expand3 { width: 1142px; }

	body.tag .expand3 #masonry,
	body.category .expand3 #masonry,
	body.page-id-5933 .expand3 #masonry,
	body.page-id-5935 .expand3 #masonry,
	body.page-id-5937 .expand3 #masonry,
	body.post-type-archive-anzeige .expand3 #masonry { width: 1164px; }
}

@media (min-width: 1723px) {
	.container,
	body.home #main,
	body.tag #main,
	body.category #main,
	body.page-id-5933 #main,
	body.page-id-5935 #main,
	body.page-id-5937 #main,
	body.post-type-archive-anzeige #main { width: 1723px; }

	body.home .col2 { width: 560px; }
	body.home .col2 article.result { margin: 0 20px 20px 0; }
	body.home .col2 .wrap { width: 580px; }

	body.tag .expand3,
	body.category .expand3,
	body.page-id-5933 .expand3,
	body.page-id-5935 .expand3,
	body.page-id-5937 .expand3,
	body.post-type-archive-anzeige .expand3 { width: 1432px; }

	body.tag .expand3 #masonry,
	body.category .expand3 #masonry,
	body.page-id-5933 .expand3 #masonry,
	body.page-id-5935 .expand3 #masonry,
	body.page-id-5937 .expand3 #masonry,
	body.post-type-archive-anzeige .expand3 #masonry { width: 1455px; }
}