/* assistant-300 - latin-ext_latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin-ext_latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin-ext_latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/assistant-v14-latin-ext_latin_hebrew-700.svg#Assistant') format('svg'); /* Legacy iOS */
}

/*legt Breite des Content-Bereichs fest*/
body{
	font-family: "Assistant";
}

.md-grid {
  /*max-width: initial;*/
  max-width: 1440px;
}

.md-typeset h1{
	font-size: 2.4rem;
	font-weight:700;
	letter-spacing: 0.03em !important;
	color:black;
	margin-bottom:2.5rem;
}

.md-typeset h2{
	font-size: 1.5rem;
	color: #19385a;
	font-weight: 700;
	letter-spacing: 0.03em !important;
	margin-top:2.6rem;
	margin-bottom:0.8rem;
}
	
.md-typeset h3{
	font-size: 1.2rem;
}

.md-typeset h4{
	font-size: 1rem;
}

.md-typeset h6{
	font-size: 1rem;
	text-transform: uppercase;
	color: rgba(54,62,74,0.5);
	margin-top:3.5rem;
	margin-bottom:0;
	text-align:center;
	line-height: 1.3em
}

.md-typeset p{
	line-height:1.7;
	letter-spacing: .03em;
}

/*Liste mit neuem Bullet*/
.md-content ul>li{
	list-style-image: url(../media/bootstrap/chevron-right.svg);
}

/*damit Bilder schöner integriert werden*/
.md-content img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*Anpassung Buttons*/
.md-typeset .md-button--secondary{
	border-color: white;
	color:white;
}

.md-button{
	margin:.5rem;
}

/*Anpassung Tabellen*/

/*schriftgröße, strich unter tabellenspalte*/
.md-typeset table:not([class]){
	font-size:.8rem;
	border-collapse: collapse;
}

table tr {
	border-bottom:1pt solid #bdc3c7;
}



/*Anpassung Navigationen der Hilfe*/

/*Überschrift in den Navs*/
.md-nav__title{
	font-size: 1.0rem
}


/*Farbe bei aktiven Link in rechtem nav*/
.md-nav__item .md-nav__link--active{
	/*background-color: #ecf0f1;*/
	color:black;
	border-left: .3rem solid #95C11F;
		
}


/*aktive links haben noch ein padding wegen bg*/
.md-nav__link{
	padding:.2rem;
}

/*logo bildchen oben links*/
.md-header__button.md-logo :is(img, svg){
	height: 2rem;
}

/*Header-Text weniger fett machen*/
.md-header__topic:first-child {
  font-weight: 500;
}

/*Schatten beim Header bzw. blauen Balken oben wegmachen*/
.md-header[data-md-state="shadow"]{
	box-shadow:none;
}

/*Anpassung Links im Inhalt und ohne dass Tags + Buttons beeinflusst werden*/
article.md-content__inner a{
	text-decoration: underline;
}

a.md-tag{
	text-decoration: none!important;
}

a.md-button{
	text-decoration: none!important;
}

/*hiermit kann man die Farben von header-bg, hover etc. steuern*/
:root {

  /* Default color shades */
  --md-default-fg-color--light:        #bdc3c7; /*Tabellen header, wirkt sich auch auf h1 aus*/
  --md-default-bg-color:               white; /*wichtig für Menü HG bei mobile*/
  

  /* Primary color shades */
  --md-primary-fg-color:               #19385a; /*Farbe für header bg und Buttons*/
  --md-primary-bg-color--light:        white; /*wirkt sich auf die Schrift Suche aus*/

  /* Accent color shades */
  --md-accent-fg-color:                #95C11F; /*Hoverfarbe bei Links*/
}

/*graue Borders, die Inhalt und Navigationen trennen*/
.md-content{
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}


/*header bissl größer*/
header.md-header{
	background-color:white;
	color:black;
	height: 3.4rem;
}

/*Für die Pfeile vor dem "So geht's" bei Anleitungen*/
.see_also_link {
	box-shadow:none !important;
	width:0.9rem;
	margin-right:.5rem;
}


/*Für die "Karten" auf den Willkommensseiten der Module (alte Karten)*/

.card_welcome{
	height: 6rem; 
    width:10rem;
	margin: 0 .5rem .5rem 0;
	float:left;
	background: linear-gradient(180deg, rgba(183, 230, 21, .9) 0%, rgba(149,193,31, .7) 100%), url(../media/features-v2.svg) no-repeat center center / cover;
	padding: 5px 16px !important; 
	color:white !important;
	font-size: 1rem;
	font-weight:bold;
}

.card_welcome:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container_cards {
	float: left;
	width: 100%;
}

/*Neue Willkommenskarten, nur beim Marktplatz (aktuell)*/

.card_welcome2{
	display: flex;
	height: 3rem;
	padding: 0;
	background: transparent linear-gradient(315deg,#b7e615,#97bf0d) 0 0 no-repeat padding-box;
	border: none;
	outline: none;
	/*border-radius: 5px;*/
	overflow: hidden;
	font-weight: 500;
	cursor: pointer;
	width: 18rem;
	float:left;
	margin:.5rem;
	text-align: left;
}

.card_welcome2_text,
.card_welcome2_icon {
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	color: #fff;
	height: 100%;
}

.card_welcome2_icon {
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.08);
}

.card_welcome2_icon_img{
	width:2rem;
	box-shadow: none !important;
	filter: invert(1);
	display: inline-flex;
}

.card_welcome2:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


/*Für die Karten auf der Index-Seite eines Moduls, das 2 Unterhilfen hat wie Marktplatz (Anbieter + Betreiber) (veraltet)*/
.card {
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);
  transition: 0.3s;
  margin: 1rem;
  float:left;
  height: 9rem; 
  width:13rem;
  background: linear-gradient(180deg, rgba(67, 90, 125, 0.65) 0%, rgba(25, 56, 90, 0.65) 100%), url(../media/modul-karte-v2.svg) no-repeat center center / cover;
  padding: 5px 16px !important; 
  color:white !important;
  font-size: 1.1rem;
  font-weight:bold;
  text-decoration: none!important;
}

.card_home {
 /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);*/
  transition: 0.3s;
  float:left;
  padding: 11px 11px !important; 
  background:white;
  color:black !important;
  text-align: left;
  margin-bottom:1em;
  width:100%;
  border-radius: .1rem;
}

.card_start {
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);
  transition: 0.3s;
  margin: 1rem;
  float:left;
  height: 5rem; 
  width:100%;
  padding-top: 1.5rem; 
  color:white !important;
  font-size: 1.1rem;
  background-image: linear-gradient(255deg,#435A7D 0%,#19385A 100%);
}

/*Neue Karten auf Index-Seiten, nur bei Marktplatz aktuell*/

.card_overview{
	display: flex;
	height: 5rem;
	padding: 0;
	background: transparent linear-gradient(225deg,rgba(67,90,125,0.95) 0%,rgba(25,56,90,0.95) 100%) 0 0 no-repeat padding-box;
	border: none;
	outline: none;
	/*border-radius: 5px;*/
	overflow: hidden;
	font-weight: 500;
	cursor: pointer;
	width: 18rem;
	float:left;
	margin:.5rem;
	font-size:1rem;
	text-align: left;
}

.card_overview_text,
.card_overview_icon {
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	color: #fff;
	height: 100%;
}

.card_overview_icon {
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.08);
}

.card_overview_icon_img{
	width:2rem;
	box-shadow: none !important;
	filter: invert(1);
	display: inline-flex;
}


/* On mouse-over, add a deeper shadow */
.card:hover, .card_overview:hover{
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8);
}

.card_start:hover{
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8);
}

/*Klickbare Karten mit viel Text auf Home für b2b und b2c*/
.fullclick li:hover{
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8);
}

.fullclick li {
  list-style: none;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.6);
  transition: 0.3s;
  float:left;
  padding: 5px 16px !important; 
  background:white;
  width:100%;
  color:black !important;
  text-align: left;
  position:relative;
}
.fullclick li a.main {
  display: block;
  z-index: 1;
}
.fullclick li a.main::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
}

/*Bilder in Modul-Kärtchen auf Übersichtsseite*/
.index_doc{
	width:100%;
	box-shadow:none !important;
}

/*damit das Datum der letzten Änderungen korrekt unter die Karten einfließt*/
.md-source-date{
	float:left;
}

/*Anpassung der Hinweise*/
.md-typeset .admonition.note, .md-typeset details.note{
	border-color: #415D7C;
}

.md-typeset .note > .admonition-title, .md-typeset .note > summary{
	background-color:#415D7C;
}

p.admonition-title::before{
	display:none;
}

.md-typeset .admonition-title, .md-typeset summar{
	padding:.4rem .6rem .4rem .6rem;
	color: white;
	text-transform: uppercase;
}

/*Anpassung der Tipps*/
.md-typeset .admonition.tip, .md-typeset details.tip{
	border-color: #B7E615;
}

.md-typeset .tip > .admonition-title, .md-typeset .tip > summary{
	background-color:#B7E615;
}


/*Als Alternative für Admonition Hinweise. Alle Hinweise sind nun Blockquotes, die über CSS und Javascript gestaltet werden*/

.blockquote_note, .blockquote_caution, .blockquote_tip, .blockquote_important, .blockquote_example{
	color:black !important;
	box-shadow:  0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1);
	padding:.2rem;
	border-radius:.5rem;
}

.blockquote_note{
	border-left: .5rem solid #19385a!important;
}

.blockquote_caution{
	border-left: .5rem solid #ff9100 !important;
}

.blockquote_tip{
	border-left: .5rem solid #95C11F !important;
}

.blockquote_important{
	border-left: .5rem solid #00bfa5 !important;
}

.blockquote_example{
	border-left: .5rem solid #651fff !important;
}

/*Icons auf Kontakt*/
.icon_contact{
	box-shadow:none !important;
}


/*neue Farbe für Suchtext, weil sie standardmäßig auf inherit = schwarz gestellt ist*/
.md-search__input {
  color: white;
   background-color: #19385a;
}

/*Häkchen bei Tasklist*/
.task-list-control input[type="checkbox"]:checked + .task-list-indicator::before {
  background-color:#95C11F !important;
}

/*Dropdown Menüs bei Tabs*/

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size:.7rem;
  margin-top:.7rem;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
	background-color: #19385a;
	color:white;
}

.md-tabs__item:hover .dropdown-content {
  display: block;
}


/*wichtig, damit die Dropdown Menüs bei den Tabs richtig overflow machen und nicht abgeschnitten werden*/
.md-tabs__list{
	contain:none;
}

.md-tabs__item{
	padding-right:1rem;
	padding-left:1rem;
}

/*Banner-Grafik auf B2B- und B2C-Übersichtsseiten*/
.shop_banner{
	background-color: #f4f6f8;
    background-image: url("../media/grafik-onlineshop.svg");
    height: 10rem;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.h1_banner{
  color: black!important;
  padding-top: 3.5rem;
  padding-left: 1rem;
  text-shadow: 2px 2px 15px #e0e0e0;
}


/*Damit die Banner-Überschrift auf den Übersichtsseiten B2C und B2B verkleinert wird*/
@media screen and (max-width: 480px) {
.h1_banner{
  padding-top: 3.5rem;
  padding-left: 1rem;
  text-shadow: 2px 2px 15px #e0e0e0;
  font-size: 2rem!important;
 }
}


/*Damit die Karten auf der Home-Seite sowie auf den Index-Seiten der Module bei mobiler Darstellung
verkleinert werden*/
@media screen and (max-width: 400px) {
.card_welcome2{
	width: 14rem;
}
.card_overview{
	width: 14rem;
	
}
}

/*Darstellung von Videos*/
video{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-width: 100%;
	height: auto;
}