.tx-mediaplaner-pi6 .width-50 {
    /*width: 50px;*/
    width: auto;
}

.tx-mediaplaner-pi6 .width-60 {
    /*width: 60px;*/
    width: auto;
}

.tx-mediaplaner-pi6 .width-85 {
    /*width: 85px;*/
    width: auto;
}

.tx-mediaplaner-pi6 .width-95 {
    /*width: 95px;*/
    width: auto;
}

.tx-mediaplaner-pi6 .headCitizen {
    min-width: 40%;
    max-width: 49%;
}

.tx-mediaplaner-pi6 .headMountTotal {
    min-width: 0;
    max-width: 20%;
}

.tx-mediaplaner-pi6 .headMount {
    min-width: 25%;
    max-width: 30%;
}

.tx-mediaplaner-pi6 .headPriceDay {
    min-width: 30%;
    max-width: 40%;
}

.tx-mediaplaner-pi6 .headPricePeriod {
    min-width: 50%;
}

.tx-mediaplaner-pi6 .headPriceTotal {
    min-width: 50%;
}

.tx-mediaplaner-pi6 .align-center {
    text-align: left;
}

.tx-mediaplaner-pi6-tableHeader br,
.tx-mediaplaner-pi6-tableFooter br {
    display: none;
}

.tx-mediaplaner-pi6-tableHeader dl,
.tx-mediaplaner-pi6-tableFooter dl,
.tx-mediaplaner-pi6-cityItem dl {
    padding: 0;
    margin: 0 0 .3em;
    box-sizing: border-box;
}


.tx-mediaplaner-pi6 .csc-mailform-submit-top.second,
.tx-mediaplaner-pi6 .csc-mailform-submit-bottom.second {
    margin-top: 1em;
}

#tx-mediaplaner-pi6-loader {
    background-color: #000000;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 456;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: alpha(opacity=80);
}

@media all and (min-width: 0) {
    #tx-mediaplaner-pi6-loader {
        -ms-filter: none \0/;
        filter: none \0/;
    }
}

/* IE9-IE10pp4 */
#tx-mediaplaner-pi6-loader .MacFFBGHack {
    /*noinspection CssUnknownTarget*/
    background: url(../typo3conf/ext/mediaplaner/res/pi6/macFFBgHack.png) repeat;
}

/* IE6 hack */
* html #tx-mediaplaner-pi6-loader {
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    position: absolute;
}

#tx-mediaplaner-pi6-loaderImage {
    height: 13px;
    left: 50%;
    margin: -6px 0px 0px -104px; /* -height/2 0 0 -width/2 */
    position: fixed;
    top: 50%;
    width: 208px;
    z-index: 457;
}

/* IE6 hack */
* html #tx-mediaplaner-pi6-loaderImage {
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    position: absolute;
}

@media print {
    #tx-mediaplaner-pi6-loader, #tx-mediaplaner-pi6-loaderImage {
        display: none;
    }
}

.tx-mediaplaner-pi6 ul {
    padding-left: 1.2em;
}

.tx-mediaplaner-pi6 li {
    margin-bottom: .1em !important;
}

.tx-mediaplaner-pi6 li > ul {
    margin-top: .1em !important;
}

.tx-mediaplaner-pi6 li > span > a {
    margin-top: .1em;
    display: inline-block;
}

#tx-mediaplaner-pi6-results {
    display: none;
    margin-top: 25px;
}

#tx-mediaplaner-pi6-results.visible {
    display: block;
    width: 100%;
}

.tx-mediaplaner-pi6-downloads {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin: 0;
}

.tx-mediaplaner-pi6-downloads .csc-uploads-fileName {
    /*float: left;*/
    /*margin-left: 20px;*/
    width: 20%;
}

.tx-mediaplaner-pi6-downloads .csc-uploads-fileName a {
    /*padding-left: 20px;*/
    text-align: center;
}

.tx-mediaplaner-pi6-downloads .csc-uploads-fileName a[href$=".js"]:before {
    content: "\f1c1";
}


.tx-mediaplaner-pi6-toggleAll {
    float: right;
    padding: 3px 0px 8px 0px;
}

.tx-mediaplaner-pi6-tableHeader,
.tx-mediaplaner-pi6-tableFooter {
    /*background: url(../typo3conf/ext/mediaplaner/res/pi6/table-header.gif) repeat-x;*/
    /*color: #000000;*/
    /*margin: 0px -15px 0px -12px;*/
    /*padding: 5px 15px 0px 12px;*/
    display: flex;
    flex-direction: column;
}

.tx-mediaplaner-pi6-tableHeader .fixed.fixed-n1,
.tx-mediaplaner-pi6-tableFooter .fixed.fixed-n1 {
    order: 1;
    justify-content: space-between;
}

.tx-mediaplaner-pi6-tableHeader .variable.variable-n1,
.tx-mediaplaner-pi6-tableFooter .variable.variable-n1 {
    order: 0;
}

.tx-mediaplaner-pi6-tableFooter {
    border-top: 1px dotted;
    margin-top: 5px;
}

.tx-mediaplaner-pi6-tableHeader.print {
    background: none;
    display: none;
}

.tx-mediaplaner-pi6-tableHeader .variable,
.tx-mediaplaner-pi6-tableFooter .variable {
    color: #000000;
}

.tx-mediaplaner-pi6-tableHeader .variable {
    padding-bottom: 8px;
}

@media print {
    .tx-mediaplaner-pi6-toggleAll {
        display: none;
    }

    .tx-mediaplaner-pi6-tableHeader, .tx-mediaplaner-pi6-tableFooter {
        background: none;
        border-top: 1px dotted #000000;
    }

    .tx-mediaplaner-pi6-tableHeader {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    .tx-mediaplaner-pi6-tableHeader.print {
        border-top: none;
    }

    .tx-mediaplaner-pi6-tableFooter {
        page-break-before: avoid;
        page-break-inside: avoid;
    }
}

.tx-mediaplaner-pi6 .variable-n1 {
    /*margin-right: 390px;*/
}

.tx-mediaplaner-pi6 .variable-n2 {
    /*margin-right: 95px;*/
}

.tx-mediaplaner-pi6-tableHeader .fixed,
.tx-mediaplaner-pi6-tableFooter .fixed {
    /*clear: both;*/
    /*color: #000000;*/
    /*float: right;*/
}

.tx-mediaplaner-pi6-tableHeader .fixed {
    padding-bottom: 8px;
}

.tx-mediaplaner-pi6 .fixed-n1 {
    /*width: 390px;*/
    display: flex;
    flex-wrap: wrap;
}

.tx-mediaplaner-pi6 .fixed-n2 {
    width: 95px;
}

.tx-mediaplaner-pi6-tableHeader .fixed dl,
.tx-mediaplaner-pi6-tableFooter .fixed dl {
    /*color: #000000;*/
    /*display: inline;*/
    /*float: left;*/
    /*margin: 0px;*/
    /*min-height: 1px;*/
    /*padding: 0px;*/
}

.tx-mediaplaner-pi6-tableHeader .fixed dl dt,
.tx-mediaplaner-pi6-tableFooter .fixed dl dt {
    /*float: none;*/
    /*display: inline;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
}

#tx-mediaplaner-pi6-items {
    /*left: -12px;*/
    position: relative;
    /*width: 638px;*/
}

.tx-mediaplaner-pi6-cityItem {
    /*padding: 3px 15px 3px 12px;*/
    display: flex;
    flex-direction: column;
}

.tx-mediaplaner-pi6-cityItem .inhabitantRow {
    order: 1;
}

.tx-mediaplaner-pi6-cityItem .cityRow {
    order: 0;
}

.tx-mediaplaner-pi6-cityItem .detailRow {
    order: 2;
    margin-left: 30%;
    margin-top: -6%;
}

.tx-mediaplaner-pi6-cityItem .detailRow .fixed-n1 {
    align-self: flex-end;
    width: 100%;
}

.tx-mediaplaner-pi6-cityItem .groupRow {
    order: 3;
}

.tx-mediaplaner-pi6-cityItem .align-right.headPricePeriod {
    text-align: left;
}

.tx-mediaplaner-pi6-cityItem .clear {
    order: 10;
}


*:first-child + html .tx-mediaplaner-pi6-cityItem {
    /*width: 100%;*/
}

.tx-mediaplaner-pi6-cityItem.highlight {
    background: #E9E9E9;
}

.tx-mediaplaner-pi6-cityItem .fixed {
    /*float: right;*/
    /*margin-left: 8px;*/
}

.tx-mediaplaner-pi6-cityItem .fixed:first-child {
    color: #000000;
}

.tx-mediaplaner-pi6-cityItem .fixed dl {
    /*display: inline;*/
    /*float: left;*/
    /*margin: 0px 0px 8px 0px;*/
    /*padding: 0px;*/
}

*:first-child + html .tx-mediaplaner-pi6-cityItem .fixed dl {
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.tx-mediaplaner-pi6-cityItem .fixed dl dt {
    /*float: none;*/
    /*display: inline;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
}

.tx-mediaplaner-pi6-cityItem .note.tooltip span {
    text-align: center;
}

@media print {
    #tx-mediaplaner-pi6-items {
        left: auto;
        position: static;
        width: auto;
    }

    .tx-mediaplaner-pi6-cityItem {
        margin: 0px -15px 0px -12px;
        page-break-inside: avoid;
    }
}

.tx-mediaplaner-pi6-cityName {
    padding-bottom: 8px;
}

.tx-mediaplaner-pi6-tableHeader.print {
    display: flex;
    flex-direction: column;
    margin-top: .8em;
}

.tx-mediaplaner-pi6-tableHeader.print .fixed.fixed-n2 {
    order: 1;
    width: 100%;
}
#tx-mediaplaner-pi6-printCosts {
    text-align: left;
}
.tx-mediaplaner-pi6-tableHeader.print .variable.variable-n2 {
    order: 0;
    width: 100%;
}

/* 360px */
/* Galaxy Note 3 */
/* Galaxy S9/S9Plus */
/* Galaxy S10/S10Plus */
/* Galaxy S20 */
@media only screen and (min-width: 22.5em) {
}

/* 375px (374px)*/
/* iPhone 6/7/8 */
/* iPhone SE 2nd */
/* iPhone X/XS */
/* iPhone 11 Pro */
/* iPhone 12/13 mini */
@media only screen and (min-width: 23.375em) {
}

/* 384px */
/* Galaxy S20+ */

/* 390px */
/* iPhone 12/13 + Pro */
@media only screen and (min-width: 24.375em) {
}

/* 400px */
@media only screen and (min-width: 25em) {
}

/* 412px */
/* Galaxy S20 Ultra */
/* Galaxy Note 20 Ultra */

/* 414px */
/* iPhone 6/7/8 Plus*/
/* iPhone XR/11 */
/* iPhone XS Max */
/* iPhone 11 Pro Max */
/* Galaxy Note 9 */
@media only screen and (min-width: 25.875em) {
}

/* 428px */
/* iPhone 12/13 ProMaxi */
@media only screen and (min-width: 26.625em) {
}

/* 600px */
/* Nexus 7 */
@media only screen and (min-width: 37.5em) {
    .tx-mediaplaner-pi6 .csc-mailform-submit-top.second,
    .tx-mediaplaner-pi6 .csc-mailform-submit-bottom.second {
        width: 100%;
    }
    .tx-mediaplaner-pi6 .csc-mailform-submit-top.second a,
    .tx-mediaplaner-pi6 .csc-mailform-submit-bottom.second a {
        float: right;
    }

    .tx-mediaplaner-pi6 .headPricePeriod {
        min-width: 70%;
    }
    .tx-mediaplaner-pi6-cityItem .headPricePeriod {
        min-width: 60%;
    }

    .tx-mediaplaner-pi6-cityItem .align-right.headPricePeriod {
        text-align: right;
    }

    .tx-mediaplaner-pi6 .headPriceTotal {
        min-width: 30%;
    }
    .tx-mediaplaner-pi6-cityItem .headPriceTotal {
        min-width: 40%;
    }

    .tx-mediaplaner-pi6-tableHeader .align-center.headMount {
        text-align: right;
    }

    .tx-mediaplaner-pi6 ul span a {
        display: block;
    }

    .tx-mediaplaner-pi6-tableHeader.print {
        flex-direction: row;
    }
    .tx-mediaplaner-pi6-tableHeader.print .fixed.fixed-n2 {
        width: 20%;
    }
    #tx-mediaplaner-pi6-printCosts {
        text-align: right;
    }
    .tx-mediaplaner-pi6-tableHeader.print .variable.variable-n2 {
        width: 80%;
    }
}

/* 648px */
@media only screen and (min-width: 40.5em) {
    .tx-mediaplaner-pi6 .headPriceDay {
        min-width: 35%;
        max-width: 40%;
    }
}

/* 768px */
@media only screen and (min-width: 48em) {
    .tx-mediaplaner-pi6-tableHeader .align-center.headMount {
        text-align: left;
    }

    .tx-mediaplaner-pi6-cityItem .detailRow {
        margin-left: 0;
        margin-top: 0;
    }

    .tx-mediaplaner-pi6 .headCitizen {
        min-width: 50%;
        max-width: 50%;
    }

    .tx-mediaplaner-pi6 .headMountTotal {
        min-width: 50%;
        max-width: 50%;
    }

    .tx-mediaplaner-pi6 .headMount {
        min-width: 25%;
        max-width: 25%;
    }

    .tx-mediaplaner-pi6 .headPriceDay {
        min-width: 25%;
        max-width: 25%;
    }

    .tx-mediaplaner-pi6 .headPricePeriod {
        min-width: 25%;
        max-width: 25%;
    }

    .tx-mediaplaner-pi6 .headPriceTotal {
        min-width: 25%;
        max-width: 25%;
    }

}

/* 960px */
@media only screen and (min-width: 60em) {
    #tx-mediaplaner-pi6-results,
    .tx-mediaplaner-pi6-tableHeader.print {
        max-width: 60em;
    }

    .tx-mediaplaner-pi6-downloads {
        justify-content: flex-start;
        margin: 0;
        padding-left: 21em;
    }

    .tx-mediaplaner-pi6-downloads .csc-uploads-fileName {
        width: 10%;
    }

    .tx-mediaplaner-pi6-tableHeader,
    .tx-mediaplaner-pi6-tableFooter,
    .tx-mediaplaner-pi6-tableHeader.print,
    .tx-mediaplaner-pi6-cityItem {
        padding-right: .3em;
    }
}

/* 1024px */
@media only screen and (min-width: 64em) {

}

/* 1184px */
@media only screen and (min-width: 74em) {
}

/* 1424px */
@media only screen and (min-width: 89em) {
}