/* Bootstrap CSS */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"); */
@import "bootstrap.min.css";

/* ANPASSUNG STANDARD FORMATIERUNGEN */

:root {
  --cassiopeia-color-primary: red;
  --cassiopeia-color-primary: #f0f0f0;
}

.container-header {
  background-image: radial-gradient(circle, #E0E0E0, #A9A9A9);
}

.metismenu.mod-menu {
	color: black;
}

.container-topbar {
  background-color: #fffbf1;
  background-color: #ffffff;
  font-size: 1.5em; 
  padding-left:  4em;
  padding-right: 4em;
  padding-top: 0.5em;
  border: 0.5px solid silver;
  font-style: italic; 
  text-align: center;
}

.container-footer{
 font-style: italic;
 padding: 0 !important;
 font-size:0.5em;
 text-align: center;
 background-image: none;
 color: black;
 background-color: transparent;
}

button[type="submit"] {
   font-size: 1.0em; padding: 1px 12px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: grey;
   border: 1px solid silver;
   /*background-image: linear-gradient(to top, gainsboro 10%, white 90%);*/
   background-image: linear-gradient(to top, #A9A9A9 10%, white 90%);
   border-radius: 10px;
}


/* EIGENE ALLGEMEIN GÜLTIGE FORMATIERUNGEN */ 

.mein-banner,
.mein-logo {
  background-color: #E0E0E0;
  color: #e63922!important;
  font-size: 1em; 
  border: 0.5px solid silver;
  border-radius: 28px;
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-bottom: 0.2em;
  font-style: italic; 
  font-weight: bold
}

.mein-banner {
    background-color: #ffffff;
    border: 0px;
}

.tabbeschrieb {
  margin-top: -1em;
  font-size: smaller;
}

.beispielblock {
  padding: 0.5em;
  padding-bottom: 1em;
  background-color: #fffbf1;
  border: 0.5px solid silver;
  border-radius: 10px;
  box-shadow: 10px 20px 15px silver;
} 

.feldfehler {
  color: #aa0000;
}

.meine-klasse{
    background-color:#cab;
    color: #aa0000;
 }

.meine-border{
  border: 2px solid #fff000;
}

.spacerform1 {
  text-decoration: underline;
}

/* MEINE FORMATIERUNGEN */ 

/* Blog Main */
.mein-main-head {
  padding: 0.5em;
}

.mein-main-item .blog-item {  
  background-color: #fffbf1;
  border: 0.5px solid silver;
  border-radius: 10px;
  padding: 0.5em;
  max-height: 15em;
  align-items: stretch;
  box-shadow: 10px 20px 15px silver;
}

.mein-main-item .readmore .btn-secondary {
    background-color: white;
    font-style: italic; 
    font-style: bold;
    font-size: 0.75em;
    text-align: center;
    color: red;
}
	
/* FORMULARSPEZIFISCHE EINSTELLUNGEN */

/*Label und Eingabefeld in einer Zeile für All-In-Satz. ID ist allinForm*/
form#myjzuID .control-group,
form#allinForm .control-group, 
form#myallinID .control-group
{
  display: flex;
  align-items: center;
  gap: 0.5rem;             /* Abstand zwischen Label und Feld */
  margin-bottom: 0.75rem;  /* Abstand zwischen den Zeilen */
}

form#myjzuID .control-label,
form#allinForm .control-label,
form#myallinID .control-label
{
  flex: 0 0 180px;
  margin: 0;
  white-space: nowrap;
}

form#myjzuID .controls,
form#allinForm .controls,
form#myallinID .controls
{
   flex: 1 1 auto;  
}

/*TabellenLayout All-In Rate */
.mytbl_allinrate {
    thead th {
      background-color: rgba(196, 226, 251, 0.5);
    }

    tbody td {
	border: 1px solid #ddd;
	text-align: right;
	padding-top:    0.15em;
	padding-bottom: 0.15em;
    padding-left:   1em;
	padding-right:  0.5em;
  }
}

/*TabellenLayout Jahresumsatz */
.mytbl_jahreszielumsatz {
 	border: 1px solid #ddd;
	/*border-collapse: separate;*/
	/*border-spacing: 0.2em;*/
	width: 100%;
   
  thead th {
	border: 1px solid #ffffff;
	margin: 0.5em;
    background-color: rgba(196, 226, 251, 0.5);
	text-align: right;
	padding-right: 0.5em;
   }

  tbody th {
	text-align: right;
	padding-right: 0.5em; 
  }

  tbody td {
	border: 1px solid #eee;
	text-align: right;
	padding-top:    0.15em;
	padding-bottom: 0.15em;
    padding-left:   1em;
	padding-right:  0.5em;
  }

  tbody tr:nth-child(odd) {
    background-color: #f2f5f8;
  }
  
  tbody tr:nth-child(even) {
    background-color: #ffffff; 
  }
	
  .bckgrdodd {
	  background-color: rgba(144, 238, 144, 0.2);
  }	
	
  .bckgrdeven {
	  background-color: rgba(100, 208, 144, 0.2);
  }		
  
}

body.site-id-25  .container-header {
      display: none;
}

/*-------------------------------*/
/* Screenabhängig, Media Queries */
/*-------------------------------*/

@media screen and ( max-width: 576px ) { 
/*---------------------------------------*/
  .weite {
     padding: .25em;
     color:#ff006;
     width:100%!important;
   }

 .ausklappblock {
    padding: 1px 1em;
    border-radius: 18px;
    border:1px solid #f7f0fa;
   }

.container-topbar {
  display: none;
}

  /* Module in der Topbar nebeneinander anordnen */
.menu{
    display: flex;
    justify-content: space-between; /* oder 'flex-start', je nach Wunsch */
    /* align-items: center; */
    flex-wrap: wrap; /* falls es bei kleiner Bildschirmbreite umbrechen soll */
}

.menu .moduletable {
    margin-right: 1rem; /* etwas Abstand */
}

  
  
 } 

@media screen and (min-width: 992px) { 
/*---------------------------------------*/

/* Module in der Topbar nebeneinander anordnen */
.container-topbar {
   display: flex;
   justify-content: space-between; /* oder 'flex-start', je nach Wunsch */
   justify-content: flex-start; /* oder 'flex-start', je nach Wunsch */
   flex-wrap: wrap; /* falls es bei kleiner Bildschirmbreite umbrechen soll */
}

.site-grid,
.container-nav  {
      width: 60%!important;
      margin-left: auto;
      margin-right: auto;
}

.container-footer {
 margin-left: auto;
 margin-right: auto;
}
  
  .topbar .moduletable {
   /* margin-right: 1rem;  etwas Abstand */
}

 /* 
  .site-grid {
      width: 60%!important;
      margin-left: auto;
      margin-right: auto;
   }
*/
  .ausklappblock {
     padding: 0.1em 0.5em;
     border-radius: 3px;
     border:1px solid #f7f0fa;
   }

  .bckgrnd-form {
    color:#000!important;
    padding: 0.1em 0.5em;
    margin-bottom: 1em;
  }

  .bckgrnd-hx {
     padding: 0.1em 0.2em;
  }

  .feldfehler {
    text-align:center;
  }


.mytbl_allinrate,
.mytbl_jahreszielumsatz {
	border: 1px solid #ddd;
	border-collapse: separate;
	border-spacing: 0.2em;
	/*width: 100%;*/
  }
  
  thead th {
	/*border: 1px solid #ffffff;*/
	margin: 1em;
    /*background-color: blue; */
	/*text-align: right;*/
	/*padding-right: 0.5em;*/
   }

  tbody th {
	/*text-align: right;*/
	/*padding-right: 0.5em; */
    /*border: 1px solid #ddd;*/
  }

  tbody td {
	/*border: 1px solid #eee;*/
	/*text-align: right;*/
	/*padding-top: 0.25em;*/
	/*padding-bottom: 0.25em;*/
    /*padding-left: 1em;*/
	/*padding-right: 0.5em;*/
  }


  
	
	
	
} /*Ende Maximale Weite */




/* PDF Drucken für Projektliste*/

@media print {
    .logo, nav, aside, header, footer, .container-banner, .pager {
    display: none;
  }

}

<style>
#druckbereich.pdf-font-large {
  font-size: 11px !important;
  line-height: 1.6;
}
</style>


.line-for-pdf {
  line-height: 1.6;
}