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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/css/fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/css/fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display:swap;
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/css/fonts/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/css/fonts/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display:swap;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/css/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  font-display:swap;
}


body {margin:0;background:#8c8c8f;}
img {border:0;}
div, span, a, p, h1, h2, h3, legend, label, input, select, textarea {font-family:'Open Sans',Verdana,Sans-serif;font-size:18px;line-height:100%;text-decoration:none;color:#666;font-weight:400;}
p {color:#666;margin:0;}
caption {display:none;}
aside {display:none;}
table {border-spacing:10px;border-collapse:collapse;}
.mobileonly {display:none;}
.desktoponly {display:block;}

.c {clear:both;display:block;}
.content {max-width:2000px;margin:0 auto;position:relative;}
.inner {width:95%;max-width:1200px;margin:0 auto;position:relative;}

header {height:225px;position:fixed;background:#8c8c8f;top:0;left:0;right:0;width:100%;z-index:100;}

header .logo {position:absolute;top:0;left:0;background:#8c8c8f;height:225px;width:300px;z-index:5;}
header .logo img {position:absolute;top:50px;left:68.5px;width:141px;height:165px;display:block;}
header .menu {display:none;}

header nav {position:relative;z-index:10;display:block;}
header nav ul.contentnavigation, header nav ul.contentnavigation ul {list-style:none;padding:0;margin:0;display:block;}
header nav ul.contentnavigation {border-left:1px solid #fff;padding-left:20px;position:absolute;top:110px;right:-20px;}
header nav ul.contentnavigation li {display:block;float:left;position:relative;}
header nav ul.contentnavigation li .main {display:block;text-transform:uppercase;font-size:14px;cursor:pointer;padding:10px 20px 10px 0;margin:0 20px 0 0;color:#fff;border-right:1px solid #fff;cursor:pointer;}
header nav ul.contentnavigation li .main.haschildren {background:transparent url('/img/bg/subnavigation.png') no-repeat right center;cursor:pointer;}
header nav ul.contentnavigation li .subnavigation {display:none;position:absolute;list-style:none;padding:0;margin:0;top:32px;right:20px;min-width:calc(100% - 1px);background:#fff;z-index:10;border:1px solid #eee;border-top:0;}
header nav ul.contentnavigation li .subnavigation.open {display:block;}
header nav ul.contentnavigation li .subnavigation li {margin:0;float:none;position:relative;}
header nav ul.contentnavigation li .subnavigation li .sub {color:#666;text-decoration:none;padding:4px 8px;display:block;line-height:150%;cursor:pointer;white-space:nowrap;font-size:14px;text-align:right;}
header nav ul.contentnavigation li .subnavigation li .sub.haschildren {background:transparent url('/img/bg/subsubnavigation.png') no-repeat right center;padding-right:18px;}
header nav ul.contentnavigation li .subnavigation li:hover .sub, header nav ul.contentnavigation li .subnavigation li.active .sub {color:#da251d;}
header nav ul.contentnavigation li .subsubnavigation {display:none;position:absolute;list-style:none;padding:0;margin:0;top:0;left:100%;min-width:100%;background:#fff;z-index:10;}
header nav ul.contentnavigation li .subsubnavigation.open {display:block;}
header nav ul.contentnavigation li .subsubnavigation li {margin:0;float:none;}
header nav ul.contentnavigation li .subsubnavigation li .subsub {color:#666;text-decoration:none;padding:4px 8px;display:block;line-height:150%;white-space:nowrap;font-size:14px;}
header nav ul.contentnavigation li .subsubnavigation li:hover .subsub, header nav ul.contentnavigation li .subnavigation li.active .subsub {color:#da251d;}
header nav ul.contentnavigation li .subicon {display:inline-block;width:6px;height:6px;background:transparent url('/img/bg/sub.png') no-repeat 0 0;margin-bottom:3px;margin-left:4px;}
header nav ul.contentnavigation li .subsubnavigation .subicon {background-image:url('/img/bg/sub-left.png');margin-right:4px;margin-left:0;}
header nav ul.contentnavigation li .subsubnavigation .subicon.mobile {display:none;background-image:url('/img/bg/sub.png');margin-right:0;margin-left:4px;}

header nav ul.servicenavigation {list-style:none;padding:0;margin:0;background:#da251d;position:absolute;top:0;right:0;display:block;}
header nav ul.servicenavigation li {display:inline-block;position:relative;}
header nav ul.servicenavigation li .main {color:#fff;text-decoration:none;padding:12px;font-size:12px;display:block;cursor:pointer;}
header nav ul.servicenavigation li .main.haschildren {background:transparent url('/img/bg/subnavigation.png') no-repeat right center;cursor:pointer;padding-right:20px;}
header nav ul.servicenavigation li .subnavigation {display:none;position:absolute;list-style:none;padding:0;margin:0;top:36px;right:0;min-width:calc(100% - 1px);background:#da251d;z-index:10;border:1px solid #eee;border-top:0;}
header nav ul.servicenavigation li .subnavigation.open {display:block;}
header nav ul.servicenavigation li .subnavigation li {display:block;margin:0;float:none;position:relative;}
header nav ul.servicenavigation li .subnavigation li .sub {color:#fff;text-decoration:none;padding:4px 8px;display:block;line-height:150%;cursor:pointer;white-space:nowrap;font-size:14px;text-align:right;}
header nav ul.servicenavigation li .subnavigation li .sub.haschildren {background:transparent url('/img/bg/subsubnavigation_white.png') no-repeat right center;padding-right:18px;}
header nav ul.servicenavigation li .subnavigation li:hover .sub, header nav ul.servicenavigation li .subnavigation li.active .sub {color:#eee;}
header nav ul.servicenavigation li .subsubnavigation {display:none;position:absolute;list-style:none;padding:0;margin:0;top:0;left:100%;min-width:100%;background:#da251d;z-index:10;border:1px solid #fff;border-left:0;}
header nav ul.servicenavigation li .subsubnavigation.open {display:block;}
header nav ul.servicenavigation li .subsubnavigation li {margin:0;float:none;}
header nav ul.servicenavigation li .subsubnavigation li .subsub {color:#fff;text-decoration:none;padding:4px 8px;display:block;line-height:150%;white-space:nowrap;font-size:14px;}
header nav ul.servicenavigation li .subsubnavigation li:hover .subsub, header nav ul.servicenavigation li .subnavigation li.active .subsub {color:#eee;}
header nav ul.servicenavigation li .subicon {display:inline-block;width:6px;height:6px;background:transparent url('/img/bg/service-sub.png') no-repeat 0 0;margin-bottom:3px;margin-left:4px;}
header nav ul.servicenavigation li .subsubnavigation .subicon {background-image:url('/img/bg/sub-left-white.png');margin-right:4px;margin-left:0;}

header nav ul.links {list-style:none;padding:0;margin:0;position:absolute;top:12px;left:0;display:block;}
header nav ul.links li {float:left;display:block;}
header nav ul.links li a {color:#fff;padding-right:10px;margin-right:10px;border-right:1px solid #fff;font-size:12px;display:block;height:18px;padding-top:3px;}
header nav ul.links li a.icon {padding-top:0;}
header nav ul.links li a img {display:inline-block;}

main {display:block;padding-top:225px;}

main .headerimages {position:relative;z-index:10;}
main .headerimages .content {overflow-x:hidden;}
main .headerimages .frame {width:calc(100% - 80px);margin-left:40px;overflow:hidden;}
main .headerimages .images {position:relative;z-index:10;}
main .headerimages .image {position:relative;z-index:10;float:left;}
main .headerimages .image img {display:block;width:100%;position:relative;z-index:10;}
main .headerimages .portal {position:absolute;right:40px;bottom:0;background:#da251d;padding:50px;color:#fff;font-size:24px;width:300px;text-align:center;z-index:20;}
main .headerimages .teaserframe {display:none;}
main .headerimages .teaserframe.active {display:block;}
main .headerimages .teaser {position:absolute;right:40px;top:0;background:#da251d;width:460px;padding:20px;z-index:20;display:flex;flex-wrap:nowrap;justify-content:space-between;}
main .headerimages .teaser.mobileonly {display:none;}
main .headerimages .teasertext {width:319px;padding-right:20px;border-right:1px solid #fff;color:#fff;font-size:12px;text-align:right;line-height:150%;}
main .headerimages .teaserimage {width:100px;padding-left:20px;}
main .headerimages .teaserimage img {display:block;width:100px;}
main .headerimages .search {position:absolute;left:40px;bottom:0;background:#fff;width:360px;z-index:21;}
main .headerimages .search .searchover {color:#9d9d9c;text-transform:uppercase;font-size:14px;padding:20px 20px 10px 20px;}
main .headerimages .search .searchtext {color:#da251d;text-transform:uppercase;font-size:24px;padding:0 20px 30px 20px;}
main .headerimages .search .searchfield {background:#da251d;padding:10px 20px;display:flex;flex-wrap:nowrap;justify-content:space-between;}
main .headerimages .search .searchfield .input {background:#da251d;border:0;border-bottom:1px solid #fff;width:calc(100% - 50px);color:#fff;}
main .headerimages .search .searchfield .submit {width:30px;}
main .swipeindicator {position:absolute;bottom:14px;left:0;right:0;height:20px;text-align:center;z-index:20;padding:0;margin:0;list-style:none;}
main .swipeindicator li {display:inline-block;width:20px;height:20px;cursor:pointer;}
main .swipeindicator li.active {background:transparent url(/img/bullet-active.png) no-repeat center center;background-size:12px 12px;}
main .swipeindicator li.inactive {background:transparent url(/img/bullet-inactive.png) no-repeat center center;background-size:12px 12px;}
main .noheaderimagesspace {height:0;}

main .text .frame {background:#fff;margin:0 40px;padding-top:40px;}
main .text .bframe {padding-bottom:20px;}
main .text.center .horseshoes {text-align:center;}
main .headlines {padding-bottom:30px;}
main .headlines.nomargin {padding-bottom:0;}
main .text h1, main .text h1 span {text-align:center;color:#9d9d9c;text-transform:uppercase;padding:0;line-height:150%;font-size:32px;max-width:900px;margin:0 auto;}
main .text h2, main .text h2 span, main .headlines h2 {text-align:center;color:#9d9d9c;text-transform:uppercase;padding:0;line-height:150%;font-size:32px;max-width:900px;margin:0 auto;display:block;}
main .text h3, main .text h3 span, main .headlines h3 {text-align:center;color:#da251d;text-transform:uppercase;padding:0;line-height:150%;font-size:32px;max-width:900px;margin:0 auto;font-weight:bold;display:block;}
main .text h4 {text-align:left;color:#9d9d9c;font-weight:400;line-height:150%;font-size:24px;}
main .text p {line-height:150%;}
main .text p a {font-weight:700;text-decoration:underline;}
main .text ul {padding-top:20px;padding-bottom:20px;margin:0;}
main .text ul li {line-height:150%;}
main .text.nodistance h2 {padding-bottom:0;}
main .text .textimage {padding:20px 0;position:relative;}
main .text .textimage .copyright {position:absolute;bottom:48px;right:8px;color:#eee;font-size:12px;z-index:20;text-shadow:2px 2px rgba(0,0,0,0.6);}
main .text .textimage img {width:100%;display:block;}
main .text .textimage.small {margin:0 auto;}
main .text .textimagetext {padding:8px 0 20px 0;font-size:14px;display:block;text-align:center;}
main .text .contentlink {display:inline-block;padding:20px 0;color:#da251d;font-weight:700;}
main .text .contentsocialmedia {width:100%;max-width:542px;margin:0 auto;padding:20px 0;}
main .button {text-align:center;}
main .button a, main .button span {display:inline-block;background:#da251d;padding:8px 32px;text-transform:uppercase;color:#fff;margin-top:30px;cursor:pointer;}
main hr {background:url('/img/bg/hr.png') no-repeat center center;border:0;height:34px;margin:40px 0 0 0;}
main .text .hashtags a {display:inline-block;text-decoration:underline;margin-right:4px;line-height:200%;}
main .text .buttons {margin-top:20px;}
main .text .buttons .button {display:inline-block;}
main .text .buttons .button a {margin-top:0;}
main .text .buttons .button.grey a {background:#999;}

main .downloadprivate {margin:10px 0;text-align:center;}
main .downloadprivate a {display:inline-block;padding:10px 20px;background:#eee;border-radius:20px;color:#333;}

main .activateSocialWall .frame {background:#fff;margin:0 40px;padding:60px 0;}
main .activateSocialWall h3 {color:#e30613;margin-top:0;}
main .activateSocialWall .image {padding-bottom:20px;}
main .activateSocialWall p, main .activateSocialWall ul li {line-height:150%;}
main .socialwall .frame {background:#fff;margin:0 40px;padding:60px 0;}
main .socialwall h2 {margin-top:0;}
main .socialwall .col {width:calc(33.3333333333333334% - 10px);float:left;margin-right:15px;}
main .socialwall .col:nth-of-type(3n) {margin-right:0;}
main .socialwall .item {margin-bottom:15px;} 
main .socialwall iframe {width:100%;display:block;background:#fff;}
main .socialwall #removesocialwall {font-size:12px;text-align:right;cursor:pointer;}

main .news .frame {background:#fff;margin:0 40px;padding:60px 0;}
main .news .item {float:left;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
main .news .item:nth-of-type(2n) {margin-right:0;}
main .news .image {margin-bottom:20px;display:block;}
main .news .image img {width:100%;display:block;}
main .news h4 {font-weight:bold;color:#808080;margin:0;padding:0;line-height:150%;}
main .news p {line-height:150%;color:#a0a0a0;}
main .news p a {color:#da251d;text-decoration:underline;}
main .shownews {text-align:center;}
main .shownews a {color:#da251d;text-decoration:underline;}
main .gallery .frame {background:#fff;margin:0 40px;padding:60px 0;}
main .gallery .images {width:100%;}
main .gallery .row {float:left;width:calc(50% - 10px);margin-right:20px;}
main .gallery .row:nth-child(2n) {margin-right:0;}
main .gallery .image {margin:0 0 20px 0;position:relative;}
main .gallery .image .copyright {position:absolute;bottom:12px;right:8px;color:#eee;font-size:12px;z-index:20;text-shadow:2px 2px rgba(0,0,0,0.6);}
main .gallery .image img {width:100%;}

main .pages .frame {background:#fff;margin:0 40px;padding:60px 0;}
main .pages .item {float:left;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
main .pages .item:nth-of-type(2n) {margin-right:0;}
main .pages .image {margin-bottom:20px;display:block;}
main .pages .image img {width:100%;display:block;}
main .pages h3 {font-weight:bold;color:#808080;margin:0;padding:0;line-height:150%;}
main .pages p {line-height:150%;color:#a0a0a0;}
main .pages p a {color:#da251d;text-decoration:underline;}

main ul.paging {list-style:none;margin:0 0 48px 0;padding:0;max-width:100%;}
main ul.paging li {float:left;margin-right:4px;margin-bottom:4px;display:block;}
main ul.paging li a {display:inline-block;position:relative;text-decoration:none;padding:8px;text-transform:uppercase;font-size:14px;background-color:#fff;color:#8c8c8f;text-decoration:none;font-weight:300;border:1px solid #8c8c8f;min-width:16px;text-align:center;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
main ul.paging li a.active, main .paging ul li a:hover {background-color:#8c8c8f;color:#fff;}

main .banner {margin-top:40px;}
main .banner img {width:100%;display:block;}

main .miniteasers {}
main .miniteasers .frame {position:relative;background:#fff;margin:0 40px;padding:40px 40px 0 40px;}
main .miniteasers .previous {position:absolute;top:0;left:0;bottom:0;background:#eee url('/img/bg/previous.png') no-repeat center center;width:40px;cursor:pointer;}
main .miniteasers .next {position:absolute;top:0;right:0;bottom:0;background:#eee url('/img/bg/next.png') no-repeat center center;width:40px;cursor:pointer;}
main .miniteasers .previous.active, main .miniteasers .next.active {background-color:#ccc;}
main .miniteaser {float:left;position:relative;}
main .miniteaser .image {position:relative;}
main .miniteaser .image img {display:block;width:100%;}
main .miniteaser .name {position:absolute;bottom:0;left:0;display:inline-block;background:#da251d;color:#fff;padding:8px 16px;font-size:14px;text-transform:uppercase;}
main .miniteasers .container {width:100%;overflow:hidden;}

main .text .teasers .teaser {float:left;width:calc(25% - 15px);margin-right:20px;position:relative;margin-bottom:20px;}
main .text .teasers .teaser:nth-of-type(4n) {margin-right:0;}
main .text .teasers .image {position:relative;}
main .text .teasers .image img {display:block;width:100%;}
main .text .teasers a {position:absolute;bottom:0;left:0;display:inline-block;background:#da251d;color:#fff;padding:8px 16px;font-size:14px;text-transform:uppercase;}

main .login form {display:block;margin-top:20px;}
main .login fieldset {border:0;padding:0;margin:0;}
main .login .row {margin-bottom:12px;}
main .login label {color:#000;display:inline-block;font-size:14px;padding-right:12px;}
main .login .input {padding:5px;border:1px solid #000;background:#fff;width:200px;display:inline-block;}
main .login .submit {border:0;display:inline-block;background:#da251d;padding:8px 32px;text-transform:uppercase;color:#fff;margin-top:10px;cursor:pointer;}

main .partner .logo {float:left;width:20%;display:block;padding-bottom:40px;}
main .partner.footerpartner .logo {width:10%;padding-bottom:20px;}
main .partner .logo img {width:80%;margin:0 auto;display:block;}

main .persons .frame {position:relative;background:#fff;margin:0 40px;padding:0 40px;}
main .person {padding-top:40px;}
main .person .personframe {max-width:900px;margin:0 auto;}
main .person .portrait {width:245px;margin-right:40px;float:left;}
main .person .portrait img {width:100%;display:block;}
main .person .facts {width:calc(100% - 285px);float:left;padding-top:40px;}
main .person .facts h3 {font-size:32px;font-weight:700;line-height:110%;text-transform:uppercase;margin:0 0 4px 0;color:#da251d;text-align:left;}
main .person .facts .position {font-size:18px;margin-bottom:20px;}
main .person .facts p {line-height:150%;color:#666;}
main .person .name {font-weight:700;color:#da251d;}
main .personlist h3 {margin-top:40px;}
main .personlist .person {border-bottom:1px solid #ccc;padding-bottom:20px;}
main .personlist p {padding:50px;text-align:center;}
main .personlist .name {line-height:150%;}
main .personlist .location {line-height:150%;}
main .personlist .contact {line-height:150%;}
main .person .education {margin-top:12px;}
main .person .education .type {line-height:150%;font-weight:700;font-size:14px;}
main .person .education .area {line-height:150%;font-size:14px;}
main .person .education .function {line-height:150%;font-size:14px;}
main .person .education .level {line-height:150%;font-size:14px;}
main .person .education .division {line-height:150%;font-size:14px;}
main .person .education .licenceuntil {line-height:150%;font-size:14px;}

main .clublist h3 {margin-top:40px;}
main .clublist p {padding:50px;text-align:center;}
main .clublist .club {border-bottom:1px solid #ccc;padding:20px 0;}
main .clublist .name {line-height:150%;text-transform:uppercase;margin:0 0 4px 0;color:#da251d;text-align:left;}
main .clublist .location {line-height:150%;}
main .clublist .contact {line-height:150%;}

main .overflowscroll {overflow-x:scroll;}
main .ranking {width:100%;border-collapse:collapse;border:1px solid #eee;margin-top:20px;}
main .ranking th {text-align:left;font-weight:700;color:#da251d;padding:8px;}
main .ranking td {padding:8px;border-top:1px solid #eee;}

main .code .frame {position:relative;background:#fff;margin:0 40px;padding:40px 40px 0 40px;}
main .code.youtube .codecontainer {padding-bottom: 56.25%;height:0;}
main .code.youtube .codecontainer iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
main .code.facebook iframe, main .code.instagram iframe {width:100%;display:block;background:#fff;}

main .tableframe {width:100%;}
main .tableframe .frame {position:relative;background:#fff;margin:0 40px;padding:40px 40px 0 40px;}
main .tableframe table {width:100%;}
main .contenttable {width:100%;border-collapse:collapse;border:1px solid #dcdcdc;}
main .contenttable th {text-align:left;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:8px;font-size:16px;}
main .contenttable td {text-align:left;border-bottom:1px solid #dcdcdc;padding:8px;font-size:16px;line-height:150%;}
main .contenttable td.center {text-align:center;}
main .contenttable td a {font-size:16px;color:#da251d;}

main .downloads {width:100%;}
main .downloads .singledownloadframe {padding:20px 0 10px 0;}
main .downloads .frame {position:relative;background:#fff;margin:0 40px;padding:40px 40px 0 40px;}
main .downloads h4 {margin:0;padding:0 0 20px 0;font-weight:700;font-size:18px;line-height:150%;}
main .downloads .download {position:relative;}
main .downloads .download .type {position:absolute;top:13px;left:0;color:#fff;font-size:7px;width:18px;display:block;text-align:center;text-transform:uppercase;}
main .downloads .download a.file {display:block;color:#666;padding-left:30px;background:transparent url(/img/bg/file.png) no-repeat left 5px;background-size:18px 20px;font-size:12px;text-decoration:none;padding-bottom:12px;}
main .downloads .download a.file strong {color:#da251d;font-weight:300;font-size:14px;line-height:120%;}

main .bframe {text-align:center;}
main .bframe img {width:100%;display:block;margin:0 auto;}
main .bframe.bframe-top {padding-top:20px;}

main .filter {background:#eee;padding:10px;}
main .filter label, main .filter .label {display:inline-block;font-size:18px;}
main .filter select {padding:2px;}
main .filter .submitbutton {display:inline-block;background:#da251d;padding:8px 32px;text-transform:uppercase;color:#fff;cursor:pointer;border:0;font-size:14px;}
main .directfilter {background:#ccc;padding:10px;line-height:150%;}
main .directfilter label, main .directfilter .label {display:inline-block;font-size:18px;}
main .directfilter select {max-width:calc(100% - 60px);min-width:80px;padding:2px;}

main .appointmentslist {border-top:1px solid #eee;min-width:100%;}
main .appointmentslist .appointment {border:1px solid #eee;padding:20px;border-collapse:collapse;}
main .appointmentslist .appointment .col1 {float:left;width:200px;line-height:150%;}
main .appointmentslist .appointment .col2 {float:left;width:calc(100% - 400px);line-height:150%;}
main .appointmentslist .appointment .col3 {float:left;width:200px;line-height:150%;}
main .appointmentslist .appointment .date {font-size:14px;line-height:200%;}
main .appointmentslist .appointment .date .month {display:block;color:#da251d;font-weight:700;}
main .appointmentslist .appointment .correction, main .appointmentslist .appointment .cancelled {display:block;color:#da251d;font-weight:700;font-size:14px;margin-top:5px;}
main .appointmentslist .appointment .number {font-size:14px;line-height:200%;}
main .appointmentslist .appointment .category {line-height:150%;color:#da251d;font-weight:700;}
main .appointmentslist .appointment .location {line-height:150%;}
main .appointmentslist .appointment .type {line-height:150%;font-size:14px;}
main .appointmentslist .appointment .link a {line-height:150%;font-size:12px;color:#da251d;}
main .appointmentslist .appointment .file a {display:block;margin-top:12px;font-size:12px;line-height:120%;color:#da251d;}
main .bannerinlist {padding:20px 0 0 0;}

main iframe.international {width:100%;border:0;min-height:3000px;}

main .results {margin-top:50px;}
main .results .result {padding-bottom:20px;}
main .results .result .title {color:#da251d;font-size:16px;font-weight:700;line-height:150%;}
main .results .result .description {line-height:150%;color:#333;line-height:140%;}
main .results .result a.link {text-decoration:none;color:#da251d;line-height:140%;font-size:14px;}

footer {background:#fff;padding:40px 40px 0 40px;}
footer .content {background:#8c8c8f url('/img/bg/footer.png') no-repeat center bottom;padding-bottom:60px;}
footer .frame {padding:40px;}
footer .logo {float:left;width:calc(25% - 40px);margin-right:40px;}
footer .logo img {width:50%;display:block;}
footer .contact {float:left;width:calc(25% - 40px);margin-right:40px;color:#fff;font-size:14px;line-height:150%;}
footer .contact a {font-size:14px;color:#fff;}
footer .links {float:left;width:50%;}
footer .links .navigation {list-style:none;padding:0;margin:0 0 40px 0;}
footer .links .navigation li {display:block;line-height:150%;}
footer .links .navigation li a {font-size:14px;color:#fff;text-transform:uppercase;}
footer .links .socialmedia {list-style:none;padding:0;margin:0;}
footer .links .socialmedia li {float:left;margin-right:40px;}
footer .links .socialmedia li img {height:55px;display:block;}
footer .oepstv {margin-top:20px;color:#fff;display:inline-block;}

#cookie {background:#8c8c8c none repeat scroll 0 0;bottom:0;color:#fff;font-size:14px;left:0;padding:8px 24px;position:fixed;right:0;text-align:center;z-index: 100;}
#cookie .accept {color:#8c8c8c;display:inline-block;padding:2px 8px;border-radius:4px;background:#fff;font-weight:700;text-decoration:none;margin-left:8px;cursor:pointer;}

#viewport {background-color:blue;}

@media (max-width: 980px) {
	main .socialwall .col {width:100%;float:none;margin-right:0;margin-bottom:20px;}
	
	#viewport {background-color:yellow;}
}

@media (max-width: 765px) {
	.mobileonly {display:block;}
	.desktoponly {display:none;}

	header {height:60px;}
	header .content {height:60px;width:100%;margin:0;}
	header .logo {position:relative;width:43px;height:50px;top:auto;left:auto;}
	header .logo img {width:43px;height:50px;position:relative;top:auto;left:auto;padding:5px 0;}
	header .logo.hasnoheader img {width:43px;height:50px;}
	header .menu {z-index: 100;display:block;position:absolute;top:10.5px;right:10.5px;cursor:pointer;}
	header .menu img {width:39px;height:39px;display:block;}
	header nav {background:#8c8c8f;min-height:100%;height:auto;width:220px;right:0;z-index:30;transition-duration:150ms;backface-visibility:hidden;transform:translateX(251px);position:fixed;top:60px;z-index:30;-webkit-overflow-scrolling:touch;overflow-y:scroll;overflow-x:hidden;}
    header nav.open {visibility:visible;transform:translateX(0);-webkit-transform:translateX(0);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);}
	
	header nav ul.links {display:none;}
	
	header nav ul.servicenavigation {position:relative;padding-left:0;right:auto;top:auto;border:0;}
	header nav ul.servicenavigation li {float:none;width:100%;margin-right:0;}
	header nav ul.servicenavigation li .main {padding:8px 10px;text-align:right;border-right:0;margin-right:0;}
	header nav ul.servicenavigation li .subnavigation {position:relative;top:auto;left:auto;right:auto;border:0;}
	header nav ul.servicenavigation li .subnavigation li .sub {font-size:12px;padding-right:19px;}
	header nav ul.servicenavigation li .subnavigation li .sub.haschildren {background-position:right center;background-image:url(/img/bg/subnavigation.png);margin-right:11px;}
	header nav ul.servicenavigation li .subsubnavigation {position:relative;top:auto;left:auto;right:auto;border:0;}
	header nav ul.servicenavigation li .subsubnavigation li .subsub {padding-right:29px;white-space:normal;font-size:12px;text-align:right;}
	header nav ul.servicenavigation li .subsubnavigation .subicon.desktop {display:none;}
	header nav ul.servicenavigation li .subsubnavigation .subicon.mobile {display:inline-block;background-image:url(/img/bg/service-sub.png);margin-left:4px;margin-right:0;}
	
	header nav ul.contentnavigation {position:relative;padding-left:0;right:auto;top:auto;border:0;}
	header nav ul.contentnavigation li {float:none;text-align:right;}
	header nav ul.contentnavigation li .main {display:inline-block;border-right:0;padding:8px 10px;margin:0;padding-right:20px;}
	header nav ul.contentnavigation li .subnavigation {position:relative;top:auto;left:auto;right:auto;border:0;background:#eee;}
	header nav ul.contentnavigation li .subnavigation li .sub {}
	header nav ul.contentnavigation li .subnavigation li .sub.haschildren {background-position:right center;background-image:url(/img/bg/subnavigation-grey.png);}
	header nav ul.contentnavigation li .subsubnavigation {position:relative;top:auto;left:auto;right:auto;border:0;}
	header nav ul.contentnavigation li .subsubnavigation li .subsub {padding-right:19px;white-space:normal;}
	header nav ul.contentnavigation li .subsubnavigation .subicon.desktop {display:none;}
	header nav ul.contentnavigation li .subsubnavigation .subicon.mobile {display:inline-block;}
	
	header nav ul.servicenavigation {position:relative;padding-left:0;right:auto;top:auto;}
	
	main {padding-top:60px;}
	main .headerimages .frame {margin:0;width:100%;}
	main .headerimages .portal {padding:12px;width:auto;font-size:14px;right:0;}
	main .headerimages .search {position:relative;width:calc(100% - 20px);padding:10px;z-index:20;left:0;background:#673332;}
	main .headerimages .search .searchtext {display:none;}
	main .headerimages .search .searchfield {padding:0;}
	main .headerimages .teaser {position:relative;width:calc(100% - 20px);padding:10px;z-index:20;right:0;}
	main .headerimages .teaser.mobileonly {display:flex;}
	main .headerimages .teaser.desktoponly {display:none;}
	main .headerimages .teaserimage {width:80px;}
	main .headerimages .teaserimage img {width:80px;}
	main .headerimages .teasertext {width:calc(100% - 111px);padding-right:10px;}
	
	main .activateSocialWall .frame {margin:0 10px;padding-top:10px;}
	main .activateSocialWall p, main .activateSocialWall ul li {font-size:14px;}
	main .socialwall .frame {margin:0 10px;padding-top:10px;overflow-x:hidden;}
	
	main .text .frame {margin:0 10px;padding-top:10px;}
	main .news .frame {margin:0 10px;padding:10px 0;}
	main .headlines {padding-bottom:20px;}
	main .text h1 {font-size:18px;}
	main .text h2 {font-size:18px;}
	main .text h3 {font-size:18px;}
	main .text p, main .text p a {font-size:14px;}
	main .button a, main .button span {font-size:14px;}
	main hr {margin-top:10px;padding-bottom:10px;}
	main .text ul li {font-size:14px;}
	
	main .news .item {width:100%;margin:0;float:none;margin-bottom:20px;}
	main .news h3 {font-size:14px;}
	main .news p {font-size:14px;}
	main .news p a {font-size:14px;}
	
	main .pages .frame {margin:0 10px;padding-top:10px;}
	main .pages .item {width:100%;margin:0;float:none;margin-bottom:20px;}
	main .pages h3 {font-size:14px;}
	main .pages p {font-size:14px;}
	main .pages p a {font-size:14px;}
	
	main .gallery .frame {margin:0 10px;padding-top:10px;}
	main .gallery .row {float:none;width:100%;margin-right:0;}
	
	main .miniteasers .frame {margin:0;padding:0 10px;}
	main .miniteasers .previous, main .miniteasers .next {width:10px;background-size:5px 9px;}
	
	main .text .teasers .teaser {float:none;width:100%;margin-right:0;margin-bottom:10px;}
	
	main .text .calendar {padding:10px 0;}
	main .text .calendar .item {width:calc(50% - 45px);padding:20px;margin-right:10px;background:#fff;margin-bottom:10px;}
	main .text .calendar .item:nth-of-type(2n) {margin-right:0;}
	
	main .persons .frame {margin:0 10px;padding:0 10px;}
	main .person {padding-top:20px;}
	main .person .portrait {width:100%;margin-right:0;float:none;}
	main .person .facts {width:100%;padding-top:0;}
	
	main .partner .logo {width:50%;}
	main .partner.footerpartner .logo {width:25%;}
	
	main .code .frame {margin:0 10px;padding:0 10px;}
	
	main .downloads .frame {margin:0 10px;padding:10px 0 0 0;}
	
	main .mobileframe {display:block;padding:2px 0;}
	main .filter .submitbutton {margin-top:10px;}
	
	main .appointmentslist .appointment {padding:10px;display:flex;flex-wrap:nowrap;width:100%;}
	main .appointmentslist .appointment .col1 {width:30%;font-size:14px;float:none;}
	main .appointmentslist .appointment .col2 {width:calc(40% - 20px);font-size:14px;margin:0 10px;float:none;}
	main .appointmentslist .appointment .col3 {width:30%;font-size:14px;float:none;}
	main .appointmentslist .appointment .date {font-size:12px;}
	main .appointmentslist .appointment .date .month {font-size:14px;}
	main .appointmentslist .appointment .correction, main .appointmentslist .appointment .cancelled {font-size:12px;}
	main .appointmentslist .appointment .number {font-size:12px;}
	main .appointmentslist .appointment .category {font-size:14px;}
	main .appointmentslist .appointment .location {font-size:14px;}
	main .appointmentslist .appointment .type {font-size:14px;word-wrap:break-word;}
	main .appointmentslist .appointment .link a {font-size:12px;word-wrap:break-word;}
	
	main .appointmentslist.educationlist {overflow-x:scroll;}
	main .appointmentslist.educationlist .appointment {min-width:500px;}
	main .appointmentslist.educationlist .appointment .col1 {width:120px;}
	main .appointmentslist .appointment .col2 {width:calc(100% - 220px);}
	
	main .tableframe .frame {margin:0 10px;padding:10px 0;}
	main .tableframe .contenttable th, main .tableframe .contenttable td, main .tableframe .contenttable td a {font-size:14px;}
	main .contenttableframe {overflow-x:scroll;width:100%;}
	main .contenttableframe .contenttable {width:100%;}
	
	main .ranking th, main .ranking td {font-size:14px;}
	
	main .text .hashtags a {font-size:14px;}
	
	footer {padding:10px 10px 0 10px;}
	footer .content {padding-bottom:85px;}
	footer .frame {padding:10px;}
	footer .logo {float:none;width:100%;margin-right:0;}
	footer .logo img {max-width:200px;margin:0 auto 20px auto;}
	footer .contact {float:none;width:100%;margin-right:0;margin-bottom:20px;}
	footer .links {float:none;width:100%;}
	footer .links .socialmedia li img {height:20px;}
	
	#viewport {background-color:red;}
}