/*
Theme Name: Textwerker24
Description: Theme für Textwerker 24 Website
Author: Katharina Zeutschner
Version: 0.1
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic);

html,body{margin:0;padding:0;height:100%;}
body{background-color:#fff;} /* e9e9e9 */
.wrapper{position:relative;width: 1200px;max-width:100%;min-height:100%;margin:auto;background-color:#fff;padding-bottom:70px;} /* box-shadow: 0 0 30px #999; */
.col_48,.col_50{margin-top:1.5em;}

/* Footer */
footer *{font-size: 13px;line-height: 18px;color: #fff;}
footer{position:absolute;bottom:0;left:0;width:100%;height: 39px;background-color: #a4a4a4;border-top: 1px solid #EAEAEA;}
.inner_footer{background-color: #a4a4a4;padding:10px 35px;}
.left_footer{width:auto;float:left;}
.right_footer{width:auto;float:right;}
footer ul{top:0;left:0;margin:0;padding:0;list-style-type:none;}
footer ul li{margin: 0;padding:0 10px;display:inline-block;} 
footer a{text-decoration:none;}


/* Breiten und Float */
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ".";display: block; clear: both;visibility: hidden;line-height: 0; height: 0;}
#main{padding:0 20px;}

/*Responsive*/
.nodis_low_res,#menu-main_menu{display:none;}


/* Navi */
#home{display:block;width: 309px; max-width:70%;float:left; }
#home img{max-width:100%;}
header nav{position:relative;background: url(g/header_back.png) no-repeat center bottom;padding: 20px 20px 30px 20px;z-index:1000;}
.nav_wrap{position:absolute;bottom:0;left:0;width:100%;}
nav ul{position:absolute;top:0;left:0;margin:0;padding:0;list-style-type:none;width:100%;background-color: #888888;}
nav ul li{position: relative;margin: 0;padding:12px 10px;text-align:center;border-bottom: 1px solid #fff;} 
nav li a{color:#fff;text-decoration:none;font-size:21px;}
nav li a:hover,nav li.current-menu-item a,footer li.current-menu-item a,footer a:hover{color:#d51413;}

#mobile_button{width:40px;height:40px;line-height:40px;float:right;margin: 5px 5px 0 0;font-size: 40px;text-align:center;color:#d51413;cursor:pointer;}


/* Sidebars */
aside{margin-top:2em;}
aside ul{margin:0;padding:0;list-style-type:none;}
.kategorien li,.archive_links li{padding:5px 0 5px 25px;background: url(g/list_arr_g.png) no-repeat left center;border-bottom: 1px solid #dcdcde;}
.kategorien li.current-cat,.archive_links li.current-year{background: url(g/list_arr_r.png) no-repeat left center;}
.kategorien li.current-cat a,.archive_links li.current-year a{color:#d51413;}
aside ul a{text-decoration:none;}

/*profil-Seite*/
.profil{text-align:center;}
table{border:none;padding:0;margin:0;border-spacing:0;}
td,td{padding:.3em 5px .3em 0;border:none;vertical-align:top;}
th{text-align:left;padding:1.5em 0 .5em 0;}

/* Diverses */
*{border:none;}
p.button{text-align:right;margin-top:0;padding-right: 35px;}
p.weiter{width:auto;text-align:right;float:right;margin:0;}
p.weiter a{color: #4DA2A7;text-decoration: underline;}
p.teaser{width:auto;float:left;padding-right:1em;margin:0;}
h2.blog_teaser_title{margin: 1.5em 0 .3em 0;}
h2.blog_teaser_title:first-child{margin-top: 1em;}
h2.archive_year{font-size:4em;margin:0 0 .2em 0;color:#eee;}
.button a,a.button{display:inline-block; padding: 5px 15px;background-color: #4da2a7; color:#fff;text-decoration:none;box-shadow: 2px 2px 3px #999;font-weight:400;}
img{max-width:100%;height:auto;}
.red_line{clear:both; height:1px;margin:1em 0;background-color: #d51413;}

.netzwerk a{color:rgb(213,20,19);text-decoration:none;}

a.extern{padding-right:1.2em;background:url('g/link_extern.png') no-repeat right center;background-size:16px;}

.m40{margin-left:40px;}
div.zitate{ background:url(g/quotes.png) no-repeat right top, url(g/quotes.png) no-repeat left bottom;padding:0 40px;}
div.zitate p ,div.zitate blockquote {margin:1.5em auto;line-height:1.5em;}
div.zitate p:after ,div.zitate blockquote:after {content: " ";display: block; line-height: 0; height: 3px;background: url(g/line_dot.png) repeat-x;width:40%;margin:1em auto;}
article.post_preview{margin:1em 0;}
div.zitate p:last-child:after,div.zitate blockquote:last-child:after {background: none;}

/* Seitennavi */
.page_nav{margin-top:3em;}
.page_nav a{display:inline-block; height:26px;width:27px;text-decoration:none;}
.page_nav a span{display:none;}
.page_nav div.next,.page_nav div.prev{height:26px;width:27px;}
.page_nav div.next{float:right;}
.page_nav div.prev{float:left;}
.page_nav div.next a{background: url(g/next.png) no-repeat center center;}
.page_nav div.prev a{background: url(g/prev.png) no-repeat center center;}

/* Random Posts */
.rand_post{width:49.9%;float:left;padding:5px;} 
.rand_post  h1{margin: 0 0 0 -10px;}
.rand_post  p{margin: .8em 0 0 -10px;}
/*TagCloud*/
div.cloud {text-align:justify;line-height:1em;}
div.cloud a{text-decoration:none;vertical-align:middle;line-height:1em;}

/* Socialmedia Buttons */
.social_media{clear:both;padding-top:2em;}
.social_media a{display:inline-block;margin-right:.5em;width:2em;}
.social_media a img {height:auto;max-width:100%;border-radius:10%;display:block;}
.social_media a:hover img {opacity: 0.6;}

aside .social_media{margin-bottom:2.45em;min-height:2em;padding-top:0em;line-height:.8em;}
aside .social_media a {max-width:15.9%;margin-right:5%;}
aside .social_media a:last-child {margin-right:0;}

/* TYPO */
*{font-family: 'Open Sans', sans-serif;color:#4c4c4c;font-size: 17px;line-height:1.4em;}
h1,h2{font-size:20px;}
h1{font-weight: 400;margin:1em 0 1em 0;}
h2{font-weight: 400;}
h1{margin-top:1em;}
.rot{color:#d51413;font-size:inherit;}
.big{font-size:20px;}
.xbig{font-size:24px;}
.tuerkis{color:#4da2a7;}
.small{font-size: 14px;}
.xsmall{font-size: 11px;}
.small *,.xsmall *,.xbig *,.big *{font-size:inherit;}
p.mt3{margin-top:3em;}
.pdf{padding-left:24px;background:url(g/pdf_icon.gif) no-repeat left center;}
/*p,blockquote,td{font-weight:300;color:#333232;}*/
sup.rot{font-size:.6em;line-height:1;font-weight:600;}


/* slideshow*/
#slider{position:relative;width:100%;overflow:hidden;}
figure{margin:0;position:relative;top:0;left:0;width:100%;}
figcaption{display:none;position:absolute;width:100%;}
figcaption *{color:#fff;}
figcaption div{width: 500px;max-width:70%;padding:20px;background-color: #afaca5;background-color: rgba(0,0,0,.2);}
figcaption p{display:none;font-size:15px;}
figcaption h2{margin:0;font-size:20px;}
figcaption a.button{margin: 20px 0 0 20px;box-shadow: 1px 1px 1px rgba(0,0,0,.7); padding: 7px 30px;}
#counter{width:100%;height:13px;position:absolute;bottom:15px;left:0;text-align:center;}
#counter div{display:inline-block;height:6px;width:18px;margin:0 4px;background-color:#fff;}

/* Blogteaser Startseite */
.teaserbox{margin:2em 0 1em 0;}
.blogteaser {padding-left: 20px;background-color: #eee;margin-bottom:1em;}
.blogteaser img{width:auto;float:right;max-width:50%;margin-left:15px;}
.blogteaser p{margin-top:.5em;}
.blogteaser p.datum{margin:0 15px 0 0;padding-top:.5em;color:#4da2a7;}
.blogteaser p.button{text-align:left;}
.blogteaser h2{margin:0 0 .5em 0;line-height:1.2;padding-top:1em;}

/* Blog datum */
.datum_arch{display:block;width:auto;margin:.2em 0 0 20px;float:right;}

@media (min-width: 480px) {
	figcaption{display:block;top:20px;left:20px;}
	
}

/*Archive */
.archive_item{padding:0;border-top: 1px solid #dcdcde;}

@media (min-width: 700px) {
	header nav{padding: 50px 20px 50px 35px}
	#main{padding:0 35px;}
	#mobile_button{margin-right: 25px;}
	figcaption{top:35px;left:35px;}
	.rand_post{width:24.9%;} 	
	.blogteaser img{max-width:25%;}
	nav li a{font-size:24px;}
}

@media (min-width: 780px) {
	.col_66{width:750px;max-width:68%;}
	.col_33{width:320px;max-width:29%;}
	.col_48{width:48%;}
	.col_50{width:49.8%;}
	.left{float:left;}
	.right{float:right;}
	.center{margin:0 auto;}
	.blogteaser img{max-width:50%;}
	
aside{margin-top:110px;}
aside.hasSocialButtons{margin-top:4em;}
.profil{text-align:left;padding-top:100px;}
.blogteaser {margin-right:10px;max-width:548px;}
}
/* hauptmenu sichtbar */
@media (min-width: 920px) {
	.nodis_high_res{display:none;}
	.nodis_low_res,#menu-main_menu{display:block;}
	.nav_wrap{position:relative;bottom:0;left:0;}
	nav ul{position:relative;width:auto;float:right;background-color: transparent;padding:25px 0 0 0;}
	nav ul li{position: relative;padding:0 10px;display:inline-block;} 
	nav li a{color:#4c4c4c;font-size:17px;}
	figcaption p{display:block;margin:.5em 0 0 0;line-height:1.5em;}
}