/****** LikeCMS CSS Builder, last build: 2017-03-21 11:00:47 ******/


/*** project-files/css/main.css ***/

@charset "utf-8";

@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('project-files/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('project-files/fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('project-files/fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('project-files/fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
{margin:0; padding:0; border:0; outline:0;}
mark {background:none;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
{display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; text-decoration:none;}
hr { display:block; height:1px; border:0; border:none; padding:0;}
input, select {vertical-align:middle;}
.clear {clear:both; margin: 0; padding:0;}
img {line-height:0;}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {clear:both; content:" ";display:table;}

/* Container */
.container {padding: 0 15px; margin: 0 auto; position:relative;}.container-fluid {padding: 0 15px; margin: 0 auto;}.row {margin: 0 -15px;}
@media (min-width: 768px) {.container {width: 95%;}}
@media (min-width: 1050px) {.container {width: 90%;}}
@media (min-width: 1250px) {.container {width: 1170px;}}
@media (min-width: 1800px) {.container {width: 1170px;}}
@media (min-width: 2000px) {.container {width: 1600px;}}

/* Clear */
.tab4:nth-of-type(3n+1) {clear:both;}
.mobile0, .tab0, .medium0, .large0, .mobile1, .tab1, .medium1, .large1, .mobile2, .tab2, .medium2, .large2, .mobile3, .tab3, .medium3, .large3, .mobile4, .tab4, .medium4, .large4, .mobile5, .tab5, .medium5, .large5, .mobile6, .tab6, .medium6, .large6, .mobile7, .tab7, .medium7, .large7, .mobile8, .tab8, .medium8, .large8, .mobile9, .tab9, .medium9, .large9, .mobile10, .tab10, .medium10, .large10, .mobile11, .tab11, .medium11, .large11, .mobile12, .tab12, .medium12, .large12, .tab20 {position: relative; min-height: 1px; padding: 0 15px; display:block;}
.mobile0, .mobile1, .mobile2, .mobile3, .mobile4, .mobile5, .mobile6, .mobile7, .mobile8, .mobile9, .mobile10, .mobile11, .mobile12 {float: left;}
.mobile12 {width: 100%;}.mobile11 {width: 91.66666667%;}.mobile10 {width: 83.33333333%;}.mobile9 {width: 75%;}.mobile8 {width: 66.66666667%;}.mobile7 {width: 58.33333333%;}.mobile6 {width: 50%;}.mobile5 {width: 41.66666667%;}.mobile4 {width: 33.33333333%;}.mobile3 {width: 25%;}.mobile2 {width: 16.66666667%;}.mobile1 {width: 8.33333333%;}.mobile0 {display:none;}

@media (min-width: 768px) {
  .tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab20 {float: left;}
  .tab12 {width: 100%;}.tab11 {width: 91.66666667%;}.tab10 {width: 83.33333333%;}.tab9 {width: 75%;}.tab8 {width: 66.66666667%;}.tab7 {width: 58.33333333%;}.tab6 {width: 50%;}.tab5 {width: 41.66666667%;}.tab4 {width: 33.33333333%;}.tab3 {width: 25%;}.tab2 {width: 16.66666667%;}.tab1 {width: 8.33333333%;}.tab0 {display:none;}.tab20 {width: 20%;}
}
@media (min-width: 1050px) {
  .medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12 {float: left;}.medium12 {width: 100%;}
  .medium11 {width: 91.66666667%;}.medium10 {width: 83.33333333%;}.medium9 {width: 75%;}.medium8 {width: 66.66666667%;}.medium7 {width: 58.33333333%;}.medium6 {width: 50%;}.medium5 {width: 41.66666667%;}.medium4 {width: 33.33333333%;}.medium3 {width: 25%;}.medium2 {width: 16.66666667%;}.medium1 {width: 8.33333333%;}.medium0 {display:none;}
}
@media (min-width: 1250px) {
  .large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12 {float: left;}
  .large12 {width: 100%;}.large11 {width: 91.66666667%;}.large10 {width: 83.33333333%;}.large9 {width: 75%;}.large8 {width: 66.66666667%;}.large7 {width: 58.33333333%;}.large6 {width: 50%;}.large5 {width: 41.66666667%;}.large4 {width: 33.33333333%;}.large3 {width: 25%;}.large2 {width: 16.66666667%;}.large1 {width: 8.33333333%;}.large0 {display:none;}
}


/*--------------------------------------------------------------
# General Settings
--------------------------------------------------------------*/
html,body {
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
  line-height:1.4;
  color:#000;
  background:#f5f3f4;
}
.clear {clear:both;}
.section_padding {padding:80px 0px;}
@media(max-width:768px){
	.section_padding {padding:60px 0px;}
}
@media(max-width:500px){
	.section_padding {padding:20px 0px;}
}

/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/
p {margin-bottom:20px; color:#000;}
h1 {display: block; font-size: 40px; font-weight: 600; line-height: 1.2; margin-bottom:10px; text-align:left; color:#075caa; text-transform:uppercase;}
h2 {display: block; font-size: 45px; font-weight: 600; line-height: 1.2; margin-bottom:10px; text-align:center;}
h3 {display: block; font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing:2px;}
h4 {display: block; font-size: 15px; font-weight: 600; line-height: 1.2;}
h5 {display: block; font-size: 18px; font-weight: 600; line-height: 1.2; border-bottom:dotted 1px #999; padding-bottom:5px; margin-top:20px; margin-bottom:20px;}
strong {font-weight:700;}
mark {color:#ac1526;}
a {text-decoration:none; color:#ac1526;}
a:hover {color:#901624;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input, textarea, select {
	width:100%;
	display:block;
	height:35px;
	padding:0px 10px;
	color:#000;
	backrgound:#FFF;
	border:solid 1px transparent;
	outline:none;
	font-size:13px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
input:focus, textarea:focus, select:focus {background:#FFF; border-color:#644152;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background:#075caa;}
.header_inner {
	height:auto;
	display:table;
	width:100%;
}
.header_section {
	display:table-cell;
	vertical-align: middle;
}
.logo {max-width:400px; width:100%; line-height:0;}
.logo img {width:100%;}

.white_header {
	background:rgba(255,255,255,0.8);
	padding:5px 0px;
	text-transform:uppercase;
	color:#6d6a6a;
	font-weight:500;
	font-size:18px;
	letter-spacing:7px;
}

.mainmenu {display:block;}
.mainmenu ul {list-style-type:none; float:right; height:100%;}
.mainmenu ul li {float:left; height:100%; position:relative;}
.mainmenu ul li a {color:#FFF; display:block; width:100%; height:100%; padding:20px 15px;}
.mainmenu ul li ul {display:none; z-index:2000; position:absolute; top:100%; left:0px; height:auto; background:#FFF; padding:10px 0px 20px 0px;}
.mainmenu ul li ul li {padding:5px 0px;}
.mainmenu ul li ul li a {padding:0px 15px;}
.mainmenu ul li ul li a {color:#075caa;}
.mainmenu ul li ul li:before {display:none; position:absolute; top:12px; left:0px; content:""; width:10px; height:10px; background:#075caa;}
.mainmenu ul li ul li:hover:before {display:block;}
.mainmenu ul li:hover {background:#FFF;}
.mainmenu ul li:hover>a {color:#075caa;}

.mainmenu ul li:hover > ul {display:block;}

a#pull {display:none; color:#FFF; font-size:30px; position:absolute; top:-10px; right:20px;}



/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
#slider {margin:0px auto; padding:0px; width:100%; height:auto;}

.swiper-wrapper {list-style-type:none; position:relative; margin:0px; padding:0px;}
.swiper-wrapper li {list-style-type:none;}
.swiper-container {
    width: 100%;
    height: auto;
    position:relative;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {width:100%;}

.swiper-button-next {right:30px!important;}
.swiper-button-prev {left:30px!important;}
.slider1 > .swiper-pagination-bullets {bottom:20px!important;}
.slider1 .swiper-button-next, .slider1 .swiper-button-prev {}
.slider1 .swiper-pagination-bullet {width:15px; height:15px;}
.slider1 .swiper-pagination-bullet-active {background:#FFF;}
@media(max-width:500px){
	.swiper-button-next, .swiper-button-prev {display:none!important;}
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {}
.content_section {margin-bottom:30px;}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar {}
.sidebar_section {background:#226eb3; padding:25px; color:#FFF; margin-bottom:30px;}
.sidebar_section h3 {letter-spacing:0; font-size:30px; color:#FFF; text-transform:uppercase; font-weight:600; margin-bottom:10px;}
.sidebar_section p {color:#FFF;}
.sidebar_readmore {text-align:right; color:#FFF; display:block; width:100%; margin-top:40px;}
.sidebar_readmore:hover {color:#FFF;}
.sidebar_readmore .fa {font-size:30px;}

#sidebar_brunnenbau {background:#40a0f3;}
#sidebar_bohrbetrieb {}
#sidebar_pumpenschlosserei {background:#2e587e;}


/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery {width:100%;}
.gallery ul {list-style-type:none; margin:0px -5px;}
.gallery ul li {float:left; padding:5px; width:auto; height:190px; overflow:hidden;}
.gallery ul li img {height:100%;}

@media(max-width:768px){
	.gallery ul li {float:none; width:100%;}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background:#a7a8a8; color:#FFF; padding:20px 0px;}
.footer_headline {font-size:20px; font-weight:400; text-transform:uppercase; margin-bottom:15px;}
.footer_section {margin-bottom:20px;}
.footmenu {}
.footmenu ul {list-style-type:none;}
.footmenu ul li {}
.footmenu ul li a {color:#FFF; font-weight:600;}
.footmenu ul li a:hover {text-decoration:underline;}


/*--------------------------------------------------------------
# GoogleMap
--------------------------------------------------------------*/
.googlemap {height:400px; width:100%; border-top:solid 1px #FFF; position:relative;}
.googlemap iframe {height:100%; width:100%;}
#map-canvas {z-index:400; height:100%; width:100%;}
#map_overlay {position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:500; cursor:pointer;}


/*--------------------------------------------------------------
# Scrolltop
--------------------------------------------------------------*/
.scrolltop {
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:1000;
	border-radius:100%;
	width:50px; height:50px;
	background:#075caa;
	cursor:pointer;
	text-align:center;
	padding-top:12px;
	display:none;
}
.scrolltop .fa {color:#FFF; font-size:20px;}



/*--------------------------------------------------------------
# Breakpoints
--------------------------------------------------------------*/
@media(max-width:1000px){
	.sidebar_section h3 {font-size:23px;}
	h1 {font-size:30px;}
}
@media(max-width:800px) {
	h1 {font-size:25px;}
	.mainmenu ul {display:none;}
	#header {padding:20px 0px;}
	a#pull {display:block;}
	.mainmenu {
		display:block;
		position:absolute;
		top:100%;
		left:0px;
		right:0px;
		z-index:2000;
		background:#FFF;
		margin-top:20px;
	}
	.mainmenu ul {float:none;}
	.mainmenu ul li {float:none; border-bottom:dotted 1px #CCC;}
	.mainmenu ul li a {color:#666; padding:8px 20px;}
	.mainmenu ul li ul {position:relative; padding:0px; background:#CCC;}
	.mainmenu ul li ul li {border-bottom:0px; border-top:dotted 1px #CCC; padding-left:5px;}
	.mainmenu ul li ul li a {}
	.mainmenu ul li:hover > ul {display:none;}
}


/*** project-files/css/site.css ***/