@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/roboto-v18-latin-regular.eot'); 

  src: local('Roboto'), local('Roboto-Regular'),

       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 

       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), 

       url('fonts/roboto-v18-latin-regular.woff') format('woff'), 

       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), 

       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 

}





@font-face {

  font-family: 'Kaushan Script';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/kaushan-script-v7-latin-regular.eot'); 

  src: local('Kaushan Script'), local('KaushanScript-Regular'),

       url('fonts/kaushan-script-v7-latin-regular.eot?#iefix') format('embedded-opentype'), 

       url('fonts/kaushan-script-v7-latin-regular.woff2') format('woff2'), 

       url('fonts/kaushan-script-v7-latin-regular.woff') format('woff'), 

       url('fonts/kaushan-script-v7-latin-regular.ttf') format('truetype'), 

       url('fonts/kaushan-script-v7-latin-regular.svg#KaushanScript') format('svg'); 

}





@font-face {

  font-family: 'Righteous';

  font-style: normal;

  font-weight: 400;

  src: url('/files/Standardlayout/righteous-v6-latin-regular.eot'); 

  src: local('Righteous'), local('Righteous-Regular'),

       url('fonts/righteous-v6-latin-regular.eot?#iefix') format('embedded-opentype'), 

       url('fonts/righteous-v6-latin-regular.woff2') format('woff2'), 

       url('fonts/righteous-v6-latin-regular.woff') format('woff'), 

       url('fonts/righteous-v6-latin-regular.ttf') format('truetype'), 

       url('fonts/righteous-v6-latin-regular.svg#Righteous') format('svg'); 

}





@font-face {

  font-family: 'Crimson Text';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/crimson-text-v8-latin-regular.eot'); 

  src: local('Crimson Text Regular'), local('CrimsonText-Regular'),

       url('fonts/crimson-text-v8-latin-regular.eot?#iefix') format('embedded-opentype'), 

       url('fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), 

       url('fonts/crimson-text-v8-latin-regular.woff') format('woff'), 

       url('fonts/crimson-text-v8-latin-regular.ttf') format('truetype'), 

       url('fonts/crimson-text-v8-latin-regular.svg#CrimsonText') format('svg'); 

}





@font-face {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/open-sans-v15-latin-regular.eot'); 

  src: local('Open Sans Regular'), local('OpenSans-Regular'),

       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), 

       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), 

       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), 

       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), 

       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); 

}



:root {

  --main-bg-color: #0076A9;

  --main-headline-color: #0076A9;

  --main-link-bg:#227BB0;

  --main-link-hover: #009900;

  --main-font-family1:'Roboto', sans-serif;

  --main-font-family2:'Kaushan Script', cursive;

  --main-font-family3:'Righteous', cursive;

  --main-font-family4:'Crimson Text';

  --main-font-family5:'Open Sans';

  --main-color-orange: #D7423C;

  --main-color-grey: #E8E8E8;

  --main-color-blue:#54A6F5;

  --main-color-darkgrey: #6B6B6B;  

}



html {

	box-sizing: border-box;

	margin:0;

	padding:0;

	scroll-behavior:smooth;

}

body {

	overflow-x: hidden;

	font-family: 'Roboto', sans-serif;

}



* {

	margin:0;

	padding:0;

}



*, ::after, ::before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



#header .inside {

	position: relative;

	max-width:1024px; 

	margin:0px auto;

	z-index:2;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	align-items: baseline;

	border-bottom:dotted 1px var(--main-color-grey);

}



#header .inner {

	position:relative;

	padding:0px;

}



div.logo {

	flex-grow:1;

	background-color:#ffffff;

	padding:20px 0 20px 0;

	z-index:99;

}



.logo img {

	width:100%;

	max-width:100px;

	height:auto;

}



.logo a {

	display:block;

	color:var(--main-headline-color);

	text-decoration:none;

	font-size:2rem;

	text-decoration:none;

	font-weight: bold;

	text-shadow: 0px 0px 2px #ccc;

	 -webkit-transition: all 0.8s; 

    transition: all 0.8s;

}



.logo a span {

	display:block;

	position:absolute;

	top:50px;

	left:120px;

	height:40px;

	vertical-align: middle;

}		



.logo a:hover {

	color:var(--main-color-orange);

}



.float_right {

	float: right;

}



.float_left {

	float: left;

	padding:0 20px 10px 0;

}



#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 {

	line-height:3rem;

	padding:30px 0 20px 0;

	margin-bottom:20px;

	color:#3D5F91;

	letter-spacing:2px;

	overflow: hidden;

	position: relative;

}



#main h1::after {

  content: '';

  width: 10%;

  height: 3px;

  background:var(--main-color-orange);

  position: absolute;

  top: 80px;

  left:0;

}



#main h2::after {

  content: '';

  width: 15%;

  height: 3px;

  background:var(--main-color-orange);

  position: absolute;

  top: 80px;

  left:0;

}



#main {

	position:relative;

	background-color:#ffffff;

}



#main a {

	color:#26A8FF;

	text-decoration:none;

}



##main a:hover {

	color:#F7A325;

}



.mod_article {

	line-height:1.5rem;

	padding-bottom:30px;

	min-height:100vh;

}



.firmengeschichte_bg {

	background-color:var(--main-color-grey);

	z-index: 1;

	background-image: url("buero-germete.jpg");

	background-size: cover;

}



.firmengeschichte_bg p{

	font-size:1.1rem;

	color:var(--main-color-darkgrey);

}	



.leistungen_bg {

	display:block;

	background-color:#F7F7F7;

}



.leistungen_flex {

	max-width:1024px; 

	margin:0px auto;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;

}



.ansprechpartner_bg {

	max-width:1024px; 

	margin:0px auto;

}



.personal_card {

	position:relative;

	width:46%;

	display: block;

	min-height:260px;

	float:left;

    background-color:var(--main-color-grey);

    background-image: url("AdobeStock_284840354_Preview.jpg");

	background-size: cover;

    color:#505050;

    border: 1px solid #DDDDDD;

	margin:12px !important;

	padding:12px 6px;

    text-align:left;

    -webkit-transition: all 0.8s; 

    transition: all 0.8s;

}



.bg_3 {

	background-color:#336699;

	color:#ffffff;

}

.standorte_bg {

	background-color:#ffffff;	

}



.ausbildung_bg {

	

}



.ausbildung_flex {

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	align-items: center;

}



#ausbildung .ce_text {

	min-height:300px;

	background:white;

	padding:5px;

	margin-top:20px;

	border:solid 1px #ccc;

	border-radius:4px;

	background-color:#F9F9F9;

}



#ausbildung .ce_text img {

	margin:10px;

}



#ausbildung .ce_text p {

	display:block;

	min-height:250px;

	padding:0 20px;

}



#ausbildung .ce_text h3{

	padding:20px 0 0 10px;

	font-size:1.6rem;

}	



.zertifikate_bg {

	background-color:#ffffff;	

}



#main .bg_3 h1, #main .bg_3 h2, #main .bg_3 h3 {

	color:#ffffff;	

}	



.bg_3a {

	background-image: url("GesekeA44.jpg");

	background-size: cover;

	min-height:80vh;

}



.bg_4 {

	background-color:#464646;

}



div.fa_cap::before {

	position:absolute;

	top:60px;

	left:30%;

	font-family: fontawesome;

	content: "\f19d";

	color: #00893D;

	font-size:8rem;

}



.mod_breadcrumb, .inner, .mmenu_div,.flex_head, .header_tel, [class*="ce_"] {

	max-width:1024px; 

	margin:0px auto;

}





.cc-color-override--737838316.cc-window {

	background-color:#336699;

}



.clear {

    content: '';

    display: block;

    clear: both;

}



.underline::after {

  content: '';

  position: absolute;

  width: 100%;

  transform: scaleX(0.2);

  height: 2px;

  bottom: -10px;

  left: 0;

  background-color: #8AC249;

}



.ce_headline,.ce_hyperlink,.ce_form, .personal_div {

	padding:20px;

}



p {

	margin-bottom:20px;

}







ul {

	margin-left:30px;

}



ul.bullet {

	text-align:left;

	margin-bottom:20px;

	list-style:none;

}



ul.bullet > li::before {

	font-family: fontawesome;

	content: "\f001";

	color: #26A8FF;

	padding-right:30px;

	display: inline-block;

	width: 1em;

}

ol {

	margin-left:50px;

}



.invisible {

	display:none;

}



blockquote {

  background: #f9f9f9;

  border-left: 10px solid #8AC249;

  margin: 1.5em 10px;

  padding: 0.5em 10px;

  quotes: "\201C""\201D""\2018""\2019";

}



blockquote:before {

  color: #8AC249;

  content: open-quote;

  font-size: 4em;

  line-height: 0.1em;

  margin-right: 0.25em;

  vertical-align: -0.4em;

}





.zert_flex {

	max-width:1024px; 

	margin:0px auto;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

}



.zert_flex > div:nth-child(even) {

	width:70%;

}



.zert_flex > div:nth-child(odd) {

	width:30%;

}







.ce_toplink.active {

    width:50px;

    height:50px;

    bottom:40px;

    right:10px;

    position:fixed;

    display:block;

    z-index:99;

    background-color:var(--main-link-bg);

    font-size:3rem;

    -webkit-transition: all 1.2s; 

    transition: all 1.2s;

}



.ce_toplink a {

    width:50px;

    height:30px;

    display:block;

    text-align: center;

    color:#ffffff !important;

    z-index:99;

}



.ce_toplink > a > .fa-angle-up {

	color:#ffffff;

}



.ce_toplink a:hover {

    -webkit-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;

}



.parallax1 {

	min-height:50vh;

	background-image: url("AdobeStock_42293306.jpeg");

	background-attachment: fixed;

	background-position: center bottom;

	background-repeat: no-repeat;

	background-size: cover;



}



.slider-control {

	display:none;

}



.parallax1 .ce_text {

	text-align: center;

	color:#ffffff;

}



.slider-line1 {

	font-size:3.4rem;

	line-height:3.6rem;

	padding-top:80px;

	position: relative;

	font-family:var(--main-font-family3:);	

}



.slider-line2 {

	font-size:2.5rem;

	line-height:2.6rem;

	padding:20px 0;

	font-family:var(--main-font-family3:);

	color:var(--main-color-orange);

	background-color:rgba(255, 255, 255, 0.5);

}



.big_letter {

	font-weight:bold;

	color:#ffffff;

	text-shadow: 0px 0px 8px #515151;

}



.big_letter2 {

	font-weight:bold;



}



.link1 > a:link, .link1 > a:visited {

    background-color: white;

    color: black;

    border: 2px solid #8AC249;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

}



.link1 > a:hover, .link1 > a:active {

    background-color: #8AC249;

    color: white;

}





.widget-text {

    width: 33%;

    margin-left:0;

    display: inline-block;

}

.widget-explanation {

    display: inline-block;

    width: 100%;

}



fieldset {

	border: solid 0px;

}



::placeholder, .submit {

	font-size:1.1rem;

	letter-spacing:1px;

	font-family:verdana;

}



input[type=text], input[type=email], input[type=tel], textarea {

    width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 2px;

    box-sizing: border-box;

}



input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {

    border: 2px solid #6BB53F;

}



textarea {

    width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 2px;

    box-sizing: border-box;

}



.submit {

    width: 100%;

    background-color: #6BB53F;

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    border-radius: 2px;

    cursor: pointer;

}



.ce_form {

	padding:30px 0;

}



.submit:hover {

    background-color: #95DB6D;

}



.anfrage_form {

	margin:4px 0;

}





.leistungen_einzel {

	width:100%;

	display: block;

	background-color:#ffffff;

    color:var(--main-color-darkgrey);

    border: 0 solid #919191;

	margin:12px !important;

	padding:0 6px;

    text-align:left;

    box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);

	-webkit-transition: box-shadow 0.3s ease;

	transition: box-shadow 0.3s ease;

    -webkit-transition: all 0.8s; 

    transition: all 0.8s;

}



.leistungen_einzel img {

	width: 100%;

	height: auto;

	max-width:512px;

	float:left;

	margin:0 20px 20px 0;

}

.leistungen_einzel p {

	text-align:justify;

}



#main .leistungen_einzel h3 {

	text-align:center;

	font-size:1.4rem;

	margin:0 0 10px 0;

	padding-bottom: 5px;

	display:inline-block;

	border-bottom: 2px solid var(--main-color-orange);

}







.ui-accordion-header {

  color:var(--main-color-darkgrey);

  cursor: pointer;

  padding: 18px;

  width: 100%;

  text-align: left;

  font-size:1.2rem;

  letter-spacing:1px;

  margin-bottom:20px;

  border-bottom: solid 2px var(--main-color-orange);

  outline: none;

  transition: 0.4s;

}



.ui-accordion-header::after {

	font-family: fontawesome;

	content: '\002B';

	font-weight: bold;

	float: right;

	margin-left: 5px;

	font-size:2em;

}



.ui-accordion-header:hover {

  background-color:var(--main-color-darkgrey);

  color:#ffffff;

}



.ui-accordion-header.active {

  background-color:var(--main-color-darkgrey);

  color:#ffffff;

}



.ui-accordion-header.active::after {

    content: "\2212";

}



.ui-accordion-header.active:hover {

  background-color:var(--main-color-grey);

  color:var(--main-color-darkgrey);

}





.mmenu_div {

    position:absolute;

    top:80px;

    width:30px;

    height:30px;

    display:none;

    right:30px;

    z-index:99;

}







#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {

	line-height: 2rem;

	padding: 30px 0 20px 0;

	color:var(--main-color-grey);

	letter-spacing: 2px;

	overflow: hidden;

	position: relative;

}



#footer h2::after {

	content: '';

	width: 10%;

	height: 2px;

	background: #FC716C;

	position: absolute;

	top: 80px;

	left: 0;

}



#footer {

	width: 100%;

	line-height: 120%;

	color:#ffffff;

}



#footer .footer_1 {

	text-align:center;

	background:var(--main-color-grey);

	padding:10px 0 10px 0;

}



#footer .footer_3 {

	background:var(--main-color-darkgrey);

	padding:0 0 40px 0;

}



#footer a {

	text-decoration:none;

	color:#72C6FF;

}

#footer a:hover {

	color:#FC716C;

}



.footer_flex {

	max-width:1024px; 

	margin:0px auto;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;

}



.footer_einzel {

	width:44%;

	display: block;

	min-height:260px;

	margin:12px !important;

	padding:0 6px;

}





.g-recaptcha > div {

	text-align: center;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 30px;

	margin-left: auto;

}









.dotstyle {

	width: 50px; 

	height:400px; 

	position: fixed;

	right:0;

	bottom:0;

	z-index:20;

}



.dotstyle ul {

	position: relative;

	display: inline-block;

	margin: 0;

	padding: 0;

	list-style: none;

	cursor: default;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.dotstyle li {

	position: relative;

	display: block;

	margin: 16px 16px;

	width: 16px;

	height: 16px;

	cursor: pointer;

}



.dotstyle li a {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	outline: none;

	border-radius: 50%;

	background-color: #fff;

	background-color: rgba(255, 255, 255, 0.3);

	text-indent: -999em; 

	cursor: pointer;

	position: absolute;

}



.dotstyle li a:focus {

	outline: none;

}







.dotstyle-fillin li a {

	background-color: #227bb0;

	box-shadow: inset 0 0 0 2px white;

	-webkit-transition: box-shadow 0.3s ease;

	transition: box-shadow 0.3s ease;

}



.dotstyle-fillin li a:hover,

.dotstyle-fillin li a:focus {

	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6)

}



.dotstyle-fillin li.current a {

	box-shadow: inset 0 0 0 8px white;

}





#main .ce_gallery > ul {

	width:100%;

	margin: 0;

	padding: 0;

	overflow: hidden;

	list-style: none;

}



#main .ce_gallery h2 {

	margin-bottom:0;

	font-size:1.1rem;

}



#main .ce_gallery > ul li.col_first{

    clear: left;

}



#main .ce_gallery > ul li{

    float: left;

}











#main .effect-milo {

	position: relative;

	display:inline-block;

	overflow: hidden;

	margin: 10px 1%;

	max-width: 460px;

	max-height:300px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

}



#main figure.effect-milo {

	background: #42b078;

	border: solid 1px #CECECE;

}



#main figure.effect-milo img {

	max-width: none;

	opacity: 0.5;

	width: -webkit-calc(100% + 60px);

	width: calc(100% + 60px);

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-30px,0,0) scale(1.12);

	transform: translate3d(-30px,0,0) scale(1.12);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



#main figure.effect-milo:hover img {

	#filter: blur(2px);

	-webkit-transform: translate3d(0,0,0) scale(1.06);

	transform: translate3d(0,0,0) scale(1.06);

}



#main figure.effect-milo a {

	display:block;

	z-index:99;

}



#main .effect-milo figcaption h2 {

	position: absolute;

	right: 10px;

	bottom: 10px;

	width:100%;

	padding: 1em 1.2em;

	color:#ffffff;

	text-align:left;

	background-color:rgba(87, 87, 87, 0.7);

}



#main .effect-milo figcaption {

	position: absolute;

	top: 10px;

	left: 10px;

	width: 100%;

	height: 100%;

}



#main .effect-milo figcaption p {

	padding: 0 10px 0 0;

	width: 50%;

	border-right: 1px solid #fff;

	color:#ffffff;

	text-align: right;

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-25px,0,0);

	transform: translate3d(-25px,0,0);

	background-color:rgba(87, 87, 87, 0.7);

}



#main .effect-milo figcaption:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}









#main .effect-marley {

	position: relative;

	display:inline-block;

	overflow: hidden;

	margin: 10px;

	max-width: 460px;

	max-height:300px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);

}

#main .effect-marley img {

	width: 100%;

	height:auto;

}



#main .effect-marley {

	border: solid 1px #CECECE;

}



#main .effect-marley figcaption {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 40px;

	padding:10px;

	background-color: rgb(255, 255, 255, 0.8);

}







.cl-effect-13 ul {

	list-style:none;

	margin-top:30px;

	margin-bottom:30px;

	padding:0;



}



.cl-effect-13 ul li {

    margin-bottom: 30px;

}



.cl-effect-13 li a {

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

	position:relative;

}



.cl-effect-13 li a::before {

	position: absolute;

	top: 100%;

	left: 50%;

	color: transparent;

	content: '•';

	text-shadow: 0 0 transparent;

	font-size: 1.2em;

	-webkit-transition: text-shadow 0.3s, color 0.3s;

	-moz-transition: text-shadow 0.3s, color 0.3s;

	transition: text-shadow 0.3s, color 0.3s;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	transform: translateX(-50%);

	pointer-events: none;

}



.cl-effect-13 a:hover::before,

.cl-effect-13 a:focus::before {

	color: #ba7700;

	text-shadow: 10px 0 #fff, -10px 0 #fff;

}



.cl-effect-13 a:hover,

.cl-effect-13 a:focus {

	color: #ba7700;

}



@media only screen and (max-width: 1040px) {



	#main .ce_headline,#main .ce_hyperlink,#main .ce_form,#main .ce_text, #footer .ce_text {

		padding:0 10px;

		margin-right:5px;

		margin-left:5px;

	}

	

	##main .ui-accordion-content {

		max-width:320px;

	}



}



.navi_oben {

	flex-grow:6;

	margin-top:0;

	text-align:right;

}



.navi_oben .level_1 {

	margin-left:5px;

}



.navi_oben .level_1 li {

	display:inline-block;

}



.navi_oben > .level_1 > li > a {

	display: block;

	box-sizing: border-box;

	text-decoration: none;

	height: 60px;

	padding: 0 10px;

	line-height: 60px;

	color: #22297a;

	font-size: 16px;

	position: relative;

	margin: 0 10px;

	padding: 0;

	text-transform: none;

	-webkit-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



#.navi_oben > .level_1 > li > a:hover {

	color:#D74239;

}





.navi_oben li a {

	position: relative;

	margin: 0 1em;

	padding-right: 0;

	padding-left: 0;

	color: #b5b5b5;

	-webkit-transition: color 0.4s;

	transition: color 0.4s;

}



.navi_oben li a:hover,

.navi_oben li a:focus {

	color: #D74239;

}



.navi_oben li a:hover::before,

.navi_oben li a:focus::before {

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}



.navi_oben li a::before,

.navi_oben li a::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 3px;

	-webkit-transform: scale3d(0, 1, 1);

	transform: scale3d(0, 1, 1);

	-webkit-transform-origin: center left;

	transform-origin: center left;

	-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);

	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);

}



.navi_oben li a::before {

	background: #D74239;

	-webkit-transition-delay: 0.4s;

	transition-delay: 0.4s;

}



.navi_oben li a::after {

	background: #D74239;

}





.fa {

	font-size: 30px;

	width:50px;

	height:50px;

	text-align: center;

	text-decoration: none;

	margin: 5px 2px;

	display: table-cell !important;

    vertical-align: middle;

    border-radius:10px 0 10px 0;

}



.fa:hover {

    opacity: 0.7;

}



.fa-facebook {

  background: #3B5998;

  color: white;

}



.fa-twitter {

  background: #55ACEE;

  color: white;

}



.fa-xing {

  background: #006668;

  color: white;

}



.fa-linkedin {

  background: #007bb5;

  color: white;

}



@media only screen and (max-width: 720px) {



	#wrapper {

		margin:0 auto;

	}

	

	.navi_oben {

		display:none;

	}



	.personal_card {

		width:90%;

	}	





	.mmenu_div {

		display:block;

	}





	.mmenu_div a {

	    width:50px;

	    height:50px;

	    display:block;

	    margin:-60px 20px 0 0;

	    padding:2px;

	    border:0px solid;

	    border-radius:5%;

	    font-size:1.6rem;

	    line-height:1.9rem;

	    font-weight:normal;

	    color:#3D5F91;

	    letter-spacing:1px;

	    -webkit-transition: all 0.6s;

	    -moz-transition: all 0.6s;

	    transition: all 0.6s;

	    text-decoration:none;

	}





	.mmenu_div a:hover {

	    background-color:#ccc;

	}



	.fa-bars {

	    padding:7px;

	}



	.widget-text {

    width: 100%;

	}



	div.fa_cap {

	margin-bottom:80px;

	}

	

	div.fa_cap::before {

	left:5%;

	}

	

	.slider-line1 {

		font-size:3.4rem;

		line-height:3.6rem;

		padding-top:80px;

		position: relative;

		font-family:var(--main-font-family3:);	

	}

	

	.slider-line2 {

		font-size:2.5rem;

		line-height:2.6rem;

		padding:20px 0;

		font-family:var(--main-font-family3:);

		color:var(--main-color-orange);

		background-color:rgba(255, 255, 255, 0.5);

	}

	

	.personal_card {

	width:95%;

	}

	

	.footer_einzel {

		width:100%;

	}

	

	#ausbildung .ce_text {

	border:solid 0px #ccc;

	border-radius:0px;

	margin:20px 0 0 0;

	}

	

	.bg_3a {

	background-image: url("GesekeA44-720.jpg");

	}

	

	.logo a {

	font-size:1.5rem;

	}

	

	.logo a span {

	display:block;

	position:absolute;

	top:80px;

	left:120px;

	height:40px;

	vertical-align: middle;

	}

	

	.slider-line1 {

	display:none;	

	}

	

	.bg_3a {

	padding-top:40px;

	}	



}





@media (orientation: portrait) { 

	.bg_3a {

	background-image: url("GesekeA44-720.jpg");

	}

}	

	

@media only screen and (max-width: 820px) {

	

	.leistungen_einzel {

		width:100%;

	}



	.float_left {

	float: none;

	width:100%;

	}

}



@media only screen and (max-width: 641px) {

	

.leistungen_einzel p:nth-of-type(2) {

	clear:left;

}





}



@media only screen and (max-width: 413px) {

	

.leistungen_einzel img {

	width: 100%;

	height: auto;

	max-width:512px;

	float:none;

	margin:0 20px 20px 0;

	margin:1px 1px 10px 1px !important;

}



.ui-accordion-header {

  font-size:1.1rem;

}

}