@import 'scss/vars'; @import 'scss/mixins'; body { margin: auto; padding:1em; border:1px solid red; max-width:90em; min-width:75em; @include for-mobile { min-width: 2em; padding:0.5em; } } fieldset { @include for-mobile { padding-left:0.5em; padding-right:0.5em; } } input { width:50%; } table { text-align:right; border:1px solid red; background-color:red; } h1 { @include for-mobile { font-size:120%; } } .is-col { padding:0; border:0px solid blue; margin-bottom:1.1em; } .main-sidebar { @include make-sidebar(10em); padding-right:2em; @include for-mobile { margin:auto; text-align:center; } } .main-sidebar-secondary { @include make-sidebar(240px); margin-left: 16px; @include for-mobile { margin-left: 0; } } .main-content { @include make-content; width: 100%; } .wmdelogo { min-width:5em; } .button.is-green { /* // $back-color, $text-color @include make-button(#00ff00, #fff);*/ background-color:green; margin-top:5px; } .button.is-orange { /* // $back-color, $text-color @include make-button(#ffc000, #fff);*/ background-color:orange; margin-top:5px; } /* #de:checked~header :lang(en) { display: none; } #en:checked~header :lang(de) { display: none; } #de:checked~div :lang(en) { display: none; } #en:checked~div :lang(de) { display: none; } #de:checked~main :lang(en) { display: none; } #en:checked~main :lang(de) { display: none; } */ :lang(en) {display: none;} #bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; } #bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; } #bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; } #bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; } #bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; } .radiobutton { display: none !important; }