@font-face{font-family:open sans;src:local('Open Sans'),url(https://assets.academics.de/jobs/job_attachment/ntr7wm7tnwkkbt4b63pyotlnh6puxwjp4xucgmxm444zpkodtfxq.woff2)format('woff2');font-weight:300,400,500,600,700,800,900;font-style:normal}@font-face{font-family:hamburgsans-bold;src:url(HamburgSans-Bold.ttf)}@font-face{"HamburgSans-BoldItalic"font-family:); src: url('HamburgSans-BoldItalic.ttf'); } @font-face { font-family:"HamburgSans-Italic"; src: url('HamburgSans-Italic.ttf'); } @font-face { font-family:"HamburgSans-Regular"; src: url('HamburgSans-Regular.ttf'); } :host { line-height: 1.15; -webkit-text-size-adjust: 100%; } * { box-sizing: border-box; margin: 0; padding: 0; } .body-tag-rplc { font-family: "HamburgSans-Regular", 'Open Sans', sans-serif; font-size: 100%; color: #333; text-decoration: none; font-weight: normal; word-spacing: normal; line-height: 1.5; background-color: rgb(227, 227, 227); -webkit-print-color-adjust:exact; } p { margin: 0 0 calc(0.5 * var(--rem-base)) 0; } small{ font-size: 0.65em; } h1 { line-height: 1.3; font-size: calc(1.95 * var(--rem-base)); font-weight: 800; padding: 0; font-family:"HamburgSans-Bold"; margin: 0; } h2 { margin: calc(0.5 * var(--rem-base)) 0 0 0; line-height: 1.3; font-size: calc(1.55 * var(--rem-base)); font-weight: 600; } h3{ color: #003063; margin: calc(0.75 * var(--rem-base)) 0; font-size: calc(1.55 * var(--rem-base)); } h4{ font-weight: bold; font-size: 1.2em; margin: calc(0.75 * var(--rem-base)) 0; } .frame-outer { position: relative; padding: 0; width: calc(48 * var(--rem-base)); margin: calc(1.3 * var(--rem-base)) auto; background-color: #FFF; border: calc(0.02 * var(--rem-base)) solid #A7A9A4; box-shadow: calc(-0.1 * var(--rem-base)) calc(0.1 * var(--rem-base)) calc(1 * var(--rem-base)) #999; font-size: calc(0.85 * var(--rem-base)); } .frame-outer::after { content: ""; display: block; clear: both; } .greater{ font-size: 1.2em; line-height: 1.3; } .logo { text-align: left; margin-bottom: calc(2.5 * var(--rem-base)); margin-top: calc(0.5 * var(--rem-base)); } .logo img{ width: calc(16 * var(--rem-base)); } .river { background-color: #003063; height: 51px; margin-bottom: 20px; position: relative; } .river .bow { position: absolute; top: -20px; background-image: url('bug-red.gif'); height: 40px; width: 140px; background-size: cover; } .box-grey{ background-color: #f1f1f1; padding: calc(0.25 * var(--rem-base)) calc(1.1 * var(--rem-base)); } .header { position: relative; } .blue-dark{ color: rgb(0, 48, 99); } .blue-light{ color: rgb(0, 92, 169); } .headline{ font-size: 1.1em; font-weight: bold; margin: calc(0.4 * var(--rem-base)) 0; } .title-block { padding: calc(1.1 * var(--rem-base)) 3%; } .content { padding: calc(0.25 * var(--rem-base)) 3%; } .content::after { content: ""; display: block; clear: both; } .float-left { float: left; width: 48%; } .float-right { float: right; width: 48%; } .footer { padding: calc(1.1 * var(--rem-base)) 3%; background-color: #003063; color: #fff; } .footer a:link, .footer a:visited{ color: #fff; } .footer a:active{ color: #000; } .footer h2, .footer h3, .footer h4{ color:#fff; font-size: calc(1.35 * var(--rem-base)); } .footer::after { content: ""; display: block; clear: both; } img { max-width: 100%; height: auto; width: auto9; border: 0; vertical-align: middle; } a:link { color: rgb(0, 92, 169); text-decoration: none; } a:visited { text-decoration: none; color: rgb(0, 92, 169); } a:hover { text-decoration: underline; color: #000; } a:active { text-decoration: none; color: rgb(0, 92, 169); } p.a { white-space: nowrap; } ul { margin: 0 auto calc(0.5 * var(--rem-base)) calc(0.5 * var(--rem-base)); padding-left: calc(0.5 * var(--rem-base)); list-style: none; } li { position: relative; margin: auto; padding: 0; padding-left: calc(0.3 * var(--rem-base)); } li::before { position: absolute; top: calc(-0.4 * var(--rem-base)); left: calc(-0.7 * var(--rem-base)); content: "•"; font-size: calc(1.5 * var(--rem-base)); color: #003063; } .clear { clear: both; font-size: 0; line-height: 0; } .hide { display: none; } .cc{ column-count: 2; column-gap: calc(1.5 * var(--rem-base)); } .refnr {} .justifier { text-align: justify; } .bg-darkblue { background: rgb(78, 147, 250); } .bg-lightblue { background: rgb(127, 174, 245); } .flex-data { display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; } .flex-data p{ margin:0; } .flex-data div{ margin: calc(1 * var(--rem-base)) calc(0.5 * var(--rem-base)); } .flex-data div:first-child{ margin:0; margin-top:calc(1 * var(--rem-base)); margin-bottom: calc(1 * var(--rem-base)); margin-right: calc(0.5 * var(--rem-base)); } .flex-data div:last-child{ margin:0; margin-top:calc(1 * var(--rem-base)); margin-bottom: calc(1 * var(--rem-base)); margin-left:calc(0.5 * var(--rem-base)); } .item-a { grid-area: header; } .item-b { grid-area: main; } .item-c { grid-area: sidebar; } .item-d { grid-area: footer; } .container { display: grid; grid-template-columns: 3,calc(125 * var(--rem-base)) 3,calc(125 * var(--rem-base)) 3,calc(125 * var(--rem-base)) 3,calc(125 * var(--rem-base)); grid-template-rows: auto; grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer"; } .half { width: 48%; padding: calc(1 * var(--rem-base)) 3%; } .left { width: 48%; padding: calc(1 * var(--rem-base)) 3%; } .right { width: 48%; padding: calc(1 * var(--rem-base)) 3%; } .button_box { text-align: center; } .button_box::after { clear: both; content: ""; display: block; } .button a { display: inline-block; padding: calc(0.6 * var(--rem-base)) calc(3.5 * var(--rem-base)) calc(0.6 * var(--rem-base)) calc(3.5 * var(--rem-base)); margin: calc(1 * var(--rem-base)) auto; cursor: pointer; font-size: 1.1em; background-color: #005ca9; border: calc(0.0625 * var(--rem-base)) solid #005ca9; transition: all 140ms ease 0s; -moz-transition: all 140ms ease 0s; -webkit-transition: all 140ms ease 0s; color: #fff; border-radius: calc(0.1875 * var(--rem-base)); } .button a:hover { background-position: calc(0.9375 * var(--rem-base)) center; background-color: #003063; border-color: #003063; text-decoration: none; } .slider-wrap { max-width: calc(45 * var(--rem-base)); width: auto; height: auto; position:relative; overflow: hidden; } .slideshow-3-bilder { position: absolute; width: 100%; top: 0; left: 0; z-index: 0; } .slideshow-3-bilder li span { width: 100%; height:100%; position: absolute; top: 0; left: 0; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: image-3-bilder 24s linear infinite; animation: image-3-bilder 24s linear infinite; } @keyframes image-3-bilder { 0% { opacity: 1;transform:translateX(100%)}1%{transform:translateX(0)}33.33333%{transform:translateX(0)}34.33333%{transform:translateX(-100%)}100%{transform:translateX(-100%);opacity:1}}@-webkit-keyframes image-3-bilder{0%{opacity:1;transform:translateX(100%)}1%{transform:translateX(0)}33.33333%{transform:translateX(0)}34.33333%{transform:translateX(-100%)}100%{transform:translateX(-100%);opacity:1}}.slideshow-3-bilder li{margin:0;padding:0;list-style:none}.slideshow-3-bilder li:nth-child(1) span{}.slideshow-3-bilder li:nth-child(2) span{-webkit-animation-delay:8s;animation-delay:8s}.slideshow-3-bilder li:nth-child(3) span{-webkit-animation-delay:16s;animation-delay:16s}ul.slideshow-3-bilder{margin:0}.slider-wrap li::before{display:none}.slider-wrap ul{margin:0;padding-left:0;list-style-type:none;list-style:none;border-bottom:none;border-color:#fff;border-width:0;padding-bottom:calc(.3125 * var(--rem-base))}.slideshow-4-bilder{position:absolute;width:100%;top:0;left:0;z-index:0}.slideshow-4-bilder li span{width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;background-size:cover;background-position:50%;background-repeat:none;opacity:0;z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:image-4-bilder 24s linear infinite;animation:image-4-bilder 24s linear infinite}@keyframes image-4-bilder{0%{opacity:0;transform:translateX(100%)}1%{opacity:1;transform:translateX(0)}25%{transform:translateX(0)}26%{transform:translateX(-100%);opacity:1}100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes image-4-bilder{0%{opacity:1;transform:translateX(100%)}1%{transform:translateX(0)}24%{transform:translateX(0)}25%{transform:translateX(-100%)}100%{transform:translateX(-100%);opacity:1}}.slideshow-4-bilder li{margin:0;padding:0;list-style:none}.slideshow-4-bilder li:nth-child(1) span{}.slideshow-4-bilder li:nth-child(2) span{-webkit-animation-delay:6s;animation-delay:6s}.slideshow-4-bilder li:nth-child(3) span{-webkit-animation-delay:12s;animation-delay:12s}.slideshow-4-bilder li:nth-child(4) span{-webkit-animation-delay:18s;animation-delay:18s}ul.slideshow-4-bilder{margin:0}.slider-wrap li::before{display:none}.slider-wrap ul{margin:0;padding-left:0;list-style-type:none;list-style:none;border-bottom:none;border-color:#fff;border-width:0;padding-bottom:calc(.3125 * var(--rem-base))}.apply{}