/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/modern-normalize@3.0.1/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
/*# sourceMappingURL=/sm/d2d8cd206fb9f42f071e97460f3ad9c875edb5e7a4b10f900a83cdf8401c53a9.map */

/* ====================================================================================================
   My Stylesheet 
   ==================================================================================================== */

:root {
	--max-width: 1000px;
	--nav-height: 70px;	
	--nav-align: space-between; /*links: left; rechts: space-between; */
	--space: 1rem;
	--radius: 5px;
	--text: #004a99;
	--bg: #f7f7f7;	
	--primary: #007bff;
	--primary-hover: #004a99;
	--border: #cccccc;
	--border-focus: #007bff;
	--shadow: 0 4px 8px #cccccc;
	--transition: all 0.3s ease-in-out;
}

/* ====================================================================================================
   Layout 
   ==================================================================================================== */

html {
  overflow-y: scroll;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
}

body {
	max-width: var(--max-width);
	margin: var(--nav-height) auto 0 auto;	
	padding: var(--space);
	color: var(--text);	
  	line-height: 1.6;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--nav-height);
	background-color: var(--bg);
	box-shadow: var(--shadow);
	z-index: 1000;
	background: linear-gradient(to right, #7fbfff, #004a99);
}

header a {
	text-decoration: none;
	color: white;
}

header a:hover {
	color: white;
	opacity: 0.85;
	transition: var(--transition);
	text-decoration: none;
}

header a[href="?page=inhaltsverzeichnis"] {
	font-size: 1.4rem;
}

footer {
	border-top: 1px solid var(--border);
	margin-top: 3rem;
	padding: 1rem 0;
	text-align: center;
}

/* ====================================================================================================
   Navigation 
   ==================================================================================================== */

.wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space);
	margin: 0 auto;
	max-width: var(--max-width); 
	padding: var(--space);
	height: 100%;
} 

/* ====================================================================================================
   Überschriften 
   ==================================================================================================== */

h1 { font-size: 1.4rem;}
h2 { font-size: 1.2rem; } 
h3 { font-size: 1rem;}

/* ====================================================================================================
   Links 
   ==================================================================================================== */

a {
	color: var(--primary);
	text-decoration: none;
	transition: var(--transition);
}

a:hover {
	color: var(--primary-hover);
	text-decoration: underline;
}

/* ====================================================================================================
   Tables 
   ==================================================================================================== */

table {
	width: 100%;  
	border-collapse: collapse;
}

thead th {
	text-align: left;
	padding: 0.75rem 1rem;
	font-weight: bold;
	border-bottom: 2px solid var(--border);
}

tbody tr {
	transition: background-color 0.3s ease;
}

tbody tr:hover {
	background-color: var(--bg);
}

tbody td {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid var(--border); 
}

tbody tr:last-child td {
	border-bottom: none;
}

td {
  white-space: no-wrap;
  word-break: normal;
}

/* ====================================================================================================
   Mathe 
   ==================================================================================================== */
   
mjx-container[jax="CHTML"][display="true"] {
  max-width: 100%;
  overflow-x: auto;       /* horizontal scroll wenn zu breit */
  overflow-y: hidden;
  display: block;         /* sicherstellen, dass Block-Element */
  padding: 0.5em 0;       /* optional etwas Abstand */
  -webkit-overflow-scrolling: touch; /* flüssiges Scrollen auf iOS */
  box-sizing: border-box; /* besseres Box-Modell */
}

.formel-liste {
	background-color: #f5f6f7; 
	padding: 10px 30px 0px 0px; 
	display: inline-block; 
	margin-top: 0px; 
	margin-bottom: 20px; 
	box-shadow: var(--shadow);
	border-radius: var(--radius);
}

.formel {
	background-color: #f5f6f7; 
	padding:10px 20px 10px 20px; 
	display: inline-block; 
	margin-top: 0px; 
	margin-bottom: 20px; 
	box-shadow: var(--shadow);
	border-radius: var(--radius);	
}