@charset "utf-8";
/* CSS Document */



body {
font-family: 'open_sansregular';
	font-size: 18px;
	
	
}





h1, h2, h3, h4 {

font-family: 'open_sansbold';

}

h3{

font-size: 1.2rem;

}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #8a8a8a;
  text-decoration: none;
}



@media (min-width: 1400px) {
 #sp-top-bar .container, #sp-top-bar .container-lg, #sp-top-bar .container-md, #sp-top-bar .container-sm, #sp-top-bar .container-xl, #sp-top-bar .container-xxl {
    max-width: 100%;
  }
}


 .ticker-wrapper {
    overflow: hidden;
    white-space: nowrap;
    background: #C11717;
    color: #fff;
    padding: 10px 0;
  }

  .ticker {
    display: inline-block;
    padding-left: 100%;
    animation: ticker-scroll 28s linear infinite;
	  font-weight: 600;
  }

  @keyframes ticker-scroll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }


#sp-top-bar .sp-module {
  
  width: 100%;
	margin:0px;
}


#sp-top-bar .row > * {
 padding:0px!important;
}


.container-aufkurs {
  display: flex;
  flex-wrap: nowrap; /* verhindert Umbruch */
  width: 100%;
}

.container-aufkurs .sidebar {
  flex: 0 0 15%; /* wächst nicht, schrumpft nicht, 20% breit */

}





.container-aufkurs .content {
  flex: 0 0 85%; /* 80% breit */
  background: #C11717;
	border-left: 10px solid white;
	 display: flex;
  align-items: center;      /* vertikal zentriert */
	text-align: center;
justify-content: center;
	color: #fff;

	
}



.container-aufkurs .content h2 {
  margin: 0;                /* entfernt Standardabstand */
		font-size: 48px;
}



@media (min-width: 768px) and (max-width: 1280px) {
  .h1, h1 {
    font-size: 2.3rem;
  }
}