body{
    padding: 0;
    font-family: ff-fago-web-pro,Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 12px;
    background: #002f5c;
    background-repeat: no-repeat;
    height: 100%;
    transition: all 0.6s;
}
h1 { color: white; text-align: center; font-size: 35px; font-weight: 400; margin: 60px auto; width: 400px; }
h2, h3, h4, h5{ color: white; margin: 0 12px 24px; }

hr { color: white;}

p {margin: 0}

a { text-decoration: none; color: #004a84; transition: all 0.6s; }
a:hover { color: #da001a; }




button.filter{
    background-color: white;
    border: 1px solid #c8c8c8;
    color: #073159;
    font-weight: bold;
    padding: 0 6px 0 0;
    transition: all 0.4s ease 0s;
    width: 159px;
    margin: 0 0 2em 0;
    height: 31px;
}

button.filter i {
    background: #004a84;
    background: rgb(46,80,115);
    background: -moz-linear-gradient(-45deg, rgba(46,80,115,1) 0%, rgba(7,49,89,1) 50%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(46,80,115,1)), color-stop(50%,rgba(7,49,89,1)));
    background: -webkit-linear-gradient(-45deg, rgba(46,80,115,1) 0%,rgba(7,49,89,1) 50%);
    background: -o-linear-gradient(-45deg, rgba(46,80,115,1) 0%,rgba(7,49,89,1) 50%);
    background: -ms-linear-gradient(-45deg, rgba(46,80,115,1) 0%,rgba(7,49,89,1) 50%);
    background: linear-gradient(135deg, rgba(46,80,115,1) 0%,rgba(7,49,89,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5073', endColorstr='#073159',GradientType=1 );
    margin: -1px 4px -1px -13px;
    padding: 8px;
    color: white;
    transition: all 0.4s ease 0s;
}

/* FOR THE DIEING INTERNET EXPLORER 10 + 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button.filter i{ margin: -1px 9px -1px -11px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.filter { width: 150px;}
    button.filter i { margin: -1px 0 -1px -11px; }
}


button.filter:hover{ color: #da001a; cursor: pointer; }
button.filter:hover i{ color: #da001a; cursor: pointer; }

.filter{ text-align: center; margin: 0 0 24px;}
.filter select{ margin: 0 2em 2em 0; padding: 6px; width: 12em; }
.filter select:hover { cursor: pointer; }

#container {margin: 0 auto;}


.media{
    background: #FFFFFF;
    background: rgba(255,255,255,1);
    width: 400px;
    margin: 0 12px 24px 12px;
    padding: 12px;
    float: left;
    position: relative;
}


.media .info { color: #7b7c7e; margin: 12px 0 0; width: 100%;}
.media .info span { margin: 0 12px;}
.media .info .category { margin-left: 0;}
.media .info .group { margin-right: 0;}
.media .title {color: black; margin: 0 0 12px 0;}

.media .col1 { padding: 0 6px 0 0; float: left; margin: 0 0 12px 0; width: 100%;}
.media .col1 .description { height: 100%;}
.media .col1 .description ul { padding-left: 12px;}

.media .col2 {
    width: 150px;
    float: right;
    text-align: center;
}
.media .col2 .image img { max-width: 150px; max-height: 150px;}

.footer { width: 100%; clear: both;}

.copy-footer {
    max-width: 40%;
    border-top: 1px solid #fff;
    padding: 15px 0;
    margin: 0 auto;
    clear: both;
    display: block;
    margin-top: 100px;
    text-align: center;
}

.copy-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.copy-footer ul li {
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #fff;
	display: inline-block;
}

.copy-footer ul li:last-child {
	border-right: none;
}

.copy-footer ul li a,
.copy-footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#cookie-popup { 
  text-align: center; 
  background: #fff;
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;
  z-index: 9999;
  font-size:14px; 
  line-height:20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

#cookie-popup .hinweis {
  margin-bottom: 10px;
  display: block;
}

#cookie-popup #cookieBtn {
  color: #fff;
  background-color: #002f5c;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
}

.hidden {
  display: none;
}

#popup-overlay {
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0,0,0,0);
display: block;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 100;
}

#cookieBtn {
cursor: pointer;
}

@media screen and (max-width:680px){
  .copy-footer ul li {
	padding: 5px 0;
	border-right: none;
	display: block;
  }
}

@media screen and (max-width:900px){
  #popup-overlay {
	display: none!important;
	background-color: transparent !important;
  }
}

@media screen and (min-width: 472px){
    #container{width: 448px}
}
@media screen and (min-width: 920px){
    #container{width: 896px}
}
@media screen and (min-width: 1368px){
    #container{width: 1344px}
}
@media screen and (min-width: 1816px){
    #container{width: 1792px}
}
@media screen and (min-width: 2254px){
    #container{width: 2240px}
}

@media (max-width: 767px) {
    #onetrust-pc-sdk.otPcTab .ot-sdk-row .ot-sdk-columns {
        width: 100% !important;
    }
    button#accept-recommended-btn-handler { float: right !important;}
    .save-preference-btn-handler.onetrust-close-btn-handler{float: left !important;}

}
@media (max-width: 550px) {
    button#accept-recommended-btn-handler, .save-preference-btn-handler.onetrust-close-btn-handler{
        float: right !important;
        clear: both !important;
        width: 100% !important;}
}
@media(min-width: 768px){
    .save-preference-btn-handler.onetrust-close-btn-handler{float: left !important;}
}

#onetrust-pc-sdk .group h3 {
    float: none !important;
}

#onetrust-pc-sdk #pc-policy-text a {
    color: #d40828 !important;
}

.ot-sdk-column {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.ot-sdk-columns.group.category-menu-switch-handler {
    display: inline-block !important;
    font-family: ABUS Fago Pro, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
    line-height: 14px !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    border: 3px solid #d40828 !important;
    color: #d40828 !important;
    cursor: pointer !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    min-width: 150px !important;
    padding: 11px 1em 9px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.ot-sdk-columns.group.category-menu-switch-handler h3 {
    font-family: ABUS Fago Pro, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
    line-height: 14px !important;
    color: #d40828 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.ot-sdk-columns.group.category-menu-switch-handler:hover h3, .ot-sdk-columns.group.category-menu-switch-handler:hover, .ot-sdk-columns.group.category-menu-switch-handler.active-group, .ot-sdk-columns.group.category-menu-switch-handler.active-group h3 {
    background: #d40828 !important;
    color: #fff !important;

}


#onetrust-policy-text a:focus {
    outline: none;
}

.ot-sdk-column .ot-sdk-columns.category-menu-switch-handler {
    /*background-color: transparent !important;
    height: 38px;
    border-radius: 2px;
    min-height: 0;
    max-height: none;
    max-width: none;
    clear: none;
    float: none;
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    text-shadow: none;
    border: 3px solid #d40828 !important;*/
}

#onetrust-pc-sdk.otPcTab {
    border-color: #001e38 !important;
}

#onetrust-pc-sdk .always-active {
    color: #001e38 !important;
}

.cookie-subgroups-container .accordion-header:focus {
    outline: none !important;
}

#onetrust-pc-sdk .toggle .checkbox input:checked + label:after {
    background: #001e38 !important;
}

#onetrust-pc-sdk .toggle .checkbox input:checked + label {
    background: #999 !important;
}

.pc-header {
    background-color: #001e38 !important;
}

#onetrust-pc-sdk .pc-logo-container {
    margin-left: 0px !important;
}

h2#pc-title {
    color: #fff !important;
}

h2#pc-title::before {
    background: none;
}

div#onetrust-banner-sdk {
    border-top: 1px solid #d40828;
}

div#onetrust-button-group {
    padding-top: 24px;
}

.pc-close-btn-container:focus, .pc-close-btn-container:active, .ot-sdk-columns:focus, a#close-pc-btn-handler:focus {
    outline: none !important;
}

#close-pc-btn-handler, a#close-pc-btn-handler {
    background-image: url("") !important;
    color: #fff;
}

#close-pc-btn-handler::after, a#close-pc-btn-handler::after {
    display: inline-block;
    content: "\00d7";
    font-size: 40px;
    line-height: 40px;
    margin-top: -10px;
    color: #fff;
}
#close-pc-btn-handler:focus, a#close-pc-btn-handler:focus {
    outline-color: transparent !important
}
a#close-pc-btn-handler:hover::after, #close-pc-btn-handler:hover::after {
    color: #d40828 !important;
}

#onetrust-pc-sdk #pc-policy-text a {
    color: #d40828;
}

button#accept-recommended-btn-handler {
    width: auto !important;
    font-family: ABUS Fago Pro, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
    line-height: 14px !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    border: 3px solid #d40828 !important;
    color: #d40828 !important;
    cursor: pointer !important;
    margin: 6px !important;
    min-width: 150px !important;
    padding: 11px 16px 9px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    -webkit-transition: color .25s, background-color .25s, border-color .25s ease-in-out !important;
    transition: color .25s, background-color .25s, border-color .25s ease-in-out !important;
    will-change: color, background-color, border-color !important;
    box-sizing: border-box !important;
    user-select: none !important;
    white-space: pre !important;
    align-items: flex-start !important;
    -webkit-box-direction: normal !important;
}

button#ot-sdk-btn, button#onetrust-pc-btn-handler, button#onetrust-reject-all-handler, button#onetrust-accept-btn-handler, button.save-preference-btn-handler.onetrust-close-btn-handler {
    display: inline-block !important;
    width: auto !important;
    font-family: ABUS Fago Pro, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: .1em !important;
    line-height: 14px !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    border: 3px solid #d40828 !important;
    color: #d40828 !important;
    cursor: pointer !important;
    margin: 6px !important;
    min-width: 150px !important;
    padding: 11px 16px 9px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    -webkit-transition: color .25s, background-color .25s, border-color .25s ease-in-out !important;
    transition: color .25s, background-color .25s, border-color .25s ease-in-out !important;
    will-change: color, background-color, border-color !important;
    box-sizing: border-box !important;
    user-select: none !important;
    white-space: pre !important;
    align-items: flex-start !important;
    -webkit-box-direction: normal !important;
}

button#onetrust-pc-btn-handler, button#onetrust-reject-all-handler {
    color: #999 !important;
    border: 3px solid #999 !important;
}

button#ot-sdk-btn:hover, button#onetrust-pc-btn-handler:hover, button#onetrust-reject-all-handler:hover, button#onetrust-accept-btn-handler:hover, button.save-preference-btn-handler.onetrust-close-btn-handler:hover, button#accept-recommended-btn-handler:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #d40828 !important;
    opacity: 1 !important;
}

button#onetrust-pc-btn-handler:hover, button#onetrust-reject-all-handler:hover {
    background-color: #999 !important;
}

#onetrust-policy-text a {
    color: #d40828 !important;
    font-weight: bold;
}

a.category-host-list-btn.category-host-list-handler, #onetrust-pc-sdk .category-vendors-list-handler, #onetrust-pc-sdk .category-host-list-handler{
    text-decoration: underline !important;
    color: #002f5c !important;
}
#onetrust-pc-sdk .category-vendors-list-handler:hover, #onetrust-pc-sdk .category-host-list-handler:hover {
    color: #d40828 !important;
}
#onetrust-pc-sdk #pc-title:before {
    content: "" !important;

}

#onetrust-pc-sdk #hosts-list-container .host-option-group li.vendor-host{
    background-color: #fff !important;
    color: #414141 !important;
}

#onetrust-pc-sdk .back-btn-handler:focus{
    border: none !important;
    outline: none !important;
}

div#onetrust-banner-sdk {
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
}

.ot-sdk-cookie-policy.ot-sdk-container, .ot-sdk-cookie-policy.ot-sdk-container .cookie-policy-description, #ot-sdk-cookie-policy #cookie-policy-description, p.ot-sdk-cookie-policy-group-desc{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #414141 !important;
}

#ot-sdk-cookie-policy #cookie-policy-title {
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important;
}

h4.ot-sdk-cookie-policy-group, h6.cookies-used-header{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}
.ot-sdk-cookie-policy.ot-sdk-container th.table-header.host, .ot-sdk-cookie-policy.ot-sdk-container th.table-header.cookies{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
}

.ot-sdk-cookie-policy.ot-sdk-container .cookies-list li a {
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
}
.ot-sdk-cookie-policy.ot-sdk-container .cookies-list li a:hover {
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #DA001A !important;
}

.ot-sdk-container.groups-container .description-container h3.category-header, .ot-sdk-container.groups-container .description-container h3#pc-privacy-header{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
}

.ot-sdk-container.groups-container .description-container a.category-host-list-btn.category-host-list-handler{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    color: #002F5C !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.ot-sdk-container.groups-container .description-container p#pc-policy-text, .ot-sdk-container.groups-container .description-container p.group-description{
    font-family: ff-fago-web-pro, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #414141 !important;
}
#onetrust-pc-sdk #pc-title::after{
    background-color: transparent !important;
}
button#onetrust-accept-btn-handler, button#accept-recommended-btn-handler{border-color: green !important;
    color: green !important;
}
button#onetrust-accept-btn-handler:hover, button#accept-recommended-btn-handler:hover{background-color: green !important;}
button.save-preference-btn-handler.onetrust-close-btn-handler{
    border-color: #999 !important;
    color: #999 !important;
}
button.save-preference-btn-handler.onetrust-close-btn-handler:hover{
    background-color: #999 !important;
}