:root {
    --input-heigt: 40px;
    --info-icon: 44px;
    --info-icon-padding: 7px;
    --info-icon-close: 30px;
    --info-icon-close-padding: 5px;
    --select-wrapper: 40px;
    --select-icon: 40px;
    --select-icon-padding: 8px;
    --opt-grp-height: var(--input-heigt);
    --perfomace-symbol-width: 60px;
    --perfomace-symbol-height: 50px;
    --budget-input-heigt: var(--input-heigt);
    --display-overlay-close-width: 40px;
    --display-overlay-close-height: var(--display-overlay-close-width);
    --display-input-area-close-width: 20px;
    --display-input-area-close-height: var(--display-input-area-close-width);
    --basket-element-icon: 30px;
    --color-bg-ad-preview: #F1C54C
}

.tx-p123onlinewerbung-pi2 .mobile {
    display: block !important;
}

.tx-p123onlinewerbung-pi2 .desktop {
    display: none !important;
}

.tx-p123onlinewerbung-pi2-wrapper .scale:hover {
    transform: scale(1.2);
}

.tx-p123onlinewerbung-pi2-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    min-height: 36em;
    margin-top: 6em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--border-color);
    background: var(--background-color);
}

.tx-p123onlinewerbung-pi2-wrapper .content-box {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box.error {
    display: block !important;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box[data-state="active"] {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .headline {
    margin-top: 3em;
}

.tx-p123onlinewerbung-pi2-wrapper .headline h1 {
    font-weight: normal;
    text-align: center;
    color: var(--tx-p123onlinewerbung-ci-2);
}

.tx-p123onlinewerbung-pi2-wrapper .headline b {
    font-size: 2em;
}

.tx-p123onlinewerbung-pi2-wrapper .icon-navigation-wrapper {
    display: block;
    position: relative;
    margin: 0 auto
}

.tx-p123onlinewerbung-pi2-wrapper .icon {
    display: block;
    position: absolute;
    padding: 0 .8em;
    top: -7.5em;
    left: 50%;
    transform: translateX(-50%);
    background: var(--background-color);;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box.error .icon {
    top: -5.5em;
}

.tx-p123onlinewerbung-pi2-wrapper .icon span {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.tx-p123onlinewerbung-pi2-wrapper .icon {
    display: block;
    width: 100px;
    height: 100px;
}

.tx-p123onlinewerbung-pi2-wrapper .navigation {
    display: block;
    position: absolute;
    padding: .8em;
    top: -8em;
    left: 50%;
    transform: translateX(-50%);
    background: var(--background-color);
}

.tx-p123onlinewerbung-pi2-wrapper .navigation-bar-wrapper.flex-container {
    flex-wrap: nowrap;
}

.tx-p123onlinewerbung-pi2-wrapper .nav-bar-icon {
    display: block;
    position: relative;
    width: 80px;
    height: 90px;
    margin: 0 .8em !important;
    opacity: .5;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .nav-bar-icon:hover {
    opacity: 1;
}

.tx-p123onlinewerbung-pi2-wrapper .nav-bar-icon:hover .bar {
    background-color: var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .bar-icon {
    display: block;
    position: absolute;
    top: 0;
    width: 80px;
    height: 65px;
}

.tx-p123onlinewerbung-pi2-wrapper .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 12px;
    margin-top: .8em;
    border-radius: 8px;
    border: 1px solid var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="1"][data-state="active"] .nav-bar-icon[data-id="1"],
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="2"][data-state="active"] .nav-bar-icon[data-id="2"],
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="3"][data-state="active"] .nav-bar-icon[data-id="3"],
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="4"][data-state="active"] .nav-bar-icon[data-id="4"],
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="5"][data-state="active"] .nav-bar-icon[data-id="5"],
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="6"][data-state="active"] .nav-bar-icon[data-id="6"] {
    opacity: 1;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="1"][data-state="active"] .nav-bar-icon[data-id="1"] .bar,
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="2"][data-state="active"] .nav-bar-icon[data-id="2"] .bar,
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="3"][data-state="active"] .nav-bar-icon[data-id="3"] .bar,
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="4"][data-state="active"] .nav-bar-icon[data-id="4"] .bar,
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="5"][data-state="active"] .nav-bar-icon[data-id="5"] .bar,
.tx-p123onlinewerbung-pi2-wrapper .content-box[data-id="6"][data-state="active"] .nav-bar-icon[data-id="6"] .bar {
    background-color: var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .content-wrapper {
    position: relative;
    width: 95%;
    margin: 1.5em auto;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box.error .content-wrapper .error-wrapper {
    justify-content: center;
}

.tx-p123onlinewerbung-pi2-wrapper .content-box.error .content-wrapper .error-message {
    margin: 1em 0;
}

/****** info-box ******/

.tx-p123onlinewerbung-pi2-wrapper .info-box-area {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: .8em;
}


.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper[data-info-state="open"] {

}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper[data-info-state="close"] {

}

.tx-p123onlinewerbung-pi2-wrapper .info-icon-wrapper {
    position: relative;
    display: block;
    width: var(--info-icon);
    height: var(--info-icon);
    margin: 0 auto;
    z-index: 11;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.flex-container.top .info-icon-wrapper {
    order: 1 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.flex-container.bottom .info-icon-wrapper {
    order: 0 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .info-icon-wrapper .info-icon {
    display: block;
    width: 100%;
    height: 100%;
    padding: var(--info-icon-padding);
    border-radius: 50%;
    background-color: var(--color-gray-light);
    box-sizing: border-box;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper[data-info-state="open"] .info-icon-wrapper .info-icon {
    background: var(--background-color);
}

.tx-p123onlinewerbung-pi2-wrapper .info-icon-wrapper .info-icon span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 50%;
}

.tx-p123onlinewerbung-pi2-wrapper .info-message-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: var(--info-icon-close);
    background-color: var(--color-gray-light);
    box-sizing: border-box;
    z-index: 10;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.flex-container.top .info-message-wrapper {
    order: 0 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.top .info-message-wrapper {
    margin-bottom: -15px;
    padding: .5em .5em 1.5em;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.flex-container.bottom .info-message-wrapper {
    order: 1 !important;
    margin-top: -15px;
    padding: 1.5em .5em .5em;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper.bottom .info-message-wrapper {
    margin-top: -15px;
    padding: 1.5em .5em .5em;
}

.tx-p123onlinewerbung-pi2-wrapper .info-box-wrapper[data-info-state="close"] .info-message-wrapper {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .info-message-wrapper .close {
    position: absolute;
    display: block;
    width: var(--info-icon-close);
    height: var(--info-icon-close);
    top: 0;
    right: 0;
    padding: var(--info-icon-close-padding);
    cursor: pointer;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .info-message-wrapper .close span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.tx-p123onlinewerbung-pi2-wrapper .info-message-wrapper .info-message {
    width: calc(100% - var(--info-icon-close));
}

/****** info-box ******/

/****** performance-box begin ******/

.tx-p123onlinewerbung-pi2-wrapper .preformance-box-wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 2em;
}

.tx-p123onlinewerbung-pi2-wrapper  .preformance-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    padding: 0 .5em 1em .5em;
}

.tx-p123onlinewerbung-pi2-wrapper  .preformance-box .headline {
    margin-top: 2em;
    width: 100%;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper  .preformance-box .headline h2 {
    color: var(--tx-p123onlinewerbung-ci-2) !important;
    font-size: 1.5em !important;
}

.tx-p123onlinewerbung-pi2-wrapper  .preformance-box .symbol {
    position: absolute;
    display: block;
    width: var(--perfomace-symbol-width);
    height: var(--perfomace-symbol-height);
    margin: 0 auto;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: var(--background-color);
    padding: 0 1em;
}

.tx-p123onlinewerbung-pi2-wrapper  .preformance-box .symbol span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-values.flex-container {
    justify-content: space-between;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item {
    width: 49%;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item.first {
    order: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item.second {
    order: 1;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item.flex-container {
    flex-direction: column !important;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item .label {
    margin-bottom: .5em;
    font-size: 120%;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item .label,
.tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item .value {
    width: 100%;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item .value {
    font-weight: bold;
    font-size: 140%;
}
/****** performance-box end   ******/

/****** budget-box beign   ******/
.tx-p123onlinewerbung-pi2-wrapper .budget-box-wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*padding: 0 .5em 1em .5em;*/
}

.tx-p123onlinewerbung-pi2-wrapper .budget-box-wrapper.flex-container {
    flex-direction: row !important;
}

.tx-p123onlinewerbung-pi2-wrapper .coverage-wrapper {
    margin: 0 auto;
    width: 90%;
}

.tx-p123onlinewerbung-pi2-wrapper .coverage-wrapper .label {
    width: 100%;
    margin-bottom: 2.5em;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .coverage-wrapper .noUi-connect {
    background: var(--tx-p123onlinewerbung-ci-3) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-wrapper {
    position: relative;
    width: 100%;
    margin-top: 2em;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-wrapper input {
    width: 100%;
    height: var(--budget-input-heigt);
    padding-left: calc(var(--select-icon) + 10px);
    padding-right: calc(var(--select-icon) + 10px);
    text-align: center;
    font-weight: bold;
    font-size: 140%;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-wrapper .btn {
    position: absolute;
    top: 3px;
    bottom: 0;
    width: var(--select-icon);
    height: calc(var(--budget-input-heigt) - 3px);
    background-color: var(--tx-p123onlinewerbung-ci-3);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: center;
    background-position-y: center;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-wrapper .btn.minus {
    left: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .budget-wrapper .btn.plus {
    right: 0;
}
/****** budget-box end   ******/

/****** select2 begin ******/
.tx-p123onlinewerbung-pi2-wrapper .select2-container--default .select2-selection--multiple {
    min-height: var(--select-wrapper);
    border-radius: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-container .select2-search--inline .select2-search__field {
    display: inline-block;
    position: absolute;
    width: 100% !important;
    max-width: 548px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 90%;
    margin: 0 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-dropdown {
    border-radius: 0 !important;
    border: 1px solid var(--input-border) !important;
    background-color: var(--gradient-gray-background-to) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--input-border) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .selection span {
    min-height: var(--select-wrapper);
}

.tx-p123onlinewerbung-pi2-wrapper .select2-search__field {
    margin: auto 0;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 0 !important;
    padding: 3px 8px !important;
    margin: 3px !important;
    height: calc(var(--select-icon) - (3px * 4)) !important;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-selection.select2-selection--multiple {
    padding: 0 var(--select-icon) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--btn-select-selected-basis);
    color: var(--btn-select-selected-color);
}

.tx-p123onlinewerbung-pi2-wrapper .select2-dropdown li.select2-results__option {
    margin-bottom: 5px !important;
}

.tx-p123onlinewerbung-pi2-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
}

/****** select2 end ******/

/****** campaign-display beign ******/
.tx-p123onlinewerbung-pi2-wrapper .display-wrapper {
    position: relative;
    width: 350px;
    height: 450px;
    box-sizing: border-box;
    margin: 0 auto;
}

.tx-p123onlinewerbung-pi2-wrapper .display-background {
    position: relative;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-background span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area-wrapper {
    position: absolute;
    display: block;
    height: 275px;
    width: 293px;
    top: 90px;
    left: 30px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper.max .input-area-wrapper {
    height: 388px;
    width: 578px;
    top: 170px;
    left: 31px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: .5em;
    background-color: var(--tx-p123onlinewerbung-ci-1);
    box-sizing: border-box;
    z-index: 1;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .data-input-wrapper .close span {
    display: block;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .data-input-wrapper .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: var(--display-input-area-close-width);
    height: var(--display-input-area-close-height);
    z-index: 2;
    cursor: pointer;
    background-color: rgba(255,255,255,.8);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box {
    display: block;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .click {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 11;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.unfilled {
    border-width: 2px;
    border-color: var(--color-gray);
    border-style: dashed;
    background-color: #D3D5DEE3;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .later {
    display: none;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: 12;
    background-color: rgba(212,212,212,.8);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.campaignurl .later {
    border-radius: 25px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .later .later-text {
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .preview {
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled {
    background-color: rgba(212,212,212,.6);
    text-align: left;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .ad-data {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    text-align: left;
    background-color: var(--color-bg-ad-preview);
    box-sizing: border-box;
    overflow: hidden;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box[data-type="text"] .ad-data {
    padding: .5em;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box[data-type="image"] img {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.campaignurl .ad-data {
    border-radius: 25px;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled .ad-data {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.unfilled .ad-data {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .symbol-one {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 5px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled .symbol-one,
.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled .ad-label {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .symbol-two,
.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .ad-label {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .symbol-two {
    width: 30px;
    height: 30px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box[data-type="image"] .symbol-two {
    width: 20px;
    height: 20px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled .symbol-two {
    z-index: 1;
    opacity: .5;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box.filled[data-type="image"] .symbol-two {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
    left: auto;
    top: auto;
    transform: none;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .ad-label {
    font-size: 130%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box i {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .6;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .logo {
    height: 70px;
    width: 35%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .eyecatcher {
    /*height: 95px;*/
    height: 70px;
    margin-left: .5em;
    width: calc((100% - 35%) - .5em);
    float: right;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper.max .input-area .eyecatcher {
    height: 150px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntitle,
.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .companyname {
    margin-top: .5em;
    height: 40px;
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntext {
    margin-top: .5em;
    /*height: 65px;*/
    height: 40px;
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper.max .input-area .campaigntext {
    height: 100px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaignurl {
    margin-top: .5em;
    height: 40px;
    width: 100%;
    border-radius: 25px;
    transform: translateX(-50%);
    left: 50%;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-later {
    padding: .9em 0;
    justify-content: center !important;
    background-color: var(--color-gray-light);
    color: var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-later label {
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-overlay {
    position: absolute;
    top: 5px;
    bottom: 15px;
    left: 9px;
    right: 9px;
    border-radius: 30px;
    background-color: rgba(0,0,0,.8);
    z-index: 2;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper.max .input-overlay {
    top: 14px;
    left: 14px;
    right: 10px;
    border-radius: 29px;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper[data-action="preview"] .input-overlay {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .display-wrapper[data-action="overlay"] .input-overlay {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .input-overlay .close-overlay {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: var(--display-overlay-close-width);
    height: var(--display-overlay-close-height);
    background-color: rgba(0,0,0,.8);
    border-radius: 50%;
    z-index: 20;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .input-overlay .close-overlay span {
    display: block;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 5px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .dropzone {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .fileupload {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .loader-wrapper,
.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .error-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 1em;
    background-color: var(--color-white);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .error-wrapper.active {
    display: inline-block;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .error-wrapper .symbol {
    width: 100%;
    height: 50%;
    margin-top: 5%;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .error-wrapper .error {
    display: block;
    width: 100%;
    font-size: 110%;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .error-wrapper .button-wrapepr {
    width: 100%;
    margin-top: .5em;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .loader-wrapper .loader {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .loader-wrapper .loader-spin {
    margin: 0 auto;
    border: 10px solid var(--border-color);
    border-radius: 50%;
    border-top: 10px solid var(--tx-p123onlinewerbung-ci-1);
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .loader-wrapper .loader-text {
    margin-top: .5em;
    font-size: 1.2em;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-bg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.2);
    z-index: 5;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-wrapper .progressbar {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 5px;
    background-color: #e9ecef;
    height: 1.5em;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-wrapper span {
    display: block;
    position: relative;
    height: 1.5em;
    width: 0;
    margin-top: -1.5em;
    text-align: center;
    border-radius: 5px;
    background-color: var(--tx-p123onlinewerbung-ci-1);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .info-max-text {
    display: none;
    position: absolute;
    bottom: 0;
    right: 5px;
    padding: 2px;
    background-color: rgba(255,255,255,.8);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay[data-type="text"] .info-max-text {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area.flex-container {
    justify-content: flex-end;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area {
    width: calc( ((var(--info-icon) + ((var(--info-icon-padding) + 1px) * 2) ) * 3) + (1px * 4));
    float: right;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area span {
    display: block;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .info,
.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .delete,
.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .ok,
.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .cancel {
    width: var(--info-icon);
    height: var(--info-icon);
    background-color: var(--color-white);
    padding: .5em;
    border-left-width: 0;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--border-color);
    box-sizing: content-box;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .cancel {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .info {
    border-left-width: 1px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .delete {
    border-left-width: 1px;
    border-right-width: 1px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .btn-area .ok {
    border-right-width: 1px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay textarea {
    display: none;
    width: 100%;
    resize: none;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay[data-type="text"] textarea {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .campaigntext textarea {
    height: 120px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.info-box-wrapper .info-message-wrapper {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 50px;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.info-box-wrapper.top .info-message-wrapper {
    margin-bottom: -20px !important;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .preview-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5em;
    background-color: var(--color-white);
    z-index: 9;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .preview-wrapper img {
    display: block;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper {
    position: relative;
    display: none;
    width: 100%;
    background-color: var(--color-white);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper[data-type="image"] .data-input-wrapper .upload-wrapper {
    display: block;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .input-later {
    background-color: inherit;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-bg {
    display: block;
    position: relative;
    width: 100%;
    height: 20em;
    background-size: 90%;
    opacity: .2;
    z-index: 0;
}

/*.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-symbol {*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 6em;*/
/*    height: 6em;*/
/*    bottom: 44%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    z-index: 2;*/
/*}*/

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-symbol {
    display: block;
    position: absolute;
    width: 10em;
    height: 10em;
    bottom: 44%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 2em;
    box-sizing: border-box;
    border-radius: 15px;
    background-size: 80%;
    background-color: rgba(0,0,0,.2);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-symbol:hover {
    background-color: rgba(155,155,155,1);
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-label {
    display: block;
    position: absolute;
    color: var(--tx-p123onlinewerbung-ci-3);
    left: 50%;
    transform: translateX(-50%);
    /*font-size: 300%;*/
    font-size: 180%;
    bottom: 35%;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.inline-data-wrapper {
    position: absolute;
    display: block;
    z-index: 20;
    left: -2px;
    top: -10px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.inline-data-wrapper .data-input-wrapper {
    position: relative;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.inline-data-wrapper textarea {
    width: 100%;
    height: 100%;
    padding-right: 35px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.inline-data-wrapper.info-box-wrapper .info-message-wrapper {
    margin-bottom: 0 !important;
    bottom: -30px;
}

.tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.inline-data-wrapper.info-box-wrapper[data-info-state="open"] .btn-area {
    width: 100%;
    float: left;
    background-color: rgba(0,0,0,.7);
}

/****** campaign-display end ******/

/****** content begin ******/
.tx-p123onlinewerbung-pi2-wrapper .content {
    position: relative;
    margin-top: 2em !important;
}

.tx-p123onlinewerbung-pi2-wrapper .content.flex-container {

}

.tx-p123onlinewerbung-pi2-wrapper .content .icon-wrapper span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-icon {
    display: block;
    position: absolute;
    width: var(--select-icon);
    height: var(--select-icon);
    padding: var(--select-icon-padding);
    background-color: var(--tx-p123onlinewerbung-ci-3);
    box-sizing: border-box;
    cursor: pointer;
    z-index: 10;
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-icon.left {
    left: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-icon.right {
    right: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-wrapper {
    display: block;
    /*width: calc(100% - (var(--select-icon) * 2));*/
    width: 100%;
    position: relative;
    min-height: var(--select-wrapper);
    box-sizing: border-box;
    /*overflow: hidden;*/
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-wrapper div {
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .content .select-wrapper div select {
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .content .content-item {
    position: relative;
    width: 100%;
    margin-top: 1.5em;
}

.tx-p123onlinewerbung-pi2-wrapper .content .content-item.flex-container {
    flex-direction: column !important;
}

.tx-p123onlinewerbung-pi2-wrapper .content .content-item:first-child {
    margin-top: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-label {
    order: 0 !important;
    margin-bottom: 1em;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn {
    order: 1 !important;
    width: 100% !important;
    justify-content: space-between !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn input[type="checkbox"] + label {
    display: inline-flex;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    margin: 0;
    text-indent: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn.grp2 input[type="checkbox"] + label {
    width: 48%;
    padding: 3em 0;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn.grp3 input[type="checkbox"] + label {
    width: 32%;
    padding: .5em 0;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-chkbtn input[type="checkbox"] + label:before {
    display: none;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt-age,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker {
    position: relative;
    order: 1 !important;
    height: var(--opt-grp-height);
    align-items: stretch;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt-age {
    width: 100% !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker {
    display: inline-flex;
    width: calc((100% - 10%) / 2);
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt {
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .first {
    order: 0 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt span.filler {
    order: 1 !important;
    /*margin: 0 1em;*/
    align-self: center;
    height: var(--opt-grp-height);
    display: grid;
    align-items: center;
    width: 10%;
    text-align: center;}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .second {
    order: 2 !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .label {
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
    padding-left: .5em;
    z-index: 2;
    opacity: .6;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .ipt-grp-picker,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt select {
    height: var(--opt-grp-height);
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt select,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .ipt-grp-picker input {
    display: inline-flex;
    position: absolute;
    width: 100%;
    /*padding-left: 1em;*/
    left: 0;
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt-age {
    width: calc((100% - 10%) / 2) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt-age,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker {
    position: relative;
    /*padding-left: 2em;*/
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker {
    /*padding-right:  2em;*/
    cursor: pointer !important;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker .date-icon {
    position: absolute;
    top:0;
    right: 0;
    top: 44%;
    transform:translateY(-50%);
    padding-right: .5em;
    z-index: 2;
    opacity: .6;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker .date-icon span {
    display: block;
    height: calc(var(--opt-grp-height) - 15px);
    width: calc(var(--opt-grp-height) - 15px);
    background-repeat: no-repeat;
    background-size: contain;
}

.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker .date-icon:hover,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker .label:hover ~ .date-icon,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker:hover ~ .date-icon,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker input.date:hover ~ .date-icon,
.tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker input.date:focus ~ .date-icon {
    opacity: 1;
}

/****** content end ******/

/****** content-wo begin ******/
.tx-p123onlinewerbung-pi2-wrapper .content-wo #selection-region span.select2-selection.select2-selection--single,
.tx-p123onlinewerbung-pi2-wrapper .content-wo #selection-result span.select2-dropdown.select2-dropdown--below {
    display: none !important;
}

.tx-p123onlinewerbung-pi2-wrapper .content-wo .select2-container--open .select2-dropdown {
    top: -12px !important;
}
/****** content-wo end ******/

/****** content-wen begin ******/
.tx-p123onlinewerbung-pi2-wrapper .content-wen #ipt-grp-opt-age {
    order: 1 !important;
}

/****** content-wen end ******/

/****** content-wie beign ******/
.tx-p123onlinewerbung-pi2-wrapper .content-wie #campaign-premium + label,
.tx-p123onlinewerbung-pi2-wrapper .content-wie #campaign-image + label {
    padding: 3em 0 !important;
    width: 48%;
}

/****** content-wie end ******/

/****** content-wieviel beign ******/
.tx-p123onlinewerbung-pi2-wrapper .content-wieviel .preformance-box {
    width: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .content-wieviel .budget-box {
    width: 100%;
}
/****** content-wieviel end ******/


/****** content-basket begin ******/
.tx-p123checkout-pi1 .tx-p123onlinewerbung-pi2-wrapper {
    min-height: auto;
    margin-bottom: 5.5em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .headline h2 {
    font-weight: normal;
    text-align: center;
    color: var(--tx-p123onlinewerbung-ci-2);
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .budget-box {
    width: 80%;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .preformance-box .budget-box-wrapper {
    margin-top: 1em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .preformance-box .budget-box-wrapper .basket-elemnt-headline {
    border-bottom: none;
    padding: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .preformance-box .budget-box-wrapper .tx-p123onlinewerbung-pi2-wrapper.summary {
    border: none;
    padding: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .preformance-box .budget-box-wrapper .content-basket-elemnt-wrapper {
    padding: .5em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-wrapper {
    display: block;
    padding: .5em 1em;
    border: 1px solid var(--border-color);
    cursor: pointer;
    margin-bottom: 1em;
}
.tx-p123onlinewerbung-pi2-wrapper .content-basket a.content-basket-elemnt-wrapper {
    text-decoration: none;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-wrapper:hover ,
.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-wrapper:hover .basket-elemnt-icon,
.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-wrapper:hover .content-basket-elemnt-btn {
    /*background-color: rgb(242,241,239);*/
    background-color: var(--tables-header);
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-headaer {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .basket-elemnt-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--basket-element-icon);
    height: var(--basket-element-icon);
    padding: 0 10px 10px 0;
    background: var(--background-color);
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .basket-elemnt-icon span {
    display: block;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .basket-elemnt-headline {
    text-align: center;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--border-color);
    padding-bottom: .3em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .basket-elemnt-headline h3 {
    margin: 0;
    font-weight: normal;
    color: var(--tx-p123onlinewerbung-ci-2) !important;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-content {
    margin-top: .5em;
    text-align: center;
    color: var(--tx-p123onlinewerbung-ci-3);
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-content span {
    display: block;
    width: 100%;
    line-height: 1.1em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--basket-element-icon);
    height: var(--basket-element-icon);
    padding: 0 0 10px 10px;
    background-color: var(--background-color);

}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-btn span {
    display: block;
    width: 100%;
    height: 100%;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-btn span.list {
    background-size: 75%;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .coverage-wrapper {
    margin-top: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket a.budget-wrapper {
    display: block;
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket a.budget-wrapper input {
    cursor: pointer;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .coverage-wrapper {
    position: relative;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .coverage-wrapper .overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 2;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .preformance-box-wrapper {
    margin-top: .5em;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .display-wrapper .input-area .ad-input-box .ad-data:hover {
    background-color: var(--tables-header);
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .display-wrapper .input-area-wrapper.later .ad-data {
    padding: 0;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .display-wrapper .input-area-wrapper.later .ad-data span {
    display: inline-block;
    position: relative;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.tx-p123onlinewerbung-pi2-wrapper .content-basket .display-wrapper .input-area-wrapper .input-later .click {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.budget-box .basket-elemnt-headline {
    border-bottom: none;
}

.tx-p123onlinewerbung-pi2-wrapper .summary {
    width: 90%;
    margin: 0 auto;
    margin-top: .5em;
    box-sizing: border-box;
    border-top: 1px solid var(--border-top-color);
}

.tx-p123onlinewerbung-pi2-wrapper .summary .tx-p123checkout-pi1-total-position {
    display: flex;
    background: none;
    padding: .2em;
    font-size: 120%;
}

.tx-p123onlinewerbung-pi2-wrapper .summary .tx-p123checkout-pi1-total-position .fixed {
    order: 2;
    width: 50% !important;
    float: none !important;
    text-align: right;
}

.tx-p123onlinewerbung-pi2-wrapper .summary .tx-p123checkout-pi1-total-position .variable {
    order: 1;
    width: 50% !important;
    float: none !important;
    text-align: left;
}

/*.tx-p123onlinewerbung-pi2-wrapper .summary > div {*/
/*    margin-top: 0;*/
/*}*/

/****** content-basket end ******/

/* 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) {
    /****** campaign-display beign ******/
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper {
        width: 400px;
        height: 520px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area-wrapper {
        height: 316px;
        width: 332px;
        top: 107px;
        left: 35px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .logo {
        height: 80px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .eyecatcher {
        height: 105px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntitle,
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .companyname {
        /*height: 45px;*/
        height: 40px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntext {
        /*height: 80px;*/
        height: 40px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaignurl {
        /*height: 45px;*/
        height: 40px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-later {
        position: relative;
        padding: 1em 0;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-overlay {
        top: 30px;
    }
    /****** campaign-display beign ******/

    .tx-p123onlinewerbung-pi2-wrapper .summary {
        width: 85%;
    }
}

/* 600px */
/* Nexus 7 */
@media only screen and (min-width: 37.5em) {
    /****** campaign-display beign ******/
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper {
        width: 530px;
        height: 680px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area-wrapper {
        height: 401px;
        width: 443px;
        top: 137px;
        left: 45px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .logo {
        height: 90px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .eyecatcher {
        height: 115px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntitle,
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .companyname {
        height: 50px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntext {
        height: 95px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaignurl {
        height: 50px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaignurl {
        width: 60%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-later {
        padding: 1em 0;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-overlay {
        top: 10px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .input-overlay .close-overlay {
        display: block;
    }

    .tx-p123onlinewerbung-pi2-wrapper .input-overlay #overlay-data {
        position: relative;
        top: 50px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-bg {
        background-size: 65%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-wrapper {
        padding: 0 2em;
    }
    /****** campaign-display end ******/

    .tx-p123onlinewerbung-pi2-wrapper .summary {
        width: 75%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .preformance-box .headline h2 {
        font-size: 1.5em !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-basket .basket-elemnt-headline h3 {
        font-size: 1.7em !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-basket .content-basket-elemnt-content {
        font-size: 1.4em;
    }

    .tx-p123onlinewerbung-pi2-wrapper .performance-item .value-item .label {
        font-size: 100%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .summary .tx-p123checkout-pi1-total-position {
        font-size: 100%;
    }

}

/* 648px */
@media only screen and (min-width: 40.5em) {
    .tx-p123onlinewerbung-pi2-wrapper .select2-container .select2-search--inline .select2-search__field {
        font-size: 90%;
    }
}

/* 768px */
@media only screen and (min-width: 48em) {
    :root {
        --basket-element-icon: 40px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-wrapper {
        width: 80%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt-age {
        width: 35% !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper .ipt-grp-picker {
        width: 35% !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt select,
    .tx-p123onlinewerbung-pi2-wrapper .ipt-grp-opt .ipt-grp-picker input {
        /*padding-left: 1em;*/
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-wie #campaign-premium + label,
    .tx-p123onlinewerbung-pi2-wrapper .content-wie #campaign-image + label {
        padding: 3.5em 0 !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-wieviel .preformance-box {
        width: 80%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .content-wieviel .budget-box {
        width: 60%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .coverage-wrapper {
        margin-top: 2.5em;
        width: 100%;
    }

    .tx-p123onlinewerbung-pi2-wrapper  .preformance-box .headline h2 {
        font-size: 2em !important;
    }

    /****** campaign-display beign ******/
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper {
        height: 830px;
        width: 615px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area-wrapper {
        height: 401px;
        width: 503px;
        top: 211px;
        left: 52px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .logo {
        height: 110px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .eyecatcher {
        height: 140px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntitle,
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .companyname {
        height: 50px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaigntext {
        height: 70px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .campaignurl {
        height: 45px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .symbol-one {
        width: 25px;
        height: 25px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area .ad-input-box .symbol-two {
        width: 35px;
        height: 35px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-label {
        font-size: 300%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-overlay {
        top: 40px;
        bottom: 35px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .input-overlay #overlay-data {
        top: 80px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .campaigndisplay .upload-wrapper .upload-bg {
        background-size: 50%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .campaigndisplay.overlay-data-wrapper .progressbar-wrapper {
        padding: 0 2em;
    }
    /****** campaign-display end ******/

    .tx-p123onlinewerbung-pi2-wrapper .summary {
        width: 80%;
    }
}



/* 960px */
@media only screen and (min-width: 60em) {
    .tx-p123onlinewerbung-pi2 .mobile {
        display: none !important;
    }

    .tx-p123onlinewerbung-pi2 .desktop {
        display: block !important;
    }

    .tx-p123onlinewerbung-pi2-wrapper {
        margin-top: 5em;
    }

    .tx-p123onlinewerbung-pi2-wrapper .headline b {
        font-size: inherit;
    }

    /****** campaign-display begin ******/
    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper {
        height: 830px;
        width: 100%;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-area-wrapper {
        height: 403px;
        width: 535px;
        top: 206px;
        left: 55px;
    }

    .tx-p123onlinewerbung-pi2-wrapper .display-wrapper .input-overlay {
        top: 15px;
        bottom: 10px;
    }
    /****** campaign-display end ******/

    /****** content-basket begin ******/
    .tx-p123onlinewerbung-pi2-wrapper .content-basket .headline h2 {
        font-size: 3.5em;
    }
    /****** content-basket end ******/

}

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

/* 1184px */
@media only screen and (min-width: 74em) {
    .tx-p123onlinewerbung-pi2-wrapper {
        margin-top: 3em;
    }
}

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