@charset "utf-8";
/* CSS Document
WV türkis = #10b4eb
WV Hintergrund dunkel = #1d1d1d
WV Hintergrund grau, hellgrau = #767676
WV graublau = #b4b9d9
WV rot = crimson
WV grüne Box = #828f0c
WV hellgrüne Box = ????
WV sehr dunkelgraue Box, Texz = #424856
WV dunkelgrau = #535c6f
WV mittelgrau = #869197
WV blaue Box = #8081ff
WV blau = #
WV blau = #
WV fast weiß = #fffbf0
WV  weiß = #ffffff
WV Text hellgrau = #b4b9d9
*/

/*BODY - Hintergrund, Ränder*/
body {
	background-color: #1d1d1d;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
}
/*BODY - Logo Walser Verlag -> Vordergrund noch offen!!!!!!!!!*/
.iframelogowv {
	margin-top: 0px;
	margin-left: 150px;
	width: 100%;
	height: 40px;
	border: none;
	z-index: 100;
	position: relative;
}
/*iframe für webreader*/
iframewebreader {
	width: 400px;
	height: 300px;
	scrolling: yes;
	border: 2px green dashed;
	padding: 0;
	margin-top: 100px;
	margin-bottom: 30px;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;

	-moz-box-shadow: 4px 4px 14px #000;
	-webkit-box-shadow: 4px 4px 14px #000;
	box-shadow: 4px 4px 14px #000;

	-moz-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
	
	
}

/*HYPERLINKS - NICHT IN VERWENDUNG; ALLES ÜBER BUTTONS*/
a:link { color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #ffffff; text-decoration: none}
a:active {color: #ffffff; text-decoration: none}


/*BUTTONS*/
.button {
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    background-color: #424856;
	border: 1px solid #424856; 
	border-radius: 5px;
	width: auto;
    padding: 3px 10px;
	color: #fffbf0;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
    cursor:pointer;
	}
.button:hover {
	background-color: #828f0c;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
/*Download Button*/
.buttondl {
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    background-color: #424856;
	border: 1px solid #424856; 
	border-radius: 5px;
	width: 30px;
    padding: 3px;
    text-align: center;
    display: inline-block;
    font-size: 10px;
    /*margin: 4px 2px;*/
    cursor:pointer;
	}
.buttondl:hover {
	background-color: #828f0c;
	width: 30px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
/*
.buttonadmin {
	-webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    background-color: #424856;
	border: 1px solid #424856; 
	border-radius: 5px;
	width: 120px;
    padding: 5px;
	color: #fffbf0;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    margin: 0px 0px 10px 10px;
    cursor:pointer;
	}
.buttonadmin:hover {
	background-color: #828f0c;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	color: #fffbf0;	
	}
*/
/*LINIEN*/
.linie1 { 
	border: 0px; 
	border-top: 1px solid #869197; 
	margin: 10px 40px 10px 80px; 
	}
.linie2 { 
	border: 0px; 
	border-top: 1px solid #869197; 
	margin: 0px;
	}


/*TEXTFORMATE*/
.textformular {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 12px;
	    border-radius: 2px;
		color: #10b4eb;
      }
.textred {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: crimson;		
}
.textgreenr {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: right;
	color: #828f0c;
	font-size: 12px;	
	}
.textgreenl {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: left;
	color: #828f0c;
	font-size: 12px;	
	}
.textkl {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: center;
	color: #424856;
	font-size: 7px;
	}
.textmi {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: left;
	color: #424856;
	font-size: 10px;
	}
.textklw {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: center;
	color: #fffbf0;
	font-size: 7px;
	}
.textw {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: center;
	color: #fffbf0;
	font-size: 11px;
	}
.textwvb {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: left;
	color: #10b4eb;
	font-size: 11px;	
	}

/*TABELLEN*/
/*Tabelle Hintergrund - quasi Rahmen*/
.tabrahmen {
	width: 100%;
	background-color: #767676; 
	border: 0px solid #767676; 
	border-radius: 12px;
}
.tabrahmen td {
	padding: 30px;
}
/*Tabelle für kopf1_und_2_wv*/
.tablek1WV {
	width: 100%; 
	float: left;
	background-color: #fffbf0; 
	/*height: 95px;*/
	align: left; 
	border: 4px solid #b4b9d9; 
	border-radius: 12px 12px 12px 12px;
	margin: 0px 0px 20px 0px;
}
.tablek1WV
	th {
	  	border: 0px solid #fffbf0; 
	  	border-radius: 5px;
		background-color: #fffbf0; 
	  	color: #10b4eb;
	  	padding: 1px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 20px;
	  	font-style: normal;
	  }
.tablek1WV
	td {
		padding: 1px;
        vertical-align: middle;
		background-color: #fffbf0; 
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
		color: #10b4eb;
		border: 0px solid #767676;
      }
/*Tabelle Responder*/
.tabresp {
	width: 50%; 
	margin-top: 15px;
	background-color: #767676; 
	vertical-align: middle;
	border: 4px solid #869197; 
	border-radius: 10px 10px 10px 10px;
	border-spacing: 0px;
}
.tabresp
	th {
	  	color: #ffffff;
		background-color: #828f0c;
        border: 1px solid #869197;
		border-radius: 5px;		
	  	padding: 10px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  }
.tabresp
	td {
        border: 1px solid #869197;
		border-radius: 3px;
		padding: 3px 3px 3px 10px;
		text-align: left;
		vertical-align: middle;
		font-style: normal;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 12px;
		color: #fffbf0;;
		background-color: #767676;
      }
/*Tabelle Registrierung*/
.tabreg {
	width: 70%; 
	margin-top: 15px;
	background-color: #fffbf0; 
	vertical-align: middle;
	border: 4px solid #b4b9d9; 
	border-radius: 10px 10px 10px 10px;
	border-spacing: 10px;
}
.tabreg
	th {
	  	border: 0px; 
	  	border-radius: 5px;
	  	color: #10b4eb;
	  	padding: 3px 3px 5px 10px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
	  	font-style: italic;
	  }
.tabreg
	td {
        border: 1px solid #b4b9d9;
		border-radius: 3px;
		padding: 3px 3px 3px 10px;
		text-align: left;
		vertical-align: middle;
		font-style: italic;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 12px;
		color: #10b4eb;
		background-color: #fffbf0;
      }
/*Tabelle Bibbereich einblenden für alle WV-Buecher*/
.tabbib2 {
		background-color: #828f0c;
		margin:0px 0px 0px 30px;
		width:280px;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 0px;
		}
.tabbib2 th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 10px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 20px;
		font-weight: bold;
		}
.tabbib2 td {
		background-color: #fffbf0;
		height: 40px;
		padding: 5px;
		color: #10b4eb;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
	  	}
/*Tabelle Bibbereich einblenden für alle freigeschalteten WV-Buecher*/
.tabbib {
		background-color: #828f0c;
		float:left;
		margin:0px 0px 0px 30px;
		width:200px;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 0px;
		}
.tabbib th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 10px;
		height: 20px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  	}
.tabbib td {
		background-color: #fffbf0;

		padding: 5px;
		color: #10b4eb;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
      }

/*Tabelle Buchdaten einblenden für alle WV-Buecher*/
.tabbibbuch {
		background-color: #828f0c;
		margin:0px 0px 0px 80px;
		width:80%;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 0px;
		}
.tabbibbuch th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 10px;
		height: 20px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  	}
.tabbibbuch td {
		background-color: #fffbf0;
		padding: 5px;
		color: #10b4eb;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 12px;
      }

/*Tabelle Buch einblenden für jedes freigeschaltete Buch*/
.tabbibbereich2  {
		background-color: #828f0c;
		float:left;
		margin:0px 0px 0px 30px;
		width:500px;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 10px;
		}
.tabbibbereich2 th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 5px;
		height: 20px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  	}
.tabbibbereich2 td {
		background-color: #fffbf0;
		width: 200px;
		height: 50px;
		padding: 5px;
		color: #10b4eb;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
      }



.tabbibbereich  {
		background-color: #828f0c;
		float:left;
		margin:0px 0px 0px 30px;
		width:90%;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 10px;
		}
.tabbibbereich th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 5px;
		height: 20px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  	}
.tabbibbereich td {
		background-color: #fffbf0;
		width: 50%;
		height: 100px;
		padding: 5px;
		color: #10b4eb;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
      }
.buchimage2 {	
	background-color: #fffbf0; 
	padding: 0px;
	border: 2px solid #fffbf0;
	border-radius: 5px 10px;
	width: 100%;
	}

/*Tabelle Kopfzeile für jedes freigeschaltete Buch*/
.tabkopf  {
		background-color: #828f0c;
		width:95%;
		border: 4px solid #828f0c; 
		border-radius: 10px 10px 0px 10px;
		}
.tabkopf th {
	  	color: #ffffff;
		background-color: #828f0c;
	  	padding: 10px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
		font-weight: bold;
	  	}
.tabkopf td {
		background-color: #828f0c;	
		padding: 0px 5px 5px 10px;
		color: #ffffff;
		text-align: left;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
      }
/*Tabelle - Rahmen für Buchinformationen und Buchkapitel, beinhaltet zwei Tabellen*/
.tabbuch {
	width: 90%; 
	background-color: #828f0c; 
	border: 2px solid #828f0c; 
	border-radius: 0px 0px 10px 10px;
	padding: 0px;
	}
.tabbuch td {
	background-color: #ffffff;
	padding: 0px;
	border: 2px solid #ffffff; 
	border-radius: 0px 0px 7px 7px;
	}
/*Tabelle für Rahmen ????*/
.tbuch {
	width: 15%; 
	float: left;
	background-color: #ffffff;
	
	}
.tbuch td {
	background-color: #ffffff;
	padding: 0px;
	}
/*Tabelle für Buchinformationen*/
.buchimage {	
	background-color: #ffffff; 
	padding: 0px;
	border: 2px solid #ffffff;
	border-radius: 5px 25px;
	width: 100%;
	}
.tbuchtitel {
	color: #10b4eb;
	font-weight: bold;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	}
.tbuchautoren {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: center;
	color: #424856;
	font-size: 12px;
	}
/*Tabelle für Kapitelinformationen*/
.tablebiblio {
	width: 85%; 
	/*background-color: #ffffff; */
	border: 0px solid #ffffff; 
	border-radius: 0px 0px 7px 0px;
}
/*
.tablebiblio tr:nth-child(odd) {
	  	background-color: #869197;	
      }
.tablebiblio tr:nth-child(even) {
		background-color: #424856; 
      }
*/
.tablebiblio
	td {
		background-color: #ffffff;
		width: 15%;
	  }
/*Tabelle für Kapitel*/
.kapitel {
	width: 100%; 
	/*background-color: #ffffff; */
	border: 4px solid #ffffff; 
	border-radius: 5px;
}
.kapitel th {
		height: 30px;
	  	color: #ffffff;
		background-color: #9ba638;
		border: 1px solid #9ba638; 
		border-radius: 0px 10px;
	  	padding: 5px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 12px;
		font-weight: bold;
	  	}
.kapitel
	td {
	  	background-color: #ffffff;
		text-align: left;
		border: 0px solid #b4b9d9; 
		border-radius: 5px;
		padding: 5px 0px 0px 0px;
		color: #424856;
		font-weight: normal;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 10px;
	  }
/*?????????????*/
.kapautoren {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	text-align: left;
	color: #424856;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	}
.kapimage {
	border: 2px solid #ffffff;
	border-radius: 10px;
	width: 70px;
	height: 95px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
/*
Tabelle ADMIN
.tableadmin {
	width:90%; 
	background-color: #fffbf0; 
	align: center;
	border: 4px solid #b4b9d9; 
	border-radius: 10px;
}
.tableadmin
	th {
		border: 1px solid #828f0c;
		border-radius: 5px;
		vertical-align: middle;
	  	color: #fffbf0;
	  	padding: 5px;
		background-color: #828f0c;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
	  	font-style: italic;
	  }
.tableadmin
	td {
        border: 0px solid #b4b9d9;
		padding: 0px 0px 0px 10px;
		vertical-align: middle;
		text-align: left;
		font-style: italic;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 11px;
		color: #828f0c;
      }
*/

/*FORM*/
/*Formular für Registrierung*/
form {
	width: 100%;
	padding-top: 12px;
	position: relative;
	}
input[type=text] {
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	background-color: #fffbf0;
	border: 1px solid #10b4eb;;
	color: #10b4eb;
	}
input[type=password] {
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	background-color: #fffbf0;
	border: 1px solid #10b4eb;
	}
input[type=number] {
	margin: 0px;
	padding: 0px;
	background-color: #fffbf0;
	border: 1px solid #10b4eb;
	color: green;
	}
/*
input[type=radio] {
  	display      : inline-block;
  	margin-left  : 0em;
  	line-height  : 1em;	
	color: #10b4eb;
	}
*/
input[type=email] {
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	background-color: #fffbf0;
	border: 1px solid #10b4eb;;
	color: #10b4eb;
	}
input:invalid {
	color: crimson;
	}
input:valid {
	color: #10b4eb;
	}
/*Radio Buttons*/
input[type='radio'] {
    -webkit-appearance:none;
    width:18px;
    height:18px;
    border:1px solid #828f0c;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px #10b4eb inset;
}
input[type='radio']:hover {
    box-shadow:0 0 5px 0px orange inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
    background:#10b4eb;
}

/*Checkbox ???????????????????????????????????????????????????*/ 
input[type="checkbox"] {
    display:none;	
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
}
input[type="checkbox"]:checked {
    /*background:url(icons/haken-ok2.png) -0px top no-repeat;*/
	background-color: #10b4eb;
}
/*
input[required]{
 background-color: #10b4eb; 
} 
*/

/*TEXTAREA*/
textarea {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  width: 750px;
  height: 80px;	
  font-size: 11px;
}

/*SELECT*/
.select {
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
    width: 100%;
    padding: 16px 20px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}
/*Listenfelder*/
/*
select {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	font-size: 12px;
    width: 100%;
    padding: 4px 4px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}
*/
/*PDF*/
/*PDF Downlaod*/
::-webkit-media-controls 
	{
  	display:none !important;
	}








/*Tabelle Waler Verlag*/
/*
.tableWV {
	width: 20%; 
	float: left;
	background-color: #fffbf0; 
	height: 95px; 
	align: left; 
	border: 4px solid #b4b9d9; 
	border-radius: 12px 0px 0px 12px;
}
.tableWV
	th {
	  	border: 1px solid #fffbf0; 
	  	border-radius: 5px;
		background-color: #fffbf0; 
	  	color: #10b4eb;
	  	padding: 1px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 20px;
	  	font-style: normal;
	  }
.tableWV
	td {
        border: 0px;
		padding: 1px;
        vertical-align: top;
		background-color: #fffbf0; 
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 8px;
		color: #10b4eb;
      }
/*Tabelle Überschrift Online-Bibliothek*/
/*
.tablemybiblio {
	width: 40%; 
	float: left;
	background-color: #fffbf0; 
	height: 95px; 
	border: 4px solid #b4b9d9; 
	border-radius: 0px 0px 0px 0px ;
}
.tablemybiblio
	th {
		border: 0px;
		color: #10b4eb;
	  	padding: 1px;
	  	text-align: center;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 20px;
	  	font-style: italic;
	  }
.tablemybiblio
	td {
		border: 0px;
		color: #10b4eb;
		background-color: #fffbf0; 
	  	padding: 5px;
	  	text-align: center;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 10px;
	  	font-style: normal;
	  }
/*Tabelle für Login*/
/*
.tablelogin {
	width:40%; 
	background-color: #fffbf0; 
	height: 95px; 
	align: center; 
	border: 4px solid #b4b9d9; 
	border-radius: 0px 10px 10px 0px;
}
.tablelogin
	th {
	  	border: 0px; 
	  	border-radius: 5px;
	  	color: #10b4eb;
	  	padding: 3px 3px 0px 10px;
	  	text-align: left;
	  	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	  	font-size: 16px;
	  	font-style: normal;
	  }
.tablelogin
	td {
        border: 0px solid #fffbf0;
		padding: 0px 0px 0px 10px;
		text-align: left;
		font-style: italic;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 11px;
		color: #10b4eb;
		background-color: #fffbf0;
      }
*/




/*https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulareingaben_mit_HTML5_validieren*/

/*
textarea {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	margin: 0px;
	width: 250px;
	padding: 3px;
	position: relative;
	background-color: #fffbf0;
	border: 1px solid #10b4eb;
	color: #10b4eb;
	}
*/
/*
label { 
  text-align: right;
  line-height: 1;
  position: absolute;
  left: 0;
}
label::after {
  content: ": ";
}
*/
/*Button Layout für Verlinkungen*/