/************************************************ Stylesheet: Einreichungen *************************************************/ /* Einreichung */ .step-errors { font-size: 16px; } .einreichungen-content { font-size: 18px; } .e-errors { background-color: #F3F3F3; border-radius: 18px; list-style-type: square; } ul.e-errors { margin-left: 0px; padding: 20px; } ul.e-errors li { margin-left: 20px; } #einreichung-form .acf-form-submit .acf-button, #einreichung-form .btn-cta-btn, #einreichung-form [type=button], #einreichung-form [type=submit], #einreichung-form .btn-einreichen { border: 1px solid #05BAE7; background-color: transparent; color: #000000; font-family: Montserrat; font-size: 14px; padding: 10px 20px; margin-top: 40px; display: inline-block; text-transform: uppercase; letter-spacing: 2.4px;} #einreichung-form .acf-form-submit .acf-button:hover, .btn-cta-btn:hover {opacity: 0.6; color: #000000;} #einreichung-form select { background: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right 0.6rem center; background-repeat: no-repeat; background-size: 9px 6px; } #einreichung-form .acf-fields.-border { background-color:transparent; border:none; } #einreichung-form .acf-fields >.acf-field { border:none; padding:0 0 15px; } #einreichung-form label { color:#273644; font-size: 18px; } #einreichung-form input, #einreichung-form select, #einreichung-form textarea { border: 1px solid #506071; font-size: 18px; border-radius: 5px; color:#273644; background-color:transparent; } #einreichung-form table, #einreichung-form th, #einreichung-form tr, #einreichung-form td { background-color:transparent; color:#273644; border:none; } #einreichung-form table thead, #einreichung-form table tbody { border:none; box-shadow:none; } #einreichung-form .acf-relationship, #einreichung-form .acf-relationship .filters, #einreichung-form .acf-relationship .selection .choices, #einreichung-form .acf-relationship .selection .values { background-color:transparent; border:none; } #einreichung-form .acf-form-submit { text-align:right; } #einreichung-form .acf-form-submit .acf-button { text-align:right; border:none;} .dark-theme #einreichung-form .acf-form-submit .acf-button, .dark-theme .acf-form-submit .btn-cta-btn, .dark-theme .acf-form-submit [type=button], .dark-theme .acf-form-submit [type=submit]{margin-top: 20px;} #einreichung-form .get-pdf { display:none; margin-left:20px; } #einreichung-form .create-pdf, #einreichung-form .get-pdf, #einreichung-form .acf-form-submit .acf-button { margin-top:0; line-height:18px; padding-top:12px; } #einreichung-form #back-btn, #einreichung-form #save-btn, #einreichung-form #einreich-btn, #einreichung-form .acf-form-submit .acf-button{ border: 1px solid #05BAE7; padding: 10px 30px; } #einreichung-form #back-btn { float:left; } #einreichung-form #save-btn { display:block; margin:0 0 1rem auto; } #einreichung-form #einreich-btn, #einreichung-form #ke-einreich-btn { display:none; } #einreichung-form .acf-spinner { display:none !important; } #einreichung-form .valid, #einreichung-form .invalid { display:none; } #einreichung-form .form-errors { list-style-type:none; margin-left:0; } #einreichung-form .step-errors { margin:10px 0 20px 40px; } #einreichung-form .acf-relationship .selection .list { height:auto; } #einreichung-form .acf-relationship .selection .values .values-list span[data-id="609"] a.acf-icon, #einreichung-form .acf-relationship .selection .values .values-list span[data-id="661"] a.acf-icon, #einreichung-form .acf-relationship .selection .values .values-list span[data-id="880"] a.acf-icon, #einreichung-form .acf-relationship.preselect .selection .values .values-list span[data-id="4823"] a.acf-icon { display:none; } #einreichung-form .acf-field-5fda6bdee2731 { padding:15px 12px !important; } #einreichung-form .acf-field-5fda6bdee2731 .acf-label, #einreichung-form .acf-field-5fda718424b8a, #einreichung-form .acf-field-5ff28e6ff5961 { display:none; } #einreichung-form .acf-field-5fda6c1fe2732, #einreichung-form .acf-field-5fda6c51e2733 { width:46%; clear:none; float:left; margin-left:4%; } #einreichung-form .acf-field-5fda76e179f58, #einreichung-form .acf-field-5ff28ee9f5962 { display:none; } #einreichung-form h2{font-size: 22px; font-weight: bold} #einreichung-form p.description { font-size:.875rem; } #einreichung-form ul.acf-radio-list label { margin-left: 22px; display: block; line-height: 1.3; font-size: 18px; } #einreichung-form ul.acf-radio-list input { position: absolute; left: 0px; top: 4px; } #einreichung-form ul.acf-radio-list li { margin-bottom: 10px; } .progress-step-wrapper { display:flex; flex-direction:column; height:auto; min-width:600px; width:auto; padding:0; margin-bottom:40px; position:relative; overflow:hidden; } .progress-step { display:flex; border-radius:6px; overflow:hidden; margin:auto; text-align:center; top:50%; width:100%; height:57px; z-index:1; background-color:#ddd; font-size:14px; /* box-shadow:0 1px 1px black, 0 4px 14px rgba(0, 0, 0, 0.7); */ /* transform:translateY(-50%); */ } .progress-step a { position:relative; display:flex; flex-grow:1; text-decoration:none; margin:auto; height:100%; padding-left:38px; padding-right:0; color:#666; } .progress-step a:first-child { padding-left:15.2px; } .progress-step a:last-child { padding-right:15.2px; } .progress-step a::after { content:""; position:absolute; display:inline-block; width:57px; height:57px; top:0; right:-28.1481481481px; background-color:inherit; border-top-right-radius:5px; transform:scale(0.707) rotate(45deg); box-shadow:1px -1px rgba(0, 0, 0, 0.25); } .progress-step a:last-child::after { content:none; } .progress-step-inner { display:flex; flex-direction:column; margin:auto; z-index:50; } .progress-step-title { font-weight:400; font-family: "Tektur", sans-serif; } .progress-step a { background-color:#ddd; } /* .progress-step a.active, */ .progress-step a:hover, /* .progress-step a.active::after, */ .progress-step a:hover::after { background:#ccc; color:white; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none; } .progress-step a.valid { background-color:#baffc9; } /* .progress-step a.valid.active, */ .progress-step a.valid:hover, /* .progress-step a.valid.active::after, */ .progress-step a.valid:hover::after { background:#92e57b; color:white; } .progress-step a.invalid { background-color:#ffb3ba; } /* .progress-step a.invalid.active, */ .progress-step a.invalid:hover, /* .progress-step a.invalid.active::after, */ .progress-step a.invalid:hover::after { background:#ff7777; color:white; } .progress-step a.step-1 { z-index:19; } .progress-step a.step-1::after { z-index:20; } .progress-step a.step-2 { z-index:17; } .progress-step a.step-2::after { z-index:18; } .progress-step a.step-3 { z-index:15; } .progress-step a.step-3::after { z-index:16; } .progress-step a.step-4 { z-index:13; } .progress-step a.step-4::after { z-index:14; } .progress-step a.step-5 { z-index:11; } .progress-step a.step-5::after { z-index:12; } .progress-step a.step-6 { z-index:9; } .progress-step a.step-6::after { z-index:10; } .progress-step a.step-7 { z-index:7; } .progress-step a.step-7::after { z-index:8; } .progress-step a.step-8 { z-index:5; } .progress-step a.step-8::after { z-index:6; } .progress-step a.step-9 { z-index:3; } .progress-step a.step-9::after { z-index:4; } .progress-step a.step-10 { z-index:1; } .progress-step a.step-10::after { z-index:2; } .progress-step-wrapper progress { -webkit-appearance:none; appearance:none; width:100%; height:5px; margin:3px 1px 0;} .progress-step-wrapper progress::-webkit-progress-bar { background-color:#fff; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.25) inset; } .progress-step-wrapper progress::-webkit-progress-value { background-color:#05BAE7; border-radius:2px; box-shadow:0 0 14px 0 #05BAE7; } .progress-step-wrapper #progress-legend { text-align:right; font-size: 16px; } .progress-step a.active, .progress-step a.active::after { color:#333; pointer-events:none; } .progress-step a.inactive { color:#aaa; pointer-events:none; } /* .progress-step a.step-10.active, .progress-step a.step-10.active::after { pointer-events:all; } */ select option { background-color: transparent; } @media all and (max-width: 1000px) { .progress-step { font-size:12px; } } @media all and (max-width: 710px) { .progress-step-desc { display:none; } .progress-step { height:38px; } .progress-step a { padding-left:25.3333333333px; } .progress-step a::after { content:""; width:38px; height:38px; right:-19px; transform:scale(0.707) rotate(45deg); } } /* Einreichungen */ #einreichungen .einreichung { border:1px solid #506071; border-radius: 5px; padding:20px 0; margin:38px 0; font-size: 16px; } #einreichungen .einreichung .image { width:78px; height:78px; margin:0 auto; border-radius:50%; overflow:hidden; } #einreichungen .einreichung .image img { width:78px; height:78px; object-fit:cover; } #einreichungen .einreichung .text { height:100%; position:relative; } #einreichungen .einreichung .text .date { position: absolute; left:0; bottom:0; } #einreichungen .einreichung .actions-wrapper { position:relative; height:100%; padding-right:35px; text-align:right; min-height:100px; } #einreichungen .einreichung .actions { text-align:right; } #einreichungen .einreichung .actions a { color:#273644; margin-left:10px; font-size:20px; } .dark-theme #einreichungen .einreichung .actions a { color:#fff;} #einreichungen .einreichung .status { position:absolute; bottom:0; right:35px; } #einreichungen .einreichung .status span { position:absolute; bottom:0; left:-75px; } #einreichungen .einreichung .status .circle-wrapper { position: relative; height: 52px; width: 52px; } #einreichungen .einreichung .status .circle-wrapper .circle { height: 100%; width: 100%; border-radius: 50%; border: 5px solid transparent; } #einreichungen .einreichung .status .circle-wrapper i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 28px; line-height: 1; z-index: 2; pointer-events: none; } #einreichungen .einreichung .status .circle-wrapper .circle.submit { border-color:#05BAE7; } #einreichungen .einreichung .status .circle-wrapper .circle.save, #einreichungen .einreichung .status .circle-wrapper .circle.draft { border-color:#E83910 transparent #E83910 #E83910; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } #einreichungen .einreichung-button-wrapper { text-align:right; margin-bottom:40px; } #einreichungen .einreichung-button-wrapper a.btn-cta-btn { margin-top:0; } #einreichungen .empty a.btn-cta-btn { margin:40px 10px 0 0;} #einreichungen .empty .einreichung-button-wrapper { text-align:left; } .dark-theme #dcp2020-multiform-spiel .acf-field-5fd8ce77a77c2 tr.acf-row:first-child { background-color: rgba(255, 255, 255, 0.1); } #dcp2020-multiform-spiel .acf-field-5fd8ce77a77c2 tr.acf-row:first-child { background-color: rgba(0, 0, 0, 0.1); } #einreichung-form .acf-field-5fd8ce77a77c2 tr.acf-row:first-child { border: 1px solid #05BAE7; } #einreichung-form .acf-field-5fd8ce77a77c2 tr.acf-row:first-child input { border: 1px solid #fff; } #einreichung-form .acf-field-65828f3fb15dc .acf-row, #dcp2020-multiform-kosten .acf-repeater .acf-row { border:1px solid #979797; } #einreichung-form .acf-field-65828f3fb15dc .acf-row:nth-child(odd), #dcp2020-multiform-kosten .acf-repeater .acf-row:nth-child(odd) { background-color:#f5f5f5; } #einreichung-form .acf-field-65828f3fb15dc .acf-row:nth-child(even), #dcp2020-multiform-kosten .acf-repeater .acf-row:nth-child(even) { background-color:#ffffff; } #einreichung-form .acf-field-65828f3fb15dc .acf-repeater .acf-repeater .acf-row td.acf-fields { padding-top:0px !important; } #einreichung-form .acf-field-65828f3fb15dc .acf-row td.acf-fields, #dcp2020-multiform-kosten .acf-repeater .acf-row td.acf-fields { padding-top:30px !important; } #einreichung-form .acf-repeater .acf-repeater .acf-row, #dcp2020-multiform-kosten .acf-repeater .acf-repeater .acf-row { border-color:#cdcdcd; } #einreichung-form .acf-repeater .acf-repeater .acf-row:nth-child(odd), #dcp2020-multiform-kosten .acf-repeater .acf-repeater .acf-row:nth-child(odd) { background-color:#e9e9e9; } #einreichung-form .acf-repeater .acf-repeater .acf-row:nth-child(even), #dcp2020-multiform-kosten .acf-repeater .acf-repeater .acf-row:nth-child(even) { background-color:#ffffff; } #dcp2020-multiform-kosten .acf-field-61e5a4a5f6fe8 > .acf-label, #dcp2020-multiform-kosten .acf-field-61e5ac52e149e > .acf-label, #dcp2020-multiform-kosten .acf-field-61e5acf2af64d > .acf-label { display:none; } #dcp2020-multiform-kosten .acf-field-61e5a3c80bc05 { padding-bottom:0 !important; } #einreichung-form .acf-form-submit, #dcp2020-multiform-kosten .acf-form-submit { margin-top:40px; } #einreichung-form #ke-kosten-table { margin-bottom:15px; } #einreichung-form #ke-kosten-table, #einreichung-form #ke-kosten-table th, #einreichung-form #ke-kosten-table td { border: 1px solid #dddddd; padding:1em; } #einreichung-form #ke-kosten-table th { background-color:#efefef; } #einreichung-form #ke-kosten-table th.right, #einreichung-form #ke-kosten-table td.right { text-align:right; } #einreichung-form #ke-kosten-table tr.bold { font-weight:bold; } a#ke-einreich-btn { display:inline-block; } /* Modal Popup */ div.reveal { color:black; border-radius: 5px; border: 1px solid #506071; font-size: 20px; } div.reveal h4 { margin-bottom:20px; } div.reveal a { font-weight:bold; } div.reveal .reveal-close { position:absolute; top:5px; right:5px; color:black; font-size:20px; line-height:20px; cursor:pointer; display:inline-block; } div.reveal .reveal-buttons { text-align:right; } div.reveal button { cursor:pointer; box-shadow:none !important; margin-top:20px !important; } div.reveal button:hover { box-shadow:0 0 14px 0 #05BAE7; } div.reveal #delete-confirmed { background-color:#E83910; margin-right:10px; } div.reveal #delete-confirmed:hover { box-shadow:0 0 14px 0 #E83910; } div.reveal span { float:left; } div.reveal span.login { width:50%; text-align:right; font-weight:bold; padding-right:10px; } div.reveal span.login_data, div.reveal span.code { color:#E83910; font-weight:bold; display:block; float:none; text-align:center; } div.reveal span.login_data { text-align:left; padding-left:10px; }