@CHARSET "UTF-8";

/**
    Text              		#000000             (0,0,0)
    tepe-blue-100          	#1cacd2             (28,172,210)
    tepe-yellow-100			#fecc0f				(254,204,15)

    font-family:'JoannaSansNova-Light', sans-serif;
*/

@import url("//hello.myfonts.net/count/3c3da1");
@font-face {
  font-family:'JoannaSansNova-Light';
  src: url('../Fonts/JoannaSansNova-Light/font.woff2') format('woff2'), url('../Fonts/JoannaSansNova-Light/font.woff') format('woff');
}

* {outline:0;}
a, a:focus {color:#000; outline:0; text-decoration:underline;}
a:hover {color:#000;}
section.section-negativ a, 
section.section-negativ a:focus {color:#fff;}
section.section-negativ a:hover {color:#fff;}

section.section-negativ-blue a, 
section.section-negativ-blue a:focus {color:#fff;}
section.section-negativ-blue a:hover {color:#fff;}


a.social-media-icon {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:24px;
	background:#000;
	color:#fff;
	border-radius:50%;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
}
section.section-negativ a.social-media-icon {
	background:#fff;
	color:#000;
}

img.responsiveImage {width:100%; height:auto;}
h1 {
    margin:0 0 10px 0;
    padding:0;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    color: #000;
}

section.section-negativ h1 {
    color: #1cacd2;
}
section.section-negativ-blue h1 {
    color: #fff;
}

h2 {
    margin:0 0 15px 0;
    padding:30px 0 0 0;
    font-size: 32px;
    font-weight:300;
    font-style: normal;
    color: #000;
}
section.section-negativ h2 {
    color: #1cacd2;
}
section.section-negativ-blue h2 {
    color: #fff;
}
h3 {
    margin:0 0 8px 0;
    padding:16px 0 0 0;
    font-size:24px;
    font-weight:300;
    font-style: normal;
    color: #000;
}
section.section-negativ h3 {
    color: #1cacd2;
}
section.section-negativ-blue h3 {
    color: #fff;
}
h1 {
    margin:0 0 40px 0;
    padding:15px 30px 0 0;
    font-size: 53px;
}
h2#startSubMessage {
	margin-bottom:30px;
	padding-top:0;
}
p {margin:0 0 24px 0;}

.text-gross {
	font-size:48px; 
	line-height:50px;
}

a.social-media-icon {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:20px;
	background:#000;
	color:#fff;
	border-radius:50%;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
}

.btn {
	background:#060732;
	color:#fff;
	font-size:24px;
	line-height:1;
	border-radius:10px;
	text-align:center;
	margin:7px 0;
	padding:0 20px;
	text-decoration:none;
	outline:none;
	box-shadow:none;
}
.btn.btn-small {
	font-size:20px;
	height:38px;
	line-height:1;
	border-radius:5px;
	padding:0 15px;
	margin:10px 0 0 0;
}
.btn:focus {
	background:#000;
	color:#fff;
	text-decoration:none;
	outline:none;
	box-shadow:none;
}
.btn:hover {
	background:#000;
	color:#fff;
}
.btn-inline {
	display:inline-block;
}
.btn-phone {margin:0;}

body {
    font-family:'JoannaSansNova-Light', sans-serif;
    font-size:24px;
    font-weight:300;
    line-height:1.25em;
    background-color:#fff;
    color:#000;
}
 
section {
	width:100%;
	/*height:100vH;*/
	padding:150px 0 210px 0;
	position:relative;
	background:#fff;
	color:#000;
}
section#section-maschinen {height:100vH;}
section div.mainContent {
	/*position:relative;
	top:calc(50% - 40px);
	transform:translate(0,-50%);*/
}
section#section-start div.mainContent {
	/*top:calc(50% - 100px);*/
}
.pagerContainer {
	display:none !important;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:62px;
	text-align:center;
}
#section-impressum .pagerContainer {
	display:block !important;
}
#section-datenschutz .pagerContainer {
	display:block !important;
	position:static;
}
.logoContainer {
	padding-left:50px
}
.logoContainer img {
	width:100px;
	height:100px;
	margin-bottom:50px;
}
.pagerContainer > .container {
	position:relative;
	border-top:1px solid #000;
}
section.section-negativ .pagerContainer > .container {
	border-top-color:#fff;
}
.pagerContainer a.pager {
	width:100%;
	text-align:center;
	}
.pagerContainer a.pager {
	display:inline-block;
	width:auto;
	font-size:20px;
	line-height:20px;
	padding:10px 0 20px 0;
	color:#000;
}
section.section-negativ {
	background-color:rgb(6, 7, 50);
	color:#fff;
}
section.section-negativ-blue {
    background-color:#1cacd2;
    color: #fff;
}
section.section-negativ > .container {
	border-top:1px solid #fff;
}
section.section-negativ a.pager {
	color:#fff;
}
section.section-backgroundimage {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#section-start,
#section-impressum,
#section-datenschutz,
#section-form,
.section-infoseite {
	padding-top:50px;
}
#section-start .logoContainer,
#section-impressum .logoContainer,
#section-datenschutz .logoContainer,
#section-form .logoContainer,
.section-infoseite .logoContainer {
	padding-left:0;
}
#section-datenschutz .logoContainer {
	margin-bottom:100px;
}
#section-start .logoContainer img,
#section-impressum .logoContainer img,
#section-datenschutz .logoContainer img,
#section-form .logoContainer img,
.section-infoseite .logoContainer img {
	width:100px;
	max-width:100px;
	height:auto;	
}
#section-impressum .mainContent,
#section-datenschutz .mainContent,
.section-infoseite .mainContent {
	font-size:18px;
	line-height:1.5em;
}

ul.footerNavigation {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:15px;
	font-size:12px;
}
ul.footerNavigation li {
	display:inline-block;
}
ul.footerNavigation li a {
	text-decoration:none;
}

.mainContent ul {
	list-style-type:circle;
}
.mainContent ul li {
	margin-bottom:15px;
}



form {margin-bottom:100px;}
.form-group {margin-bottom:35px;}
.form-group.form-group-customer {margin-bottom:35px;}
.form-check {padding-left:40px;}
label {margin-bottom:5px;}
legend.col-form-label,
label.withNumber {position:relative; padding-left:55px; padding-bottom:1px;}
legend.col-form-label span,
label.withNumber span {
	display:block;
	position:absolute;
	top:0;
	left:15px;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	background:#B10030;
	color:#fff;
	text-align:center;
}
.form-check-input {
    margin-top:7px;
}
.custom-checkbox-other > .custom-control-label::before,
.custom-checkbox-other > .custom-control-label::after {
	top:10px;
}

.custom-checkbox {padding-left:30px;}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
	top:15px;
	width:20px;
	height:20px;
	left:-30px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #1cacd2;
    background-color: #1cacd2;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0,72,251,.25);
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: rgba(0,72,251,.25);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,72,251,.25);
}
.form-control-inline {display:inline-block; width:38px; margin:0 5px; text-align:center;}

.custom-control-inline {padding-left:0;}
.custom-radio {display:inline-block; text-align:left;}
.custom-radio label input {display:none;}
.custom-radio label {display:inline-block; margin-right:15px; padding-left:30px; cursor:pointer;}
.custom-radio label span {display:inline-block;}
.custom-radio label span:before,
.custom-radio label span:after {
    content:"";
    display:inline-block;
    position:absolute;
    top:6px;
    left:0;
    width:20px;
    height:20px;
    margin-right:10px;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 50%;
}
.custom-radio label span:before {
    border:1px solid #adb5bd;
    background:#fff;
}
.custom-radio label input:checked ~ span:before {background:#1cacd2; border-color:#1cacd2;}
.custom-radio label input:checked ~ span:after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
	z-index:1;
}
.custom-radio label.focus span:before {
	box-shadow: 0 0 0 0.2rem rgba(0,72,251,.25);
}


.errors ul.parsley-errors-list,
ul.parsley-errors-list {
	list-style:none;
	margin:0;
	padding:0;
}
.errors ul.parsley-errors-list.filled li,
ul.parsley-errors-list.filled li {
	background:rgba(177,0,48,.2);
	color:#B10030;
	margin-top:8px;
	padding:3px 10px;
}