@font-face {font-family: 'droidsans-regular';src: url('../fonts/droidsans-regular/droidsans-regular.eot');src: url('../fonts/droidsans-regular/droidsans-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/droidsans-regular/droidsans-regular.woff') format('woff'),url('../fonts/droidsans-regular/droidsans-regular.ttf') format('truetype'),url('../fonts/droidsans-regular/droidsans-regular.svg#droidsans-regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'droidsans-bold';src: url('../fonts/droidsans-bold/droidsans-bold.eot');src: url('../fonts/droidsans-bold/droidsans-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/droidsans-bold/droidsans-bold.woff') format('woff'),url('../fonts/droidsans-bold/droidsans-bold.ttf') format('truetype'),url('../fonts/droidsans-bold/droidsans-bold.svg#droidsans-bold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'roboto-regular';src: url('../fonts/roboto-regular/roboto-regular.eot');src: url('../fonts/roboto-regular/roboto-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-regular/roboto-regular.woff') format('woff'),url('../fonts/roboto-regular/roboto-regular.ttf') format('truetype'),url('../fonts/roboto-regular/roboto-regular.svg#roboto-regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'roboto-bold';src: url('../fonts/roboto-bold/roboto-bold.eot');src: url('../fonts/roboto-bold/roboto-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-bold/roboto-bold.woff') format('woff'),url('../fonts/roboto-bold/roboto-bold.ttf') format('truetype'),url('../fonts/roboto-bold/roboto-bold.svg#roboto-bold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'leaguegothic';src: url('../fonts/leaguegothic/leaguegothic.eot');src: url('../fonts/leaguegothic/leaguegothic.eot?#iefix') format('embedded-opentype'),url('../fonts/leaguegothic/leaguegothic.woff') format('woff'),url('../fonts/leaguegothic/leaguegothic.ttf') format('truetype'),url('../fonts/leaguegothic/leaguegothic.svg#leaguegothic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'icomoon';src:url('../fonts/icomoon/icomoon.eot');src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon/icomoon.woff') format('woff'),url('../fonts/icomoon/icomoon.ttf') format('truetype'),url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'bebas-regular';src: url('../fonts/bebas-regular/bebas-regular.eot');src: url('../fonts/bebas-regular/bebas-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/bebas-regular/bebas-regular.woff') format('woff'),url('../fonts/bebas-regular/bebas-regular.ttf') format('truetype'),url('../fonts/bebas-regular/bebas-regular.svg#bebas-regular') format('svg');font-weight: normal;font-style: normal;}


/* roboto-condensed-300 - latin - - - Änderung / Font aktualisiert am 24.2.2021*/
@font-face {
  font-family: 'roboto-light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-300/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



/* - - - - - - - - - - barlow - - - - - - - - - - */

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

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

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

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



/* - - - - - - - - - - barlow-condensed - - - - - - - - - - */

/* barlow-condensed-200 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-condensed-800 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-condensed/barlow-condensed-v5-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




/* - - - - - - - - - - barlow-semi-condensed - - - - - - - - - - */

/* barlow-semi-condensed-200 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-semi-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* barlow-semi-condensed-800 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed/barlow-semi-condensed-v7-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
--schwarz: rgba(0,0,0,1);
--weiss: rgba(255,255,255,1);

--berliner_blau_hell: rgba(20,69,103,1);
--berliner_blau: rgba(0,49,83,1);
--berliner_blau_dunkel: rgba(10, 23, 42,1);
--mittelgrau: rgba(80,80,80,1);
--hellgrau: rgba(160,160,160,1);
--kachelgrau_bloglist: rgba(230,230,230,1);
--kachelgrau: rgba(210,210,210,1);
--kachelgrau_hover: rgba(180,180,180,1);
--weissgrau: rgba(240,240,240,.98);
--weissgrau2: rgba(246, 246, 246,1);

--europablau: rgba(0,51,153,1);
--europablau_hover: rgba(20,71,173,1);
--dunkelblau: rgba(30,60,130,1);
--mittelblau: rgba(64,121,140,1);
}

body {margin:0;padding:0;font-size:100%;font-size:1.1em;font-family:'roboto-light', Helvetica, Arial, sans-serif;color:var(--schwarz);font-weight:300;line-height:1.45em;background-color: var(--berliner_blau_dunkel);}

a {font-family:'roboto-regular', Helvetica, Arial, sans-serif;text-decoration:none;-webkit-transition: 0.4s ease-in-out;transition: all 0.4s ease;}
a:hover {color:var(--gelb);text-decoration:none;}
a:focus {outline:none;outline-offset:-2px;}
a:hover, a:active {outline:none;}

.clear {clear:both;}

h1,h2,h3,h4,h5 {color:var(--berliner_blau);}
h1 {margin:0;padding:30px 0;font-size:4.8em;text-align:center;line-height:125%;font-family:'Barlow Condensed', Helvetica, Arial, sans-serif;font-weight:800;}
h2 {margin:0;padding:30px 0;font-size:1.4em;text-align:center;line-height:150%;font-family:'roboto-light', Helvetica, Arial, sans-serif;}
h3 {margin:0;padding:30px 0;font-size:1.2em;text-align:center;}




.container {padding:0px;align-items: center;display: flex;justify-content: center;height: 100vh;}