
/*\\\\\\\\\\\\\\\\\\\\ ALLGEMEINE FORMATIERUNG ////////////////////*/

div{
	-webkit-box-sizing:border-box;	
	box-sizing:border-box;
	}

h1{
	font-size: 35px;
	line-height: 140%;
	 font-family: 'Hanken Grotesk', 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight:500;
	padding:0;
	margin:0 0 5px 0;
	color: #004d4d ;
	}

h2{
	font-size: 48px;
	font-weight:500;
	line-height: 140%;
 font-family: 'Hanken Grotesk', 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:10px 0 0px 0;
	color: #004d4d ;
	}

h3{
	font-size: 36px;
	font-weight:500;
	line-height: 140%;
 font-family: 'Hanken Grotesk', 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:0px 0 0px 0;
	color: #004d4d;
	}
h4{
	font-size: 20px;
	font-weight:500;
	line-height: 140%;
 font-family: 'Hanken Grotesk', 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:0px 0 0px 0;
	color: #004d4d;
	}
strong {
    font-weight: 500;
}

#content ul{ /*overflow:auto;*/ padding-left:20px;}

a:link, a:active, a:visited, a:hover{
	color:#006c69;
	font-weight:bold;
	text-decoration:none;
	}
.en .en-show, .de .de-show{display:block !important;}
.en-show, .de-show{display:none !important;}

a.button:hover{
	background:#000;
	}
@media screen and (max-width:1080px){
	
h2{
	font-size: 28px;
	}
	
h3{
	font-size: 20px;
	}
	}
@media screen and (max-width:680px){
	
h1{
	font-size: 26px;
	}

h2{
	font-size: 26px;
	}

h3{
	font-size: 20px;
	}
	.m-hide{display:none !important;}
	}
/*\\\\\\\\\\\\\\ GHOST BUTTON ////////////*/	
.btn, button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    padding:15px 30px;
    background-color:#006c69;
    outline:none;
    color:#fff;
    font-weight: 100;
    text-decoration:center;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	text-align:center;
	margin:0 auto;
	font-size:22px;
	width:auto;
	border-radius: 5px;
}
.btn:active{
}
a:link.btn, a:visited.btn, a:active.btn, a:hover.btn{
	color:#fff;
	}
@media screen and (max-width:680px){
	.btn{
	font-size:20px;
	width:auto;
}
	}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ FORMULARE ////////////////////////*/

/*\\\\\\\\\\\\\\\\\\\\\ FORMULAR /////////////////////*/	
form{
	width:100%;
	}
input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
}
input{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
input, textarea, select{  /*Einstellungen Inputfelder !!! BOX SIZING !!!*/
	width:100%;
	display:block;
	padding:15px;
	border: none;
	border: 4px solid #fff;
	outline:0;
	vertical-align:top;
	background: #ededed;
	-webkit-box-sizing:border-box;	
	box-sizing:border-box;
	}
input[type="checkbox"], input[type="radio"] {
    width: auto;
    display: inline-block;
    margin-top: 7px;
	margin-right: 5px;
}
select {
    height: 58px;
    background: #ededed;
    width: 100%;
	border-radius: 0 !important;
}


fieldset{border:none;}

#kontaktformular label.error{ /*text von feldern bei falscheingabe*/
	color:red;
	font-size:12px;
	width:95%;
	margin:0;
	text-align:right;
	}
#kontaktformular input.error,#kontaktformular textarea.error{ /*farbe von feldern bei falscheingabe*/
	background-color:#faaaaa; 
	color:#232323;
	}



 /*schriftfarbe von placeholdern bei falscheingabe*/
input.error::-webkit-input-placeholder {color: #232323;} textarea.error::-webkit-input-placeholder {color: #232323;}
input.error:-moz-placeholder {color: #232323;} textarea.error:-moz-placeholder {color: #232323;}
input.error::-moz-placeholder {color: #232323;} textarea.error::-moz-placeholder {color: #232323;}
input.error:-ms-input-placeholder {color: #232323;} textarea.error:-ms-input-placeholder {color: #232323;}




/*CF7 STuff*/
.fs1, .fs2{ display:block; width:100%;}
.fs2 br {
    display: none;
}

.fs2 input {
    width: 50%;
    float: left;
}

.wpcf7-radio {
    margin-top: 10px;
    display: block;
}
.wpcf7-form-control-wrap{position: static !important; }

@media screen and (max-width:1000px){	
	}
@media screen and (max-width:680px){
	

	}






/*FONTS*/

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-v6-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
       url('../fonts/titillium-web-v6-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

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

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

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v6-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
       url('../fonts/titillium-web-v6-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

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



















/* hanken-grotesk-300 - 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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hanken-grotesk-v8-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hanken-grotesk-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-500 - 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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hanken-grotesk-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-600 - 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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hanken-grotesk-v8-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-800 - 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: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/hanken-grotesk-v8-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






