body
	{
		background-image:url('/media/gg-animation.gif');
		background-position:right top;
		background-repeat:no-repeat;
		background-size:40vw;
	}

body, textarea, input[type=text]
	{
		margin:0;
		padding:0;
		background-color:white;
		font-family:Arial, sans-serif;
		font-size:16px;
		line-height:150%;
	}

textarea, input[type=text], input[type=email]
	{
		border-radius:5px;
	}

img
	{
		cursor:pointer;
	}

input[type=button], input[type=submit]
	{
		width:intrinsic;
		display:inline-block;
		margin:0;
		padding:10px 20px;
		border:1px solid black;
		background-color:white;
		white-space:nowrap;
		-webkit-appearance:none;
		cursor:pointer;
		height:40px;
		border-radius:5px;
		font-size:inherit;
	}

input[type=button]:hover, input[type=submit]:hover
	{
		background-color:rgb(225, 225, 225);
	}

h1
	{
		line-height:150%;
	}

div
	{
		font-size:16px;
	}

a
	{
		text-decoration:none;
		color:black;
	}

a.one
	{
		text-decoration:none;
		color:white;
	}

a.two
	{
		font-size:12px;
		text-decoration:none;
		color:rgba(255, 255, 255, 0.4);
	}

a.three
	{
		text-decoration:underline;
		color:rgb(128, 128, 128);
	}

a:hover, a:hover.one, a:hover.two, a:hover.three
	{
		color:rgb(212, 15, 35);
	}

.checkbox input
		{
			position:relative;
			z-index:-9999;
		}

.checkbox span
	{
		margin-top:-35px;
		width:35px;
		height:35px;
		border-radius:5px;
		border:1px solid black;
		display:block;
		background:url("/media/checkbox.png");
	}

.checkbox input:checked + span
	{
		background:url("/media/checkbox-checked.png");
	}

@media screen and (min-width:800px)
	{
		.content_browser_box_id_browser
			{
				position:relative;
				display:block;
				width:calc((100% - 60px) / 3);
				height:340px;
				background-color:#eceded;
				margin-right:20px;
				margin-bottom:20px;
				float:left;
				overflow:hidden;
			}

		.masshemden
			{
				width:250px;
				border:0;
				float:right;
				margin:-10px 0 20px 20px;"
			}

		.masshemden-icons
			{
				width:calc((100% - 60px) / 4); border-radius:5px; border:1px solid black; box-sizing:border-box;
			}

		.masshemden-stoffe
			{
				width:calc((100% - 60px) / 4);
				border-radius:5px;
				border:0;
				box-sizing:border-box;
				aspect-ratio:450/638;
			}
	}

@media screen and (max-width:799px)
	{
		.content_browser_box_id_browser
			{
				position:relative;
				display:block;
				width:calc(100% - 20px);
				height:auto;
				background-color:#eceded;
				margin-right:20px;
				margin-bottom:20px;
				float:left;
				overflow:hidden;
				box-sizing:border-box;
			}

		.masshemden
			{
				width:150px;
				border:0;
				float:right;
				margin:-10px 0 20px 20px;
			}

		.masshemden-icons
			{
				width:calc((100% - 24px) / 2);
				border-radius:5px;
				border:1px solid black;
			}

		.masshemden-stoffe
			{
				width:calc((100% - 24px) / 2);
				border-radius:5px;
				border:0;
				aspect-ratio:450/638;
			}
	}
