@CHARSET "ISO-8859-1";

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');*/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v16-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v16-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
       url('fonts/open-sans-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('fonts/open-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
       url('fonts/open-sans-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
       url('fonts/open-sans-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v13-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
       url('fonts/open-sans-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}




.navbar-brand > img { /*fix bootstrap update 3.0 -> 3.3*/
    display: inline-block;
}


.purple {color:#8c2dc5 !important;}
.light-purple{color:#b167ec !important;}
.light-blue{color:#4d9cff !important;}

.txt-shadow-purple
{
	text-shadow: 1px 1px #8c2dc5;
}

.navbar-brand{
	font-family: "Roboto";
	font-weight:300;

	text-shadow: 1px 1px #4d9cff;
}
.navbar-brand em{
	text-transform:uppercase;
	font-style:normal;
	font-weight:400;
}

.partners img
{
	margin-bottom:30%;
}

.alert{
	margin:10px;
	font-size:120%;
}

.alert-danger {
    color: #fff;
    background-color: #ff5151;
    border-bottom-color: #cf0021;
    text-shadow: 0px 1px #cf0021;
}

.alert-warning {
    color: #72531d;
    background-color: #ffd600;
    border-bottom-color: #de9600;
    text-shadow: 0px 1px #ddba06;
}

.alert-success {
    background-color: #8ed41c;
    border-bottom-color: #407e0b;
    color: #ffffff;
    text-shadow: 0px 1px #488f0c;
}


.alert-info {
    color: #fff;
    background-color: #05a9fb;
    border-bottom-color: #075666;
    text-shadow: 0px 1px #076666;
}

/*
#partner h2, .partners ul li a {
	color:white;
	text-shadow: 1px 1px #666666;
}
.partners ul li a:hover i.fa{
	background-color:#8c2dc5;
}
.partners ul li a i.fa {
	font-size: 400%;
	border: 3px solid white;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	padding: 13px;
}*/

.twoColumns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-danger {
    border-left-color: #ce4844;
}

.btn-cta, .btn-cta-big {
    color: #fff;
    background-color: #ff9500;
	border-color: #e18300;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0px 1px #b06a09;
}
.btn-cta-big{
    font-size: 18px;
    padding: 12px 24px;
}
.btn-cta:hover, .btn-cta-big:hover
{
	background-color: #8ed41c;
    border-color: #54a80f ;
    text-shadow:0px 1px #407e0b;
	color:white;
}
.btn-cta.blue
{
	color: #fff;
    background-color: #05a9fb;
    border-color: #0089ce;
    text-shadow: 0px 1px #076666;
}
.btn-cta.light-blue
{
    color: #fff !important;
    background-color: #75b2d1;
    border-color: #4b93b7;
    text-shadow: 0px 1px #4b93b7;
}
.tag li
{
	border-radius: 4px;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 3px;
    padding: 1px 5px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    margin-right: 3px;
}
.gray{
	color:#999999;
}

.close {
    filter: alpha(opacity=80);
    opacity: .8;
}


.show-de, .show-en{ display:none; }
.lang-de .show-de{ display:inherit; }
.lang-en .show-en{ display:inherit; }

.mini-badge
{
	font-weight: bold;
	background-color: #8c2dc5;
	font-size: 50%;
	margin: 8px;
	color: white;
	padding: 2px 4px;
	border-radius: 2px;
}


/*
NAVBAR-LOGO
830 ... n -> 36px (also main.css)
760 ... 830 3vw
420 ... 760 menu off, -> 32px
0 ... 420 24px/4vw, no shadow, no logo
*/
.navbar-brand img
{
	max-height:100%;
}
@media screen and (min-width:760px) and (max-width: 830px)
{
	.navbar-inverse .navbar-brand
	{
		font-size: 36px;
	    font-size: 3vw;
	}
}
@media screen and (min-width:420px) and (max-width: 760px)
{
	.navbar-inverse .navbar-brand
	{
	    font-size: 32px;
	}
	.navbar-brand img
	{
		max-height:60%;
	}
}
@media screen and (min-width:0px) and (max-width: 420px)
{
	.navbar-inverse .navbar-brand
	{
	    font-size: 24px;
	    font-size: 5vw;
	    text-shadow:none;
	}
	.navbar-brand img
	{
		display:none;
	}
}



.form-group .form-control {
    border-color: #cfd1de;
}



#scrollUpBtn{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 8px;
}

#scrollUpBtn:hover {
  background-color: #555;
}


.contactBubble{
	background-color: #8c2dc5;
	border-radius: 60px;
	position: fixed;
	right: 20px;
	top: 20px;
	color: white;
	padding: 14px 14px;
	font-size: 20px;
	text-decoration: none;
	box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.3);
	z-index:1000;
}
@media screen and (min-width:0px) and (max-width: 900px)
{
	.contactBubble{
		left:20px;
		bottom:20px;
		right:auto;
		top:auto;
	}
}
.contactBubble:hover,.contactBubble:active {
	color:white;
	background-color:gray;
}



/*
.rainbow {
  background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-size: 1800% 1800%;
  animation: rainbow 18s ease infinite;}

@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}*/


 .rainbow {
   animation: colorchange 5s; /* animation-name followed by duration in seconds*/
   -webkit-animation: colorchange 5s; /* Chrome and Safari */
   animation-iteration-count:infinite;
   -webkit-animation-iteration-count:infinite;
 }

 @keyframes colorchange
 {
   0%   {box-shadow: 0px 0px 5px red;}
   25%  {box-shadow: 0px 0px 5px yellow;}
   50%  {box-shadow: 0px 0px 5px blue;}
   75%  {box-shadow: 0px 0px 5px green;}
   100% {box-shadow: 0px 0px 5px red;}
 }

 @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
 {
   0%   {box-shadow: 0px 0px 5px red;}
   25%  {box-shadow: 0px 0px 5px yellow;}
   50%  {box-shadow: 0px 0px 5px blue;}
   75%  {box-shadow: 0px 0px 5px green;}
   100% {box-shadow: 0px 0px 5px red;}
 }


/*Corrections of formattings for text article pages like legal, etc. */
.articleFormat h1
{
	color:black;
}
.articleFormat h2
{
	margin-top: 40px;
}
.articleFormat h3
{
	font-size: 18px;
	color: #4e4e4e;
	font-weight: 600;
	margin-top: 40px;
}

#newsflash{
	background-color:#8c2dc5;
	color:#FFFFFF;
	padding-top:35px;
	padding-bottom:35px;
}
#newsflash a
{
	color:#FFFFFF;
	font-size: 120%;
}

#newsflash a:hover
{
	text-decoration:underline;
}
#newsflash .account
{
	/*margin-left:30px;*/
	font-style:italic;
	color:rgba(255,255,255,0.5);
}

#newsflash i.fa, #newsflash img{
	background-color: gray;
	padding: 4px;
	border-radius: 50%;
	margin-right: 6px;
}
#newsflash i.fa, #newsflash img{
	background-color:#FFFFFF;
}

#newsflash i.fa-twitter{
	background-color:#1da1f2;
}

