/*
Theme Name: Kaput Mag
Theme URL: http://kaput-mag.com
Description: Kaput Mag
Author: Matthias Martin & Moritz Kathe
Author URL: http://www.matzemachtdesign.de/ & http://www.moritzkathe.de/
Version: 1.0
*/

/* COLORS
#FFF	White
#ee3800 Red
#333	dark
*/

/* FONTS
400 Normal
700 Bold
*/


/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none; word-wrap:break-word;}
img {display: block;}
:focus {outline:0;}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], button{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-background-clip: padding;-moz-background-clip: padding;background-clip:padding-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-appearance:none;background-color:#fff;color:#000;outline:0;margin:0;padding:0;text-align: left;vertical-align: middle; font-family: 'Roboto', sans-serif;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


html, body {
	font-family: 'Rokkitt', 'Times New Roman', serif;
	font-weight: 400;
	color: #333;
	-webkit-text-size-adjust: none; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
}
body {
	background: #FFF url('img/papierrand.jpg') repeat-y -40px top;
}

h1, h2 {
	font-size: 22px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 2px;
}
/*
ORGINAL
h1.small,
h2.small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	margin-bottom: 20px;
	background: #333;
	color: #fff;
	padding: 5px 10px 7px 10px;
	float: left;
}*/
h1.small,
h2.small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
	margin-bottom: 20px;
	color: #ee3800;
	padding: 5px 10px 7px 0px;
	float: left;
}
p + h2 {
	margin-top: 50px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 8px;
	font-weight: bold;
}

h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 23px;
	margin-bottom: 8px;
	font-weight: bold;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
}
h2 + p {
	margin-top: 20px;
}
p:last-child {
	margin-bottom: 0;
}
p.noSpace {
	margin-bottom: 0;
}
p a {
	font-family: 'Rokkitt', 'Times New Roman', serif;
	color: #ee3800;
	text-decoration: none;
	font-size: 18px;
}
p a:hover {
	text-decoration: underline;
}
strong, b {
	font-weight: 700;
}
em {
	font-style: italic;
}
.content ul {
	margin-bottom: 20px;
}
.content li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 22px;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 5px;
}
.thema {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #ee3800;
	margin-bottom: 8px;
	display: block;
  text-decoration: none;
}
.thema:hover {
  text-decoration: underline;
}

.wrapper {
	max-width: 1200px;
	padding: 0 20px 0 120px;
	margin: 0 auto;
	-moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.header {
	margin-top: 50px;
	position: relative;
	padding-bottom: 20px;
}
.header .logo img {
	height: auto;
	width: 38%;
	max-width: 549px;
	display: inline;
}
.header .topRight {
  position: absolute;
	top: 0;
	right: 0;
}
.header .date {
	font-size: 20px;
	text-align: right;
}
.header .musicplayer {
  max-width: 236px;
}
.header .musicplayer img {
	height: auto;
	width: 165px;
	margin-top: 10px; 
}
.header .supportbtn {
  max-width: 236px;
}
.header .supportbtn img {
	height: auto;
	width: 165px;
	margin-top: 10px; 
}
.header .nav {
	height: 50px;
	margin-top: 20px;
	border-bottom: 1px solid #ee3800;
	border-top: 1px solid #ee3800;
	text-transform: uppercase;
  line-height: 48px;
}
.header .nav ul {
  overflow: auto;
  float: left;
  font-size: 0;
}
.header .nav li {
	list-style: none;
	display: block;
	float: left;
	font-size: 23px;
}
.header .nav li a {
	text-decoration: none;
	color: #333;
	display: block;
	margin: 0 75px;
}
.header .nav li:first-child a {
	margin-left: 0;
}

.header .nav li:last-child a {
	margin-right: 0;
}


.header .nav li a:hover,
.header .nav li.current-menu-item a {
	text-decoration: underline;
}


.header .nav-lang {
	height: 45px;
	font-size: 23px;
	text-transform: uppercase;
	float: right;
}
.header .nav-lang a {
  text-decoration: none;
  color: #aaa;
}
.header .nav-lang a:hover {
	text-decoration: underline;
}
.header .nav-lang a.active {
  color: #333333;
}

.header .nav-lang img{
	float:left;
	height: 35px;
	width: auto;
	padding-top: 11px;
	padding-right: 7px;
}

.header .nav-lang img:hover{
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.header .nav-lang .social,
.header .nav-lang .lang {
  float: left;
}

.belowHeader {
	position: relative;
}
.contentWrapper {
	width: 100%;
	position: relative;
	float: left;
	padding-right: 250px;
	min-height: 900px;
}
.postsOverview.columnArticle {
	width: 25%;
	border-right: 15px solid #fff;
	height: 100%;
	float: left;
	overflow: auto;
}
.postsOverview.columnArticle .post {
	width: 100%;
}
.postsOverview.columnArticle h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
} 

.postsOverview.category {
	width: 100%;
}
.postsOverview.category .post {
	width: 25%;
}

.postsOverview {
	float: left;
	width: 75%;
	position: relative;
	font-size: 0;
}
.postsOverview h2 + p {
	margin-top: 0;
}
.postsOverview p {
	font-size: 13px;
	line-height: 20px;
}
.postsOverview p a {
	font-size: 16px;
}
.featured_video_plus {
		width: 100%;
		max-width: 460px;
		height: auto;
		float: left;
		margin-bottom: 35px;
		margin-right: 15px;
}
.postsOverview .bigPost {
	width: 100%;
	clear: both;	
	margin-bottom: 15px;

}
.postsOverview .bigPost img {
	width: 66.66%;
	height: auto;
	float: left;
	padding-right: 15px;
}
.postsOverview .bigPost .info {
	padding-right: 15px;
}
.postsOverview .post {
	width: 33.33%;
	padding-right: 15px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-bottom: 15px;
	vertical-align: top;
}	
.postsOverview .post img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.singlePost .post {
	width: 100%;
	padding-right: 15px;
	overflow: hidden;
}
.singlePost .post .meta {
	margin: 10px 0 20px 0;
	font-size: 13px;
	line-height: 13px;
}
.singlePost .post .meta .author a {
	color: #333;
}
.singlePost .post .meta .tags a {
	background: #ee3800;
	color: #fff;
	text-decoration: none;
	margin: 0px 2px;
	padding: 0 4px;
	line-height: 16px;
}
.singlePost .post .content p:first-of-type {
	font-size: 15px;
	line-height: 23px;
	font-weight: 700;
}
.singlePost .post img {
	max-width: 100%;
	height: auto;
	float: left;
	margin-right: 15px;
}
.singlePost .post img.alignnone,
.singlePost .post .wp-caption.alignnone,
.singlePost .post img.aligncenter,
.singlePost .post .wp-caption.aligncenter {
	max-width: 100%;
	margin-bottom: 20px;
	float: none;
}
.singlePost .post img.alignleft,
.singlePost .post .wp-caption.alignleft {
	max-width: 50%;
	margin: 0 15px 20px 0;
	float: left;
}
.singlePost .post img.alignright,
.singlePost .post .wp-caption.alignright {
	max-width: 50%;
	margin: 0 0 20px 15px;
	float: right;
}
.singlePost .post .wp-caption img {
	float: none;
	margin: 0;
}
.singlePost .post .content p.wp-caption-text {
	font-weight: 400;
	font-style: italic;
	margin-top: 10px;
	font-size: 13px;
	line-height: 16px;
}
.singlePost .share {
	margin-top: 15px;
}
.singlePost .share .fb-like  {
	margin: -4px 10px 0 0;
	vertical-align: top;
}
.gallery {
	padding: 0 10px 10px 10px;
	background: #ccc;
	margin-bottom: 20px !important;
}
.singlePost .post .gallery img {
  float: none;
  display: block;
}
.wp-caption-text {
	margin-left: 0;
text-align: left;
padding-left: 2px;
}


.relatedposts.postsOverview {
	width: 100%;
	margin: 20px 0 ;
	padding: 15px 0 5px 0;
	border-top: 1px solid #ee3800;
}
.relatedposts .post {
	width: 25%;
}	

.sidebar {
	width: 250px;
	height: 600px;
	position: absolute;
	background: #eee;
	top: 0;
	right: 0;
}
.sidebar img {
	width: 100%;
	height: auto;
}
.footerlinks {
	position: relative;

}	
.footerlinks p {
	font-family: Rokkitt, 'Times New Roman', serif;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
	overflow: auto;
}
.footerlinks p a {
	font-size: 14px;
	line-height: 20px;
}
.ad-small {
	float: left;
	width: 18.5%;
	margin-right: 1.5%;
	border-top: 1px solid #ee3800;
}
.ad-small img{
	float: left;
	margin-top: 15px;
	height: auto;
	width: 100%;
}
.inPostAd {
	width: 100%;
	margin-bottom: 20px;
	overflow: auto;
}
.inPostAd img {
	max-width: 100%;
	height: auto;
}

.instagram {
	float: left;
	width: 38%;
	margin-right: 1.5%;
	border-top: 1px solid #ee3800;
	padding-top: 15px;
}

.instagram img{
	height: auto;
	width: 35%;
	max-width: 155px;
	float: left;
	margin-right: 15px;
}
#instafeed {

}

.support_footer{
	float: left;
	width: 38%;
	margin-right: 1.5%;
	border-top: 1px solid #ee3800;
	padding-top: 15px;
}

.support_footer img{
	height: auto;
	width: 46%;
	max-width: 205px;
	float: left;
	margin-right: 15px;
}

.links {
	float: left;
	width: 39.5%;	
	border-top: 1px solid #ee3800;
	padding-top: 15px;
}

.links img{
	height: auto;
	width: 35%;
	max-width: 155px;
	float: left;
	margin-right: 15px;
}

.footertext {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 18.5%;
	margin-top: 10px;
	margin-right: 1.5%;
	margin-bottom: 30px;
	font-size: 90%;
	padding-right: 5px;
}

.footertext a {
	font-family: 'Rokkitt', 'Times New Roman', serif;
	color: #ee3800;
	text-decoration: none;
}
.footertext a:hover {
	text-decoration: underline;
}

.trenner {
	height: 1px;
	float: left;
	width: 100%;
	border-top: 1px solid #ee3800;
	margin-top: 15px;
}


div.navSearch {
	float: left;
	margin-right:10px;
}


.nav #searchform input {
	border: 1px solid black;
	max-width: 84px;
	padding: 4px;
}
	

@media screen and (max-width: 1260px) {
    .header .nav li a {
    	text-decoration: none;
    	color: #333;
    	display: block;
    	margin: 0 10px;
    }
    .postsOverview.columnArticle {
  		display:none;	
  	}
  	.postsOverview {
  		width: 100%;
  	}
  	.postsOverview.category .post {
      width: 33.33%;
    }
  	
}
@media screen and (max-width: 1000px) {
  body {
		background: #FFF;
	}
	.wrapper {
  	padding: 0 20px;
	}
  	.postsOverview .post {
  		width: 50%;
  	}
  	.postsOverview .bigPost img {
    width: 50%;
 	}
 	.featured_video_plus {
 		width: 100%;
 		margin-bottom: 15px;
 	}
  	.postsOverview.category .post {
    width: 50%;
  	}
  	.header .musicplayer img {
    width: 150px;
  	}
  .ad-small {
    width: 33.5%;
  }
  .instagram {
    width: 65%;
    margin-right: 0;
  }
  .links {
    width: 100%;
    margin-top: 15px;
  }
}

@media screen and (max-width: 750px) {
  .sidebar {
		display: none;
	}
  .header .musicplayer img {
    width: 120px;
  }
  .header .date {
    font-size: 15px;
  }
	.contentWrapper {
		width: 100%;
		position: relative;
		float: left;
		padding-right: 0px;
	}
	.header .nav {
  	height: auto;
  	padding: 10px 0;
	}
	.header .nav ul {
  	float: none;
  	text-align: justify;
  	height: 48px;
  	overflow: hidden;
	}
	.header .nav ul:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
  }
	.header .nav ul li {
	  display: inline-block;
	  float: none;
	}
	.header .nav ul li a {
  	margin: 0;
	}
	.header .nav-lang {
  	position: relative;
  	float: none;
	}
	.header .nav-lang .lang {
    float: right;
  }
  .footertext { 
    width: 31.83%;
  }
}
@media screen and (max-width: 600px) {
  .header .musicplayer img {
    width: 100px;
  }
}
@media screen and (max-width: 500px) {
  .header .date {
    display: none;
  }
 .header .nav {
   margin-top: 5px;
 }
  .header .nav a {
    font-size: 18px;
    line-height: 24px;
  }
  .header .musicplayer img {
    width: 100px;
  }
  .postsOverview.category .post {
    width: 100%;
  }
  .postsOverview .post {
  		width: 100%;
  	}
  .postsOverview .bigPost img {
    width: 100%;
    margin-bottom: 10px;
  }
   .featured_video_plus {
 		    width: 100%;
    margin-bottom: 10px;
 	}
   .ad-small {
    width: 100%;
    margin-right: 0;
  }
  .instagram {
    width: 100%;
    margin-right: 0;
    margin-top: 15px;
  }
  .links {
    width: 100%;
    margin-top: 15px;
  }
  .footertext { 
    width: 48.5%;
    margin-bottom: 15px;
  }
    .postsOverview .post {
  	padding: 0;
  }
}
@media screen and (max-width: 400px) {
  .header .musicplayer{
  	display: none;

  }
  .header .nav a {
    font-size: 16px;
    line-height: 21px;
  }

  .postsOverview .post {
  	padding: 0;
  }

  .header .logo img {
	height: auto;
	width: 100%;

}
}