/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	background: linear-gradient(135deg, #333 22px, #000 22px, #000 24px, transparent 24px, transparent 67px, #000 67px, #000 69px, transparent 69px), linear-gradient(225deg, #333 22px, #000 22px, #000 24px, transparent 24px, transparent 67px, #000 67px, #000 69px, transparent 69px) 0 64px;
	background-color:#333;
	background-size: 64px 128px;
	background-attachment:fixed;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #fff;
}

a {
	color: #66bbff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #3388cc;
}

.main,
.container > header {
	margin: 0 auto;
	padding: 2em;
}

.container > header {
	background:url('../img/juschublau.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll /* fixed */;
	background-position: left center;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	padding: 3em;
}
.ab3eur {
	background: #004499;
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}
.container > footer {
	background: #333;
	padding: 2em;
	font-size: 1em;
	line-height: 1;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	opacity: 0.7;
	padding: 0 0 0.6em 0.1em;
}

/* Main Content */
.main {
	max-width: 69em;
}

.column,
.column-a {
	float: left;
	width: 50%;
	padding: 0 2em;
	margin: 5% 0;
	position: relative;
}

.column:nth-child(2) {
}

.column p,
.column-a p {
	font-weight: 300;
	font-size: 1.5em;
	padding: 0;
	margin: 2% 0;
	text-align: right;
	line-height: 1.5;
}
.column-a {
	text-align: left;
}
ul {
	list-style-type: none;
	font-weight: 300;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1.2;
}
li {
	padding: 2%;
	margin: 0;
}
ul > li::before {
	content: "\25B2   ";
}
.column-2 {
	clear: both;
	width: 100%;
	padding: 5% 0;
	position: relative;
}

.column-2 p {
	font-weight: 300;
	font-size: 0.9em;
	padding: 0;
	margin: 2% 0;
	text-align: left;
	line-height: 1.3;
}
.column-3 {
	position:relative;
	clear: both;
	width: 100%;
	padding: 5% 0;
	margin: 2em 0;
}

.column-3 p {
	font-weight: 300;
	font-size: 2em;
	padding: 0;
	margin: 2% 1%;
	text-align: center;
	line-height: 1.5;
}

.roundBlock {
	min-height:500px;
	max-width:500px;
	margin:auto;
	border-radius:3000px;
	padding-top:9%;
}
span.info {
	letter-spacing: 3px;
	font-weight:800;
}
button, #onlineform_submit_button {
	border: none;
	padding: 0.6em 1.2em;
	background: #c0392b;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	tttext-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	background: #A5281B;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFFFFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFFFFF;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[list],
input[type="date"],
input[type="time"],
input[type="tel"],
.formFeld,
textarea, select {
	width:100%;
	border:0;
	border-bottom:solid #fff 1px; 
	padding:10px; 
	margin:0 0 0 0; 
	font-size:1em; 
	background:transparent; 
	background:rgba(100,100,100,.6);
	color:#fff;
	margin-left:-5px;
}

input[type="checkbox"] {
	width:20px;
	height:20px;
}
textarea.formFeld {
	height:6em;
	font-size:120%;
	font-family:Lato;
	font-weight:300;
}
div#form-3UrokRoQggcgzK9FEHNfh form div label p {
	font-size:110%;
}
button.samdock-button
{
	float:right;
}
input[id="3UrokRoQggcgzK9FEHNfh-lead.customerRequirement"] {
	height:4em;
	word-wrap: break-word;
    word-break: break-all;
	vertical-align:top;
	white-space: wrap;
	}
div.formFeld {
	border:0;
	background:transparent;
}
label.formFeld,
label.formFeldText,
label {
	display:none;
}
.samdock-asterisk {
	display:none;
}
div#form-3UrokRoQggcgzK9FEHNfh {
	margin:auto;
}
.mailTextLos, #ERRORDIV_CHRISTIANNAME, #ERRORDIV_NAME, #ERRORDIV_MAILFIELDSTR3, #ERRORDIV_PHONEFIELDSTR7 {
	display:none;
}
.mailMe:before {
	content:'info';
}
.mailMe:after {
	content:'\40 gregor-dienstleistungen.de';
}

#siteLogoDiv {
	float:left;
	width:100%;
	max-width:160px;
	margin:0 auto 0 0;
	padding:1em;
}
#siteLogo {
	width:100%;
	margin:auto 0;
}

.paddingTop {
	padding-top:15%;
}
@media screen and (max-width: 46.0625em) {
	.column,
	.column-a,
	.column-2,
	.column-3 {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 1em; 
	}

	.column p,
	.column-a p	{
		text-align: left;
		font-size: 1.5em;
	}

	.column:nth-child(2),
	.column-a:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
	#siteLogoDiv {
		max-width:150px;
	}
	.roundBlock {
		font-size:80%;
		min-height:400px;
		max-width:400px;
		border-radius:2000px;
		padding-top:8%;
	}
	.paddingTop {
		padding-top:0;
	}
	div#form-M62txRiyTvFQTzTYEwfb6 {
	width:90%;
	}
}

@media screen and (max-width: 32em) {
	#siteLogoDiv {
		float:none;
		clear:both;
		max-width:200px;
		margin:auto;
	}
	.roundBlock {
		min-height:300px;
		max-height:300px;
		max-width:300px;
		border-radius:500px;
		padding-top:10%;
	}
}
}