/*
Theme Name: nknet
Theme URI: 
Author: AndiGun
Author URI: http://andigun.de/
Description: neukoellner.net custom theme // Design Lars Borker // Realisation Andi Guntermann
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: custom-logo, featured-images
Text Domain: nknet
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{font-size:100%;font-weight: 300;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{font-size:100%;padding:0;border:0;margin:0;vertical-align:baseline}

body{line-height:1; background: #e5e5e5;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
table td{vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

body {
	font-family: 'Pridi', Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Pridi', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	margin: 0 0 0.5em 0;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
pre {
	font-family: Courier, monospace;
}
a, a:active, a:visited {
	color: black;
	text-decoration: underline;
}
a.hoverlink {
	text-decoration: none;
	font-size: 0.9em;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
a.hoverlink:hover h2{
	text-decoration: underline;
}
strong, b{
	font-weight: 500;
}
i {
	font-style:italic;
}

header #menu *, #footer .menu *, #content a.hoverlink * {
	font-family: 'Pridi', Helvetica, Arial, sans-serif;
}

#wrapper {
	width: 880px;
	margin: 0 auto;
}
body.single #container, body.page #container, body.search .header h1, body.error404  #container {
	margin: 25px 25px 0 25px;
}
#container {
	padding-bottom: 100px;
}
#header {
	padding: 25px;
}
#branding {
	float: left;
	width: 240px;
	margin: 5px 50px 0 0;
}
#search {
	position: relative;
	height: 24px;
}
#search input {
	position: absolute;
	z-index: 7;
	border: none;
	font-size: 20px;
	background-color: transparent;
	padding: 0;
	font-size: 18px;
	height: 24px;
	width: 420px;
}
#search input:focus {
    border: none !important;
    -moz-box-shadow: 0 0 3px black !important;
    outline-offset: 0px !important;
    outline: none !important;
    background: #f8f8f8;
}

#search .autocomplete_preview {
  z-index: 1;
}
#nknet_search span {
	color: gray;
	font-size: 1.4em;
	margin-right: 0.1em;
}
#content #nknet_search i, #content #nknet_search .autocomplete_preview {
	display: none;
}
.cursor {
	position: relative;
}
.cursor	i {
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: gray;
	bottom: 10%;
	animation-name: blink;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	opacity: 1;
}

.cursor input:focus + i {
	display: none;
}

@keyframes blink {
	from, to { opacity: 1; }
	50% { opacity: 0; }
}

#content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#content .nknet_content{
	line-height: 1.4em;
	margin: 1em 0 0 0;
}
footer.entry-footer {
    border-top: 1px solid #999;
    padding: 1em 0;
	clear: both;
}
#content .nknet_content h1:before, #content .nknet_content h2:before, #content .nknet_content h3:before, footer.entry-footer:before {
	content: ".";
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}
.ui-autocomplete {
	background: rgba(255,255,255,0.85);
	width: 240px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.ui-autocomplete li {
	cursor: pointer;
}
.ui-helper-hidden-accessible {
	display: none;
}
.clear { clear: both; }

/* TOP5 Menu header */

nav#menu {
	float: left;
	width: 530px;
}
.menu-hauptmenue-container {
	float: left;
}
#menu ul.menu li a{
	text-decoration: none;
	color: black;
}
#menu ul.menu li a:visited{
	text-decoration: none;
	color: black;
}
#menu ul.menu li a:hover{
	text-decoration: underline;
}
#menu ul.menu li a:before{
	content: '#';
}

#menu .menu-hauptmenue-container {
	margin: 5px 0 0 0;
}
#menu ul.menu {
	display: inline;
	width: 450px;
}
#menu ul.menu li {
	margin: 0 0.2em 0 0;
	padding: 0;
	display: inline-block;
}

#menu .social-widget-area {
	float: right;
	display: table;
}
#menu .social-widget-area li {
	display: table-cell;
	padding: 0 5px 0 0;
}
#menu .social-widget-area img {
	max-height: 20px;
}

/* Frontpage header post*/

#header_post {
	margin: 35px 25px;
	height: 240px;
	background: url('images/klecks_index_hero_artikel.png') no-repeat 0 0;
	background-size: contain;
}
#header_post a.post_link{
	font-family: 'Pridi', Helvetica, Arial, sans-serif;
	line-height: 2em;
	font-weight: 500;
}
#header_post h1 a.post_link{
	line-height: 1em;
	text-decoration: none;
}
#header_post h1 a.post_link:hover{
	text-decoration: underline;
}
#header_post .col_2_2 {
	position: relative;
}
#header_post .col_1_2 {
	float: right;
	width: 400px;
}
#header_post .col_2_2 {
	width: 400px;
	float: left;
	margin: 0;
}
.col_2_2 {
	width: 400px;
	float: left;
	margin: 0 0 0 15px;
}
/*Category header*/

#header_category {
	margin: 25px 25px 0 25px;
}

.category_image  {
	max-width: 50%;
	float:right;
	width: 240px;
}
.category_image img {
	max-width: 100%;
	height: auto;
}
#header_category .category_header.header-text {
	max-width: 100%;
	width: 530px;
}

/* Single Entry */

.post_header  .header-text {
	height: auto;
	min-height: 222px;
	padding-bottom: 28px;
	position: relative;
	margin: 10px 0 2em 430px;
	font-weight: 300;
}
.post_header .nknet_bu {
	position: absolute;
    left: 0;
    right: 0;
    background: black;
    margin: 0;
    padding: 0.5em;
    font-size: 0.65em;
    color: white;
    line-height: 1.1em;
    font-weight: 300;
    bottom: 0px;
}
.post_header h1.post_title {
	font-weight: 500;
	float: right;
	width: 400px;
	margin: 6px 0 0.5em 0;
	line-height: 1.2em;
}
.post_header .header-text .header-before-more, #header_post .post_excerpt {
	line-height: 1.3em;
}
.header-before-more img {
		display:none;
	}
.post_header .header-text .header-before-more strong{
	font-weight: 300;
}
.post_header .header-text .header-before-more .wp-caption{
	display:none;
}
.post_header .category_header.header-text {
	margin-left: 0px;
	width: 415px;
	padding-top: 2em;
	float: left;
}
.post_header .category_image {
	float: right;
}
.post_header .header-meta {
	position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1.2em;
}
.post_header .header-meta .author a {
	font-weight: 500;
}

.post_header .header-text img, .post_header .header-text .wp-caption {
	display: none;
}

#content .post-edit-link {
	position: absolute;
	background: white;
	opacity: 0.5;
	font-size: 0.8em;
	text-decoration: none;
}
#content .post-edit-link:hover {
	opacity: 1;
	text-decoration: underline;
}
#content .nknet_content p {
	margin: 0 0 1em 0;
}
#content .nknet_content img, #content .nknet_content .wp-caption {
	max-width: 400px !important;
	height: auto;
	width: 100%;
}
#content .nknet_content .aligncenter.wp-caption img, #content .nknet_content .aligncenter.wp-caption {
	max-width: 100% !important;
	min-width: 100%;
}

body.single-format-gallery #content .nknet_content .wp-caption img, body.single-format-gallery #content .nknet_content .wp-caption {
	max-width: 100% !important;
	min-width: 100%;
	width: 100% !important;
}

#content .nknet_content .alignleft {
	margin: 0 15px 1em 0;
}
#content .nknet_content .alignright {
	margin: 0 0 1em 15px;
}
#content .nknet_content .aligncenter {
	margin: 0 0 1em 0;
}
#content .nknet_content .wp-caption {
	position: relative;
	margin-top: 18px;
}
#content .nknet_content .wp-caption.alignnone {
	margin-bottom: 18px;
}
#content .nknet_content .wp-caption::before {
    width: 33%;
    height: 0;
    border-top: 20px solid black;
    position: absolute;
    content: "";
    top: -10px;
    left: 33%;
}
#content .nknet_content .wp-caption-text {
	position: absolute;
    left: 0;
    right: 0;
    background: black;
    margin: 0;
    padding: 0.5em;
    font-size: 0.65em;
    color: white;
    line-height: 1.1em;
    bottom: 0;
    font-weight: 600;
}
#content .entry-content  {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}
#content .entry-content ul li {
	margin: 0 0 1em 0;
}
#content .shariff {
	margin: 1em 0;
}
/* GRID LAYOUT OF CONTENT AREA */
/* SECTIONS * */
#content .section {
	clear: both;
	padding: 0px;
	margin: 0;
}

/* COLUMN SETUP */
#content .col {
	display: block;
	float:left;
	margin: 25px 25px;
	position: relative;
}

/* SET DIMENSIONS */
#content .col {
	height: 260px;
	width: 240px;
	overflow: hidden;
}
#content .col img {
	max-height: 240px;
	max-width: 240px;
	min-height: 240px;
	min-width:240px;
}
#content .col .news img {
	max-height: 130px;
	max-width: 240px;
	min-height: 130px;
	min-width: 240px;
}
#content .col .overlay {
	display: block;
	width: 240px;
	margin-top: -240px;
}
#content .col .overlay .anzeige {
	text-transform: uppercase;
}
#content .col .overlay  h2, #content .col .overlay  h3, #content .col .overlay  h4 {
	font-size: 1.4em;
	margin: 0 0.5em 0.75em 0;
}

#content .col.newscol  {
	background: transparent url('images/klecks_index_artikel.png') no-repeat center center;
	background-size: contain;
}

#content .col .overlay .hover {
	display: none;
	top: 6.25em;
    position: absolute;
}
#content .col  .news .overlay  {
	margin-top: 0;
	height: 100%;
}
#content .col  .news .overlay .hover {
	position: absolute;
	padding: 0 0 0 0.2em;
	top: 6.25em;
}
#content .col  .news .news_img {
	position: absolute;
	bottom: 3.5em;
}
.post_header .post-image-link  {
	position: relative;
	display: block;
	width: 400px;
	margin-top: 10px;
	height: 240px;
	float: left;
}
.post_header .post-image-link .tape  {
	position: absolute;
	left: 35%;
	right: 35%;
	top: -10px;
	height: 20px;
	background: black;
}

#content .col  .news .tape, #header_post .col_2_2 .tape {
	position: absolute;
    left: 75px;
    right: 75px;
    top: -8px;
    height: 16px;
	background: black;
}

#content .col a.hoverlink:hover .tape {
	background: rgb(200,200,200);
}

#header_post .col_2_2 .tape {
	left: 35%;
	right: 35%;
}

#content .col a.hoverlink:hover .hover , #content .col a.hoverlink.hover .hover {
	display: block;
}
#content .col a.hoverlink:hover img, #content .col a.hoverlink.hover img {
	opacity: 0.15;
}
#content .col a.hoverlink:hover .overlay .anzeige {
    color: gray;
}
#content .col .nknet_cat {
	position: absolute;
	bottom: 1px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: lowercase;
}

#content .col .nknet_cat a {
	text-decoration: none;
}
#content .col .nknet_cat a:hover {
	text-decoration: underline;
}

#content .alignleft {
	float: left;
	clear: left;
}
#content .alignright {
	float: right;
	clear: right;
}
#content .aligncenter{text-align: center; margin: 0 auto;}

/* ENTRY VIEW */

.post_header {
	min-height: 250px;
	width: 100%;
	overflow: visible;
	margin: 0 0 0 0;
	background: transparent url('images/klecks_index_hero_artikel.png') no-repeat center right;
	background-size: contain;
}

.post_header img {
	max-width: 400px;
	height: auto;
	float: left;
	margin: 0 15px 0 0;
}

body.single .more-link {
	display: none;
}
#content .nknet_date {
	background: black;
    color: white;
    font-size: 0.8em;
    padding: 0 0.5em;
    display: inline-block;
    margin: 0 0.5em 0 0;
    float: left;
    font-family: "Pridi";
}

/* GROUPING */
#content .group:before,
#content .group:after { content:""; display:table; }
#content .group:after { clear:both;}
#content .group { zoom:1; /* For IE 6/7 */ }
/* GRID OF THREE */
#content .span_3_of_3 { width: 770px; }
#content .span_2_of_3 { width: 500px; }
#content .span_1_of_3 { width: 240px; }

/*EVENTS*/
.css-events-list {
	margin: 2em 0 0 0;
}
.css-events-list tr {
	border-top: 1px solid gray;
}
.css-events-list td {
	padding: 1em 0;
}

.event_text {
	font-size: 80%;
	width: 60%;
}
.event_text p{
	line-height: 1.3em;
}
.event_link {
	vertical-align: middle;
	padding-right: 1.5em !important;
}
.event_link  a{
	width: 30px;
	height: 30px;
	background: transparent url('images/event_arrow.gif') 0 0 no-repeat;
	display: block;
	float: right;
}

#content #related  {
	max-height: 350px;
	min-height: 350px;
	width: 100%;
	overflow: hidden;
}
#content #related .related_posts  {
	width: 106%;
	margin: 0 -3%;
}
#content #related h3 {
	margin: 0;
}
#content .related_posts > :first-child {
	margin-left: 0;
}
#content .related_posts > :last-child {
	margin-right: 0;
}

/*deprecated Donation link*/

.nkspende {
	display: none;
}

/*PAGER*/
section#pager {
	text-align: center;
	margin: 0 0 1em 0;
}
#pager:before {
	content: ".";
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}

/* FOOTER */

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 35px;
	background: black;
	box-shadow: 40px 40px 40px 40px #e5e5e5;
}

footer .cat-links {
	display: block;
	margin: 0 0 0.5em;
}
footer .tag-links {
	display: block;
	margin: 0 0 1.5em;
	line-height: 1.3em;
}
footer .comments-link {
	display: block;
	margin: 0 0 1.5em;
}

/*Comments*/

#comments, #comments #respond{
	margin: 2em 0;
	max-width: 525px;
}
#comments .comment-notes {
	margin: 0 0 2em 0;
}
#comments li.comment {
	margin: 2em 0 0 0;
}
#comments .comment-author * {
	font-weight: 500;
}
#comments .comment-meta {
	font-size: 0.8em;
	margin: 0.2em 0 1em 0;
}
#comments .comment-meta a{
	text-decoration: none;
}
#comments p {
	line-height: 1.2em;
}
.comment-form-comment label {
	display: block;
	margin: 0.5em 0 0 0;
}
#respond textarea {
	width: 530px;
    margin: 0 0 1em 0;
	border: none;
}
#respond input[type="text"] {
	width: 240px;
    float: left;
    clear: both;
    margin: 0 0 1em 0;
    border: none;
	line-height: 1.4em;
}
#respond input[type="checkbox"] {
    float: left;
    clear: both;
    margin: 0;
    border: none;
}
#respond input[type="submit"] {
	width: 240px;
    float: left;
    clear: both;
    margin: 1em 0 1em 0;
    background: black;
    color: #ccc;
    border: none;
    line-height: 2em;
	font-size: 0.9em;
	font-family: "Pridi", Helvetica, Arial, sans-serif;
}
#respond label {
	float: left;
	clear: left;
	margin: 0 0 0.2em 0;
}


/* Footer Menu */

#footer ul.menu li a{
	text-decoration: none;
	color: #ccc !important;
	font-size: 0.9em;
}
#footer ul.menu li a:visited{
	text-decoration: none;
	color: black;
}
#footer ul.menu li a:hover{
	text-decoration: underline;
}
#footer ul.menu li a:before{
	content: '#';
}

#footer ul.menu {
 display: table;
 width: 820px;
	margin: 0.6em auto 0 auto;
 /*table-layout: fixed;*/
}
#footer ul.menu li {
 display: table-cell;
}

.menu-footer-menu-container {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0.5em;
}

/* nav below */
#nav-below  {
	margin: 1em 0 0 0;
}
#nav-below .nav-previous {
	float: left;
}
#nav-below .nav-next {
	float: right;
}

/*kleckse */

.klecks_artikel {
	background: url('images/klecks_artikelseite.png') 0 0 no-repeat;
	background-size: contain;
	}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./assets/fonts/slick.eot');
    src: url('./assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/slick.woff') format('woff'), url('./assets/fonts/slick.ttf') format('truetype'), url('./assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 55%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	
	z-index: 99;
	
	display: none !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -15px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

#nknet_slider_dots {
    width: 100%;
    display: block;
    height: 20px;
	position: relative;
}
#nknet_slider_dots .slick-dots {
    bottom: 0px;
}

/* VIDEO Youtube Lyte */
.lyte-wrapper {
    width: 530px !important;
    margin: 0 0 1em 0!important;
}


/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	body.single #container, body.page #container, body.search .header h1, body.error404  #container {
		margin: 0;
	}
	#wrapper {
		width: 90%;
		margin: 0;
		padding: 0 5%;
	}
	#container {
		padding-bottom: 100px;
	}
	#header {
		padding: 25px 0;
	}
	#search input {
		width: 100%;
	}
	#nknet_search {
		width: 100%;
	}
	#menu-hauptmenue {
		width: 100%;
	}
	nav#menu {
		width: 100%;
	}
	.menu-hauptmenue-container {
		float: none;
	}
	#menu ul.menu {
		display: unset;
		width: 100%;
	}
	#menu ul.menu li {
		display: inline-block;
	}
	#nknet_search , #nknet_search span, #nknet_search #suche {
		float:left;
	}
	#menu-hauptmenue {
		max-width: 100%;
		width: 100%;
	}
	#header_post .col_1_2 {
		max-width: 100%;
		width: 100%;
		margin-bottom: 1em;
	}
	#header_post .col_2_2 {
		margin: 0;
		width: 100%;
	}
	a.hoverlink {
		font-size: 1em;
	}
	a.hoverlink .overlay{
		line-height: 1.3em;
	}
	#header_post {
		max-width: 100%; 
		margin: 0 0 7em 0;     
		background-size: 190%;
		background-position-x: 95%;
	}
	.post_header {
		height: auto;
	}
	.post_header .header-text {
		height: auto !important;
		min-height: unset;
		position: unset !important;
		position: none !important;
		margin: 0 !important;
		padding-bottom: 0;
	}
	.post_header h1.post_title {
		float: left;
		width: 100%;
		margin: 0 0 0.25em 0;
	}
	.post_header .header-meta {
		margin: 1em 0 0 0;
		position: static;
	}
	.post_header .header-meta:after {
		content: "";
		display: table;
		clear: both;
	}
	.post_header .post-image-link {
		width: 100%;
		height: auto;
		margin: 1em 0 1em 0;
	}
	.post_header img {
		max-width: 100%;
		height: auto !important;
		margin: 0 0 0.5em 0;
	}
	.post_header .nknet_bu {
		position: unset;
		width: 94%;
		display: block;
		margin: 0;
		padding: 0 3% 1em 3%;
	}
	.post_header .post-image-link .tape {
		left: 33%;
		right: 33%;
	}
	#header_post img{
		max-width: 100%;
		height: auto !important;
		}
	
	#header_category {margin: 25px 0 0 0;}
	
	#content .col { position: relative; margin: 50px 0 0 0; }
	#content .span_3_of_3, #content .span_2_of_3, #content .span_1_of_3 { 
		width: 100%;
		overflow: visible;
		height: auto;
		}
	
	#content .col img, #content .col .news img  {
		min-height: 100%;
		max-height: 100%;
		min-width: 100%;
		max-width: 100%;
		height: auto !important;
	}
	#content .col .news .news_img, #content .col .cat .cat_img {
		position: relative;
		bottom: auto;
		display: block;
	}
	#content .col .news .tape {
		position: absolute;
		bottom: auto;
		left: 33%;
		right: 33%;
	}
	#content .col .hoverlink {
		display: block;
		width: 100%;
		position: relative;
		top: 0;
	}
	#content .col .overlay h2, #content .col .overlay h3, #content .col .overlay h4 {
		font-size: 1.6em;
		line-height: 1;
	}
	#content .col .overlay .hover{
		padding: 0;
		display: block;
		position: relative;
		top: 0;
		margin: 0 0 1em 0;
	}
	#content .col .cat .overlay .hover  {
		display:none;
	}
	#content .col .overlay {
		display: block;
		width: 100%;
		top: 0;
		margin-top: 0;
		height: auto;
	}
	#content .col .cat .overlay {
		position: absolute;
	}
	#content .col a.hoverlink .hover {
		display: block;
		position: unset !important;
		margin: 0 0 1.5em 0;
	}
	#content .col .nknet_cat {
		position: unset;
		margin-top: 0.5em;
		font-size: 1em;
	}
	#header_category  {
		background: none;
	}
	#header_category  h1{
		position: absolute;
	}
	#header_category .category_image {
		max-width: 100%;
		float: unset;
		width: 100%;
	}
	#header_category .category_image img {
		width: 100%;
		height: auto;
		margin: 0 0 1em 0;
	}
	#content .nknet_content .wp-caption {
		width: 100% !important;
	}
	#content .nknet_content iframe{
		max-width: 100%;
	}
	#content #related  {
		max-height: unset;
	}
	#content #related .related_posts {
		width: 100%;
		margin: 0 0;
	}
	#respond textarea {
		width: 100%;
	}
	section#pager {
		margin-top: 5em;
	}
	#footer {
		height: auto;
		margin: 1em 0 0 -3%;
		position: static;
		width: 106%;
		padding: 0.5em 0;
	}
	#footer .menu-footer-container {
		position: static;
		text-align: center;
	}
	#footer ul.menu {
		width: 100%;
		display: unset;
		text-align: center;
		margin: 1em 0;
	}
	#footer ul.menu li {
		display: inline-block;
	}
}

/*NKNET SPECIALS*/

table#redaktion td {
	padding: 0 10px 10px 0;
}

/*STEADY BUTTON */
#steady-widget-button {
	background-color: white !important;
    color: black !important;
    padding: 10px 15px !important;
}
#steady-widget-button-text {
    color: black !important;
    font-size: 0.8em !important;
    font-family: "Pridi" !important;
    font-weight: 500 !important;
}