* { margin: 0; padding: 0; box-sizing: border-box; }

@font-face {
    font-family: 'Alison';
    src: url('../fonts/alison.woff');
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway.woff');
}

body { font-family: 'Raleway'; font-weight: 500; font-size: 15px; }


h2 { font-size: 150%; color: #b0638d; font-weight: 900; text-align: center; padding: 25px 0; }


a { color: #333232; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.w50 {width: 50%; }
.w100 {width: 100%; }
.h100 {	height: 100%; }
.shadow { box-shadow: 0 0 10px rgba(0, 0, 0, .6); }



#menubar { width: 100%; position: sticky; top: 0; z-index: 999; background-color: #fff; float: left; }
#menubar nav {width: 100%;  height: 100%; }
#menubar ul { list-style-type: none; }
#menubar ul li { display: inline; float: left; }
#menubar ul li a { text-decoration: none; text-transform: uppercase; padding: 40px 50px; display: block; font-size: 16px; }

#header { width: 100%; height: 500px; position: relative; background-image: url('../images/header.jpg'); background-size: cover; background-position-x: 75%; background-position-y: 0%; background-attachment: fixed; float: left;}


.headerSlogan {position: absolute; top: 50%; left: 5%; transform: translate(0%, -50%); padding: 25px;  backdrop-filter: blur(10px);}
.headerSlogan p { color: #fff; font-family: 'Alison'; font-size: 50px; padding: 10px;}
.headerSlogan button { padding: 15px; background-color: #b0638d }



#logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#logo h1 { font-family: 'Alison'; font-size: 300%; line-height: 100%; color: #b0638d; }

#impression {height: 500px; width: 100%; float: left;}



/* FORM */

::-webkit-input-placeholder { font-family: Raleway, sans-serif !important; }
:-moz-placeholder {	font-family: Raleway, sans-serif !important; }
::-moz-placeholder { font-family: Raleway, sans-serif !important; }
:-ms-input-placeholder { font-family: Raleway, sans-serif !important; }
:focus { outline: 0; }
.check_container { display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 11px; color: #505050!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: justify; }
.check_container a, .check_container a:hover { color: #256cb2; }
.check_container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { margin-left: 1px; position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .5); }
.check_container:hover input~.checkmark { background-color: #fff; }
.check_container input:checked~.checkmark {	background-color: #fff; }
.checkmark:after { content: "";	position: absolute;	display: none; }
.check_container input:checked~.checkmark:after { display: block; }
.check_container .checkmark:after { left: 6px; top: 2px; width: 4px; height: 9px; border: solid #256cb2; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.check_container .checkmark.invalidBorder:after { top: 1px!important; left: 5px !important; }
.invalidBorder { border: 1px solid #c61616!important }


.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }
	.flexbox .flex-col { flex: 1; }

#contact { width: 100%; height: 250px; float: left;}


#contactform-area { width: 100%; float: left; position: relative; }
#contactform-wrapper { width: 80%; position: absolute; z-index: 10; left: 10%; border: 0 solid #256cb2; background: #fcfcfc; padding: 15px; }
.cf-field { padding: 15px; float: left; }
#cf-left { width: 50%; float: left;	}
#cf-right {	width: 50%;	float: left	}
#buttonarea { width: 100%; text-align: center; padding: 15px; }
button,	input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 300; border: 0; }
.changefont::-ms-input-placeholder { font-family: 'Raleway'	}
input, textarea { width: 100%; float: left; resize: none; padding: 10px; border: 1px solid rgba(234, 234, 234, .94); font-size: 15px; padding: 10px; }
textarea { overflow: auto; height: 100% !important;	}
button { border: 0; background-image: url(../img/site/sendContactform.png); background-size: 25px; background-repeat: no-repeat; background-color: transparent; padding: 20px 20px 20px 60px; background-position: 20px center; font-size: 15px; }
button:hover { cursor: pointer }
.contactformSucessmessage {	padding: 86px 0; }



#footer { width: 100%; height: 500px; float: left; background-image: url('../images/footer.jpg'); background-size: cover; position: relative;background-attachment: fixed; }