:root {
	--cassiopeia-color-hover: #ffa100;
	--cassiopeia-color-link: #1183CC;
    --link-color: #1183CC;
    --body-font-size: 1.1rem;
}
body {
	color: #211A44;
	background: #EAECFF;
}
.h1, h1 {
  font-size: calc(1.375rem + 1.1vw);
}
@media (min-width: 1200px) {
.h1, h1 {
  font-size: 2.2rem;
}
}
.grid-child {
	max-width: 79.5rem;
}
.container-header .grid-child {
  padding-right: 1em;
}
/*.container-component > * + *, .container-component > :first-child {
	margin-top:-1em;
}*/
.container-component, .sidebar-right {
	padding: 0 1em;
}
.container-nav li.level-1.deeper.parent:hover > ul {
	display:block !important;
}
.container-header, .footer {
	background-image: linear-gradient(#2D265A, #483D8B);
}
.container-header {
	border-bottom: 1px solid #FFBD42;
}
#back-top { 
	position: fixed;
}
.ahatwitter {
	float:left;
}
.badge {
	color: #211A44;
}
.inputbox {
	border-color: #211A44;
}
.input-medium {
	color: #483D8B;
}
ol.com-content-blog__links {
	list-style: none;
	padding: 0;
}
@supports (display: grid) {
	@media (min-width: 480px) {
		.belowtopmodul {
			display: grid;
			grid-template-columns: 8rem  minmax(0, 71.5rem);
			padding: 0 0 0 0.5em;
		}
		.belowtopmodul .ahabanner {
			display: flex; 
			justify-content: right; 
			align-items: right;
		}
	}
}
@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(3, minmax(0, 22.5rem)) minmax(0, 12rem) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0;
  }
  .site-grid > [class^=container-],
.site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 0em;
       -moz-column-gap: 0em;
            column-gap: 0em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
  }
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}
.grid-child.container-sidebar-right {
	background: #F2F3FF;
	text-align: right;
}
.grid-child.container-component {
	background: #F9F9FF;
}
a {
	text-decoration: none !important;
}
a:hover {
    color: #ffa100;
}
.back-to-top-link, .btn-secondary, .btn-primary {
	background-color: #211A44;
	border: 2px solid #DFE2EB;
	color: #DFE2EB;
}
.back-to-top-link:hover {
	border-color: #171719;
	color: #171719;
}
.btn-secondary:hover, .btn-primary:hover {
	background-color: #ffa100;
	border-color: #171719;
	color: #171719;
}
.container-header .container-nav {
	padding: 0 1em;
}
.container-header .container-search {
	margin-top: 0em !important;
}
/*
.container-nav .navbar {
	padding-left: 1em;
}
*/
.container-header .navbar-toggler {
	background-color: #211A44;
	border: 2px solid #DFE2EB;
	color: #DFE2EB;
}
.container-header .navbar-toggler:hover, .navbar-toggler:focus {
	border-color: #ffa100;
	color: #ffa100;
	box-shadow: 0 0 0 0;
}
button.mm-collapsed.mm-toggler.mm-toggler-link {
	display: none;
}
.container-header .mod-menu li.metismenu-item {
	margin:0px;
	padding:0px;
}
.container-header .mod-menu a {
	padding: 3px 15px;
	border: 1px solid #DFE2EB;
	border-bottom: none;
	width:100%;
}
.metismenu-item.level-2 a {
	background: #112855;
	color: #DFE2EB;
	border: 1px solid #DFE2EB;
}
.container-header .mod-menu {
	color: #DFE2EB;
}
.container-header .mod-menu a:hover, .container-footer a:hover {
	color: #ffa100;
}
.container-footer .mod-menu, .container-footer a, .ahacopyright {
	color: #6d83cc;
}
.container-header .mod-list li.active > a, .metismenu.mod-menu .metismenu-item.active > button {
	color: #ffa100;
	background: #211A44;
}
.container-header .mod-menu a:hover {
	background: #ffa100;
	color: #211A44;
}
.container-footer {
	border-top: 1px solid #F9F9FF;
}
.container-footer a {
    padding-right: 4em;
}
.footer .no-card {
	background: none;
}
.ahacopyright {
	padding-bottom: 1em;
}
.container-footer ul {
    flex-direction: row;
	padding-left: 1em;
}
.container-footer ul li {
    padding: 0 1.25em 0 0;
}
.footer .grid-child {
	padding: .1rem;
}
.container-component > :first-child {
	margin: 0;
}
.mod-breadcrumbs__wrapper {
	line-height: 1em;
}
.breadcrumb {
	background: #ffa100;
	border: 1px solid #B97800;
}
.breadcrumb.py-2 {
  	padding-bottom: .3rem !important;
  	padding-top: .3rem !important;
}
.breadcrumb a {
	color: #483D8B;
}
.breadcrumb a:hover {
	color: #F9F9FF;
}
.text-muted {
	color: #483D8B !important;
}
blockquote {
overflow:auto;
white-space:normal;
font-size : 1em;
background : #f2f3ff;
border : 1px solid #CED3FF;
color:#483D8B;
padding:0;
margin:0;
}
blockquote p {
padding:2px;
}
pre {
overflow:auto;
padding-left:2px;
font-size : 1em;
background : #f2f3ff;
border : 1px solid #CED3FF;
border-left : 5px solid #CED3FF;
color:#483D8B;
white-space : normal;
}
cite, code {
font-style:italic;
color:#483D8B;
}
.bildlinks, .float-start {
float:left !important;
margin-right:10px;
}
.prozent {
padding-left:0.125em;
}
.videoBox {
  	position: relative;
	height: 0;
  	overflow: hidden;
}
* html .videoBox {
	margin-bottom: 45px;
	margin-bot\tom: 0;
}
video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sechzehnzuneun {
  padding-bottom: 56.25%;
}
.sechshunderter {
  padding-bottom: 57,31%;
}
.vierzudrei {
  padding-bottom: 75%;
}
.goldenerschnitt {
  padding-bottom: 61,35%;
}
.kontrollabstand-null {
  padding-top: 0px;
} 
.kontrollabstand-fuenf {
  padding-top: 5px;
}
.kontrollabstand-fuenfundzwanzig {
  padding-top: 25px;
}
.kontrollabstand-fuenfunddreissig {
  padding-top: 35px;
}