body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/***********************************
allgemeine html-Tags
************************************/
*{
	margin:0;
	padding: 0;
	border:0;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body{	
	font-family: 'Arial', sans-serif;
	font-size: 19px;
	color: #8b8b8b;
	font-weight: 300;
}

strong{
	font-weight: 600;
}

form input, form textarea{
	font-weight: 300;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}


h1{
	font-size: 44px;
	font-weight: bold;
	color: #dbb064;
	text-transform: uppercase;

}

h2{
    color: #454444;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 1px solid #d8d8d8;
    display: inline-block;
    padding-bottom: 11px;
    margin-bottom: 22px;
	position: relative;
}

#home h2{
	font-size: 30px;
	letter-spacing: 2px;
}



h2:after{
	content: '';
width: 70px;
height: 1px;
background: #c49b66;
position: absolute;
bottom: -1px;
left: 0;

}


h2.center{
	margin: 145px auto 107px;
	text-align: center;
}

h2.center:after, .popup_content h3:after{
	content: '';
width: 70px;
height: 1px;
background: #c49b66;
position: absolute;
bottom: -1px;
left: calc(50% - 35px);

}


h3{
	font-weight:400;
	font-size: 27px;
	color:#4e4e4d;
	 border-bottom: 1px solid #d8d8d8;
    display: inline-block;
	padding-bottom: 18px;
    margin-bottom: 38px;
	position:relative;
}

h3:after{
	content: '';
width: 50px;
height: 1px;
background: #c49b66;
position: absolute;
bottom: -1px;
left: 0;

}

h4{
	font-size: 27px;
	color: #4e4e4d;
	margin: 34px auto 20px;
	font-weight: 400;
}


h5{
	font-size: 27px;
	color: #fff;
	font-weight: 400;
}

.nowrap{
	white-space: nowrap;
}



/***********************************
Schriften
*************************************/

/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fontsjosefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fontsjosefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fontsjosefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fontsjosefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fontsjosefin-sans-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fontsjosefin-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fontsjosefin-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fontsjosefin-sans-v25-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fontsjosefin-sans-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fontsjosefin-sans-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fontsjosefin-sans-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fontsjosefin-sans-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fontsjosefin-sans-v25-latin-italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}



/**********************************
Seitenbereiche
***********************************/



/********************
wrapper
*********************/
#wrapper{
	width: 100%;

	margin: 0 auto;
	/* background-color: #f6f5f5; */

}

#logo-navi .inside, #main .ce_text, .unterseite .ce_headline, #main .rs-columns-inner, #footer .inside{
	max-width: 1234px;
	margin-left: auto;
	margin-right: auto;
}

/*******************
header
********************/
.home #header{
	background: url("../../files/layout-bilder/header-bild.jpg");
	background-attachment:fixed;
	min-height: 900px;
}

#logo-navi {
	border-bottom: 1px solid #dbb065;
	 width: 100%;
	position: fixed; 
	z-index: 100;
 	-webkit-transition: all 0.8s;
    transition: all 0.8s; 
	min-height: 98px;
}

#logo-navi.dunkel, .unterseite #logo-navi{
	background: rgba(5,7,23,0.8);
}

#logo{
	position: absolute;
top: 33px;
z-index: 8000;

	/* -webkit-transition: all 0.8s;
    transition: all 0.8s; */
	
}

#logo a{
	font-size: 23px;
	font-weight: bold;
	color: #dbb064;
	text-decoration:none;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.header-tel {
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 70px;
}


.kurznavi {
    position: absolute;
    right: 0;
    top: 0;
}


.kurznavi a:last-child{
	margin-right: 0;
}

.kurznavi a img{
	margin-right: 14px;
	margin-bottom: -2px;
}


.navi-mobil{
	display: none;
}
/***Hauptnavi***/

.hauptnavi{
	
	float: right;
	font-size: 17px;
	padding: 25px 0 10px;
	overflow:visible;
	margin-bottom: 17px;


	
}

.hauptnavi ul.level_1{
	
}

.hauptnavi li{
	display: inline-block;
	float: left;/*für Positionierung der Navi in Mitte*/

	
	position: relative;/*für untermenü-punkte*/
	height: ;
}

.hauptnavi li.last{
	border: none;
}


.hauptnavi a, .hauptnavi span.active {
	display: block;
	color:#9f9f9f;
	padding:  10px 10px 10px 10px;/*nach unten mehr padding damit man beim hovern bequem auf die
	untermenü-punkte kommt*/

}

.hauptnavi a:hover, .hauptnavi span.active, .hauptnavi .nav-active{
	color: #fff;
}





#header .ce_text, #header .ce_image{
	text-align: center;
}


#header .ce_text {
    color: #fff;
    letter-spacing: 5px;
    margin-bottom: 317px;
    position: absolute;
    top: 510px;
    left: 0;
    right: 0;	
}

h3.p{
	font-size: 19px;
	text-transform: none;
	color: #fff;
	font-weight: 300;
	border-bottom: none;
}
h3.p:after{
	height: 0;
}



.logo-svg {
  height: 200px;
  position: fixed;
  top: 350px;
  left: calc(50% - 113px);
  -webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
	
 
}

.logo-svg.klein {
  height: 150px;
  width: 80px;
  top: 18px;
  left: 17%;
  z-index: 500;
 
}

.unsichtbar{
	opacity: 0;
	display: none;
}


/******************
container
*******************/
#container{
	padding:90px 0 0px 0;
}

#container p{
	line-height: 195%;
}

.chrome #container p{
	letter-spacing: -1px;
}

#container p strong{
	color: #6e6d6d;
}

#container a{
	color:#be9c5e;
}


/********
main
*********/

.links-arbeitsproben{
	margin-top: 20px;
	margin-bottom: 60px;
}

#container .links-arbeitsproben a{
	display: inline-block;
	background: #bc944e;
	color: #d8d8d8; 
	font-size: 15px;
	padding: 10px 12px;
margin-right: 10px;
-webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
	border:2px solid transparent;
	text-decoration: none;
}


button.mail{
	margin-bottom: 30px;
}

#home button{
	margin-right: 20px;
	margin-bottom: 30px;
}
#container button.button{
	background: transparent;
}

#container button.button a{
	font-size: 15px;
	
}

#container button.button a:hover{
	text-decoration: none;
}

#container #home  button.my_popup4_open,  button.mail, #container button.button a{
	background: transparent;
	border:2px solid #bc944e;
	color: #bc944e;
	padding: 10px 12px;
	-webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
}


#container .links-arbeitsproben a:hover{
	background: transparent;
	border:2px solid #bc944e;
	color: #bc944e;
}

#container #home button.my_popup4_open:hover, button.mail:hover, #container button.button a:hover{
background: #bc944e;
	color: #d8d8d8; 
	border:2px solid transparent;
	
}

.referenzen-ausbildung {
    margin: 148px 0;
}

.referenzen-ausbildung p{
	color: #919190;
}
.referenzen-ausbildung strong{
	font-weight: 300;
	color: #565656;
}

/*Chart*/

#kenntnisse {
    color: #6e6d6d;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}


.skillbar {
	position:relative;
	display:block;
	margin:0 auto 15px;
	width:100%;
	background:#eee;
	height:2px;
	
}

.skillbar-wort {
	position:relative;
	display:block;
	margin:0 auto 6px;
	width:100%;
	
	
}



.skillbar-bar {
	height:2px;
	width:0px;
	background:#c49b66;

}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:2px;
	line-height:25px;
	color:#444;
	color:rgba(0, 0, 0, 0.4);
}

/*liste kenntnisse*/


.ce_text.liste-kenntnisse.block {
  line-height: 195%;
}

::marker {
  color: #bc944e;
}

#home #tabelle{
	margin-bottom: 60px;
}

#tools{
	background: url("../../files/layout-bilder/kenntnisse-bild.jpg");
	background-attachment:fixed;
	padding: 65px 0;
}

#main .tools .rs-columns-inner{
	max-width: 868px;
	
}

.tools img{
	opacity: 0.1;
}


/*Dienstleistungen*/

.dienstleistungen{
	text-align:center;
}

.dienstleistungen .rs-column {
    
    min-height: 314px;
    padding: calc(3% - 5px);
    margin-right: 0;
	width: 28%;
}




.dienstleistungen .rs-column.-large-first-row{
	border-bottom: 1px solid #d8d8d8;
}

.dienstleistungen .rs-column{
	border-right: 1px solid #d8d8d8;
	margin-top: 0;
}

.dienstleistungen .rs-column.-large-last{
	border-right: 0;
}



/*schreiben*/
.schreiben{
	background: url("../../files/layout-bilder/schreiben-bild.jpg");
	background-attachment:fixed;
	padding: 107px 0 140px;
	text-align:center;
	margin-top: 198px;
}

#container .schreiben a, #container  a.anfordern{
	display: inline-block;
	background: #bc944e;
	color: #e7d6be; 
	padding: 0 12px;
margin-right: 10px;
-webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
	border:2px solid transparent;
	text-decoration: none;
	margin-top: 25px;
}



#container .schreiben a:hover, #container a.anfordern:hover{
	background: transparent;
	border:2px solid #bc944e;
	color: #bc944e;
}

/*arbeitsproben*/
#arbeitsproben{
	text-align: center;
	margin-bottom: 100px;
}
.bild-text{
	position: relative;
}
#arbeitsproben .overlay {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    width: 94%;
    padding: 3%;
	text-align:left;
	display: none;
}

#arbeitsproben h5{
	font-size: 16px;
	color: #bc934a;
	text-transform:uppercase;
}

#container #arbeitsproben p {
    line-height: 156%;
}

button[class*="my_popup"]{
	cursor:pointer;
	background: transparent;
	color: #bc934a;
	font-size: 15px;
}

.popup_content{
	background: #fff;
	padding: 30px 3%;
	width: 600px;
	max-width: 90%;
	
}

.form-arbeitsproben{
	max-width: 90%;
	margin: 0 2.5%;
}

.form-arbeitsproben label{
	display: block;
}

.form-arbeitsproben input[type="text"], .form-arbeitsproben textarea {
	border: 1px solid #bc944e;
	padding: 7px;
	font-family:  'Josefin Sans', sans-serif;
	margin-bottom: 30px;

}

/*Kontakt*/

input[type="text"], input[type="email"], textarea, input[type="submit"]{
	-webkit-appearance: none;
	
}

input, textarea{border-radius: 0;}

.form{
	background: url("../../files/layout-bilder/kontakt-bild.jpg");
	background-attachment:fixed;
	text-align: center;
}

.form h2 {
    color: #fff;
    max-width: 93%;
}


.form .anfrage-form{
	text-align: left;
}

.form .ce_form{
	width: 100%;
	max-width: 930px;
	padding: 80px 40px;
	margin: 0 auto 50px;
	background: rgba(0,0, 0, 0.4)
}

.form input[type="text"], .form textarea{
	background: transparent;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-family: 'Josefin Sans', sans-serif;
	margin-bottom: 30px;
}

.form input[type="text"]:active, .form input[type="text"]:focus, .form textarea:active, .form textarea:focus{
	outline: 0;
}

.form .widget.name{
	margin-right: 40px;
}

.form .widget-text{
	float: left;
	width: calc(50% - 40px);
}

.form input[type="text"]{
	width: 100%;
	margin-bottom: 60px;
}

.form input.name{
	margin-right: 40px;
}

.form textarea{
	width: 100%;
}

.form input[type="submit"], .form button.submit, .form-arbeitsproben input[type="submit"], .form-arbeitsproben button.submit , #arbeitsproben button.my_popup4_open{
	display: inline-block;
	background: #bc944e;
	color: #e7d6be; 
	padding: 8px 12px;
margin-right: 10px;
-webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;
	border:2px solid transparent;
	text-decoration: none;
	margin-top: 25px;
	margin-bottom: 40px;
}



.form input[type="submit"]:hover, .form button.submit:hover,.form-arbeitsproben input[type="submit"]:hover, .form-arbeitsproben button.submit:hover, #arbeitsproben button.my_popup4_open:hover{
	background: transparent;
	border:2px solid #bc944e;
	color: #bc944e;
}

.popup_wrapper .ce_text, .popup_wrapper h3{
	text-align: center !important;
}

.popup_content a{
	color: #bc934a;
}

.popup_content button:before {
    content: " X ";
    background: #bc934a;
    display: block;
    float: left;
    padding: 0 3px;
    margin-right: 5px;
    color: #fff;
}


/*****************
footer
******************/
#footer{
background: rgba(5,7,8,1);
    padding: 12px;
	text-align: right;
}

#footer a{
	color: #bc944e;
}


/******************************
Definitionen für spezielle Seiten
*******************************/

.unterseite #container{
	padding-top: 160px;
	min-height: 60vh;
}
.arbeitsproben .ce_headline-wrap{
	text-align: center;
}

.arbeitsproben h2.center{
	margin-bottom: 40px;
}

.arbeitsproben h3{
 	font-size: 23px;
	padding-bottom: 13px;
margin-bottom: 20px;
margin-top: 10px;
 
	
}

.arbeitsproben #container p{
	line-height: 150%
}

.button-group{
	text-align:center;
	margin-bottom: 80px;
}

.button-group button{
	border:0;
	background: transparent;
	margin: 0 10px;
	font-size: 19px;
	cursor: pointer;
	cursor: pointer;
	font-family: 'Josefin Sans', sans-serif;
	color: #8b8b8b;	
}

.button-group button.is-checked{
	color: #be9c5e;
}

.arbeitsproben .rs-columns.grid{
	display: block;
	max-width: 1234px;
	margin: auto;
}

.arbeitsproben #container #main .element-item{
	/*max-width: 30%;*/
	margin:  0 1.5%;
	margin-bottom: 80px;
}




/*****************************
Galerie, Tabelle, Akkordeon, Listen
******************************/
#main .ce_text table, #main .ce_table table {
    border-collapse: collapse;
    margin-bottom: 15px;
	margin-left: 1px;
	width:99%;
	max-width: 795px;
	font-size: 0.9em;
	line-height: 1.2em;
}


#main .ce_table .col_0 {
    padding: 5px;
    text-align: left;
	border: 1px solid #ccc;
}
#main .ce_text table td, #main .ce_table table td {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 10px;
}

#main .ce_text table th, #main .ce_table table th{
	background-color: #c9ea3b;
	color:#518a95;
	padding: 10px;

}

#main .ce_table thead, #main .ce_text thead{
	border-left: 1px solid #c9ea3b;
}

/*table responisve*/
@media(max-width: 768px) {
    table tr {
    
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    table td {
     
        margin: 0 -1px -1px 0;
        width: 80%;
    }
}


/*Listen*/
#main ol, #main ul{
	padding-left: 30px; 
}
 
 /*Akkordeon*/
 .toggler{
	color:;
	background-color: #c9ea3b;
	padding:5px 5px 5px 10px;
	cursor: pointer;
	font-weight: bold;
 }
 
 .ce_accordionSingle, .ce_accordionStart{
	margin-bottom: 10px;
	background:#f2f2f1;

 }
  .ce_accordionSingle p, .ce_accordionStart p{
	padding-left:10px;

 }
 
 /*Galerie*/
 
 #main .ce_gallery ul{
	padding-left: 0;
 }


/***************************
responsive
****************************/
@media (max-width:1600px) {
	.logo-svg.klein {

    left: 12%;
}

}

@media (max-width:1412px) {
	.logo-svg.klein {

    left: 5%;
}

}

@media (max-width:1260px) {
#logo-navi .inside, #main .ce_text, #main .rs-columns-inner, #footer .inside, .arbeitsproben #main .rs-columns.grid{
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}



.logo-svg.klein {
   
    left: 1%;
}
.mean-container{
	margin-top: 40px;
}

#home figure.image_container.float_left{
	margin-right: 40px!important;
}

.dienstleistungen .rs-column {
    min-height: 373px;
}

}

@media (max-width:1110px) {
	
#logo a{
	font-size: 18px;
}

.hauptnavi{
	margin-bottom: 8px;
}
	.home #header{
   background-size: cover;
    min-height: 700px;
	background-position: right center;
}

	.ios.home #header{
   background-size: auto;
    
}

#tools, .schreiben, #form{
	 background-size: cover;
	background-position: center center; 
} 

.ios #tools, .ios.schreiben, .ios #form{
	background-size: auto;
}

.schreiben{
	padding: 52px 0 66px;
}

.logo-svg {
    height: auto;
  
    top: 270px;
    left: calc(50% - 90px);
    width: 180px;
}

#header .ce_text {
    top: 430px;
  
}

h1{
	font-size: 36px;
}

.form .ce_form {
    width: 84%; 
    padding: 80px 5%;
 
}


}

@media (max-width:1059px) {
	#logo{
		top: 0;
	}
}

@media (max-width:960px) {
	#home figure.image_container.float_left {
    float: none;
    text-align: center;
    margin: 0 auto 50px auto !important;
	max-width: 125px
}

.arbeitsproben #container #main .element-item{
	/*max-width: 43%;*/
	margin:  0 3.5%;
	
}

}

@media (max-width:900px) {
	.dienstleistungen .rs-column {
   /*  width: 44%; */
   width: 100%;
   min-height: 0;
   margin-bottom: 10px;
   
}

.dienstleistungen .rs-column.-medium-last {
    border-right: 0;
}

.dienstleistungen .rs-column.-medium-first {
   border: 0;
   
}

.dienstleistungen .rs-column.-medium-col-2-1{
   border: 0;
}
 
#arbeitsproben .overlay {
  
    max-width: calc(389px - 6%);
    margin: 0 auto;
    left: 0;
    right: 0;
}


 .form .widget-text {
    float: none;
    width: 100%;
}


}

/* Unterhalb von 768px alle Layoutbereiche untereinander darstellen */
@media (max-width:767px) {
  #wrapper {
    margin:0;
    width:auto;
  }
  #container {
    padding-left:0;
    padding-right:0;
  }
  #main,#left,#right {
    float:none;
    width:auto;
  }
  #left {
    right:0;
    margin-left:0;
  }
  #right {
    margin-right:0;
  }
}

@media (max-width:600px) {
	
	body, h3.p{
		font-size: 16px;
	}
	h1{
		font-size: 28px;
	}
	
	h2, #home h2{
		font-size: 24px;
	}
	
	h3, h4, h5{
		font-size: 22px;
	}
	
	.home #header {
    min-height: 600px;
}

	#logo{
		margin-bottom: 0;
	}
	
	.logo-svg {
    height: auto;
    top: 196px;
    left: calc(50% - 65px);
    width: 130px;
}

#header .ce_text {
    top: 330px;
	margin-bottom: 0;
	letter-spacing: 4px;
}

.arbeitsproben #container #main .element-item{
	max-width: 100%;
	margin-bottom: 80px;
}

.arbeitsproben #container #main .element-item,.arbeitsproben #container #main .element-item.letzte{
	margin-right: 0;
}



}

@media (max-width:599px) {
	.referenzen-ausbildung {
    margin: 79px 0 30px;
}
h2.center {
    margin: 80px auto 60px;
  
}

#main .dienstleistungen .rs-columns-inner{
	width: 80%;
	max-width: 300px;
	display: block;
}
.dienstleistungen .rs-column {
    width: 100%;
    min-height: 0;
    margin: 20px auto;
	padding-bottom: 20px;
	
}

.dienstleistungen .rs-column.-medium-first {
    border-right: 0;
}


#tools .ce_image.block{
	text-align: center;
}

h4 {
    margin: 19px auto 11px;
}

#schreiben{
	margin-top: 80px;
}


}

@media (max-width:440px) {
	#container .links-arbeitsproben a{
		margin-bottom: 15px;
	}
	
	.form-arbeitsproben input[type="text"], .form-arbeitsproben textarea {
		width: calc(100% - 16px);
	}
}


/************************
Seite Lebenslauf
***************************/

#main .ce_text .kenntnisse p {
  line-height: 159%;
}

/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
 	/* float: left;  */
	width: 100%;
	position: relative;
	/* background: #aaaaaa; */
	padding: 0;
	min-height: 42px;
	z-index: 600;
	/* border-bottom: 1px solid #fff; */
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 11px 13px 11px 13px;
	position: absolute;
	top: -5px;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
	position: relative
}

.mean-container a.meanmenu-reveal span > span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
	position: absolute;
	top: 4px;
	width: 22px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	/* background: #7e7f84; */
	background: none;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span.active,  .mean-container .mean-nav ul li span.trail {
	display: block;
	float: left;
	width: 90%;
	padding: 0.6em 5%;
	margin: 0;
	text-align: left;
	color: #9f9f9f;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	/* text-transform: uppercase; */
}

.mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li span.active, .mean-container .mean-nav ul li li span.trail {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	/* opacity: 0.75;
	filter: alpha(opacity=75); */
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span.active{
	 color: #fff; 
}


.mean-container .mean-nav ul li a.mean-expand {
	/* margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important; */
	display: none;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}