/* CSS Document */

body
	{
		margin:0px;
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:25px;
		background-color:rgb(16, 22, 161);
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		hyphens:auto;
	}

input[type=text], input[type=email], input[type=date], input[type=number], textarea
	{
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:17px;
		line-height:17px;
		border:0;
		background-color:white;
		padding:15px;
		outline:none;
		outline-width:0;
		width:100%;
		border-radius:30px;
	}

input[type=submit], input[type=button]
	{
		background-color:rgb(16, 22, 161);
		width:100%;
		height: 40px;
		border:0;
		border-radius:25px;
		text-align:center;
		vertical-align:middle;
		line-height:42px;
		cursor:pointer;
		font-size:16px;
		line-height:16px;
		color:white;
	}

input[type=submit]:hover, input[type=button]:hover
	{
		filter:brightness(75%);
	}

input[type="radio"]
	{
		-moz-appearance:none;
		-webkit-appearance:none;
		background:white;
		border:0;
		width:35px;
		height:35px;
		border-radius:30px;
		margin-right:10px;
		transform:translateY(13px);
		cursor:pointer;
	}

input[type="radio"]:checked
	{
		background:darkred;
	}

h2, h3
	{
		font-size:inherit;
		line-height:inherit;
	}

select
	{
		width:100%;
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:17px;
		line-height:17px;
		height:50px;
		background-color:white;
		padding:15px;
		outline:none;
		outline-width:0;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border:0;
		border-radius:30px;
	}

a:link, a:visited, a:active
	{
		text-decoration:none;
	}

a:hover
	{
		color:red;
		transition:1s;
	}

.social-media
	{
		filter:grayscale(0);
		transform:scale(1);
		transition:1s;
	}

.social-media:hover
	{
		filter:grayscale(1);
		transform:scale(1.5);
		transition:1s;
	}

.blog a
	{
		text-decoration:underline;
	}

.top-menu a:link, .top-menu a:visited, .top-menu a:active
	{
		color:white;
		text-decoration:none;
	}

.top-menu a:hover
	{
		color:red;
		transition:1s;
	}

.top_menu_desktop a:link, .top_menu_desktop a:visited, .top_menu_desktop a:active
	{
		color:white;
		text-decoration:none;
	}

.top_menu_desktop a:hover
	{
		color:red;
		transition:1s;
	}

.bottom_content a:link, .bottom_content a:visited, .bottom_content a:active
	{
		color:white;
		text-decoration:none;
	}

.bottom_content a:hover
	{
		color:red;
		transition:1s;
	}

.popup-menu-products
	{
		position:absolute;
		width:100%;
		padding:20px;
		column-count:5;
		column-gap:40px;
		column-fill:balance;
		column-rule:1px dotted white;
		background-color:rgba(0, 0, 0, 0.75);
		box-sizing:border-box;
		z-index:99;
	}

.popup-menu-products a:link, .popup-menu-products a:visited, .popup-menu-products a:active
	{
		color:rgba(255, 255, 255, 0.75);
		text-decoration:none;
	}

.popup-menu-products a:hover
	{
		color:red;
	}

.popup-menu-products p
	{
		margin:0;
	}

.table:hover
	{
		filter:brightness(75%);
	}

.blog_box:hover
	{
		filter:brightness(75%);
		transition:filter 1s;
	}

.content_browser_box:hover
	{
		filter:brightness(75%);
		transition:1s;
	}

.content_browser_image_box
	{
		display:block;
		width:100%;
		height:170px;
		overflow:hidden;
		border-radius:5px 5px 0 0;
	}

table
	{
		-webkit-hyphens:none;
		-moz-hyphens:none;
		-ms-hyphens:none;
		hyphens:none;
	}

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

.checkbox span
	{
		margin-top:-35px;
		width:35px;
		height:35px;
		display:block;
		background:url("/pics/checkbox.png");
		cursor:pointer;
	}

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

.logo:hover
	{
		opacity:0.75;
	}

.logos img
	{
		opacity:0.35;
	}

.logos img:hover
	{
		opacity:1.0;
	}

.top img:hover, .top_smartphone img:hover
	{
		filter:brightness(75%);
	}

.label:hover
	{
		opacity:0.75;
	}

.flashing
	{
		animation:blinker 1s linear infinite;
	}

@keyframes blinker
	{
		0%, 50%
			{
				color:transparent;
			}

		51%, 100%
			{
				color:rgba(255, 255, 255, 0.65)
			}
	}

.highlight:nth-child(2n)
	{
		filter:brightness(95%);
	}

.highlight:hover
	{
		filter:brightness(75%);
	}

@media screen and (min-width:1080px)
	{
		h1
			{
				font-size:36px;
				line-height:125%;
			}

		.guetsel
			{
				right:40px;
				top:40px;
			}

		.columns
			{
				width:calc(100% - 20px);
				text-align:left;
				column-count:3;
				column-gap:40px;
				column-rule:1px dotted black;
				box-sizing:border-box;
				margin-bottom:20px;
			}

		.columns p:first-child
			{
				margin-top:0;
			}

		.top-menu
			{
				position:relative;
				display:block;
				width:100%;
				height:50px;
				background-color:rgba(0, 0, 0, 0.5);
				padding-top:12px;
				text-transform:uppercase;
				letter-spacing:3px;
				box-sizing:border-box;
				text-align:center;
			}

		.highlight
			{
				position:relative;
				width:calc((100%) / 6);
				height:300px;
				background-color:white;
				box-sizing:border-box;
				float:left;
				cursor:pointer;
			}

		.highlight-image
			{
				height:150px;
			}

		.logo
			{
				width:300px;
				margin:40px 0 20px 0;
			}

		.label
			{
				position:absolute;
				width:140px;
				top:70px;
				right:85px;
				border:0;
				z-index:99999;
				cursor:pointer;
			}

		.content_browser_box
			{
				position:relative;
				display:block;
				width:calc((100% - 60px) / 3);
				height:320px;
				background-color:white;
				margin-right:20px;
				margin-bottom:20px;
				float:left;
				overflow:hidden;
				border-radius:5px;
				box-sizing:border-box;
			}

		.blog_box
			{
				position:relative;
				display:block;
				width:calc((100% - 120px) / 3);
				aspect-ratio:1/1;
				background-color:white;
				margin-right:20px;
				margin-bottom:20px;
				float:left;
				overflow:hidden;
				border-radius:5px;
			}

		.hamburgermenu
			{
				visibility:hidden;
				display:none;
				height:0;
			}

		.top
			{
				width:100%;
				height:auto;
				float:none;
				padding:0;
				margin-top:-37px;
				margin-bottom:20px;
				color:white;
			}

		.top_smartphone
			{
				display:none;
			}

		.button
			{
				position:absolute;
				text-align:left;
				left:290px;
				top:50px;
				z-index:10;
			}

		.container
			{
				padding-top:50px;
				padding-bottom:50px;
				width:100%;
				height:auto;
				background-color:#ececed;
			}

		.menu
			{
				padding-left:50px;
				padding-right:40px;
				padding-bottom:20px;
				width:200px;
				float:left;
				color:#666666;
				font-weight:bold;
			}

		.grey
			{
				width:100%;
				height:1px;
			}

		.content
			{
				width:calc(100% - 340px);
				text-align:left;
				float:left;
				box-sizing:border-box;
				overflow:hidden;
			}

		.bottom_content
			{
				position:relative;
				padding:50px;
				text-align:left;
				color:#ffffff;
				box-sizing:border-box;
			}

		.copy
			{
				font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:17px;
				line-height:25px;
			}

		.hamburgermenu_button
			{
				display:none;
			}

		.hamburgermenu
			{
				display:none;
			}
	}

@media screen and (max-width:1079px)
	{
		h1
			{
				font-size:24px;
				line-height:125%;
			}

		.columns
			{
				width:calc(100% - 20px);
				text-align:left;
				box-sizing:border-box;
				margin-bottom:20px;
			}

		.guetsel
			{
				right:20px;
				top:20px;
			}

		.top-menu
			{
				display:none;
			}

		.highlight
			{
				position:relative;
				width:calc((100%) / 3);
				height:300px;
				background-color:white;
				box-sizing:border-box;
				float:left;
				cursor:pointer;
			}

		.highlight-image
			{
				margin:10px 0;
				height:100px;
			}

		.logo
			{
				width:150px;
				margin-top:20px;
			}

		.label
			{
				position:absolute;
				width:75px;
				top:40px;
				left:10px;
				border:0;
				z-index:999999;
			}

		.content_browser_box
			{
				position:relative;
				display:block;
				width:calc((100% - 60px));
				height:320px;
				background-color:white;
				margin:0 20px 20px 20px;
				overflow:hidden;
				border-radius:5px;
			}

		.blog_box
			{
				position:relative;
				display:block;
				width:calc((100% - 80px));
				aspect-ratio:1/1;
				background-color:white;
				margin:0 20px 20px 20px;
				overflow:hidden;
				border-radius:5px;
			}

		.top
			{
				display:none;
			}

		.top_smartphone
			{
				padding:0 20px;
				margin-top:-40px;
				margin-bottom:-25px;
			}

		.button
			{
				position:absolute;
				text-align:left;
				left:290px;
				top:50px;
				z-index:10;
			}

		.container
			{
				margin-top:0px;
				padding-bottom:50px;
				width:100%;
				height:auto;
				background-color:#ececed;
			}

		.menu
			{
				display:none;
			}

		.grey
			{
				width:100%;
				height:1px;
			}

		.content
			{
				padding:20px 20px 0px 20px;
				text-align:left;
				box-sizing:border-box;
				overflow:hidden;
			}

		.bottom_content
			{
				position:relative;
				padding:20px;
				text-align:left;
				color:#ffffff;
				box-sizing:border-box;
			}

		.copy
			{
				font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:17px;
				line-height:25px;
			}

		.hamburgermenu_button
			{
				width:40px;
				height:30px;
				position:absolute;
				display:block;
				top:25px;
				right:25px;
				border:0;
				outline:none;
				cursor:pointer;
				opacity:0.25;
			}

		.hamburgermenu
			{
				padding:20px 20px 30px 20px;
				width:100%;
				height:100vh;
				color:#666666;
				font-weight:bold;
				line-height:40px;
				background-color:white;
				display:none;
				overflow:scroll;
				position:fixed;
				z-index:9999999;
				top:0;
			}

	}