﻿
/* 
    ---<=== xcore MOBILE CSS ===>---
    	(c) 2018 - 2022 MikaJB.de
*/

/* --- Desktop --- */
.d-hide { display: none; }
.dm-small { width: 30%; }

/* ----- Mobile Content ----- */
/* BASE */
@media only screen and (max-width: 1000px) {
	.inp, input[type=text] { width: 100%; }
	.keepklein { font-size: 100%; }
	.dm-small { width: 90%; }
	.m-full { width: 100%; }
	.m-hide { display: none; } 
	.m-block { display: block; }
}

/* 1000px */
@media only screen and (max-width: 1000px) {
	body { font-size: 195%; }
	.maincontent { width: 89%; }
	input, textarea, select { font-size: 120%; margin-bottom: 5px; }
	input[type=submit] { margin-top: 10px; } 
	article { width: 96%; }
}

/* 750px */
@media only screen and (max-width: 750px) {
	body { font-size: 235%; }
	.maincontent { width: 92%; }
	input, textarea, select { font-size: 120%; margin-bottom: 5px; }
	input[type=submit] { margin-top: 10px; } 
	article { width: 96%; }
}

/* 500px */
@media only screen and (max-width: 500px) {
	body { font-size: 250%; }
	.maincontent { width: 92%; }
	input, textarea, select { font-size: 120%; margin-bottom: 5px; }
	input[type=submit] { margin-top: 10px; } 
	article { width: 96%; }
}
