/*
  Standard Template, Version 2.0
  G�nter Pietzka
  Organisation und Technologie 2024
*/


.titel     { font-size:1.2rem; font-weight: bold; vertical-align: middle;}
.titelhoch { height:1.8rem; }

.border_farbe {
	border-left:4px solid var(--farbe) ;
}
.border_farbealt {
	border-left:4px solid var(--farbealt) ;
}

.rap_abschnitt {
	border:2px solid var(--farbealt);
	margin-top:8px;  
	margin-top:8px;  
	border-top-left-radius:1.0rem;
	width:100% ;
	overflow:auto ;
}
  
.rap_zeile:first_child {
	font-size:1rem ;
	display:flex; 
	width:100%;
	margin-bottom:3px ;
	margin-top:5px ;
}
.rap_zeile {
	font-size:1rem ;
	display:flex; 
	width:98%;
}
  
.rap_zeile_kurz {
	display:flex;
	justify-content: space-between; 
	width:98%;
	margin-bottom:3px ;
	padding-top:3px ;
}

.rap_titel {
	width:25% ;
	font-size:1rem ;
	margin-left:5px ;
	margin-right:2px ;
	background-color: var(--back) ;
}

.rap_rest {
	width:75%  ;
	font-size:1rem ;
	margin-left:3px ;
	overflow:auto;
	background-color: var(--back) ;
}

/*  Icons mit SVG
*/
.icon {
  display: inline-block;
  fill:blue ;
  height: 2rem;
  cursor: pointer;
}

.icon:hover {
  color:farbe;
  border: 2px solid #aaa ;
}


input, textarea, select  {
  padding:4px 6px ;
  font-size:1rem ;
  cursor:cursor;
  border-radius:8px;
  border:1px solid #333 ;
}


button {
	all: unset ;
 	background-color: var(--back) ;
  	font-weight: bold ;
  	font-size : 12pt ;  
  	color:#333 ;
  	cursor:pointer ;
	margin: 2px;
	padding: 6px;
	border-top-left-radius:16px ;
	border: 2px solid var(--farbe) ;
}

.hover {  
	background-color: var(--farbealt) ;
 	color:var(--farbe) ;
}


.button {
  	cursor:pointer ;
}

.button:hover {  
	background-color: var(--farbealt) ;
 	color:var(--farbe) ;
}




* {
  box-sizing:border-box ;
}
  
body {
	/* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 14px;

	/* Remove the background color to make it transparent */
	background-color: var(--back) ;
	margin: 2px;
}


.rahmen_o {
  border: 2px solid var(--farbe) ;
  border-top-left-radius:1.0rem;
}
.rahmen_u{
  border: 2px solid var(--farbe) ;
  border-bottom-right-radius:1.0rem;
  border-bottom-left-radius:1.0rem;
}

.kopf {
  font-size: 1.2rem ;
  font-weight: bold;
  font-style: italic ;
  width:100% ;
}

h1 { 
	color: var(--farbe) ;
	font-weight: bold;
	font-size: 2em;
	margin-block-end: 10px;
}

h2 {
	all: unset ;
	display:block ;
	color: var(--farbe) ;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
/*  line-height: 1.0; */
}
h3 {
	all: unset ;
	display:block ;
	color: var(--farbealt) ;
	font-weight: bold;
	font-style: normal;
	font-size: 1.4em;
	margin-top:5px ;
}
h4,h5,h6 {
	display:block ;
	font-weight: bold;	
	font-style: italic;
	font-size: 1.2em;
}



.gesamt {
	border-spacing:0;
	border-collapse:collapse;
	padding:0;	
	border:0;
	margin:0;
	border:0;
	width:800px ;
/*  background-color:#c9c4bb; */
}


a { color: #0782C1; }

ol,ul,dl {
	/* IE7: reset rtl list margin. (#7334) */
	margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	border: 10px;
	margin-block-start: 0.5em ;
	margin-block-end: 0.5em ;
}

.noborder  {
  border: 0px solid black;
  border-collapse: collapse;
}

.breit {
	width:100% ;
}





img.right {
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left {
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}


a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}

/* Funktionstasten im Filteren� */
a { font-size : 9pt ; }
a:hover { background-color:#bbffbb; }
title  {font-size : 10pt ; }