/* shadows-into-light-regular - latin */
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/shadows-into-light-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Shadows Into Light'), local('ShadowsIntoLight'),
       url('fonts/shadows-into-light-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/shadows-into-light-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/shadows-into-light-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/shadows-into-light-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/shadows-into-light-v9-latin-regular.svg#ShadowsIntoLight') format('svg'); /* Legacy iOS */
}
/* shadows-into-light-two-regular - latin */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/shadows-into-light-two-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'),
       url('fonts/shadows-into-light-two-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/shadows-into-light-two-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/shadows-into-light-two-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/shadows-into-light-two-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/shadows-into-light-two-v7-latin-regular.svg#ShadowsIntoLightTwo') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/muli-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v20-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dosis-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dosis-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dosis-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dosis-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dosis-v17-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* reenie-beanie-regular - latin */
@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/reenie-beanie-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Reenie Beanie'), local('ReenieBeanie'),
       url('fonts/reenie-beanie-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/reenie-beanie-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/reenie-beanie-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/reenie-beanie-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/reenie-beanie-v10-latin-regular.svg#ReenieBeanie') format('svg'); /* Legacy iOS */
}
/* amatic-sc-regular - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/amatic-sc-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'),
       url('fonts/amatic-sc-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amatic-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amatic-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/amatic-sc-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/amatic-sc-v13-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
}



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Muli', sans-serif;
	font-size: 100%;
	color: #0c0f0a;
	margin:0;
	padding:0;
	background-color: #4d8d9f;
}
.back {
	xwidth:100%; 
	xheight: 100%; 
	xbackground:  no-repeat center center;
	xbackground-color: #4d8d9f;
	xbackground: linear-gradient(#ffffff,#4d8d9f);
	xbackground: -webkit-linear-gradient(#ffffff,#4d8d9f);
	xbackground: -o-linear-gradient(#ffffff,#4d8d9f);
	xbackground: -moz-linear-gradient(#ffffff,#4d8d9f);
	x-webkit-background-size: cover; 
	x-moz-background-size: cover; 
	x-o-background-size: cover; 
	xbackground-size: cover; 
	xposition:fixed; 
	z-index:-100;
}

.button {
	border:none;
	padding:5px;
	font-size: 1rem;
	color: #717171;
	background-color: #f8f8f8;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.button:hover{
	color:#ffffff;
	background-color:#4d8d9f;
}
.up {
	xdisplay:none;
	width:50px;
	height:50px;
	font-family: 'Dosis', sans-serif;
	font-size: 1.75rem;
	padding-left: 18px;
	padding-top: 2px;
	position: relative;
	bottom: 10px;
	right: 10px;
	border-radius: 50%;
	z-index: 15;
	color: #717171;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border:1px solid #ff00ff;
}
.up:hover{
	color:#ffffff;	
	background-color:#4d8d9f;
}
.up a {
	color:#4d8d9f;
	text-decoration:none;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.up a:hover {
	color:#ffffff;
}
.up a:focus {
	color:#ffffff;
}

.center {
	text-align:center;
}
.all  {
	margin: 0px auto;
	xbackground:#4d8d9f;
	padding: 0px 30px;
	padding-bottom:10px;
	z-index:10;
	display:grid;
	grid-template-rows:auto auto auto; 
	grid-template-columns:auto min-content; 
}
#top {
	position:sticky;
	top:0;
	align-self: flex-start;
	display:flex;
	flex-wrap: wrap;
	flex:1;
	margin:0 -20px 20px -20px;
	-webkit-box-shadow: 10px 10px 25px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 10px 10px 25px 0px rgba(51, 51, 51, 0.5);
	box-shadow: 10px 10px 25px 0px rgba(51, 51, 51, 0.5);
}
.head {
	flex:1 1 410px;
}
.head img{
	height:100px;
	width: 410px;
}
.navi {	
	background-image: url(gfx/logo2022_v3.svg);
	background-color: #ffffff;
    xbackground-size: auto 100px;
    background-size: auto 55px;
	xbackground-size: auto 80px;
	background-repeat: no-repeat;
	xbackground-position: 30px 10px;
	background-position: 30px 30px;
	xbackground-position: -25px 20px;
	margin-bottom:20px;
	height:120px;
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:1; 
	grid-row-end:1; 
	justify-content: space-between;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding-right:20px;
}
.navi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.navi li {
    display: inline;
}
.navi_big {
	flex:0 0 700px;
	xpadding-right: 25px;
	padding-top: 15px;
	font-family: 'Dosis', sans-serif;
	font-size: 1.5rem;
	text-align:right;
	xbackground: linear-gradient(to right, transparent 0%, #717171 35%);
	xbackground: -webkit-linear-gradient(to right, transparent 0%, #717171 35%);
	xbackground: -o-linear-gradient(to right, transparent 0%, #717171 35%);
	xbackground: -moz-linear-gradient(to right, transparent 0%, #717171 35%);
	xbackground-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 2em;
}
.navi_big .navactive {
	border-bottom: 3px solid #4d8d9f;
	xbackground-color: #4d8d9f;
	color: #0c0f0a;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_big .navactive:hover {
	border-bottom: 3px dotted #4d8d9f;
	xbackground-color: #d1d1d1;
	color: #4d8d9f;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_big .navactive:focus {
	border-bottom: 3px dotted #4d8d9f;
	xbackground-color: #d1d1d1;
	color: #0c0f0a;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_big a { 
	color: #0c0f0a;
	padding:2px 2px 2px 2px;
	margin-right:5px;
	margin-left:10px;
	text-decoration: none;
	-webkit-transition: background-color 1s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 1s ease-out, color 0.2s ease-out;
	-o-transition: background-color 1s ease-out, color 0.2s ease-out;
	-ms-transition: background-color 1s ease-out, color 0.2s ease-out;
	transition: background-color 1s ease-out, color 0.2s ease-out;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_big a:hover { 
	border-bottom: 3px dotted #4d8d9f;
	color: #4d8d9f;
	xbackground-color:#d1d1d1;
	text-decoration: none;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_big a:focus { 
	border-bottom: 3px dotted #4d8d9f;
	color: #4d8d9f;
	xbackground-color:#d1d1d1;
	text-decoration: none;
	x-webkit-border-radius: 2px;
	x-moz-border-radius: 2px;
	xborder-radius: 2px;
}
.navi_small {
	flex:0 0 100%;
	xfloat:right;
	width:100%;
	font-size: 1rem;
	color: #717171;
	text-align:right;
	vertical-align:middle;
	margin-top:-45px;
	xmargin-right:25px;
	xheight:30px;
}
.navi_small li {
    display: inline;
	padding: 2px;
}
.navi_small a { 
	color: #0c0f0a;
	text-decoration: none;
	padding: 4px 5px;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.navi_small a:hover { 
	color: #4d8d9f;
	xbackground-color:#d1d1d1;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.navi_small a:focus { 
	color: #4d8d9f;
	xbackground-color:#d1d1d1;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cont {
	xflex:0 80%;
	xmax-width: 900px;
	xpadding: 0px 0px 0px 80px;
    xfloat: left;
	font-size: 1.27rem;
	line-height: 1.5em;
	grid-column-start:1; 
	grid-column-end:2; 
	grid-row-start:2; 
	grid-row-end:3;

}
.cont p {
	padding:0;
}
.cont a { 
	color: #4d8d9f;
	text-decoration: none;
	padding: 0px 3px;
	border-bottom: 1px dotted #d1d1d1;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.cont a:hover { 
	color: #0c0f0a;
	background-color:#d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cont a:focus { 
	color: #0c0f0a;
	background-color:#d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.cont img {
	padding: 5px; 
	border: solid 1px #d1d1d1;
	background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gallery img { 
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding:0px;
}
.gallery .pic {
	height: 196px;
	width: 164px;
	overflow: hidden;
	float:left;
	margin:1px;
	text-align:center;
	background: -webkit-linear-gradient(left top, #f8f8f8, #f0f0f0);
	background: -o-linear-gradient(bottom right, #f8f8f8, #f0f0f0);
	background: -moz-linear-gradient(bottom right, #f8f8f8, #f0f0f0);
	background: linear-gradient(to bottom right, #f8f8f8, #f0f0f0);
}
.gallery .grow img {
	border: solid 1px #d1d1d1; 
	padding:4px;
	height: 120px;
	width: 120px;
	margin:20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.gallery .grow img:hover {
	margin:0px;
	border: solid 1px #4d8d9f;
	width: 160px;
	height: 160px;
}
.gallery .grow a:hover {
	background:none;
	xpadding:0;
}
.gallery .grow a:focus {
	background:none;
	xpadding:0;
}
.cont iframe { 
	padding: 5px; 
	border: solid 1px #d1d1d1;
	background-color:#ffffff;
}
.cont ul li img {
	padding: 5px; 
	border: solid 1px #d1d1d1;
	background-color:#ffffff;
}
.news  { 
	margin: 0px 20px 20px 0px;
	word-wrap: break-word;
	background-color: #ffffff;
	padding: 0px 30px 30px 30px;
	xbackground: linear-gradient(#ffffff 50%, transparent 99%);
	xbackground: -webkit-linear-gradient(#ffffff 50%, transparent 99%);
	xbackground: -o-linear-gradient(#ffffff 50%, transparent 99%);
	xbackground: -moz-linear-gradient(#ffffff 50%, transparent 99%);
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.news table { 
	width: 100%;
}
.news th {
	text-align:left;
	padding-top:10px;
	background: #4d8d9f;
	border: solid 1px #4d8d9f;
	color: #ffffff;
	font-weight: normal;
}
.news .lexikon table {
	padding: 5px; 
	border: solid 1px #d1d1d1;
	background-color:#ffffff;
	margin: 25px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
.news .lexikon tr {
	border: 1px solid #d1d1d1;
}
.news .lexikon td {
	border: 1px solid #d1d1d1;
	padding:5px;
}
.news .lexikon th {
	border: 1px solid #4d8d9f;
	padding:5px;
}
.news .lexikon tr:nth-of-type(odd) { 
  background: #f8f8f8; 
}
.news .lexikon tr:nth-of-type(even) { 
  background: #ffffff; 
}
.news textarea { 
	width: 100%;
}
.news input[type="text"] {
	width: 100%;
}
.news ul li {
	padding-bottom:5px;
}
.quote {
	xborder:1px solid #d1d1d1;
	background-color:#f0f0f0;
	padding:30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.onecol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
.twocol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.threecol {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.dict {
	border:0px solid #d1d1d1;
	background-color:#ffffff;
	padding:20px;
}
.dict .headline {
	color: #111f22;
	font-size:1.75rem;
	margin-left: 0px;
	margin-bottom: -45px;
}
.dict ul {
	list-style-type: none;
	margin-left: 30px;
	padding:0px;
}
.dict li {
	padding-bottom:0px;
}
.dict a {
	padding:3px;
	display:block;
	border:none;
}
.dict a:hover{
	border:none;
}
.dict a:focus{
	border:none;
}
.dict .actentry{
	color:#ffffff;
	background-color:#4d8d9f;
	padding:0;
}
.dict .actentry a{
	color:#ffffff;
}
.dict .actentry a:hover{
	color:#0c0f0a;
}
.dict .actentry a:focus{
	color:#0c0f0a;
}
.headbg {
	xbackground-color: #717171;
	xborder: 1px solid #717171;
	background: linear-gradient(#ffffff 1%, #ffffff 20%);
	background: -webkit-linear-gradient(#ffffff 1%, #ffffff 20%);
	background: -o-linear-gradient(#ffffff 1%, #ffffff 20%);
	background: -moz-linear-gradient(#ffffff 1%, #ffffff 20%);
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	margin-right:20px;
	padding:30px;
}
.info {
	padding:10px; 
	margin-bottom:50px;
}
.info .headbg {
	xbackground-color: #111f22;
	xborder: 1px solid #111f22;
	x-webkit-border-radius: 5px;
	x-moz-border-radius: 5px;
	xborder-radius: 5px;
	xmargin:0px -10px;
	xpadding-left:30px;
}
.img_thumb {
	height: 10px;
}
.headbg .h1 {
	color: #4d8d9f;
}
.headbg .h1 a {
	color: #4d8d9f;
}
.headbg .date {
	color: #111f22;
	margin-top:10px;
	display:inline-block;
}
.headbg .date a {
	color: #111f22;		
}
.h1 {
	color: #4d8d9f;
	font-family: 'Dosis', sans-serif;
	font-size: 2.5rem;
	line-height:1em !important;
	xtext-shadow: 1px 1px 5px #111f22;
}
.h1 a {
	color: #4d8d9f;
	text-decoration: none;
	padding:3px;
	margin-left:-3px;
	border-bottom: 0px solid #d1d1d1;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.h1 a:hover {
	color: #0c0f0a;
	text-decoration: none;
	background:none !important;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 1px 1px 5px #ffffff;
}
.h1 a:focus {
	color: #0c0f0a;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 1.75rem;
	color: #111f22;
	font-weight: 800;
	line-height:140%;
}
.h3 {
	color: #717171;
	font-family: 'Reenie Beanie';
	font-size: 1.75rem;
	padding-left: 20px;
}
.h4 {
	font-family: 'Amatic SC';
	font-size: 2.5rem;
	line-height:120%;
}
.h4-small {
	font-family: 'Muli', sans-serif;
	font-size: 1rem;
	font-style: italic;
	line-height: 140%;
}
.date {
	font-size: 0.9rem;
	color: #0c0f0a;
}
.date a {
	color: #ffffff;
}
.ext {
	xflex:0 19%;
	grid-column-start:2; 
	grid-column-end:3; 
	grid-row-start:2; 
	grid-row-end:2; 
	margin-right:0px;
	color:#717171;
	xbackground-color:#ffffff;
	xborder: 1px solid #4d8d9f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 250px;
	display:flex;
	flex-direction: column;
	}
.ext .nocolbreak {
	padding:0 30px 25px 30px;
	xborder-bottom:1px solid #d1d1d1;
	background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 20px 0 ;
}
.ext h1 { 
	font-family: 'Dosis', sans-serif;
	font-size: 1.75rem;
	font-weight: 400;
	xpadding-top:10px;
}
.ext .cat {
	margin-top:10px;
}
.ext ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ext li {
    display: block;
}
.ext .tools a{
	font-size: 1.27rem;
}
.ext input {
	width: 150px;
	font-size: 0.9rem;
	background-color: #ffffff;
	padding: 2px;
	border: 1px solid #d1d1d1;
	color: #0c0f0a;
}
.ext .button {
	width:58px;
	border: 0px;
	padding:5px;
	color: #d1d1d1;
	background-color:#ffffff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ext .button:hover{
	color:#ffffff;
	background-color:#4d8d9f;
}
.ext .button:focus{
	color:#ffffff;
	background-color:#4d8d9f;
}
.ext a {
	display:block;
	font-size:0.9rem;
	color:#4d8d9f;
	text-decoration:none;
	padding:3px 2px;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.ext a:hover {
	color:#0c0f0a;
	background-color:#d1d1d1;
}
.ext a:focus {
	color:#0c0f0a;
	background-color:#d1d1d1;
}
.ext .extnoimgstyle img {
	width:190px;
	height:auto;
	margin-bottom:15px;
}
.ext .extnoimgstyle a {
	padding:0;
}
.ext .extnoimgstyle a:hover {
	background:none;
}
.ext .extnoimgstyle a:focus {
	background:none;
}
.foot {
	xflex:1;
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:3; 
	grid-row-end:4; 
}
.footcont {
	xpadding:30px;
	xborder: 1px solid #ffff00;
}
.footcont img {
	height:60px;
	border: solid 1px #d1d1d1;
}
.footcont .h1 { 
	font-family: 'Amatic SC';
	font-weight: bold;
	color:#0c0f0a;
	font-size: 1.75rem;
	line-height:140%;
	xmargin-top:-65px;
	padding-bottom:20px;
}
.footcont .unten {
	xdisplay:none;
	font-weight: bold;
	text-align:center;
	font-size: 0.9rem;
	color:#717171;
	xborder:1px solid #00ffff;
	margin:30px 0px;
}
.footcont ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	display: inline;
}
.footcont li {
	display: inline;
}
.footcont .noborder a {
	border-bottom:0px dotted #ff00ff;
	background:none;
}
.footcont .noborder a:hover,
.footcont .noborder a:focus,
.footcont .noborder a:active {
	border-bottom:0px dotted #ff00ff;
	background:none;
}
.footcont a {
	color:#717171;
	padding:3px;
	text-decoration:none;
	border-bottom:1px dotted #4d8d9f;
}
.footcont a:hover {
	color:#ffffff;
	background-color: #4d8d9f;
	border-bottom:1px solid #4d8d9f;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.footcont a:focus {
	color:#ffffff;
	background-color: #4d8d9f;
	border-bottom:1px solid #4d8d9f;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
.float-left {
	float:left;
	padding-right:30px;
}
.float-right {
	float:right;
	padding-left:30px;
}
.clear-both {
	clear:both;
}
.noblock a{
	display:inline;
}
ul#galerieTest {
	padding:0;
	display: table;
	xmax-width:700px;
	font-size: 1rem;
}
ul#galerieTest li#rowTest{
	display: table-row;
	table-layout: fixed;
}
ul#galerieTest li#rowTest:nth-child(odd) {
	background: #ffffff;
}
ul#galerieTest li#rowTest:nth-child(even) {
	background: #f8f8f8;
}
ul#galerieTest div#cellTest{
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	word-break: break-all;
}
ul#galerieTest div#cellTest img{
	height: 150px;
	max-width: 300px;
}
@media only screen and (max-width: 479px) {
	ul#galerieTest div#cellTest img{
		width: 150px;
		max-height: 300px;
	}	
}
ul#galerieTest code{
	font-size: 1rem;
	word-wrap: break-word;
}
ul#galerie {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#galerie li{
	padding: 3px;
	background-color:#ebebeb;
	border:1px solid #CCC;
	float:left;	
}
ul#galerie li:hover{
	border:1px solid #333;
}
ul#galerie li span{
	display:block;
	text-align:center;
	font-size:10px;
}
ul#galerie li a img{
		border:none;
		max-width:250px;
}
ul#galerie li img{
		border:none;
		padding:0px;
		margin:0px;
}
summary {
	display:block;
	font-size:0.9rem;
	color:#4d8d9f;
	xtext-decoration:none;
	padding:3px 2px;
	-webkit-transition: background-color 0.5s ease-in, color 0.2s;
	-moz-transition: background-color 0.5s ease-in, color 0.2s;
	-o-transition: background-color 0.5s ease-in, color 0.2s;
	-ms-transition: background-color 0.5s ease-in, color 0.2s;
	transition: background-color 0.5s ease-in, color 0.2s;
}
summary:focus {
    outline: none;
}
summary:hover {
	color:#0c0f0a;
	background-color:#d1d1d1;
}
@media only screen and (max-width: 1280px) {
	.all  {
		margin: 0px auto;
		xbackground:rgba(255,255,255,0.9);
		padding: 0px 30px;
		padding-bottom:10px;
		z-index:10;
		xflex-direction: column;
		grid-template-rows:auto auto auto auto; 
		grid-template-columns:100%;
	}
	.head {
		flex:1 1 100px;
		height:120px;
	}
	.head img{
		height:120px;
		width: 120px;
	}
	.navi {
		xmargin-bottom:0;
		height:auto;
		grid-column-start:1; 
		grid-column-end:1; 
		grid-row-start:1; 
		grid-row-end:2;
		justify-content : flex-end;
		background-size: auto 60px;
		background-position: auto 30px;
		background-image: url(gfx/logo2022_ohne_v3.svg);

	}
	.navi_big {
		flex:0 80%;
		ypadding-top:0px;
		xpadding-right:25px;
		ymargin-right:30px;
	}
	.navi_small {
		flex:0 80%;
		margin-top:-53px;
		xheight:60px;
		yvertical-align:middle;
		padding:0px;
		ymargin-top:10px;
		ymargin-right:30px;
	}
	.navi_small a { 
		xcolor: #4d8d9f;
	}
	.cont{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:2; 
		grid-row-end:3; 
	}
	.ext {
		xflex:0 100%;
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:3; 
		grid-row-end:4; 
		max-width:100%;
		display:flex;
		flex-wrap:wrap;
		flex-direction: row;
		background-color:#ffffff;
	}
	.ext .nocolbreak {
		flex:1;
		padding:25px;
	    padding-bottom:20px;
	}
	.foot{
		grid-column-start:1; 
		grid-column-end:2; 
		grid-row-start:4; 
		grid-row-end:5; 	
	}
	.headbg,
	.news{
		margin-right:0;
	}
}
@media only screen and (max-width: 980px) {
	#top{
		margin:0 0 20px 0;
	}
	.all  {
		xmin-width: 480px;
		padding: 0px 10px;
		xoverflow:hidden;
	}
	.headbg {
		xmargin-left:-20px;
		xpadding-left:20px;
		x-webkit-border-radius: 5px;
		x-moz-border-radius: 5px;
		xborder-radius: 5px;
	}
	.headbg .h1 a {
		xfont-size:1.5rem;			
	}
	.h1 {
		xline-height: 100%;
	}
	.news img {
		max-width:100%;
	}
	.news iframe {
		max-width:100%;
	}
	.news video {
		max-width:100%;		
	}
	.ext {
		display:flex;
		flex-wrap: wrap;
	}
	.ext .nocolbreak {
		flex:1;
		xmax-width:100px;
		xborder:1px solid #ff00ff;
		xborder-radius:0;
	}
	.dict {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.quote {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	table, thead, tbody, th, td, tr { 
		display: block;
	}
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	th { 
		border: 1px solid #f0f0f0; 
		border-collapse: collapse;}
	td { border: none; }
	
	td:before { 
		font-weight:bold;
		padding-right: 10px; 
	}

	#tp td:nth-of-type(1):before { content: "Datum:"; }
	#tp td:nth-of-type(2):before { content: "Kriterium:"; }
	#tp td:nth-of-type(3):before { content: "Anzahl:"; }
	#tp td:nth-of-type(4):before { content: "erfolgreich:"; }
	#tp td:nth-of-type(5):before { content: "Ampel:"; }
	#tp td:nth-of-type(6):before { content: "Beobachtung:"; }
	
	#reinforcement td:nth-of-type(1):before { content: "Verstaerkung:"; }
	#reinforcement td:nth-of-type(2):before { content: "Strafe:"; }

	.float-left {
		float:none;
		text-align: center;
		padding-right:0px;
	}
	.float-right {
		float:none;
		text-align: center;
		padding-left:0px;
	}
	.clear-both {
		clear:both;
	}
}
@media only screen and (max-width: 980px) and (max-height: 480px) {
	.footbg {
		xheight:410px;
	}
	.footcont .h1 { 
		font-size: 1.5rem;
		xmargin-top:-25px;
	}
}
@media only screen and (max-width: 875px) {
	.head {
		xflex:1 1 80px;
	}
	.head img{
		xheight:100px;
		xwidth: 100px;
		xmargin-left:30px;
		xmargin-top:30px;
		xborder: 1px solid #ff00ff;
	}
	.navi {
		background-size: auto 60px;
		background-position: auto 30px;
		background-image: url(gfx/logo2022_ohne_v3.svg);
	}
	.navi_big {
		flex: 0 80%;
	}
	.navi_small {
		flex: 0 80%;
	}
}

@media only screen and (max-width: 724px) {
	.head {
		flex:0 100%;
	}
	.head img{
		height:80px;
		width: 80px;
		margin-left:calc(50% - 30px);
		margin-top:30px;
	}
	.navi {
		background-size: auto 80px;
		background-position: 50% 35px;
		padding-bottom:20px;
	}
	.navi_small {
		flex: 0 100%;
		margin-top:0;
	}
	.navi_big {
		flex: 0 100%;
		font-size: 1.27rem;
		text-align:center;
		xbackground: #717171;
		padding-left:10px;
		margin-right:0px;
	}
	.navi_small {
		font-size: 0.9rem;
		text-align:center;
		padding-left:10px;
		margin-right:0px;
	}
}	

@media only screen and (max-width: 479px) {
	.back {	
		xdisplay:none;
	}
	.all  {
		min-width: 400px;
		max-width: 100%;
		xpadding:0;
		margin:0px;
		xwidth:100%;
	}
	.navi_big {
		font-size: 1.27rem;
		text-align:center;
		xbackground: #717171;
		padding-left:10px;
		margin-right:0px;
	}
	.navi_small {
		font-size: 0.9rem;
		text-align:center;
		padding-left:10px;
		margin-right:0px;
	}
	.navi_small a {
    padding: 0px;
	}
	
	.navi_small li {
    padding: 0px 5px 0px 0px;
	}
	
	.head {
		max-width:400px;
	}
	.news {
		xmargin: 10px;
		margin-bottom: 10px;
	}
	.cont {
		font-size:1rem;
		xmin-width: 400px;
	}
	.headbg {
		x-webkit-border-radius: 5px;
		x-moz-border-radius: 5px;
		xborder-radius: 5px;
		background:#ffffff;
	}
	.headbg .h1 {
		font-size:1.5rem;
	}
	.news ul li img {
		max-width: 150px;
	}
	.h4 {
		font-size: 1.75rem;
	}
	.dict {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.ext {
		xmin-width: 400px;
		xmax-width: 100%;
		padding:5px;
		font-size:0.9rem;
	}
	.ext input {
		width: 140px;
	}
	.ext .extnoimgstyle img {
		width: 150px;
		height: auto;
		margin-bottom: 15px;
	}
	.foot {
		xmin-width:400px;
		xmax-width:100%;
	}
	.footbg {
		xheight:460px;
	}
	.footcont {
		margin:0;
		padding:0px;
	}
	.footcont .h1 { 
		font-size: 1.75rem;
		xmargin-top:-45px;
	}
	.footcont img {
	height:auto;
	width:90%;
	}
}
@media only screen and (min-width: 1281px) {
	.all  {
		max-width: 1280px;
	}