/*html * {
    background: rgba(255, 0, 0, .1);
    box-shadow: 0 0 0 1px red;
}
body, form, .aspNetHidden {
    background: transparent;
    box-shadow: none;
}*/
/*
Theme: Arkeo Theme ver. 5.0
Description: Stylesheet for IBPmedien Website.
Author: Dipl.-Ing. Dimitri Papadopoulos
Author URI: http://www.die-digitalexperten.de/  
*/
@font-face {
    font-family: 'opensansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#opensansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#opensanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'opensanscondbold';
    src: url('fonts/OpenSans-CondBold-webfont.eot');
    src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondBold-webfont.svg#opensanscondbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'raleway-extralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#raleway-extralight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
}
body {
    padding: 0; /*remove padding */
    margin: 0; /* remove margins */
    border: 0; /* remove borders */
    color: #363636;
    font: 92%/1.5 'opensansregular', arial, verdana, sans-serif; /*font*/
    background: transparent url('images/header01.png') 0px -75px repeat-x;
}
*, :after, :before {
    box-sizing: border-box;
}
#header {
    min-height: 100px;
}
.headerimg {
    max-width: 100%; 
    height: 320px;
}
.poslogo {
    position: absolute; 
    top: 10px; 
    left: 60px;
    width:160px;
    height: 80px;
    background: url('images/ibpmedien_logo.svg') top left no-repeat;
}
#pagecontent, #frontcontent {
    margin: 0 auto; 
    padding: 0px 12px 0 12px; 
    /*max-width: 1600px;*/ 
    text-align: left;
    clear: both;
}
.clear {
    clear: both;
}
.responsive {
  width: 100%;
  height: auto;
}
#footer {
    clear: both;
    margin: 2.8em 0em 0.5em 0em;
    padding: 15px 20px;
    color: #808080;
    text-align: center;
    border-top: 1px solid #ccc;
}

#footer a, #footer a:link, #footer a:link, #footer a:active {
    padding: 12px 20px 12px 20px;
    text-decoration: none;
    color: #808080;
}
#footer a:hover {
    text-decoration: none;
    color: #000000;
}
/** Arkeo Content Start **/
h1, h2, h3, h4, h5, h6 { font-family: "opensanscondbold"; font-style: normal; font-weight: normal; color: #363636; } /*font*/
h1 { font-size: 2.5em; margin: 0.6em 0em 0.4em 0em; }
h2 { font-size: 2em; margin: 0.6em 0em 0.3em 0em; }
h3 { font-size: 1.5em; margin: 0.6em 0em 0.3em 0em; }
h4 { font-size: 1.17em; margin: 0.6em 0em 0.3em 0em; }
h5 { font-size: 1.12em; margin: 0.6em 0em 0.3em 0em; }
h6 { font-size: .83em; margin: 0.6em 0em 0.3em 0em; }
a:link, a:visited {
    color: #00729D;
    text-decoration: none;
}
a:hover {
    color:#099cd5;
    text-decoration: underline;
}
strong {
    font-family: 'opensanssemibold'; /*font*/
}
.ftebox {    
}
.ftebox p, .ftebox h1, .ftebox h2, .ftebox h3, .ftebox h4, .ftebox h5, .ftebox h6 {
    margin: 0 0 .3em;
}
.ftebox p {
    /*border:none;
    margin: 0 0 1em;
    color:#444444;*/
}
.ftebox a {
    /*font-family: 'opensanssemibold'; /*font*/*/
}
.ftebox2 {
    color: #333333;
    padding: 0px;
    margin: 23px 0px 0px 0px;
    background: #f6f6f6 url("images/icons/arkeo_itembg.svg") no-repeat 100% 100%;
}
.ftebox2 h3 {
    padding: 10px 0px 5px 20px;
    margin: 0 0 .3em;
}
.box {
    color: #333333;
    width:80%;
    /*height:200px;*/
    background: #f6f6f6 url("images/icons/arkeo_itembg.svg") no-repeat center center; background-size:cover;
    margin:40px auto;
    max-width:300px;
}
.pad {
    padding: 16px;
}
/** Arkeo Forms Start **/
#valSummary {
    padding: 4px;
    border: 2px solid #ff0000;
    width: 100%;
    margin: 10px;
    background-color: #ffcccc;
}
#valSummary li {
    margin: 0.5em 0 0.5em 0;
    list-style: none;
    padding:0 0 0 12px;
    color: #ff0000;
    background: transparent url("images/elements.png") no-repeat 0px -696px;
}
.req {
    display: none;
}
.rstar {
    color: #ff0000;
    vertical-align: super;
    font-size: 0.75em;
    padding: 0px 1px 0px 2px;
}
input.error, textarea.error, select.error {
    border: 2px solid red;
    background-color: #ffcccc;
}
label.error {
    color: #ff0000;
    font-weight: bold;
}
.toggleerror {
    background-color: #ffcccc;
}

input, select {
    border: 1px solid #888888; /*A9A9A9*/
}
div.colinput {
    padding: 2px;
    clear: both;
}
div.colinput label {
    display: block;
    width: 175px;
    float: left;
    padding: 0px 0px 0px 16px;
}
div.inputlist label {
    display: block;
    width: 185px;
    float: left;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 185px;
}
#OKButton, #btnSubmit, #btnFurther, #btnUpload, #btnCancel, #btnDownload, #btnDownload2 {
    background: #009DDA;
    background-image: -webkit-linear-gradient(top, #34B0E1, #009DDA );
    background-image: -moz-linear-gradient(top, #34B0E1, #009DDA);
    background-image: -ms-linear-gradient(top, #34B0E1, #009DDA);
    background-image: -o-linear-gradient(top, #34B0E1, #009DDA);
    background-image: linear-gradient(to bottom, #34B0E1, #009DDA);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 8px 25px 8px 25px;
    text-decoration: none;
    border-color: #7B9CBD;
    margin: 1em;
}
#OKButton:hover, #btnSubmit:hover, #btnFurther:hover, #btnUpload:hover, 
#btnCancel:hover, #btnDownload:hover, #btnDownload2:hover {
    background: #016A91;
    color: #fff;
}
.flpos {
    float: right;
    padding: 6px 60px 0px 0px;
}
hr {
    margin: 3em 1.5em 3em 1.5em;
    background: #ccc;
    height: 1px;
    color: #ccc;
    border: none;
    clear: both;
}
.rela {
    position: relative;
}
input[type="text"], input[type="number"], input[type="time"], input[type="date"], input[type="email"], textarea {
    font: 15px/24px "opensanssemibold", Arial, sans-serif;
    color: #363636;
    width: 100%;
    letter-spacing: 1px;
    padding: 2px 4px 2px 4px;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus {
background-color: #ECF0EC; 
color: #000;
}
input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    color: #000; 
    background-color: #ECF0EC; 
    background-image: -webkit-linear-gradient(top, #fff, #ECF0EC );
    background-image: -moz-linear-gradient(top, #fff, #ECF0EC);
    background-image: -ms-linear-gradient(top, #fff, #ECF0EC);
    background-image: -o-linear-gradient(top, #fff, #ECF0EC);
    background-image: linear-gradient(to bottom, #fff, #ECF0EC);
}
select {
    font: 15px/24px "opensanssemibold", Arial, sans-serif;
    color: #363636;
}
#txtNamekt, #txtEmailkt, #txtCommentkt {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
    min-width: 200px;
    max-width: 400px;
}
#txtNamekt ~ label, #txtEmailkt ~ label, #txtCommentkt ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 1px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}
#txtNamekt ~ .focus-border, #txtEmailkt ~ .focus-border, #txtCommentkt ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #009DDA;
    transition: 0.4s;
}
#txtNamekt:focus ~ .focus-border, .has-content#txtNamekt ~ .focus-border,
#txtEmailkt:focus ~ .focus-border, .has-content#txtEmailkt ~ .focus-border,
#txtCommentkt:focus ~ .focus-border, .has-content#txtCommentkt ~ .focus-border {
    width: 100%;
    transition: 0.4s;
}
#txtNamekt ~ .focus-border, #txtEmailkt ~ .focus-border, #txtCommentkt ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #009DDA;
    transition: 0.4s;
    
}
input:focus {
    outline: 0;
}
#txtNamekt:focus ~ label, .has-content#txtNamekt ~ label,
#txtEmailkt:focus ~ label, .has-content#txtEmailkt ~ label,
#txtCommentkt:focus ~ label, .has-content#txtCommentkt ~ label {
    top: -16px;
    font-size: 12px;
    font-weight: 700;
    color: #009DDA;
    transition: 0.4s;
}
.hascontent {
    top: -16px;
    font-size: 12px;
    font-weight: 700;
    color: #009DDA;
    transition: 0.4s;
}
/** Arkeo Suche Modul Start **/
#MainNav1_btnSearch, #MainNav11_btnSearch, #MainNav21_btnSearch, #MainNav31_btnSearch, #MainNav41_btnSearch, #MainNav51_btnSearch, #MainNav61_btnSearch, 
#MainNav611_btnSearch, #MainNav621_btnSearch, #MainNav631_btnSearch, #MainNav71_btnSearch {
    background: #fff;
    float: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0px 0px 3px;
    padding: 8px;
    border: 1px solid #ccc;
}
input#MainNav1_txtSearch, input#MainNav11_txtSearch, input#MainNav21_txtSearch, input#MainNav31_txtSearch, input#MainNav41_txtSearch, input#MainNav51_txtSearch, 
input#MainNav61_txtSearch, input#MainNav611_txtSearch, input#MainNav621_txtSearch, input#MainNav631_txtSearch, input#MainNav71_txtSearch {
    border: 1px solid #ccc;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    padding: 4px 2px;
    text-indent: 16px;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
    -o-transition: all 2s;
    
    width: 80px;
    vertical-align: top;
}
input#MainNav1_txtSearch::-webkit-input-placeholder, input#MainNav11_txtSearch::-webkit-input-placeholder, input#MainNav21_txtSearch::-webkit-input-placeholder, input#MainNav31_txtSearch::-webkit-input-placeholder, input#MainNav41_txtSearch::-webkit-input-placeholder, input#MainNav51_txtSearch::-webkit-input-placeholder,
input#MainNav61_txtSearch::-webkit-input-placeholder, input#MainNav611_txtSearch::-webkit-input-placeholder, input#MainNav621_txtSearch::-webkit-input-placeholder, input#MainNav631_txtSearch::-webkit-input-placeholder, input#MainNav71_txtSearch::-webkit-input-placeholder {
    text-indent: 12px;
}
input:focus#MainNav1_txtSearch, input:focus#MainNav11_txtSearch, input:focus#MainNav21_txtSearch, input:focus#MainNav31_txtSearch, input:focus#MainNav41_txtSearch, input:focus#MainNav51_txtSearch, 
input:focus#MainNav61_txtSearch, input:focus#MainNav611_txtSearch, input:focus#MainNav621_txtSearch, input:focus#MainNav631_txtSearch, input:focus#MainNav71_txtSearch {
    background-position: -20px center;
    text-indent: 0;
    width: 236px;
}
input:focus#MainNav1_txtSearch::-webkit-input-placeholder, input:focus#MainNav11_txtSearch::-webkit-input-placeholder, input:focus#MainNav21_txtSearch::-webkit-input-placeholder, input:focus#MainNav31_txtSearch::-webkit-input-placeholder, input:focus#MainNav41_txtSearch::-webkit-input-placeholder, input:focus#MainNav51_txtSearch::-webkit-input-placeholder,
input:focus#MainNav61_txtSearch::-webkit-input-placeholder, input:focus#MainNav611_txtSearch::-webkit-input-placeholder, input:focus#MainNav621_txtSearch::-webkit-input-placeholder, input:focus#MainNav631_txtSearch::-webkit-input-placeholder, input:focus#MainNav71_txtSearch::-webkit-input-placeholder {
    background-position: -20px center;
    text-indent: 0;
    width: 236px;
}
#searchin404 input#btnSearch {
    background: #fff;
    float: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0px 0px 3px;
    padding: 3px;
    border: 1px solid #ccc;
}
#searchin404 input#txtSearch {
    background-image: url(images/icon_search.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    padding: 4px 2px;
    text-indent: 26px;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
    -o-transition: all 2s;
    
    width: 300px;
}
#searchin404 {
    width: 340px;
    padding: 16px;
}
#search {
    padding-top: 6px;
    z-index: 200;
}
.ym {
    background-color: #ffffcc;
}
.searchitem {
    font-size: 1.1em;
    font-family: "opensanssemibold"; 
}
.searchitem img {
    vertical-align: middle;
}
a.searchitem, a.searchitem:link, a.searchitem:visited {
    text-decoration: none;
}
hr {
    margin: 0.8em 0;
    background:#F2F2F2;
    height:1px;
    color:#F2F2F2;
    border:none;
    clear:both
}
/** Arkeo Suche Modul Ende **/
/** News Modul Start**/
.eventbox {
    max-width: 1270px;
}
.eventbox .column {
    padding: 6px;
}
article {
    margin: 0px 8px 16px 8px;
}
article a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #DEDEDE;
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #003C51;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
}
article a:hover {
    border: 1px solid #7B9CBD;
}
.teaserimg {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    width: 100%;
    height: 173px;
    border: none;
    border-bottom: 1px solid #DEDEDE;
}
.teaserimg-inner {
    background-color: #fff;
    background-position: center center;
    background-size: cover;
}
.teaserimg .teaserimg-inner {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    background-image: url('images/001.svg');
    background-size: cover;
    background-position-y: top;
}
.teasercontent {
    display: block;
    float: left;
    height: 202px;
    padding: 2.65em 1.5em 1.5em 1.5em;
    position: relative;
}
.sortierdatum {
    font-size: 13px;
    color: #fff;
    background: #666;
    width: 158px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -74px;
    -webkit-transition: -webkit-transform 250ms ease 0s;
    transition: -webkit-transform 250ms ease 0s;
    transition: transform 250ms ease 0s;
    transition: transform 250ms ease 0s, -webkit-transform 250ms ease 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
article a:hover .sortierdatum  {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.teaserhl {
    font-family: 'opensanssemibold',Arial,Verdana,sans-serif; 
    font-style: normal; 
    font-weight: normal; 
    color: #363636; 
    hyphens: auto; 
    word-wrap: break-word;
    font-size: 1.17em; 
    margin: 0.6em 0em 0.3em 0em;
}
.teasertext {
    display: block;
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    margin: 13px 0 0 0;
    width: 100%;
    height: 75px;
    overflow: hidden;
    line-height: 1.6;
    position: relative;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.alllnk {
    float: right;
    margin: 12px 24px 0px 0px;
}
/** News Modul End**/
/*Progress bar upload Start*/
#progress 
{
    width: 300px;
    margin: 12px 0 0 0;
    font-size: 0.8em;
}
.graph {
    width: 300px; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 23px;
    border: 1px solid #888; 
    background: rgb(168,168,168);
    background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
    background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    position: relative;
}
#bar {
    height: 22px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    background: rgb(255,197,120); 
    background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(244,128,38,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(244,128,38,1))); 
    background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    background: linear-gradient(top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
    border-top: 1px solid #fceabb;
}
#bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 23px; }
.success {
    font-weight: bold;
    border: 1px solid #0c0;
}
.failed {
    font-weight: bold;
    color: red;
    border: 1px solid red;
}
#output {
    /*max-height: 150px;
    width: 533px;
    overflow-y: scroll;*/
    padding: 2em 0em 3em 0em;
}
/*Progress bar upload End*/
#drop-area {
    height: 50px;
    text-align: center;
    border: 2px dashed #ddd;
    padding: 10px;
    margin-bottom: 2em;
}
#drop-area .drop-instructions {
    display: block;
    height: 30px;
}
#drop-area .drop-over {
    display: none;
    font-size: 25px;
    height: 30px;
}
#drop-area.over {
    background: #ffffa2;
    border: 2px dashed #000;
}
#drop-area.over .drop-instructions {
    display: none;
}
#drop-area.over .drop-over {
    display: block;
}
#drop-area.over .drop-over {
    display: block;
    font-size: 25px;
}
#file-list {
    list-style: none;
    margin: 2px;
}
#file-list li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
}
#file-list li.no-items {
    border-bottom: none;
}
#file-list div {
    margin-bottom: 0.1em;
}
#file-list li img {
    max-width: 400px;
}
#file-list .progress-bar-container {
    width: 400px;
    height: 10px;
    border: 1px solid #555;
    margin-bottom: 2px;
}
#file-list .progress-bar-container.uploaded {
    height: auto;
    border: none;
}
#file-list .progress-bar {
    width: 0;
    height: 10px;
    font-weight: bold;
    background: #6787e3;
}
#file-list .progress-bar-container.uploaded .progress-bar{
    display: inline-block;
    width: auto;
    color: #6db508;
    background: transparent;
}

/* Arkeo Acordion Start*/
.tabfaq {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
}
.tabfaq input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tabfaq label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  /*border: 1px solid #eaeaea;*/
}
.tabfaq-content {
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  border-top: 1px solid #ccc;
  padding: 0px 16px;
}
/* :checked */
.tabfaq input:checked ~ .tabfaq-content {
  max-height: 100vh;
  padding: 0px 16px;
}
/* Icon */
.tabfaq label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tabfaq input[type=checkbox] + label::after {
  content: "+";
  color: #016A91;
  font-size: 1.8em;
  font-weight: normal;
}
.tabfaq input[type=radio] + label::after {
  content: "\25BC";
}
.tabfaq input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tabfaq input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
/* Arkeo Acoridion End*/
/* Newsticker Start */
@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.ticker-tick {
    position: fixed;
    bottom: 50px;
    right: 30px;
    cursor:pointer;
    height: 38px;
    width: 38px;
    background-color: rgba(250, 253, 254, 0.9);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
.cross {
    margin: -5px 0px 0px 0px;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    transform: rotate(315deg);
    color: #099cd5;
}
.ticker-wrap {
    position: fixed;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    height: 4rem;
    background-color: rgba(250, 253, 254, 0.9);
    padding-left: 100%;
    box-sizing: content-box;
    border-top: 1px solid #099cd5;
    border-bottom: 1px solid #099cd5;
}
.ticker-wrap .ticker {
    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    /*-webkit-animation-duration: 50s;
    animation-duration: 50s;*/
}
.ticker-wrap .ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    color: #5A5757;
}
.ticker-wrap .ticker:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}
/* Newsticker End*/
.lstngcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.lstngitem {
    width: 18.5em;
    height: 26em;
    margin: 1.2em;
    padding: 4em 1em 0.2em 1em;
    border: 1px solid #0094ff;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    background: #f6f6f6 url("images/icons/arkeo_itembg.svg") no-repeat 100% 100%;
}
/*.lstngitem:hover {
    background-color: #f6f6f6;
}*/
.lstngitem img {
    height: 130px;
    width: 130px;
    margin: 0px auto;
}
.arkeo-content-block[class*=cb-][class*="-left"] .cb-content {
    padding: 0px 36px 0px 0px;
}
.arkeo-content-block {
    padding: 0;
}
@media only screen and (max-width: 599px) {
    #pagecontent {
        padding: 0px 30px;
    }
    #footer {
        font-size: 1.2em;
    }
    div.colinput {
        padding: 8px 2px 8px 2px;
        clear: both;
    }
    .arkeoimagegrid {
        margin: 0px auto;
    }
    .galleryitem {
        width: 320px;
        height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .flpos {
        float: right;
        padding: 6px 6px 0px 0px;
    }
    .cpyrght {
        float: right;
        margin: 1.8em 0em 0.5em 0em;
    }
        .frnwrtng {
        text-align: center;
        margin: 0em 0em 4em 0em;
    }
    .arkeodef {
        margin: 2em 0em;
        padding: 1.5em 0em;
        width:100%;
        border-top: 2px solid #A1B6A0;
        border-bottom: 2px solid #A1B6A0;
    }
    .arkeoLogo {
        display: block;
        width: 140px;
        margin: 0px auto;
    }
    .tbcenter {
        text-align: center;
    }
    .tbleft {
        text-align: left;
    }
    .tbright {
        text-align: right;
    }
    .mspacer120 {
        margin: 26px 0px 26px 0px;
    }
    #pagecontent ul {
        margin: 1.5em 0 1.5em 0;
        padding: 0em;
    }
    #pagecontent li {
        margin: 0.5em 0 0.5em 0;
        list-style: none;
        padding:0 0 0 24px;
        background: transparent url("images/elements.png") no-repeat 0 2px;
    }
}

@media only screen and (min-width: 600px ) {
    .cpyrght {
        float: right;
    }
    .frnwrtng {
        text-align: center;
        margin: 0em 0em 8em 0em;
    }
    .arkeodef {
        margin: 0px 0px 0px 40px;
        padding: 0.5em 2.5em;
        width: 406px;
        border: 2px solid #A1B6A0;
    }
    .arkeoLogo {
        float: right;
        width: 320px;
    }
    #pagecontent ul {
        margin: 1.5em 0 1.5em 0;
    }
    #pagecontent li {
        margin: 0.5em 0 0.5em 0;
        list-style: none;
        padding:0 0 0 24px;
        background: transparent url("images/elements.png") no-repeat 0 2px;
    }
}

@media screen and (min-width: 801px) {
    /* Grid Start */
    .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }
    .rowreverse { flex-direction: row; }
    .column {
        flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
    }
    ._15 {
        flex: 1.5;
        -ms-flex: 1.5;
        -webkit-flex: 1.5;
    }
    ._2 {
        flex: 2;
        -ms-flex: 2;
        -webkit-flex: 2;
    }
    ._25 {
        flex: 2.5;
        -ms-flex: 2.5;
        -webkit-flex: 2.5;
    }
    ._3 {
        flex: 3.0;
        -ms-flex: 3.0;
        -webkit-flex: 3.0;
    }
    ._33 {
        flex: 3.33;
        -ms-flex: 3.33;
        -webkit-flex: 3.33;
    }
    ._4 {
        flex: 4.0;
        -ms-flex: 4.0;
        -webkit-flex: 4.0;
    }
    ._5 {
        flex: 5;
        -ms-flex: 5;
        -webkit-flex: 5;
    }
    ._6 {
        flex: 6;
        -ms-flex: 6;
        -webkit-flex: 6;
    }
    ._66 {
        flex: 6.6;
        -ms-flex: 6.6;
        -webkit-flex: 6.6;
    }
    ._7 {
        flex: 7;
        -ms-flex: 7;
        -webkit-flex: 7;
    }
    ._75 {
        flex: 7.5;
        -ms-flex: 7.5;
        -webkit-flex: 7.5;
    }
    ._8 {
        flex: 8;
        -ms-flex: 8;
        -webkit-flex: 8;
    }

    .borderbottom {
        border-bottom: 1px solid #303030;
    }
    .borderbottom2 {
        border-bottom: 2px solid #f6f6f6;
    }
    .borderbottomg {
        border-bottom: 1px solid #ccc;
    }
    .borderbottomb {
        border-bottom: 2px solid #2299D1
    }
    .bordertop {
        border-top: 1px solid #f6f6f6;
    }
    .borderright {
        border-right: 1px solid #808080;
    }
    .borderleft {
        border-left: 1px solid #808080;
    }
    .border {
        border: 1px solid #808080;
    }
    .tbcenter {
        text-align: center;
    }
    .tbleft {
        text-align: left;
    }
    .tbright {
        text-align: right;
    }
    .center {
        text-align: center;
    }
    .right {
        text-align: right;
    }
    .resright {
        text-align: right;
    }
    .resleft {
        text-align: left;
    }
    .spacer2 .column {
        padding: 2px;
    }
    .spacer5 .column {
        padding: 5px;
    }
    .spacer50 .column {
        padding: 10px 5px 10px 5px;
    }
    .mspacer12 {
        margin: 5px 12px;
    }
    .mspacer120 {
        margin: 12px 0px 12px 0px;
    }
    .spacer20 .column {
        padding: 20px;
    }
}

@media screen and (min-width: 962px) {
    .arkeo-content-block[class*=cb-][class*="-left"] .cb-content {
        float: left;
    }

    .cn-content {
        margin: 0 auto;
        width: 50vw;
    }

    .cn-contentall {
        margin: 0 auto;
        width: 80vw;
    }
    .arkeo-content-block[class*=cb-50-50] .cb-content, .arkeo-content-block[class*=cb-50-50] .cb-media {
        float: left;
        width: 50%;
    }

    .arkeo-content-block[class*=cb-80-20] .cb-content {
        float: left;
        width: 80%;
    }

    .arkeo-content-block[class*=cb-80-20] .cb-media {
        float: left;
        width: 20%;
    }

    .arkeo-content-block[class*=cb-70-30] .cb-content {
        float: left;
        width: 70%;
    }

    .arkeo-content-block[class*=cb-70-30] .cb-media {
        float: left;
        width: 30%;
    }

    .arkeo-content-block[class*=cb-66-33] .cb-content {
        float: left;
        width: 70%;
    }

    .arkeo-content-block[class*=cb-66-33] .cb-media {
        float: left;
        width: 30%;
    }

        .arkeo-content-block[class*=cb-60-40] .cb-content {
        float: left;
        width: 60%;
    }

    .arkeo-content-block[class*=cb-60-40] .cb-media {
        float: left;
        width: 40%;
    }

    .arkeo-content-block[class*=cb-50-50] .cb-content, .arkeo-content-block[class*=cb-50-50] .cb-media, .arkeo-content-block[class*=cb-33-66-left] .cb-content,
    .arkeo-content-block[class*=cb-33-66-left] .cb-media, .arkeo-content-block[class*=cb-66-33-right] .cb-content, .arkeo-content-block[class*=cb-66-33-right] .cb-media,
    .arkeo-content-block[class*=cb-66-33-left] .cb-content, .arkeo-content-block[class*=cb-66-33-left] .cb-media, .arkeo-content-block[class*=cb-60-40-left] .cb-content, 
    .arkeo-content-block[class*=cb-60-40-left] .cb-media, .arkeo-content-block[class*=cb-33-66-right] .cb-content, .arkeo-content-block[class*=cb-33-66-right] .cb-media, 
    .arkeo-content-block[class*=cb-70-30-left] .cb-content, .arkeo-content-block[class*=cb-70-30-left] .cb-media {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after,
    .dl-horizontal dd:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before,
    .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
        content: " ";
        display: table;
    }
}


@media screen and (min-width: 1279px) {

}
@media screen and (min-width: 1439px) {
    .cn-content {
        margin: 0 auto;
        width: 55vw;
    }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
    .cn-content {
        margin: 0 auto;
        width: 80vw;
    }
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: #000;
        background-image: none;
        color: #ECF0EC;
    }
    .poslogo {
        background: url('images/ibpmedien_logo_dark.svg') top left no-repeat;
    }
    /*#search input {
        border-color: #000;
    }*/
    h1, h2, h3, h4, h5, h6 {
        color: #f2f2f2;
    }
    a:link, a:visited {
        color: #7fd1f3;
        text-decoration: none;
    }
    a:hover {
        color:#b7e7fb;
        text-decoration: underline;
    }

    article a, .teaserimg-inner, .tabfaq-content {
        background-color: hsl(197, 100%, 7%);
        /*background-color: hsl(106, 24%, 8%);*/
    }
    .teaserhl, .teasertext {
        color: #EDEDED;
    }
    input[type="text"], input[type="number"], input[type="time"], input[type="date"], input[type="email"], textarea,
    input[type="text"]:focus, input[type="number"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus {
        color: #fff;
        background-color: hsl(197, 100%, 7%);
        /*background: rgba(2253,253,253, 1);*/
    }
    input[type=checkbox]:focus + label, input[type=radio]:focus + label {
        color: #000; 
        background: linear-gradient(hsl(197, 100%, 0%), hsl(197, 100%, 7%))
    }
    #pnlStart input[type=checkbox]:focus + label, #pnlStart input[type=radio]:focus + label {
        color: #fff;
        background-color: hsl(197, 100%, 7%);
    }
    .toggleerror {
        background-color: hsla(0, 100%, 31%, 0.75);
    }
    #MainNav1_btnSearch, #MainNav11_btnSearch, #MainNav21_btnSearch, #MainNav31_btnSearch, #MainNav41_btnSearch, #MainNav51_btnSearch, #MainNav61_btnSearch,
    #MainNav611_btnSearch, #MainNav621_btnSearch, #MainNav631_btnSearch, #MainNav71_btnSearch {
        background: rgba(20,20,20,1);
        border: 1px solid #ccc;
    }
    #footer {
        color: #808080;
    }

    #footer a, #footer a:link, #footer a:link, #footer a:active {
        padding: 12px 20px 12px 20px;
        text-decoration: none;
        color: #939393;
    }
    #footer a:hover {
        text-decoration: none;
        color: #f2f2f2;
    }
    .box {
        color: #f2f2f2;
        background: #191919 url("images/icons/arkeo_itembg_dark.svg") no-repeat center center; background-size:cover;
    }
    .lstngitem {
        background: #191919 url("images/icons/arkeo_itembg_dark.svg") no-repeat 100% 100%;
    }
    #valSummary {
        background: hsl(0, 78%, 4%);
    }
    #txtNamekt:focus ~ label, .has-content#txtNamekt ~ label,
    #txtEmailkt:focus ~ label, .has-content#txtEmailkt ~ label,
    #txtCommentkt:focus ~ label, .has-content#txtCommentkt ~ label {
        top: -16px;
        font-size: 12px;
        font-weight: 700;
        color: #009DDA;
        transition: 0.4s;
    }
    .hascontent {
        top: -16px;
        font-size: 12px;
        font-weight: 700;
        color: #009DDA;
        transition: 0.4s;
    }
    /** Arkeo Suche Modul Start **/
    #MainNav1_btnSearch, #MainNav11_btnSearch, #MainNav21_btnSearch, #MainNav31_btnSearch, #MainNav41_btnSearch, #MainNav51_btnSearch, #MainNav61_btnSearch, 
    #MainNav611_btnSearch, #MainNav621_btnSearch, #MainNav631_btnSearch, #MainNav71_btnSearch, #searchin404 input#btnSearch {
        background: #191919;
        border: 1px solid #252525;
    }
    input#MainNav1_txtSearch, input#MainNav11_txtSearch, input#MainNav21_txtSearch, input#MainNav31_txtSearch, input#MainNav41_txtSearch, input#MainNav51_txtSearch, 
    input#MainNav61_txtSearch, input#MainNav611_txtSearch, input#MainNav621_txtSearch, input#MainNav631_txtSearch, input#MainNav71_txtSearch, #searchin404 input#txtSearch {
        background: #191919;
        color: #fff;
        border: 1px solid #252525;
    }
    input#MainNav1_txtSearch::-webkit-input-placeholder, input#MainNav11_txtSearch::-webkit-input-placeholder, input#MainNav21_txtSearch::-webkit-input-placeholder, input#MainNav31_txtSearch::-webkit-input-placeholder, input#MainNav41_txtSearch::-webkit-input-placeholder, input#MainNav51_txtSearch::-webkit-input-placeholder,
    input#MainNav61_txtSearch::-webkit-input-placeholder, input#MainNav611_txtSearch::-webkit-input-placeholder, input#MainNav621_txtSearch::-webkit-input-placeholder, input#MainNav631_txtSearch::-webkit-input-placeholder, input#MainNav71_txtSearch::-webkit-input-placeholder {
        color: #ccc;
    }
    #directions-panel .adp-placemark {
      background-color: #000;
    }
    #directions-panel div, #directions-panel table {
      color: #fff;
    }
}