html, body {
    height: 100%;

    background-repeat:repeat-x;
    margin: 0; 
    padding: 0; 
    font-family: arial;
    font-size:20px;

}

*, body, html {
    font-family: ITCFranklinGothicMedium,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}

strong {font-weight:700}

body {padding:60px 100px;
    background:url(../img/Gruppe_1.svg) left -200px top no-repeat;
}


table, tr, td, th {
    font-family: arial;
    font-size:20px;
}

.align-right {
 text-align:right;
  
}
.text-center,
.align-center {
  text-align:center;
}
.clear { clear:both; }


h1 {background:#393939; color:#fff; padding: 20px 30px 20px 170px; font-size:60px;margin:0; line-height:40px; text-transform: uppercase }
h1 span {font-size:30px; line-height:30px; text-transform: none;}


@media (max-width: 1450px) {

    h1 {font-size:40px;}
    h1 span {font-size:25px;}
}

h2 {text-transform: uppercase; margin-top:50px;}

hr {margin:50px 0; border:0; border-top:1px solid #393939}

.first h1 {background:#393939 url(../img/Icon_feather-clock.svg) 50px center no-repeat;}
.last h1 {background:#393939 url(../img/Icon_feather-check-square.svg) 50px center no-repeat;}

ul li {padding:5px 0;}

.first {padding-right:40px;}
.last {padding-left:40px;}

* { box-sizing:border-box;    -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale; }

.team .c33,
img,
.top, .top .main, .nav,
.teaser img, input, .nbar, .st0, .st1,
a, li {
    -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;    
  }
img {
  border:0px;
}


.all {
  width:100%;
  min-width:100%;
  padding-left:40px;
  padding-right:40px;
}
.main {
  max-width:1600px;
  margin: 0px auto;
  padding:0px;
  position:relative;
  text-align: left;
}
.cStage:after,
.main:after { content:''; display:table; clear:both; }

.c33 { width:33.3333%; float:left; }
.c30 { width:30%; float:left; }
.c70 { width:70%; float:left; }
.c40 { width:40%; float:left; }
.c20 { width:20%; float:left; }
.c50 { width:50%; float:left; }
.c25 { width:25%; float:left; }
.c75 { width:75%; float:left; }
.c30 { width:30%; float:left; }
.c35 { width:35%; float:left; }
.c60 { width:60%; float:left; }


p.ok {padding:40px 0;color:green;}

ul.testsbe,
ul.tests {margin:50px 0; padding:0; list-style-type: none; font-size:60px;}
ul.testsbe li,
ul.tests li {padding:15px 0; display: inline-block; width:49%;}
ul.testsbe li svg,
ul.tests li svg {vertical-align: middle; display: inline-block; margin-right:20px;}

ul.testsbe li {width:30%;}
ul.testsbe li svg {margin-right:0; margin-left:0px;}
ul.testsbe li a {display: inline-block;margin-left:20px;}

a {color:inherit; text-decoration: none;}
a:hover {opacity: .8;}

a + p,
.main div > *:first-child {margin-top:0px;}

.ce-gallery[data-ce-columns="3"] .ce-column {
    width:calc(33.3333% - 15px)
}
.ce-gallery[data-ce-columns="2"] .ce-column {
    width:calc(50% - 15px)
}




div#speedbump {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    background: rgba(9,9,9,.7);

    width:100%;
    height:100%;
}
.modal-dialog {
    max-width: 600px;
    background: #fff;
    padding: 50px;
}
div#speedbump.show {display: block;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
#speedbump h4.modal-title {
    text-align: center;
    text-transform: uppercase;
    font-size:30px;
    margin-bottom:20px;
    margin-top:0;
}
.modal-body p {
    text-align:center;
    font-size: 1em;
}
button.btn-modal:hover {
    cursor: pointer;
}
button.btn-modal.btn-continue {
    background-color: #8bc63e;
    border: 0px;
    margin: 1% 0;
}




@media (max-width: 1100px) {

	.projects .c25 {width:33.3333%;}

    .ce-textpic .ce-gallery {max-width:50%;}


}

/* Only Phones */
@media (max-width: 900px) {

	.c50, .c40, .c60 {width:100%;}

	.c50.first,
	.c40.first,
	.c60.first {padding-bottom:60px;}
	
	.c50.first,
	.c50.last,
	.c40.first,
	.c40.last,
	.c60.first,
	.c60.last {padding-left:0px;padding-right:0px;}

	.projects .c25 {width:50%;}

	.footer .c35 {
		font-size: 20px;
		line-height: 32px;
	}

	span.big {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 650px) {

    .content .ce-left .ce-gallery,
    .content .ce-right .ce-gallery {
        float: none;
    }
    .content .ce-intext.ce-right .ce-gallery {
        margin-left: 0px;
    }
    .content .ce-intext.ce-left .ce-gallery {
        margin-right: 0px;
    }

	.c30, .c35 {width:100%; padding-bottom:20px;}
}


.csc-header-n2,
.csc-header-n3,
.csc-header-n4,
.csc-header-n5,
.csc-header-n6,
.csc-header-n7 {
	margin-top:0px;
}

/* Formulare */


.frame-type-form_formframework p { font-size:90%; }

input[type="checkbox"] { margin-right:15px; }
.control-label { display:none; }
.form-group input[type="text"],
.frame-type-felogin_login input[type="text"],
.frame-type-felogin_login input[type="password"],
.form-group textarea,
.csc-form-element-textline input {
  font-family:inherit;
  font-size:inherit;
  color:#393939;
  background:transparent;
  width:70%;
  border:2px solid #393939;
  padding:8px 15px;
display: block;
  margin-bottom:6px;
}
.form-group input[type="text"]:focus,
.form-group textarea:focus {
  background:#393939;
    color:#fff;
}

.btn,
input[type="submit"] {display: inline-block; font-family: inherit; font-size:inherit; text-transform: uppercase; border:0px; cursor:pointer; background:#393939; color:#fff; padding:10px 40px;}
.btn:hover,
input[type="submit"]:hover {opacity: .7}

/* The container */
.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.form-check-label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border:2px solid #222e59;
}
.form-check-label span.required { position:relative;width:auto; height:auto; border:0px; }

/* On mouse-over, add a grey background color */
.form-check-label:hover input ~ span {
  background-color: #222e59;
}

/* When the checkbox is checked, add a blue background */
.form-check-label input:checked ~ span {
  background-color: #222e59;
}

/* Create the checkmark/indicator (hidden when not checked) */
span:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-check-label input:checked ~ span:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-check-label span:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



fieldset {padding:0;border:0;}
fieldset legend {display: none;}