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

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('./fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}





html, body {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
}


.text_color_blue  {
	color: #2B5DC1;
}

.text_color_darkblue  {
	color: #00007D;
}

.text_color_green  {
	color: #0E7001;
}

html, body {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
}

p {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
}


.lefttable {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}


.righttable {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
	text-align: right;
	font-weight: normal;
}




li {
    font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
}

td {
	font-family: 'Source Sans Pro',sans-serif;
	color: #00007D;
	font-size: 18px;
}


h1 { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1;
   }
h2 { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1;
   }
h3 { 
   font-family: 'Amaranth',sans-serif;
  color: #2B5DC1 ; 
   }
h4 { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1 ;
   }
h5 { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1 ;
   }
h6 { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1 ;
   }
   
.header_font { 
   font-family: 'Amaranth',sans-serif;
   color: #2B5DC1 ;
   }

.button {
  background-color: #0E7001; /* Green */
  box-shadow: 3px 3px 2px grey;
  border: none;
  color: black;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 4px 2px;
  cursor: pointer;
  
}

.button_schwerpunkte_blue{
    background-color: #2B5DC1 ; /* Blue */
	border-radius: 50%;
	font-family: 'Amaranth',sans-serif;
	color: white;
	width: 250px;
}

.button_schwerpunkte_green {
    background-color: #0E7001; /* Green */
	border-radius: 50%;
	font-family: 'Amaranth',sans-serif;
	color: white;
	width: 250px;
}

.button_arbeitsweise {
    background-color: #99D97A; /* light Green */
	border-radius: 50%;
	font-family: 'Amaranth',sans-serif;
	color: #2B5DC1;
	width: 300px;
}


.button_seminare {
    background-color: #9DB1D2; /* purple */
	border-radius: 50%;
	font-family: 'Amaranth',sans-serif;
	color: #2B5DC1;
	width: 300px;
}

   
/* set background colors */
.mdl-demo .mdl-layout__tab-panel:not(#overview) {
	background-color: #F0F0F0;
}
.mdl-color--primary {
	background-color: #E2E7FC !important;
}
.mdl-color--primary-dark {
	background-color: #E2E7FC !important;
}
/* change link color and tab underline color to green */
a {
	color: rgb(54, 200, 54);
}
.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
	background-color: rgb(54, 200, 54);
}

.mdl-cell--12-col {
     background-color: #E2E7FC !important;
}


.mdl-layout__tab {
     color: #2B5DC1 !important;
     font-family: 'Amaranth',sans-serif;
     font-size: 20px;
}

.mdl-mini-footer {
	background-color: #E2E7FC !important;
	color: #2B5DC1 !important;
	font-family: 'Amaranth',sans-serif;
}

.mdl-logo {
  color: black; !important;
  }
  
.mdl-layout__tab {
   text-transform:none !important; 
  font-family: 'Amaranth',sans-serif;
}

/* adapt styles to scale with screen size */
@media screen and (max-width: 1024px) {
	.mdl-demo .mdl-layout__tab-bar-container {height: 30px;}
	.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab {height: 30px; line-height: 30px;}
}

@media screen and (max-width: 630px) {
	.title_break::before {content: "\A"; white-space: pre;}
}

@media screen and (max-width: 524px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 15px;}
	.mdl-demo .mdl-layout__tab-bar {padding: 0px 0px 0px 0px;}
	.mdl-demo .mdl-card .mdl-card__supporting-text {margin: 10px;width: calc(100% - 10px);}
}
@media screen and (max-width: 430px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 5px;}
}

@media screen and (max-width: 524px) {
	.mdl-layout__tab {font-size: 13px;}
}
@media screen and (max-width: 480px) {
	.mdl-layout__tab {font-size: 12px;}
}
@media screen and (max-width: 430px) {
	.mdl-layout__tab {font-size: 9px;}
}
@media screen and (max-width: 400px) {
	.mdl-layout__tab {font-size: 7px;}
}

@media screen and (max-width: 450px) {
	.mdl-typography--subhead {font-size: 15px;}
}
@media screen and (max-width: 400px) {
	.mdl-typography--subhead {font-size: 14px;}
}
@media screen and (max-width: 380px) {
	.mdl-typography--subhead {font-size: 13px;}
}
@media screen and (max-width: 350px) {
	.mdl-typography--subhead {font-size: 13px;}
}

/* do not wrap list element in footer */
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
	white-space: nowrap;}