body , ul , li{margin: 0;list-style-type:disc;padding:0;}
body {
    background-color: #68a3ce;
}
body {overflow-x:hidden;}
ul, li{color:#000;font-size:16px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;}
.header a{height:40px; width:40px;top:2.0em;margin-left:8px;margin-top: 5px;}
.main{margin: 45px 0px 20px 0px;padding: 0% 2% 0% 2%;} 
.feed{background:#e6e6e6; border-style: solid;border-color: #000; border-width: medium; color: #000000; word-wrap: break-word;
font-size: 16px; font-family: Arial,Helvetica,Verdana;line-height: 1.1em; 
/*-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none*/}

.feed ul{cursor:pointer;clear:both;word-wrap: break-word;
/*-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/}
.feed a:link { text-decoration: none; }
.mehr {font-weight: bold !important;
    color:#dba901 !important;
}
.bold{font-weight:bold;}


#top-bar {
     display: flex;
     align-items: center;
     margin-right:3em;
     margin-left:2em;
     margin-bottom:-2em;
}

#top-bar>* {
     margin: 0 7px;
}


.button-bar {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}
.button-links {
  display: flex;
}

dialog {
  animation: fade-out 0.7s ease-out;
}

dialog[open] {
  animation: fade-in 0.7s ease-out;
width: 500px;
height: 300px;
}

dialog[open]::backdrop {
  animation: backdrop-fade-in 0.7s ease-out forwards;
}
#dialog-button
{
background:transparent !important;
border:none;
max-width: unset;
margin-right: auto;
margin-left: 8px;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 8;
animation-iteration-count: 8;
}

.buttonline
{
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.bild{
  display: inline-block;
  padding-bottom: 1rem; 
  padding-top: 1rem; 
}
.text {
  display: inline-block;
  padding-left: 2rem; 
}

.close1 {
  cursor: pointer;
  color: grey ;
  border: 2px solid #AEAEAE;
  border-radius: 30px; 
/*  background: #605F61;*/
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  top: 5px  !important;
  right: 5px !important;
}
/* Animation keyframes */

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: scaleY(0);
    display: none;
  }

  100% {
    opacity: 1;
    transform: scaleY(1);
    display: block;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    transform: scaleY(1);
    display: block;
  }

  100% {
    opacity: 0;
    transform: scaleY(0);
    display: none;
  }
}

@keyframes backdrop-fade-in {
  0% {
    background-color: rgb(0 0 0 / 0%);
  }

  100% {
    background-color: rgb(0 0 0 / 25%);
  }
}

body,
button {
  font-family: system-ui;
}

div.feed:not(.loaded) {
            min-height: 300px;
	        margin-top: 8px; margin-right: 8px;  margin-bottom: 8px;
	        }

        #col {
            display: flex;
            flex-flow: wrap;
            justify-content: center;
        }

        /*.feed {
            flex-basis: 300px;
            flex-grow: 1;
            flex-shrink: 0;
        }*/

.feed.loaded{ margin-top: 8px; margin-right: 8px;  margin-bottom: 8px; margin-left: 8px;}
.feed.loaded ul{padding-left: 10px;}
.feed.loaded div.ortsmarke{margin-left: 10px;}
#colwrap, #colwrap1, #colwrap2, #max_hinweis {display:none;}

.feed h2 {padding-left: 20px;}
.feed a img.img-rounded {
    border-radius: 5px;}
    .header a{height:30px; width:30px;margin-left:3px;margin-top:3em;
    background-image: url(menu_icon_38.png);}
    margin: 5px 0px 10px 10px;
    max-width: 80%;
    padding: 0 0 5 0;
    vertical-align: bottom;
}
.feed a img.img-rounded2 {
    border-radius: 5px;
    margin: 0px 0px 5px 10px;
    max-width: 80%;
    padding: 0;
    vertical-align: bottom;
}


.feed { text-align: left; -moz-border-radius: 20px;
	border-radius: 20px; padding-left:20px;padding-top:10px;padding-bottom:10px;}
.feed h4, h1 { text-align: left; -moz-border-radius: 20px;
	border-radius: 20px; padding:20px;color: #000000; font-family: Arial,Helvetica,Verdana;line-height: 1.1em;}
	.feed h4 {font-size:14px;line-height: 1.1em;}

.feed ul li{font-size:14px !important;List-style-position:outside;}
.ortsmarke {
    font-weight:bold;
    font-size:16px;
    font-variant:small-caps;
    margin-left: 4px;
}
#col {width:100%;padding-top: 0%; padding-right:0%; padding-bottom:0%; padding-left: 0%;}
.container {margin:auto;padding:0;}
.feed {background:#e6e6e6; border-style: solid;border-color: #000; border-width: medium; color: #000000;
font-size: 16px; font-family: Arial,Helvetica,Verdana;line-height: 1.1em;}
.feed ul{cursor:pointer;clear:both;margin-bottom:30px;}
#medien-auswahl h4{background:#e6e6e6; border-style: solid;border-color: #000; border-width: medium; color: #000000;
font-size: 14px; font-family: Arial,Helvetica,Verdana;line-height: 1.5; -moz-border-radius: 20px;
	border-radius: 20px; padding:20px;margin-bottom:30px;margin-right:5px;}

#image
{
  width: 100%;
}
.right {float:right; margin-right: 10px;margin-top: 5px;max-width: 80%;}
.wappen {float:right; margin-right: 5px;margin-top: 3px;max-width: 10%; border-radius: 5px;border-radius: 5px;}
.header img{width:100%;vertical-align: bottom;}
.header_sm img{width:100%;vertical-align: bottom;}
.footer{color:#fff;margin:4px 0px;padding:4px 0;clear:both;text-align:center;}
a:link{font-family:Verdana,Arial;font-size:14px;color:#000000;text-decoration:none;}
a:hover{font-family:Verdana,Arial;font-size:14px;color:#000000;}
a:focus {outline: none;}
label
{
  padding-left: 2px;
  margin-bottom: -2px;
  display: inline-block;
  width: 87%;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: visible;
  text-overflow: ellipsis;
}

.myButton {
	-moz-box-shadow:inset 3px 25px 14px -6px #23395e;
	-webkit-box-shadow:inset 3px 25px 14px -6px #23395e;
	box-shadow:inset 3px 25px 14px -6px #23395e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e466e), color-stop(1, #415989));
	background:-moz-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-webkit-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-o-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-ms-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e466e', endColorstr='#415989',GradientType=0);
	background-color:#2e466e;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:21px 42px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #2e466e));
	background:-moz-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-webkit-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-o-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-ms-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#2e466e',GradientType=0);
	background-color:#415989;
}
.myButton:active {
	position:relative;
	top:1px;
}

   #sort-open-btn {
            position: fixed;
            display: none;
           }

        #sort-open-btn.visi {
            display: inline-block;
        }
.wrmore, .cs-loader {text-align: center;}

#col1a , #col2a, #col3a, #col4a, #col16a, #col17a, #col18a, #col19a {width:25%;height:100%;line-height:14pt;margin-top:10px;margin-bottom:20px;}
#col5a , #col6a, #col7a, #col8a, #col9a , #col10a, #col11a, #col12a, #col13a, #col14a, #col15a {width:20%; height:100%;line-height:14pt;margin-top:10px;margin-bottom:20px;}


#nach_oben{position:fixed;bottom:50px;margin-left:2px;}
#nach_oben a{width:34px;height:34px;padding:0px 0px 0px 0px;display:block;}
#nach_oben a:hover{text-decoration:none;}
#configure-media {background-color:#ff5733;padding: 15px; line-height:18pt; font-size:1.5em;}
#configure-media2 {background-color:#FFA500;padding: 15px; line-height:18pt; font-size:1.5em;}
#configure-media3 {background-color:#19CAF1;padding: 15px; line-height:18pt; font-size:1.5em;}

#ausgabe-hinweis {float:left;padding-left: 5px;}
textarea {
    resize: none;
    width: 98%;
    height: 10%;
    line-height: 1.3;
}
#ausgabe { background-color:#e6e6e6;   font-size: 130%;}
.sende2 {
cursor: pointer;
font: 16px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 260px;
padding: 2px;
line-height: 130%;
}
.sende1 {
	cursor: pointer;
float:right;
	font-family: Verdana;
	font-weight: bold;
	color: #212121;
	margin-bottom: 5px;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);

	padding: 10px 15px;

	border: 2px solid #ffffff;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;

	background: rgb(224,224,224);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(224,224,224)),
		color-stop(0.5, rgb(237,237,237))
	)}
.sende4 {
	cursor: pointer;
	font-family: Verdana;
	font-weight: bold;
	color: #212121;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);

	padding: 10px 15px;

	border: 2px solid #ffffff;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;

	background: rgb(224,224,224);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, rgb(224,224,224)),
		color-stop(0.5, rgb(237,237,237))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(224,224,224) 49%,
		rgb(237,237,237) 50%
	)

	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

.sende3 {
cursor: pointer;
font: 16px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 120px;
padding: 2px;
line-height: 130%;
}
#hinweis{background-color:white;margin-top:5px;margin-right:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;border:10px;border-style:ridge;border-color:#ffff99;line-height:18pt;}

#auswahltext {min-width: 100%;float:left;}
#buttons {float:left;min-width:100% !important;}

img.icon_opt  {
margin-top: -2px;
margin-bottom: -5px;
margin-left: 5px;
}
img.icon_opt2  {
margin-top: -1px;}

.feed a:link { text-decoration: none; }


.feed h2 {padding-left: 20px;}
.feed a img.img-rounded {
    height:38px;
    border-radius: 5px;
    margin: 5px 0px 10px 10px;
    max-width: 80%;
    padding: 0;
    vertical-align: bottom;
}
.feed a img.img-rounded2 {
     height:38px;
    border-radius: 5px;
    margin: 0px 0px 5px 10px;
    max-width: 80%;
    padding: 0;
    vertical-align: bottom;
}

.abschnitt {clear:both;}

.feed { text-align: left; -moz-border-radius: 20px;
	border-radius: 20px; padding-left:30px; padding-bottom:10px;}
.feed h4, h1 { text-align: left; -moz-border-radius: 20px;
	border-radius: 20px; padding:20px;color: #000000; font-family: Arial,Helvetica,Verdana;line-height: 1.1em;}
	.feed h4 {font-size:14px;line-height: 1.1em;}

.feed ul li{font-size:16px !important;List-style-position:outside;}	
a img {border:0px !important;}

 /* social media buttons */

#socialnet {
position: relative;
margin-right: 50px;
}

/* Pulseeffekt */
@-webkit-keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
/* facebook */
img.icon_fb  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
img.icon_fb:hover, img.icon_fb:focus, img.icon_fb:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* twitter */
img.icon_tw  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_tw  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 20;
animation-iteration-count: 20;
}

/* google bookmarks */
img.icon_go  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_go_sm  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	width:40%;
}

img.icon_go:hover, img.icon_go:focus, img.icon_go:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}


/* linkedin */
img.icon_li  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_li:hover, img.icon_li:focus, img.icon_li:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

 /* social media buttons */

#socialnet-small {
position: relative;
margin-left: 25px;
margin-right: -7px;
}

/* Pulseeffekt */
@-webkit-keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
/* facebook */
img.icon_fb  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
img.icon_fb:hover, img.icon_fb:focus, img.icon_fb:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* twitter */
img.icon_tw  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_tw {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 20;
animation-iteration-count: 20;
}

/* google bookmarks */
img.icon_go  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_go:hover, img.icon_go:focus, img.icon_go:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* linkedin */
img.icon_li  {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

img.icon_li:hover, img.icon_li:focus, img.icon_li:active  {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

#button{
   float: left;
  margin-top: 2px;
  margin-left: 3%;
  margin-right: 5px;
  max-width: 20%;
}

/* ende social media buttons */ 

#menu1
{
    clear:both;
    position:relative;
/*        margin-top:75px;
   width:100%; */
    list-style-type:none !important;
    min-width:241px;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#104e8b, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #104e8b));	
	background: -webkit-linear-gradient(#104e8b, #111);	
	background: -o-linear-gradient(#104e8b, #111);
	background: -ms-linear-gradient(#104e8b, #111);
	background: linear-gradient(#104e8b, #111);
	-moz-border-radius: 50px;
	border-radius: 0px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}


#menu1 li
{
    list-style-type:none !important;
	float: left;
	padding: 10px 0; 
	position: relative;
	}
/*
#menu1 li:nth-child(9) {
       float: right;
}*/

#menu1 li:nth-child(1) {
       display: inline-block;  
       margin-left: 0px;
     }

#menu1 a 
{
	float: left;
	height: 25px;
	padding: 0 20px;
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu1 li:hover > a
{
	color: #fafafa;
}

#menu1 li:hover > ul
{
	display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
}

ul.two-col {
    width: 330px;
    height: 136px;
}

ul.two-col > li:nth-child(4n) {
    box-shadow: none!important;
}
ul.two-col-5 {
    width: 346px;
    height: 170px;
}

ul.two-col-5 > li:nth-child(5n) {
    box-shadow: none!important;
}
ul.three-col-4 {
    width: 520px;
    height: 139px;
}
ul.three-col-4 > li:nth-child(4n+4) {
    box-shadow: none!important;
}
ul.three-col-5 {
    width: 518px;
    height: 170px;
}
ul.three-col-5 > li:nth-child(5n+5) {
    box-shadow: none!important;
}
ul.three-col-6 {
    width: 515px;
    height: 210px;
}
ul.three-col-6 > li:nth-child(6n+6) {
    box-shadow: none!important;
}
/* Sub-menu */


#menu1 ul
{
 background: #104e8b;
    background: -moz-linear-gradient(#104e8b, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #104e8b));
    background: -webkit-linear-gradient(#104e8b, #111);    
    background: -o-linear-gradient(#104e8b, #111);	
    background: -ms-linear-gradient(#104e8b, #111);	
    background: linear-gradient(#104e8b, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    left: 0;
    list-style-type: none !important;
    margin: 0 0 0 0px;
    padding: 0;
    position: absolute;
    top: 35px;
    z-index: 99999;
}

#menu1 ul ul
{
  top: 0;
  left: 165px;
}

#menu ul ul li:nth-of-type(4n) {
    border-bottom: 0;
}

#menu1 ul li
{
    float: none !important;
    margin: 0 !important;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu1 ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;   
  }

#menu1 ul a
{    
    padding: 10px;
	height: 10px;
	width: 152px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

#menu1 ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu1 ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu1 ul li:first-child > a:after {
    border-bottom: 8px solid #104e8b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 30px;
    position: absolute;
    top: -7px;
    width: 0;
}

#menu1 ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #104e8b;
}

#menu1 ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menu1 ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menu1 ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu1:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*#cd_box 

{  float: right;
  margin-right: 10px;
  margin-top: 15px;
  max-width: 100%;
  position: relative;
 }
*/
#cd_box {
   float: unset;
   margin: 0 5px;
   display: none;
   border: 2px solid black;
   position: relative;
   display: flex;
   align-items: center;
}


#cd_bar 
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  background-color: lightblue;
}


#countdown {
     display:inline;
top: 0px;
/*margin-top: 240px;
margin-right: 20px;
margin-bottom: 0px;
    background-color:#E6E6E6;*/
    color: #1B232F;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#cd_text {
    display:inline;
   padding: 1px;
top: 0px;
/*margin-top: 240px;
margin-bottom: 0px;
    background-color:#E6E6E6;
    margin-left:3px;*/
    color: #1B232F;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#zeit_sm{
    position:relative;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    width:85px; 
    height:30px;
    float:right;
    margin-top:4px;
    padding: 3px -1px 2px 3px;
	list-style: none;  
	background: #fff;
	background: -moz-linear-gradient(#104e8b, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #104e8b));	
	background: -webkit-linear-gradient(#104e8b, #111);	
	background: -o-linear-gradient(#104e8b, #111);
	background: -ms-linear-gradient(#104e8b, #111);
	background: linear-gradient(#104e8b, #111);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}

@media all
and (max-width:241px)
{
ul, li{color:#000;font-size:14px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.tooltipster-base{width:150px;}
.tooltip.click {
  position: relative;
  margin-bottom: 12px;
  max-width: 600px;
  list-style: none;
  font-family: sans-serif;
}

.tooltip.click .tooltip-toggle {
  color: #0077cc;
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
}

.tooltip.click .tooltip-content {
  background: #f0f0f0;
  border-left: 4px solid #0077cc;
  padding: 12px;
  margin-top: 8px;
  position: relative;
  display: none; /* wichtig */
}

.tooltip.click .tooltip-content .close {
  position: absolute;
  top: 8px;
  right: 10px;
  background: #ccc;
  color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.tooltip.click .mehr {
  display: inline-block;
  margin-top: 8px;
  color: #0077cc;
  text-decoration: none;
  font-size: 0.9em;
}

.arrow{width:25px; height:25px;margin-left:10px;}
a.scroll img {margin-top: 30px; margin-left: 3px;}
#nach_oben{position:fixed;bottom:30px;margin-left:0px;}
#nach_oben a{width:20px;height:20px;}
#menu1 {display:none;}
.footer{margin:2px;font-size:14px;}

#zeit_sm{margin-right:20px;margin-left:120px;}
.feed{width:90%;min-width:180px;margin-top:10px!important; padding:1px 1px 10px 1px;}
.feed ul li {margin:1px 1px 0px 10px !important;padding:2px 0px 0px 3px !important;}
.header {min-width:241px;}
.header a{height:15px; width:25px;margin-left:2px;margin-top:6%;
       background-image: url(menu_icon-38.png);}
.header_sm img{display:none;}
.header img{min-width:360px;vertical-align: top !important;}
#socialnet {display:none;}
  .button{
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 5px;     }
    #configure-media {background-color:#ffff99;padding: 15px; line-height:18pt; font-size:1.5em;}
    #configure-media2 {background-color:#FFA500;padding: 15px; line-height:18pt; font-size:1.5em;}
    #configure-media3 {background-color:#19CAF1;padding: 15px; line-height:18pt; font-size:1.5em;}
button, textarea {
    font-size: 100%;
}


.sende2 {
cursor: pointer;
font: 16px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 2000px;
padding: 2px;
line-height: 130%;
}
.sende1 {
cursor: pointer;
font: 16px Verdana,sans-serif;
color: #000000;
background-color: #66ccff;
width: 100px;
padding: 2px;
line-height: 130%;
margin-bottom:5px;
}
.sende3 {
cursor: pointer;
font: 16px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 100px;
padding: 2px;
line-height: 130%;
}
.wappen {float:right; margin-right: 4px;margin-top: 3px;max-width: 8%; border-radius: 5px;}}


@media all
and (min-width:241px)
and (max-width:321px)
{
	body {
    background-color: #68a3ce;
}
    ul, li{color:#000;font-size:14px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
#col1a  {width:90%;height:100%;min-height:350px;}
#col2a, #col3a, #col4a  {width:90%;height:100%;min-height:350px;}
.arrow{width:34px; height:34px;margin-left:-10px;}
a.scroll img {margin-top: 10px; margin-left: 3px;}
#nach_oben{position:fixed;bottom:30px;margin-left:0px;}
#nach_oben a{width:24px;height:24px;}
#menu1 {display:none;}
#datumzeit {display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;margin-top:0px;background:none;}
#zeit_sm{
margin-right: 5px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
font-size:11px;
}
#top-bar {
     display: flex;
     align-items: center;
     margin-right:0.8em;
     margin-left:1em;
     margin-bottom:-2em;
}
/*
.eng {
  display: none;
}
*/
/*.large {display:none;}*/

.header a{height:35px; width:45px;margin-left:5px;margin-top:6%;
      background-image: url(menu_icon_38.png);}
.header_sm img{display:none;}
.header img{width:100%;vertical-align: top  !important;}
.footer{margin:2px;font-size:14px;line-height: 1.0;}
.feed{width:91%;margin:2% 1% 1% 2%; padding:1px 1px 20px 1px;}
.feed ul li{margin:1px 1px 0px 15px !important;padding:2px 0px 0px 3px !important;}
#socialnet {display:none;}
 .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 35px;
  margin-left: 50px;

}
/*    .button{
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 7px;     }
    #configure-media {background-color:#ffff99;padding: 15px; line-height:14pt; font-size:1.0em;margin-bottom:-3px;}
    #configure-media3 {background-color:#19CAF1;padding: 15px; line-height:14pt; font-size:1.0em;margin-bottom:-3px;}
    #configure-media2 {background-color:#19CAF1;padding: 15px; line-height:14pt; font-size:1.0em;margin-bottom:-3px;}
    

button, textarea {
    font-size: 80%;
}*/
.sende2 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 190px;
padding: 2px;
line-height: 100%;
}
.sende1 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #66ccff;
width: 90px;
padding: 2px;
line-height: 100%
margin-bottom: 5px;
}
.sende3 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 90px;
padding: 2px;
line-height: 100%;
}
.wappen {float:right; margin-right: 4px;margin-top: 3px;max-width: 8%; border-radius: 5px;}

}

@media all
and (min-width:321px)
and (max-width:390px){
	body {
    background-color: #68a3ce;
}
    ul, li{/color:#000;font-size:14px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
#col1a  {width:90%;height:100%;}
#col2a, #col3a,  #col4a {width:90%;height:100%;}
#nach_oben{position:fixed;bottom:30px;margin-left:0px;}
#nach_oben a{width:24px;height:24px;}
.arrow{width:34px; height:34px;margin-left:-10px;}
a.scroll img {margin-top: 10px; margin-left: 3px;}
#menu1 {display:none;}
#top-bar {
     display: flex;
     align-items: center;
     margin-right:0.8em;
     margin-left:1em;
     margin-bottom:-2em;
}
#datumzeit{display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;background:none;}
#zeit_sm {
    margin-right: 2px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    margin-left: -2.5px;
    width: 95px;
    padding-left: 7px;
    padding-right: 5px;
  }

 .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 35px;
  margin-left: 20px;
}
#dialog-button
{
background:transparent !important;
border:none;
max-width: unset;
margin-right: auto;
margin-left: 6 %;
margin-top: 5px;
}
.button-links {
  display: flex;
   margin-left:-3px;
}
/*
.eng {
  display: none;
}
*/
/*.large {display:none;}*/

.header a{height:40px; width:40px;margin-left:1px;margin-top:1.6rem;
      background-image: url(menu_icon_38.png);}
.header_sm img{display:none;}
.header img{width:100%;vertical-align: top  !important;}
.footer{margin:2px;font-size:14px;line-height: 1.0;}
.feed{width:91%;margin:2% 1% 1% 2%; padding:1px 1px 20px 1px;}
.feed ul li{margin:1px 1px 0px 15px !important;padding:2px 0px 0px 3px !important;}
#socialnet {display:none;}
	#socialnet-small {width:50%;}
.button{
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 9px;     }
        #configure-media {background-color:#ffff99;padding: 15px; line-height:14pt; font-size:1.0em;}
        #configure-media2 {background-color:#ffff99;padding: 15px; line-height:14pt; font-size:1.0em;}
        #configure-media3 {background-color:#19CAF1;padding: 15px; line-height:14pt; font-size:1.0em;}
button, textarea {
    font-size: 80%;
}
.sende2 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 200px;
padding: 2px;
line-height: 100%;
}
.sende1 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #66ccff;
width: 120px;
padding: 2px;
line-height: 100%;
margin-bottom: 5px;
}
.sende3 {
cursor: pointer;
font: 12px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 120px;
padding: 2px;
line-height: 100%;
}
.wappen {float:right; margin-right: 4px;margin-top: 3px;max-width: 8%; border-radius: 5px;}
.optico{margin-bottom:-5px;}
}

@media all
and (min-width:390px)
and (max-width:450px){
	body {
    background-color: #68a3ce;
}
    ul, li{/*color:#000;*/font-size:14px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
#medien-auswahl { margin-right: 5px; margin-left: 5px;}
#col1a  {width:100%;height:100%;}
#col2a, #col3a,  #col4a {width:100%;height:100%;}
#nach_oben{position:fixed;bottom:30px;margin-left:0px;}
#datumzeit{display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;background:none;}
#zeit_sm{
margin-right: 5px;
    margin-top: 0px;
    padding-top: 5px;;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size:12px;
}
/*
.eng {
  display: none;
}
*/
#top-bar {
     display: flex;
     align-items: center;
     margin-right:0.8em;
     margin-left:1em;
     margin-bottom:-2em;
}
/*.large {display:none;}*/
#nach_oben{position:fixed;bottom:30px;margin-left:1px;}
#nach_oben a{width:24px;height:24px;}
.arrow{width:44px; height:44px;margin-left: -10px;}
a.scroll img {display:none;}
 .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 35px;
  margin-left: 20px;
}
#dialog-button
{
background:transparent !important;
border:none;
max-width: unset;
margin-right: auto;
margin-left: 6 %;
}
#menu1 {display:none;}
.header a{height:40px; width:40px;margin-left:1px;margin-top:6%;
       background-image: url(menu_icon_38.png);}
.header_sm img{display:none;}
.header img{width:100%;vertical-align: top  !important;}
.footer{margin:2px;font-size:14px;line-height: 1.0;}
.feed{width:91%;margin:2% 1% 1% 2%; padding:1px 1px 10px 1px;}
.feed ul li{margin:1px 1px 0px 15px !important;padding:2px 0px 0px 3px !important;}
#socialnet {display:none;}
    #configure-media {background-color:#ffff99;padding: 15px; line-height:16pt; font-size:1.2em;}
    #configure-media2 {background-color:#ffff99;padding: 15px; line-height:16pt; font-size:1.2em;}
    #configure-media3 {background-color:#19CAF1;padding: 15px; line-height:16pt; font-size:1.2em;}
button, textarea {
    font-size: 100%;
}
.sende2 {
cursor: pointer;
font: 14px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 240px;
padding: 2px;
line-height: 100%;
}
.sende1 {
cursor: pointer;
font: 14px Verdana,sans-serif;
color: #000000;
background-color: #66ccff;
width: 120px;
padding: 2px;
line-height: 100%;
margin-bottom: 5px;
}
.sende3 {
cursor: pointer;
font: 14px Verdana,sans-serif;
color: #000000;
background-color: #EED5FF;
width: 120px;
padding: 2px;
line-height: 100%;
}
.button{
    float: right;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 5px;     }
.wappen {float:right; margin-right: 4px;margin-top: 3px;max-width: 10%; border-radius: 5px;}
.optico{margin-bottom:-5px;}

    }

@media all
and (min-width:450px)
and (max-width:635px){ul, li{color:#000;font-size:14px;font-family:Arial, Helvetica, Verdana;line-height:1.1em;text-align:left;padding:0 2% 0 2%;margin:0;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
#nach_oben{position:fixed;bottom:30px;margin-left:1px;}
#nach_oben a{width:24px;height:24px;}
.arrow{width:44px; height:44px;margin-left:-10px;}
a.scroll img {display:none;}
#col1a  {width:100%;height:100%;}
#col2a, #col3a,  #col4a {width:100%;height:100%;}
#datumzeit{display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;background:none;}
#zeit_sm
{
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 5;
    padding-bottom: 3px;
    font-size: 11px;
    width: 95px;
    padding-left: 8px;
}


#top-bar {
     display: flex;
     align-items: center;
     margin-right:0.8em;
     margin-left:1.5em;
     margin-bottom:-2em;
}
#menu1 {display:none;}
.header a{height:40px; width:40px;margin-left:0.1em;margin-top:5%;}
.feed{width:42%;margin:2% 3% 1% 3%;padding:1px 1px 20px 1px !important;}
.feed ul li{margin:1px 1px 0px 12px !important;padding:2px 0px 0px 3px !important;}
.header_sm img{display:none;}
.header img{width:100%;vertical-align: top;}
#socialnet {display:none;}
.button{
    float: right;
    margin-top: 7px;
    margin-left: 3px;
    margin-right: 3px;     }  
.wappen {float:right; margin-right: 4px;margin-top: 3px;max-width: 10%; border-radius: 5px;} 
.footer{line-height: 1.0;}
.optico{margin-bottom:-5px;}
/*.large {display:none;}*/
 .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 35px;
  margin-left: 30px;
}
}
    

@media all and (min-width:635px)
and (max-width:1088px){
#nach_oben{position:fixed;bottom:30px;margin-left:1px;}
#nach_oben a{width:24px;height:24px;}
.arrow{width:44px; height:44px;margin-left:-10px;}
a.scroll img {display:none;}
#col1a  {width:44%;height:100%;}
#col2a, #col3a,  #col4a {width:44%;height:100%;}
#datumzeit{display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;margin-right:12px;background:none;}
#zeit_sm
{
margin-right: 0px;
    margin-top: 2px;
    padding: 8px 0px 1px 22px;}

#menu1 {display:none;}
.feed{width:44%;margin:2% 1% 1% 2%;padding:1px 1px 20px 1px !important;word-wrap: break-word;}
.feed ul li{margin:1px 1px 0px 12px !important;padding:2px 0px 0px 3px !important;word-wrap: break-word;}
.header a{height:40px; width:40px;margin-left:1px;margin-top:2.3rem;}
.header_sm img{display:none;}
.header img{width:100%;}
#socialnet-small {display:none;}
.small {display:none;}

 .form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 8px;
  margin-left: 30px;
}   
}

@media(orientation: landscape)and (min-width:800px)
and (max-width:1088px){

.header a{height:40px; width:40px;margin-left:1px;margin-top:3.8rem;}
}

@media all and (min-width:1088px)
and (max-width:1165px){
#nach_oben{position:fixed;bottom:30px;margin-left:1px;}
#nach_oben a{width:24px;height:24px;}
a.scroll img {display:none;}
.arrow{width:44px; height:44px;margin-left:-10px;}
.feed{width:30.33%;margin:1% 1% 5% 1%;padding:1px 1px 20px 1px !important;word-wrap: break-word;}
.feed ul li{margin:1px 1px 0px 12px !important;padding:2px 0px 0px 3px !important;word-wrap: break-word;}
.header a{display:none;}
.header_sm img{display:none;}
.header img{width:100%;}
#datumzeit{display:none;}
#zeit{position:relative;color:#fff;font-weight:bold;width:80px; float:right !important;margin-right:15px;background:none;}
#zeit_sm{display:none;}
#socialnet-small {display:none;}
#socialnet {margin-right: 40px;}
.menu-btn {display:none !important;}

.small {display:none;}

.form-control {
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 8px;
    margin-left: 990px;
}
}

@media all and (min-width:1165px)
and (max-width:1681px){
#datumzeit{color:#fff;font-weight:bold;width:165px;float:right !important;margin-right:5px;background:none;}
#zeit{display:none;}
#zeit_sm{display:none;}
.header a{display:none;}
a.scroll img {display:none;}
.arrow{margin-left: -15px;}
.feed{width:30.33%;margin:1px 5px 5px 5px;padding:1px 1px 10px 1px !important;color: #000000;word-wrap: break-word;
font-size: 14px; font-family: Arial,Helvetica,Verdana;line-height: 1.1em;}
.feed ul li{margin:1px 1px 0px 12px !important;padding:2px 0px 0px 3px !important;word-wrap: break-word;}
.header_sm img{display:none;}
.header img{width:100%;}
#socialnet-small {display:none;}
.menu-btn {display:none !important;}

.small {display:none;}

.form-control {
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 8px;
    margin-left: 990px;
}
}

@media only screen and (min-width:1681px)
{#datumzeit{color:#fff;font-weight:bold;width:165px;float:right !important;margin-right:75px;background:none;}
#zeit{display:none;}
#zeit_sm{display:none;}
.header a{display:none;}
a.scroll img {display:none;}
.arrow{margin-left: 10px;}
.feed{width:22%;margin:1% 1%;padding:1px 1px 20px 1px !important;}
.feed ul li{margin:1px 1px 1px 15px !important;padding:2px 0px 2px 3px !important;word-wrap: break-word;}
.header_sm img{display:none;}
.header img{width:100%;}
#socialnet-small {display:none;}
#socialnet {
margin-right: 70px;
}
.small {display:none;}
#dialog-button
{
background:transparent !important;
border:none;
max-width: unset;
margin-right: auto;
margin-left: 40px;
}
.form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 3px;
}
.menu-btn {display:none !important;}
}