@import "blogfiler-icons.css";
/* @import url("//hello.myfonts.net/count/2f0124"); */

/**
 * @license
 * MyFonts Webfont Build ID 3080484, 2015-08-25T05:36:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GloberRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular/
 * 
 * Webfont: GloberRegularItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/regular-italic/
 * 
 * Webfont: GloberSemiBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold/
 * 
 * Webfont: GloberSemiBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/glober/semi-bold-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3080484
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2014 by Fontfabric LLC. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/

  
@font-face {font-family: 'GloberRegular';src: url('fonts/2F0124_0_0.eot');src: url('fonts/2F0124_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_0_0.woff2') format('woff2'),url('fonts/2F0124_0_0.woff') format('woff'),url('fonts/2F0124_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberRegularItalic';src: url('fonts/2F0124_1_0.eot');src: url('fonts/2F0124_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_1_0.woff2') format('woff2'),url('fonts/2F0124_1_0.woff') format('woff'),url('fonts/2F0124_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberSemiBold';src: url('fonts/2F0124_2_0.eot');src: url('fonts/2F0124_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_2_0.woff2') format('woff2'),url('fonts/2F0124_2_0.woff') format('woff'),url('fonts/2F0124_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'GloberSemiBoldItalic';src: url('fonts/2F0124_3_0.eot');src: url('fonts/2F0124_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F0124_3_0.woff2') format('woff2'),url('fonts/2F0124_3_0.woff') format('woff'),url('fonts/2F0124_3_0.ttf') format('truetype');}

@font-face {
    font-family: 'blogfilericons';
    src: url('fonts/BlogFiler-Regular.woff?v=1.0') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mce-content-body {
	padding:7px;
	background:#fff;
}

:root {  
	--text-color: #000;
	--text-light-color: #666;
	--text-menu-color: #fff;
	--heading-color: #333;  
	--bg-color: #fff;
	--bg-light-color: #dedede;
	--input-color: #fff;
	--input-text-color: #000;
	--link-color: #2f79af;
	--link-light-color: #ddebff;
	--link-hover-bg-color: #e5edfd;
	--link-hover-color: #2f79af;
	--box-color: #e9f1fe;
	--textbox-bg: #eef2f8;
	--button-color: #6c95cf;
	--tr-odd-color: rgba(235,243,255,1);
	--tr-color: rgba(255,255,255,1);
	--my-fonts: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif;
}
body  {
	line-height: 150%; 
	background: var(--bg-color);
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-size:18px;
	margin: 0;
	padding: 0;
}
.swipeleft {
	position:relative;
	left:-2000px;
	opacity:0;
}
.swiperight {
	position:relative;
	left:2000px;
	opacity:0;
}
.fade {
	-webkit-transition: opacity linear 0.4s;
	-moz-transition: opacity linear 0.4s;
	-o-transition:opacity linear 0.4s;
	transition:opacity linear 0.4s;
	opacity:1 !important;
}
.prefade {
		opacity:0;
}
input, textarea {
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea, input[type='text'], input[type='password'], input[type='search'], input[type='email'], input[type='url']  {
	padding:4px;
	width:100%;
	color: var(--input-text-color);
	border: 1px solid #aaa;
	background: var(--input-color);
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
}

input[type='search'] {
	-webkit-appearance: none;
	color: var(--input-text-color);
	width:100%!important;
}
input[type='search']::-webkit-search-cancel-button{
    -webkit-appearance: none;
    position:relative;
    right:2px;  
    height:20px;
    width:20px;
    background-image: url(../images/cancel.svg);
    background-position: center center;
    background-size:18px;
    background-repeat: no-repeat;
    opacity:.5;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select {
	font-family: var(--my-fonts);
	font-size:15px;
	line-height:1.2;
    padding: 7px 26px 4px 10px;
    width: auto;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/select.svg) right 8px center no-repeat, linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-size: 8px, cover;
    -webkit-box-shadow:	0px 0px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 	0px 0px 2px rgba(0, 0, 0, .2);
	box-shadow: 		0px 0px 2px rgba(0, 0, 0, .2);
    color: var(--text-color);
}

.marker {
	background: yellow;
}
.nobr {
	white-space:nowrap;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
#maincontainer a:link, a:link { 
	color: var(--link-color); 
	text-decoration: none;
 	border-bottom:1px solid #ccc;
	padding:3px 2px 1px 2px;
	margin:-2px;
	font-family:'GloberSemiBold', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
#maincontainer a:visited { 
	color: var(--text-light-color); 
	text-decoration: none;
 	border-bottom:1px solid #ccc;
	padding:3px 2px 1px 2px;
	margin:-2px;
}
#maincontainer a:active { 
	color: #656500; 
	text-decoration: none;
	border-bottom: 1px solid #656500;
	position:relative;
	top: 1px;
}
#maincontainer a:hover { 
	color: var(--link-hover-color); 
	text-decoration: none;
	border-bottom: 1px solid #999;
	background: var(--link-hover-bg-color);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
.anker {
	padding-top: 48px;
	margin-top: -48px;
}
em, i, cite, blockquote {
	font-family:'GloberRegularItalic', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;

}
a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
}
a:focus, select:focus {
	-moz-outline-style: none;
	outline-style: none;
}

strong, .dachzeile, b {
	font-family: 'GloberSemiBold', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}
.dachzeile {
	font-size:14px;
	margin: 0 0 12px -2px;
	text-align:center;
}
code { 
	color: #630; 
	color: #7CABFF; 
	text-decoration: none;
    font-family: "Andale Mono", 'Monaco', 'Courier', monospace;
}
pre {
	margin: 0 0 24px 0; 
	padding: 8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width: 96%;
	height: auto;
    font-family: "Andale Mono", 'Monaco', 'Courier', monospace;
	background-color: #edece1;
	background-color: var(--box-color);
	/*\*/
	overflow: auto;/**/
}
pre > code {
	color: var(--text-color);
}
sup, sub {
	line-height:0px;
}
sup {
	vertical-align: 0.6ex;
}
html\:abbr, acronym, abbr {
	font-style:normal;
	border-bottom: 1px dotted #666;
	cursor: help;
}
.balken {
	background:#333;
}
a.img, a.img:hover {
	text-decoration: none;
	border-bottom: none;
	padding:0;
	margin:0;
}
img {
	text-decoration: none;
	border: none;
	background: none;
}
img.taste  {
	vertical-align: -10%;
}
hr {
	width: 100%;
	height: 1px;
	border: none;
	background-color: var(--bg-light-color);
	clear:both;
}
.clear {
	clear: both;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:16px;
}
.satzzeichen {
	height:0.925em;
	vertical-align:2px;
	vertical-align:-0.991px;
	width:0.9em;
}
#textlinks td {
	padding: 0 10px 0 0;
	color: #333;
	line-height:150%;
	border: #ddd;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
}
#textlinks td.zeichen {
	font-size:16px;
	line-height:120%;
	vertical-align:middle;
	width:50px;
	text-align:center;
}
#textlinks td.beschreibung {
	vertical-align:middle;
	line-height:120%;
	width:200px;
	text-align:left;
}
#textlinks td.entity {
	vertical-align:middle;
	line-height:120%;
	width:80px;
	text-align:right;
}
#textlinks tr:hover {

}
#textlinks td.ohne {
	border: transparent;
	border-width:5px;
	border-style:none;
}
p {
	margin-top: 0;
}
small { 
	color: var(--text-light-color); 
	font-size: 15px;
	line-height:1.3;
	display:block;
}
form {
	margin-bottom:10px;
}

/* MenŸleiste ---------------------------------------------------------*/

/* 
#headeroben {
	background-image: url(/bilder/menubgblue.png); 
	position: absolute; 
	z-index: 800; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 70px;
}
#headerunten {
	background-image: url(/bilder/menubg_darkblue.png); 
	position: absolute; 
	z-index: 800; 
	top: 70px; 
	left: 0px; 
	width: 100%; 
	height: 30px;
}
 */
#headeroben {
	background: rgba(229,239,255,1); 
	position: absolute;
	color:var(--text-color);
	z-index: 800; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 70px;
}
#headerunten {
	background: rgba(119,170,235,.95); 
	background: rgba(92,134,188,.95); 
	position: absolute; 
	z-index: 800; 
	top: 70px; 
	left: 0px; 
	width: 100%; 
	height: 30px;
}
#headerschatten {
	background-image: url(/bilder/menuschatten.png); 
	position: absolute; 
	z-index: 800; 
	top: 100px; 
	left: 0px; 
	width: 100%; 
	height: 10px;
}
#headerklein {
	position: absolute; 
	z-index: 880; 
	top: 12px; 
	right: 20px; 
	width:67%;
	overflow:hidden;
	height: 20px;
	line-height:1px;
	text-align:right;
	opacity:0;
	color:var(--bg-color);
	white-space:nowrap;
}
.headerkleintitel {
	width:60%;
	max-width:600px;
	font-size:15px;
	color:#eee;
	height:40px;
	line-height:20px;
	text-overflow:ellipsis;
	overflow: auto;
	display:inline-block;
}
#headerklein img { 
	vertical-align:-4px;
}
.stern { 
	background-image: url(/bilder/robot_ani_2.gif); 
	position: absolute; 
	z-index: 880; 
	top: 12px; 
	right: 40px; 
	width: 48px; 
	height: 48px;
}
#seitentitel {
	z-index : 850;
	width : 80%;
	position : absolute;
	height : 36px;
	top : 16px;
	left : 19px;
	text-align:left;
}
#seitentitel abbr, h2 abbr {
	font-style:normal;
	border-bottom: none;
	text-decoration: none;
	cursor: help;
}
.titelbreak {
	display:none;
}
#menu {
	font-size: 14px;
	line-height:18px;
	position: absolute; 
	z-index: 800; 
	left: 14px; 
	width: 95%; 
	height: 30px;
}
.menutext {
	display:inline;
}
#menu ul {
	margin: 0;
	padding: 0;		
	list-style-type: none;
	white-space: nowrap;
} 

#menu ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#menu a, #menuselected a {
	color: var(--text-menu-color);
	height: 22px;
	padding: 8px 10px 0 8px;
	margin: 0;
	text-decoration: none;
	display: block;
	text-align: left;
	border-bottom: none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}  
#menu a:link {
	color: var(--text-menu-color);
	text-decoration: none;
	border-bottom: none;
	font-family:'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
}
#menu a:hover, #menu a:active  {
	color: var(--text-menu-color);
	background: #265e9e;
	border-bottom: none;
}
#menuselected a, #menuselected a:link  {
	color: var(--text-menu-color);
	background: #3d80df;
} 

#menuselected {
	color: var(--text-menu-color) !important;
	background: #336d9f;
	height: 17px;
	padding: 6px 8px 0 6px;
	display: block;
	text-align: left;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
body#start li#start-nav a,
body#portfolio li#portfolio-nav a,
body#kontakt li#kontakt-nav a {
	color: var(--text-menu-color) !important;
	background: #336d9f;
}
#menu small { 
	color: var(--text-menu-color); 
	font-size: 14px;
}
#menu img { 
	vertical-align:-10%;
}
#menu a img:hover {
	border:none;
	text-decoration: none;
}
#nav_schmal {
	display:none;
}

/* Container ---------------------------------------------------------*/


#maincontainer {
	max-width:906px;
	position:relative;
	/* background: transparent url(/bilder/bg.png) repeat-y 0 0; */
	background: transparent;
 	color: var(--text-color);
 	margin: 0 auto;
	padding: 136px 20px 20px 20px;
	height:auto;
	text-align:left;
	z-index: 0;
}

.textwrapper {
	padding: 0;
	margin: 0 0 14px 0;
	width:100%;
	z-index: 1;
	clear:both;
}
#textlinks {
	position:relative;
	color: var(--text-color); 
	line-height: 160%;
	padding: 0;
	margin: 0;
	width:100%;
	max-width: 640px;
	float: left;
	z-index: 1;

}
#textlinks p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#textrechts { 
	float: right;
	font-size:14px;
	line-height: 150%;
	background: transparent;
	margin: 0; 
	padding: 0px 0 0 0; 
	z-index: 1;
	width:100%;
	max-width: 200px; 
}

#textrechts em {
	font-family: GloberRegularItalic, "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;
	font-weight: normal;
	color: var(--heading-color);
}
.portfolio-links { 
	float: left; 
	background: transparent;
	z-index: 1; 
	width: 200px; 
	margin-right:20px;
}
.spalte1, .spalte2 { 
	float: left; 
	background: transparent;
	z-index: 1; 
	width: 47%; 
	margin-right:6%;
}
.spalte2 { 
	float: left; 
	background: transparent;
	z-index: 1; 
	margin-right:0;
}
.einespalte {
	color: var(--text-color); 
	font-size:16px;
	line-height:150%;
	text-align: left; 
}
.spalten-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-content: space-between;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}
.spalten-wrapper-drittel {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 40px;
}
.spalten-wrapper div, .spalten-wrapper-rechts div {
	margin: 0;
	padding: 0;
}
.spalten-wrapper div img, .spalten-wrapper-rechts div img {
	width:100%;
}
.spalten-wrapper-klein {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: space-between;
    grid-gap: 40px;
}
.spalten-wrapper-rechts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    justify-content: space-between;
    grid-gap: 20px;
}
.spalten-wrapper-rechts div {
	align-self:center;
}
.thumbnail-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    justify-content: space-between;
    grid-gap: 20px;
}
.thumbnail {
	width:100%;
}
.portfolio-links { 
	width: 320px; 
}
.portfolio-rechts { 
	float: right; 
	text-align: right;
	background: transparent;
	z-index: 1; 
	width: 24px; 
}
#footer { 
	color: var(--text-light-color); 
	font-size:14px;
}
.kommentareintrag {
	word-wrap: break-word;
	margin: 20px 0px 0 0;
}
.kommentarzeile {
	float:left;
	padding-top:0px;
	height: 40px;
	white-space:nowrap;
}
.kommentarstatus {
	float:left;
	line-height:200%;
	margin: 0 0 6px 0;
	white-space:nowrap;
}
#hiddendiv { 
	display: none;
	padding-top: 0px;
}
.hiddendiv { 
	display: none;
}
.key {
	font-style:normal;
}
.sticky {
	display: block;
	position: -webkit-sticky; 
	position: sticky;
	top: 0px;
}
.unsichtbar {
	display: none;
}
.kommentarfeld, .eingabe { 
	font: 18px/150% GloberRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	width:100%;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc !important;
	padding:6px !important;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.popupmenu {
/* 
	font-size:18px;
	width:100%;
	padding:3px;
	margin:0 0 20px 0;
 */
}
.eingabe {
	width:60% !important;
}
/* Text --------------------------------------------------------------*/
h1, h2, h3, h4, h5, h7, #pullquote, .headertitel {
	font-family: 'GloberSemiBold', Share, Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-column-break-after:avoid;
	-moz-column-break-after:avoid;
	-o-column-break-after:avoid;
	-ms-column-break-after:avoid;
	column-break-after:avoid;
	margin: 0 0 0.4em 0;
}
h1  { 
	font-size: 42px;
	color: var(--heading-color); 
	line-height: 120%;
	margin: 0 0 0.4em 0;
	text-align:center;
}

#maincontainer h1 a:link, #maincontainer h1 a:visited { 
	color: var(--heading-color); 
	text-decoration: none;
	border-bottom: none;
	background:none;
}
#maincontainer h1 a:hover, #maincontainer h1 a:active {
	color: var(--link-hover-color); 
	text-decoration: none;
	border-bottom: 1px solid var(--text-color);
}
h2  { 
	color: var(--heading-color);
	font-size: 28px;
	line-height: 100%;
}

h3  { 
	font-size:22px;
	color: var(--heading-color);
	line-height: 120%;
	font-weight: normal;
	margin: 12px 0 8px 0;
}

h4  { 
	font-size: 18px;
}
#seitentitel h2 {
 	color:var(--text-color);

}
blockquote {
	padding: 0px 8px 0px 16px;
	margin: 8px 0px 8px -3px;
	background: transparent url('/bilder/quote.png') 0px 0px no-repeat;
	min-height:64px;
	color: var(--text-color);
}
#pullquote { 
	float: left; 
	margin-right: 24px; 
	margin-left: 0px; 
	margin-bottom: 6px; 
	width: auto; 
	font-size: 20px;
	line-height:113%; 
	color: #666; 
	text-align: left; 
	display: inline;
}
.ich {
	padding:10px 10px 2px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #f0f5ff;
	background-color: var(--box-color);
	margin: 0 -10px 0 -10px;
}
.kommentareintrag {
	margin:0;
}
.textbox {
	padding:10px 10px 10px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #efefe6;
	background-color: var(--textbox-bg);
	margin: 0 0 16px 0px;
}

.textbox p {
	margin: 0 0 6px 0;
}
.textbox ul, .textbox select, .textbox input, .textbox h3, .textbox h2 {
	margin-top: 0;
	margin-bottom: 0;
}
.textbox hr {
	border-top: 1px solid var(--bg-color); 
}
.textbox h3 {
	margin: 0 0 6px 0;
}
.textbox h2 {
	margin: 0 0 6px 0;
}
.textbox a:link, a:hover {
	color: #333;
}
.textrahmen {
	width: 95%;
	padding:10px;
	border:  1px solid #aaa;
	margin: 0 0 20px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.caps {
	text-transform: uppercase;
	font-size: 88%;		
	letter-spacing: 0.5px;
}

h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h1::selection, h2::selection, h3::selection {
	background:#3470cc;
	color:var(--bg-color);
}
.kommentarheader {
	font-family: 'GloberSemiBold';
	font-size: 20px;
}
.kommentardate   { 
	color: #666; 
	font-size:14px;
}
.fehler, .error, #fehler { 
	color: #e00;
	font-size:16px;
}
.achtung { 
	color: #900; 
}
a.achtung:link  { 
	color: #900; 
}
a.achtung:visited  { 
	color: #900; 
}
a.achtung:hover, a.achtung:active { 
	color: #900;
	text-decoration: underline;
}
a.notizbuchlink:link, a.notizbuchlink:visited  { 
	color:#a0a054;
	border:none;
}
.suchergebnis  {
	background-color: #f2f27e; 
}
#textlinks ul, #textrechts ul {
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.nocolbreak {
	margin: 0 0 24px 0;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.colbreakafter {
	break-after: column;
}
#textlinks li {	
	margin: 0 0 0 -40px;
	padding: 0 0 0px 18px;
	list-style: none;
	background: url(/bilder/bullet.png) no-repeat 0px 6px;
	background-size:13px;
}
.empfehlungen li {	
	margin: 0 0 0 -53px;
	padding: 0px 0 0px 13px;
	list-style: none;
	background: url(/bilder/bookmark1.png) no-repeat 0px 4px;
	background-size:11px;
}
.artikel li {	
	margin: 0 0 0 -53px;
	padding: 2px 0 2px 13px;
	list-style: none;
	background: url(/bilder/artikel.gif) no-repeat 0px 6px;
}

.kommentar li {	
	margin: 0 0 0 -55px;
	padding: 1px 0 5px 15px;
	list-style: none;
	background: url(/bilder/kommentar1.png) no-repeat 0px 5px;
	background-size:11px;
}
ul.letzte_kommentare {	
	margin: 4px 0 0 0;
}
.letzte_kommentare li {	
	margin: 0 0 0 -55px;
	padding: 1px 0 3px 15px;
	list-style: none;
}
/* 
.aehnlich {
	width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.aehnlich span div.thumbcrop {
	margin: 0;
}
 */
.aehnlich {
	width:100%;
	display: grid; 
	grid-template-columns: repeat(auto-fill, 130px); 
	grid-gap: 20px;
	justify-content: space-between; 
}
.aehnlich span div.thumbcrop, .aehnlich div.thumbcrop {
	margin: 0 0 20px 0;
}
/* Bilder --------------------------------------------------------*/

.indicator {
	width:13px;
	height:13px;
	margin-left:-13px;
}
.bild { 
	margin:0px 0px 24px 0px;
	border: none;
	text-align:center;
}
.w100, .bildcopy, .bild100 {
	margin:0px 0px 10px 0px;
	border: none;
	width:100%;
	max-width:960px;
}
.w60 {
	margin:0px 0px 10px 0px;
	border: none;
	width:60%;
	max-width:600px;
}
.w50, .bildcopy50 {
	margin:0px 0px 10px 0px;
	border: none;
	width:50%;
	max-width:400px;
}
.w25, .bildcopy25 {
	margin:0px 0px 10px 0px;
	border: none;
	width:25%;
	max-width:200px;
}
.w48, .bildcopy48 { 
	margin:0px 0px 0px 0px;
	border: none;
	width:48%;
	max-width:310px;
}
.w45, .bildcopy45 { 
	margin:0px 0px 0px 0px;
	border: none;
	width:45%;
	max-width:310px;
}
.w40, .bildcopy40 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:40%;
	max-width:256px;
}
.w30, .bildcopy30 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:30%;
	max-width:213px;
}
.w20, .bildcopy20 { 
	margin:0px 0px 10px 0px;
	border: none;
	width:20%;
	max-width:128px;
}
.schatten {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.15);
	margin: 8px 0 6px 0;
}
.pngschatten {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
}
.bildlinks, .divlinks, .step {
	float:left;
	margin:3px 12px 3px 0px;
}
.step {
	float:left;
	margin:0px 10px 0px 0px;
}
.bildrechts, .divrechts {
	float:right;
	margin:3px 0px 3px 12px;
	text-align:center;
}
.bildrechts, .bildlinks, .divlinks, .divrechts {
	color: #999;
	font-size:14px;
}
.drittel img {
	width:30%;
	-webkit-transition:linear 0.1s;
	-moz-transition:linear 0.1s;
	-o-transition:linear 0.1s;
	transition:linear 0.1s;
}
.drittel a:nth-child(n+1) {
	margin:0 5% 18px 0;
}
.drittel a:nth-child(3n) {
	margin:0 0 18px 0;
}

.drittelflexrow {
	width:100%;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row no-wrap;
	justify-content: space-between;
	margin: 0 0 12px 0;
}
.drittelflexcell {
	flex-grow: 1;
	width:31%;
	padding-right:10px;
}
.drittelflexcell img {
	width:100%;
	padding-right:10px;
}
.drittelflex a {
	width:30%;
}


.halb {
	width:100%;
	
	display: flex;
    
	flex-flow: row wrap;
    
	justify-content: space-between;

}
.halb img {
	width:100%;
}

.abstand24 {
	margin:0 0 24px 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin:0 0 24px 0;
	overflow: hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.fotorahmen {
	width:420px; 
	height:294px;
	background-image:url('img_tree.png');
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:8px;
}
.linietop {
	border-top: solid 1px #eaeaea;
}
.portfoliobilder {
	float:left;
	width: 50%;
	margin-right:12px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
}
.galerie img {
	float:left;
	margin:3px 8px 3px 0px;
	padding: 5px; 
	border: dotted 1px #999;
}
.galerie a img:hover { 
	border: solid 1px #656500;
	text-decoration: none;
}
#maincontainer a.noborder, #maincontainer a.lightbox {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
	text-decoration: none;
	border-bottom: none;
	background: none;
	padding:0;
	margin:0;
}
#maincontainer a.noborder:hover, #maincontainer a.lightbox:hover {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
	text-decoration: none;
	border-bottom: none;
	background: none;
	padding:0;
	margin:0;
}
#maincontainer a.imglink {
	text-decoration: none;
	border: none;
	background: none;
	padding:0;
	margin:0;
}
#maincontainer a.imglink:active {
	position:relative;
	top: 0px;
}
div.galerie {
	margin:-12px 0 16px 0;
}
a.imgl  {
	text-decoration: none;
	padding-bottom: 5px; 
	border: none;
	background: none;
}
a.imgl img {
	margin:0 0 4px 0;
}
.avatar {
	position:relative;
	float:left;
	margin:0px 20px 2px 0px;
	z-index:10;
}
.ich .avatar {
	float:left;
	margin:2px 10px 6px 0px;
}
audio {
	width:100%;
	margin: 0;
}
/*  --------------------------------------------------------*/
#spaltelinks {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
}
#spaltelinks h3, #spalterechts h3 {
	margin-top: 0;
	height: 1.4em;
	color: white;
	background-color: #999;
}
#spalterechts {
	width: 200px;
	float: left;
}
.preis {
	color: #c60; 
	font: bold 12px/150% 'GloberRegular', "Lucida Grande", Verdana, Helvetica, sans-serif;
}
.preis a {
	color: #c60; 
}
/* Zoom --------------------------------------------------------*/
#zoom a img {
	float:left;
	width:100px;
	height:75px;
	border:1px solid #aaa;
	margin:5px 12px 5px 0px;
	padding: 1px; 
} 
#zoom a:hover img {
	width:400px;
	height:300px;
}
#zoom img:hover {
	width:400px;
	height:300px;
}
#zoom a:hover {
	padding:0;  
}

/* Formatierungen -----------------------------------------------*/

.rechtsb, .floatright { 
	text-align: right; 
	float: right; 
	margin:0;
}
.linksb, .floatleft { 
	text-align: left; 
	float: left;
	margin:0;
}
.linksb { 
	width:50%;
}
.rechtsb { 
	width:50%;
	margin: 0 0 8px 16px;
}
.centered {
	text-align:center;
}
#itunes table { 
	font-weight:normal;
	width:98%;
	text-align: left;
	border-collapse: collapse;
	border: #ddd;
	border-width: 0 0 1px 0;
	border-style: none none solid none;	
}
#itunes a:link, #itunes a:hover, #itunes a:visited, #itunes a:active {
	padding:0;
	margin:0;
	border:none;
	text-decoration: none;
	display:block;
}
#itunes tr {
	vertical-align: top;
	background-color: var(--tr-color);
	color: var(--text-color);
}
#itunes tr,#itunes th,#itunes td {
	padding:6px 8px 6px 8px;
	border:none;
}
#itunes tr.odd {
	background-color: var(--tr-odd-color);
	color: var(--text-color);
}
#itunes th {
	background: #3cb0fd;
	background: #7abcff;
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
	color: var(--bg-color);
	border:none;
	font-weight:normal;
}
#itunes tr a {
	color: var(--text-color) !important;
	border:none;
}
#itunes tr:hover {
	color: var(--text-light-color) !important;
	
}
#itunes em { 
	font-family: 'GloberRegular', "Trebuchet MS", Verdana, sans-serif;
	font-style: italic;
}
#itunes tbody tr:hover td, #itunes tbody tr:hover a {
	background-color: #3d80df;
	color: var(--bg-color);
	text-decoration: none;
}
#itunes tbody tr:hover th {
	text-decoration: none;
}
.mehr {
	float:right;
	width:50%;
	text-align:right;
}
.zurueck {
	float:left;
	width:50%;
}
.zurueck img, .mehr img, .bottomnav img {
	vertical-align:-4px
}
p.bottomnav  {
	margin:0 0 6px 0;
}
div.clear {
    clear:both;
}
.stichwortliste acronym {
	border-bottom: none;
	font-size:150%;
	line-height:10px;
}
.kommentarzaehler {
	z-index: 0; 
	position:relative;
	top:0px;
	right:0px;
	float:right;
	font-size:36px;
	color:#ddd;
}
.formularfeld, .suchfeld, .suchfeldsafari, .formularfeld2 {
	font: 16px/150% 'GloberRegular', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	width:50% !important;
	min-width:200px;
	color: var(--input-text-color);
	border:1px solid #aaa;
	padding:3px 3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.formularfeld2{
	width:100% !important;

}
.suchfeld {
	width:100%;
	margin:0 0 8px 0;
	font-size:16px;
}
ul {
	margin: 0 0 16px 0;
}
#textlinks ul.stichworte {
	float: right;
	margin:0;
	padding:0;
}
#textlinks ul.stichworte li {
	position: relative;
	display: block;
	float: left;
	margin: -2px 3px 3px 4px;
	padding: 0;
	height: 26px;
	background: transparent;
}
#textlinks ul.stichworte li a {
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	display: block;
	color:var(--text-color);
	margin: 0;
	padding: 0 14px 0 14px;
	background: var(--link-light-color);	
	text-shadow: var(--bg-color) 0 1px 0;
	font-size: 14px;
	line-height: 25px;
	height: 23px;
	border-bottom: none;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
}
#textlinks ul.stichworte li a:hover {
	background: var(--link-hover-color);
	color: var(--bg-color);
	border:none;
	text-shadow: none;
}
#textlinks ul.stichworte li a:active {
	position:relative;
	top: 0px;
}
#help-wrapper {
	position: fixed;
	padding: 1px;
	width:90%;
	max-width: 600px;
	height: 400px;
	font: 14px/150%  'GloberRegular', "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Calibri, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color:#444;
	text-align:left;
	top:50%;
	left:50%;
	margin-left: -300px;
	margin-top: -200px;
	z-index: 900;
	border: none;
	background: white;
	-webkit-box-shadow: 0px 2px 36px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 2px 36px rgba(0, 0, 0, .4);
	box-shadow: 0px 2px 36px rgba(0, 0, 0, .4);
}
#help-wrapper iframe {
	border:none;
	width:100%;
	height:100%;
	text-align:left;
	margin:0;
	padding:0px;
}

#help {
	height: 360px;
	width: 560px;
	margin:0;
	padding: 20px 0 0 0;
	overflow:auto;
}
.closebox {
	position:relative;
	float:left;
	top:-10px;
	left:-10px;
	z-index: 11;
}
#maincontainer .button, #maincontainer a.button, #maincontainer a.button:visited, input[type=submit], input[type=button] {
	-webkit-appearance: none;
	margin:0;
	font: 18px/100% GloberRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans Regular", "Lucida Sans", "LucidaSans", "Trebuchet MS", Verdana, sans-serif;
	background:var(--button-color);
	color: #fff;
	padding: 8px 12px 5px 12px;
	border:none;
	text-align: center;
	width:auto;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow: var(--heading-color); 0 -1px 0;
}	
#maincontainer .button:hover, #maincontainer a.button:hover, input[type=submit]:hover, input[type=button]:hover {
	background:#3f5e82;
	cursor:pointer;
}
#maincontainer .button:active, #maincontainer a.button:active, input[type=submit]:active, input[type=button]:active {
	background:black;
	cursor:pointer;
}
#maincontainer .button, #maincontainer a.button, #maincontainer a.button:visited {
	white-space: nowrap;
	display:inline-block;
	margin:0 0 4px 0;
}
#prev_article, #next_article {
	position: fixed;
	display:block;
	font-size: 128px;
	text-align:left;
	right: 0px;
	top: 42%;
	z-index:0;
	width:50px;
}
#next_article {
	left: 0px;
	right: 0px;	
	text-align:right;
}
#prev_article img, #next_article img, #topbutton img {
	opacity:.06;
	-webkit-transition: opacity linear 0.15s;
	-moz-transition: opacity linear 0.15s;
	-o-transition: opacity linear 0.15s;
	transition: opacity linear 0.15s;
	background:none;
}
#textlinks>#prev_article a, #textlinks>#next_article a, #textlinks>#prev_article a:visited, #textlinks>#next_article a:visited, #topbutton a, #topbutton a:visited {
	text-decoration: none;
	border:none;
	background:none;
}
#prev_article img:hover, #next_article img:hover, #topbutton img:hover{
	opacity:.9;
	background:none;
	-webkit-transition: opacity linear 0.15s;
	-moz-transition: opacity linear 0.15s;
	-o-transition: opacity linear 0.15s;
	transition: opacity linear 0.15s;
}
#topbutton {
	position: fixed;
	background:none;
	right: 20px;
	top:60px;
	display:none;
	z-index:100;
}
.navbutton {
	width:56px;
	height:56px;
}
#top {
	font-size: 48px;
	font-weight:500;
	background:none;
	right: 24px;
	top: 36%;
	display:none;
	z-index:10;
}
#maincontainer #pagenav a, #maincontainer #pagenav a:visited, #maincontainer #pagenav em, #maincontainer #pagenav a:active { 
	font-family:'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-style:normal;
	border: 1px solid #bbb; 
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:10%;
	padding: 7px 10px 3px 10px;
	margin: 2px 0 0 10px;
	height: auto;
	line-height:1px;
	text-decoration:none; 
	color:var(--heading-color);
	background:none;
	border:none;
} 
#maincontainer #pagenav a:hover { 
	background: #5982bc; 	
	color:var(--bg-color);
	text-shadow: #666 0 -1px 0;	
/* 
	background: -webkit-gradient(linear, left top, left bottom, from(#60a9f0), to(#5982bc));
	background: -moz-linear-gradient(top,  #60a9f0,  #5982bc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a9f0', endColorstr='#5982bc');
 */
}
#maincontainer #pagenav em, #maincontainer #pagenav a:active {
	font-style:normal;
	color:#fff;
	text-shadow: #666 0 -1px 0;
	background: var(--button-color);
/* 
	background: -webkit-gradient(linear, left top, left bottom, from(#acc8ff), to(#60a9f0));
	background: -moz-linear-gradient(top,  #acc8ff,  #c8daff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#acc8ff', endColorstr='#60a9f0');
 */
}
#maincontainer #pagenav img {
	vertical-align:-2px;
}
.styledselect {

}

.styledselect select {

}

.auswahlbutton {
	position: relative;
	display: inline-block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	padding: 6px 20px 4px 20px !important;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	margin: 5px 10px 5px 0;
	background-clip: padding-box;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.auswahlbutton, a.auswahlbutton {
	text-decoration: none;
	border: 1px solid #a5a8a8;
  	background-color: #e5e9e8;
  	box-shadow: inset 0 1px #ffffff;
  	color: #454545 !important;
  	text-shadow: 0 1px #ffffff;
}
.auswahlbutton:hover, a.auswahlbutton:hover {
	text-decoration: none;
  	background-color: #e5e9e8 !important;
  	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius: 0px !important;
}
.auswahlbutton:active,
.auswahlbutton.down {
	background-color: #d3d7d7;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.12);
}
.auswahlbutton-bar-wrapper {
 	margin-right:auto;
	margin-left:auto;
}
.auswahlbutton-bar {
	position: relative;
	display: inline-block;
	overflow: visible;
	margin: 5px 5px 24px 0;
	vertical-align: top;
	white-space: nowrap;
	text-align:center;
}

.auswahlbutton-bar > .auswahlbutton { word-wrap: break-word; }

.auswahlbutton-bar > .auswahlbutton:first-child {
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	margin: 0 -1px;
}

.auswahlbutton-bar > .auswahlbutton:not(:first-child):not(:last-child) {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius: 0;
	margin: 0 -4px;
}

.auswahlbutton-bar > .auswahlbutton:last-child {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	margin: 0 -2px;
}

.auswahlbutton-bar.duo > .auswahlbutton:last-child {
	margin: 0 -6px;
}
#picdiv01, #picdiv02, #picdiv03, #picdiv04 {
	position:relative;
	width:auto;
	height:auto;
	padding:0 !important;
	margin: 0 !important;
}
#picdiv01 img, #picdiv02 img, #picdiv03 img, #picdiv04 img {
	width:100%;
}
div.sprechblase, span.sprechblase {
	position: relative;
	width: auto;
	min-width:12px;
	padding: 0 8px;
	height: 20px;
	background-color: var(--button-color);
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:3px 8px 0 0;
	float:left;
	z-index:1;
	font-family: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif ;
	font-size:14px;
	color:#fff !important;
	text-align:center;
	line-height:24px;
}
span.sprechblase {	
	position: absolute;
	left:0px;
	margin-right:0px;
	float:none;
}
div.sprechblase:before, span.sprechblase:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 6px;
	top: 20px;
	border: 4px solid;
	border-color: var(--button-color) var(--button-color) transparent transparent;
}
.teaser {
	position:relative;
	width:390px;
	float:right;
	margin:0 0 40px 0;
	box-sizing: border-box;
}
.teaserstart {
	position:relative;
	width:31%;
	float:left;
	margin:0 3.3% 2% 0;
	box-sizing: border-box;
}
.teaserstart:nth-of-type(3n+3) {
	margin:0;
}


.teaser:nth-child(odd) {
	margin-right: 0;
	float:left;
}
.teasercrop {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
}
.teasertext {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:20px;
	overflow:hidden;
	background: rgba(255, 255, 255, .75);
	box-sizing: border-box;
}
.teasertext:hover, .myhover {
	background: rgba(178, 144, 144, .6);
	color: #fff;
	display:block !important;
}
.teaserhover {
	background: rgba(255, 255, 255, .75);
	display:block !important;
}
.teaserkategorie {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	padding:20px;
	overflow:hidden;
	box-sizing: border-box;
	display:none;
}
.teaser a {
	color:#000;
	font-size:22px;
}
.hochformat {
	width:100%;
	height:auto;
}
.querformat {
	width:auto;
	height:100%;
}
.quadratisch {
	width:100%;
	height:100%;
}
.thumbcrop {
	width:130px;
	height:130px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;
}
.thumbcrop2 {
	width:130px;
	height:130px;
	overflow:hidden;
	margin:0 0 6px 0;
}
.thumbcrop2:hover {
	opacity:.5;
}
.similarthumb {
	width:130px;
	float:left;
	margin:0;
	font-size:13px;
	line-height:130%;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto;
}

@media only screen and (max-width:900px) and (min-width:481px) {
	#nav_schmal {
		display:block;
	}
	#nav_breit {
		display:none;
	}	
	.headerkleintitel{
		display:none;
	}
	#menu [class^="icon-"]:before, #menu [class*=" icon-"]:before {
		line-height:7px;
	}	
	#help-wrapper {
		width: 400px;
		margin-left: -200px;
	}
	#help {
		-webkit-overflow-scrolling:touch !important;
		width: 360px;
	}
	#headeroben {
		position:absolute;
	}
	#headerunten {
		position:absolute;
	}
	#maincontainer {
		background: transparent;
		margin:0px auto;
		float:none;
	}
	#textlinks {
		color: var(--text-color); 
		margin:0px auto;
		float: none;
		word-wrap: break-word; 
	}
	#textrechts {
		margin:54px auto 0 auto;
		float:none;
		width:100%;
		max-width:640px;
		column-count:2;
		column-gap:72px;
		-webkit-column-count: 2;  
		-webkit-column-gap: 72px; 
		-moz-column-count: 2;  
		-moz-column-gap: 72px;
		column-rule-color: #ccc;
		column-rule-style: solid;
		column-rule-width: 1px;
		-webkit-column-rule-color: #ccc;
		-webkit-column-rule-style: solid;
		-webkit-column-rule-width: 1px;
		-moz-column-rule-color: #ccc;
		-moz-column-rule-style: solid;
		-moz-column-rule-width: 1px;
		widows:2;
		orphans:3;

		/* -webkit-margin-bottom-collapse: separate; */
	}
	.suchfeld {
		width:50%;
	}

}

@media only screen and (max-width:720px) {
	#prev_article, #next_article, #top {
		display:none;
	}
	.headertitel  {
		font-size: 28px;
	}

}

@media only screen and (max-width:640px) {
	.menutext { 
		display:none;
	}
	.titelbreak {
		display:block;
	}
	#seitentitel h2 {
		line-height: 8px;
		margin:4px 0 0 0;
	}
	.eingabe {
		width:100%;
	}
}

@media only screen and (min-device-width : 320px) and (max-width : 480px) { /* iPhone etc. */
	.suchfeld {
		width:100%;
	}
	.portfoliobilder {
		float:none;
		width: 100%;
		margin:0 0 0px 0;
	}
	object {
		display:none;
	}
	#nav_schmal {
		display:block;
	}
	#nav_breit {
		display:none;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	small { 
		font-size: 14px;
	}
	#maincontainer #pagenav a, #maincontainer #pagenav a:visited, #maincontainer #pagenav em, #maincontainer #pagenav a:active { 

		padding: 7px 5px 3px 5px;
		margin: 2px 0 0 5px;
		height: 18px;
		line-height:1px;
	} 
	.drittel img {
		width:47%;
		height:auto;
		-webkit-transition:linear 0.2s;
		-moz-transition:linear 0.2s;
		-o-transition:linear 0.2s;
		transition:linear 0.2s;
	}
	.drittel a:nth-child(n+1) {
		margin:0 6% 18px 0;
	}
	.drittel a:nth-child(2n) {
		margin:0 0 18px 0;
	}

	#prev_article, #next_article, #top {
		display:none;
	}
	#textlinks object, #textlinks iframe  {
		width: 100%;
		height:auto;
		-ms-interpolation-mode: bicubic;
	}
	#headerklein {
		z-index: 10;
		display:none;
	}

	#maincontainer {
		background: transparent;
		padding: 136px 10px 10px 10px;
		width:90%;
		max-width:480px;
	}
	#textlinks {
		color: var(--text-color); 
		font-size: 14px;
		margin:0 auto;
		padding: 0;
		width: 100%;
		max-width:480px;
		border-right: none;
		float: none;
		word-wrap: break-word; 
	}
	#textrechts { 
		margin:50px auto 0 auto;
		float:none;
		width:100%;
		max-width:480px;
		font-size: 14px;
		padding: 0; 
		border-right: none;
		word-wrap: break-word; 
	}

	.stern    { 
		top:8px; 
		right: 10px; 
	}
	#seitentitel  {
		left : 10px;
	}
	#menu { 
		left: 4px;
	}
	.menutext { 
		display:none;
	}
	#menu [class^="icon-"]:before, #menu [class*=" icon-"]:before {
		top:4px;
		margin:0 6px 0 8px;
		line-height:6px;	
	}
	#prev_article, #next_article, #top {
		display:none;
	}
	#help-wrapper {
		width: 260px;
		height: 300px;
		margin-left: -130px;
		margin-top: -150px;
	}
	#help {
		-webkit-overflow-scrolling:touch !important;
		width: 240px;
		height: 240px;
		padding:10px;
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* iPad quer */

	#prev_article, #next_article, #top {
		display:none;
	}
	#maincontainer {

	}
	#textlinks {

	}
	#textrechts {

	}
	#help {
		-webkit-overflow-scrolling:touch !important;
	}
}

@media only screen and (min-width: 1560px) {
	body {
		font-size:20px;
	}
	#maincontainer {
		background: transparent;
		max-width:1250px;
		padding-top:126px;
	}
	#textlinks {
		max-width: 900px;
	}
	#textrechts {
		max-width: 280px;
		font-size:16px;
	}
	small { 
		font-size: 17px;
	}
	.similarthumb {
		font-size:15px;
		line-height:150%;

	}
	#textlinks li {	
		background-size:15px;
	}
	.wrapper {
		column-count:2;
		column-gap:72px;
		-webkit-column-count: 2;  
		-webkit-column-gap: 72px; 
		-moz-column-count: 2;  
		-moz-column-gap: 72px;
		column-rule-color: #aaa;
		column-rule-style: solid;
		column-rule-width: 1px;
		-webkit-column-rule-color: #aaa;
		-webkit-column-rule-style: dotted;
		-webkit-column-rule-width: 1px;
		-moz-column-rule-color: #aaa;
		-moz-column-rule-style: dotted;
		-moz-column-rule-width: 1px;
		widows:2;
		orphans:3;
		-webkit-margin-bottom-collapse: separate;
	}
	.wrapper a:active { 
		position:static;
	}

	.kommentareintrag {
		width: 790px;
		margin: 0 0 0 100px;
	}
	.ich .kommentareintrag {
		width: 800px;
		margin: 0 0 0 90px;
	}
	.ich {
		padding: 10px 10px 10px 10px;
	}
	.kommentareintrag p {
		width: 98%;
	}
	.avatar {
		margin:2px 8px 0px -100px;
	}
	.ich .avatar {
		margin:2px 8px 0px -90px;
	}
	#kommentarspalte1 {
		float:right;
	}
	#kommentarspalte1a {
		padding-right: 80px;
	}
	#kommentarspalte2 {
		float:left;
	}
	div.sprechblase, span.sprechblase {
		position: relative;
		height: 24px;
		margin:4px 8px 0 0;
		float:left;
		font-size:16px;
		line-height:26px;
	}
	div.sprechblase:before, span.sprechblase:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		right: 6px;
		top: 24px;
		border: 5px solid;
		border-color: var(--button-color) var(--button-color) transparent transparent;
	}
}

@media screen and (prefers-color-scheme: dark) {
	:root {  
		--text-color: #ddd;
		--text-light-color: #222:
		--text-menu-color: #999;
		--heading-color: #aaa;  
		--bg-color: #2f3436;
		--bg-light-color: #444;
		--input-color: #ccc;
		--input-text-color: #000;
		--link-color: #6c95cf;
		--link-light-color: #6c95cf;
		--link-hover-color: #fff;
		--link-hover-bg-color: transparent;
		--box-color: #50575b;
		--textbox-bg: #50575b;
		--tr-odd-color: rgba(108,149,207,1);
	    --tr-color: rgba(100,100,100,1);
		--my-fonts: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif;

	}
	select {
	    background: url(../images/select_white.svg) right 8px center no-repeat, linear-gradient(to bottom, #666 0%,#333 100%);
		 background-size: 8px, cover;

	}

	img {
		opacity: .8;
		transition: opacity .5s ease-in-out;
	}
	img:hover {
		opacity: 1;
	}

	#headeroben {
		background: rgba(33,33,30,1);
	}
	#headerunten {
		background: rgba(92,134,188,.95); 
	}

	blockquote {
		background: transparent url('/bilder/quote-dark.png') 0px 0px no-repeat;
	}

}

.fancybox-image {
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .4);
}