@import "blogfilericons.css?v=1.901";
/* @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: 'mono';
    src: url('fonts/FiraCode-Regular.woff?v=1.91') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

:root {  
	--text-color: #000;
	--text-light-color: #666;
	--text-red: rgb(212,69,95);
	--text-menu-color: #fff;
	--heading-color: #333;  
	--bg-color: #fefef;
	--bg-light-color: #dedede;
	--bg-red: rgb(212,69,95);
	--input-color: #fff;
	--input-text-color: #000;
	--link-color: rgba(100,81,121,1);
	--link-color: rgba(120,105,159,1);
	--link-light-color: #ddebff;
	--link-hover-bg-color: rgb(146,118,175);
	--link-hover-color: rgb(52,42,62);
	--link-hover-color: rgba(85,169,187,1);
	--box-color: #e9f1fe;
	--box-color: #f5f8fa;
	--textbox-bg: rgb(248,186,66);
	--textbox-bg: rgba(252,172,71,1);
	--button-color: #6c95cf;
	--tr-odd-color: rgba(235,243,255,1);
	--tr-color: rgba(255,255,255,1);
	--tr-hover-color: rgba(47,121,175,1);
	--my-fonts: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif;
	--box-radius: 5px;
	--code-text: #660066;
	--achtung-color: #900;
	--bg-image: url(/bilder/bg.jpg);
}
body  {
	line-height: 150%; 
	background: var(--bg-color);
	background-image: var(--bg-image);
	background-attachment: fixed;
	background-size: cover;
	font-family: var(--my-fonts);
	font-size:18px;
	margin: 0;
	padding: 0;
}
html {
	box-sizing: border-box;
}

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:9px;
	width:100%;
	color: var(--input-text-color);
	border: none;
	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;
}
input[type="checkbox"] {
	-webkit-transform: scale(1.2, 1.2);
	margin: 0 8px 0 0;
	position: relative;
    vertical-align: middle;
    bottom: 1px;
}
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);
}

.nobr {
	white-space:nowrap;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
a:link { 
	color: var(--link-color); 
	text-decoration: none;
 	border-bottom:1px solid var(--link-color);
	padding:3px 2px 1px 2px;
	margin:-2px;
	transition:linear 0.1s;
}
a:visited { 
	color: var(--link-color); 
	text-decoration: none;
 	border-bottom:1px solid var(--link-color);
	padding:3px 2px 1px 2px;
	margin:-2px;
}
a:active { 
	color: #656500; 
	text-decoration: none;
	border-bottom: 1px solid #656500;
	position:relative;
	top: 1px;
}
a:hover { 
	color: var(--link-hover-color); 
	text-decoration: none;
	border-bottom: 1px solid var(--link-hover-color);
	transition:linear 0.1s;
}
a.white {
	color:white !important;
}
a.white:hover {
	color:#eee !important;
}
.top, .portfoliowebdesign, .portfolioprint {
	font-size: 48px;
	font-weight:500;
	background:none;
	right: 24px;
	top: 24px;
	z-index:10;
	position: fixed;
	text-align:center;
	
}
.portfoliowebdesign {
	top: 90px;
	right: 28px;
}
.portfolioprint {
	top: 120px;
	right: 28px;
}


em, i, cite, blockquote {
	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, b, bold {
	font-family: 'GloberSemiBold', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}
strong em {
	font-family: 'GloberSemiBoldItalic', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}
em {
	font-family: 'GloberRegularItalic', Calibri, Helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}

a.img, a.img:hover {
	text-decoration: none;
	border-bottom: none;
	padding:0;
	margin:0;
}
img {
	text-decoration: none;
	border: none;
	background: none;
}
hr {
	width: 100%;
	height: 1px;
	border: none;
	background-color: var(--bg-light-color);
	clear:both;
	margin: 16px 0 24px 0;
}
.clear {
	clear: both;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:16px;
}

p {
	margin-top: 0;
}
small { 
	color: var(--text-light-color); 
	font-size: 15px;
	line-height:200%;
	display:block;
}
.name small { 
	color: var(--text-light-color); 
	font-size: 15px;
	line-height:100%;
	display:block;
}
form {
	margin-bottom:10px;
}

/* Menüleiste ---------------------------------------------------------*/

.headeroben {
    background: linear-gradient(90deg, rgba(84,173,187,1) 0%, rgba(94,160,186,1) 10%, rgba(109,140,189,1) 20%, rgba(135,121,180,1) 30%, rgba(187,112,162,1) 40%, rgba(214,112,132,1) 50%, rgba(237,131,99,1) 60%, rgba(253,165,74,1) 70%, rgba(245,207,58,1) 80%, rgba(197,195,92,1) 90%, rgba(157,186,52,1) 100%); !important;
	position: absolute;
	color:#fff !important;
	z-index: 800; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 70px;
}
.headeroben small {
	font-style:normal  !important;
	color:white !important;
	font-size: 15px !important;
}
.seitentitel {
	z-index : 850;
	width:90%;
	max-width: 1024px;
	position : relative;
	z-index: 99;
	color: white !important;
	padding: 16px 0 0 0px;
	margin: 0px auto;
	text-align:left;
	box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.name {
    flex-shrink: 0;
    margin-top: -2px;
}
.name h2 {
	line-height: 100% !important;
}

.menu {
    flex-shrink: 0;
}


nav {
  width: auto;
  background: none;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav a:link {
	display: block;
	text-decoration: none !important;
	border-bottom: none !important;
	height: auto;
	line-height:150%;
	padding: 8px 10px 4px 8px;
	margin: 0 0 0 0;
	border-radius: 0 !important;
	color: var(--text-color);
}

nav a:hover {
	color: var(--text-menu-color);
	border-bottom: none;
	text-decoration: none;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #fff !important;
  transition: 0.1s;
}

nav ul li a {
/* 
  padding: 10px 14px 10px 14px;
 */
	height: 22px;
	color: #fff !important;
  border-bottom: none;
  text-decoration: none;
}

nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;

}

nav ul > li:hover,
nav ul > li > a:hover {
	border-radius: 7px !important;
}

nav ul ul li:hover,
nav ul ul li a:hover {
	border-radius: 0 !important;
}

nav ul li a:hover, nav ul li:hover, nav ul ul li:hover, nav ul li:hover::after {
  color:#fff !important;
/* 
  border-top-color: #fff;
 */
}
nav ul > li.submenu > a:hover::after {
/* 
	border-top-color: #fff;
 */

}
nav .current a, nav li:hover > a, nav .current a::after, nav li:hover > a::after {
	color: var(--text-menu-color);
	background: var(--link-hover-bg-color);
	border-bottom: none;
	text-decoration: none;
	/* 
	border-top-color: #fff !important;
 */
}

nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -100px;
  color:#fff !important;
  z-index:1000;

}

nav ul li:hover {
  background: var(--link-hover-bg-color);
  	border-bottom: none;
	text-decoration: none;

}

nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: var(--link-light-color);
    background: #fefefe;
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
  z-index:1200;
}

nav ul ul li {
  float: none;
  width: auto;
  white-space:nowrap;
  color:#fff !important;
}

nav ul ul li a {
  padding: 10px 20px;
  border-bottom: none;
  text-decoration: none;
  color: #333 !important;
}

nav ul ul li:last-child {
  border-bottom: none;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
  color:#fff !important;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}



body#start a#start-nav,
body#portfolio a#portfolio-nav,
body#kontakt a#kontakt-nav,
body#apps a#apps-nav,
.selected {
	color: var(--text-menu-color) !important;
	background: linear-gradient(180deg, rgba(84,173,187,1) 0%, rgba(94,160,186,1) 10%, rgba(109,140,189,1) 50%, rgba(135,121,180,1) 100%);
	background: linear-gradient(360deg, rgba(214,112,132,.3) 0%, rgba(237,131,99,.5) 20%, rgba(253,165,74,.7) 100%);
		border-radius: 7px !important;

}


#nav_schmal {
	display:none;
}

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


.maincontainer {
	width: 90%;
	max-width:1024px;
	position:relative;
	background: transparent;
 	color: var(--text-color);
 	margin: 0 auto;
	padding: 120px 0 0 0;
	height:auto;
	text-align:left;
	z-index: 0;
}

.text1spaltig {
	position:relative;
	color: var(--text-color); 
	line-height: 160%;
	padding: 0;
	margin: 0;
	width:100%;
	float: left;
	z-index: 1;
}
.text1spaltig p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.text2spaltig { 
	margin: 0;
	float:none;
	width:100%;
	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;
}
/* 
.text2spaltig div {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    column-fill: balance;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
}
 */
.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;
}

h2  { 
	color: var(--heading-color);
	font-size: 28px;
	line-height: 120%;
}

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

h4  { 
	font-size: 18px;
}

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);
}

.textbox {
	padding:10px 10px 10px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: var(--textbox-bg);
	margin: 10px -10px 16px -10px;
	color: #fff;
}

.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:visited {
	color: #fff !important;
}
.textbox a:hover {
	color: var(--link-hover-color) !important;
}
 */
 
.error {
 	color: rgb(222,118,119),
}
 
.erfolg {
 	color: rgb(85,169,187);
}
 

/* Bilder --------------------------------------------------------*/



.indicator {
	width:13px;
	height:13px;
	margin-left:-13px;
}
.bild { 
	margin:0px 0px 24px 0px;
	border: none;
	text-align:center;
}

.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;
}
.circle {
	border-radius: 50%;
}
.muetzen {
	height:12px;
}
.step {
	float:left;
	margin:0px 10px 0px 0px;
}
.bildrechts, .divrechts {
	float:right;
	margin:3px 0px 12px 36px;
	text-align:center;
}
.bildrechts, .bildlinks, .divlinks, .divrechts {
	color: #999;
	font-size:14px;
}





/* Container für alle Portfolio-Items */
.portfolio-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 60px;
}

/* Einzelnes Portfolio-Item */
.portfolio-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 0; /* Entfernt, da gap im Container verwendet wird */
	gap: 0px;
}

.portfolio-image {
	width: 100%;
	max-width: 600px;
}

.portfolio-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.portfolio-text {
	width: 100%;
}

/* Media Query für Tablets und Desktop (ab 768px) */
@media (min-width: 768px) {
	.portfolio-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
	
	.portfolio-item {
		gap: 0px;
	}
}


/* 
.portfolio-item {
	display: flex;
	align-items: center;
	align-items: flex-start;
	margin-bottom: 60px;
	gap: 40px;
}

.portfolio-image {
	flex: 1;
	max-width: 600px;
}

.portfolio-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.portfolio-text {
	width: 100%;
	flex: 1;
}
 */



/* Responsive Design */
/* 
@media (max-width: 768px) {
	.portfolio-item {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
	
	.portfolio-image {
		max-width: 100%;
	}
}
 */





a.noborder, a.lightbox, a.lblink {
	cursor: -webkit-zoom-in !important;
	cursor: -moz-zoom-in; 
	text-decoration: none;
	border-bottom: none;
	background: none;
	padding:0;
	margin:0;
}
a.lblink:after{ 
   content: '\003B';
   font-family: blogfilericons;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 2px;
   text-decoration:none;

}
a.noborder:hover, a.lightbox:hover {
	cursor: -webkit-zoom-in !importatnt;
	cursor: -moz-zoom-in; 
	text-decoration: none;
	border-bottom: none;
	background: none;
	padding:0;
	margin:0;
}
a.imglinkp, .imglinkp {
	text-decoration: none;
	border: none !important;
	border-bottom:none !important;
	background: none;
	padding:0;
	color:white;
	margin:0;
	transition: color 0.3s ease;
}
.imglinkp.active {
    color: rgba(106,142,187,1);
}

a.imglink:active {
	position:relative;
	top: 0px;
}
a.imglinkp:hover {
	color: rgb(252,172,71);
}
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;
}



/* 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;
}

div.clear {
    clear:both;
}

.formularfeld, .suchfeld, .suchfeldsafari, .formularfeld2 {
	font-size: 16px;
	width:100% !important;
	min-width:200px;
	color: var(--input-text-color);
	border: none;
	padding:9px 9px;
	-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;
	list-style-type: none;
}
.button, a.button, 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;
}

.button:hover, a.button:hover, input[type=submit]:hover, input[type=button]:hover {
	background:#3f5e82;
	cursor:pointer;
}
.button:active, a.button:active, input[type=submit]:active, input[type=button]:active {
	background:black;
	cursor:pointer;
}
.button, a.button, a.button:visited {
	white-space: nowrap;
	display:inline-block;
	margin:0 0 4px 0;
	border-bottom: none !important;
	text-decoration: none !important;
}

.white {
	color: #fff;
}
.blue {
	color: rgba(106,142,187,1);
}
.red {
	color: rgb(213,111,132);
}

@media only screen and (min-device-width : 320px) and (max-width : 720px) { /* iPhone etc. */

	.menutext { 
		display:none;
	}
	body {
		font-size: 15px;
	}
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	small { 
		font-size: 14px;
	}

	.text2spaltig { 
		column-count:1;
		-webkit-column-count: 1;  
		-moz-column-count: 1;  
	}

}


@media screen and (prefers-color-scheme: dark) {
	:root {  
		--text-color: rgba(221,221,221,1);
		--text-light-color: rgba(153,153,153,1);
		--text-menu-color: rgba(255,255,255,1);
		--text-red: rgb(252,82,113);
		--heading-color: #aaa;  
		--bg-color: rgba(47,52,54,1);
		--bg-light-color: rgba(68,68,68,1);
		--input-color: #ccc;
		--input-text-color: #000;
		--link-color: #6c95cf;
		--link-light-color: #6c95cf;
		--link-hover-color: #fff;
		--link-hover-bg-color: rgba(47,52,54,1);
		--box-color: #474e52;
		--textbox-bg: #50575b;
		--tr-odd-color: rgba(108,149,207,1);
	    --tr-color: rgba(100,100,100,1);
		--tr-hover-color: rgba(47,121,175,1);
		--my-fonts: 'GloberRegular', "Lucida Grande", "Lucida Sans Regular", Verdana, Helvetica, sans-serif;
		--code-text: #7CABFF;
		--achtung-color: rgb(254,72,67);
		--bg-image: url(/bilder/bg-night.jpg);

	}
	::placeholder {
		color: #666;
	}
	#itunes td {
		color:#fff !important;
	}
	#itunes th {
		background: rgba(55,91,133,1);
		color: var(--text-color);
	}
	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: .9;
		transition: opacity .5s ease-in-out;
	}
	img:hover {
		opacity: 1;
	}

	#headeroben {
		background: rgba(39,58,81,1);
	}
	#headerunten {
		background: rgba(92,134,188,.91); 
	}

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

}

.fancybox-image {
 .pngschatten {
    -webkit-filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.4));
}