body {
    margin: 0;
    font-family: FrutigerNextW01-Regular, helvetica, arial, sans-serif;
    font-size: 0.9375rem;
    line-height: 153%;
    color: #524d4b;
    -webkit-font-smoothing: antialiased !important;
}

a {
    text-decoration: none
}

a:Visited {
    color: #0098a2
}

a:Active {
    color: #0098a2
}

a:Hover {
    color: #0098a2;
    text-decoration: underline;
}

a:active, a:focus {
    outline: none
}

a:link {
    color: #0098a2
}

p, td, th, div, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, font, dl, dt, dd {
    font-family: inherit;
    font-size: inherit;
}

ol li {
    list-style-type: decimal;
    margin: 2px 0 0 25px;
    padding: 0;
}

ul li {
    list-style: none;
    list-style-image: none;
    margin: 1px 0;
    padding: 0;
}

ul li:before {
    content: "_ ";
    color: #0098a2;
    margin-left: -10px;
}

.csc-uploads li:before {
    content: normal;
}

fieldset {
    border: 1px solid #cccccc;
    padding: 15px;
    margin: 15px 0;
}

legend {
    font-size: 1em;
    margin: 0;
    padding: 0 5px 0 5px;
    color: #0098a2;
    font-weight: normal;
}

table, form {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse
}

tr {
    vertical-align: top
}

th, td {
    text-align: left;
    margin: 0;
    padding: 0 10px 5px 0;
}

input, select, textarea {
    border: 1px solid #cccccc;
    background-color: #ececec;
    box-sizing: border-box;
}

input[type="hidden"] {
    display: none
}

input[type="checkbox"], input[type="radio"] {
    border: 0;
    background-color: transparent;
}

acronym {
    border-bottom: 1px dotted
}

hr {
    width: 100%;
    height: 2px;
    border: 0;
    color: #333333;
}

ul {
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
}

#dropdown ul {
    margin-left: 0;
}

ol {
    margin: 0;
    padding: 0;
}

dt {
    margin-bottom: 2px;
    padding-top: 10px;
    clear: both;
}

dd {
    margin-bottom: 5px
}

H1, H2, H3, H4, H5 {
    font-family: Frutiger Next W01 Light, helvetica, arial, sans-serif;
    font-weight: normal;
    line-height: 111.538461538462%;
    margin: 0;
    color: #373737;
}

H1 {
    font-size: 3.25rem;
    font-size: 52px;
    padding: 50px 0 30px 0;
    color: #524d4b;
}

H2, .home .rightfloat.noBorder H1, .modal-body h2 {
    font-size: 0.8125rem;
    font-size: 13px;
    font-family: FrutigerNextW01-Regular, helvetica, arial, sans-serif;
    padding: 50px 0 10px 0;
    color: #0098a2
}

H3, H3 a, H3 a:link {
    font-size: 2.00rem;
    font-size: 32px;
    padding: 0px 0 10px 0;
    color: #373737 !important;
    overflow-wrap: anywhere;
}

H3 b {
    font-family: Frutiger Next W01 Heavy
}

H4 {
    font-size: 1.375rem;
    font-size: 22px;
    padding: 15px 0 5px 0;
}

H5, H6 {
    font-size: 1em;
    padding: 10px 0 5px 0;
    font-weight: bold;
}

H6 {
    color: #0098a2
}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
    margin-top: 0;
    padding-top: 0 !important;
}

p.csc-header-date {
    font-size: 0.85em
}

.bodytext, p {
    margin: 0;
    padding: 5px 0;
}

.krickGreen {
    color: #0098a2
}

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
.csc-frame {
    margin-bottom: 10px
}

p.csc-linkToTop {
    text-align: right
}

.csc-frame-rulerBefore {
    border-top: 2px solid #0098a2;
    padding-top: 5px;
    margin-top: 5px;
}

.csc-frame-rulerBefore h1, .csc-frame-rulerBefore h2, .csc-frame-rulerBefore h3, .csc-frame-rulerBefore h4, .csc-frame-rulerBefore h5 {
    padding-top: 5px
}

.csc-frame-rulerAfter {
    border-bottom: 2px solid #0098a2;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.csc-frame-indent {
    margin-left: 20px
}

.csc-frame-indent3366 {
    margin-left: 100px
}

.csc-frame-indent6633 {
    margin-left: 200px
}

.csc-frame-frame1 {
    border-left: 2px solid #0098a2;
    background-color: #eff1f0;
    padding: 0
}

.csc-frame-frame2 h3, .csc-frame-frame2 .csc-textpic-text, .csc-frame-frame2 p {
    background-color: #524d4b;
    padding: 0 0 20px 0;
    color: #ffffff !important;
}

.csc-frame-frame2 .csc-textpic-imagewrap {
    background-color: #524d4b;
}

.csc-frame-frame2 {
    background-color: #524d4b;
    color: #ffffff !important;
}

.csc-frame-frame2 a, .csc-frame-frame2 a:link, .csc-frame-frame2 a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.chartwellalign {
    background-color: #524d4b;
    color: #ffffff !important;
    text-align: center;
    padding: 30px 0;
    margin-top: -10px !important;
}

canvas .chartwellcanvas {
}

.csc-frame h1, .csc-frame h2, .csc-frame- h3, .csc-frame h4, .csc-frame h5 {
    padding-top: 5px
}

.csc-textpic-text {
    margin: 0
}

.csc-textpic-text h1, .csc-textpic-text h2, .csc-textpic-text h3, .csc-textpic-text h4, .csc-textpic-text h4 {
    padding-top: 0
}

.csc-frame-frame1 .csc-textpic-text, .csc-frame-frame2 .csc-textpic-text {
    border-left: 0;
    padding-left: 0;
}

.csc-frame-frame1 p, .csc-frame-frame2 p {
    padding: 5px 20px 20px 20px;
}

.csc-frame-frame1 h3, .csc-frame-frame2 h3, .csc-frame-frame2 ul {
    padding: 15px 20px 10px 20px;
}

.csc-textpic-image {
    padding: 15px 20px 10px 20px;
    box-sizing: border-box;
}

.subcl .csc-textpic-image {
    padding: 0;
}

.c65r .csc-textpic-image {
    padding: 15px 20px 10px 0;
}

#colWide .csc-frame-frame1 h3.csc-firstHeader, #colWide .csc-frame-frame2 h3.csc-firstHeader {
    padding: 15px 20px 10px 20px !important;
}

.csc-frame-frame1 .csc-textpic-text, .csc-frame-frame2 .csc-textpic-text {
    padding: 0;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0
}

.block-inner {
    border-left: 2px solid #0098a2;
    padding-left: 20px
}

/**********/
/* Images */
/**********/
.csc-textpic-caption, .caption {
    color: #333333;
    font-size: 0.85em;
    margin: 0;
    padding: 5px 0;
}

div.csc-textpic {
    clear: both
}

div.csc-textpic-clear {
    width: 1px;
    height: 1px;
    clear: both;
    font-size: 1px;
    line-height: 0;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

/*********************/
/* Tables, generally */
/*********************/
table.contenttable {
    margin: 10px 0
}

table.contenttable th, table.contenttable td {
    padding: 0 15px 5px 0
}

/* Tables, specifically */
table.contenttable-0 {
    width: auto
}

table.contenttable-1 {
    width: 99%
}

table.contenttable-1 .tr-0 th, table.contenttable-1 .tr-0 td {
    font-weight: bold
}

table.contenttable-2 {
    width: 99%;
    border: 1px solid #cccccc;
}

table.contenttable-2 .tr-even td {
    background-color: #f5f5f5
}

table.contenttable-2 .tr-odd td {
    background-color: #ffffff
}

table.contenttable-2 .tr-0 th, table.contenttable-2 .tr-0 td {
    font-weight: bold
}

table.contenttable-2 td.td-0 {
    border-right: 1px solid #cccccc;
}

table.contenttable-2 .tr-0 th, table.contenttable-2 .tr-0 td.th-0, table.contenttable-2 .tr-0 td, table.contenttable-2 .tr-0 td.td-0 {
    background-color: #f5f5f5;
    padding: 5px 3px;
    border-bottom: 1px solid #cccccc;
}

table.contenttable-2 th, table.contenttable-2 td {
    padding: 2px 3px
}

/************************/
/* Filelinks, generally */
/************************/
table.csc-uploads {
    margin: 10px 0
}

table.csc-uploads td.csc-uploads-fileName p.csc-uploads-description {
    padding-top: 3px;
    font-style: italic;
}

table.csc-uploads td.csc-uploads-fileName P {
    padding: 0
}

table.csc-uploads td.csc-uploads-fileSize {
    white-space: nowrap;
    text-align: right;
    padding-right: 0;
}

table.csc-uploads td.csc-uploads-icon {
    padding: 5px;
    width: 1%;
}

table.csc-uploads td.csc-uploads-icon img {
    border: 1px solid #cccccc
}

table.csc-uploads .tr-even, table.csc-uploads .tr-odd {
    background-color: transparent
}

table.csc-uploads td {
    padding: 5px 15px 5px 0;
    border-bottom: 1px solid #cccccc;
}

table.csc-uploads td P {
    margin: 0
}

table.csc-uploads-0 td {
    border: 0
}

table.csc-uploads-0 td.csc-uploads-fileName p.csc-uploads-description {
    padding-left: 15px
}

table.csc-uploads-2 {
    border: 1px solid #cccccc
}

table.csc-uploads-2 td.csc-uploads-fileSize {
    padding-right: 5px
}

table.csc-uploads-2 td.csc-uploads-icon {
    text-align: center
}

table.csc-uploads-2 td {
    vertical-align: middle
}

/*****************/
/* Various Forms */
/*****************/
/*****************/
/* Mailform */
/*****************/
.csc-mailform {
    border: 0;
    padding: 0;
}

.csc-mailform * {
    box-sizing: border-box;
}

.csc-mailform input, .csc-mailform textarea {
    width: 400px;
    padding: 5px;
    /*border: 0;*/
}

.csc-mailform label {
    display: block;
    float: left;
    width: 130px;
}

.csc-mailform-field {
    padding: 2px 0;
    margin: 10px 0;
}

.csc-mailform-label {
    clear: both
}

.csc-mailform-field div {
    margin-left: 100px
}

.csc-mailform-radio {
    border: 0;
    background-color: transparent;
    width: auto;
}

.csc-mailform-check {
    border: 0;
    background-color: transparent;
    width: auto;
}

.csc-mailform-submit {
    margin-left: 130px;
    background: #0098a2;
    color: #ffffff;
    border: 0;
    cursor: pointer;
}

/*****************/
/* Loginform */
/*****************/
.tx-felogin-pi1 div {
    padding-bottom: 5px
}

/*****************/
/* Search form */
/*****************/
FORM table td {
    padding: 0 2px 2px 0
}

FORM table td P {
    margin: 0
}

FORM table td.csc-form-labelcell, FORM table TR td.csc-form-commentcell {
    width: 100px
}

FORM table td.csc-form-labelcell p.csc-form-label-req {
    font-weight: bold
}

/*****************/
/* Search result (Standard Search + EXT sg_search */
/*****************/
/* Search Result, result information box: */
table.csc-searchResultInfo {
    margin: 10px 0 0 0;
    table-layout: fixed;
    width: 100%;
}

table.csc-searchResultInfo td.csc-searchResultPrevNext {
    text-align: right
}

table.csc-searchResultInfo td.csc-searchResultRange P {
    font-weight: bold
}

table.csc-searchResultInfo td {
    padding: 0 2px 2px 0
}

table.csc-searchResultInfo P {
    margin: 0
}

/* Search Result, header + abstract: */
H3.csc-searchResultHeader, H3.csc-noSearchResultMsg {
    font-size: 1.1em
}

p.csc-searchResult {
    padding: 2px 0 10px 20px
}

/* Search word markup */
.csc-sword {
    color: #ffffff;
    background-color: #0098a2;
    font-weight: bold;
    padding: 0 1px 0 1px;
}

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
ul.csc-menu {
    margin: 0 0 0 10px;
    padding: 0;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 0 !important
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-text {
    margin-top: 5px;
    margin-left: 5px;
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 0 !important
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-text {
    margin-top: 0;
    margin-right: 5px;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menuskip, .menu ul li.menuskip {
    display: none !important
}

.menu li:before {
    background-image: none;
    content: none;
}

.menu a {
    text-decoration: none
}

.menu a:link, .menu a:visited {
    text-decoration: none;
    color: inherit;
}

.hmenu ul {
    white-space: nowrap
}

.hmenu li {
    display: inline;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}

.hmenu li.firstitem {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

.hmenu li.lastitem {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.vmenu li {
    padding: 0 0 5px 0;
    margin: 0;
}

.vspace {
    margin-bottom: 82px;
    position: relative
}

#mainnav, #dropdown, #subnav {
    font-family: 'Frutiger Next W01 Bold', helvetica, arial, sans-serif;
}

#mainnav, #dropdown {
    font-size: 1rem;
    position: absolute;
    top: 120px;
    left: 0;
    border-left: 2px solid #0098a2;
    color: #524d4b;
    z-index: 999
}

#mainnav {
    top: 40px;
}

.sticky #mainnav, .sticky #dropdown {
    top: 40px;
}

#mainnav li {
    padding-left: 0;
    margin: 0;
    float: left;
}

#mainnav li.firstitem a {
    margin-left: 15px
}

#mainnav a {
    display: block;
    float: left;
    margin-left: 20px;
    color: #524d4b
}

#mainnav a:active, #mainnav a:hover {
    color: #0098a2
}

#mainnav a.active, #mainnav a.active:link, #mainnav a.active:visited {
    color: #0098a2;
}

.home #subnav {
    display: none
}

#subnav {
    color: #524d4b;
    margin: 0 0 40px 0;
    padding-left: 15px;
    border-left: 2px solid #0098a2;
    float: left
}

#subnav a:link, #subnav a:visited {
    color: #524d4b
}

#subnav .sub {
    margin: 5px 0 0 10px
}

#subnav a:active, #subnav a:hover, #subnav a.active, #subnav a.active:link, #subnav a.active:visited {
    color: #0098a2
}

#subnav .level-2, .level-3 {
    display: none !important;
}

/*only integrated for indexing by realURL*/
#topnav {
    position: absolute;
    top: 65px;
    right: 0;
    white-space: nowrap;
}

#topnav a:link, #topnav a:visited {
    color: #0098a2
}

#topnav a:active, #topnav a:hover, #topnav a.active, #topnav a.active:link, #topnav a.active:visited {
    color: #000000
}

#bottomnav {
    margin: 15px 0 15px 15px;
    border-top: 1px solid #0098a2;
    padding-top: 10px;
    color: #0098a2;
}

#bottomnav a:link, #bottomnav a:visited {
    color: #0098a2
}

#bottomnav a:active, #bottomnav a:hover, #bottomnav a.active, #bottomnav a.active:link, #bottomnav a.active:visited {
    color: #000000
}

#sprachnav {
    position: absolute;
    top: 15px;
    right: 0;
}

.home .noBorder #rootline {
    display: none
}

#rootline {
    font-family: 'FrutigerNextW01-Regular', helvetica, arial, sans-serif;
    font-size: 0.8125rem;
    margin: 0 0 10px 20px;
    color: #b8b3b0;
}

#rootline a {
    color: #b8b3b0
}

#wrapper {
    width: 95%;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

#inhalt.sticky {
    margin-top: 200px;
}

/*#wrapper                              { width: 960px;}*/
#header {
    position: relative;
    top: 30px;
    height: 80px;
    background-color: #ffffff;
    margin-bottom: 70px;
    transition: margin-bottom 0.5s;
}

#header.sticky {
    position: fixed;
    width: 95%;
    top: 0;
    z-index: 100;
    border-top: 0;
    height: 80px;
}

.bottomShadow {
    display: none;
    height: 80px;
    width: 100%;
    position: fixed;
    z-index: 22;
    top: 0;
    -webkit-box-shadow: 0px 2px 11px #8f8f8f; /* webkit browser*/
    -moz-box-shadow: 0px 2px 11px #8f8f8f; /* firefox */
    box-shadow: 0px 2px 11px #8f8f8f;
}

#logo {
    position: absolute;
    width: 115px;
    height: 36px;
    top: 20px;
    right: 0;
    background: #ffffff url("/fileadmin/images/krick-verlag-logo.gif") 0 0 no-repeat;
    background-size: 100%;
    z-index: 2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/krick-verlag-logo.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/images/krick-verlag-logo.gif',sizingMethod='scale')";
    /*transition: top 0.5s;*/
}

#logo h1 {
    margin: 0;
    padding: 0;
}

#logo a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#column1 {
    width: 200px;
    float: left;
}

.home #centercontent {
    float: none;
    width: auto;
}

#content {
    padding-top: 40px
}

#servicelinks {
    clear: both;
    margin: 25px 0 10px 0;
    font-size: 0.85em;
}

#printlink, #pdflink {
    display: inline
}

#pdflink {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid;
}

#banner {
    position: absolute;
    top: 15px;
    left: 245px;
}

#search {
    padding: 40px 0 0 15px
}

input.topsuchfeld {
    background-color: #ffffff;
    width: 150px;
    height: 15px;
    float: left;
}

input.formsubmit {
    margin: 0 0 0 5px;
    float: left;
    border: 0;
    background-color: transparent;
}

#login, #loginstate {
    margin: 50px 5px 10px 15px;
    width: 155px;
}

#login {
    border: 1px solid #cccccc;
    padding: 5px;
}

#loginstate {
    margin-top: 10px;
    color: #0098a2;
    font-weight: bold;
}

input.form_login {
    width: 150px;
    height: 15px;
    font-size: 9px;
    margin-bottom: 2px;
}

.colwidth, div.colwidth {
    width: 48%
}

.fullwidth {
    width: 100%
}

.nofloat {
    float: none
}

#colBorder {
    width: 100%;
    float: left;
}

#colNormal, #colFusszeile {
    padding-left: 20px
}

#colWide > div.csc-default {
    margin-top: 50px
}

#colLeft {
    width: 48.25%;
    float: left;
}

#colRight {
    width: 48.25%;
    float: right;
}

#innerwrapper {
    width: 100%;
    overflow: hidden;
    margin-bottom: 100px;
}

.home #innerwrapper {
    margin-top: 50px;
}

.leftfloat {
    float: left;
    width: 31.875%;
}

.rightfloat, #colFusszeile {
    border-left: 2px solid #0098a2;
}

.rightfloat.noBorder {
    border: 0;
}

.rightfloat.noBorder #colNormal {
    padding: 0;
    width: 100%
}

.rightfloat, #innerwrapper {
    float: right;
    width: 65.833333333333%;
    box-sizing: border-box;
}

#colFusszeile {
    clear: both
}

#footernav {
    width: 100%;
    overflow: hidden
}

#footernav > .left {
    width: 60%;
}

#footernav .left .left {
    width: 49.125%;
}

#footernav > .right {
    width: 31.875%;
}

#footernav .left .right {
    width: 43%;
}

#footernav {
    margin: 100px 0 50px 0
}

#footernav .left .left > ul:nth-child(2), #footernav .left .right > ul:nth-child(2), #footernav .right > ul:nth-child(2) {
    margin-top: 50px
}

#footernav li {
    padding: 5px 0 !important;
}

#footernav a {
    padding-left: 20px
}

#footernav .left .left, #footernav .left .right, #footernav > .right {
    border-left: 2px solid #eff1f0;
}

#footernav .left a {
    color: #ada8a6
}

#footernav .left .left ul li a, #footernav .left .right ul li a {
    color: #524d4b
}

#footernav .left .left ul li ul li a, #footernav .left .right ul li ul li a {
    color: #ada8a6
}

.left {
    float: left
}

.right {
    float: right
}

body.popup {
    margin: 20px;
    background-image: none;
}

.popup #right {
    display: none !important
}

.popup #content {
    margin: 0;
    padding: 0;
    background-image: none;
    width: auto;
}

.popup .left, .popup #left, .popup .right, .popup #right {
    float: none !important;
    width: auto !important;
}

.popup #colNormal {
    padding-right: 0
}

.spacer-gif, img.spacer-gif {
    clear: both;
    display: block;
}

.pagebrowser {
    font-size: 0.91em;
    text-align: center;
    margin: 10px 0;
    padding: 0 20px 0 0;
}

.divider, .clearer {
    width: 1px;
    height: 0px;
    clear: both;
    font-size: 1px;
    line-height: 0;
}

.divider {
    height: 5px
}

.home .clearer.vspace {
    clear: none;
    margin: 0
}

.home .clearer.firstclear {
    clear: none;
    margin: 0
}

.backlink {
    font-weight: normal;
    padding: 20px 0 0 0;
    clear: both;
}

.smalltext {
    font-size: 0.91em
}

.tinytext, sub, sup {
    font-size: 0.85em
}

sub, sup {
    line-height: 0;
}

.leftcontent {
    padding-right: 5px
}

.rightcontent {
    padding-left: 5px
}

.align-left {
    text-align: left
}

.vmiddle, tr.vmiddle, tr.vmiddle th, tr.vmiddle td {
    vertical-align: middle
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.fulltable th {
    text-align: left;
    font-weight: normal;
    background-color: #0098a2;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 2px 5px 2px 3px;
    border-spacing: 0;
}

.fulltable td {
    padding: 2px 15px 2px 3px
}

.recordlist_fulltable {
    border: 1px solid #0098a2;
    margin: 10px 0;
}

.recordlist_fulltable td.noborder {
    border: 0
}

.recordlist_fulltable td {
    border: 1px solid #0098a2;
    padding: 3px;
    border-spacing: 0;
}

.recordlist_fulltable th {
    text-align: left;
    font-weight: normal;
    background-color: #0098a2;
    color: #ffffff;
    padding: 2px 5px 2px 3px;
    border-spacing: 0;
}

.news-browse {
    text-align: center
}

.news-latest-container .newsborder {
    border-left: 2px solid #0098a2
}

.news-latest-container .item {
    margin: 0px 0 15px 0;
    padding: 0 0 0 0;
    clear: both;
    background: #eff1f0;
    cursor: pointer
}

.news-latest-container .item.newsWithImage {
    background: #4e4e4e
}

.news-latest-container .item.newsWithImage .newsborder {
    border: 0
}

.news-latest-container .item.newsWithImage a {
    color: #ffffff
}

.news-latest-container .img {
    margin: 0;
    padding: 0 !important;
}

.news-latest-container .img img {
    display: block
}

.news-latest-container h4 {
    padding: 10px 20px 0 20px;
}

.news-latest-container p.morelink {
    padding: 10px 0 10px 20px
}

p.morelink:before {
    content: "\f105";
    float: left;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 4px;
    color: #0098a2;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.news-latest-container h4 a {
    color: #524d4b;
}

.news-list-container {
    margin: 5px 0 5px 0
}

.news-list-container .category img {
    float: none;
    border: none;
    margin: 0px;
}

.news-list-container .item {
    padding: 5px 0 0 0
}

.tx-ttnews-browsebox td {
    font-size: 0.85em;
    padding: 2px 5px;
}

.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
    font-weight: bold
}

.tx-ttnews-browsebox-SCell, .tx-ttnews-browsebox-SCell p {
    font-weight: bold
}

.tx-ttnews-browsebox td p {
    margin: 0;
    padding: 0;
}

.news-search-emptyMsg {
    margin-left: 10px
}

.news-single-container .img {
    float: right;
    margin: 0 0 10px 20px;
    text-align: center;
    width: 200px;
}

.news-single-container .date {
    font-style: italic
}

.news-additional-info {
    margin: 0
}

.news-additional-info .news-list-container {
    margin: 0
}

.news-additional-info .news-list-container .item {
    margin: 0 0 5px 0
}

.news-additional-info p.news-item, .news-links p.bodytext {
    padding: 0 0 5px 0;
    margin: 0;
}

.news-additional-info h4 {
    padding-top: 20px
}

.news-related, .news-files, .news-links {
    margin: 0 0 10px 0
}

#news-amenu-container {
    margin: 0 0 10px 0
}

#news-amenu-container LI.news-amenu-item-year {
    font-weight: bold;
    list-style-image: none;
    list-style: none;
    margin: 10px 0 2px 0;
}

#news-amenu-container UL {
    margin: 0
}

#news-amenu-container LI {
    list-style: none;
    list-style-image: none;
    background-image: none;
    padding: 0 0 1px 0;
    margin: 0;
}

.news-catmenu {
    padding: 5px;
    margin: 10px 0 10px 10px;
    border: 1px solid #666666;
    background-color: #f5f5f5;
}

.news-catmenu div {
    font-size: 10px;
    white-space: nowrap;
}

.news-catmenu-header {
    font-size: 11px;
    font-weight: bold;
}

.news-catmenu div img, .news-catmenu img, .news-catmenu-header img {
    margin: 0px;
    padding: 0;
    vertical-align: middle;
}

.news-catmenu-ACT {
    font-weight: bold
}

.level1 {
    padding: 1px;
    padding-left: 10px;
    background-color: #f5f5f5;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
}

.level2 {
    padding: 1px;
    padding-left: 10px;
    background-color: #cccccc;
    border-left: 1px solid #666666;
}

.level3 {
    padding: 1px;
    padding-left: 10px;
    background-color: #f5f5f5;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
}

.level4 {
    padding: 1px;
    padding-left: 10px;
    background-color: #f5f5f5;
    border-left: 1px solid #666666;
}

body.print {
    background-color: #ffffff;
    color: #000000;
    margin: 20px;
}

/* --- EXT: RTE ---------------------------------------------------------------------------------------------------------------- */
p.smalltext, p.tinytext, p.backlink, p.icon-angle-right, p.largetext, p.xlargetext, p.mobilecall2action, p.highlighttext {
}

h1.header, h2.header, h3.header, h4.header, h5.header, h6.header, h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {
}

span.smalltext, span.tinytext, span.header, span.subheader {
}

.largetext {
    font-size: 1.5rem;
    padding: 5px 0 !important;
    line-height: 30px;
}

.highlighttext {
    font-size: 2.5rem;
    padding: 5px 0 !important;
    line-height: 30px;
    margin: 50px 0 11px 0;
    color: #0098a2;
}

.mobilecall2action a {
    background: #0098a2;
    color: #ffffff;
    padding: 15px 40px;
    line-height: 50px;
}

.subcl ul {
    margin: 0 0 0 20px;
}

.subcl li {
    font-size: 1.5rem;
    padding: 5px 0 !important;
    line-height: 30px;
}

.subcl li:before {
    margin-left: -18px;
}

/* restore default li settings for nested multicontent content elements */
.subcr .subcl li {
    font-size: inherit;
    padding: 0 !important;
    line-height: 153%;
}

.clickable .csc-frame-frame1, .clickable .csc-frame-frame2, .clickable .line-white {
    cursor: pointer
}

.csc-frame-frame1 .largetext, .csc-frame-frame2 .largetext, .csc-frame-frame1 .xlargetext, .csc-frame-frame2 .xlargetext {
    padding: 10px 20px !important;
}

.xlargetext {
    font-size: 2.0rem;
    padding: 5px 0 !important;
    line-height: 30px;
}

.showondesktop {
    display: block;
}

.showonmobile {
    display: none;
}

/* font awesome */
[class^="icon-"], [class*=" icon-"] {
    display: block;
}

p.icon-angle-right a {
    padding-left: 7px
}

.csc-frame-frame2 p.icon-angle-right {
    color: #0098a2 !important;
}

/* elastic-image and elastic-video*/
.csc-textpic img {
    max-width: 100% !important;

    height: auto !important;
    width: 100%;
}

/*.csc-textpic-image, .csc-textpic-imagerow, .csc-textpic-imagewrap, */
.news-latest-container img {
    width: 100% !important;
    height: auto
}


.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 5px;
    height: 0;
    overflow: hidden;
    margin-top: -10px;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    margin-top: 0;
}

object, embed, video, .video-js-box {
    width: 100% !important;
    height: auto !important;
}

embed {
    width: 100% !important;
    height: calc(35vw) !important;
}

/* multicontent 2 custom cols by iwelt, available by setup in t3-extensionmanager*/
.subcl, .subcr {
    padding: 0
}

.c32l, .c32r {
    width: 31.875%;
}

.c50l, .c50r {
    width: 50%;
}

.c65l, .c65r {
    width: 65.833333333333%;
}

.c24l, .c24r {
    width: 24.8%;
}

.c32l, .c50l, .c65l, .c24l {
    float: left;
}

.c32r, .c50r, .c65r, .c24r {
    float: right;
    margin-left: -5px;
}

.c32l {
    margin-bottom: 20px
}

/* multicontent Tabs Krick-Style */
.tx-jfmulticontent-pi1 {
    overflow: hidden;
    position: relative
}

.tx-jfmulticontent-pi1 .ui-tabs {
    width: 65.833333333333%;
    float: right
}

.ui-widget-header {
    border: 0;
    background: none;
    font-weight: normal !important
}

.ui-widget-content {
    padding: 0;
    background: transparent none;
    border: 0;
    color: inherit;
    font-size: inherit;
    font-family: 'FrutigerNextW01-Regular', helvetica, arial, sans-serif;
}

.ui-tabs .ui-tabs-panel {
    padding: 20px;
    background: transparent none;
    border-left: 2px solid #0098a2;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    margin-top: 75px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-tabs-nav {
    position: absolute;
    border-left: 2px solid #0098a2;
    float: left;
    width: 51.87%;
    left: -51.875% !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin: 0;
    padding: 0;
    width: 100%;
    border-right: 0
}

.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #eff1f0 url("/fileadmin/images/tabActive.png") right center no-repeat;
}

.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a {
    float: none;
    border: 0;
    margin: 0 0 0 0;
    top: 0;
    color: #524d4b;
    font-size: inherit;
    font-family: 'FrutigerNextW01-Regular', helvetica, arial, sans-serif;
    background: transparent
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui-tabs .ui-tabs-nav li {
    background: #eff1f0;
    border-right: 2px solid #0098a2
}

.ui-tabs .ui-tabs-nav li:before {
    content: none
}

.ui-tabs .ui-tabs-nav li a {
    margin: 0 0 2px 0;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.ui-tabs .ui-tabs-nav li:last-child a {
    margin: 0;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    display: block;
    padding: 10px 17px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none;
    color: #0098a2 !important
}

.ui-state-active a {
    color: #0098a2 !important
}

.ui-accordion h3, .ui-accordion h3 a, .ui-accordion h3 a:link {
    font-size: 15px;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 15px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

.ui-state-default .ui-icon {
    background-image: url("/fileadmin/images/ui-icons_0098a2_256x240.png");
}

.ui-accordion-header a {
    content: "asdf";
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #eff1f0;
    background-color: #eff1f0;
    background-image: none;
    font-weight: bold;
    color: #1c94c4;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #0098a2;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #0098a2;
    background: #ffffff;
    background-image: none;
    font-weight: bold;
    color: #0098a2;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #0098a2;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #0098a2;
    background: #ffffff;
    background-image: none;
    font-weight: bold;
    color: #0098a2;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #0098a2;
    text-decoration: none;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.go-top, .go-top:hover {
    position: fixed;
    bottom: 1em;
    right: 1em;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1em 1.2em;
    display: none;
}

/* ----------------  dropdownmenu -------------------------------------------------------*/
#dropdown {
    top: 107px;
    display: none;
    background-color: #ffffff;
}

a.ddmenu-link {
    float: right;
    display: block;
    padding: 1em;
}

.ddmenu, .ddmenu > ul ul {
    clear: both;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.js .ddmenu, .js .ddmenu > ul ul {
    overflow: hidden;
    max-height: 0;
}

.ddmenu.active, .js .ddmenu > ul ul.active {
    max-height: 55em;
}

.ddmenu li {
    display: block;
}

.ddmenu li a {
    color: #524d4b;
    display: block;
    padding: 0.8em 0.5em;
    border-left: 0;
    position: relative;
}

.ddmenu .level-1 li a:hover, .ddmenu .level-1 li.has-subnav a:hover {
    color: #0098a2;
    background-color: transparent;
    text-decoration: none
}

.ddmenu li a:hover {
    color: #ffffff;
    background-color: #0098a2;
    text-decoration: none
}

.ddmenu li.has-subnav > a:after {
    content: "\f107";
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    right: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ddmenu li.has-subnav > a.active:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ddmenu li.has-subnav > a.active {
    border-left: 2px solid #0098a2;
    margin-left: 10px;
    padding-left: 1.25em
}

.ddmenu ul li:before {
    content: none
}

.ddmenu .level-2.active {
    border-top: 1px solid #808080;
}

.ddmenu .level-2.active li.lastitem {
    border-bottom: 0 !important
}

.ddmenu .level-2.active a {
    font-size: 0.8em;
    padding: 1em 2.5em
}

.ddmenu .level-2.active a:hover, .ddmenu .level-2.active a.active {
    background: #ffffff !important;
    border-left: 2px solid #0098a2;
    margin-left: 10px;
    padding-left: 1.55em
}

.ddmenu ul.level-1 > li > a {
    cursor: s-resize;
}

@media screen and (min-width: 690px) {
    .pattern {
        overflow: visible;
    }

    a.ddmenu-link {
        display: none;
    }

    .js .ddmenu, .js .ddmenu > ul ul {
        max-height: none;
        overflow: visible;
        background: none;
    }

    .js .ddmenu > ul ul {
        background: #eff1f0;
        display: none;
    }

    .js .ddmenu > ul ul.active {
        display: block;
    }

    .ddmenu ul {
        margin: 0 0 0 0.5em;
        border: 0;
    }

    .ddmenu ul.level-2 a {
        font-family: FrutigerNextW01-Regular, helvetica, arial, sans-serif;
        font-size: 0.9375rem;
    }

    .ddmenu li a {
        border: 0;
    }

    .ddmenu li.has-subnav > a:hover {
        background-color: transparent;
        color: inherit
    }

    .ddmenu li.has-subnav > a:after {

        padding: 0.8em 0.5em;
    }

    .ddmenu .level-1 > li.has-subnav > a:after {
        content: none;
    }

    .ddmenu > ul li {
        margin: 0 0.25em;
        padding: 0;
        margin: 0;
        display: block
    }

    .ddmenu > ul > li {
        display: inline-block;
        position: relative;
    }

    .ddmenu > ul ul {
        position: absolute;
        top: 0;
        left: 12em;
        width: 13em;
    }

    .ddmenu > ul ul li {
        position: relative;
    }

    .ddmenu > ul ul.level-2 {
        top: 3.30em;
        left: 0;
        box-shadow: 0px 15px 25px #585858;
        -moz-box-shadow: 0px 15px 25px #585858;
    }

}

@media only screen and (max-width: 960px) {
    h1 {
        padding: 20px 0 20px 0;
    }

    #dropdown {
        display: block;
        left: 2.6%;
        z-index: 999;
        top: 35px
    }

    #dropdown.sticky {
        position: fixed;
        top: 27px;
        z-index: 888
    }

    #header {
        margin-bottom: 43px;
        top: 79px;
    }

    #logo {
        top: -51px;
    }

    .sticky #logo {
        top: 20px;
    }

    .ddmenu, .ddmenu > ul ul {
        clear: both;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .ddmenu ul {
        padding: 0
    }

    .ddmenu li {
        border-bottom: 1px solid #808080;
    }

    .ddmenu li.has-subnav, .ddmenu .level-2 li.lastitem {
        border-bottom: 0;
    }

    .ddmenu li a {
        padding: 0.8em
    }

    .ddmenu li a.active {
        color: #0098a2;
    }

    #mainnav, #subnav {
        display: none
    }

    #wrapper {
        width: 95%;
    }

    #innerwrapper {
        width: 49%;
        float: right
    }

    #subnav {
        position: absolute;
        top: 145px;
        left: 0;
        font-family: 'FrutigerNextW01-Regular', helvetica, arial, sans-serif
    }

    #subnav li {
        display: inline
    }

    #subnav a {
        padding-left: 30px;
    }

    #subnav li.firstitem a {
        padding-left: 0
    }

    #colLeft, #colRight {
        float: none;
        width: 100%;
    }

    .home #colRight, .home #colBorder, #colFusszeile {
        margin-top: 50px;
    }

    #colBorder.noMargin {
        margin-top: 0
    }

    .rightfloat {
        float: none;
        width: 100%;
        margin-bottom: 0
    }

    .leftfloat {
        float: none;
        width: 49%
    }

    .c32l, .c32r, .c50l, .c50r, .c65l, .c65r {
        width: 100%;
        margin-top: 20px;
    }

    .c24l, .c24r {
        width: 50%;
        margin-top: 20px;
    }

    .tx-jfmulticontent-pi1 .ui-tabs {
        width: 49%;
        float: right;
    }

    .ui-tabs-nav {
        width: 103.875%;
        left: -103.875% !important;
    }

    #footernav > .left {
        float: none;
        overflow: hidden;
        width: 100%
    }

    #footernav > .right {
        float: none;
        overflow: hidden;
        width: 100%
    }

    #footernav .left .left {
        width: 50.6%
    }

    #footernav .left .right {
        float: left;
    }

    #footernav > .right ul:first-child {
        float: left;
        width: 50.6%;
        padding-top: 50px
    }

    #footernav > .right ul:nth-child(2) {
        float: left;
        border-left: 2px solid #eff1f0;
        padding-top: 50px;
        margin-top: 0
    }

    .socialmedia {
        padding-top: 60px
    }

    .csc-mailform input, .csc-mailform textarea {
        width: 99% !important;
    }

    .csc-mailform-submit {
        margin-left: 0;
    }

    embed {
        height: calc(52vw) !important;
    }
}

@media only screen and (max-width: 690px) {

    #header {
        height: 50px !important;
        top: 0;
        margin-bottom: 0;
    }

    #header #logo {
        top: 13px;
        width: 5em;
        height: 1.7em;
        z-index: 999
    }

    #header.sticky {
        position: static !important;
        height: 20px !important
    }

    #inhalt.sticky {
        margin-top: 20px !important
    }

    #dropdownTrigger {
        position: absolute;
        z-index: 999;
        top: 0;
        width: 75%;
        box-sizing: border-box;
        padding: 1.1em 0 1.1em 2.5%;
    }

    .bottomShadow {
        display: block !important;
        height: 50px;
        width: 100%;
        position: absolute;
        top: 0;
        -webkit-box-shadow: 0px 2px 11px #8f8f8f; /* webkit browser*/
        -moz-box-shadow: 0px 2px 11px #8f8f8f; /* firefox */
        box-shadow: 0px 2px 11px #8f8f8f;
    }

    #dropdown {
        position: absolute;
        z-index: 999;
        top: 50px;
        left: 0;
        width: 100%;
        border-left: 0;
        -webkit-box-shadow: 0px 9px 11px #8f8f8f; /* webkit browser*/
        -moz-box-shadow: 0px 9px 11px #8f8f8f; /* firefox */
        box-shadow: 0px 9px 11px #8f8f8f;
    }

    #dropdown.sticky {
        position: absolute;
    }

    .ddmenu > ul {
        border-top: 1px solid #808080;
    }

    .ddmenu ul {
        padding: 0;
    }

    .ddmenu li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #808080 !important;
    }

    .ddmenu li a {
        padding: 0.8em 1.97em;
        background-color: #ffffff
    }

    .icon-bar {
        display: block !important;
        width: 24px;
        height: 3px;
        background-color: #373737;
    }

    .active .icon-bar {
        background-color: #0098a2;
    }

    .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    .level-1 li.has-subnav:last-child {
        border-bottom: 0
    }

    .ddmenu li.has-subnav {
        display: block;
        background-color: #ffffff;
        padding: 0
    }

    #footernav .left .left, #footer .left .right, #colBorder, .leftfloat, #innerwrapper, .c32l, .c32r, .c50l, .c65l, .c65r, .tx-jfmulticontent-pi1 .ui-tabs, .ui-tabs-nav, #footernav .left .right {
        float: none;
        width: 100%;
    }

    .ui-tabs .ui-tabs-nav {
        left: 0;
        position: static;
        margin-top: 0
    }

    .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        width: 99%
    }

    #footernav .left .footerfloat {
        float: none;
    }

    #footernav > .right ul:first-child, #footer > .right ul:nth-child(2), #footernav .left .right, #footernav > .right ul:nth-child(2) {
        float: none;
        padding-top: 20px;
    }

    #footernav > .right ul:nth-child(2) {
        border-left: 0
    }

    #footernav .left .left > ul:nth-child(2), #footernav .left .right > ul:nth-child(2), #footernav .right > ul:nth-child(2) {
        margin-top: 20px;
    }

    .c32l, .c32r, .c50l, .c65l, .c65r, .c24l, .c24r {
        margin-left: 0;
    }

    /* Default classes */
    .c33l, .c33r, .c50l, .c50r {
        width: 100%;
        margin-top: 20px;
    }

    /* Custom classes */
    .c32l, .c32r, .c65l, .c65r, .c24l, .c24r {
        width: 100%;
        margin-top: 20px;
    }

    .sorting .c32l .block-inner {
        /*padding-top: 30px;*/
    }

    .vspace {
        margin-bottom: 20px;
    }

    #innerwrapper h2.csc-firstHeader {
        margin-top: 20px
    }

    #colRight h2.csc-firstHeader {
        margin-top: 40px
    }

    H1 {
        font-size: 1.875rem;
    }

    H2, .home .rightfloat.noBorder H1 {
        font-size: 0.8125rem;
    }

    H3 {
        font-size: 1.875rem;
        overflow-wrap: anywhere;
    }

    H4 {
        font-size: 1.875rem;
    }

    H5, H6 {
        font-size: 1em;
    }

    .showondesktop {
        display: none;
    }

    .showonmobile {
        display: block;
        background: #0098a2;
        color: #ffffff;
        padding: 2%;
        text-align: center;
    }

    .showonmobile a {
        display: block;
        background: #0098a2;
        color: #ffffff;
        padding: 2%;
        font-size: 2rem;

    }

}

.socialmedia a, .socialmedia a:link, .socialmedia a:hover {
    color: #524d4b;
    text-decoration: none;
}

.socialmedia .fab {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    margin-right: 10px;
}

.socialmedia {
    text-align: left;
    margin-bottom: 10px;
    padding-top: 20px;
}

.c32l .csc-textpic-image a.fancybox {
    width: 100%;
}

.ub_status_check_widget * {
    font-family: inherit !important;
}

.ub_status_check_widget .tooltip * {
    border-radius: 0 !important;
    background: #ffffff;
}

.ub_status_check_widget .tooltip {
    border: 1px solid black;
    padding: 0 !important;
    box-shadow: 5px 5px 10px #4c4c4c;
}

/* Set base color for text */
[class="ub_status_check_widget"].ub_status_check_widget,
[class="ub_status_check_widget"].ub_status_check_widget h1,
[class="ub_status_check_widget"].ub_status_check_widget h2,
[class="ub_status_check_widget"].ub_status_check_widget h3,
[class="ub_status_check_widget"].ub_status_check_widget h4,
[class="ub_status_check_widget"].ub_status_check_widget h5,
[class="ub_status_check_widget"].ub_status_check_widget h6,
[class="ub_status_check_widget"].ub_status_check_widget p,
[class="ub_status_check_widget"].ub_status_check_widget div {
    color: #524d4b !important;
}

/* Set background color for search form box */
[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-form-wrapper {
    background-image: none !important;
    background-color: #ffffff;
    border-color: #ffffff;
    margin-bottom: 20px;
}

/* Set background color for progress animation modal */
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal {
    background-image: none !important;
    background-color: #ffffff !important;
    border-color: #ffffff;
    color: white;
}

/* Set background color for results table header and footer */
[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .searchResults thead tr,
[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .tables-container, {
    background-image: none;
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Set text color for results table header */
[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .searchResults thead th {
    color: white;
}

/* Set button background and text colors */
[class="ub_status_check_widget"].ub_status_check_widget .btn,
[class="ub_status_check_widget"].ub_status_check_widget a.btn,
[class="ub_status_check_widget"].ub_status_check_widget input[type="submit"].btn,
[class="ub_status_check_widget"].ub_status_check_widget button.btn {
    background-image: none !important;
    background-color: #0098a2 !important;
    border: none !important;
    font-weight: 500;
    font-family: 'ScubaProBold';
    padding-top: 0;
    color: white !important;
}

[class="ub_status_check_widget"].ub_status_check_widget .btn:hover,
[class="ub_status_check_widget"].ub_status_check_widget a.btn:hover,
[class="ub_status_check_widget"].ub_status_check_widget input[type="submit"].btn:hover,
[class="ub_status_check_widget"].ub_status_check_widget button.btn:hover {
    box-shadow: none;
    background-color: #524d4b !important;
    border-color: #524d4b !important;
}

/* Set non-button link colors */
[class="ub_status_check_widget"].ub_status_check_widget a:not(.btn),
[class="ub_status_check_widget"].ub_status_check_widget a div,
[class="ub_status_check_widget"].ub_status_check_widget a span {
    color: #0098a2;
}

[class="ub_status_check_widget"].ub_status_check_widget a:not(.btn):hover,
[class="ub_status_check_widget"].ub_status_check_widget a div:hover,
[class="ub_status_check_widget"].ub_status_check_widget a span:hover {
    color: #0098a2;
}

[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h1,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h2,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h3,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h4,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h5,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal h6,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal p,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal .directory-logo-text,
[class="ub_status_check_widget"].ub_status_check_widget .modal.presence-check-modal a {
    color: white !important;
}

/* Set color for text in progress animation popup */
[class="ub_status_check_widget"].ub_status_check_widget .product-top-container {
    background-image: none;
}

[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .searchResults thead tr {
    background-color: #ffffff !important;
}

[class="ub_status_check_widget"].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .tables-container {
    border-bottom-color: #ffffff;
}

[class="ub_status_check_widget"].ub_status_check_widget .directory-logo-wrapper.logo-top .directory-logo-text {
    color: #0098a2;
}

li.directory-logo-wrapper.logo-top:before {
    content: normal;
}

[class=ub_status_check_widget].ub_status_check_widget .widget-embed-wrapper {
    z-index: 10 !important;
}

[class=ub_status_check_widget].ub_status_check_widget h1 {
    font-family: Frutiger Next W01 Light, helvetica, arial, sans-serif !important;
    font-weight: normal !important;;
    line-height: 111.538461538462% !important;;
    margin: 0 !important;;
    font-size: 52px !important;;
    padding: 0 0 30px 0 !important;;
    text-align: left !important;
    color: #524d4b !important;;
}

[class=ub_status_check_widget].ub_status_check_widget .product-top-container {
    text-align: left !important;
}

[class=ub_status_check_widget].ub_status_check_widget .mtforty {
    margin-top: 0 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .row-fluid .offset1:first-child {
    margin-left: 0 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .container-fluid {
    padding: 0 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .presence-check-standalone-form-wrapper {
    background: transparent !important;
}

[class=ub_status_check_widget].ub_status_check_widget .modal-presence-check-form .input-wrapper label {
    color: inherit !important;
}

[class=ub_status_check_widget].ub_status_check_widget input[type=text], [class=ub_status_check_widget].ub_status_check_widget input[type=password], [class=ub_status_check_widget].ub_status_check_widget input[type=datetime], [class=ub_status_check_widget].ub_status_check_widget input[type=datetime-local], [class=ub_status_check_widget].ub_status_check_widget input[type=date], [class=ub_status_check_widget].ub_status_check_widget input[type=month], [class=ub_status_check_widget].ub_status_check_widget input[type=time], [class=ub_status_check_widget].ub_status_check_widget input[type=week], [class=ub_status_check_widget].ub_status_check_widget input[type=number], [class=ub_status_check_widget].ub_status_check_widget input[type=email], [class=ub_status_check_widget].ub_status_check_widget input[type=url], [class=ub_status_check_widget].ub_status_check_widget input[type=tel], [class=ub_status_check_widget].ub_status_check_widget input[type=color], [class=ub_status_check_widget].ub_status_check_widget input[type=search], [class=ub_status_check_widget].ub_status_check_widget select, [class=ub_status_check_widget].ub_status_check_widget textarea {
    border-radius: 0px !important;
    border: 1px solid #cccccc !important;
    background-color: #ececec !important;
}

[class=ub_status_check_widget].ub_status_check_widget .presence-check-form select {
    color: #0098a2 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .btn, [class=ub_status_check_widget].ub_status_check_widget a.btn {
    border-radius: 0 !important;
    text-transform: none !important;
}

[class=ub_status_check_widget].ub_status_check_widget a.btn.btn-uberall-website:active, [class=ub_status_check_widget].ub_status_check_widget a.btn.btn-uberall-website:hover, [class=ub_status_check_widget].ub_status_check_widget button.btn.btn-uberall-website:active, [class=ub_status_check_widget].ub_status_check_widget button.btn.btn-uberall-website:hover, [class=ub_status_check_widget].ub_status_check_widget input[type=submit].btn.btn-uberall-website:active, [class=ub_status_check_widget].ub_status_check_widget input[type=submit].btn.btn-uberall-website:hover {
    color: #ffffff;
    background-position: center;
    box-shadow: 0 0 0 0 !important;
    background-image: none !important;
}

[class=ub_status_check_widget].ub_status_check_widget .product-logo-list-box:last-child {
    z-index: 0;
    position: relative;
    box-shadow: 0 0 0 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .product-logo-list-box {
    border-radius: 0 !important;
    padding: 0 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .widget-embed-wrapper {
    max-width: 100% !important;
}

[class=ub_status_check_widget].ub_status_check_widget .center {
    text-align: left !important;
}

[class=ub_status_check_widget].ub_status_check_widget .product-logo-list-box .logo-list {
    padding-left: 0 !important;
}

.span10.offset1.center {
    width: auto !important;
}

[class=ub_status_check_widget].ub_status_check_widget .blockG {
    background-color: #0098a2 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .searchResults thead th {
    color: #0098a2 !important;
}

[class=ub_status_check_widget].ub_status_check_widget .btn, [class=ub_status_check_widget].ub_status_check_widget a, [class=ub_status_check_widget].ub_status_check_widget a.btn, [class=ub_status_check_widget].ub_status_check_widget body, [class=ub_status_check_widget].ub_status_check_widget html, [class=ub_status_check_widget].ub_status_check_widget p,
[class=ub_status_check_widget].ub_status_check_widget .modal-presence-check-form .input-wrapper label,
[class=ub_status_check_widget].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .searchResults thead th,
[class=ub_status_check_widget].ub_status_check_widget .searchResults td, [class=ub_status_check_widget].ub_status_check_widget .searchResults tr {
    font-size: 1rem !important;
}

[class=ub_status_check_widget].ub_status_check_widget .presence-check-standalone-detailed-results-table-wrapper .tables-container {
    border-bottom: 0 !important;
}

select .presence-check-input-country.presence-check-input {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.presence-check-modal {
    border: 1px solid #524d4b;
    border-radius: 0 !important;
}

.presence-check-modal *, [class=ub_status_check_widget].ub_status_check_widget .widget-embed-wrapper .modal.presence-check-modal h2, [class=ub_status_check_widget].ub_status_check_widget .modal.presence-check-modal.presence-check-loading-animation-modal p {
    color: #ffffff !important;
}

[class=ub_status_check_widget].ub_status_check_widget .widget-embed-wrapper .modal.presence-check-modal.in {
    background: #524d4b !important;
}

[class=ub_status_check_widget].ub_status_check_widget .presence-check-modal-close-button {
    font-size: 20px !important;
}

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_search-form-wrapper label,
div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_results-table .ubsc_results-table-header .ubsc_results-table-cell {
    color: #373737 !important;
}

div[class="ub_status_check_widget"].ub_status_check_widget section.skylight-wrapper div * {
    color: #373737 !important;
}

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_modal-loading-animation-wrapper .ubsc_animation-wrapper .ubsc_listing-scroll ul *,
div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_modal-loading-animation-wrapper .ubsc_animation-wrapper .ubsc_listing-scroll ul li .ubsc_directory-logo-text * {
    color: #373737 !important;
}

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_modal-loading-animation-wrapper .ubsc_animation-wrapper .ubsc_listing-scroll ul li div.ubsc_directory-logo-text {
    color: #373737 !important;
}

div[class="ub_status_check_widget"].ub_status_check_widget .ubsc_modal-loading-animation-wrapper .ubsc_animation-wrapper .ubsc_listing-scroll ul li:before {
    display: none !important;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider li {
    background-image: none;
    margin: 0;
    padding: 0;
}

.flexslider li:before {
    content: none
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.slides li {
    position: relative;
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    position: relative;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.flexslider figure.csc-textpic-image {
    padding-bottom: 0;
}

.carousel li {
    margin-right: 5px
}

/**
 * Direction Nav
 */
.flex-direction-nav {
    *height: 0;
    display: none !important;
}

.standard.wide .flex-direction-nav, .bigpic.small .flex-direction-nav, .bigpic.wide .flex-direction-nav {
    *height: 0;
    display: block
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: -36px
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flexslider div.csc-textpic-responsive figure.csc-textpic-image {
    padding-bottom: 0
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/**
 * Control nav
 */
.flex-control-nav {
    width: 100%;
    position: static;
    /*bottom: 25px;*/
    margin: 10px 0;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #ffffff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
    background: #0098a2;
}

.flex-control-paging li a.flex-active {
    background: #0098a2;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.go-top, .go-top:hover {
    position: fixed;
    bottom: 1em;
    right: 1em;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1.3em 1.5em;
    display: none;
}

/***/

/* Anpassung Cookie-Hinweis */
.cookie-container {
    display: none;
    font-size: 18px;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 0 10px;
    color: #ffffff;
}

.cookie-container a {
    color: #ffffff;
    text-decoration: underline;
}

.cookie-container .cookie {
    padding: 20px 0 40px 0;
    position: relative;
    max-width: 1224px;
    margin-right: auto;
    margin-left: auto;
}

.cookie-container .cookie button {
    border: none;
    font-size: 16px;
    vertical-align: middle;
    padding: 10px 25px;
    height: auto;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: #ffffff;
    color: #000000;
    margin: 15px 0 0 0;

}

/* Anpassung Formular Services > Beta Test */

#mailformIhr_System {
    border: none;
    margin: 0;
    padding: 0;
}

#mailformIhr_System legend {
    display: none;
}

#mailformIhr_System label {
    width: 70px;
}

#mailformIhr_SystemApple, #mailformIhr_SystemAndroid {
    width: 15px !important;
    float: left;
    margin-right: 10px;
}

#c2109 .tx-powermail .powermail_fieldset .powermail_field,
#c2161 .tx-powermail .powermail_fieldset .powermail_field,
#c2161 .tx-powermail .powermail_fieldset powermail_fieldwrap_html {
    float: left !important;
}

#c2109 .tx-powermail .powermail_fieldset .powermail_label {
    width: 130px !important;
}

#c2161 .tx-powermail .powermail_fieldset .powermail_label {
    width: 180px !important;
}

#c2109 .tx-powermail .powermail_fieldset .powermail_radio_outer,
#c2161 .tx-powermail .powermail_fieldset .powermail_radio_outer,
#c2161 .tx-powermail .powermail_fieldset .powermail_check_outer {
    float: left !important;
    border: none !important;
}

#c2109 .powermail_submit {
    margin-left: 130px !important;
}

#c2161 .powermail_submit {
    margin-left: 180px !important;
}

#c2109 .powermail_legend,
#c2161 .powermail_legend {
    display: none;
}

#c2109 h3,
#c2161 h3 {
    display: none;
}

#powermail_fieldwrap_70 {
    margin-top: 3em;
}

/*Anpassungen powermail*/
.tx-powermail {
    width: auto
}

.tx-powermail .clear {
    clear: both
}

.tx-powermail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tx-powermail *.hide {
    display: none
}

.tx-powermail .powermail_fieldset {
    clear: left;
    border: none;
    padding: 10px 0;
    margin: 0 0 20px 0;
}

.tx-powermail .powermail_fieldset .powermail_legend {
    color: #bbbbbb;
    float: right;
    margin: 3px 0 10px 0;
    font-size: 200%;
    white-space: normal
}

.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 40%;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
    content: 'i';
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    background-color: #aaaaaa;
    margin: 0 0 0 2px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-family: arial;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
    display: none
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    margin: 0.5em 0 0.5em 0;
    clear: both;
    overflow: hidden
}

.tx-powermail .powermail_fieldset .powermail_field {
    width: 60%;
    padding: 5px;
    margin: 0;
    border: 1px solid #bbbbbb;
    color: #444444;
    float: right;
    font-size: inherit
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset, .cr_button {
    margin: 5px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #0098a2;
    border: 1px solid #eeeeee
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #ffca4b
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
    width: auto;
    margin-top: 10px
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer,
.tx-powermail .powermail_fieldset .powermail_captcha_outer,
.tx-powermail .powermail_fieldset .powermail_check_outer,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul {
    background-color: white;
    border: 1px solid #bbbbbb;
    float: right;
    padding: 5px;
    width: 60%;
    list-style: none;
    margin: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_text {
    border: none;
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li,
.tx-powermail .powermail_fieldset .powermail_check_outer > li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li {
    margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li .deleteAllFiles {
    color: #bbbbbb;
    cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_captcha_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_check_outer > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text > li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul > li .deleteAllFiles:hover {
    text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    display: none;
    margin: 5px 0 20px 0;
    padding: 0;
    list-style-type: none;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    width: 60%;
    float: right;
    clear: both;
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li {
    color: #a94442;
    padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #ebccd1;
    border: 1px solid #a94442;
    color: #a94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    width: 100%;
    margin-bottom: 0;
    background-color: #ebccd1;
    border: none
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li {
    padding-left: 5px
}

.tx-powermail .powermail_create, .tx-powermail .powermail_confirmation {
    border: 1px solid #bbbbbb;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eeeeee;
    overflow: hidden
}

.tx-powermail .powermail_create .powermail_confirmation_submit,
.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_submit,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    margin: 20px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    background-color: #0098a2;
    border: 1px solid #eeeeee
}

.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    float: left;
    clear: left;
    background-color: #bbbbbb
}

.tx-powermail .powermail_progressbar {
    width: 60%;
    height: 5px;
    float: right;
    border: 1px solid #eeeeee;
    clear: both
}

.tx-powermail .powermail_progressbar.disable {
    display: none
}

.tx-powermail .powermail_progressbar > .powermail_progress {
    background: #0098a2;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards
}

.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner {
    height: 5px;
    width: 100%;
    overflow: hidden;
    background: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25)
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.tx-powermail .powermail_all > dt {
    width: 40%;
    float: left;
    clear: left;
    font-weight: bold
}

.tx-powermail .powermail_all > dd {
    width: 60%;
    float: left;
    margin: 0
}

.tx-powermail .powermail_message {
    padding: 5px 0 10px 20px;
    min-height: 65px;
    background-color: #ebccd1;
    border: 1px solid #a94442;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    list-style: circle
}

.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #cdeaca;
    border: 1px solid #3b7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3b7826
}

.tx-powermail .powermail_message.powermail_message_error {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png")
}

.tx-powermail .powermail_message.powermail_message_error li {
    color: #a94442
}

.tx-powermail .powermail_message.powermail_message_note {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
    background-color: #fcf8e3;
    border: 1px solid #ffca4b
}

.tx-powermail .powermail_message.powermail_message_note li {
    color: #ffca4b
}

.tx-powermail .powermail_tabmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu > li {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background: #eeeeee;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    color: #aaaaaa
}

.tx-powermail .powermail_tabmenu > li.act {
    color: #444444
}

.tx-powermail .powermail_tabmenu > li.parsley-error {
    background-color: #ebccd1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaaaaa;
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: white;
    border: 1px solid #bbbbbb;
    font-weight: bold
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #0098a2;
    float: right
}

.powermail_frontend table.powermail_frontend_list {
    width: 100%;
    font-size: 0.8em;
    border: 1px solid #444444;
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: separate
}

.powermail_frontend table.powermail_frontend_list tr th {
    color: white;
    font-weight: bold;
    padding: 7px 3px;
    text-align: left;
    background: #444444
}

.powermail_frontend table.powermail_frontend_list tr td {
    padding: 3px
}

.powermail_frontend table.powermail_frontend_list tr:nth-child(even) {
    background: #bbbbbb
}

.powermail_frontend .powermail_frontend_filter {
    background: #bbbbbb;
    padding: 10px 0
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container {
    padding: 5px 10px;
    clear: both
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 200px;
    padding-top: 3px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container input {
    width: 60%;
    padding: 5px;
    float: right;
    border: none
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container .powermail_frontend_search_submit {
    color: white;
    cursor: pointer;
    background: #0098a2;
    clear: both
}

.powermail_frontend .powermail_frontend_abc,
.powermail_frontend .powermail_frontend_export {
    width: 100%;
    margin: 10px 0
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner {
    margin: 0 10px
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc a {
    font-weight: bold;
    text-decoration: none
}

.powermail_frontend .powermail_frontend_export {
    width: 640px
}

.powermail_frontend .powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background-repeat: no-repeat;
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_csv.gif")
}

.powermail_frontend .powermail_frontend_export input.export_icon_xls {
    background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_xls.gif")
}

.powermail_frontend .powermail_frontend_export .powermail_frontend_export_icon {
    float: right;
    padding-top: 5px;
    margin-left: 5px;
    height: 19px
}

.powermail_frontend dl {
    clear: both;
    padding: 5px 10px
}

.powermail_frontend dl dt {
    float: left;
    width: 150px;
    font-weight: bold;
    clear: left;
    margin-right: 10px
}

.powermail_frontend dl dd {
    float: left
}

.powermail_frontend .powermail_frontend_back {
    margin: 10px;
    display: inline-block;
    padding: 5px 20px;
    background-color: #bbbbbb;
    border: 1px solid #eeeeee;
    color: white;
    text-decoration: none
}

.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: white;
    border-top: 1px solid #eeeeee;
    color: #444444;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0px
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #ffffff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #cccccc;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: #ffffff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #ffffff;
    background: #a94442
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #0098a2;
    box-shadow: #0098a2 0px 1px 3px 0px inset;
    color: #ffffff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #0098a2
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #0098a2;
    box-shadow: #0098a2 0px 1px 3px 0px inset;
    color: #ffffff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #ffffff !important;
    background: #a94442 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #cccccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eeeeee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaaaaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #cccccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #cccccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

@media screen and (min-width: 1280px) {
    .cr_form {
        width: 50% !important;
    }
}

.cr_page {
    padding-top: 30px;
}

.cr_form label {
    width: 100px;
    float: left
}

.cr_ipe_item {
    margin-bottom: 20px !important;
}

.submit_container {
    text-align: right !important;
}

.cr_button {
    font-size: 15px;
}

.tx-powermail .powermail_fieldset .parsley-errors-list > li:before {
    content: '';
    padding-left: 35px;
}

/* datenschutz */

#c2238 h1 {
    color: #0099a1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 67px;
}

#c2238 p {
    font-size: 19px;
}

.two-colums-large-text:first-of-type {
    margin-top: 100px;
}

.two-colums-large-text .subcolumns {
    display: flex;
    align-items: center;
}

.two-colums-large-text .subcolumns .c65r {
    margin-left: 2.291666666667%;
}

.two-colums-large-text .csc-textpic img {
    width: 95%;
    max-width: none !important;
}

.two-colums-large-text div.csc-textpic-left div.csc-textpic-text {
    width: 95%;
    min-height: 200px;
}

.two-colums-large-text div.csc-textpic .csc-textpic-imagewrap figure, .two-colums-large-text div.csc-textpic figure.csc-textpic-imagewrap {
    display: initial;
}

.two-colums-large-text div.csc-textpic-left .csc-textpic-imagewrap {
    float: none;
}

.two-colums-large-text p {
    line-height: 40px;
    font-size: 30px;
}

#c2279 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#c2293 {
    margin-top: 40px;
}

.call-to-action {
    background: #d5d3bb;
    height: 300px;
    display: flex;
    align-items: center;
    font-size: 35px;
    margin-bottom: 40px;
    padding: 50px;
    width: 48.9%;
    box-sizing: border-box;
    position: relative;
}

.call-to-action:hover {
    background: #0098a2;
    cursor: pointer;
}

.call-to-action:hover p, .call-to-action:hover a {
    color: #ffffff;
}

.call-to-action:before {
    content: '';
    border: solid #ffffff;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 10px;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.call-to-action p {
    line-height: 50px;
}

.call-to-action a {
    color: #524d4b;
}

#c2282 h4 {
    margin-top: 20px;
    font-size: 18px;
}

@media only screen and (max-width: 1280px) {

    #innerwrapper.jobs {
        float: none;
        width: 100%;
    }
    #innerwrapper.jobs #colLeft {
        margin-bottom: 60px;
    }
}


#innerwrapper.jobs .csc-textpic-intext-left-nowrap .csc-textpic-image {
    padding-left: 0;
    padding-top: 10px;
}


@media only screen and (max-width: 1280px) {
    .two-colums-large-text:first-of-type {
        margin-top: 60px;
    }

    .call-to-action {
        height: 180px;
        margin-bottom: 20px;
        padding: 20px;
    }

    .call-to-action p, .two-colums-large-text p {
        line-height: 30px;
    }

    .two-colums-large-text p, .call-to-action {
        font-size: 25px;
    }

}

@media only screen and (max-width: 960px) {
    .two-colums-large-text:first-of-type {
        margin-top: 20px;
    }

    .two-colums-large-text .csc-textpic img {
        width: 100%;
    }

    .two-colums-large-text div.csc-textpic-left div.csc-textpic-text {
        width: 100%;
        min-height: auto;
    }

    .two-colums-large-text .subcolumns {
        display: initial;
    }

    .two-colums-large-text p {
        font-size: 1.875rem;
    }
}

/*1280*/
/*960*/
/*690*/


@media only screen and (max-width: 599px) {
    .tx-powermail .powermail_fieldset h4 {font-size: 1.5rem;}
    .tx-powermail .powermail_fieldset .powermail_label,
    .tx-powermail .powermail_fieldset .powermail_field,
    .tx-powermail .powermail_all > dt,
    .tx-powermail .powermail_fieldset .powermail_radio_outer,
    .tx-powermail .powermail_fieldset .powermail_captcha_outer,
    .tx-powermail .powermail_fieldset .powermail_check_outer,
    .tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
    .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul,
    .tx-powermail .powermail_fieldset .parsley-errors-list {
        float: none;
        width: 100%;
    }

}


/* Ausblenden des Titles vom Powermailformular */
#c2358 h3 {
    display: none;
}