<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Version: 07.03.2016 */

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  word-spacing: normal;
  line-height: 1.3;
  background-color: #f1f1f1;
  /*	Hintergrundbilder werden in Chrome mit ausgedruckt	*/
  -webkit-print-color-adjust:exact;
}

p {
  margin: 0 0 2% 0;
  text-align: justify;
}

h1 {
  margin: 0 0 2% 0;
  line-height: 1.0;
  font-size: 1.2rem;
  font-weight: 900;
}

h2 {
  margin: 0px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: normal;
}

h3 {
  margin: 0px;
  line-height: 1.0;
  font-size: 2.5rem;
  font-weight: 900;
}

h4 {
  margin: 0 0 2% 0;
  line-height: 1.0;
  font-size: 1.35rem;
  font-weight: 900;
}

h5 {
  margin: 0 0 2% 0;
  line-height: 1.0;
  font-size: 1rem;
  font-weight: 900;
}

h6 {
  margin: 0;
  line-height: 1.0;
  font-size: inherit;
  font-weight: 900;
  color: #ff2a1a;
}

.rahmen {
  position: relative;
  padding: 0px;
  width: 720px;
  margin: 20px auto;
  background: url(bg.jpg) repeat-y top left / 100%;
  border: 10px solid #ff2a1a;
  box-shadow: -0.5px 3px 15px #999;
  font-size: 0.7rem;
}

.rahmen::after {
  content: "";
  display: block;
  clear: both;
}

.header {
  position: relative;
  padding-bottom: 56%;
}

.slogan {
  position: absolute;
  top: 43%;
  left: 48%;
  transform: translate(-50%,-50%);
  border: 10px solid #fff;
  width: 63%;
  text-align: center;
  padding: 2%;
}

.logo {
  position: absolute;
  top: 62%;
  right: 0;
  width: 153px;
}

.badge {
  position: absolute;
  top: 71%;
  left: 15%;
  width: 160px;
}

.content {
  position: relative;
  margin: 3% 3% 7% 3%;
  padding: 3%;
  background: rgba(5,5,5,0.8);
}

.content::after {
  content: "";
  display: block;
  clear: both;
}

.box-left {
  float: left;
  width: 48%;
}

.box-right {
  float: right;
  width: 48%;
}

.footer {

}

.footer::after {
  content: "";
  display: block;
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
  width: auto9;
  border: 0;
  vertical-align: middle;
}

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #ff2a1a;
}

a:hover {
  text-decoration: underline;
  color: #ff2a1a;
}

ul {
  margin: 0 0 2% 5px;
  padding-left: 9px;
  list-style-type: disc;
}

li {
  margin: auto;
  padding: 0;
}

.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
}

.hide {
  display: none;
}

.refnr {}

.blocksatz {
  text-align: justify;
  text-align-last: justify;
}

.blocksatz:after {
  content: "";
  display: inline-block;
  width: 100%;
}

p:empty {
  height: 18px;
}

.table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  /* table-layout: fixed; */
}

.cell {
  display: table-cell;
}

.row {
  display: table-row;
}

.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.button_box {
  text-align: center;
}

.button_box::after {
  clear: both;
  content: "";
  display: block;
}

.button a {
  background: #123487;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 10px 40px;
}

.button a:hover {
  background: #2d5aae;
}

.award {
  position: absolute;
  width: 13%;
  bottom: 16%;
  right: 3%;
}


/*
_______________________

KAPITÃ„CHEN, BULLETPOINT
_______________________

&lt;span class="capital" style="float: left; width: 43px; height: 20px; line-height: 47px; background: transparent; font-size: 38px; margin-top: -5px; margin-right: -32px; margin-bottom: 5px; background-color: transparent;"&gt;I&lt;/span&gt;

ul li {
background: url(bp.jpg) no-repeat 2px 5px; padding-left:8px;
}



_______________________

BUTTON MIT HOVER
_______________________

.button a {
background: #123487 scroll right top ;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  width: 200px;
  height: 30px;
  cursor: pointer;
 	display: block;
  position: relative;
  padding: 12px 0 0 0;
  margin:15px 0px;
}
.button a:hover {
background:#2d5aae;
}



_______________________

BUTTON MIT ANIMATION
_______________________

.bewerben {
  background-image:url(pfeil.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-color: #e5000a;
  float: right;
  margin: 20px 40px 20px 40px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.bewerben:hover {
  background-position: 15px center;
}

.bewerben a {
  display: inline-block;
  padding: 15px 20px 14px 50px;
  color: #fff;
}
.bewerben a:hover { color: #fff;
  text-decoration: none;
}

HTML-Part
&lt;div class="bewerben"&gt;
&lt;a href="#" target="_blank"&gt;&lt;strong&gt;HIER BEWERBEN&lt;/strong&gt;&lt;/a&gt; &lt;/div&gt;
&lt;/div&gt;



_______________________

MARKIERTER TEXT
_______________________

::selection {
background: #ffb7b7;
}
::-moz-selection {
background: #ffb7b7;
}
*/

.apply {}
</pre></body></html>