/* @import url("https://use.typekit.net/aqz7jgz.css"); */



:root {
  	--apocolor: rgb(36,66,48);
  	--apocoloropak: rgba(36,66,48,0.3);
  	--apocoloropak1: rgba(36,66,48,0.1);
  	--apoaccentcolor: rgb(54,104,95);
  	--bgcolor:rgb(36,66,48);
  	--buttoncolor:rgb(165,17,129);
  	--buttoncolor-hv:rgba(165,17,129,0.8);
  	--bordercolor:rgb(165,17,129);
  	--fontcolor: rgb(40, 55, 71);
  	--maritim: rgb(0,97,146);
  	--maritimlight: rgb(51,129,168);
}


/* ----------------------------- Fonts etc. ---------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 6, 2014 */
@font-face {
    font-family: 'focolight';
    src: url('../Fonts/foco_std_lt-webfont.eot');
    src: url('../Fonts/foco_std_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_lt-webfont.woff') format('woff'),
         url('../Fonts/foco_std_lt-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_lt-webfont.svg#focolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focoregular';
    src: url('../Fonts/foco_std_rg-webfont.eot');
    src: url('../Fonts/foco_std_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_rg-webfont.woff') format('woff'),
         url('../Fonts/foco_std_rg-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_rg-webfont.svg#focoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focoblack';
    src: url('../Fonts/foco_std_blk-webfont.eot');
    src: url('../Fonts/foco_std_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_blk-webfont.woff') format('woff'),
         url('../Fonts/foco_std_blk-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_blk-webfont.svg#focoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focobold';
    src: url('../Fonts/foco_std_bd-webfont.eot');
    src: url('../Fonts/foco_std_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_bd-webfont.woff') format('woff'),
         url('../Fonts/foco_std_bd-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_bd-webfont.svg#focobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {
	scroll-behavior: smooth;
	height:auto;
}
body {
	font-family: 'focolight', sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
	 font-size:20px;
	 line-height:30px;
	 color:var(--maritim);
}

h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
	color:var(--maritim);
	/*font-weight:normal;
	font-family:'focobold', Helvetca, Arial, sans-serif;*/
	font-family: focobold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h1 {
	font-size:60px;
	color:rgb(36,66,48);
}
h2, h2 a {
	font-size: 45px;
}
h3, h3 a {
	font-size: 30px 
}
h4, h4 a {
	font-size: 26px 
}
strong {
	font-family: focobold, sans-serif;
	font-weight: normal;
	font-style: normal;
}

a {
	color:rgb(36,66,48);
	text-decoration:none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:var(--apoaccentcolor);
	text-decoration:none;
}
p {
    margin:0;
    padding:0;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Space before an after Elments */
.frame-space-after-40 {
	margin-bottom:40px;
}
.frame-space-before-80 {
	margin-top:80px;
}
.frame-space-after-80 {
	margin-bottom:80px;
}
.frame-space-after-120 {
	margin-bottom:120px;
}
.frame-space-after-160 {
	margin-bottom:160px;
}
.frame-space-after-200 {
	margin-bottom:200px;
}

@media only screen and (max-width: 999.9px) {
	.frame-space-before-40 {
	margin-top:30px;
	}
	.frame-space-after-40{
		margin-bottom:30px;
	}
	.frame-space-before-80 {
		margin-top:60px;
	}
	.frame-space-after-80  {
		margin-bottom:60px;
	}
	.frame-space-before-120 {
		margin-top:90px;
	}
	.frame-space-after-120  {
		margin-bottom:90px;
	}
	.frame-space-after-160 {
		margin-bottom:120px;
	}
	.frame-space-after-200 {
		margin-bottom:160px;
	}
}
@media only screen and (max-width: 767.9px) {
	.frame-space-before-40 {
	margin-top:20px;
	}
	.frame-space-after-40 {
		margin-bottom:20px;
	}
	.frame-space-before-80 {
		margin-top:40px;
	}
	.frame-space-after-80  {
		margin-bottom:40px;
	}
	.frame-space-before-120 {
		margin-top:60px;
	}
	.frame-space-after-120 {
		margin-bottom:60px;
	}
	.frame-space-after-160 {
		margin-bottom:80px;
	}
	.frame-space-after-200 {
		margin-bottom:100px;
	}
}

/* for fixed Header */
:target {
  scroll-margin-top: 160px;
}
#c971 {
  scroll-margin-top: 120px;
}
/*
#navigationMobile .mobileLogo {
	background: var(--apocolor) url("../Icons/Gehlsdorfer_Logo_einzeilig_weiss_200131.svg") no-repeat scroll 20px 16px;
	background-size: 140px auto;
  	width: 100%;
  	height: 60px;
}
*/


#c991 {
	
  position: absolute;
  top: 20px;
  right: 10px;
  color: white !important;

}
#c991 h1{

  color: white !important;

}

/* * * * * * * * * * * * * * * * * * Header */

.header-wrapper {
	background-color: var(--maritim);
}
.header-wrapper .wrapper-logo-menu {
	display:flex;
	box-sizing:border-box;
	padding:20px 0;
	align-items: center; 
}

.header-wrapper .wrapper-logo-menu {
	position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  z-index: 1;
}
.header-wrapper .wrapper-logo-menu::before {
	content:"";
	background-color:var(--maritim);
	height:120px;
	width:100vw;
	top:0;
	margin-left: calc((1180px - 100vw) / 2);
	position:absolute;
	z-index:-1;
}



.header-menu {
	margin-left:auto;
}
.header-menu .ce-bodytext ul {
	padding:0;
}
.header-menu ul {
	list-style-type: none;
}
.header-menu ul li {
	display:inline-block;
}
.header-menu ul li a {
	display:inline-block;
	padding:0 10px;
	text-transform: uppercase;
	color:white;
	line-height:40px;
}
.language-menu {
	margin-left:40px;
}
.language-menu {
	list-style-type: none;
}
.language-menu li {
	display:inline-block;
}
.language-menu 	li a {
	display:inline-block;
	width:40px;
	height:40px;
	padding:0;
	margin:0 0 0 5px;
	text-align:center;
	line-height:40px;
	text-transform: uppercase;
	border-radius:50%;
	background-color:var(--maritim);
	color:white;
	border:1px solid white;
}
.language-menu 	li.active a {
	font-family: 'focobold';
}
.language-menu li a span:first-child {
	display:inline;
}
.language-menu li a span:last-child {
	display:none;
}




.headerImage {
	margin-top:120px;
}

.video-embed-item {
  	width:100%;
  	aspect-ratio:16/9;
  	overflow:hidden;
  	transform: translateZ(0);
  	-webkit-backface-visibility: hidden;
  	will-change: transform;
}



/* Mobile Hochformat */

@media (max-width:600px){

  	.video-embed-item{
    	aspect-ratio:11/16;
  	}

}

.header-title {
	position:absolute;
	left:calc(40vw - 590px);
	top: 47%;
  transform: translateY(-47%);
	color:white;
}
.header-title h1 {
	font-family: 'focoregular';
	font-size:60px;
	line-height:54px;
	padding:0 15px;
	color:white;
	/*background-color:rgba(0,97,146,0.8);*/
	
	text-transform: uppercase;
}

.header-title h2 {
	font-family: 'focoregular';
	font-size:40px;
	line-height:60px;
	padding:0 15px;
	color:white;
	background-color:rgba(0,97,146,0.8);
	display:inline-block;
	
}
.header-title h1 {
	transform: scale(1.5);
	transform-origin:0 100%;
}
.header-title h1 span {
	display:block;
	opacity: 0;
	animation:fadeInUp 1s ease forwards;
}
/* Animation */
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}
.header-title h1 span:nth-child(1) {
	font-family:"focolight";
	
}
.header-title h1 span:nth-child(2) {
	font-family:"focoregular";
	letter-spacing: 5px;
	animation-delay: 0.2s;
}
.header-title h1 span:nth-child(3) {
	font-family:"focobold";
	letter-spacing: 5.2px;
	animation-delay: 0.4s;
}
.headerBottom {
  background-color: var(--maritim);
  font-size: 45px;
  font-weight: initial;
  line-height: 45px;
  padding:35px 0;
  color: rgb(255, 255, 255);
  text-align: left;
}

.menu-responsive-button {
	display:none;
	margin:0;
  	cursor:pointer;
  	margin-left: 20px;
  	
}
.menu-responsive-button .line {
  	width:40px;
  	height:2px;
  	margin:10px 0;
  	background-color:white;
  	transition: all 0.5s ease;
}
.menu-responsive-button.active .line:nth-child(1) {
  transform: translateY(12px) rotate(45deg);
}

.menu-responsive-button.active .line:nth-child(2) {
  opacity: 0;
}

.menu-responsive-button.active .line:nth-child(3) {
  transform: translateY(-12px) rotate(-45deg);
}

.menu-address {
	display:none;
}

/* * * * * * * * * * * * * * * * * * contact icons */

.contact-icons-container {
	position:relative;
	width: 100vw; /* volle Viewport-Breite */
  	margin-left: calc((1180px - 100vw) / 2); /* verschiebt nach links */
  	
}
.contact-icons {
	position:absolute;
	top:70px;
	right: 20px;
}
.contact-icons.active {
	position:fixed;
	z-index:9;
}

.contact-icons .image {
	background-color:var(--maritimlight);
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	vertical-align: middle;
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
	margin:0 0 15px 0;
}


/* * * * * * * * * * * * * * * * * * content */

main {
	padding-bottom:0;
}

.hidden-text-more {
  color: var(--maritimlight);
}
main a {
  color: var(--maritim);
}
main a:hover {
  color: var(--maritimlight);
}

main header {
	text-transform: uppercase;
}

.frame-type-textpic img {
	border-radius:20px;
}

.frame-textpic-2col-left .ce-textpic-2cols,
.frame-textpic-2col-right .ce-textpic-2cols {
	display:flex;
	gap:50px;
}
.frame-textpic-2col-left header,
.frame-textpic-2col-right header,
.frame-type-textpic.contact header {
	margin-bottom:20px;
	position:relative;
}
/* line before */
.frame-textpic-2col-right header::before,
.frame-type-textpic.contact header::before {
  content: "";
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;    /* Länge der Linie */
  height: 2px;    /* Dicke der Linie */
  background: var(--maritim);
}
.frame-textpic-2col-right header::after,
.frame-type-textpic.contact header::after {
	content: "";
  	position: absolute;
  	left: -20px;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 10px;    /* Durchmesser Kreis */
  	height: 10px;
  	background: var(--maritim);
  	border-radius: 50%; 
}

.frame-textpic-2col-right .ce-bodytext ul,
.frame-textpic-2col-right .ce-bodytext li,
.frame-type-textpic.contact ul,
.frame-type-textpic.contact li {
	list-style-type: none;
	position:relative;
	padding-left:0;
}

.frame-textpic-2col-right .ce-bodytext li,
.frame-type-textpic.contact li {
	list-style-type: none;
	position:relative;
	padding-left:0;
	padding-bottom:18px;
}
.frame-textpic-2col-right .ce-bodytext li:last-child,
.frame-type-textpic.contact li:last-child {
	padding-bottom:0;
}
.frame-textpic-2col-right .ce-bodytext li::before,
.frame-type-textpic.contact li::before {
  content: "";
  position: absolute;
  left: -70px;
  top: 15px;
  transform: translateY(-50%);
  width: 50px;    /* Länge der Linie */
  height: 1px;    /* Dicke der Linie */
  background: var(--maritim);
}
.frame-textpic-2col-right .ce-bodytext li::after,
.frame-type-textpic.contact li::after {
	content: "";
  	position: absolute;
  	left: -20px;
  	top: 15px;
  	transform: translateY(-50%);
  	width: 8px;    /* Durchmesser Kreis */
  	height: 8px;
  	background:  var(--maritim);
  	border-radius: 50%;
}

main .frame h2 {
  line-height: 45px;
}

/* Our services */
.our-services {
	background-color:var(--maritim);
	width: 100vw; /* volle Viewport-Breite */
  	margin-left: calc((1180px - 100vw) / 2); /* verschiebt nach links */
  	padding: 80px 0 80px 0;
  	color:white;
}
.our-services .frame-default {
	width: 1180px;
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
}
.our-services h2,
.our-services h3 {
	color:white;
}
.our-services .image {
	background-color:var(--maritimlight);
	position:absolute;
	right: calc(25% - 35px);
	top:calc(50% - 35px);
	width:70px;
	height:70px;
	border-radius:50%;
	text-align:center;
	vertical-align: middle;
	line-height:64px;
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
}
.our-services .image img {
	width:40px;
	height:auto;
}
.our-services .frame-type-textpic header {
	margin-bottom:10px;
	text-transform: uppercase;
}
.our-services .frame-type-textpic .ce-textpic {
	background-color:white;
	color:var(--maritim);
	border-radius:20px;
	padding:40px 40px 20px;
	width:75%;
}
.our-services .frame-type-textpic .ce-textpic h3 {
	color:var(--maritim);
}

.our-services .frame-type-textpic::before {
  content: "";
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;    /* Länge der Linie */
  height: 2px;    /* Dicke der Linie */
  background: white;
}
.our-services .frame-type-header::after {
	content: "";
  	position: absolute;
  	left: -20px;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 14px;    /* Durchmesser Kreis */
  	height: 14px;
  	background: white;
  	border-radius: 50%; 
}
.our-services .frame-type-header::before {
  content: "";
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;    /* Länge der Linie */
  height: 4px;    /* Dicke der Linie */
  background: white;
}
.our-services .frame-type-textpic::after {
	content: "";
  	position: absolute;
  	left: -20px;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 10px;    /* Durchmesser Kreis */
  	height: 10px;
  	background: white;
  	border-radius: 50%; 
}

.our-services .frame-type-textpic img {
	border-radius:0;
}

.image-end {
	background-color:white;
	width: calc(100vw); /* volle Viewport-Breite */
  	margin-left: calc((1180px - 100vw) / 2); /* verschiebt nach links */
  	padding: 0;
  	color:white;
}

.toggle-desktop-mobile .ce-row {
	display:none;
}
.toggle-desktop-mobile .ce-row.active {
	display:block;
}

/* * * * * * * * * * * * * * * * * * footer */

#footer {
  	background-color: var(--maritim);
  	min-height:120px;
  	padding:50px 0;
}
#footer .wrapper {
	display:flex;
	flex-wrap:wrap;
}
#footer .frame-type-text {
  float: none;
}
#footer .frame-type-menu_pages {
	margin-right:20px;
}
#footer .menu-selected-pages li a {
  padding: 0 5px 0 2px;
  border-right: 1px solid white;
}

#footer .frame-type-image .ce-column {
	display:inline-block;
}

#footer .frame-type-image .image {
	background-color:var(--maritimlight);
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	vertical-align: middle;
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5);
	margin:0 15px 0 0;
}
.footer-icons {
	margin-top:-3px;
	margin-right:5px;
}
#footer .mail-telephone {
	margin-top:20px;
}


/* * * * * * * * * * * * * * * * * * Mediaqueries */

	
@media only screen and (max-width: 1500px) {
	
	.header-title {
		position:absolute;
		left:calc(50vw - 590px);
	}
	.header-title h1 {
		transform: scale(1.3);
		transform-origin:0 100%;
	}
}


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

	.header-wrapper .wrapper-logo-menu::before {
	  width:auto;
	  left: -20px;
	  right: -20px;
	  margin-left:0;
	}
	.header-wrapper .wrapper-logo-menu,
	.wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	.header-title {
		left:20px;
	}
	.header-title h1 {
		transform: scale(1.2);
		transform-origin:0 100%;
	}
	
	.our-services,
	.image-end {
  		margin-left: calc((1140px - 100vw) / 2); /* verschiebt nach links */
  	}
  	.our-services {
  		box-sizing: border-box;
  		padding-left:40px;
  		padding-right:20px;
  	}
}

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

	main .wrapper {
		padding-left:40px;
		padding-right:50px;
	}
	.contact-icons-container,
	.our-services,
	.image-end {
  		padding-left:0;
  		margin-left: -40px; /* verschiebt nach links */
  	}
  	.our-services {
  		padding-left:40px;
  	}
  	.our-services .frame-default {
	  width: 100%;
	}
	.contact-icons {
	  right: 5px;
	}
	
	#footer {
	padding-bottom:30px;
	}
	#footer .wrapper {
		flex-wrap: wrap;
		overflow:visible;
	}
	#footer .wrapper .footer-address {
		width:100%;
		margin-top:20px;
	}
	#footer .mail-telephone {
		margin-top:10px;
	}
}
@media only screen and (max-width: 1100px) {
	.header-title h1 {
		transform: scale(1);
		transform-origin:0 100%;
	}
	.about-mps .ce-textpic-2col-1 {
		width:60% !important;
	}
	.about-mps .ce-textpic-2col-2 {
		width:40% !important;
	}
	.about-mps .ce-textpic-2col-2 img {
		width:100%;
		height:auto;
	}
	.our-services {
		padding-right:50px;
	}
	.our-services .frame-type-textpic .ce-textpic {
	  width: calc(100% - 30px);
	}
	.our-services .image {
		right: -2px;
		top:calc(50% - 28px);
		width:56px;
		height:56px;
		line-height:56px;
	}
	.our-services .image img{
		width:30px;
	}
}
@media only screen and (max-width: 840px) {
	
	.frame-textpic-2col-left .ce-textpic-2cols, .frame-textpic-2col-right .ce-textpic-2cols {
	  	flex-wrap:wrap;
	  	gap: 0;
	}
	.frame-textpic-2col-right .ce-textpic-2col-1,
	.frame-textpic-2col-left .ce-textpic-2col-1 {
		margin-bottom:20px;
	}
	.frame-textpic-2col-right .ce-textpic-2col-2,
	.frame-textpic-2col-left .ce-textpic-2col-2 {
		margin-top:20px;
	}
	.about-mps .ce-textpic-2col-1 {
		width:100% !important;
	}
	.about-mps .ce-textpic-2col-2 {
		width:100% !important;
	}
	.about-mps .ce-textpic-2col-2 img {
		width:100%;
		height:auto;
	}
	.about-mps .ce-textpic-2col-2 .image {
		height:50vh;
		overflow:hidden;
		border-radius:20px;
		display: flex;
		justify-content: center; /* horizontal zentrieren */
		align-items: center;     /* vertikal zentrieren */ 
	}
}
@media only screen and (max-width: 768px) {
	
	/* Headlines */
	.header-title h1 {
		font-size: 45px;
  		line-height: 40px;
	}
	.header-title h2 {
		font-size: 34px;
  		line-height: 45px;
	}
	.headerBottom {
	  font-size: 34px;
	  line-height: 34px;
	}
	
	h2 {
		font-size: 34px;
  		line-height: 45px;
	}
	h3 {
		font-size: 24px;
  		line-height: 30px;
	}
	
	/* Menu */
	
	/* for fixed Header */
	:target {
	  scroll-margin-top: 70px;
	}
	#c971 {
	  scroll-margin-top: 70px;
	}
	
	
	.header-wrapper .wrapper-logo-menu {
		position: fixed;
		  top: 0;
		  left: 0;
		  right: 0;
		  z-index: 1;
	}
	.header-wrapper .wrapper-logo-menu::before {
		content:"";
		background-color:var(--maritim);
		height:70px;
		width:100vw;
		top:0;
		left:0;
		margin-left:0;
		position:absolute;
		z-index:-1;
	}
	
	
	.wrapper.wrapper-logo-menu {
		overflow: visible;
		padding:10px 20px;
	}
	.header-logo img {
		width:100px;
	}
	.wrapper-menu-mobil {
		position:absolute;
		top:71px;
		left:-105vw;
		background-color:white;
		z-index:1;
		width:100vw;
		padding:40px;
		box-shadow: 1px 0px 2px 2px rgba(0,0,0,0.2);
		transition: left 0.5s ease;
	}
	.wrapper-menu-mobil.active {
		left:0;
	}
	.header-menu ul li {
		display:block;
	}
	.header-menu ul li a {
		color:var(--maritim);
		display:block;
		padding:0;
	}
	
	
	.language-menu {
		margin-left:auto;
	}

	.language-menu li.active {
		display:none;
	}
	
	
	.menu-responsive-button {
		display:block;
	}

	.menu-address {
		display:block;
		margin-top:40px;
		font-size: 14px;
		line-height:20px;
	}
	.menu-address .ce-bodytext p {
		/*display:inline-block;
		padding-right:5px;*/
	}
	.menu-address .ce-bodytext p:after {
		content:"   ";
	}
	.menu-address .ce-bodytext p:last-child:after {
		content:"";
	}
	.menu-address .ce-bodytext a {
		color:var(--maritim);
	}
	.menu-address .ce-bodytext a:hover {
		color:var(--maritimlight);
	}
	
	.headerImage {
		margin-top:70px;
	}
	#header {
  margin-bottom: 40px;
}
	
	
	.our-services .frame-space-after-40 {
		margin-bottom: 30px;
	}
	.our-services {
		margin-top:40px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.frame-space-before-80.contact {
		margin-top: 20px;
		padding-top:20px;
	}
	 .our-services .image {
		width: 50px;
		height: 50px;
		line-height:50px;
		top: calc(50% - 25px);
	  }
	 .our-services .image img {
		width: 32px;
		height: auto;
	  }
}
@media only screen and (max-width: 680px) {
	  main .frame h2 {
		font-size: 34px;
	  }
}
@media only screen and (max-width: 610px) {
	.header-title {
		max-width:300px;
		top:120px;
	}

	.header-title h1 {
		font-size: 45px;
  		line-height: 40px;
	}
	.about-mps .ce-textpic-2col-2 .image {
		height: auto;
		display: block;
	}
	
}
@media only screen and (max-width: 540px) { 
	
	.header-title {
    	top: 80px;
    	left:10px;
  	}
	main .wrapper {
		padding-left: 20px;
		padding-right: 50px;
	}
	.contact-icons {
		right: -5px;
	}
	.frame-textpic-2col-right .ce-textpic-2col-1,
	.frame-textpic-2col-left .ce-textpic-2col-1 {
		margin-bottom:15px;
	}
	.frame-textpic-2col-right .ce-textpic-2col-2,
	.frame-textpic-2col-left .ce-textpic-2col-2 {
		margin-top:15px;
	}
	.our-services {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right: 0;
	} 

	/* remove lines */
	.frame-textpic-2col-right header::before,
	.frame-type-textpic.contact header::before,
	.our-services .frame-type-header::before,
	.our-services .frame-type-textpic::before,
	.frame-textpic-2col-right .ce-bodytext li::before,
	.frame-type-textpic.contact li::before {
	  content:none;
	  display:none;
	}
	.frame-textpic-2col-right header::after,
	.frame-type-textpic.contact header::after, 
	.our-services .frame-type-header::after,
	.our-services .frame-type-textpic::after,
	.frame-textpic-2col-right .ce-bodytext li::after,
	.frame-type-textpic.contact li::after { 
	  content:none;
	  display:none;
	}

	.our-services .frame-space-after-40 {
		margin-bottom: 40px;
	  }
	.our-services .frame-type-textpic .ce-textpic {

		  padding-top: 30px;
	}
	
	.our-services .image {
	  right: calc(50% - 20px);
	  top: -25px;
	  width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  line-height: 36px;
	}
	.our-services .image img {
	  width: 32px;
	  height: auto;
	  margin-top:8px;
	  display:inline-block;
	}
	.image-end {
		margin-left: -20px;
	}
}
@media only screen and (max-width: 420px) {
	.header-title h1 {
		transform: scale(0.8);
		transform-origin: 0 0;
	  }
	.our-services .image {
	  right: calc(50% - 15px);
	}
}
@media only screen and (max-width: 340px) {
	.header-title h1 {
		transform: scale(0.7);
		transform-origin: 0 0;
	  }
	.our-services, .image-end {
    	padding-right: 0;
  	}
	#footer .frame-type-menu_pages {
	  margin-right: 10px;
	}
}