/* default styles for extension "tx_userdata" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-userdata table { border-collapse:separate; border-spacing:10px; } .tx-userdata table th { font-weight:bold; } .tx-userdata table td { vertical-align:top; } .typo3-messages .message-error { color:red; } .typo3-messages .message-ok { color:green; } /* default styles for extension "tx_mdtermine" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-md-termine table { border-collapse:separate; border-spacing:10px; } .tx-md-termine table th { font-weight:bold; } .tx-md-termine table td { vertical-align:top; } /* default styles for extension "tx_mdranking" */ /* overview */ .tx-md-ranking { overflow:hidden; } form.tx_mdranking__countrySelector { float:right; width:25%; } form.tx_mdranking__countrySelector select { width:100%; } div.tx_mdranking__introtext { max-width:75%; margin-bottom:2em; padding-right:32px;} div.tx_mdranking { display:flex; } div.tx_mdranking ul.barSelector { flex:1 1 25%; list-style:none; margin-top:60px; margin-left:0.3em; } div.tx_mdranking ul.barSelector li { margin:0 40px 20px 0; padding:10px; box-shadow:0 0 3px 3px #b0b0b0; cursor:pointer; } div.tx_mdranking .barSelector_totalGrade { border-right:10px solid #ffd400; } div.tx_mdranking .barSelector_partialGradeCountry { border-right:10px solid #03548a; } div.tx_mdranking .barSelector_partialGradeMunicipality { border-right:10px solid #adb901; } div.tx_mdranking table.barTable { flex:1 1 75%; width:75%; } div.tx_mdranking table.barTable th div.digits { display:flex;width:calc(100% - 32px);margin-bottom:10px; } div.tx_mdranking table.barTable th div.digits > div { width:20%;height:20px; font-size:1.25em; color:#03548a; font-weight:700; } div.tx_mdranking table.barTable th div.digits > div:nth-last-child(2) { width:18%; } div.tx_mdranking table.barTable th div.digits > div:last-child { width:2%; } div.tx_mdranking table.barTable th div.borders { display:flex;width:calc(100% - 32px);margin-bottom:20px; } div.tx_mdranking table.barTable th div.borders > div { width:20%;height:6px;border-bottom:1px solid black;border-left:1px solid black; } div.tx_mdranking table.barTable th div.borders > div:last-child { border-right:1px solid black; } div.tx_mdranking .barTable tr { border-bottom:none; } div.tx_mdranking .barTable tr:first-child td { padding-top:0; } div.tx_mdranking .barTable_colValue { width:66.6%; padding-left:0; padding-right:32px; border-top:none; } div.tx_mdranking .barTable_colFederalCountry { opacity:0; transition:opacity 1.2s ease-in-out; width:33.3%; padding-left:0; padding-right:0; border-top:none; font-size:1em; font-weight:700; } div.tx_mdranking .barTable_colFederalCountry a { color:inherit; text-decoration:none; } div.tx_mdranking .barTable_colValue__barWrapper { height:24px; background-color:#f0f0f0; } div.tx_mdranking .barTable_colValue__bar { float:left; width:0; height:24px; transition: width 0.8s ease-in-out; } div.tx_mdranking .totalGrade .barTable_colValue__bar { background-color:#ffd400; } div.tx_mdranking .partialGradeCountry .barTable_colValue__bar { background-color:#03548a; } div.tx_mdranking .partialGradeMunicipality .barTable_colValue__bar { background-color:#adb901; } div.tx_mdranking .barTable_colValue__value { display:inline-block; margin-left:6px; padding:6px 0; font-size:12px; font-weight:700; line-height:1; } div.tx_mdranking .barTable_colValue__value.fullWidth { margin-left:-32px; color:white; } table.tx_mdranking_noscript th { padding-bottom:30px; } table.tx_mdranking_noscript td { padding-left:0; } table.tx_mdranking_noscript .federalCountry { font-size:1em; font-weight:700; } table.tx_mdranking_noscript .federalCountry a { color:inherit; text-decoration:none; } /* country view */ .flex-row { display:flex; } .flex-row-reverse { display:flex; flex-direction:row-reverse; } .flex-row-reverse .tx_mdranking__label { flex:1 1 300px; padding-left:40px; } .flex-row-reverse .tx_mdranking__value { flex:1 1 calc(100% - 300px); } .flex-row .tx_mdranking__label { flex:1 1 calc(50% - 80px); margin-right:80px } .flex-row .tx_mdranking__value { flex:1 1 50%; } .tx_mdranking__summary { margin-bottom:0; } .tx-md-ranking h3 { color:#03548a; } .tx-md-ranking .flex-row-reverse h3 { color:#202020; font-size:1em; } .tx-md-ranking div.digits { display:flex;width:100%; margin-bottom:24px; } .tx-md-ranking div.digits > div { width:20%;height:20px; font-size:1.25em; color:#03548a; font-weight:700; } .tx-md-ranking div.digits > div:nth-last-child(2) { width:18%; } .tx-md-ranking div.digits > div:last-child { width:2%; } .tx-md-ranking div.borders { display:flex; width:100%; margin-bottom:20px; } .tx-md-ranking div.borders > div { width:20%;height:12px;border-bottom:1px solid black;border-left:1px solid black; } .tx-md-ranking div.borders > div:last-child { border-right:1px solid black; } .tx_mdranking__property .barTable_colValue__grade { float:left; width:20px; margin-right:80px; color:#03548a; font-size:1em; font-weight:700; } .tx_mdranking__property .barTable_colValue__barWrapper { float:left; width:100%; height:24px; background-color:#f0f0f0; } .tx_mdranking__property .showGradeBeneathBar .barTable_colValue__barWrapper { width:calc(100% - 100px); } .tx_mdranking__property .barTable_colValue__bar { float:left; width:0; height:24px; transition: 0.8s all ease; } .tx_mdranking__property.totalGrade .barTable_colValue__bar { background-color:#ffd400; border-left:3px solid #ffd400; } .tx_mdranking__property.partialGradeCountry .barTable_colValue__bar { background-color:#03548a; border-left:3px solid #03548a; } .tx_mdranking__property.partialGradeMunicipality .barTable_colValue__bar { background-color:#adb901; border-left:3px solid #adb901; } .tx_mdranking__property .barTable_colValue__value { display:inline-block; margin-left:6px; padding:4px 0; font-size:1em; font-weight:700; line-height:1; } .tx_mdranking__property .barTable_colValue__value.fullWidth { margin-left:-32px; color:white; } .tx_mdranking__label { line-height:1.5; } .pageContent .button a { background-color:#03548a; color:white; padding:0.5em 2em; text-decoration:none; opacity:1.0; } .no-touch .pageContent .button a:hover { opacity:0.8; } /* content > right > powermail_frontend */ .campaigncounter .staticLayer .countervalue { color:#202020; } .campaigncounter .dynamicLayer h2 { font-size:1.5em; text-transform:none; } .campaigncounter .dynamicLayer .progressbar_container { width: 100%; height: 48px; margin-bottom: 0.25em; border-bottom: 2px solid black; /*background-color:#004078;*/ } .campaigncounter .dynamicLayer .progressbar { height:100%; /*background-color:#80A0BC;*/ text-align:right; } .campaigncounter .dynamicLayer .progressbar .countervalue { display:block; margin-right:10px; margin-left:10px; padding-top:10px; color:white; } .tx-userdata .sharer { display:inline-block; margin-right:20px; text-align:center; border-radius:3px; } .tx-userdata .sharer a { display:block; padding:16px; background-color:#ACB71E; color:white; font-size:18px; font-weight:bold; line-height:30px; text-decoration:underline; text-align: center; text-transform:uppercase; } .tx-userdata .sharer a:hover { position:relative; top:1px; left:1px; } .tx-userdata .sharer_facebook a { background-color:#3b5998; } .tx-userdata .sharer_twitter a { background-color:#32ccfe; } .tx-userdata .sharer_donate a { background-color:#fff; border:4px solid #ACB71E; color:#ACB71E; } .tx-userdata .sharer_exampletext { width:100%; min-height:200px; } .form-group, .btn-group { margin-bottom:1em; overflow:hidden; } label.form-check-label { width:100%; } .form-check-label > span { } .inputs-list .radio { overflow:hidden; } input[type="radio"] { margin-right:1em; } /* workaround for webinarform*/ form#workshopform h2 { display:none; } .finisher-confirmation-message { width:100%; max-width:800px; margin-left:auto; margin-right:auto; padding:20px; } .toggle-next-fieldset { cursor: pointer; color: #8da700; } input#orderformabst21-firstname-2, input#orderformabst21-name-2, input#orderformabst21-firstname-3, input#orderformabst21-name-3, input#orderformabst21-firstname-4, input#orderformabst21-name-4, input#orderformabst21-firstname-5, input#orderformabst21-name-5 { margin-left:33%; width:33%; } .magnificpopupgalery-container { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:2em; } .magnificpopupgalery-container .galery-item a.magnificpopup { display:block; height:100%; line-height:0.6; } .magnificpopupgalery-container .galery-item { flex:1 1 50%; margin-bottom:1em; } .magnificpopupgalery-container figure:nth-child(odd) { padding-right:0.5em; } .magnificpopupgalery-container figure:nth-child(even) { padding-left:0.5em; } .magnificpopupgalery-container[data-preview="1"] figure.galery-item { flex:1 1 100%; margin-bottom:0; } .magnificpopupgalery-container[data-preview="2"] figure.galery-item { margin-bottom:0; } .magnificpopupgalery-container[data-preview="3"] figure.galery-item { flex:1 1 33.3%; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-2) { padding-right:0.66em; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n) { padding-left:0.66em; } .magnificpopupgalery-container[data-preview="5"] figure.galery-item { flex:1 1 33.3%; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-2) { padding-right:0.66em; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n) { padding-left:0.66em; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(5) { padding-right:0; } .magnificpopupgalery-container[data-preview="6"] figure.galery-item { flex:1 1 33.3%; } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-2) { padding-right:0.66em; } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n) { padding-left:0.66em; } .magnificpopupgalery-container[data-preview="9"] figure.galery-item { flex:1 1 33.3%; } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-2) { padding-right:0.66em; } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-1) { padding-left:0.33em; padding-right:0.33em; } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n) { padding-left:0.66em; } @media screen and (max-width:992px) { .magnificpopupgalery-container[data-preview="3"] figure.galery-item, .magnificpopupgalery-container[data-preview="5"] figure.galery-item, .magnificpopupgalery-container[data-preview="6"] figure.galery-item, .magnificpopupgalery-container[data-preview="9"] figure.galery-item { flex:1 1 50.0%; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-2) { padding-right:0; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(3n) { padding-left:0; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-2) { padding-right:0; } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 } .magnificpopupgalery-container[data-preview="5"] figure:nth-child(3n) { padding-left:0; } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-2) { padding-right:0; } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 } .magnificpopupgalery-container[data-preview="6"] figure:nth-child(3n) { padding-left:0; } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-2) { padding-right:0; } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n-1) { padding-left:0; padding-right:0 } .magnificpopupgalery-container[data-preview="9"] figure:nth-child(3n) { padding-left:0; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(odd), .magnificpopupgalery-container[data-preview="5"] figure:nth-child(odd), .magnificpopupgalery-container[data-preview="6"] figure:nth-child(odd), .magnificpopupgalery-container[data-preview="9"] figure:nth-child(odd) { padding-left:0; padding-right:0.5em; } .magnificpopupgalery-container[data-preview="3"] figure:nth-child(even), .magnificpopupgalery-container[data-preview="5"] figure:nth-child(even), .magnificpopupgalery-container[data-preview="6"] figure:nth-child(even), .magnificpopupgalery-container[data-preview="9"] figure:nth-child(even) { padding-left:0.5em; padding-right:0; } } @media screen and (max-width:768px) and (orientation:portrait), screen and (max-width:800px) and (orientation:landscape) { .magnificpopupgalery-container .galery-item { flex:1 1 100%; padding:0; } div.magnificpopupgalery-container[data-preview="3"] figure.galery-item, div.magnificpopupgalery-container[data-preview="5"] figure.galery-item, div.magnificpopupgalery-container[data-preview="6"] figure.galery-item, div.magnificpopupgalery-container[data-preview="9"] figure.galery-item { flex:1 1 100.0%; padding:0; } } .button { margin-top:1.5em; } .button a.magnificpopupvideo { display:inline-block; background:none; background-color:#ADB71F; border:none; color:white; padding:0.5em 2em; line-height:1; text-align:center; text-decoration:none; } .button a.magnificpopupvideo i.fa { display:inline-block; margin-right:1em; } .no-touch .button a.magnificpopupvideo:hover { position:relative; top:1px; left:1px; } .faqaccordeon__header { margin-bottom:1em; } .tx-faqaccordeon dl.accordeon-item { margin-bottom:1.5em; } .tx-faqaccordeon dt.accordeon__header span.icon { display:none; } .tx-faqaccordeon dt.accordeon__header span.headline { font-size:1.25em; font-weight:bold; line-height:1; } .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header, .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header { display:flex; justify-content:left; align-content:top; align-items:top; cursor:pointer; } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.headline, .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.headline { flex:1 1 90%; } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon, .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { display:inline-block; flex:1 1 10%; height:37px; background-position:left top; background-repeat:no-repeat; background-size:contain; } .tx-faqaccordeon dl.accordeon-item.closed dd.accordeon__body, .tx-faqaccordeon dl.accordeon-item.opened dd.accordeon__body { padding-left:10%; } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon { background-image:url('../../../typo3conf/ext/faqaccordeon/Resources/Public/Icons/icon-faqaccordeon-closed.png'); } .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { background-image:url('../../../typo3conf/ext/faqaccordeon/Resources/Public/Icons/icon-faqaccordeon-opened.png'); } .tx-faqaccordeon .accordeon__body { display:flex; flex-direction: column; } .tx-faqaccordeon figure { display:table; margin-bottom:1.5em; } .tx-faqaccordeon figcaption { display:table-caption; caption-side:bottom; } .tx-faqaccordeon .ce-below .accordeon__body { display:flex; flex-direction: column-reverse; } .tx-faqaccordeon .ce-below figure { margin-top:1.5em; margin-bottom:0; } .tx-faqaccordeon .ce-right figure { align-self:flex-end; } .tx-faqaccordeon .ce-center figure { align-self:center; } .tx-faqaccordeon .ce-intext { overflow:hidden; } .tx-faqaccordeon .ce-intext .accordeon__body { display:block; } .tx-faqaccordeon .ce-right.ce-intext figure { float:right; margin-left:1em; } .tx-faqaccordeon .ce-left.ce-intext figure { float:left; margin-right:1em; } .tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body { flex-direction: row; } .tx-faqaccordeon .ce-nowrap .accordeon__body figure { flex:1 1 30%; align-self: flex-start; } .tx-faqaccordeon .ce-nowrap .accordeon__body div.text { flex:1 1 70%; } .tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body figure { margin-right:1em; } .tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body { flex-direction: row-reverse; } .tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body figure { margin-left:1em; } @media screen and (max-width:768px) { .tx-faqaccordeon .ce-left.ce-nowrap .accordeon__body, .tx-faqaccordeon .ce-right.ce-nowrap .accordeon__body { flex-direction: column; } .tx-faqaccordeon .ce-nowrap .accordeon__body figure { flex:1 1 100%; } .tx-faqaccordeon .ce-nowrap .accordeon__body div.text { flex:1 1 100%; } } /** * extension md_report */ /* overview */ form.tx_mdreport__countrySelector { float:right; width:25%; margin-left:2em; } form.tx_mdreport__countrySelector select { width:100%; } div.tx_mdreport__introtext { max-width:75%; margin-bottom:2em; padding-right:32px;} .tx-md-report .barTable__wrapper { display:flex; } .tx-md-report .barTable__wrapper ul.barSelector { flex:1 1 25%; list-style:none; margin-top:10px; } .tx-md-report .barTable__wrapper ul.barSelector li { margin:0 40px 20px 0; padding:10px; box-shadow:0 0 3px 3px #b0b0b0; cursor:pointer; } .tx-md-report .barTable__wrapper .barSelector_numberInitiatives { border-right:10px solid #e40d77; } .tx-md-report .barTable__wrapper .barSelector_numberPetitionsForReferendum { border-right:10px solid #8064a3; } .tx-md-report .barSelector_numberReferendums { border-right:10px solid #adb901; } .tx-md-report .barTable__wrapper .barSelector_incidencePer10Years { border-right:10px solid #5182ba; } .tx-md-report .barTable__wrapper .barSelector_successRate { border-right:10px solid #ffd400; } .tx-md-report .barTable__wrapper table.barTable { flex:1 1 75%; width:75%; } .tx-md-report .barTable__wrapper table.barTable th div.digits { display:flex;width:calc(100% - 32px);margin-bottom:10px; } .tx-md-report .barTable__wrapper table.barTable th div.digits > div { width:20%;height:20px; font-size:1.25em; color:#03548a; font-weight:700; } .tx-md-report .barTable__wrapper table.barTable th div.digits > div:nth-last-child(2) { width:18%; } .tx-md-report .barTable__wrapper table.barTable th div.digits > div:last-child { width:2%; } .tx-md-report .barTable__wrapper table.barTable th div.borders { display:flex;width:calc(100% - 32px);margin-bottom:20px; } .tx-md-report .barTable__wrapper table.barTable th div.borders > div { width:20%;height:6px;border-bottom:1px solid black;border-left:1px solid black; } .tx-md-report .barTable__wrapper table.barTable th div.borders > div:last-child { border-right:1px solid black; } .tx-md-report .barTable__wrapper .barTable tr { border-bottom:none; } .tx-md-report .barTable__wrapper .barTable tr:first-child td { padding-top:0; } .tx-md-report .barTable__wrapper .barTable_colValue { width:66.6%; padding-left:0; padding-right:32px; border-top:none; } .tx-md-report .barTable__wrapper .barTable_colTitle { opacity:0; transition:opacity 1.2s ease-in-out; width:33.3%; padding-left:0; padding-right:0; border-top:none; font-size:1em; font-weight:700; } .tx-md-report .barTable__wrapper .barTable_colTitle a { color:inherit; text-decoration:none; } .tx-md-report .barTable__wrapper .barTable_colValue__barWrapper { height:24px; background-color:#f0f0f0; } .tx-md-report .barTable__wrapper .barTable_colValue__bar { float:left; width:0; height:24px; transition: width 0.8s ease-in-out; } .tx-md-report .barTable__wrapper .numberInitiatives .barTable_colValue__bar { background-color:#e40d77; } .tx-md-report .barTable__wrapper .numberPetitionsForReferendum .barTable_colValue__bar { background-color:#8064a3; } .tx-md-report .barTable__wrapper .numberReferendums .barTable_colValue__bar { background-color:#adb901; } .tx-md-report .barTable__wrapper .incidencePer10Years .barTable_colValue__bar { background-color:#5182ba; } .tx-md-report .barTable__wrapper .successRate .barTable_colValue__bar { background-color:#ffd400; } .tx-md-report .barTable__wrapper .barTable_colValue__value { display:inline-block; margin-left:6px; padding:6px 0; font-size:12px; font-weight:700; line-height:1; } .tx-md-report .barTable__wrapper .barTable_colValue__value.fullWidth { margin-left:-32px; color:white; } .tx-md-report .layer-gray__figure img { height: 90px; margin-top:2em; margin-bottom:1em;} .tx-md-report .layer-gray__label { min-height: 50px; margin-bottom:0; padding:0 80px;} .tx-md-report .chart__wrapper .chartSelector { display:flex; justify-content:center; list-style:none; } .tx-md-report .chart__wrapper .chartSelector > li { margin: 0 40px 20px 0; padding: 10px; box-shadow: 0 0 3px 3px #b0b0b0; cursor: pointer; -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; } .tx-md-report .chart__wrapper .chartSelector > li.active { background-color:#004079; color:white; } .tx-md-report .chart { width:600px; height:600px; margin:0 auto; text-align:center; display:none; } .tx-md-report .chart.active { display:block; } .no-touch .tx-md-report .chart__wrapper .chartSelector > li:hover { background-color:#004079; color:white; } .tx-md-report .chart > h2 { margin:2em 0 0 0; } table.tx_mdreport_noscript th { padding-bottom:30px; } table.tx_mdreport_noscript td { padding-left:0; } table.tx_mdreport_noscript .title { font-size:1em; font-weight:700; } table.tx_mdreport_noscript .title a { color:inherit; text-decoration:none; } /* country view */ .tx-md-report .flex-row { display:flex; } .tx-md-report .flex-row-reverse { display:flex; flex-direction:row-reverse; } .tx-md-report .flex-row-reverse .tx_mdreport__label { flex:1 1 25%; margin-left:2em; } .tx-md-report .flex-row-reverse .tx_mdreport__value { flex:1 1 calc(75% - 2em); } .tx-md-report .flex-row .tx_mdreport__label { flex:1 1 calc(50% - 80px); margin-right:80px } .tx-md-report .flex-row .tx_mdreport__value { flex:1 1 50%; } .tx_mdreport__summary { margin-bottom:0; } .tx-md-report h3 { color:#03548a; } .tx-md-report .flex-row-reverse h3 { color:#202020; font-size:1em; } .tx-md-report div.digits { display:flex;width:100%; margin-bottom:24px; } .tx-md-report div.digits > div { width:20%;height:20px; font-size:1.25em; color:#03548a; font-weight:700; } .tx-md-report div.digits > div:nth-last-child(2) { width:18%; } .tx-md-report div.digits > div:last-child { width:2%; } .tx-md-report div.borders { display:flex; width:100%; margin-bottom:20px; } .tx-md-report div.borders > div { width:20%;height:12px;border-bottom:1px solid black;border-left:1px solid black; } .tx-md-report div.borders > div:last-child { border-right:1px solid black; } .tx_mdreport__property .barTable_colValue__grade { float:left; width:20px; margin-right:80px; color:#03548a; font-size:1em; font-weight:700; } .tx_mdreport__property .barTable_colValue__barWrapper { float:left; width:100%; height:24px; background-color:#f0f0f0; } .tx_mdreport__property .showGradeBeneathBar .barTable_colValue__barWrapper { width:calc(100% - 100px); } .tx_mdreport__property .barTable_colValue__bar { float:left; width:0; height:24px; transition: 0.8s all ease; } .tx_mdreport__property.successRate .barTable_colValue__bar { background-color:#ffd400; border-left:3px solid #ffd400; } .tx_mdreport__property.incidencePer10Years .barTable_colValue__bar { background-color:#5182ba; border-left:3px solid #5182ba; } .tx_mdreport__property.average .barTable_colValue__bar { background-color:#a0a0a0; border-left:3px solid #a0a0a0; } .tx_mdreport__property .barTable_colValue__value { display:inline-block; margin-left:6px; padding:4px 0; font-size:1em; font-weight:700; line-height:1; } .tx_mdreport__property .barTable_colValue__value.fullWidth { margin-left:-32px; color:white; } .tx_mdreport__label { line-height:1.5; } .pageContent .button a { background-color:#03548a; color:white; padding:0.5em 2em; text-decoration:none; opacity:1.0; } .no-touch .pageContent .button a:hover { opacity:0.8; } /*! * shariff - v3.2.1 - Mon, 27 May 2019 08:23:32 GMT * https://github.com/heiseonline/shariff * Copyright (c) 2019 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli * Licensed under the MIT license */ .shariff:after,.shariff:before{content:" ";display:table}.shariff:after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{overflow:hidden}.shariff li,.shariff li a{height:35px;-webkit-box-sizing:border-box;box-sizing:border-box}.shariff li a{color:#fff;position:relative;display:block;text-decoration:none}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-webkit-box-flex:0;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical.button-style-icon{min-width:35px}.shariff .orientation-vertical.button-style-icon-count{min-width:80px}.shariff .orientation-vertical.button-style-standard{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical.button-style-icon-count li .share_count,.shariff .orientation-vertical.button-style-standard li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%}.shariff .orientation-horizontal.button-style-icon-count li,.shariff .orientation-horizontal.button-style-standard li{min-width:80px}.shariff .orientation-horizontal.button-style-icon-count li .share_count,.shariff .orientation-horizontal.button-style-standard li .share_count{display:block}.shariff .orientation-horizontal.button-style-standard li{width:auto;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li .share_text,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal.button-style-standard li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li,.shariff li a{height:30px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .buffer a{background-color:#3a3a3a}.shariff .buffer a:hover{background-color:#555}.shariff .buffer .fa-buffer{font-size:22px}.shariff .buffer .share_count{color:#3a3a3a;background-color:#ddd}.shariff .theme-white .buffer a{color:#3a3a3a}@media only screen and (min-width:600px){.shariff .buffer .fa-buffer{font-size:19px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook-f{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook-f{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#f67c1a}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money-bill-alt{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#f67c1a}@media only screen and (min-width:600px){.shariff .flattr .fa-money-bill-alt{font-size:19px}}.shariff .flipboard a{background-color:#e12828}.shariff .flipboard a:hover{background-color:#ff2e2e}.shariff .flipboard .fa-flipboard{font-size:22px}.shariff .theme-white .flipboard a{color:#e12828}@media only screen and (min-width:600px){.shariff .flipboard .fa-flipboard{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin-in{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33aae8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin-in{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .print a{background-color:#999}.shariff .print a:hover{background-color:#a8a8a8}.shariff .print .fa-print{font-size:21px}.shariff .theme-white .print a{color:#999}@media only screen and (min-width:600px){.shariff .print .fa-print{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .pocket a{background-color:#ef4056}.shariff .pocket a:hover{background-color:#ff5066}.shariff .pocket .fa-get-pocket{font-size:22px}.shariff .theme-white .pocket a{color:#ef4056}@media only screen and (min-width:600px){.shariff .pocket .fa-get-pocket{font-size:19px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96d4ee}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465d}.shariff .tumblr a:hover{background-color:#44546b}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#f56770}.shariff .weibo a:hover{background-color:#fa7f8a}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#f56770}.shariff .theme-white .weibo a{color:#f56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ace0}.shariff .tencent-weibo a:hover{background-color:#38bbeb}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ace0}.shariff .theme-white .tencent-weibo a{color:#26ace0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .telegram a{background-color:#08c}.shariff .telegram a:hover{background-color:#007dbb}.shariff .telegram .fa-telegram{font-size:28px}.shariff .theme-white .telegram a{color:#08c}@media only screen and (min-width:600px){.shariff .telegram .fa-telegram{font-size:22px}}.shariff .qzone a{background-color:#2b82d9}.shariff .qzone a:hover{background-color:#398fe6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2b82d9}.shariff .theme-white .qzone a{color:#2b82d9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}}.shariff .vk a{background-color:#5d7fa4}.shariff .vk a:hover{background-color:#678eb4}.shariff .vk .fa-vk{font-size:22px}.shariff .vk .share_count{color:#55677d;background-color:#fff}.shariff .theme-white .vk a{color:#3b5998}@media only screen and (min-width:600px){.shariff .vk .fa-vk{font-size:19px}} .video-shariff-play{position:relative;text-align:center;display:block}a.video-shariff-play img{display:inline-block}.video-shariff-preview{position:absolute;left:0;right:0;top:30%;text-align:center}.video-shariff-preview-overlay{background:rgba(255,255,255,0.6);display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all .4s cubic-bezier(0.165,0.84,0.44,1);transition:all .4s cubic-bezier(0.165,0.84,0.44,1)}a.video-shariff-play:hover .video-shariff-preview-overlay,a.video-shariff-play:focus .video-shariff-preview-overlay{background:transparent}.video-shariff-preview span{display:block;position:relative}.video-shariff-preview-icon{background:transparent;border-radius:.375rem;width:0;height:0;border-top:24px solid transparent;border-left:36px solid #000;border-bottom:24px solid transparent;margin:-1.45rem -2rem;left:50%}.video-shariff-preview-text{top:3rem;margin:0 auto;width:80%;font-weight:bold}@media screen and (min-width:800px){.video-shariff-preview{top:50%}.video-shariff-preview-text{width:60%}} /* .cc-window { width:100%; } .cc-message { font-size:0.875em; } .cc-revoke.cc-bottom { left:auto; right:3em; padding: 0.5em 1.5em; font-size:0.875em; } */ .cc-banner.cc-bottom { left:unset; right:1em; bottom:1em; } .cc-window.cc-banner { width:36%; min-width:600px; max-width:900px; } .cc-compliance { flex-direction:column; align-items:unset; align-content:unset; } .cc-window.cc-floating { padding:2em; max-width:100%; } .cc-revoke { padding:0.5em 2em; } .cc-window .cc-message { padding-right:2em; } .cc-window .cc-message, .cc-revoke { left:auto !important; right:3em; font-size:0.875em; } .cc-btn { max-width:240px; min-width:200px; margin-bottom:1em; padding:0.25em 0.8em; line-height:1; } .cc-btn + .cc-btn { margin-left:0; } .cc-dismiss { display:inline-block; min-width:auto; } .cc-highlight .cc-btn.cc-allow { color:#ffffff; } .cc-highlight .cc-btn.cc-dismiss { background-color:#b0b3b5; } .no-touchevents .cc-highlight .cc-btn.cc-dismiss:hover { background-color: #b0b3b5; opacity:0.75; text-decoration:none; } @media screen and (max-width:800px) and (orientation:portrait),screen and (max-width:768px) and (orientation:landscape) { .cc-banner.cc-bottom { left:0; right:0; bottom:0; } .cc-window.cc-banner { -ms-flex-direction:column; flex-direction:column; width:100%; } .cc-window.cc-floating { max-width:100%; } .cc-window .cc-message { margin-bottom:2em; padding-right:0; } .cc-window.cc-banner { -ms-flex-align:unset; align-items:unset } .cc-window .cc-message, .cc-revoke { font-size:1.0em; } } .tx-solr-autosuggest { border: 1px solid #CCC; background: #FFF; overflow: auto; } .tx-solr-autosuggest strong { font-weight: bolder; color: #f18f0b; } .tx-solr-autosuggest .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .tx-solr-autosuggest .autocomplete-selected { background: #F1E0B6; } .tx-solr-autosuggest .autocomplete-group { padding: 10px 5px; } .tx-solr-autosuggest .autocomplete-group strong { display: block; border-bottom: 1px solid #999; } /***************************************************************** * * styles for extension "buergerbegehren" * *****************************************************************/ .tx-buergerbegehren-list { min-width:600px; } .tx-buergerbegehren-list h2 { margin-top:1em; } .tx-buergerbegehren-searchform { position:relative; overflow:hidden; } .tx-buergerbegehren-search-field { width:auto; } .tx-buergerbegehren-search-field.field-selected input, .tx-buergerbegehren-search-field.field-selected select { background-color:#e1dd19; } .tx-buergerbegehren-fieldset { margin-bottom:2em; } .tx-buergerbegehren-fieldset label { display:block; width:30%; min-width:100px; margin-right:1em;} .tx-buergerbegehren-fieldset input[type=text], .tx-buergerbegehren-fieldset select { width:calc(70% - 1em); min-width:400px; } .tx-buergerbegehren-search-field-abjahr input[type=text], .tx-buergerbegehren-search-field-bisjahr input[type=text] { min-width:100px; max-width:160px; } .tx-buergerbegehren-search-field-numberofdata label { width:99%; padding-bottom:10px; line-height:1.3; } .tx-buergerbegehren-search-field-numberofdata label.numberofdata { display:inline; float:none; width:30px; } .tx-buergerbegehren-search-field-numberofdata input[type=radio] { display:inline; float:none; width:30px; } .tx-buergerbegehren-result-table { width:auto; border:0px solid #d0d0d0; } .tx-buergerbegehren-result-th { padding:4px; background-color:#798989; border:1px solid #e0e0e0; color:white; font-weight:600; } .tx-buergerbegehren-result-td { padding:3px; border:1px solid #d0d0d0; vertical-align:top; padding:3px; line-height:1.5; } .tx-buergerbegehren-result-table tr td:nth-child(2) { white-space: nowrap; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } table.tx-buergerbegehren-result-table tbody > tr:first-child td { text-align:left !important; font-weight:400 !important; } .tx-buergerbegehren-result-td a { text-decoration:none; } .tx-buergerbegehren-result-Thema { font-size:110%; font-weight:bold; } .tx-buergerbegehren-result-Themenbereich { padding-left:20px; } #tx-buergerbegehren-result-table-loading { width:100%;height:80px; background:url('../../../typo3conf/ext/buergerbegehren/Resources/Public/Icons/spinner_loading.gif') center center no-repeat; } ul.no-bullets { list-style:none; } ul.no-bullets li { margin-right:1.5em; } .tx-buergerbegehren-result-pagebrowser ul.horizontal { display:flex; justify-content: center; } .tx-buergerbegehren-single-smalltitle { margin-bottom:1em; } .tx-buergerbegehren-single-title { margin-bottom:1em; } .tx-buergerbegehren-single-ort { margin-bottom:2em; } .tx-buergerbegehren-single-table { width:100%; } .tx-buergerbegehren-single-td { padding-left:0; border-top:none; vertical-align:top; } table.tx-buergerbegehren-single-table tbody > tr:first-child td { text-align:left; font-weight:400; } .tx-buergerbegehren-single-td h2 { margin-top:0; } .tx-buergerbegehren-single-td h2.Bundesland { font-weight:normal; } .tx-buergerbegehren-single-td dt { margin-top:1em; margin-bottom:0; font-weight:700; } .tx-buergerbegehren-single-td dd { margin-left:0; } .tx-buergerbegehren-single-td0 { width:65%; padding-right:3%; } dt.tx-buergerbegehren-single-Fragestellung, dt.tx-buergerbegehren-single-Ergebnis { margin-bottom:1em; } dd.tx-buergerbegehren-single-Fragestellung, dd.tx-buergerbegehren-single-Ergebnis { margin-bottom:1em; padding:0.75em; background-color:#03548a; border:1px solid #798989; color:white; font-size:125%; } dd.tx-buergerbegehren-single-Ergebnis { display:inline-block; } dd.tx-buergerbegehren-single-Ergebnis[data-outputlong="Offen"] { background-color:#c0c0c0; } .tx-buergerbegehren-single-td1 { width:30%; padding:0.75em; background-color:#f0f0f0; } .tx-buergerbegehren-single-td1 { color:#808080; } .tx-buergerbegehren-single-td1 h2 { color:#202020; } .tx-buergerbegehren-search { overflow:hidden; } .tx-buergerbegehren-search figure { float:right; width:33%; padding-left:3em; } /* .tx-buergerbegehren-search form { float:left; width:67%; padding-top:2em; } .tx-buergerbegehren-search-field { margin-bottom:1em; } .tx-buergerbegehren-search-reset, .tx-buergerbegehren-search-submit { margin-top:2em; } .tx-buergerbegehren-search label { display:inline-block; width:50%; padding-right:3em; padding-top:6px; color:#03548a; text-align:right;text-transform:uppercase; } .tx-buergerbegehren-search select, .tx-buergerbegehren-search input { display:inline-block; width:50%; padding:0.25em; font-size:1em; } */ /* .tx-buergerbegehren-search-reset { float:right; max-width:260px; width:45% !important; margin-top:1em !important; margin-left:0; } .tx-buergerbegehren-search-submit { max-width:260px; width:45% !important; margin-left:calc(30% + 1em); } .tx-buergerbegehren-search-reset button, .tx-buergerbegehren-search-submit input[type=submit] { width:100%; padding:0.4375em 2em; border:none; cursor:pointer; } .tx-buergerbegehren-search-reset button { padding:0.5625em 2em; font-size:1em; } .no-touch .tx-buergerbegehren-search-reset button:hover, .no-touch .tx-buergerbegehren-search input[type=submit]:hover { position:relative; top:1px; left:1px; } */ .tx-buergerbegehren-result-pagebrowser .button { display:inline-block; margin:2em 1em; text-transform:uppercase; } .pageContent .tx-buergerbegehren-result-pagebrowser .button span, .pageContent .tx-buergerbegehren-result-pagebrowser .button a { display:block; padding:0.25em 2em; background-color:#c0c4c8; text-decoration:none; } .pageContent .tx-buergerbegehren-result-pagebrowser .button a { background-color:#adb901; color:white; } .no-touch .pageContent .tx-buergerbegehren-result-pagebrowser .button a:hover { position:relative; top:1px; left:1px; opacity:0.7; } @media only screen and (max-width:992px) { .tx-buergerbegehren-search form { clear:both; float:none; width:100%; } .tx-buergerbegehren-search figure { clear:both; float:none; width:50%; margin:0 auto; padding-top:2em; } .tx-buergerbegehren-search img { width:100%; max-width:150%; } } @media only screen and (max-width:768px) { .tx-buergerbegehren-search figure { width:80%; } .tx-buergerbegehren-single-td { display:block; width:100%; padding-bottom:2em; } } /** * Reset */ * { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } ul { margin-bottom:0; } li { margin-left:1.25em; } table caption { display:none; } th { text-align:left; vertical-align:top; } td { vertical-align:top; } dt { font-weight:600; } fieldset { border:0; } iframe { border:0; } address { margin-bottom:0; font-style:normal; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } img, embed, object, video { max-width:100%; height:auto; } strong,b { font-weight:700; } ::-webkit-input-placeholder { /* WebKit browsers */ color:#a0a0a0; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#a0a0a0; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#a0a0a0; opacity:1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#a0a0a0; } ::-moz-selection { background:#b3d4fc; text-shadow:none; } ::selection { background:#b3d4fc; text-shadow:none; } /** * General helper classes * * */ .hidden { display:none !important; visibility: hidden; } .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } .invisible { visibility: hidden; } .clearfix::before, .clearfix::after { content:" "; display:table; } .clearfix::after { } .clearfix { zoom: 1; clear:both; } .display-flex { display:flex; } .justify-content-center { justify-content: center} .flex-children-width-33 > * { flex: 1 1 33%; max-width:33%; } .text-align-center { text-align:center; } .cursor-pointer { cursor:pointer; } .padding-default { padding:2em; } .big-numbers { font-size:40px; font-weight:300; } .cursor-pointer { cursor:pointer; } .debug-info { display:inline-block; position:fixed; top:40px; left:20px; border:1px solid gray; padding:3px; background-color:white; opacity:0.5; font-size:11px; z-index:9999;} .navi li { list-style:none; margin-left:0; } .navi.horizontal { display:flex; } /* fluid styled content */ .ce-text-left, .text-left { text-align: left; } .ce-text-center, .text-center { text-align: center; } .ce-text-right, .text-right { text-align: right; } .ce-table thead, .ce-table tbody th { background-color: rgba(0,0,0,.1); } .ce-table td, .ce-table th { vertical-align: top; } .ce-table th { min-width:80px; white-space: nowrap; } .ce-table th[data-column-header="Nr."] { width:30px; min-width:unset; max-width:30px; padding-left:4px; padding-right:4px; text-align:center; } .ce-table thead > tr:nth-child(2) > th, .ce-table tbody > tr > th:nth-child(2) { font-weight:400; white-space: normal; } /*.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row,*/ .ce-uploads li, .ce-uploads div { overflow: hidden; } /*.ce-left .ce-gallery,*/ /*.ce-column { float: left; }*/ /*.ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; }*/ /*.ce-right .ce-gallery { float: right; }*/ /*.ce-gallery figure { display: table; margin: 0; }*/ /*.ce-gallery figcaption { display: table-caption; caption-side: bottom; }*/ .ce-textpic { display:flex; flex-direction:column; } .ce-textpic.ce-intext { display:block; flex-direction:unset; } .ce-textpic.ce-intext.ce-nowrap.ce-left { display:flex; flex-direction:row; } .ce-textpic.ce-intext.ce-nowrap.ce-right { display:flex; flex-direction:row-reverse; } .ce-above > div.ce-gallery + div.ce-bodytext { margin-top:32px; } .ce-below > div.ce-bodytext + div.ce-gallery { margin-top:32px; } .ce-above .ce-gallery .ce-row, .ce-below .ce-gallery .ce-row { display:flex; flex-direction:row; margin-bottom:16px; } .ce-above .ce-gallery[data-ce-columns="1"] .ce-row, .ce-below .ce-gallery[data-ce-columns="1"] .ce-row { margin-bottom:0; } .ce-above .ce-gallery[data-ce-columns="1"] > div.ce-row:last-child, .ce-below .ce-gallery[data-ce-columns="1"] > div.ce-row:last-child { margin-bottom:0; } .ce-center .ce-gallery { align-self:center; } .ce-center .ce-gallery .ce-row { align-items:center; } .ce-center .ce-gallery[data-ce-columns="1"] .ce-row { align-items:center; } .ce-right .ce-gallery { align-self:end; } .ce-right .ce-gallery .ce-row { align-items:end; } .ce-right .ce-gallery[data-ce-columns="1"] .ce-row { align-items:end; } .ce-left .ce-gallery[data-ce-columns="1"] .ce-row { align-items:start; } .ce-intext.ce-left .ce-gallery { float:left; margin-right:36px; } .ce-intext.ce-right .ce-gallery { float:right; margin-left:36px; } .ce-intext .ce-gallery { margin-bottom: 24px; } .ce-textpic.ce-intext.ce-nowrap .ce-gallery { flex:1 1 400px; align-self: self-start; } .ce-textpic.ce-intext.ce-nowrap .ce-bodytext { flex:1 1 calc(100% - 400px); } .ce-gallery figure .imageWrapper { margin:0; } .ce-gallery figcaption { margin-top:12px; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid #000; padding: 0; } .imageWrapper { position:relative; } .ce-image-no-margin figure { width:calc(100% + 4em); max-width:calc(100% + 4em); margin-left:-2em; } .aside .ce-image-no-margin img { width:calc(100% + 2em); max-width:calc(100% + 2em); margin-left:-1em; } .image-metadata { position:absolute; bottom:2px; right:2px; padding:2px 2px 2px 6px; background-color:white; opacity:0.8; color:black; font-size:12px; line-height:1; cursor: context-menu; } /* .ce-column { margin-right: 48px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 48px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } */ .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } .ce-headline-left { text-align: left; } .ce-headline-center { text-align: center; } .ce-headline-right { text-align: right; } .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin-bottom:1.5em; margin-left:0; line-height:1.5; } .ce-uploads img { float: left; padding-right: 1em; margin-top:4px; } .ce-uploads span { display: block; } .frame-type-table { overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; } /* TODO .frame-type-textmedia .ce-bodytext { overflow:scroll; overflow-y:hidden; -webkit-overflow-scrolling:touch; } */ .ce-table { width: 100%; max-width: 100%; } .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; } .ce-table thead > tr:nth-child(2) th { font-size:0.875em; } .ce-table thead > tr:first-child th { font-size:1.125em; } .ce-table-striped tbody tr:nth-of-type(even) { background-color: rgba(0,0,0,.05); } .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.01); } .ce-table-striped thead th { border-bottom:none; } .ce-table-striped th, .ce-table-striped td { border-top:none; } .ce-table-bordered, .ce-table-bordered th, .ce-table-bordered td { border-collapse:collapse; } .ce-table-bordered thead { background-color: rgba(0,0,0,.05); } .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; } .frame-space-before-extra-small { margin-top:1.5em; } .frame-space-before-small { margin-top:3.0em; } .frame-space-before-medium { margin-top:4.5em; } .frame-space-before-large { margin-top:6.0em; } .frame-space-before-extra-large { margin-top:7.5em; } .frame-space-after-extra-small { margin-bottom:1.5em; } .frame-space-after-small { margin-bottom:3.0em; } .frame-space-after-medium { margin-bottom:4.5em; } .frame-space-after-large { margin-bottom:6.0em; } .frame-space-after-extra-large { margin-bottom:7.5em; } .frame-ruler-before::before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .frame-ruler-after::after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .frame-type-gridelements.frame-ruler-before { margin-bottom:2em; border-top:1px solid black; } .frame-type-gridelements.frame-ruler-before::before { display:none; border:none; margin-bottom:0; } .frame-type-gridelements.frame-ruler-after { margin-top:2em; border-bottom:1px solid black; } .frame-type-gridelements.frame-ruler-after::after { display:none; border:none; margin-top:0; } .frame-indent { margin-left: 15%; margin-right: 15%; } .frame-indent-left { margin-left: 33%; } .frame-indent-right { margin-right: 33%; } /* TYPO3 messages */ .typo3-messages { max-width:800px; margin-left:auto; margin-right:auto; padding:0; margin-bottom:1.25em; background-position:10px 12px; background-repeat:no-repeat; } .typo3-messages .alert { padding:1em 1em 1em 3em; border:none; border-radius:3px; } .right .typo3-messages .alert { padding:1em; } .typo3-messages h3 { margin:0; color:inherit; } .typo3-messages .alert-link { font-weight:bold; } .typo3-messages > p, .typo3-messages > ul { margin-bottom:0; } .typo3-messages > p + p { margin-top:0.5em; } .typo3-messages a { color:inherit; text-decoration:underline; } .typo3-messages .media { margin:0; } .typo3-messages .media .fa-stack > .fa:first-child { opacity:0.2; filter:alpha(opacity=20); } .typo3-messages .media-body { vertical-align:middle; } .typo3-messages .message-header { font-weight:bold; margin-bottom:9px; } .typo3-messages ul, .typo3-messages ol { padding-left:1em; } .typo3-messages .message-header { display:block; } .typo3-messages .t3-icon-actions-message-close { cursor:pointer; float:right; } ul.typo3-messages > li { margin-bottom:10px; list-style:none; margin-left:0; font-size:0.85em;} ul.typo3-messages > li:last-child { margin-bottom:0; } .typo3-messages a { text-decoration:underline; } .alert-notice { color:#777; background-color:#f6f7fa; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/typo3/sysext/icons/gfx/notice.png'); border-color:#c2cbcf; } .alert-notice a { color:#777; } .alert-info { background-color:#6daae0; border-color:transparent; color:#ffffff; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/typo3/sysext/icons/gfx/information.png'); } .alert-info hr { border-top-color:rgba(0,0,0,0); } .alert-info .alert-link { color:#e6e6e6; } .alert-info a { color:#4c73a1; } .alert-success { background-color:#79a548; border-color:transparent; color:#ffffff; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/typo3/sysext/icons/gfx/ok.png'); } .alert-success hr { border-top-color:rgba(0,0,0,0); } .alert-success .alert-link { color:#e6e6e6; } .alert-success a { color:#3b7826; } .alert-warning { background-color:#e8a33d; border-color:transparent; color:#ffffff; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/typo3/sysext/icons/gfx/warning.png'); } .alert-warning hr { border-top-color:rgba(0,0,0,0); } .alert-warning .alert-link { color:#e6e6e6; } .alert-warning a { color:#9e7d4a; } .alert-danger { background-color:#c83c3c; border-color:transparent; color:#ffffff; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/typo3/sysext/icons/gfx/error.png'); } .alert-danger hr { border-top-color:rgba(0,0,0,0); } .alert-danger .alert-link { color:#e6e6e6; } .alert-danger a { color:#aa0225; } .typo3-messages h3 i.fa, .infobox h3 i.fa { display:block; font-size:28px; } /* modernizr */ .browserupgrade { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; } /* mediaqueries */ html { font-family:"default-screen"; } body:after { content:"default-screen"; display:block; visibility:hidden; position:fixed; top:10px; left:20px; z-index:900; border:1px solid #8a8a8a; padding:3px; background-color:white; opacity:0.75; color:#8a8a8a; font-size:11px; } body.debug:after { visibility:visible; } /** * The Layout * * contains layout related style definitions */ .contentWrapper { width:100%; max-width:1920px; margin:0 auto; padding-left:80px; padding-right:80px; } .pageHeader { position:fixed; background:transparent; width: 100%; z-index: 100;} .no-js .pageHeader { position:static; } .logo { max-width:240px; max-height:66px; } .logo a { display:inline-block; overflow:hidden; } .logo img { float:left; } .metanaviWrapper { width:100%; height:40px; } .metanavi { clear:right; float:right; height:40px; height:100%;margin-right:-3.75em; overflow:hidden; } .searchWrapper { clear:left; width:440px; padding-top:40px; } .searchWrapper .tx-solr-search-form { margin:0; } #mainnaviToggle { display:flex; justify-content:center; align-items:center; clear:right; float:right; width:6em; height:40px; margin-top:40px; } .mainnaviWrapper { height:auto; margin-top:80px; margin-bottom:40px; padding-bottom:0; overflow:hidden; } .no-js .mainnaviWrapper { display:block !important; width:100%; padding:2em; overflow:visible; background-color:#1271ee; } .mainnavi.navi.horizontal { display:flex; justify-content:flex-start; } .mainnavi.navi.horizontal > li { flex:1 1 calc(25% - 37.5px); min-width:170px; margin-right:50px; } .mainnavi.navi.horizontal > li:last-child { margin-right:0; } .pageHeader.mainnaviOpened { position:absolute; width:100%; left:0; top:0; z-index:100; } .pageHeader.mainnaviOpened .metanavi { height:0; } .pageHeader.mainnaviOpened .mainnaviWrapper { overflow:visible; } .pageHeader.sticky { background:#011A36; padding-bottom:16px; } .pageHeader.sticky .logo { position:absolute; top:16px; left:80px; max-width:145px; max-height:40px; } .pageHeader.sticky .searchWrapper { position:absolute; left:300px; top:16px; padding-top:0; } .pageHeader.sticky .metanaviWrapper { display:none; } .pageHeader.sticky #mainnaviToggle { margin-top:16px; } .pageHeader.sticky.mainnaviOpened { position:absolute; } .pageHeader.sticky.mainnaviOpened .logo { position:static; max-width:240px; max-height:66px; } .pageHeader.sticky.mainnaviOpened .searchWrapper { position:static; padding-top:40px; } .pageHeader.sticky.mainnaviOpened .metanaviWrapper { display:block; } .pageHeader.sticky.mainnaviOpened .mainnaviWrapper { float:left; width:100%; margin-top:80px; } .pageHeader.sticky.mainnaviOpened #mainnaviToggle { margin-top:40px; } .breadcrumbsnaviWrapper { margin-bottom:0.5em; } .breadcrumbsnavi { margin:0; } .pageContent { padding-top:230px; padding-bottom:100px; } body.pagets__default .pageContent .contentWrapper { display:flex; justify-content: space-between; flex-wrap:wrap; } body.pagets__default .pageContent .contentWrapper .breadcrumbsnaviWrapper { flex:1 1 100%; } body.pagets__default .pageContent .contentWrapper .content { flex:1 1 calc(75% - 5px); max-width:calc(75% - 5px); margin-right:20px; /*background-color:white; color:#032751;*/ } body.pagets__default .pageContent .contentWrapper .aside { flex:1 1 calc(25% - 15px); max-width:calc(25% - 15px); } body.pagets__default .pageContent .contentWrapper .aside.sticky { position:fixed; top:72px; right:80px; max-width:calc((100% - 160px)/4 - 15px); height: 100vh; padding-bottom:100px; overflow-y:auto; } #stickyButton { position:fixed; bottom:0; left:calc(50% - 150px); z-index:200; width:100%; max-width:300px; margin:0; text-align:center; } #stickyButton a { font-weight:bold; color:white; font-size:28px; } #stickyButton.bgcolor-green a { padding:0.5em; background-color:#86bc26; text-align:center; } .pageFooter { } .breadcrumbsnavi > li > a { color:white; font-size:0.875em; text-decoration:none; } .breadcrumbsnavi .arrow { display:inline-block; margin:0 0.5em; } .frame-type-gridelements > div.grid-row { display:flex; justify-content:space-between; flex-wrap:wrap; } .frame-type-gridelements.gridSimplerow > div.grid-row { display:block; justify-content:unset; flex-wrap:unset; } .frame-type-gridelements.grid2cols > div.grid-row > div.grid-column { flex:1 1 calc(50% - 1em); } .frame-type-gridelements.grid2cols > div.grid-row > div:first-child { margin-right:1em; } .frame-type-gridelements.grid2cols > div.grid-row > div:last-child { margin-left:1em; } .frame-type-gridelements.grid2cols6633 > div.grid-row > div.grid-column { flex:1 1 calc(50% - 1em); } .frame-type-gridelements.grid2cols6633 > div.grid-row > div:first-child { flex:1 1 calc(65% - 1em); margin-right:1em; } .frame-type-gridelements.grid2cols6633 > div.grid-row > div:last-child { flex:1 1 calc(35% - 1em); margin-left:1em; } .frame-type-gridelements.grid3cols > div.grid-row > div.grid-column { flex:1 1 calc(33% - 1.333em); margin:0 1em; } .frame-type-gridelements.grid3cols > div.grid-row > div:first-child { margin-left:0; } .frame-type-gridelements.grid3cols > div.grid-row > div:last-child { margin-right:0; } .frame-type-gridelements.grid4cols > div.grid-row > div.grid-column { flex:1 1 calc(25% - 1.5em); margin:0 1em; } .frame-type-gridelements.grid4cols > div.grid-row > div:first-child { margin-left:0; } .frame-type-gridelements.grid4cols > div.grid-row > div:last-child { margin-right:0; } .ce-textpic { width:100%; } .footernaviWrapper { padding-top:80px; padding-bottom:96px; } .footernavi.navi.horizontal { display:flex; justify-content:flex-start; } .footernavi.navi.horizontal > li { flex:1 1 calc(25% - 37.5px); margin-right:50px; } .footernavi.navi.horizontal > li:last-child { margin-right:0; } /** * The Styling * * contains design related style definitions */ /* General styles */ body { background:#000f29; background: linear-gradient(0deg, #003567 96%, #000f29 99.9%); font-family:"Source Sans Pro",sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#fff; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-chars: auto 3; -moz-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-chars: auto 3; hyphenate-limit-chars: auto 3; } /* change background color on mainnavi toggle */ .pageHeader { background-color:transparent; } .pageHeader.mainnaviOpened { background:#1271ee; } .pageHeader.mainnaviOpened .searchWrapper .input-group-btn button, .pageHeader.mainnaviOpened .mainnaviToggle { background-color:#032751; } .pageHeader.mainnaviOpened .mainnaviToggleIcon { background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_navibar-closed.svg'); } a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:none; cursor:text; pointer-events:none; } p.big-morelink { text-align:center; } p.big-morelink-left { text-align:left; } p.big-morelink-right { text-align:right; } p.big-morelink a, p.big-morelink-left a, p.big-morelink-right a { display:inline-block; padding:4px 16px; border:1px solid #2e92ff; color:#2e92ff; text-decoration:none; } .no-touchevents p.big-morelink a:hover, .no-touchevents p.big-morelink-left a:hover, .no-touchevents p.big-morelink-right a:hover{ background-color:#2e92ff; color:white; } p.button { margin-top:1.5em; } .button a { display:inline-block; padding: 0.5em 2em; background-color: #2e92ff; color: white; text-decoration: none; opacity: 1.0; } .no-touchevents p.button a:hover { opacity:0.75; } span.icon { display:inline-block; width:24px; height:24px; margin-right:12px; background-repeat:no-repeat; background-position:center; background-size:24px 24px; } span.image-metadata-icon { width:1em; height:1em; margin-right:0; } .bgcolor-white, .frame.bgcolor-white, .frame-bgcolor-white { background-color:white; color:#000; } .bgcolor-gray, .frame.bgcolor-gray, .frame-bgcolor-gray { background-color:#ebebeb; color:#000; } .bgcolor-darkgray, .frame.bgcolor-darkgray, .frame-bgcolor-darkgray { background-color:#606060; color:white; } .bgcolor-green, .frame.bgcolor-green, .frame-bgcolor-green { background-color:#86bc26; color:white; } .bgcolor-blue, .frame.bgcolor-blue, .frame-bgcolor-blue { background-color:#1271ee; color:white; } .bgcolor-darkblue, .frame.bgcolor-darkblue, .frame-bgcolor-darkblue { background-color:#000f29; color:white; } h1 { font-size:28px; font-weight:600; line-height:36px; margin-bottom:32px; } h2 { font-size:22px; font-weight:600; line-height:28px; margin-bottom:22px; } h3 { font-size:16px; font-weight:600; line-height:24px; margin-bottom:16px; } h4 { font-size:16px; font-weight:600; line-height:24px; } /* .frame > header, .ce-bodytext h1, .ce-bodytext h2, .ce-bodytext h3, .ce-bodytext h4 { margin-bottom:24px; } */ p,dl,dd,table,ul { margin-bottom:1.5em; } li { margin-bottom:0.25em; } a { -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; } a.morelink { -ms-transition:0.8s; -moz-transition:0.8s; -webkit-transition:0.8s; -o-transition:0.8s; transition:0.8s; } .no-touchevents a.hover { text-decoration:underline; } p.bodytext { } p.bodytext-larger { font-size:110%; } p.bodytext-smaller { font-size:90%; } .pageContent a { color:#2e92ff; } .pageContent a.link-external { padding-left:24px; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_link.svg') left center no-repeat; background-size:24px 16px;} .pageContent a.link-download { padding-left:24px; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_download.svg') left center no-repeat; background-size:12px 16px; } .pageFooter a { color:white; } .pageContent .button a.bgcolor-green { background-color:#86bc26; color:white; } .pageContent .button a.bgcolor-blue { background-color:#03548a; color:white; } .pageContent .button a.bgcolor-darkblue { background-color:#000f29; color:white; } .pageContent .frame.bgcolor-white, .pageContent .frame-bgcolor-white, .pageContent .frame.bgcolor-gray, .pageContent .frame-bgcolor-gray, .pageContent .frame.bgcolor-darkgray, .pageContent .frame-bgcolor-darkgray, .pageContent .frame.bgcolor-green, .pageContent .frame-bgcolor-green, .pageContent .frame.bgcolor-blue, .pageContent .frame-bgcolor-blue, .pageContent .frame.bgcolor-darkblue, .pageContent .frame-bgcolor-darkblue{ padding:2em; } .pageContent .frame.bgcolor-green a, .pageContent .frame-bgcolor-green a, .pageContent .frame.bgcolor-blue a, .pageContent .frame-bgcolor-blue a { color:white; } .pageContent .aside .frame.bgcolor-white, .pageContent .aside .frame-bgcolor-white, .pageContent .aside .frame.bgcolor-gray, .pageContent .aside .frame-bgcolor-gray, .pageContent .aside .frame.bgcolor-darkgray, .pageContent .aside .frame-bgcolor-darkgray, .pageContent .aside .frame.bgcolor-green, .pageContent .aside .frame-bgcolor-green, .pageContent .aside .frame.bgcolor-blue, .pageContent .aside .frame-bgcolor-blue, .pageContent .aside .frame.bgcolor-darkblue, .pageContent .aside .frame-bgcolor-darkblue { padding:1.5em 1em 2em 1em; } .pageContent .frame-padding-top-none { padding-top:0; } .pageContent .frame-padding-bottom-none { padding-bottom:0; } .frame-bgcolor-white.frame-line-before, .frame-bgcolor-gray.frame-line-before { border-top:1px solid #032751; } .frame-bgcolor-green.frame-line-before, .frame-bgcolor-darkgray.frame-line-before, .frame-bgcolor-blue.frame-line-before, .frame-bgcolor-darkblue.frame-line-before { border-top:1px solid white; } .frame-bgcolor-white.frame-line-after, .frame-bgcolor-gray.frame-line-after { border-bottom:1px solid #032751; } .frame-bgcolor-green.frame-line-after, .frame-bgcolor-darkgray.frame-line-after, .frame-bgcolor-blue.frame-line-after, .frame-bgcolor-darkblue.frame-line-after { border-bottom:1px solid white; } .pageContent .ce-bodytext > p:last-child, .pageContent .ce-bodytext > ul:last-child, .pageContent .ce-bodytext > ul:last-child li:last-child, .pageContent .ce-uploads li:last-child { margin-bottom:0; } p + ul { margin-top:-1em; } /* form elements */ .btn { display:inline-block; padding:8px 16px; background-color:#e0e0e0; color:#202020; border:none; font-size:24px; font-weight:600; text-align:center; cursor:pointer; } .no-touchevents .btn:hover { background-color:#202020; color:#e0e0e0; border:1px solid #e0e0e0; } .btn-primary { background-color:#1a7dff; color:white; } .no-touchevents .btn-primary:hover { background-color:white; color:#1a7dff; border:1px solid #1a7dff; } .frame-bgcolor-blue .btn-primary { background-color:#86bc26; } .no-touchevents .frame-bgcolor-blue .btn-primary:hover { color:#86bc26; border:1px solid #86bc26; } /* search */ .searchWrapper input[type=text] { padding:1em; border:none; font-family:"Source Sans Pro",sans-serif; font-size:1em; } .searchWrapper .input-group-btn button { border:none; background-color:#1271ee; color:white; font-family:"Source Sans Pro",sans-serif; font-size:0.875em; cursor:pointer; } .no-touchevents .searchWrapper .input-group-btn button:hover { background-color:#2e92ff; } /* metanavi */ .metanavi a { text-decoration:none; } .metanavi > li { margin-left:1.5em; margin-bottom:0; } .metanavi > li > a { display:block; height:100%; padding:0.6875em 0; color:white; } .metanavi > li > a { font-size:0.875em; color:inherit; text-decoration:none; } .metanavi > li.active > a, .no-touchevents .metanavi > li > a:hover { color:#2e92ff/*#006EFF*/; text-decoration:none; } /* metanavi: Mitglied werden, Spenden */ .metanavi > li.emphasized > a { padding:0.6875em 1em; background-color:#1271ee; } .no-touchevents .metanavi > li.emphasized > a:hover { background-color:#2e92ff; color:white; text-decoration:none; } /* metanavi: Login */ .metanavi > li:last-child a { padding-left:30px; background: url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_login.svg') left center no-repeat; background-size:21px 21px; } /* mainnavi: toggle button */ .mainnaviToggle { background-color:#1271ee; color:white; font-family:"Source Sans Pro",sans-serif; text-align:center; cursor:pointer; } .mainnaviToggleIcon { display:inline-block; width:14px; height:14px; margin-right:13px; background-color:transparent; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_navibar.png'); background-position: center; background-repeat:no-repeat; background-size:contain; } .mainnaviToggleLabel { font-size:1.125em; } .no-touchevents .mainnaviToggle:hover { background-color:#2e92ff } .mainnavi { } .mainnavi.level1 > li > span.mainnaviLevel2Toggle { display:inline-block; width:0.875em; height:0.875em; margin-left:0.25em; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_more_white.svg'); background-position:center right; background-repeat:no-repeat; background-size:contain; cursor:pointer; -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;} .mainnavi.level1 > li.opened > span.mainnaviLevel2Toggle { -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .mainnavi a { color:white; text-decoration:none; } .mainnavi > li > a { display:block; min-height:82px; border-bottom:1px solid white; font-size:22px; font-weight:700; } .mainnavi > li.active > a, .mainnavi > li.current > a, .no-touchevents .mainnavi > li > a:hover { color:#022752; } .mainnavi > li > a span.subtitle { display:block; padding-bottom:1.5em; font-size:16px; font-weight:700; letter-spacing:0.5px; white-space:nowrap; overflow:hidden; } .mainnavi ul.level2 { margin-top:30px; } .mainnavi ul.level2 > li { margin-left:-4px; margin-bottom:8px; font-weight:600; } .mainnavi ul.level2 > li > a { padding-left:4px; padding-right:4px; } .mainnavi ul.level2 > li.hasChildren { margin-left:-18px; } .mainnavi ul.level2 > li.active > a, .mainnavi ul.level2 > li.current > a, .no-touchevents .mainnavi ul.level2 > li > a:hover { background-color:#022752; } .mainnavi ul.level2 > li > span.mainnaviLevel3Toggle { display:inline-block; width:10px; height:10px; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_navi-closed.svg'); background-position:center; background-repeat:no-repeat; background-size:contain; cursor:pointer; -ms-transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;} .mainnavi ul.level2 > li.opened > span.mainnaviLevel3Toggle { -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .mainnavi ul.level3 { margin-top:12px; margin-bottom:30px; padding-left:17px;} .mainnavi ul.level3 > li > a { font-weight:400; } .mainnavi ul.level3 > li.active > a, .mainnavi ul.level3 > li.current > a, .no-touchevents .mainnavi ul.level3 > li> a:hover { background-color:#022752; } .mainnavi li.active > a, .no-touchevents .mainnavi li > a:hover { /*color:#022752;*/ } /* sitemap */ .frame-type-menu_pages ul, .frame-type-menu_subpages ul { list-style:none; } .frame-type-menu_pages li, .frame-type-menu_subpages li { margin-left:0; } .breadcrumbs .arrow { padding:0 10px; } /* CE table */ .frame-type-table header .subheader { font-size:1em; font-weight:400; } /* Icon menu of subpages */ .frame-type-menu_icons_subpages ul { list-style:none; display:flex; flex-wrap:wrap; margin-bottom:0; } .frame-line-before .frame-type-menu_icons_subpages ul, .frame-type-menu_icons_subpages.frame-line-before ul { margin-top:2em; } .frame-line-after .frame-type-menu_icons_subpages ul, .frame-type-menu_icons_subpages.frame-line-after ul { margin-bottom:calc(2em - 20px); } .frame-type-menu_icons_subpages ul li { margin-bottom:20px; margin-left:0; margin-right:1.25em; } .frame-type-menu_icons_subpages ul li a { display:block; line-height:0.6; height:24px;} .frame-type-menu_icons_subpages img { width:auto; height:100%; } .mainnaviWrapper .frame-type-menu_icons_subpages { margin-top:40px; padding-top:2em; border-top:1px solid white; } .mainnaviWrapper .frame-type-menu_icons_subpages img { filter:brightness(0%) invert(100%); } /* Custom tile group */ .custom-tile-group { list-style:none; display:flex; flex-wrap:wrap; } .custom-tile-item { position:relative; flex:1 1 calc(25% - 15px); max-width:calc(25% - 15px); margin-left:0; margin-right:20px; margin-bottom:20px; background-color:white; } .custom-tile-item:nth-child(4n) { margin-right:0; } .custom-tile-item a { color:inherit; text-decoration:none; } .custom-tile-item-meta { position:relative; padding:4px 16px; background-color:#094f9e; font-size:13px; letter-spacing:0.5px; } .custom-tile-item-meta-contenttype { display:inline-block; font-weight:600; text-transform:uppercase; white-space:nowrap;} .custom-tile-item-meta-date { display:inline-block; /*width:80%;*/ white-space:nowrap; } .custom-tile-item-meta-relevance { display:inline-block; white-space:nowrap; } .custom-tile-item-meta-sharebar { position:absolute; top:4px; right:16px; display:inline-block; white-space:nowrap; cursor:pointer; } .custom-tile-item-sharebar { position:absolute; top:30px; right:4px; z-index:10; padding:2px 0.5em; background-color:inherit; } .custom-tile-item-sharebar a { display:inline-block; margin-right:0.5em; font-size:1.5em; } .custom-tile-item-sharebar a:last-child { margin-right:0; } .custom-tile-item-image figure { position:relative; line-height:0.5; } .custom-tile-item-image figure img { width:100%; } .custom-tile-item-image figcaption { position:absolute; left:16px; top:12px; font-size:32px; font-weight:700; line-height:1; } .custom-tile-item-image figcaption > span.time { display:block; margin-top:20px; font-size:16px; } .custom-tile-item-image a figcaption { color:#e0e0e0; } .custom-tile-item-text { padding:1em 1em 3em 1em; color:#202020; } .custom-tile-item-header { } .custom-tile-item-header h2, .custom-tile-item-header h3 { margin-bottom:16px; line-height:26px; } .custom-tile-item-teaser p:nth-last-child(2) { margin-bottom:0; } .custom-tile-item-more { position:absolute; left:16px; bottom:16px; display:inline-block; margin-bottom:0; padding-right:16px; color:#1a7dff; font-size:13px; text-transform:uppercase; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_more.svg') right center no-repeat; background-size:8px 12px; } .homepage .custom-tile-item:first-child { flex:1 1 calc(50% - 10px); max-width:calc(50% - 10px); } .homepage .custom-tile-item:first-child { position:relative; } .homepage .custom-tile-item:first-child .custom-tile-item-image { height:calc(100% - 28px); } .homepage .custom-tile-item:first-child .custom-tile-item-image figure { height:100%; } .homepage .custom-tile-item:first-child img { /*width:auto; height:100%;*/ } .homepage .custom-tile-item:first-child .custom-tile-item-text { position:absolute; bottom:0; left:0; width:100%; background-color: rgb(0,15,41,0.8); color:white; } .homepage .custom-tile-item:first-child .custom-tile-item-more { color:#1a7dff; } .homepage .custom-tile-item:nth-child(4n) { margin-right:20px; } .homepage .custom-tile-item:nth-child(4n+3) { margin-right:0; } .pagets__default .custom-tile-item { flex:1 1 calc(33.33% - 13.33px); max-width:calc(33.33% - 13.33px); } .pagets__default .custom-tile-item:nth-child(4n) { margin-right:20px; } .pagets__default .custom-tile-item:nth-child(3n) { margin-right:0; } /* CE faq accordeon */ .tx-faqaccordeon dl.accordeon-item dt.accordeon__header { margin-bottom:16px; } .tx-faqaccordeon dl.accordeon-item dt.accordeon__header span.headline { font-size:16px; } .tx-faqaccordeon dl.accordeon-item { margin-bottom:1em; border-bottom: 1px solid gray; } .tx-faqaccordeon div.faqaccordeon__body > dl.accordeon-item:first-child { padding-top:1em; border-top: 1px solid gray; } .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { background-image: url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_faq-opened.svg'); } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon { background-image: url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_faq-closed.svg'); } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.icon, .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.icon { flex:1 1 20px; height:16px; margin-top:2px; } .tx-faqaccordeon dl.accordeon-item.opened dd.accordeon__body { margin-bottom:1em; padding-left:32px; } .tx-faqaccordeon dl.accordeon-item.closed dt.accordeon__header span.headline, .tx-faqaccordeon dl.accordeon-item.opened dt.accordeon__header span.headline { flex: 1 1 calc(100% - 32px); } /* Custom CE Quote */ .frame-type-quote .quote__image { margin-bottom:2em; } .frame-type-quote .quote__image figure { max-width:50%; margin:0 auto; border-radius:50%; overflow:hidden; line-height:0.5; } .frame-type-quote blockquote p { margin-bottom:0.5em; color:#094f9e; font-size:18px; font-style:italic; text-align:center; line-height:24px; } .frame-type-quote .quote__authorWrapper h2 { font-size:1em; font-weight:400; text-align:center; line-height:1.3; } .frame-type-quote .no-image { position:relative; padding-top:70px; background-color:inherit; } .frame-type-quote .no-image > div.quote__icon { position:absolute; z-index:10; width:60px; height:50px; top:0; left:calc(50% - 30px); background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_quote.svg') center top no-repeat; background-color:inherit; background-size:50px 50px; } .frame-type-quote .no-image::before { content:" "; display:block; position:absolute; z-index:0; top:25px; left:33%; width:33%; border-top:2px solid #1a7dff; } .frame-type-quote .no-image::after { content:" "; display:block; width:33%; margin:2em auto 0 auto; border-bottom:2px solid #1a7dff; } /* Custom CE Teaser */ .frame .ce-bgimage { position:relative; min-height:100px; padding:2em; background-size:cover; background-position: center; background-repeat:no-repeat; } .frame .ce-bgimage .ce-bodytext { position:absolute; width:calc(33.33% - 1.333em); height:fit-content; } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-white { padding:1em; background-color:rgb(255, 255, 255, 0.7); } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-gray { padding:1em; background-color:rgb(235, 235, 235, 0.7); } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-darkgray { padding:1em; background-color:rgb(96, 96, 96, 0.7); } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-green { padding:1em; background-color:rgb(134, 188, 38, 0.7); } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-blue { padding:1em; background-color:rgb(18, 113, 238, 0.7); } .frame .ce-bgimage .ce-bodytext.frame-bgcolor-darkblue { padding:1em; background-color:rgb(0, 15, 41, 0.7); } .frame .ce-inner-position-top .ce-bodytext { top:2em; } .frame .ce-inner-position-center .ce-bodytext { top:0; bottom:0; margin-top:auto; margin-bottom:auto; } .frame .ce-inner-position-bottom .ce-bodytext { bottom:2em; } .frame .ce-inner-align-left .ce-bodytext { left:2em; } .frame .ce-inner-align-center .ce-bodytext { left:0; right:0; margin-left:auto; margin-right:auto; } .frame .ce-inner-align-right .ce-bodytext { right:2em; } .frame .ce-inner-align-full .ce-bodytext { width:calc(100% - 4em); left:0; right:0; margin-left:auto; margin-right:auto; } .frame-type-teaser .ce-teaserlink { margin:0; } .frame-type-teaser .ce-inner-align-center .ce-teaserlink, .frame-type-teaser .ce-inner-align-full .ce-teaserlink { text-align:center; } .frame-type-teaser .ce-inner-align-right .ce-teaserlink { text-align:right; } /* column right */ .aside h2 { margin-bottom:16px; } .aside .frame-type-teaser .ce-bodytext { width:auto; } /* footer */ .pageFooter { background-color:#000f29; } .footernavi a { color:white; text-decoration:none; } .footernavi.level1 > li { margin-top:50px; } .footernavi > li > a { font-size:1.38em; font-weight:600; } .footernavi ul.level2 { margin-top:40px; } .footernavi ul.level2 > li > a { } .footernaviWrapper p, .footernaviWrapper li { margin-bottom:8px; font-size:14px; letter-spacing:0.5px;} .footernaviWrapper h3 { margin-bottom:40px; } .footernaviWrapper a { color:white; text-decoration:none; } .footernaviWrapper a:hover { color:#1270ed; text-decoration:none; } .footernaviWrapper .frame-type-gridelements.frame-line-before, .footernaviWrapper .frame-line-before { border-top:1px solid white; } .footernaviWrapper .frame-type-gridelements.frame-line-after, .footernaviWrapper .frame-line-after { border-bottom:1px solid white; } .footernaviWrapper .ce-above .ce-gallery { margin-top:2em; margin-bottom:1em; } .footernaviWrapper .ce-bottom .ce-gallery { margin-top:1em; margin-bottom:2em; } .footernaviWrapper .ce-column { margin-right:18px;} .calltoactionWrapper { position:fixed; left:0; bottom:0; width:100%; z-index:80; background-color:#86bc26; } .calltoactionWrapper .contentWrapper { padding:16px 0 16px 5em; } .calltoactionWrapper form { display:flex; } .calltoactionWrapper label { margin-right:40px; color:white; font-size:24px; font-weight:600; } .calltoactionWrapper input[type=text] { width:20em; height:40px; font-family:"Source Sans Pro",sans-serif; font-size:1em; padding:1em; border:none; } .calltoactionWrapper button, .calltoactionWrapper input[type=submit] { width:auto; height:40px; border:1px solid white; border-left:none; background-color:#86bc26; color:white; font-family:"Source Sans Pro",sans-serif; font-size:1em; padding:8px 16px; cursor:pointer; } .no-touchevents .calltoactionWrapper button:hover, .no-touchevents .calltoactionWrapper input[type=submit]:hover { border:1px solid #1271ee; background-color:#1271ee; } /* scroll to top */ .scrollToTop { position:fixed; bottom:100px; z-index:90; border:none; padding: 3px 6px 3px 24px; text-align:center; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/scrollToTop.png') 4px center no-repeat; background-color:#1271ee; color:#FFF !important; text-decoration:none; } /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /** * news */ .news-menu-view { position:relative; overflow:hidden; margin-bottom:1em; padding:8px 1em; background-color:#094f9e; } .news-menu-view ul { position:absolute; display:inline-flex; list-style:none; margin-bottom:0; } .news-menu-view > span, .news-menu-view li { font-size:18px; } .news-menu-view a { color:white; text-decoration:none; } .news-datemenu, .page-navigation.news-tile { padding:1em; color:#202020; } .news-list-view.custom-tile-group .page-navigation { flex:1 1 100%; } .news-datemenu ul, .f3-widget-paginator { list-style:none; display:flex; flex-wrap:wrap; } .news-datemenu ul > li, .f3-widget-paginator > li { margin:0 1em 1em 0; } .news-single .news-img-wrap { float:left; margin-right:1.7em; margin-bottom:1.3em; } .news-single .image-metadata { bottom:8px; } /** * Shariff */ div.shariff::before, div.shariff::after { display:none; content:""; } div.shariff { display:inline-block; margin-left:1em; } div.shariff > ul { margin-top:2em; } .shariff li.shariff-button { width:32px !important; height:32px !important; min-width:32px !important; max-width:32px !important; margin-left:0; margin-right:1.25em; } .shariff li.shariff-button.facebook a, .shariff li.shariff-button.facebook a:hover, .shariff li.shariff-button.twitter a, .shariff li.shariff-button.twitter a:hover, .shariff li.shariff-button.xing a, .shariff li.shariff-button.xing a:hover, .shariff li.shariff-button.linkedin a, .shariff li.shariff-button.linkedin a:hover { width:32px !important; height:32px !important; color:transparent; background-color:transparent; } .shariff li .fab { width:32px; height:32px; line-height: unset; } .shariff .facebook .fa-facebook-f { font-family:unset; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_facebook.svg') center center no-repeat; background-size:32px 32px; } .shariff .twitter .fa-twitter { font-family:unset; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_twitter.svg') center center no-repeat; background-size:32px 32px; } .video-shariff-preview-overlay { background:rgba(75,75,75,0.5); } .video-shariff-preview-icon { border-left:36px solid #fff; } .video-shariff-preview-text { color:white; } /** * solr */ .tx-solr-search-form { margin-top:8px; margin-bottom:48px; } .tx-solr-search-form input[type=text] { float:left; width:23em; height:40px; } .tx-solr-search-form .input-group-btn { display:inline-block; min-width:4em; height:40px; text-align:center; } .tx-solr-search-form .input-group-btn button { display:block; width:100%; height:100%; padding:0; font-weight:400; } .tx-solr-search-form .input-group-btn button { border:none; background-color:#1271ee; color:white; font-family:"Source Sans Pro",sans-serif; font-size:1.125em; cursor:pointer; } .no-touchevents .tx-solr-search-form .input-group-btn button:hover { color:white; } .tx-solr-search-form .input-group-btn button .btn-icon { display:none; } .tx_solr .search-control { margin-bottom:48px; padding:2em 1em 4em 1em; background-color:#1271ee; } .tx_solr .search-filter { display:flex; } .tx_solr .search-filter > div { min-width:200px; margin-right:16px; } .tx_solr .search-filter > div ul { list-style:none; } .tx_solr .search-filter > div ul a { } .tx_solr .searchinfo { margin-top:0; margin-bottom:0; } .tx_solr .search-filter .panel { position:relative; } .tx_solr .search-filter .facet-label { margin-bottom:8px; } .tx_solr .search-filter .panel .form-group { margin-bottom:0; } .tx_solr .search-filter .facet-filter-box { height:40px; padding-top:11px; } .tx_solr .search-filter .facet-option-list { position:absolute; z-index:10; width:100%; background-color:white; overflow:hidden; } .tx_solr .search-filter .facet-option-list.collapsed { height:40px; } .tx_solr .search-filter .facet-option-list > li.icon { position:absolute;top:9px; right:6px; display:inline-block; width:24px; height:24px; margin:0; background-color:#f0f0f0; background-size:16px 16px; background-position:center center; background-repeat:no-repeat; border-radius:50%; cursor:pointer; } .tx_solr .search-filter .facet-option-list > li.icon-closed { background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_arrow-right_blue.svg'); transform: rotate(90deg);} .tx_solr .search-filter .facet-option-list > li.icon-opened { background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_arrow-right_blue.svg'); transform: rotate(90deg);} .tx_solr .search-filter .facet-option { margin:0; padding:2px 8px; } .tx_solr .search-filter .facet-option-list-singlemode .facet-option:nth-child(2) { padding:8px 8px; } .tx_solr .search-filter .facet-option:last-child { padding:2px 8px 8px 8px; } .tx_solr .search-filter .facet-option .selected { color:#86bc26; } .tx_solr .search-filter li[data-facet-item-value="default"] .facet-option-link { color:#202020; } .tx_solr .search-filter .facet-option-link { display:block; color:#202020; font-weight:600; text-decoration:none; } .tx_solr .search-filter .facet-option .facet-result-count { color:#202020; font-weight:400; } .ce-sword, .highlight, .results-highlight { color:#86bc26; font-weight:600; } .tx-solr-autosuggest .autocomplete-suggestion { color:#202020; } .tx-solr-autosuggest .autocomplete-suggestion strong { color:#86bc26; } .tx-solr-autosuggest .autocomplete-suggestion em { color:#86bc26; font-style:normal; } .tx-solr-autosuggest .autocomplete-suggestion a { color:inherit; text-decoration:none; } .tx-solr-autosuggest .autocomplete-group { padding-bottom:0; color:#202020; font-size:18px; font-weight:600; } .solr-pagination ul { list-style:none; display:flex; } /** * formframework */ aside .frame-type-form_formframework, aside .frame-type-html.frame-type-list-userdata_campaignform { position:relative; } aside .form-navigation { position:absolute; bottom:-35px; width:calc(100% - 2em); } label { font-size:0.75em; } .radio label, .checkbox label { display:block; margin-bottom:8px; overflow:hidden; } form a { color:inherit; } input[type="text"], select, textarea { width:100%; padding:8px; background-color:#f0f0f0; border:none; font-size:16px; } input[type="checkbox"], input[type="radio"] { appearance:none; float:left; width:20px; height:20px; margin-right:8px; border:1px solid gray; } input[type="radio"] { border-radius:10px; } input[type="checkbox"]:checked, input[type="radio"]:checked{ background-color:gray; } .form-group-check label span { width:calc(100% - 32px); } .form-group-check input[type="checkbox"]:checked:after { content: '\2714'; font-size:16px; position: absolute; top:2px; left:6px; color:white; } .form-group-statictext > p:last-child { margin-bottom:0; } .form-group.float100 { float:left; width:100%; } .form-group.float50nlmr, .form-group.float50mr, .form-group.float50 { float:left; width:calc(50% - 10px); } .form-group.float25nlmr, .form-group.float25mr, .form-group.float25 { float:left; width:calc(25% - 15px); } .form-group.float50nlmr, .form-group.float50mr, .form-group.float25nlmr, .form-group.float25mr { margin-right:20px; } .form-group.float100, .form-group.float50nlmr, .form-group.float25nlmr { clear:left; } /* .js .form-group-amount div.radio > label { display: inline-block; position: relative; min-width: 84px; margin-right: 4px; padding: 12px 16px 12px 16px; border: 1px solid #1a7dff; color: #1a7dff; font-size: 18px; font-weight: 600; text-align: center; line-height: 1.0; cursor: pointer; } .js .form-group-amount div.radio > label.checked { background-color: #1a7dff; color: white; } .js .form-group-amount div.radio > label input[type="radio"] { position: absolute; z-index: -10; visibility: hidden; } .js .frame-bgcolor-blue .form-group-amount div.radio > label { border: 1px solid white; color:white; } */ /* campaignform */ .campaignform .form-group-salutation { display:none; } /* workshopform */ .workshopform .form-group-salutation { display:none; } /* Mitglied werden: kleine Version: rechte Spalte */ /*.pageContent .aside .frame-type-html.frame-type-list-userdata_campaignform.frame-bgcolor-blue { padding-bottom:1em; overflow:hidden; }*/ .frame-type-membership_introform header h2 a, .frame-type-donation_introform header h2 a { text-decoration:none;} .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-white { padding:1em; background-color:rgb(255, 255, 255, 1); } .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-gray { padding:1em; background-color:rgb(235, 235, 235, 1); } .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-darkgray { padding:1em; background-color:rgb(96, 96, 96, 1); } .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-green { padding:1em; background-color:rgb(134, 188, 38, 1); } .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-blue { padding:1em; background-color:rgb(18, 113, 238, 1); } .frame.frame-type-membership_introform .ce-bgimage .ce-bodytext.frame-bgcolor-darkblue { padding:1em; background-color:rgb(0, 15, 41, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-white { padding:1em; background-color:rgb(255, 255, 255, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-gray { padding:1em; background-color:rgb(235, 235, 235, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-darkgray { padding:1em; background-color:rgb(96, 96, 96, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-green { padding:1em; background-color:rgb(134, 188, 38, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-blue { padding:1em; background-color:rgb(18, 113, 238, 1); } .frame.frame-type-donation_introform .ce-bgimage .ce-bodytext.frame-bgcolor-darkblue { padding:1em; background-color:rgb(0, 15, 41, 1); } /*.aside .introform .form-group-firstname { float:left; width:calc(50% - 8px); margin-right:16px; } .aside .introform .form-group-name { float:left; width:calc(50% - 8px); } .aside .introform .form-group-email { float:left; width:100%; } .aside .introform .form-fieldwrap { width:100%; } .aside .introform .form-fieldwrap input { width:100%; } */ .aside .introform .form-navigation { clear:left; position:static; bottom:auto; width:auto; } .aside .introform .btn-primary { width:auto; margin-top:1em; padding:8px; border:none; font-size:16px; font-weight:600; text-align:center; } .aside .frame-bgcolor-blue .introform .btn-primary { background-color:#032751; color:white; } .no-touchevents aside .introform .btn-primary:hover { opacity:0.8; } .no-touchevents aside .frame-bgcolor-blue .introform .btn-primary:hover { border:none; } .aside .introform .btn-group { margin-bottom:0; } .js .inputs-list-inline { display:flex; flex-wrap:wrap; } .js .inputs-list-button .form-check { flex:1 1 auto; margin-right:8px; margin-bottom:8px; } .js .aside .inputs-list-button .form-check { flex:1 1 calc(33% - 8px); min-width:84px; } .js .inputs-list-button label { display:inline-block; position:relative; padding:12px 16px 12px 16px; border:1px solid #1a7dff; color:#1a7dff; font-size:18px; font-weight:600; text-align:center; line-height:1.0; cursor:pointer; } .js .frame-bgcolor-blue .inputs-list-button label { background-color:white; /*border:1px solid #1a7dff;*/ color:#1a7dff; } .js .inputs-list-button-last-free > .form-check-last label { padding-bottom:7px; } .js .inputs-list-button label.checked { background-color:#1a7dff; color:white; } .js .frame-bgcolor-blue .inputs-list-button label.checked { background-color:#f45e5e; /*border:1px solid #f45e5e;*/ } .js .inputs-list-button label input[type=radio] { position:absolute; z-index:-10; visibility:hidden; } .js .inputs-list-button-last-free .form-check-last label { max-width:177px; } .inputs-list-button-last-free .form-group-customAmount { display:inline-block; margin-bottom:0; } .inputs-list-button-last-free .form-group-customAmount input[type="text"] { max-width:129px; min-width:120px; margin-right:4px; padding:0; font-size:18px; font-weight:600; background-color:transparent; color:#f0f0f0; text-align:right; } .frame-bgcolor-blue .inputs-list-button-last-free .form-group-customAmount input[type="text"] { color:inherit; } .inputs-list-button-last-free .form-group-customAmount input[type="text"]::placeholder { color:inherit; border:none; } .frame-bgcolor-blue .inputs-list-button-last-free .form-group-customAmount input[type="text"]::placeholder { color:#1a7dff; } .inputs-list-button-last-free .checked .form-group-customAmount input[type="text"]::placeholder { color:white; border:none; } .frame-bgcolor-blue .inputs-list-button-last-free .checked .form-group-customAmount input[type="text"]::placeholder { color:white; } .inputs-list-button-last-free .form-group-customAmount input[type="text"]:focus { outline:none; } .inputs-list .form-group-addon { font-weight:600; } /** * powermail */ .powermail_form > h3 { display:none; } .powermail_fieldset { width:100%; max-width:800px; } .powermail_fieldset> legend { margin-bottom:16px; font-size:20px; font-weight:600; } .powermail_fieldset.nolabel > legend { display:none; } .powermail_fieldwrap { margin-bottom:1em; } .powermail_fieldwrap.bold > label { display:inline-block; margin-bottom:16px; font-size:16px; font-weight:600; } .powermail_input, .powermail_select, .powermail_country { width:100%; padding:8px 12px; background-color:#f0f0f0; border:none; font-size:18px; } .powermail_textarea { width:100%; padding:8px; border:1px solid #c0c0c0; font-size:16px; font-weight:600; } .powermail_radio { width:auto; } .tx-powermail { position:relative; } .powermail_submit { width:auto; padding:8px 16px; border:none; font-size:20px; font-weight:600; text-align:center; cursor:pointer; } .no-touchevents .powermail_submit:hover { text-decoration:underline; } .frame-bgcolor-blue .powermail_submit, .frame-bgcolor-white .powermail_submit { background-color:#86bc26; color: white; } .frame-bgcolor-green .powermail_submit { background-color:#1a7dff; color: white; } .parsley-errors-list li { color:red; font-size:14px; font-weight:600;} .tx-powermail .powermail_create { padding:20px; background-color:#1a7dff; color:white; } .powermail_fieldwrap.float100 { float:left; width:100%; } .powermail_fieldwrap.float50nlmr, .powermail_fieldwrap.float50mr, .powermail_fieldwrap.float50 { float:left; width:calc(50% - 10px); } .powermail_fieldwrap.float25nlmr, .powermail_fieldwrap.float25mr, .powermail_fieldwrap.float25 { float:left; width:calc(25% - 15px); } .powermail_fieldwrap.float50nlmr, .powermail_fieldwrap.float50mr, .powermail_fieldwrap.float25nlmr, .powermail_fieldwrap.float25mr { margin-right:20px; } .powermail_fieldwrap.float100, .powermail_fieldwrap.float50nlmr, .powermail_fieldwrap.float25nlmr { clear:left; } /* powermail mod for right column */ aside .powermail_fieldwrap_email { float:none; width:100%; } aside .powermail_fieldwrap_type_submit { position:absolute; bottom:-75px; width:100%; } aside .powermail_submit { width: 100%; padding:12px; font-size:24px; } /* powermail mod for Mitglied werden/powermail_form_57 */ .js .powermail_form_57 .powermail_fieldset { width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #1a7dff; } .js .powermail_form_57 .powermail_fieldset.inactive { border-bottom:1px solid #a0a0a0; } .js .powermail_form_57 .powermail_fieldset_131 { border-bottom:none; } .js .powermail_fieldwrap_mitgliedschaft > div.powermail_field label { display:inline-block; position:relative; min-width:250px; margin-bottom:4px; padding:12px 16px 12px 16px; background-color:#094f9e; color:white; /*border:1px solid #1a7dff; color:#1a7dff;*/ font-size:18px; font-weight:600; text-align:center; line-height:1.0; cursor:pointer; } .js .powermail_fieldwrap_mitgliedschaft > div.powermail_field label.checked { /*background-color:#1a7dff;*/ background-color:#f45e5e; /*color:white;*/ } .js .powermail_fieldwrap_mitgliedschaft > div.powermail_field label input[type=radio] { position:absolute; z-index:-10; visibility:hidden;} .js .powermail_fieldwrap_zahlungsweise > div.powermail_field { display:flex; } .js .powermail_fieldwrap_zahlungsweise > div.powermail_field label { display:inline-block; position:relative; min-width:84px; margin-right:8px; padding:12px 16px 12px 16px; background-color:#094f9e; color:white; /*border:1px solid #1a7dff; color:#1a7dff;*/font-size:18px; font-weight:600; text-align:center; line-height:1.0; cursor:pointer; } .js .powermail_fieldwrap_zahlungsweise > div.powermail_field label.checked { /*background-color:#1a7dff;*/ background-color:#f45e5e; /*color:white;*/ } .js .powermail_fieldwrap_zahlungsweise > div.powermail_field label.disabled { border-color:#b0b0b0; color:#b0b0b0; cursor: default; } .js .powermail_fieldwrap_zahlungsweise > div.powermail_field label input[type=radio] { position:absolute; z-index:-10; visibility:hidden;} .js .powermail_fieldwrap_beitrag > div.powermail_field { display:flex; } .js .powermail_fieldwrap_beitrag > div.powermail_field label { display:inline-block; position:relative; min-width:84px; margin-right:8px; padding:12px 16px 12px 16px; background-color:#094f9e; color:white; /*border:1px solid #1a7dff; color:#1a7dff;*/ font-size:18px; font-weight:600; text-align:center; line-height:1.0; cursor:pointer; } .js .powermail_fieldwrap_beitrag > div.powermail_field > div:nth-last-child(2) label { padding-bottom:9px; } .js .powermail_fieldwrap_beitrag > div.powermail_field label.checked { /*background-color:#1a7dff;*/ background-color:#f45e5e; /*color:white;*/ } .js .powermail_fieldwrap_beitrag > div.powermail_field label input[type=radio] { position:absolute; z-index:-10; visibility:hidden; } .powermail_fieldwrap_beitrag_freie_eingabe > div.powermail_field { display:inline-block; } input#powermail_field_beitrag_freie_eingabe { width:120px; padding:0; font-size:18px; font-weight:600; background-color:transparent; color:#f0f0f0; text-align:right; } input#powermail_field_beitrag_freie_eingabe::placeholder { color:white; border:none; font-weight:400; } input#powermail_field_beitrag_freie_eingabe:focus { outline:none; } .powermail_fieldset_navigation_next { float:left; clear:left; display:inline-block; margin-top:20px; margin-bottom:20px; } .powermail_fieldset_navigation_next a { display:block; padding:8px 16px; background-color:#86bc26; color: white; font-size:18px; font-weight:600; cursor:pointer; } .no-touchevents .powermail_fieldset_navigation_next a:hover { position:static; background-color:#86bc26; color: white; border:none; opacity:0.75; } .powermail_fieldset.inactive .powermail_fieldwrap, .powermail_fieldset.inactive .powermail_fieldset_navigation_next { height:0; margin:0; overflow:hidden; } .powermail_fieldset.inactive > legend, .powermail_fieldset_value { color:#a0a0a0; } .powermail_fieldset.inactive > legend { margin-bottom:0; cursor:pointer; } .powermail_fieldset.inactive.edit > legend::after { content:""; display:inline-block; width:16px; height:16px; margin-left:10px; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_pencil.svg') center center no-repeat; cursor:pointer; } /** * userdata: campaigncounter */ .js .campaigncounter .staticLayer { display:none; } .nojs .campaigncounter .dynamicLayer { display:none; } .campaigncounter .progressbar_container { background-color:#f0f0f0; } .frame-bgcolor-green .campaigncounter .progressbar_container, .frame-bgcolor-blue .campaigncounter .progressbar_container { background-color:white; } .frame-bgcolor-green .campaigncounter .progressbar_container .progressbar { background-color:#1a7dff; } .frame-bgcolor-blue .campaigncounter .progressbar_container .progressbar { background-color:#032751; } /** * md_termine */ .frame-type-list-mdtermine_slider { padding-left:80px !important; padding-right:80px !important; padding-top:0 !important; overflow:hidden; } .frame-type-list-mdtermine_slider > div { padding:0 0 32px 16px !important; } .frame-type-list-mdtermine_slider > div > header { padding:20px 0 20px; } .mdtermine-slider.swiper { position:relative; margin-bottom:32px; overflow:visible; } .mdtermine-slider .swiper-slide { padding-left:16px; padding-right:16px; border-left:1px solid #d0d0d0; } .mdtermine-slider p.format { display:inline-block; margin-left:-8px; padding:4px 16px; color:white; background-color:#094f9e; font-size:13px; font-weight:600; text-transform:uppercase; } .mdtermine-slider a { color:#202020; text-decoration:none; } .mdtermine-slider p.datetime { margin-bottom:32px; } .mdtermine-slider .date { display:inline-block; margin-right:8px; font-size:28px; font-weight:600; line-height:36px; } .mdtermine-slider .time { display:inline-block; font-size:13px; } .mdtermine-slider .more { position:absolute; left:16px; bottom:0; z-index:20; display:inline-block; margin-bottom:0; padding-right:16px; color:#1a7dff; font-size:13px; text-transform:uppercase; background:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_more.svg') right center no-repeat; background-size:8px 12px; } .mdtermine-slider h2 { margin-bottom:3em; } .mdtermine-slider .swiper-button-prev { left:-96px; } .mdtermine-slider .swiper-button-next { right:-80px; } .mdtermine-slider .swiper-button-prev, .mdtermine-slider .swiper-button-next { top:0; width:80px; height:270px; background-color:#ebebeb; z-index:90; background-position:center center; } .frame-type-list-mdtermine_slider > div > p.big-morelink { margin-top:0; margin-bottom:0; } .tx_mdtermine .ical-link { position:absolute; right:14px; top:38px; } .tx_mdtermine .ical-link .icon-ical { position:relative; top:6px; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_ical_white.svg'); } .tx_mdtermine .singleview { background-color:white; color:#202020; } .tx-mdtermine-singleview-header, .tx-mdtermine-singleview-content { padding:2em 2em 0 2em; } .tx-mdtermine-singleview-footer { padding:2em 2em 1px 2em; background-color:#e0e0e0; color:black; } .tx-mdtermine-singleview-footer table td { min-width:220px; padding-right:2em;} .tx-mdtermine-singleview-footer span.date { display:inline-block; margin-right:4px; } .tx_mdtermine .singleview .icon-ical { position:relative; top:6px; background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_ical.svg'); } /** * Gridelements */ /* gridSlider */ .gridSlider { min-width:1400px; background-color: #081935; } .gridSlider .grid-row-1 .grid-column-101 .ce-textpic { position:relative; } .gridSlider .grid-row-1 .grid-column-101 .ce-bodytext { position:absolute; top:2em; left:2em; width:50%; background-color:transparent;} /* gridAccordion */ .gridAccordion > div.grid-row { display:block; justify-items:unset; flex-wrap: unset; } .gridAccordion > div.grid-row { padding-left:40px; } .gridAccordion > header > * { padding-left:40px; background-color:transparent; background-position:left center; background-repeat:no-repeat; background-size:23px; cursor:pointer; } .gridAccordion > header > h2 { background-size:19px; } .gridAccordion > header > h3 { background-size:14px; } .gridAccordion.closed > header > * { background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_faq-closed.svg'); } .gridAccordion.opened > header > * { background-image:url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_faq-opened.svg'); } /* gridFixedBackground */ .gridFixedBackground { position:relative; width:100%; min-height:1000px; background-image:url('https://neu.mehr-demokratie.de/fileadmin/img/2023/Slider/Aerial_2019-15-11_2500px.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; } .gridFixedBackground > div.grid-row-1 { position:absolute; bottom:0; left:0; width:100%; max-width:1400px; padding:3em; background-color:rgb(0,15,41,0.8); } .gridFixedBackground > div.grid-row-1 h1 { font-size:2.25em; font-weight:300; line-height:120%; } .gridFixedBackground > div.grid-row-1 h1 a { color:inherit; font-weight:600; text-decoration:none; } .gridFixedBackground > div.grid-row-1 .big-morelink-left a { margin-right:20px; } @media only screen and (max-width:800px) { .gridFixedBackground { padding-top:75%; background-position:top center; background-size:contain; background-attachment:unset; } .gridFixedBackground > div.grid-row-1 { position:static; } } /* Spezialeinstellungen für Sechserfeld unter Parallaxkasten */ .homepage .gridSimplerow .grid-column-101 { width:100%; max-width:1400px; margin:0 auto; } .homepage .gridSimplerow .grid3cols { padding:3em; } .homepage .gridSimplerow .grid3cols.frame-padding-top-none { padding-top:0 !important; } .homepage .gridSimplerow .grid3cols.frame-padding-bottom-none { padding-bottom:0 !important; } .homepage .gridSimplerow .grid3cols .ce-textpic { font-size:1.25em; } .homepage .gridSimplerow .grid3cols .ce-textpic a { color:inherit; text-decoration:inherit; } .homepage .gridSimplerow .grid3cols .ce-gallery { max-width:100px; margin-right:40px; } .homepage .gridSimplerow .grid3cols .ce-bodytext strong { font-size:125%; } @media only screen and (max-width:1100px) { .homepage .gridSimplerow .grid3cols > div.grid-row > div.grid-column { flex:1 1 100%; margin:1em 0 1em 0; } } @media only screen and (max-width:500px) { .homepage .gridSimplerow .grid3cols { padding:1em; } .homepage .gridSimplerow .grid3cols > div.grid-row > div.grid-column { margin: 2em 0 2em 0; } .homepage .gridSimplerow .grid3cols .grid-column .ce-textpic { flex-direction:column; align-items:center; font-size:24px; } .homepage .gridSimplerow .grid3cols .grid-column .ce-gallery { flex:1 1 100%; align-self:center; max-width:100%; margin-right: 0; width:150px; } .homepage .gridSimplerow .grid3cols .grid-column .ce-gallery img { width:100%; } .homepage .gridSimplerow .grid3cols .grid-column .ce-bodytext { flex:1 1 100%; align-self:self-start; } } /** * md_ranking */ form.tx_mdranking__countrySelector select { width: 100%; border: 1px solid #808080; font-size: 1em; padding: 0.25em; appearance: none; background: white url('../../../typo3conf/ext/custom_md2022/Resources/Public/Icons/icon_navi-opened_blue.svg') no-repeat 98% center; background-size:20px; } /* cookie consent banner */ .cc-revoke, .cc-window { z-index: 100; }