/* roboto-regular - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* roboto-italic - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: italic;
	  font-weight: 400;
	  src: url('../fonts/roboto-v50-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* roboto-700 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* roboto-700italic - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: italic;
	  font-weight: 700;
	  src: url('../fonts/roboto-v50-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}

	
	*, *:after, *:before {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

		padding: 0px;
		margin: 0px;
	}
	
	a {
		outline: 0;
		color: #262626;
		text-decoration: underline;
		cursor: pointer;
	}

	a:hover {
		outline: 0;
		color: #262626;
		
		text-decoration: none;
		
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;		
	}
	
	a:active,
	a:visited,
	a:focus	{
		outline: 0;
		color: #262626;		
	}	
	
	h1 {
		margin: 0;
		margin-bottom: 1.4ex;
		font-size: 1.2em;
		text-align: center;
		cursor: default;		
	}
	
	p {
		margin: 0em;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;		
	}
	
	
	
	
	
	body, html {
		margin: 0 auto;
		min-width: 100%;

		font-family: 'Roboto', sans-serif;
		font-size: 1.1em;

		background-color: #ffffff;
		color: #262626;	
	}

	
	
	
	
	header {
		display: block;
		margin: 0 auto;
		margin-top: 3ex;
		margin-bottom: 3ex;		
			
		width: 79%;	
		max-width: 960px;		
	}
	
	
	header .eckert-it-mail {
		display: none;
		margin: 0 auto;
		margin-bottom: 9em;
		
		width: 65%;	
		max-width: 960px;

		font-size: 0.9em;
		text-align: center;
	}	
	
	header .eckert-it-mail label {
		display: inline-block;
		margin-top: 1.2ex;
		margin-bottom: 0.6ex;
		
		width: 75%;
		height: 3ex;
		
		font-size: 1.2em;
		font-weight: bold;		
		text-align: center;
	}		

	header .eckert-it-mail input[type="text"] {
		display: inline-block;
		
		width: 75%;
		height: 4ex;
		
		font: 1.2em 'Roboto', sans-serif;
		text-align: center;
		
		border: none;
		border-bottom: 1px solid #a6a6a6;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;		
	}	
	
	header .eckert-it-mail textarea {
		display: inline-block;
		
		margin-bottom: 5ex;
		padding: 2ex 2ex;
		
		width: 100%;
		height: 17ex;
		
		font: 1.2em 'Roboto', sans-serif;

		border: 1px solid #a6a6a6;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;		
		
		resize: auto;
		overflow: auto;
	}	
	
	header .eckert-it-mail input[type="submit"] {
		display: inline-block;
		
		width: 12em;
		height: 5ex;
		
		font: 1.2em 'Roboto', sans-serif;
		font-weight: bold;
		
		text-align: center;
		
		border: none;
		background-color: #a6a6a6;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;		
	}	

	header .eckert-it-mail input[type="submit"]:hover {
		color: #ffffff;
		background-color: #262626;
		
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;		
	}
	
	:required:focus {
		box-shadow: 0 0 3px rgba(255, 0, 0, 0.7); 
	}
	
	header .eckert-it-captcha {
		margin-bottom: 2ex;
	}
	
	header .g-recaptcha {
        display: inline-block;
		margin-bottom: 2ex;
    }	
	
	header .webmail-ok {
		margin: 2ex;
		padding: 1ex;

		color: #390;
		font-size: 1em;
		font-weight: bold;

		background-color: #d3eeac;
		text-align: center;
	}
	
	header .webmail-error {
		margin: 2ex;
		padding: 1ex;

		color: #c00;
		font-size: 1em;
		font-weight: bold;

		background-color: #ffbfbf;
		text-align: center;
	}	
	
	header .webmail-pflichtfeld {
		margin: 2ex;
		padding: 1ex;

		color: #262626;
		font-size: 1em;
		font-weight: bold;

		background-color: #ffcc33;
		text-align: center;
	}		



	.main-container {
		display: block;
		margin: 0 auto;
		
		padding: 0.1em;
		padding-bottom: 50px;		
		
		width: 79%;	
		max-width: 1160px;
		
		text-align: center;
	}
	

	.eckert-it-header {
		margin-bottom: 3ex;
		text-align: center;		
	}
	
	
	.eckert-it-logo {
		display: inline-block;
		
		position: relative;
		margin: 0 auto;		
		
		width: 41%;
		
		text-align: center;
	}	
	
	.eckert-it-logo img {
		width: 100%;
		max-width: 100%;
	}

	
	
	
	.eckert-it-text {
		padding-top: 2em;
		text-align: center;	
	}

	.eckert-it-text-2 {
		padding: 0;
		text-align: center;	
	}
	
	.eckert-it-text-spalte {
		display: inline-block;
		
		position: relative;
		margin: 0 auto;
		margin-bottom: 3em;
		
		padding: 1ex 1.6em;
		
		width: 34%;
		min-width: 30%;
		
		text-align: center;
		vertical-align: top;
		
		border-left: 1px solid #a6a6a6;
		border-right: 1px solid #a6a6a6;
	}
	
	.eckert-it-text-spalte:first-child {
		padding-left: 0;
		width: 32%;
		min-width: 30%;
		border: none;
	}

	.eckert-it-text-spalte:last-child {
		padding-right: 0;
		width: 32%;
		min-width: 30%;
		border: none;		
	}
	
	.eckert-it-text-spalte p,
	.eckert-it-text-central	p {
		margin-bottom: 2ex;
	}

	.eckert-it-text-spalte p.referenz {
		vertical-align: bottom;
	}	
	
	.eckert-it-text-central {
		display: block;
		
		position: relative;
		margin: 0 auto;
		margin-bottom: 3em;
		
		padding: 3ex 1.6em;
		
		width: 75%;
		
		text-align: center;
		vertical-align: top;
		
		border-top: 1px solid #a6a6a6;
		border-bottom: 1px solid #a6a6a6;		
	}
	
	
	
	.eckert-it-bottom-links {
		position: absolute;
		bottom: 3ex;

		left: 50%;
		transform: translateX(-50%);
		
		margin: 0 auto;
		margin-top: 3em;
		
		font-size: 1em;
		text-align: center;
	}

	.eckert-it-bottom-links a {
		margin: 0 1ex;
	}
	
	
	
	
	
	footer .eckert-it-impressum {
		display: none;
		margin: 0 auto;
		margin-bottom: 4ex;
		
		width: 79%;	
		max-width: 960px;

		font-size: 0.9em;		
	}
	
	footer h2 {
		margin-top: 3em;
		margin-bottom: 1.6em;
		text-align: center;		
	}
	
	footer .eckert-it-impressum-tmg {
		margin-bottom: 5em;
		text-align: center;		
	}

	footer h3 {
		margin-top: 2em;
		margin-bottom: 1.6em;
		text-align: center;		
	}
	
	footer .eckert-it-impressum-inhalt {
		margin-bottom: 2em;
		text-align: justify;
	}

	footer .eckert-it-impressum-bottom {
		margin-bottom: 8em;
	}	
	

	
	
	.text-fett {
		font-weight: bold;
	}
	
	
	
		
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen 
	and (max-width: 47em) /*759 px */
	/* and (min-device-width : 120px) */
	/*and (max-device-width : 640px) */{
	/* Styles */
		
		header {
			width: 90%;		
		}	

		header .eckert-it-mail {
			width: 90%;	
			font-size: 0.9em;
		}		
		
		
		body, html {
			font-family: 'Roboto', sans-serif;
			font-size: 1em;
		}		
		
		header {
			width: 100%;
		}
		
		
		
		.main-container {
			width: 100%;	
		}		
		
		
		.eckert-it-logo {
			display: block;		
			width: 90%;
		}	
		
		.eckert-it-logo img {
			width: 65%;
			max-width: 65%;
		}		
		
		
		.eckert-it-text-spalte {
			display: block;
			width: 90%;
			border: none;
			border-bottom: 1px solid #a6a6a6;
		}
		
		.eckert-it-text-spalte:first-child {
			padding: 0 2ex;
			width: 90%;
			border-bottom: 1px solid #a6a6a6;
		}

		.eckert-it-text-spalte:last-child {
			padding: 0 2ex;
			width: 90%;		
		}

		.eckert-it-text-central {
			width: 90%;
			border-top: 1px solid #a6a6a6;
			border-bottom: 1px solid #a6a6a6;		
		}


		footer .eckert-it-impressum {
			display: none;
			width: 90%;
			font-size: 1em;
		}		
	
	}