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

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

h1{
	color: #3d4543;
	font-size: 36px;
	line-height: 140%;
	font-family: 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight:300;
	margin:0 0 5px 0;
	}

h2{
	color: #3d4543;
	font-size: 36px;
	font-weight:300;
	line-height: 140%;
	font-family: 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:10px 0 0px 0;
	
		
	}

h3{
	color: #3d4543;
	font-size: 24px;
	font-weight:300;
	line-height: 140%;
	font-family: 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:0px 0 0px 0;
	
	}
h4{
	color: #3d4543;
	font-size: 20px;
	font-weight:600;
	line-height: 140%;
	font-family: 'Titillium Web' ,Helvetica, Helvetica Neue, Arial, sans-serif;
	margin:0px 0 0px 0;
	}

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


a:link, a:active, a:visited, a:hover{
	color:#a0c939;
	text-decoration:none;
	}
span.grey-font {
    color: #999;
}

.mobile-only{
	display:none !important;
}

span.link-mit-ghostbutton {
    background-image: url(../images/kf-ghost-button-pfeil.svg);
    padding: 20px 0px 20px 62px;
    background-size: 42px;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
	color:#a0c939;
	position: relative;
	cursor: pointer;
}


span.kf-ghostbutton {
    background-image: url(../images/kf-ghost-button-long.svg);
    padding: 55px 0;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 320px;
    text-align: center;
	color:#a0c939;
	position: relative;
	cursor: pointer;
}
span.link-mit-ghostbutton a, span.kf-ghostbutton a{position:absolute; top:0; left: 0; width: 100%; height: 100%;}
.termin-btn a{display:none;}

.link-mit-ghostbutton:hover, .kf-ghostbutton:hover{font-weight:bold;}


.mobile-hide-weiterlesen{display: none; color:#a0c939; cursor: pointer;}

@media screen and (max-width:1340px){
h1{
	font-size: 30px;
	}

h2{
	font-size: 30px;
	}

h3{
	font-size: 22px;
	
	}

	}
@media screen and (max-width:750px){
	.mobile-only{
	display:block !important;
}
	
h1{
	font-size: 26px;
	}

h2{
	font-size: 26px;
	}

h3{
	font-size: 20px;
	}

	.mobile-hide,  .show-mobile-hide > .mobile-hide-weiterlesen{
    display: none;
}
	.mobile-hide-weiterlesen{display: block;}
	
	.show-mobile-hide > .mobile-hide{display:block;}
	
	}
/*\\\\\\\\\\\\\\ GHOST BUTTON ////////////*/	
.button, .button-white {
    padding: 20px 35px;
    background-color: transparent;
    outline: none;
    color: #fff;
    font-weight: 100;
    text-decoration: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	height: auto;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    width: auto;
    border: 2px solid #a0c939;
    color: #a0c939;
}
a:link.button, a:visited.button, a:active.button, a:hover.button{
	color:#a0c939;
	}

a:hover.button{
	-webkit-transition:.5s ease-in-out all;
	transition:.5s ease-in-out all;
	}


.button-white {
    border: 2px solid #fff;
    color: #fff;
}
a:link.button-white, a:visited.button-white , a:active.button-white , a:hover.button-white {
	color:#fff;
	}
.button br, .button-white br{display:none !important;}






::-webkit-input-placeholder { color:#3d4543 !important; font-weight:500; opacity: 1; }
::-moz-placeholder { color:#3d4543 !important; font-weight:500; opacity: 1;  } /* firefox 19+ */
:-ms-input-placeholder { color:#3d4543 !important; font-weight:500; opacity: 1;  } /* ie */
input:-moz-placeholder { color:#3d4543 !important; font-weight:500; opacity: 1;  }






.btn-kf {
    padding: 20px;
    width: 190px;
    position: relative;
    height: 190px;
		-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	cursor: pointer;
	    z-index: 100;
}

.btn-kf:hover {
    width: 200px;
    height: 200px;
}
.btn-kf-gradien {
    background: rgb(173,181,187);
    background: linear-gradient(90deg, rgba(173,181,187,1) 0%, rgba(160,201,57,1) 100%);
    animation: spin-color 250s linear infinite;
    border: 4px solid #3d4543;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
    z-index: 4;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
}
.btn-kf:hover .btn-kf-gradien {
     border: 4px solid #cdff4d;

}
@keyframes spin-color {  
	0%, 100% {    transform: rotate(60deg);  }
	50% {    transform: rotate(12360deg);  }
}
.btn-kf-inner {
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    background: #3d4543;
    border-radius: 100%;
    z-index: 5;
    text-align: center;
    color: #fff;
    font-size: 22px;
	line-height: 140%;
    display: flex;
  align-items: center;
  justify-content: center;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
}/*
.btn-kf:hover .btn-kf-inner {
    font-size: 28px;
}*/
.termin-btn.btn-kf a {
    display: none !important;
}
.btn-kf a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7;
}.btn-kf img {
    position: absolute;
    width: 90% !important;
    top: 10px;
    height: 100%;
    left: 0;
	-webkit-transition:1s ease-in-out all;
	transition:1s ease-in-out all;
	    margin: 0 !important;
}/*
.btn-kf:hover img {
    width: 110% !important;
	height: 110% !important;
	left:-5%;
	top:-5%;
}*/
img.btn-01{
	z-index: 1;
	-webkit-animation: spin02 15s linear infinite/*, spinsize02 3s ease-in-out infinite*/;
	animation: spin01 14s linear infinite/*, spinsize01 3s ease-in-out infinite*/;
}
img.btn-02 {
    z-index: 2;
	-webkit-animation: spin02 15s linear infinite/*, spinsize02 3s ease-in-out infinite*/;
	animation: spin02 15s linear infinite/*, spinsize02 3s ease-in-out infinite*/;

}
img.btn-03 {
    z-index: 1;
	-webkit-animation: spin03 10s linear infinite/*, spinsize03 3s ease-in-out infinite*/;
	animation: spin03 10s linear infinite/*, spinsize03 3s ease-in-out infinite*/;

}




@keyframes spin01 {  
	0%, 100% {    transform: rotate(0deg);  }
	50% {    transform: rotate(-180deg); }
}

@keyframes spinsize01 {  
	0%, 100% {    width:90%; height: 90%  }
	50% {   width:95%; height: 95%  }
}
@keyframes spin02 {  
	0%, 100% {    transform: rotate(0deg);  }
	50% {    transform: rotate(180deg); }
}
@keyframes spinsize02 {  
	0%, 100% {    width:90%; height: 90%  }
	50% {   width:95%; height: 95%  }
}
@keyframes spin03 {  
	0%, 100% {    transform: rotate(180deg); }
	50% {    transform: rotate(360deg); }
}
@keyframes spinsize03 {  
	0%, 100% {    width:90%; height: 90%  }
	50% {   width:95%; height: 95%  }
}

/*Shortcode*/
.btn-kf.left {
    display: block;
	float: left;
}
.btn-kf.right {
    display: block;
	float:  right;
}
.btn-kf.center {
    margin: 0 auto;
    display: block;
}


@media screen and (max-width:1340px){
.btn-kf {
    width: 140px;
    height: 140px;
}
.btn-kf-inner {
    top: 27px;
    left: 27px;
    width: 62%;
    height: 62%;
    font-size: 16px;
}
	
.btn-kf img {
    width: 80% !important;
    height: 80%;
    top: 10%;
    left: 10%;
}
	}




@media screen and (max-width:680px){
	.button {
	font-size:18px;
	width:auto;
}
	
	.button, .button-white {
    padding: 20px 25px;
}
	}









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

/*\\\\\\\\\\\\\\\\\\\\\ FORMULAR /////////////////////*/	
form{
	width:100%;
	}

input{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}

input, textarea, select, .radiogroup {
    width: 55%;
    display: block;
    padding: 15px;
    border: none;
    margin-top: 4px;
    height: 50px;
    font-size: 24px;
    outline: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
select{
	-webkit-appearance : none !important;
	-moz-appearance : none !important;
	-o-appearance : none !important;
	appearance : none !important;
	
	 background-image: url(../images/pfeil-down.svg);
    background-size: 15px;
    background-position: center right 20px;
    background-repeat: no-repeat;	
}
select option{color:red !important;-webkit-appearance : none !important;
	-moz-appearance : none !important;
	-o-appearance : none !important;
	appearance : none !important;}
select.select-jobcat{
	background-color:#fff !important;
	font-size:24px !important;
}
input.radio{
	width:10%;
	margin-top:6px;
	}
textarea{
	width:53%;
	}
input:focus{
		border: none;		
	}
label{
	display:block;
	width:100%;
	cursor:pointer;
	}
label.checkbox{
	width:90%;
	}

/* Buttons WP */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
        padding: 0 30px 0;
    background-color: transparent;
    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: 2px solid #a0c939;
    color: #a0c939;
}

/* Buttons WP */
footer button,
footer input[type="submit"],
footer input[type="button"],
footer input[type="reset"] {
    padding: 15px 60px;
    background-color: transparent;
    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: 2px solid #fff;
    color: #fff;
	height: auto;
}	
	#wpcf7-f27-o1 {
    margin-bottom: 50px;
}
input.checkbox{
	background:#fff;
	width:20px;
	margin-top:16px;
	}
fieldset{border:none;}
.radiogroup{
	border:none;
	margin-top:7px;
}

#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;}


form input[type="checkbox"], form input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 15px;
    float: left;
    height: 22px !important;
    min-height: 0 !important;
    margin-right: 10px;
	    margin-top: 2px;
}

/* formular */
form.wpcf7-form div#name-email{
	width:100%;
	height:auto;
	float:left;
	}



div.field-left{
	width:50%;
	height:auto;
	float:left;
	padding-right:2%;
	}

div.field-right{
	width:50%; 
	height:auto;
	float:left; 
	padding-left:2%;
	}		
div.field100{width:100%; padding:0; clear: both;}
div.text-field{ width:100%; clear:both;}


.wpcf7-textarea {
    width: 100%;
    height: auto;
    border: none;
    font-size: 18px;
    padding: 1px 0 0;
    font-weight: lighter;
    display: block;
    background: #f2f2f2;
    padding: 15px;
    box-sizing: border-box;
    height: 150px;
}

div.field100 input, div.field-left input, div.field-right input, /*.job-detail*/ select{
	width:100%; 
	margin-bottom:10px;  
	background-color:#f5f5f5; 
	border:none; 
	padding: 3px 15px 0 15px;    
	font-size: 18px;
    font-weight: lighter;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color: #3d4543 !important;
	font-weight:500;
	cursor: pointer;
}


@media screen and (max-width:1000px){	
	}
@media screen and (max-width:680px){
	
	/*\\\\\\\\\\\\\\\\\\\\\ FORMULAR /////////////////////*/
	label, label.checkbox{
		width:auto;
		display: block;
		}
	label.checkbox{ display:inline-block;}
	input.checkbox, input.radio{width:20px;}
	input, .submitbutton input, textarea,  select{
		width:100%;
		}
	textarea{
		width:98%;
		}
	form{
	width:100%;
	}
	}






/*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 */
}