html, body		{ height:100%; margin:0; font-family:'Open Sans', Roboto, Arial, 'sans serif'; font-weight:400; line-height:160%; scroll-behavior:smooth;}
body			{ background-image:url(/pics/bg1700.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:110vw 110vh; background-position:top left; background-color:#333; font-size:10pt; }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('/fonts/open-sans-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/fonts/open-sans-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url('/fonts/open-sans-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/fonts/open-sans-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

#leftpane		{ position:fixed; top:0; left:0; bottom:0; width:20%; background-color:#F4F4F2; padding:20px; z-index:20000;}
#leftpane #logo { display:block; margin:10px auto; cursor:pointer;}
#leftpane a		{ display:block; text-transform:uppercase; color:#888; font-size:10pt; border-bottom:1px solid #ccc; padding:7px 7px 14px 7px; margin:10px; font-weight:700; text-decoration:none; 
					transition:color .25s ease-in; }
#leftpane a.act	{ color:#000; }
a				{ color:#fff; }

.mainpane		{ margin-left:20%; padding:70px 80px 60px 70px; box-sizing:border-box; color:#fff; background-color:blue; min-height:100vh;}

.third			{ box-sizing:border-box; float:left; width:33%; padding:20px 25px 10px 0px; overflow:hidden;}
.third:last-of-type	{ padding-right:5px; }
.third img		{ height:auto; max-width:100%; }
h1				{ font-size:6.0em; font-weight:400; margin:5px 0 60px;}
h2				{ font-size:2.2em; font-weight:400; margin:5px 0 50px 0; line-height:140%;}
h3				{ font-size:1.2em; font-weight:400; margin:10px 0 25px 0;}

.clear			{clear:both;}
.icon			{ display:inline-block; width:36px; height:36px; background-image:url(/pics/icons.png); background-position:0 0;}
img				{border:0;}
img.shadow		{ max-width:100%; box-shadow:3px 3px 10px rgba(0,0,0,0.8);}
#toppane		{ display:none; position:fixed; top:0; left:0; right:0; height:auto; background-color:#222; padding:10px; z-index:19000; }
#datenschutz h1	{ font-size:2.2em; margin-top:50px;}
#datenschutz h3	{ font-weight:700; margin-top:20px; }
#contactform	{ max-width:600px;  }
.height100		{ display:inline-block; height:100%; vertical-align:middle; }
.formstd		{ width:100%; font-family:'Open Sans', Roboto, Arial, 'sans serif'; background-color:#E8E8E8; 
					background-image:linear-gradient(to bottom, #dadada 0%, #ececec 15px);
					box-sizing:border-box; padding:7px; border:1px solid #aaa; margin:2px; font-size:9pt;}

div.slider-wrapper		{ width:100%; height:370px; overflow:hidden; white-space:nowrap; overflow:hidden; }
div.slider-container	{ transition:transform 500ms ease; }

.slide			{ width:300px; height:370px; box-sizing:border-box; display:inline-block; white-space:normal; padding:10px; margin:0px 20px 0 0; background-color:rgba(255,255,255,0.25); vertical-align:top;}
div.slide-img	{ height:200px; background-position:center center; background-size:contain; background-repeat:no-repeat; margin-bottom:10px; text-align:center;}
div.slide-img img { display:inline-block; max-height:98%; max-width:98%; vertical-align:middle; }
.slidenav		{ width:50px; height:50px; border-radius:50%; background-color:rgba(255,255,255,0.3); color:#fff; font-size:30px; cursor:pointer; margin:5px; float:right; box-sizing:border-box; padding:13px 0 0 5px; text-align:center; z-index:2;}

ul.lst {list-style-type:none; padding:0; margin:0 0 0 1.2em;}
ul.lst li { padding:3px 0px; text-indent:-1.2em;}
ul.lst li:before { content: "\00BB \0020"; color:#FBF7B4; font-size:20px; line-height:0; }

@media only screen and (max-width:1100px) {
	.third			{ box-sizing:border-box; float:left; width:50%; padding:20px 25px 10px 0px; overflow:hidden;}
	.picright		{float:right;}
	.third:last-of-type	{ padding-right:5px; }
	.nomobile		{ display:none; }
}
@media only screen and (max-width:850px) {
	body			{ background-image:url(/pics/bg800.jpg); font-size:11pt; }
	#home			{ padding-top:140px; }
	.mainpane		{ margin-left:0%; padding:90px 3% 60px 3%;}
	#toppane		{ display:block; }
	#leftpane		{ position:fixed; display:none; top:0; left:0; right:auto; height:auto; width:auto; background-color:#F4F4F2; padding:20px; overflow:hidden; }
	#leftpane #logo { display:none;}
	#contactform	{ max-width:none; width:100%; }
	h1				{ font-size:14vw; }
	h2				{ margin-bottom:30px;}
}
@media only screen and (max-width:410px) {
	body			{ background-image:url(/pics/bg400.jpg); font-size:11pt; }
	.mainpane		{ margin-left:0%; padding-top:8vh;}
	.third				{ float:none; width:100%; padding:10px 0px 10px 0px; overflow:hidden;}
	.third img.shadow	{ max-width:60%; }
}