wmdeit_kaform/master.scss

@import 'scss/vars';

@import 'scss/mixins';

body {
	margin: auto;
	padding:1em;
	border:0px solid red;
	max-width:90em;
	min-width:78em;
	@include for-mobile {
		min-width: 2em;
		padding:0.5em;
	}
}

fieldset {
	@include for-mobile {
		padding-left:0.5em;
		padding-right:0.5em;
	}
}

.tab_input {
	display:inline;
	@include for-mobile {
		width:50%;
	}
}

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;
}