/*
Theme Name: Saiten 2015
Theme URI: http://www.saiten.ch
Author: Samuel Baenziger, Manuel Märklin Programmierung
Author URI: http://www.m-maerklin.ch/
Description: Wordpressthema für Saiten Website.
Tags: white, light, two-columns, responsive-layout
*/

@charset "UTF-8";

/*
 This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=92c51084-4539-4f69-b5fc-db86e4d084c5&fontids=1121593");
@font-face{
	font-family:"Zurich W01 Bold";
	src:url("font/1121593/7251cef7-94a7-47b4-a83f-d134f95fd367.eot?#iefix");
	src:url("font/1121593/7251cef7-94a7-47b4-a83f-d134f95fd367.eot?#iefix") format("eot"),url("font/1121593/7f0f573b-ba73-4210-91f3-f80f08f98499.woff2") format("woff2"),url("font/1121593/e6ff27c6-ba66-45a3-98b4-7e605482d08f.woff") format("woff"),url("font/1121593/252262b7-80f8-4fe6-8187-750152197562.ttf") format("truetype");
}

@font-face {
	font-family: 'Publico Text Mono Web';
	src: url('font/PublicoTextMono-Roman-Web.woff2') format('woff2'),
	url('font/PublicoTextMono-Roman-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
    font-family: 'socicon';
    src: url('font/socicon.eot');
    src: url('font/socicon.eot?#iefix') format('embedded-opentype'),
         url('font/socicon.woff') format('woff'),
         url('font/socicon.woff2') format('woff2'),
         url('font/socicon.ttf') format('truetype'),
         url('font/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

@media all {

/**
 * General content
 */
	* {
		margin: 0;
		padding: 0;
		-webkit-font-smoothing:subpixel-antialiased;
	}

	html {
		height: 100%;
	}

	body {
		font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		background-color: #dddddd;
	}

	a {
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		text-decoration: none;
	}

	h1 {
		font-family: "Zurich W01 Bold", Arial, sans-serif;
		font-size: 13px;
		font-weight: normal;
		padding-bottom: 20px;
	}

	h2 {
		font-size: 28px;
		font-weight: normal;
		line-height: 1.1em;
		padding-bottom: 12px;
	}

	h3 {
		font-size: 21px;
		font-weight: normal;
		line-height: 1.1em;
		padding-bottom: 10px;
	}

	iframe {
		max-width: 100%;
		border: 0;
	}

	img {
		border: 0;
		height: auto;
		width: 100%;
		max-width: 100%;
	}

	p {
		margin: 0;
	}

	ol, ul {
		margin: 0;
		padding: 0;
	}

	strong {
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
	}

	table {
		border-collapse: collapse;
	}

	input,
	select,
	textarea {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		margin-bottom: 5px;
		border: 1px solid #111111;
		box-sizing: border-box;
		background-color: #eeeeee;
	}

	input,
	select {
		width: 340px;
	}

	input,
	textarea {
		padding: 5px;
	}

	input {
	}

	input[type="text"],
	input[type="search"],
	input[type="number"],
	input[type="email"] {
		margin-bottom: 10px;
	   -webkit-appearance: none;
    	border-radius: 0;
	}

	input[type="text"].small,
	input[type="number"].small {
		width: 80px;
	}

	input[type="text"].med,
	input[type="number"].med {
		width: 254px;
	}

	input[type="number"] {
		text-align: right;
	}

	input[type="checkbox"],
	input[type="radio"] {
		width: auto;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		display: inline;
		margin: 0 10px;
	}

	input[type="submit"] {
		background-color: #c8c8c8;
		border: 1px solid #c8c8c8;
		border-radius: 0;
		padding: 3px 10px 17px 10px;
		cursor: pointer;
	}

	label {
		display: block;
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		margin-bottom: 5px;
	}

	select {
		padding: 2px 5px;
	  	max-width: 100%;
	}

	select option {
	  	color: #111111;
		background-color: #ffffff;
		text-align: left;
		text-transform: none;
		padding-left: 0.3em;
	}

	textarea {
		width: 100%;
		height: 5.5em;
	}

	input[disabled],
	input[readonly],
	select[disabled],
	select[readonly],
	checkbox[disabled],
	checkbox[readonly],
	textarea[disabled],
	textarea[readonly] {
	    background-color: #ddd;
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #111111;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #111111;
		opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #111111;
		opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #111111;
	}

	.autocomplete-suggestions {
		font-family: Arial,sans-serif;
		font-size: 14px;
		background-color: #ffffff;
		border: 1px solid #111111;
		overflow: auto;
	}

	.autocomplete-suggestion {
		padding: 0.1em 0.3em;
		white-space: nowrap;
		overflow: hidden;
	}

	.autocomplete-selected {
		background-color: #eeeeee;
	}

	.autocomplete-suggestions strong {
		font-weight: normal;
		color: #ff0000;
	}

	.leftindent {
		padding-left: 30px;
	}

	.socicon {
		font-family: 'socicon';
		font-size: 16px;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		color: #ffffff;
		background-color: #111111;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

/**
 * Sidebar
 */
	.sidebar {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		text-align: center;
		float: right;
		width: 200px;
		margin: 10px;
	}

	.sidebar .container {
		position: fixed;
    	width: 200px;
	}

	.sidebar a {
		display: block;
		height: 100%;
		font-weight: normal;
		text-align: left;
	}

	.sidebar input,
	.sidebar select {
		width: 100%;
		background-color: #ffffff;
		height: 35px;
	}

	.sidebar input[type="submit"] {
		background-color: #dddddd;
		border: 1px solid #dddddd;
	}

	.sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.sidebar .container .kalenderlink {
		background-color: #ff2900;
		margin-bottom: 5px;
	}

	.sidebar .container  img {
 		width: 160px;
 		margin-bottom: 10px;
 		border: 1px solid #111111;
 	}

	.sidebar .event {
		background-color: #ff2900;
		margin-bottom: 5px;
		text-align: center;
	}

	#widgets {
		background-color: #ffffff;
	}

	#widgets .widget_search .widget_title,
	#widgets #searchform label {
		/*	display: none; */
	}

	#widgets h2 {
		font-size: 13px;
		letter-spacing: 0.5px;
		font-weight: normal;
		padding-bottom: 5px;
	}

	#widgets li {
		padding: 5px;
		margin-bottom: 5px;
	}

	#subnav {
		margin-bottom: 10px;
	}

	#subnav li {
		margin-bottom: 5px;
		display: block;
		background-color: #ffffff;
	}

	.sidebar .container .kalenderlink a,
	.sidebar .event a,
	#subnav li a {
		display: block;
		padding: 3px 10px 17px 10px;
		text-align: center;
	}

	.sidebar .container .kalenderlink a,
	.sidebar .event a {
		color: #ffffff;
	}

	#subnav li.current_page_item {
		color: #ffffff;
		background-color: #111111;
	}

	#archive {
		margin-top: 0.5em;
	}

	#archive a {
		display: block;
		text-align: center;
	}

	#archive img {
		margin-top: 0.5em;
	}

	#social {
		display: flex;
		justify-content: center;
		margin-bottom: 1.0em;
	}

	#social a {
		display: block;
		padding: 0.5em;
		margin: 0 0.5em;
	}

/**
 * Header
 */
	.main {
		margin-right: 225px;
		background-color: #ffffff;
	}

	#banner_leaderboard {
		position: relative;
		margin-bottom: 10px;
		border-bottom: 2px solid #111111;
		padding: 10px 0;
	}

	#banner_leaderboard .ad {
		position: relative;
		text-align: center;
		width: 728px;
		height: auto;
		left: 50%;
		margin-left: -364px;
	}

	#banner_leaderboard .ad img {
		max-width: 728px;
	}

	#logo {
		width: 100%;
		z-index: 100;
	}

	#logo ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 200;
	}

	#logo li {
		font-family: "Zurich W01 Bold", Arial, sans-serif;
		font-size: 13px;
		line-height: 1.0em;
		color: #ffffff;
		background-color: #111111;
		padding: 3px 5px;
		display: block;
		flex: auto;
		position: relative;
		height: 26px;
	}

	#logo li.spacer {
		margin-right: 0;
		padding: 3px 0 2px 0;
		min-width: 40px;
		max-width: 40px;
		background-color: #ffffff;
		border-bottom: 2px solid #111111;
	}

	#logo li a {
		display: block;
		height: 100%;
	}

	#logo li.left {
		width: 30%;
		margin-right: 5px;
	}

	#logo li.right {
		width: 70%;
	}

	#logo .mobile-menu {
		display: none;
	}

	#mobile-widgets,
	#mobile-sidebar,
	#mobile-nav {
		display: none;
	}

	#nav {
		margin-bottom: 10px;
		padding: 4px 0 5px 0;	/* top = 4px because logo has transparent 1px bottom border */
		background-color: #ffffff;
		z-index: 200;
		clear: both;
	}

	#nav.fixed {
		border-bottom: 2px solid #111111;
	}

	#nav ul {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0 35px 0 40px;	/* margin-left is smaller to compensate margin-right on LI */
		padding: 0;
		z-index: 200;
	}

	#nav ul.sub-menu {
		margin: 0;
		padding-top: 5px;
		padding-right: 5px;
		background-color: #ffffff;
		display: none;
		position: absolute;
		z-index: 300;
		left: -5px;
		top: 2.8em;
		min-width: calc(100% + 5px);
	}

	#nav li {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		color: #ffffff;
		background-color: #111111;
		text-align: center;
		margin-right: 5px;
		margin-bottom: 5px;
		display: block;
		flex: auto;
		position: relative;
	}

	#nav li.menu-item-78038 {	/* Kulturfenster */
		color: #000000;
		background-color: #ffffff;
		border: 1px solid #111111;
	}

	#nav ul.sub-menu li {
		left: 5px;
	}

	#nav li.menu-item-has-children:hover ul.sub-menu {
		display: block;
	}

	#nav li a {
		display: block;
		padding: 3px 10px 17px 10px;
	}

/**
 * Content
 */
	#banner_vertical {
		position: absolute;
		top: 0;
		right: 0;
		width: 120px;
	}

	#banner_vertical .ad {
		height: 240px;
		text-align: center;
		vertical-align: middle;
		margin-bottom: 10px;
		background-color: #aa0000;
	}

	#banner_vertical .content.support {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
    	font-size: 13px;
		margin-bottom: 20px;
	}

	.separator {
		margin-bottom: 10px;
		padding-top: 5px;
		border-bottom: 2px solid #111111;
		display: block;
		clear: both;
		z-index: 100;
	}

	/* move content to center of page */
	#front,
	#content .rubrik,
	#impressum {
		position: relative;
		left: 50%;
		width: 1500px;
		margin-left: -750px;
	}

	#front {
		overflow: hidden;
	}

	#front #front_posts {
		margin-right: 120px;
	}

	#content {
		position: relative;
		padding: 10px 0px;
		clear: both;
	}

	#content #single {
		position: relative;
		width: 1110px;
		margin-left: -555px;
		left: 50%;
		overflow: hidden;
	}

	#content #single:after {
		content: '';
		display: block;
		clear: both;
	}

	#content .kasten {
		margin: 10px;
	    padding: 10px 10px 20px 10px;
		box-sizing: border-box;
		background-color: #dddddd;
	}

	#content .kasten.alignleft {
	    float: left;
		margin-left: 0;
		margin-right: 20px;
	    width: 50% !important;
	}

	#content .kasten.alignright {
	    float: right;
		margin-left: 20px;
	    margin-right: 0;
	    width: 50% !important;
	}

	#content .bild {
		margin: 10px;
		padding: 0;
		box-sizing: border-box;
		width: 30% !important;
	}

	#content .bild.alignleft {
		float: left;
		margin-left: 0;
		margin-right: 20px;
	}

	#content .bild.alignright {
		float: right;
		margin-left: 20px;
		margin-right: 0;
	}

	#content .leftindent {
		margin-left: 15px;
	}

	#content .subtitle {
		font-size: 18px;
	}

	#content .post_content {
	    padding: 10px 20px;
	}

	#content .post_content.weiss {
		background-color: #ffffff;
	}

	#content .post_content.hell {
		background-color: #e6e6e6;
	}

	#content .post_content.dunkel {
		background-color: #c8c8c8;
	}

	#content .post_content.schwarz {
		color: #ffffff;
		background-color: #000000;
	}

	#content .post_content.gerahmt {
		background-color: #ffffff;
		border: 1px solid #c8c8c8;
	}

	#content .post_content .category {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		text-transform: uppercase;
		text-align: center;
	}

	#content .video iframe {
	    width: 530px;
		height: 395px;
	}

	/* Beiträge */
	#content .post {
		margin: 0;
		width: 980px;
	}

	#content .author,
	#content .date,
	#content .kasten,
	#content .magazine,
	#content .post .note,
	#content .post .wp-caption-text {
		font-family: "Zurich W01 Bold", Arial, sans-serif;
		font-size: 13px;
		line-height: 1.3em;
	}

	#content .post .date .comments {
		margin-left: 0.5em;
	}

	#content .date a {
		text-decoration: underline;
	}

	#content .post .note {
		margin: 10px 0;
	}

	#content .post .wp-caption-text {
		margin-bottom: 5px;
	}

	#content .post h1.title {
		font-family: "Times New Roman", Times, serif;
		font-size: 48px;
		padding-top: 20px;
	}

	#content .post .excerpt {
		font-size: 28px;
		line-height: 1.1em;
		margin-bottom: 25px;
	}

	#content .post .container {
		padding-right: 340px;
    	position: relative;
	}

	#content .post .content,
	#content .post .post_thumbnail {
		float: left;
	}

	#content .post .content {
		margin: 25px 0 30px 110px;
		position: relative;
		width: 530px;
		line-height: 1.3em;
	}

	#content .post .content a {
		text-decoration: underline;
	}

	#content .post .content p {
	    margin-bottom: 15px;
	}

	#content .post .content .social {
		position: absolute;
		top: 4px;
		left: -110px;
	}

	#content .post .content .social a {
		text-decoration: none;
	}

	#content .post .content .social ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#content .post .content .social li {
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}

	#content .post .content .social li a,
	#content .post .content .social li .fb span {
		display: block;
		padding: 0.5em;
		width: 16px;
	}

	#content .post .content .social li .fb {
		position: relative;
		width: 120px;
		height: 30px;
	}

	#content .post .content .social li .fb span,
	#content .post .content .social li .fb-like {
	    position: absolute;
		left: 0;
	    top: 0;
	}

	#content .post .content .social li .fb-like {
		opacity: 0;
		overflow: hidden;
		z-index: 10000;
		width: 32px;
		height: 32px;
	}

	#content .post ul {
		margin-left: 18px;
	}

	#content .post .related_posts {
		width: 330px;
		margin-left: 650px;
	}

	#content .post .related_posts h2 {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		color: #ffffff;
		background-color: #111111;
		text-align: center;
		padding: 3px 10px 17px 10px;
		margin: 10px 78px;
	}

	#content .post .related_posts ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#content .post .related_posts li {
		padding: 5px 10px;
		margin-bottom: 10px;
		background-color: #eeeeee;
	}

	#content .post .related_posts li a {
		font-size: 1.3em;
		display: block;
		text-align: center;
	}

	#content .post .related_posts h3 {
		display: none;
	}

	#content .comments {
		margin: 25px 340px 30px 110px;
	}

	#content .comments ul {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
	}

	#content .comments ul.children {
		margin-top: 25px;
		margin-left: 30px;
	}

	#content .comments li {
		margin-bottom: 25px;
	}

	#content .comment-body > div {
		font-family: 'Publico Text Mono Web';
	    margin-bottom: 10px;
	}

	#content .comment-body > p {
	    margin-bottom: 10px;
	}

	#content .comment-body .comment-author .fn {
	    font-style: normal;
	}

	#content .comment-body .comment-author .says {
	    display: none;
	}

	#content .comment-respond .comment-notes {
	    margin-bottom: 10px;
	}

	/* Seiten */
	#content #page {
		position: relative;
		width: 770px;
		margin-left: -385px;
		left: 50%;
		overflow: hidden;
	}

	#content #page:after {
		content: '';
		display: block;
		clear: both;
	}

	#content .page {
		width: 640px;
	}

	#content .page h1,
	#content .kiosk h1 {
		font-family: "Times New Roman", Times, serif;
		font-size: 48px;
		padding-bottom: 10px;
	}

	#content .page ul,
	#content .page ol {
		margin: 0 20px;
	}

	#content .page a {
		text-decoration: underline;
	}

	/* Teaser */
	#content .front_teasers,
	#content .rubrik_items,
	#content .adgrid {
		display: inline-flex;
		flex-wrap: wrap;
	}

	#content .teaser,
	#content .ad {
		position: relative;
		display: block;
		width: 335px;
		text-align: center;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	#content .teaser a  {
		display: block;
		padding: 0;
		position: relative;
		height: 100%;
		min-height: 358px;
	}

	#content .teaser h2  {
		font-size: 36px;
		line-height: 1.0em;
		padding-left: 10px;
		padding-right: 10px;
	}

	#content .teaser.image {
		width: 680px;
	}

	#content .teaser.slim {
		width: 335px;
	}

	#content .teaser.image. {
		width: 680px;
	}

	#content .teaser .post_thumbnail {
	    padding: 0;
	}

	#content .teaser .post_thumbnail img {
		display: block;
		max-height: 358px;
	}

	#content .teaser .post_thumbnail.dunkel img {
		-webkit-filter: brightness(0.7);
		filter: brightness(0.7);
	}

	#content .teaser .post_content {
		padding: 0;
	}

	#content .teaser .post_content .top {
		margin-bottom: 5px;
		border-bottom: 1px solid #111111;
		display: flex;
		justify-content: space-between;
	}

	#content .teaser .post_content.image a {
		color: #ffffff;
	}

	#content .teaser .post_content.image .top,
	#content .teaser .post_content.schwarz .top{
		border-bottom: 1px solid #ffffff;
	}

	#content .teaser .post_content .top .author,
	#content .teaser .post_content .top .date,
	#content .teaser .post_content .top .magazine {
		padding: 10px 0;
	}

	#content .teaser .post_content .top .author,
	#content .teaser .post_content .top .magazine {
		padding-right: 10px;
	}

	#content .teaser .post_content .top .date,
	#content .teaser .post_content .top .magazine {
		padding-left: 10px;
	}

	#content .teaser .post_content .top .magazine  {
		border-left: 1px solid #111111;
	}

	#content .teaser .post_content.schwarz .top .magazine  {
		border-left: 1px solid #ffffff;
	}

	#content .teaser .post_content.image .top .magazine  {
		border-left: 1px solid #ffffff;
	}

	#content .teaser .post_content .excerpt {
		text-align: left;
		padding: 10px;
		position: absolute;
		bottom: 0;
	}

	#content .teaser .post_content.image {
		position: absolute;
		top: 0px;
		color: #ffffff;
		background-color: rgba( 0, 0, 0, 0.2 );
		width: 100%;
		height: 100%;
		padding: 0;
	}

	/* Rubriken */
	#content .rubrik_title {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		margin-bottom: 20px;
		position: relative;
		width: 135px;
	}

	#content .rubrik_title a {
		display: block;
		padding: 3px 10px 17px 10px;
		color: #ffffff;
		background-color: #111111;
		text-align: center;
		margin-bottom: 5px;
	}

	#content .rubrik {
		padding-right: 65px; /* ( vertical banner width + padding ) / 2 */
		overflow: hidden;
	}

	#content .rubrik .rubrik_title {
		margin-left: -152px; /* (width + padding + vertical banner width) / 2 */
	}

	/* Impressum */
	.impressum_title {
		font-family: "Zurich W01 Bold", Arial, sans-serif;
		font-size: 13px;
		margin: 0px 0px 20px 40px;
		position: relative;
		width: 135px;
	}

	#impressum {
		padding-top: 10px;
		overflow: hidden;
	}

	#impressum ul {
		margin: 0 20px;
	}

	#impressum .page {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		position: relative !important;
		display: block;
		float: left;
		width: 310px;
		padding: 0 20px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	#impressum .page p {
		padding-right: 15px;
	}

/**
 * Images
 */
	#content .wp-caption {
	    margin: 0 0 0.5em 0;
	    width: 100% !important;
		box-sizing: border-box;
	}

	#content .wp-caption.alignleft {
	    float: left;
		margin-right: 1.4em;
	    width: 50% !important;
	}

	#content .wp-caption.alignright {
	    float: right;
	    margin-left: 1.4em;
	    width: 50% !important;
	}

/**
 * bxSlider
 */
	.bx-viewport {
	    border: none !important;
	    left: 0 !important;
	}

/**
 * Kiosk, Kalender: Form
 */

	#content .form input[type='number'] {
	    -moz-appearance:textfield;
	}

	#content .form input::-webkit-outer-spin-button,
	#content .form input::-webkit-inner-spin-button {
    	-webkit-appearance: none;
	}

	#content .form textarea + span.postfix {
		display: block;
		margin-bottom: 10px;
	}

	#content .form th {
		font-family: 'Publico Text Mono Web';
		font-size: 0.9em;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
		padding-bottom: 10px;
	}

	#content .form td.checkbox {
		vertical-align: top;
		padding-bottom: 10px;
	}

	#content .form td.checkbox-text {
	    vertical-align: top;
	}

	#content .form td.errormsg {
		color: #ff0000;
		padding-left: 10px;
	}

	#content .form td.split {
		padding-bottom: 10px;
	}

	#content .form .prefix,
	#content .form .postfix {
		font-family: 'Publico Text Mono Web';
		font-size: 0.8em;
	}

	#content .form .prefix {
		padding-right: 5px;
	}

	#content .form .prefix .hint {
		padding-left: 10px;
	}

	#content .form .postfix {
		padding-left: 10px;
	}

	#content .form .urlcheck,
	#content .form .urlcheck label{
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		border: 0;
		font-size: 0;
		line-height: 0
	}

	#content .autocomplete-suggestions {
		font-family: 'Publico Text Mono Web';
		font-size: 1.0em;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		overflow: auto;
	}

	#content .autocomplete-suggestion {
		padding: 0.3em;
		white-space: nowrap;
		overflow: hidden;
	}

	#content .autocomplete-selected {
		background-color: #eeeeee;
	}

	#content .autocomplete-suggestions strong {
		font-weight: normal;
		color: #ff0000;
	}

	#content .error h2 {
		text-transform: uppercase;
		color: #ff0000;
	}

	#content .form td.total {
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		padding-top: 1.5em;
	}

	#content .form input[type="number"].total {
		width: 20%;
		background-color: #f8dddd;
	}

	#content .form input[type="text"].chiffre {
		width: 50%;
	}

	#content .data {
		margin: 30px 0;
	}

	#content .data td,
	#content .data th {
		font-family: 'Publico Text Mono Web';
		vertical-align: top;
		text-align: left;
	}

	#content .data td {
		padding: 5px 20px 10px 0;
	}

	#content .data td.text {
		padding: 0.5em;
		border: 1px solid #111111;
	}

	#content .data th {
		padding: 20px 0 10px 0;
	}

	#content .data table.price {
		margin: 0;
		width: 100%;
	}

	#content .data table.price td {
		padding: 0;
	}

	#content .data table.price td.num {
		text-align: right;
		padding-left: 40px;
	}

	#content .data table.price td.total {
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		border-top: 1px solid #111111;
	}

	#content .reply {
	    margin: 10px;
	    width: 600px;
	}

	#content .reply .error {
	    margin-bottom: 20px;
	}


/**
 * Kalender
 */
	#content #vk {
		position: relative;
		width: 770px;
		margin-left: -385px;
		left: 50%;
		overflow: hidden;
	}

	#content #vk #banner_vertical {
		position: relative;
		float: right;
	}

	#content #vk:after {
		content: '';
		display: block;
		clear: both;
	}

	#content #vk .support.phone {
		display: none;
	}

	#content .kalender {
		width: 650px;
	}

	#content .kalender .form {
		background-color: #ff2900;
		padding: 5px 10px;
		margin-right: 12px;
		margin-bottom: 20px;
		overflow: hidden;
	}

	#content .kalender .form .element  {
		float: left;
		padding: 0 10px;
		box-sizing: border-box;
		width: 205px;
		height: 50px;
	}

	#content .kalender .form .element.small  {
		width: 120px;
	}

	#content .kalender .form .element.med  {
		width: 148px;
	}

	#content .kalender .form .element.large {
		width: 175px;
	}

	#content .kalender .form label {
		color: #ffffff;
	    margin-bottom: 2px;
	}

	#content .kalender .form input,
	#content .kalender .form select {
	    margin-bottom: 0;
		width: 100%;
	}

	#content .kalender .info {
		margin-bottom: 20px;
		padding: 10px;
		background-color: #e6e6e6;
	}

	#content .kalender #events h6 {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
    	font-size: 13px;
		font-weight: normal;
    	margin-bottom: 5px;
	}

	#content .kalender .adgrid:after {
		content: '';
		display: block;
		clear: left;
	}

	#content .kalender .ad {
		position: relative;
		display: block;
		width: 203px;
		height: 300px;
		overflow: hidden;
		text-align: left;
		margin-right: 10px;
		margin-bottom: 10px;
		border-left: 3px solid #111111;
		padding: 0;
		background-color: #e8e8e8;
		cursor: pointer;
	}

	#content .kalender .ad .image	{
		height: 138px; /* ( width .ad ) / 3 x 2 */
		text-align: center;
	}

	#content .kalender .ad .image img {
		max-height: 138px; /* ( width .ad ) / 3 x 2 */
		width: auto;
	}

	#content .kalender .ad .title {
		font-size: 21px;
		line-height: 1.1em;
		padding: 10px;
	}

	#content .kalender .ad .text {
    	font-size: 15px;
		display: none;
		padding: 0 10px 10px 10px;
	}

	#content .kalender .ad .text .eventlink {
		padding-top: 5px;
		font-style: italic;
	}

	#content .kalender .ad .info {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
    	font-size: 13px;
    	line-height: 15px;
        padding: 0 10px 10px 10px;
	}

	#content .kalender .category {
		font-family: 'Publico Text Mono Web';
		color: #ffffff;
		font-size: 13px;
		text-align: center;
		background-color: #111111;
		width: 154px;
		left: 50%;
		margin-left: -87px; /* ( width + padding ) / 2 */
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px 10px 10px 0;
		position: relative;
		cursor: pointer;

	}

	#content .kalender .category .switch {
		font-family: Times New Roman;
		font-size: 18px;
		padding: 1px 4px 1px 5px;
		border: 1px solid #dddddd;
		position: absolute;
	    right: 7px;
		top: 5px;
	}

	#content .kalender table.cat_container {
		display: block;
	}

	#content .kalender .cat_container tr.event {
		cursor: pointer;
	}

	#content .kalender .cat_container tr.event,
	#content .kalender .cat_container tr.detail_row  {
		border-bottom: 2px solid #111111;
	}

	#content .kalender .cat_container tr.event.active {
		border-bottom: none;
	}

	#content .kalender .cat_container tr.event.with_ad {
		background-color: #c8c8c8;
	}

	#content .kalender .cat_container tr.detail_row .info a {
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;

		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;

		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	#content .kalender .cat_container td.datetime,
	#content .kalender .cat_container td.desc,
	#content .kalender .cat_container td.location {
		border-bottom: none;
		vertical-align: top;
		padding: 5px 0;
	}

	#content .kalender .cat_container .datetime {
		width: 120px;
	}

	#content .kalender .cat_container .datetime .date,
	#content .kalender .cat_container .datetime .time {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
    	font-size: 14px;
    	line-height: 16px;
	}

	#content .kalender .cat_container .desc {
		width: 340px;
		padding-right: 20px;
	}

	#content .kalender .cat_container .desc .title {
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
	}

	#content .kalender .cat_container .desc .title .tip {
		color: #ff2900;
		margin-right: 5px;
	}

	#content .kalender .cat_container .desc .title .tip:after {
		content: ":"
	}

	#content .kalender .cat_container .location {
		width: 160px;
	}

	#content .kalender a.button {
		display: block;
		margin: 10px 0 20px 0;
		font-style: italic;
	}

	#content .kalender .event_details {
		display: none;
		margin-bottom: 20px;
		padding: 20px 0;
	}

	#content .kalender .event_details .image {
		max-width: 400px;
	}

	#content .kalender .event_details .date,
	#content .kalender .event_details .time {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
		font-size: 24px;
    	line-height: 28px;
	}

	#content .kalender .event_details .date,
	#content .kalender .event_details .time {
		display: inline;
	}

	#content .kalender .event_details .time:before {
		content: ", ";
	}

	#content .kalender .event_details .location {
		font-size: 28px;
		font-weight: normal;
		line-height: 1.1em;
		margin-top: 10px;
	}

	#content .kalender .event_details .add_to_cal {
		font-style: italic;
		margin-top: 10px;
	}

	#content .kalender .event_details .subevents {
		margin-top: 12px;
	}

	#content .kalender .event_details .subevents td {
		padding-bottom: 5px;
	}

	#content .kalender .event_details .subevents td:first-of-type {
		font-family: "Zurich W01 Bold", Arial,sans-serif;
		font-size: 14px;
 		padding-right: 20px;
	}

	#content .kalender .event_details .subevents td a {
		font-style: italic;
	}

	#content .kalender .event_details .info {
		margin-top: 12px;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	#content .kalender .event_details .info a {
		text-decoration: underline;
	}

	#content .kalender .event_details .subevents h2,
	#content .kalender .event_details .info h2 {
		font-size: 17px;
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		border-top: 2px dashed #111111;
		padding-top: 10px;
		margin-top: 10px;
	}

/**
 * Kiosk
 */
	#content .kiosk {
	    margin: 10px;
	    padding: 0 100px;
	}

	#content .kiosk .form {
		display: block;
		float:left;
		margin: 0px 0px 10px 0px;
		width: 430px;
	}

	#content .kiosk .info {
	    margin: 10px 10px 10px 500px;
	}

	#content .kiosk .info a {
		text-decoration: underline;
	}

	#content .kiosk ul {
		margin: 0 20px;
	}

	#content .kiosk .form input[type="checkbox"] + label {
		margin-right: 20px;
	}

	#content .kiosk .form td:nth-of-type( 3 ) input[type="checkbox"] + label {
		margin-right: 0;
	}

	#content .kiosk .form input[type="checkbox"] + label[for=webclassifiedsform_Chiffre_1] {
		margin: 0;
	}


/**
 * Contact Form 7
 */
	form span.wpcf7-radio {
		display: table;
	}

	form span.wpcf7-list-item {
		display: table-row;
		margin-left: 0;
	}

	form span.wpcf7-list-item input {
		display: table-cell;
		padding-bottom: 10px;
	}

	form span.wpcf7-list-item-label {
		display: table-cell;
		padding-left: 20px;
		padding-bottom: 10px;
	}

	.wpcf7 img.ajax-loader {
		width: auto;
		height: auto;
	}


/**
 * Heftarchiv
 */
	.heftarchiv {
		border-bottom: 2px solid #111111;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.heftarchiv .info {
		margin-bottom: 30px;
	}

	#content .heftarchiv ul {
		margin: 0;
	}

	.heftarchiv li {
		list-style: none;
 	}

	.heftarchiv li img {
 		width: 160px;
 		margin-right: 20px;
 		margin-bottom: 20px;
 		float: left;
 		border: 1px solid #111111;
 	}

	.heftarchiv li:after {
		content: '';
		display: block;
		clear: both;
 		margin-bottom: 20px;
	}


/**
 * isssuu Press
 */
	 #issuupress li a.issuu-view img {
 		width: auto;
 		padding: 0 !important;
 	}

	#issuupress li.issuu-selected,
	#issuupress li:hover {
	    background: transparent !important;
	}


	/*! jQuery UI - v1.12.0 - 2016-08-05
	* http://jqueryui.com
	* Includes: core.css, datepicker.css
	* Copyright jQuery Foundation and other contributors; Licensed MIT */

	/* Layout helpers
	.ui-helper-hidden {
		display: none;
	}
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.ui-helper-reset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		line-height: 1.3;
		text-decoration: none;
		font-size: 100%;
		list-style: none;
	}
	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		content: "";
		display: table;
		border-collapse: collapse;
	}
	.ui-helper-clearfix:after {
		clear: both;
	}
	.ui-helper-zfix {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		filter:Alpha(Opacity=0);
	}

	.ui-front {
		z-index: 100;
	}
	----------------------------------*/


	/* Interaction Cues
	.ui-state-disabled {
		cursor: default !important;
		pointer-events: none;
	}
	----------------------------------*/


	/* Icons
	.ui-icon {
		display: inline-block;
		vertical-align: middle;
		margin-top: -.25em;
		position: relative;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
	}

	.ui-widget-icon-block {
		left: 50%;
		margin-left: -8px;
		display: block;
	}
	----------------------------------*/

	/* Misc visuals
	----------------------------------*/

	/* Overlays */
	.ui-widget-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ui-datepicker {
		padding: .2em .2em 0;
		display: none;
		border: 2px solid #111111;
		background-color: #ffffff;
		margin-left: -20px;
		margin-top: 10px;
		width: 219px;
	}
	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		height: 1.8em;
		cursor: pointer;
	}
	.ui-datepicker .ui-datepicker-prev-hover,
	.ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}
	.ui-datepicker .ui-datepicker-next {
		right: 2px;
	}
	.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}
	.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}
	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}
	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}
	.ui-datepicker .ui-datepicker-title select {
		font-size: 1em;
		margin: 1px 0;
	}
	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width: 45%;
	}
	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}
	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		display: block;
		padding: .2em;
		text-align: right;
		text-decoration: none;
	}
	.ui-datepicker .ui-datepicker-current-day {
		font-weight: bold;
	}
	.ui-datepicker .ui-datepicker-today {
		color: #ff2900;
	}
	.ui-datepicker .ui-datepicker-unselectable {
		color: #999999;
	}
	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.ui-datepicker .ui-datepicker-buttonpane button {
		float: right;
		margin: .5em .2em .4em;
		cursor: pointer;
		padding: .2em .6em .3em .6em;
		width: auto;
		overflow: visible;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: left;
	}
}


@media screen and ( max-height:782px )
{
	.sidebar .container {
		position: absolute;
	}
}

@media screen and ( max-width:1855px )
{
	#front,
	#content .rubrik,
	#impressum {
		width: 1155px;
		margin-left: -580px;
	}
}

@media screen and ( max-width:1530px )
{
	#front,
	#content .rubrik,
	#content #single,
	#impressum {
		width: 975px;
		margin-left: 0;
		left: 40px;
	}

	#content .teaser,
	#content .ad {
		width: 275px;
	}

	#content .teaser.image {
		width: 560px;
	}

	#content .teaser.slim {
		width: 275px;
	}

	#content .teaser h2 {
		font-size: 28px;
	}

	#content .teaser a {
		min-height: 295px;
	}

	#content .excerpt {
		font-size: 16px;
	}

	#content .post {
		width: 850px;
	}

	#content .post .container {
		padding-right: 290px;
	}

	#content .post h1.title,
	#content .page h1,
	#content .kiosk h1 {
		font-size: 36px;
	}

	#content .post .excerpt {
		font-size: 22px;
	}

	#content .post .content {
		width: 450px;
	}

	#content .post .related_posts {
		width: 275px;
		margin-left: 570px;
	}

	#content .post .related_posts h2 {
		margin: 10px 68px;
	}

	#content .comments {
		margin: 25px 290px 30px 110px;
	}
}


@media screen and ( max-width:1350px ) {

	#front,
	#content .rubrik,
	#content #single,
	#impressum {
		width: 960px;
	}

	#content .teaser,
	#content .ad {
		width: 270px;
	}

	#content .teaser.image {
		width: 550px;
	}

	#content .teaser.slim {
		width: 270px;
	}

	#content .teaser a {
		min-height: 290px;
	}

	#content .post {
		width: 835px;
	}

	#content .post .container {
		padding-right: 275px;
	}

	#content .post .related_posts {
		width: 260px;
		margin-left: 570px;
	}

	#content .post .related_posts h2 {
		margin: 10px 68px;
	}
}


@media screen and ( max-width:1285px )
{
	#front,
	#content .rubrik,
	#impressum {
		width: 685px;
	}

	#content #single {
		width: 835px;
	}

	#content .post {
		width: 700px;
	}

	#content .post .container {
		padding-right: 255px;
	}

	#content .post .content {
		width: 365px;
		margin-left: 80px;
	}

	#content .post .content .social {
		left: -80px;
	}

	#content .post .related_posts {
		width: 250px;
		margin-left: 455px;
	}

	#content .post .related_posts h2 {
		margin: 10px 50px;
	}

	#content .comments {
		margin: 25px 255px 30px 80px;
	}
}


@media screen and ( max-width:1210px ) {

	#content #single {
		width: 695px;
	}

	#content .post {
		width: 560px;
	}

	#content .post .content,
	#content .post .post_thumbnail {
		float: none;
	}

	#content .post .content {
		width: 445px;
		margin-left: 110px;
	}

	#content .post .content .social {
		left: -110px;
	}

	#content .post .related_posts {
		margin-left: 170px;
	}

	#content .post .container {
		padding-right: 0;
	}

	#content .comments {
		margin: 25px 0 30px 120px;
	}

	#content #page,
	#content #vk {
		width: 640px;
		margin-left: -320px;
	}

	#content .page {
		width: 510px;
	}

	#content .kiosk {
		padding: 0;
	}

	#content .kiosk .form {
		width: 340px;
		float: none;
	}

	#content .kiosk .info {
		margin-left: 0;
	}

	#content .kiosk .form input[type="checkbox"] + label {
		display: block;
		margin-left: 0;
	}

	#content .kiosk .form input[type="checkbox"] {
		margin-bottom: 0;
	}
}


@media screen and ( max-width:1120px )
{

	#banner_leaderboard .ad {
		width: 100%;
		margin-left: -50%; /* (width + padding ) / 2 */
	}

	#banner_leaderboard .ad img {
		max-width: 100%;
	}

}


@media screen and ( max-width:1070px ) {

	#nav li {
		min-width: 120px;
	}

	#content #page,
	#content #vk {
		width: 530px;
		margin-left: -265px;
	}


	#content .page {
		width: 400px;
	}

	#content .video iframe {
		width: 400px;
		height: 270px;
	}

	#content #single {
		width: 555px;
	}

	#content .post {
		width: 420px;
	}

	#content .post .content {
		width: auto;
		margin: 25px 0 30px 0;
	}

	#content .post .content .social {
		position: relative;
		top: auto;
		left: auto;
	}

	#content .post .content .social:after {
		content: '';
		display: block;
		clear: both;
	}

	#content .post .content .social ul {
		margin: 10px 0;
	}

	#content .post .content .social li {
		float: left;
		margin-right: 20px;
		margin-bottom: 0;
	}

	#content .post .content .social li:last-of-type {
		margin-right: 0;
	}

	#content .post .related_posts {
		margin-left: 0;
	}

	#content .comments {
		margin: 25px 0 30px 0;
	}

}


@media screen and ( max-width:980px )
{

	#logo li.left {
		width: 40%;
	}

	#logo li.right {
		width: 60%;
	}

	#nav li {
		min-width: 100px;
	}

	#front,
	#content .rubrik,
	#impressum {
		width: 480px;
		margin-left: -240px;
		left: 50%;
	}

	#content .teaser a {
		min-height: auto;
	}

	#content .teaser {
		width: 335px;
	}

	#content .teaser.image {
		width: 335px;
	}

	#content .teaser .post_content.image {
		position: relative;
		color: #000000;
		width: auto;
		height: auto;
	}

	#content .teaser .post_content.image a {
		color: #000000;
	}

	#content .teaser .post_content.image .top {
		border-bottom: 1px solid #000000;
	}

	#content .teaser .post_content .excerpt {
		position: relative;
	}

	#content #page {
		width: 415px;
		margin-left: 0;
		left: 40px;
	}

	#content #single {
		width: 450px;
	}

	#content .post {
		width: 320px;
	}

	#content .kalender .form .element.small,
	#content .kalender .form .element.med,
	#content .kalender .form .element.large{
		width: 50%;
	}

	#content .kalender .ad {
	    width: auto;
	    height: auto;
	}

	#content .kalender .ad .image	{
		display: none;
	}

	#content .kalender .event_tip h1,
	#content .kalender .event_details h1 {
    	padding-bottom: 10px;
	}

	#content .kalender .event_tip .image {
		width: 180px;
	}

	#content .kalender .event_tip .info {
		margin-left: 220px;
	}

	#content .kalender .cat_container {
		display: block;
	}

	#content .kalender .cat_container tr.event,
	#content .kalender .cat_container tr.detail_row {
		width: 400px;
	}

	#content .kalender .cat_container .event {
		display: block;
		padding: 5px 0;
		border-bottom: none;
	}

	#content .kalender .cat_container .datetime,
	#content .kalender .cat_container .desc,
	#content .kalender .cat_container .location {
		display: block;
		width: auto;
		padding: 0;
		border-bottom: none;
	}

	#content .kalender .cat_container .datetime {
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 2px dashed #111111;
		position: relative;
	}

	#content .kalender .cat_container .datetime .time {
		right: 0;
		top: 5px;
		position: absolute;
	}

	#content .kalender .cat_container .location {
		text-align: left;
	}

	#content .kalender .event_details .subevents .subevent.remark {
		min-height: 48px;
 	}

	#content .kalender .event_details .subevents .subevent.remark .date {
		width: 100px;
 	}

	#content .kalender .event_details .subevents .subevent.remark .desc {
		margin-left: 120px;
	}
}


/**
 * Layout for mobile devices and smaller screens
 */

@media screen and ( max-width:790px )
{

	body {
		padding: 0;
	}

	.main {
		margin: 0;
		padding: 0;
	}

	.autocomplete-suggestions {
		font-size: 15px;
	}

	.autocomplete-suggestion {
		padding: 0.2em 0.5em;
	}

	#nav,
	#sidebar {
		display: none;
	}

	#mobile-nav {
	    margin: 0px;
	    padding: 0px;
	}

	#logo {
		padding-bottom: 0;
	    background-color: #ffffff;
	    border-bottom: none;
	    position: fixed;
		z-index: 500;
		left: 0;
		top: 0;
	}

	#logo .mobile-menu {
		display: inline;
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		width: 36px;
		z-index: 300;
		background-color: #ffffff;
		padding: 5px 10px;
	}

	#logo .mobile-menu a {
		border-bottom: none;
		margin: 0;
		cursor: pointer;
	}

	#banner_leaderboard {
		max-height: 50px;
		background-color: #ffffff;
		padding-top: 40px;
		padding-bottom: 5px;
	}

	#banner_leaderboard .ad img {
		max-height: 43px;
		width: auto;
	}

	#separator {
		display: none;
	}

	#mobile-widgets {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 5px;
		background-color: #ffffff;
		z-index: 100;
		width: 100%;
		height: 40px;
		border-bottom: 2px solid #111111;
	}

	#mobile-widgets ul,
	#mobile-sidebar ul,
	#mobile-nav ul {
		margin: 0 0 0 50%;
		padding: 0;
		list-style: none;
		position: relative;
		left: -175px;
		width: 350px;
	}

	#mobile-widgets li {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		color: #ffffff;
		background-color: #111111;
		text-align: center;
		margin-bottom: 5px;
		display: block;
		float: left;
		position: relative;
		width: 172px;
	}

	#mobile-widgets li:first-of-type {
		margin-right: 6px;
		background-color: #ff2900;
	}

	#mobile-widgets li a {
	    display: block;
		padding: 3px 10px 17px 10px;
	    cursor: pointer;
	}

	#mobile-sidebar {
		font-family: 'Publico Text Mono Web';
		font-size: 13px;
		text-align: center;
		border-bottom: 2px solid #111111;
		padding-bottom: 5px;
	}

	#mobile-sidebar ul {
	    margin-top: 10px;
	    width: 175px;
	    left: -89px;
	}

	#mobile-sidebar li {
	    margin-bottom: 5px;
	    padding: 0.5em 0.5em 0 0.5em;
	}

	#mobile-sidebar h2 {
		font-size: 13px;
		font-weight: normal;
		padding-bottom: 4px;
	}

	#mobile-sidebar input {
		width: 100%;
		margin: 5px 0;
		font-size: 14px;
		background-color: #ffffff;
		height: 35px;
	}

	#mobile-sidebar input[type=submit] {
		font-style: normal;
		padding: 3px 10px 17px 10px;
		background-color: #c8c8c8;
	}

	#mobile-nav {
		font-family: 'Publico Text Mono Web';
	    font-size: 13px;
	    text-align: center;
		border-bottom: 2px solid #111111;
		margin-bottom: 10px;
	}

	#mobile-nav:after {
		content: '';
		display: block;
		clear: both;
	}

	#mobile-nav.mobilecal {
		margin-top: 0;
	}

	#mobile-nav ul {
		margin: 10px 0 0 50%;
		padding: 0;
		position: relative;
		left: -175px;
		width: 350px;

	}

	#mobile-nav ul.sub-menu {
		display: none;
		margin-top: 0;
		padding-top: 5px;
		padding-left: 40px;
		background-color: #ffffff;
	}

	#mobile-nav .menu-hauptmenue-container li {
		margin-bottom: 5px;
		display: block;
	}

	#mobile-nav .menu-hauptmenue-container .sub-menu li {
		width: 305px;
	}

	#mobile-nav .menu-hauptmenue-container li a {
		color: #ffffff;
		background-color: #111111;
		display: block;
		padding: 3px 10px 17px 10px;
	    cursor: pointer;
	}

	#mobile-nav .menu-service-container li {
		padding: 3px 10px 17px 10px;
		margin-bottom: 10px;
		background-color: #eeeeee;
	}

	#mobile-nav #social ul {
		display: flex;
		justify-content: space-between;
	}

	#content #single {
		width: 480px;
		margin-left: -240px;
		left: 50%;
	}


	#social li {
		margin-right: 0px;
	}

	#content.mobilecal {
		margin-top: 0;
	}

	#content #vk #banner_vertical {
		float: right;
	}

	#content .kalender #events h6.find,
	#content .kalender .adgrid.find {
    	display: none;
	}

}

@media screen and ( max-width:586px )
{
	#logo li.spacer {
		min-width: 20px;
		max-width: 20px;
	}

	#content {
		margin: 0 10px;
	}

	#banner_vertical {
		position: relative;
		left: 50%;
		margin-left: -60px;
		top: auto;
		right: auto;
	}

	#front #front_posts {
	    width: auto;
	    max-width: 100%;
	    margin-right: 0;
	}

	#front,
	#content .rubrik,
	#content #single,
	#content #page,
	#content #vk,
	#impressum {
		width: 350px;
		margin-left: -175px;
		left: 50%;
	}

	#content #vk #banner_vertical {
		display: none;
	}

	#content #vk .support.phone {
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}

	#content #vk .support.phone img {
		max-width: 140px;
	}

	#content .teaser.image {
		width: 350px;
	}

	#content .rubrik {
	    padding-right: 0;
	}

	#content .rubrik .rubrik_title,
	#impressum .title {
	    margin-left: -87px;
	}

	#content .post,
	#content .page,
	#impressum .page {
    	width: auto;
	}

	#content .post h1.title,
	#content .page h1,
	#content .kiosk h1 {
		font-size: 28px;
	}

	#content .post .excerpt {
		font-size: 22px;
	}

	#content .post .content {
		line-height: 1.4em;
	}

	#content #vk .page {
    	width: 97%;
    	padding: 0;
	}

	#content .post .related_posts {
	    width: auto;
	    max-width: 330px;
	}

	#content .video iframe {
	    width: 330px;
		height: 220px;
	}

	input[type="submit"] {
	    width: 100%;
	    padding: 10px;
	}

	#mobile-sidebar input[type="submit"] {
		padding: 0;
	}

	#content .kalender .cat_container tr.event,
	#content .kalender .cat_container tr.detail_row {
		width: 350px;
	}

	#content .kalender .event_tip {
		padding-bottom: 20px;
		border-bottom: 2px solid #111111;
	}

	#content .kalender .event_tip .image {
	    float: none;
		width: auto;
	    padding-right: 0;
	    border-right: none;
	}

	#content .kalender .event_tip .info {
		margin-left: 0;
	}

	#content .kalender .event_details {
		padding-bottom: 20px;
		border-bottom: 2px solid #111111;
	}

	#content .kalender .event_details .subevents .subevent.remark .desc {
		margin-left: 110px;
	}

	.heftarchiv li img {
 		width: 120px;
 		margin-right: 15px;
 		margin-bottom: 15px;
 	}

}


@media screen and ( max-width:446px )
{
	input,
	select {
		width: 100%;
	}

	input[type="text"].small,
	input[type="number"].small {
		width: 21%;
	}

	input[type="text"].med,
	input[type="number"].med {
		width: 77%;
	}

	#logo li.left,
	#logo li.right {
		width: 50%;
	}

	#mobile-nav-left,
	.sidebar {
		float: none;
		padding-left: 0;
	}

	#social:after {
		content: '';
		display: block;
		clear: both;
	}

	#content {
	    margin-top: 10px;
	}

	#content .kalender .event_details .image {
		max-width: 100%;
	}

	#content .kiosk .form {
		width: auto;
	}

	#mobile-nav ul {
		margin: 10px 10px 0 10px;
		left: 0;
		width: auto;
	}

	#mobile-widgets {
		display: table;
		margin-bottom: 0px;
		padding-bottom: 0px;
		height: 46px;
	}

	#mobile-widgets ul {
		display: table-row;
		margin-left: 0;
		left: 0;
		position: relative;
	}

	#mobile-widgets li {
	    background-color: transparent;
	    display: table-cell;
	    width: 50%;
	}

	#mobile-widgets li a {
		background-color: #111111;
	}

	#mobile-widgets li:first-of-type {
		margin-right: 0;
		background-color: transparent;
	}

	#mobile-widgets li:first-of-type a {
	    margin-left: 20px;
	    margin-right: 5px;
		background-color: #ff2900;
	}

	#mobile-widgets li:last-of-type a {
	    margin-left: 5px;
	    margin-right: 20px;
	}


	#front,
	#content .rubrik,
	#content #single,
	#content #page,
	#content #vk,
	#impressum {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	#content .post,
	#content .page,
	#impressum .page {
    	width: 93%;
    	padding: 0 10px;
	}

	#content #vk .page {
    	width: 100%;
    	padding: 0;
	}

	#content .kalender .cat_container tr.event,
	#content .kalender .cat_container tr.detail_row {
		width: auto;
	}


	#content .teaser.slim,
	#content .teaser.image,
	#content .teaser,
	#content .ad {
	    width: auto;
		padding: 0 10px;
	}

	#content .kiosk .form input[type="checkbox"] + label {
	    min-height: 36px;
	}
}