body{
		font: 1em/1.85em 'Open Sans', "Arial", sans-serif;
	}
	a{
		text-decoration: none;
		color: black;
	}
	.footer-info{
		font-size: 0.6em;
	}
	.footer-info,
	.footer-info a{
		color: gray;
	}
	.logo-text-1{
		font-weight: bold;
		margin-left:0.5px;
		}
	.logo-text-2{
		font-weight: bold;
		font-size: 0.8em;
	}
	#container_01{
		color: white;
		background-color: #009bba;
		padding: 1em 2em 2em 2em;
	}
	#container_02{
		width: 45em;
		margin: 0 auto;
	}
	#container_02 a{
		height: 3em;
	}
	#container_03{

	}
	h1{
		
		font-size: 3em;
		line-height: 1em;
	}
	h4{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	h2{
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-weight: normal;
		font-size: 1.5em;
	}
	h4,
	.cb_container{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	hr{
		border-top: 1px solid black;
	}
	#container_01 hr{
		border-top: 1px solid white;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.outer-text{
	    margin-left: 10.5em;
		margin-right: 10.5em;
	}
	
	.cross{
		width: 2em; 
	}
	.cb_container{
	    display: inline-flex;
		width: 17em;
		height: 2em;
	}
	.box{
		position: absolute;
		margin-top: 0.3em;
		margin-left: 0.3em;
		width: 1.2em;
		height: 1.2em;
		border: 0.1em solid white;
		z-index: 90;
	}

	label{
		text-align: center;
	}
	label:before {
		content: "";
		display:block;
		width:2em;
		height:2em;
		position: absolute;
		z-index: 100;
		
	}
	:checked+label:before {
		content: "";
		display:block;
		width:2em;
		height:2em;
		background-size: 2em 2em;
		background-image: url(svg/haken.svg);
		background-repeat: no-repeat;
		position: absolute;
		z-index: 100;
	}
	input[type=checkbox] {
		display: none;
	}
	.text-label{
		margin-left: 3em;
		font-weight: bold;
	}
	button{
		color: white;
		font-weight: bold;
		border: 2px solid white;
		border-radius: 7px;
		background-color: transparent;
		cursor: pointer;
		height: 4em;
	}
	.telefon-link{
		float: right;
		border: 10px solid transparent;
		border-radius: 7px;
		background-color: #3c3c3a;
		height: 2.2em;
		width: 3em;
		display: inline-block;
		text-align: center;
	}
		/* Extra Small devices (smartphones, 767px and down) */
	@media (max-width: 767px) {
		#container_02{
			width: 100%;
		}
		#container_03 {
			width: min-content;
			margin-left: auto;
			margin-right: auto;
		}
		.cb_container{
			width: 100%;
		}
		.outer-text{
			margin-left: 2.5em;
			margin-right: 2.5em;
		}
		h1{
			font-size: 1.0em;
		}
		h2{
			font-size: 1.3em;
		}
	}
	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		#container_02{
			width: 41em;
		}
		.cb_container{
			width: 17em;
		}
		.outer-text{
			margin-left: 2.5em;
			margin-right: 2.5em;
		}
		h1{
			font-size: 2.4em;
		}
		h2{
			font-size: 1.8em;
		}
	}

	/* Medium devices (desktops, 992px and up) */
	@media (min-width: 992px) {
		#container_02{
			width: 45em;
		}
		.cb_container{
			width: 17em;
		}
		.outer-text{
			margin-left: 10.5em;
			margin-right: 10.5em;
		}
		h1{
			font-size: 3em;
			line-height: 1em;
		}
		h2{
			font-size: 1.5em;
		}
	}

	/* Large devices (large desktops, 1200px and up) */
/* 	@media (min-width: 1200px) { 
		#container_02{
			width: 45em;
		}
		.cb_container{
			width: 17em;
		}
				.outer-text{
			margin-left: 3em;
			margin-right: 3em;
		}
		h1{
			font-size: 1em;
		}
		h2{
			font-size: 1em;
		}
		h4{
			font-size: 1em;
		}
	} */