/* (c) 2011 Andreas Neuner, w3group
 * Hyperlinks (Blau): #0b78da
 */

@font-face
    {
    font-family: 'Avenir';
    src: url('avenir_lt_35_light-webfont.woff2') format('woff2'), url('avenir_lt_35_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

@font-face
    {
    font-family: 'Avenir_bold';
    src: url('avenir_lt_55_std-webfont.woff2') format('woff2'), url('avenir_lt_55_std-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    }

@font-face
    {
    font-family: 'Avenir_black';
    src: url('avenir_lt_65_medium-webfont.woff2') format('woff2'), url('avenir_lt_65_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'Patung';
    src: url('Patung.otf') format('opentype');
         url('Patung.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



table {
}

/* Diekte Formatanweisungen */
#error {color: black; background-color: #ff9b9b; }
#error a {color: white; text-decoration: underline;}

.menusetup {
	background-image: url(setup40x32.png);
	background-repeat: no-repeat;
}
.menusetup:hover {
	background-image: url(setuphover40x32.png);
	background-repeat: no-repeat;
}
.menuhover {
	background-image: url(menu40x32.png);
	background-repeat: no-repeat;
}
.menuhover:hover {
	background-image: url(menuhover40x32.png);
	background-repeat: no-repeat;
}

.focus_none {
	outline: none;
	-webkit-appearance: none;
	border: 1px solid transparent;
	background-color: transparent;
}
.focus_none:focus {
	outline: none;
	-webkit-appearance: none;
	border: 1px solid transparent;
	background-color: transparent;
}
img.darrgray {
	background-image: url(darrgray20x20.png);
	background-repeat: no-repeat;
}
img.darr {
	background-image: url(darr20x20.png);
	background-repeat: no-repeat;
}
img.darr:hover {
	background-image: url(darrred20x20.png);
	background-repeat: no-repeat;
}
img.uarr {
	background-image: url(uarr20x20.png);
	background-repeat: no-repeat;
}
img.uarr:hover {
	background-image: url(uarrred20x20.png);
	background-repeat: no-repeat;
}
img.larr {
	background-image: url(larr20x20.png);
	background-repeat: no-repeat;
}
img.larr:hover {
	background-image: url(larrred20x20.png);
	background-repeat: no-repeat;
}
img.rarr {
	background-image: url(rarr20x20.png);
	background-repeat: no-repeat;
}
img.rarr:hover {
	background-image: url(rarrred20x20.png);
	background-repeat: no-repeat;
}

img.reload {
	background-image: url(reload20x20.png);
	background-repeat: no-repeat;
}
img.reload:hover {
	background-image: url(reloadred20x20.png);
	background-repeat: no-repeat;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	/*background-color: #d5e8fe;*/
	background-color: white;
	width: 100%;
}

u {
	text-decoration: none;
	color: brown;
}
p, body, div, table, input, textarea, a, select, button, input,option, td, span, table, input, th
    {
    font-family: Avenir,sans-serif;
	line-height: 140%;
	font-size: 16px;
    font-style: inherit;
    font-weight: inherit;
    color: #000000;
    }

/*textarea, input { font-family: monospace; }*/

td, th {
	vertical-align: top;
}
td, th, span, div, input, table {
    color: inherit;
}

button {
	background-color: transparent;
	color: #4d6dd9;
	cursor: pointer;
	border: 0px solid transparent;
	padding: 0px;
}
/*
button:hover {color: black;}
#popup_hover {color: red;}
*/

pre {margin-top: 0px; margin-bottom: 0px;}

/* fuer den Seitenumbruch */
h5	{font-size: 0%;};

a { /* this empty entry is for IE8, leave it empty! */
	color: #4d6dd9;
}
a:link {text-decoration: none; color: #4d6dd9; }
a:visited {text-decoration: none; color: #4d6dd9;}
a:hover {color: black; }
a:active {text-decoration: none; color: black;}
a:focus {text-decoration: none; color: black;}


a.session_index { /* clone Link oben links */
	background: blue;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
}

a.delete, button.delete { color: red; font-weight: bold;}
a.delete:hover, button.delete:hover {text-decoration: underline;}
xmp {
	padding: 1px;
	margin: 0px;
}

img {border:0; vertical-align: top; }
h2  {font-size: 120%; font-weight:bold;}

table.zero {padding: 0px; margin: 0px;}
table.zero tr td {padding: 0px; margin: 0px; }
table.zero tr th {padding: 0px; margin: 0px; }

/********************************************************************
 *
 * Navigationsleiste ganz oben
 ********************************************************************/
table.navbar {
	width: 100%;
	z-index: 12;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	height: 40px;
	/*background: url(bg_navbar.png) repeat-x bottom;*/
	background-color: #e0e0e0;
}
table.navbar u {
	color: brown;
	text-decoration: none;
}

table.navbar tr.navbaredit {
	background-color: #e2dfc5;
	/* background: url(bg_navbar_edit.png) repeat-x bottom; */
}
table.navbar tr {
}
table.navbar > tbody > tr > td, table.navbar > tbody > tr > th {
	vertical-align: middle;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

table.navbar img, table.navbar input[type=image]{
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
}

table.navbar a:hover, table.navbar button:hover {
	color: black;
}
table.navbar a, table.navbar button {
	/*color:#5c94e0;*/
	color:#0b78da;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 3px;
}
/* Grouping im navbar */
span.group {
	padding: 4px;
	border: 1px solid gray;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f0f0f0;
	white-space: nowrap;
}
span.group img {
	vertical-align: middle;
}

/********************************************************************
 *
 * action - Submit und <a href> Buttons
 *
 ********************************************************************/
td.action {
	background-color: #1bbc1b;
	cursor: pointer;
	color: white;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
}
td.action:hover {
	background-color: red;
}
a.action, button.action {
	color: white;
	font-weight: bold;
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/*background: url(bg_action.png) repeat-x bottom;*/
	background-color: #1bbc1b;
}
a.action:hover, button.action:hover {
	background-color: red;
}


/********************************************************************
 * 
 * INFO: Nachrichtenleiste unterhalb der Notebook Laschen und überhalb
 * der Toolbar in Beige.
 *
 *******************************************************************/
table.info {
	width: 100%;
	margin: 0px;
	border-bottom: 1px solid black;
	background-color: #fafafa; 
	color: #404040;
	padding: 6px;
}
/* rechte Seite */
table.info > tbody > tr > td {
	font-size: 90%;
}
table.subinfo {
	width: 100%;
}
table.subinfo > tbody > tr > td {
	border-top: 1px solid gray;
	padding-bottom: 3px;
	padding-top: 3px;
}

/********************************************************************
 *
 * DIALOG - MASKE
 *
 *******************************************************************/
/* Dialog - Boxen */
table.dialog {
	margin-left: 0px; 
	margin-top: 10px; 
	margin-right: 0px;
}
table.dialog > tbody > tr > td {
	padding-left: 8px; padding-right: 8px;
	padding-top: 4px; padding-bottom: 4px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
table.dialog > tbody > tr > th {
	padding-left: 8px; padding-right: 8px;
	padding-top: 8px; padding-bottom: 4px;
	border-bottom: 2px solid black;
	text-align: left;
	color: gray;
	font-weight: normal;
	font-size: 120%;
}
table.dialog > tbody > tr > th > b {
	color: black;
}
table.dialog input[type=image] { vertical-align:middle; } 
table.dialog a {color: #0b78da;}
table.dialog a:hover { color: red; }

/* Falls Dialog als Liste gebraucht wird */
table.dialog tr.even td { background-color: #e2e2e2;  }
table.dialog tr.odd td { }
table.dialog tr.selected td { background-color: #96d2b4; } 
table.dialog tr.selected {  }


/********************************************************************
 *
 * LIST - MASKE
 *
 *******************************************************************/
table.list {
	background-color: white;
	/*border: 1px solid gray;*/
	border-top: 1px solid #5da5e5;
    border-collapse: separate;   /* wichtig */
    border-spacing: 0px 0px;
}
table.list > tbody > tr:first-child {
	top: 0px;
	position: sticky;
}
table.list > tbody > tr > th {
	/* background-color: #d5e9ff; */
	/*background-color: #c9c9c9; */
    background-color:white;
	color: black;
	font-weight: bold;
	font-style: normal;
	padding: 10px; 
	padding-left: 8px;
	padding-right: 8px;
    padding-bottom: 14px;
	vertical-align: top; 
    text-align: left;
}

table.list > tbody > tr > td {
	vertical-align: top;
	padding: 10px;
	/*border-right: 1px solid #c0c0c0;*/
}
/* Die einzelnen Masken */
table.list > tbody > tr > td {
	padding-left: 5px; 
	padding-right: 5px; 
	/*background-color: #f0f0f0;*/
}
/* toggle list color */
table.list > tbody > tr {
	cursor: pointer;
}
table.list tr.even td { background-color: #f0f0f0;  }
table.list tr.odd td { }
table.list tr.passiv:nth-child(even) { background-color: #ffd4a3; }
table.list tr.passiv:nth-child(odd) { background-color: #ffd4a3; }
table.list tr.record:nth-child(even) { background-color: #f0f0f0; }
table.list tr.record:nth-child(odd) { background-color: #ffffff; }
/* gewählter Datensatz */
table.list td.record:hover {
	background-color: #6a67ea;
}
table.list > tbody > tr.record:hover {
	background-color: #d1e6dc;
}
table.list > tbody > tr.selected {
	background-color: #ace1c6;
} 
table.list > tbody > tr.selected:hover {
	background-color: #d1e6dc;
} 

table.list a {color: #0b78da; cursor:pointer;}
table.list a:hover { color: red; }

/********************************************************************
 *
 * Definition fuer Paginierung
 *
 ********************************************************************/
tr.paging0 { /* Abstand und Rahmen */
}
tr.paging0 td {
	border-top: 1px solid gray;
}
tr.paging1 { /* Seiten vor und zurück blättern */
}
tr.paging1 td {
	font-weight: bold;
	white-space: nowrap;
}
tr.paging1 a {
	font-weight: normal;
}
tr.paging2 { /* Einstellung anzahl Einträge pro Seite */
}
tr.paging2 td { /* Einstellung anzahl Einträge pro Seite */
	text-align: left;
	white-space: nowrap;
}

/********************************************************************
 *
 * Printing
 *
 ********************************************************************/
table.print {/*width: 180mm; siehe user_rd_print_style()*/}
table.print th {vertical-align: top; text-align: left;}
table.print td {vertical-align: top; text-align: left;}

div.seite {
	width: 210mm;
}

table.error {
	width: 98%;
	background-color: #f95467;
	color: white;
	margin: 10px;
	padding: 10px;
	border: 1px solid black;
}
table.message {
	width: 98%;
	background-color: #ffde47;
	margin: 10px;
	border: 1px solid black;
}
table.message > tbody > tr > td, table.error > tbody > tr > td {
	vertical-align: top;
	padding: 16px;
}

table.login {
	border: 2px solid gray;
	background-color: #f5f5f5;
	padding: 10px;
	margin-top: 60px;
	border-radius: 8px;
	-moz-border-radius: 8px;
}
table.login > tbody > tr > td {
	padding-right: 10px;
	
}

big {
	font-size: 120%;
}

a[name] { position:relative; top:-80px; }

small {
	font-size: 90%;
}
span.nowrap {
	white-space: nowrap;
}
span.gray { /* Labels in Dialogen */
   color: gray;
}

span.brown { /* Labels in Dialogen */
   color: brown;
}

div.help {
	text-align: left;
	white-space: nowrap;
	font-size: 90%;
	color: #606060;
	padding: 4px;
	margin: 2px;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #edf6b9;
}

div.help {
	text-align: left;
	white-space: nowrap;
	font-size: 90%;
	color: #606060;
	padding: 4px;
	margin: 2px;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #edf6b9;
}

span.info {
	border-bottom: 1px dashed gray;
}

table.root_menu {
	width: 100%;
	margin-top: 40px;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
table.root_menu a {color: #0b78da; padding-left: 5px;padding-bottom: 2px;padding-right: 12px;}
table.root_menu a:hover {color: red;}
table.root_menu > tbody > tr > td {
	/*padding-left: 4px;
	padding-right: 4px;*/
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
table.root_menu > tbody > tr > td > b {
	background-color: #e0e0e0;
	display: block;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 12px;
	color: #606060;
	margin-bottom: 3px;
	border-left: 1px solid white;
}

table.navbar_buttons {
	width: 100%;
}
table.navbar_buttons > tbody > tr > td {
	padding-left: 6px;
	padding-right: 6px;
	white-space: nowrap;
	vertical-align: middle;
}

table.navbar_buttons > tbody > tr > td > a.xaction {
	/*background-color: #f2a3a3;*/
	display: block;
	background-color: #f0f0f0;
	padding: 2px;
	color: brown;
	border: 2px solid brown;
}
table.navbar_buttons > tbody > tr > td > a.xaction:hover {
	background-color: #e0e0e0;
}

table.navbar_buttons > tbody > tr > td > button.xaction {
	background-color: #f0f0f0;
	color: #1bbc1b;
	padding: 3px;
	border: 2px solid #1bbc1b;
}
table.navbar_buttons > tbody > tr > td > button.xaction:hover {
	background-color: #e0e0e0;
}


span.noask {
}
span.noask > a.noask {
	color: green;
}
span.noask > a.noask:hover {
	color: red;
}
div.ask {
	position:absolute;
	color: black;
}
div.fixask {
	position:fixed;
	color: black;
}

div.inner_ask {
	font-weight: normal;
	text-align: left;
	/* background-color: #e0e0e0; keine Hintergrundfarbe vergeben
	border: 1px solid gray;*/
}
table.menu {
	border: 1px solid black;
}
/*
table.menu > th {
	font-weight: bold;
	border-bottom: 1px solid black;
	color: white;
	background-color: #c4d9ee;
}
table.menu > td {
	color: black;
}
table.menu th a {
	color: white;
	padding: 0;
}
table.menu th a:hover {
	color: red;
}
*/
a.popup_menu {
	padding: 5px;
}
a.popup_menu:hover {
	background-color: red;
}
span.hidden {
	color: transparent;
}


.suchen {
	background-color: #1bbc1b;
}
.suchen:hover {
	background-color: red;
}

a.anchor {
	position: relative;
	display: block;
	top:-250px;
	visibility: hidden;
}

table.cal > tbody > tr > th {
	padding-left:5px;
	padding-right:5px;
}
table.cal > tbody > tr > td {
	padding-left:5px;
	padding-right:5px;
}

a.block_href {
	position: absolute; /* dont forget to make the parent relative */
	left:0; right:0; top:0; bottom:0;
	padding:5px;
	display: block;
	border: red;
}
a.block_href:hover {
	/*background-color: #e0e0e0;
	opacity: 0.2;*/
}
td.block_href, th.block_href {
	position: relative;
	color: #0b78da;
	cursor: pointer;
}
td.block_href:hover, th.block_href:hover {
	color: red;
	background-image: url(block_href2.png);
}

table.toolbar {
	padding: 0;
	margin: 0;
	background-color: #faf5f5;
}
table.toolbar > tbody > tr > td.disabled >img {
	opacity: 0.3;
}
table.toolbar > tbody > tr > td.disabled {
	color: gray;
	cursor: auto;
	background-color: #f0f0f0;
}
table.toolbar > tbody > tr > td.noclick {
	cursor: auto;
	background-color: #f0f0f0;
}
table.toolbar > tbody > tr > td {
	cursor: pointer;
	text-align:center;
	padding: 10px;
	border-right: 1px solid gray;
}
table.toolbar > tbody > tr > td:hover {
	background-image: url(block_href2.png);
}
table.toolbar > tbody > tr > td.noclick:hover {
	background-image: none;
}
table.toolbar > tbody > tr > td.disabled:hover {
	background-image: none;
}

table.tabs {
	padding: 0;
}
table.tabs > tbody > tr > td:hover {
	background-image: url(block_href2.png);
}
table.tabs > tbody > tr > td {
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #f0f0f0;
	width:64px;
	white-space: nowrap;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	cursor: pointer;
	color: gray;
}
table.tabs > tbody > tr > td.active {
	border-bottom: 1px solid transparent;
	background-color: white;
	color: black;
}
table.tabs > tbody > tr > td:last-child:hover {
	background-image: none;
}
table.tabs > tbody > tr > td:first-child:hover {
	background-image: none;
}
table.tabs > tbody > tr > td:first-child {
	cursor: auto;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid gray;
	background-color: #f0f0f0;
	width:16px;
}
table.tabs > tbody > tr > td:last-child {
	cursor: auto;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid gray;
	background-color: #f0f0f0;
	width:100%;
}

a.popup_rd_calendar {
	display: block;
	cursor: pointer;
}
a.popup_rd_calendar:hover {
	background-image: url(block_href2.png);
}
.clickable {
	cursor: pointer;
}
.clickable:hover {
	background-image: url(block_href2.png);
}

table.toolbar_edit {
	background-color: #d5e9ff;
	margin:0;
	padding:0;
}
table.toolbar_edit > tbody > tr > td {
	text-align:left;
	padding-left: 8px; padding-right: 8px;
}
table.toolbar_edit > tbody > tr:first-child > td {
	padding-bottom: 2px;
}

table.navbar_scroll {
	/* Die TOP BOTTOM TO_SELECTED Pfeile */
}
table.navbar_scroll > tbody > tr > td {
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

table.navbar > tbody > tr > td > table.navbar_scroll > tbody > tr > td > a.hilfe:hover {
	color: red;
}

div.connect {
	font-weight: bold;
	background-color: #d5e9ff;
	position:fixed;
}

.menu:hover > td:first-child {
	background-image: url(menugray20x20.png);
	background-position: center;
	background-repeat: no-repeat;
}
.menu:hover > td:first-child:hover {
	background-color: #ffbb84; /* block_href2.png */
}
#wait {
	cursor: wait;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: gray;
	z-index: 50;
	opacity: 0.4;
}
#log {
	cursor: wait;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid black;
	padding: 10px;
	z-index: 50;
	background: rgba(100,100,100,.5);
	color: black;
}
table.breakpoints {
	width:100%;
}
table.breakpoints > tbody > tr > td {
	padding:8px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

button.reload {
	border: 1px solid transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
button.reload:hover {
	border: 1px solid red;
}

select {
	border: 1px solid black; /* Don't remove this, bug in Safari, you can't style select box any more */
}

table.smallfont td {
	font-size: 80%;
	color: #909090;
}

table.processstamp tr {
	cursor: pointer;
}
table.processstamp tr:hover {
	cursor: pointer;
	color: black;
	background-color: #e0e0e0;
}
table.processstamp td {
	padding: 10px;
}

div.error {
	background-color: #f95467;
	color: white;
	margin: 10px;
	padding: 10px;
	border: 1px solid black;
}
div.message {
	background-color: #ffde47;
	color: black;
	margin: 10px;
	padding: 10px;
	border: 1px solid black;
}

table.clariskm {
	color: white;
}
table.clariskm > tbody > tr > td {
	padding-left: 15px;
	padding-top: 4px;
}

table.cal2 > tbody > tr > th {
	border-right: 1px solid black;
	border-bottom: 2px solid black;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.cal2 > tbody > tr > td {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#canvas {
    display: block;
    margin: 0px auto 0 auto;
}
#video {
    /* display: none; */
    margin: 0px auto 0 auto;
}

#click-photo {
    /* display: none; */
    margin: 0px auto 0 auto;
	text-align: center;
}

i {
	font-style: normal;
	color: #808080;
}

.select-wrap::after {
  content: "v";                 /* Pfeil nach unten */
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;         /* Klick soll durch gehen */
}

.select-wrap select:focus + .select-wrap::after,
.select-wrap select:focus::after {
  content: "^";   /* Pfeil nach oben */
}

error_box {
    display: none;
    height:80;
    /*overflow:scroll;*/
	 overflow-y: auto;   /* Scrollt vertikal, falls nötig */
  	overflow-x: hidden;
    padding:20px;
    color:white;
    background-color: #95467;
}
.button1white {
    cursor: pointer;
    border: 1px solid white;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button1white:hover {
    z-index:0;
    border: 1px solid  #6FFFB1; /* grün */
    background: linear-gradient(
        to right,
        rgba(111, 251, 177, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
}
.button1red {
    color: red;
    cursor: pointer;
    border: 1px solid red;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button1red:hover {
    z-index:0;
    background: linear-gradient(
        to right,
        rgba(111, 251, 177, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
    transition: opacity 0.3s;
}
.button1blue {
    color: black;
    cursor: pointer;
    border: 1px solid #4D6DD9;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button1blue:hover {
    z-index:0;
    border: 1px solid  #6FFFB1; /* grün */
    background: linear-gradient(
        to right,
        rgba(111, 251, 177, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
    transition: opacity 0.3s;
}
.button1dark {
    cursor: pointer;
    border: 1px solid #4D6DD9;
    background: linear-gradient(90deg, #4D6DD9 0%, BLACK 100%);
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button1dark:hover {
    z-index:0;
    border: 1px solid  #6FFFB1; /* grün */
    background: linear-gradient(
        to right,
        rgba(111, 251, 177, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
}
.hover {
	cursor: pointer;
}
.hover:hover {
	cursor: pointer;
    /* color: #6FFFB1; /* grün nicht zu erkennen auf weißer schrift*/
    color: #4D6DD9;
}
a.hover1green {
	cursor: pointer;
    color:white;
}
.hover1green, a.hover1green {
	cursor: pointer;
}
.hover1green:hover, a.hover1green:hover {
	cursor: pointer;
    color:#6FFFB1;
}

.hover1subview {
	cursor: pointer;
    color: white;
}
.hover1subview:hover {
    color:#6FFFB1;
}

.scroll-container {
  /*max-width:1200px;*/
  position:relative;
  width:100%;
  overflow: hidden;
  height:400px;
}

.scroll-images {
  display: flex;
  position:absolute;
  left: 0px;
  top: 0px;
  height:400px;
  /* animation: scroll 30s linear infinite; ISt im C-Code verankert */
}

.scroll-images img {
  display: block;
  height: 400px;
  margin-right: 20px;
  display: block;
  flex-shrink: 0;
}

.scroll-container:hover .scroll-images {
  animation-play-state: paused;
}
@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.darka {
    color:#6FFFB1;
}
.darka:hover {
    color: gray;
}

.button1butter {
    cursor: pointer;
    border: 1px solid #c6a8a9;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
    background: linear-gradient(to right, #FEEEBA, #E2CCB1, #C7A9A9);
}
.button1butter:hover {
    z-index:0;
    border: 1px solid  #6FFFB1; /* grün */
    background: linear-gradient(
        to right,
        rgba(111, 251, 177, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
}

.button1red {
	 color: black;
    cursor: pointer;
    border: 1px solid red;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button1red:hover {
    z-index:0;
    border: 1px solid  red; /* grün */
    background: linear-gradient(
        to right,
        rgba(250, 0, 0, 0.6),   /* links grün halbtransparent */
        rgba(0, 255, 0, 0));
}

.patung {
    font-family: 'Patung', sans-serif;
    font-size: 16px; /* Optional: Größe anpassen, da Custom Fonts oft anders wirken */
	 /*
	 height: 24px;
    padding: 0px 0px; 
    line-height: 1.2;
	 */
}

.button2dark {
    cursor: pointer;
    border: 1px solid #4D6DD9;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:34px;
    padding-right:34px;
}
.button2dark:hover {
    z-index:0;
    border: 1px solid  #6FFFB1; /* grün */
}