@charset "utf-8";
/* CSS Document Günther Schinko - Standard */
 
 /* ---------------------------- Bilder ----------------------------- */
  
 	img{
 		border: 1px solid #7f852f; 
 		padding: 5px; border-radius:10px;
 	}
  
  
  /* ---------------------------- Für runde Buttons auf Bildern ----------------------------- */
  	.gedreht{
 		transform: rotate(20deg);
 	}
 	
 	/* ------------------ Tabellenelemente ------------------------------------------------- */ 
 	.ce-table{font-size: 1.25rem;}
 	
 /* ---------------------------- Cards ----------------------------- */
 
 
  
	  	.subheadline{font-size:1.25 rem;font-weight:bold;}
		.card-footer{font-size:1.25 rem; font-weight:bold;}
		.card{
		   	background: linear-gradient(148deg, rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);*/
		   	padding: 10px 15px;
	      	/*border-radius: 12px;*/
	      	/*border: 2px solid green;*/
            border: 0;
		}
		.card-title{text-align: center;}
		
		.list-group-item{font-size:1.50 em;}

  
   /* --------------------------- Panel ---------------------------- */
  .panel  {
	      padding: 10px 15px;
	      border-radius: 12px;
	      border: 2px solid green;
	      /*background-image: linear-gradient(148deg, rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);} */
	      
   	   }
 

  /* ---------------------------- Accordion und Tabs -------------------------- */
  	
  	  .nav-tabs {
	    /*display: inline-block; */    /*vertikal */
	   /*color: #212529; 
		background:#E8E8E8;
	    border: 1px solid black;
	    border-radius: 5px;*/
	    font-size:1.5rem;
	    gap: 0.25em;
	  }
	   .nav-pills {
	    /*color: #212529; */
		/*background: #E8E8E8; */
		font-size:1.5rem;
	    gap: 0.25em;
	    
	  }
		.tabs-above{			/* für Tabs */
	      font-size:1.5 rem;
	      font-weight: bold;
	  	}
	  
		.tabs-{					/* für Pills */
	      font-size:1.5rem;
	      font-weight: bold;
	   	}
  	
  	/* Achtung! Verändert auch die Standard-Navigation */
	    .nav-item{				
	    /*border: 0.01rem solid #E0E0E0;
	    border-radius: 5px;
        color: black;*/
	    
	   
	  } 
	
	
	  /*.tabs-above {
	  	font-size:1.25rem;
	  	color: #212529; 
	  	background: #dee2e6;
	  }*/
	  .nav-tabs .nav-link.active,
	  .nav-tabs .nav-item.show .nav-link {
	    /*color: #212529; 
	  	background: #dee2e6;*/
	  }
	  .nav-pills .nav-link.active,
	  .nav-pills .show > .nav-link {
		  /*color: #212529; 
		  background: #dee2e6;*/ 
	  }
	  /*.nav-tabs{font-size:1.25rem;}
	  .nav-pills{font-size:1.25rem;}
	  .scgu-nav-secondary{color: #212529; background: #dee2e6;}
	  .scgu-nav--info{color: #fff; background: #17a2b8;}
	  .scgu-nav--warning{color: #212529; background: #ffc107;}
	  .scgu-nav--light{color: #212529; background: #e9ecef;}
	  .scgu-nav--dark{color: #fff; background: #343a40;}
	  .scgu-nav--danger{color: #fff; background: #dc3545;}*/
	
	  .accordion-button{
	    font-size:1.25rem;
	    background: #e9ecef;    /* #CCC #7F852F */
	    border-color: e9ecef;  /*  silver */
	    color: #212529;		/* white */
	  }
	  .accordion-item{
	    /*background: #ECECEC;*/
	    border: 1px solid green;
	  }
	  .accordion-body{
	    /*	background: #E5E5E5;*/
	  }
	  /*.accordion-button {background-color: #7F852F; color: white; font-weight:bold; border: 1px solid; box-shadow: 2px 2px 1px silver; padding: 5px 5px 0 0; padding-left: 1em;} */
  
  	/* ------------------------------- Marquee (Laufschrift) ---------------- */
  
  .scroll-container {
	  overflow: hidden; /* Versteckt den Text außerhalb des Rahmens */
	  white-space: nowrap;
	  font-size:1.25rem;
	        //width:10em;
	        height:1.7em;
	        color:white;
	        padding: 10px 3;
	        background-color:#7f852f;
	    	text-align: center;
	    	border-radius: 12px;
		    border: 2px solid green;
 	}

	.scroll-text {
	  display: inline-block;
	  padding-left: 100%;
	  animation: scroll-animation 20s linear infinite alternate;
	}

	@keyframes scroll-animation {
	 0% {
	    transform: translate(0, 0);
	  }
	  100% {
	    transform: translate(-100%, 0); /* Bewegt sich nach links */
	  }
	}
	
  
  	/* ------------------------------- Marquee (Laufschrift) Veraltet ---------------- */
  
  	marquee
    {
        font-size:1.25rem;
        /*width:10em; */
        height:1.7em;
        color:white;
        padding: 10px 3;
        background-color:#7f852f;
        border-radius: 12px;
	    border: 2px solid green;
    }
    
    textbg
    {
  		font-size:1.25rem;
        //width:10em;
        height:1.7em;
        color:white;
        padding: 10px 3;
        background-color:#7f852f;
    	text-align: center;
    	border-radius: 12px;
	    border: 2px solid green;
    }
    
    /* ------------------------------- Marquee (Laufschrift) Veraltet Ende ---------------- */
 	
   
   /* ------------------------------- Marquee (Laufschrift) Ende ---------------- */	  
   
  .p1{text-align: justify;}				/*Paragraph */
  /*.p{font-family: Helvetica, Arial, sans-serif, "Times New Roman";font-size: 14 px;text-align: block;font-weight: 500;}*/   /*Absatz */
  /*.frame-type-textpic{border: 2px solid; border-color: #7f852f; padding: 5px;} */
  /*.overlay-text{background-color:rgba(255,255,255,0.8);color:black; margin-left:1.5em; margin-right:1.5em; padding-top:5px;} */
  .effect-bubba img{background-color:#EAE338;  border-radius:0;}		/* Button, Text über Bild */
  
  /*.d-grid{background: linear-gradient(148deg,  rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%, rgba(190,209,182,.8) 100%); padding:10px; border: 2px solid; border-color: #7f852f;}*/  /* Raster */
  /*.d-grid = Konfiguration Tabelle
    
  .high-ct-hidden{width:220px; border-style: none;}
  /*.description{font-size:1.2rem; font-weight:bold; color:#7f852f;} */
     
   /* em{color:green;}  */			/* hervorheben */
   /* em{color: #BC8F8F;font-weight: bold;}	*/	/* hervorheben */
   
 
  .lead{font-weight: 500;color: black;}			/* Einleitungstext */
  .style{font-weight: 500;color: black;}		/* Stil */
  .scgu_style1{font-size: 1.25 rem;font-weight: 500;color; black;}		/* Stil 1 */ 
  

  .scgu-lead{font-size: 1.25rem; line-heigth: 1.50 em; font-weight: 500;color: #0044cc;}
  .scgu-strong{font-weight: 800;}
  
  
  .scgu-balken-gesamt{display: flex; vertical-align:middle; text-align:center; font-size:1.5rem;}
  .scgu-balken-links-blau{width: 2%; height: 2rem; background-color: #0000ff;}
  .scgu-balken-rechts-grau{width: 58%; height: 2rem; background-color: #f9f9f9; color: #0000ff; font-weight: 700;}
   
   /* -------------Überschriften ------------------ */
   h1{color: #000000;text-shadow: 1px 1px 0 #bcbcbc, 2px 2px 0 #9c9c9c;text-align: center;}
   h2{color: #000000;text-shadow: 1px 1px 0 #bcbcbc, 2px 2px 0 #9c9c9c;text-align: center;}
   h3{color: #000000; text-shadow: 1px 1px 0 #bcbcbc, 2px 2px 0 #9c9c9c; }
   /* h3{text-align: center;}
   h4{color: #000000; text-shadow: 1px 1px 0 #bcbcbc, 2px 2px 0 #9c9c9c;}
   h5{color: #000000; font-size: 28px; text-shadow: 1px 1px 0 #bcbcbc, 2px 2px 0 #9c9c9c;}
   h6{color: #000000; text-align: center; font-size: 18px; text-shadow: 0.5px 0.5px 0 #bcbcbc, 1px 1px 0 #9c9c9c;} */
   
  
  
   /* ------------------------ Texthintergrund ------------------------------ */
   
	/*.ce-bodytext{padding-left: 0.1em; background: linear-gradient(148deg,  rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);}*/
  	.ce-headline h1{font-size: 25px;}
	/*.ce-bodytext{padding-left: 0.1em; background: linear-gradient(148deg, rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);}
	.ce-content{padding-left: 0.5em; background: linear-gradient(148deg, rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);} */
	.scgu_gruen{padding-Left: 0.5em; background: linear-gradient(148deg, rgba(242,242,242,.8) 30%, rgba(255,255,255) 50%, rgba(255,255,255) 50%,rgba(190,209,182,.8) 100%);}
	.scgu_hellgruen{padding-Left: 0.5em; background: linear-gradient(to right, #f5ffe5 0%,#f0ffd5 97%,#f0ffd5 100%,#f0ffd5 101%);}
	.scgu_helltuerkis{padding-Left: 0.5em; background-image: linear-gradient(to right, #f8fcfe 0%,#e9f8fd 100%);}
	.scgu_hellgrau{padding-Left: 0.5em; background-image: linear-gradient(to right top, #f9f9fe, #f4f7fd, #eef5fb, #e9f4f8, #e4f2f3);}
  /*Class "scgu_*" muss angegeben sein !!!!!    */
  
  /* -------------------- Labels ------------------------- */
  .label-primary{font-size:16px;}
  .label-warning{font-size:16px; color:black;}
  .label-info{font-size:16px;}
    
   
  

  /* ----------------------- Trenner -------------------------------- */
  
  		.scgu_tr_dick{border: 0; height: 6px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  		.scgu_tr_schmal{border: 0; height: 4px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  		.scgu_tr_duenn{border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
  		
  
  
  box-mit-text-osb {
    border: 2px solid #333; /* Rahmen */
    /*background-color:*/ #f0f0f0; /* Hintergrundfarbe */
    background-color: #7F852F;
    padding: 20px; /* Innenabstand */
    margin: 10px; /* Außenabstand */
    /*width: 300px; */ /* Breite der Box */
    text-align: center; /* Text zentrieren */
    font-family: Arial, sans-serif; /* Schriftart */
    font-size: 18px; /* Schriftgröße */
    /*color: #007bff;*/ /* Textfarbe */
    color: white;
  }
	  
   .balken-container {
    background-color: #7F852F;; 
    color: white;             /* Textfarbe */
    padding: 15px 20px;       /* Innenabstand (oben/unten & links/rechts) */
    width: 100%;              /* Volle Breite */
    box-sizing: border-box;   /* Padding wird in die Breite einbezogen */
    text-align: center;       /* Text zentrieren */
    font-family: sans-serif;
    font-size: 1.25em;
    margin-bottom: 20px;      /* Abstand zum nächsten Element */
    border-radius: 5px;       /* Optionale abgerundete Ecken */
  }
  /* Für einen Rahmen um den Text (optional) */
  .balken-mit-rahmen {
      border: 2px solid black;
      padding: 10px;
      background-color: #7F852F;
      color: white;
      font-size: 1.25em;
      text-align: center;
      width: 80%; /* Beispiel: Weniger als 100% Breite */
      margin: 20px auto; /* Zentriert den Container */
  }