@charset "utf-8";
/* CSS Document */
#mietrechner{ font-size: 14px; border: 1px solid #979797; padding:10px; margin-bottom: 20px;}
#mietrechner h3{padding-top: 10px; padding-bottom: 5px; text-align: center; }
#mietrechner .currency{width: 100%; display: flex; flex-wrap: nowrap; align-self: center; align-items: center; border: 1px solid #ccc; background-color: #fff;}	
#mietrechner .currency input {border: none; text-align: right; width: calc(100% - 10px); display: table-cell; margin-right:0px; padding-right:0px; font-size: 14px;}
#mietrechner .currency div {vertical-align: middle;text-align: center; line-height: normal; width: 19px;padding-left: 0; border-left: none; display: table-cell; min-height: auto; margin-right:5px;}
#mietrechner div.fields{ padding: 0 5px; border: none; display: grid; grid-template-columns: 1fr 1fr; align-items:center; margin-bottom: 10px; background-color: #f8f8f8;}
#MietrechnerResults table{text-align: center;}
#MietrechnerResults{padding:8px; margin: 20px 0;  background-color: /*#edf3e4*/ rgba(237, 243, 228, 0.5); font-size: 16px; border: 2px solid #547d0e;}

@media screen and (max-width: 550px){
	#mietrechner div.fields{  grid-template-columns: 1fr;  padding:0px 5px 5px 5px;}
}