/*
Theme Name: Brunner Theme
Author: Sven Oppermann
Version: 1.1
License: GNU General Public License v2 or later
*/



@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article, aside {display: block;}
html, body { padding: 0; margin: 0; height: 100%;}
body {   font-family: 'Montserrat', sans-serif; color: #333; font-size: 16px; background-color: #fff; font-weight: 400; overflow-x: hidden;}
a img {border: none;}
ul, li, ol, p { margin: 0; padding: 0;}
li { list-style: none;}
a { text-decoration: none; }
input[type=submit],
input[type=text],
input[type=password],
input[type=email],
input[type=file],
select,
textarea{ font-family: 'PT Serif', serif;  -webkit-border-radius:0; -moz-border-radius:0px;  -khtml-border-radius:0px;}
textarea{ resize: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.clearing{ clear: both;}
input, textarea {outline:none;}
img { max-width: 100%; width: auto; height: auto;}
::selection {background: #af0019; color: #fff;}
::-moz-selection {background: #af0019; color: #fff;}
:focus {outline: 0;}
#wpadminbar {  z-index: 99999999 !important;}
/* General Styles */
.middle-row { width: 1164px; margin: 0 auto; position: relative; overflow: hidden;}
.grid12{width:1144px; margin: 0 10px;}
.grid11{width:1047px; margin: 0 10px; float: left;}
.grid10{width:950px; margin: 0 10px; float: left;}
.grid9{width:853px; margin: 0 10px; float: left;}
.grid8{width:756px; margin: 0 10px; float: left;}
.grid7{width:659px; margin: 0 10px; float: left;}
.grid6{width:562px; margin: 0 10px; float: left;}
.grid5{width:465px; margin: 0 10px; float: left;}
.grid4{width:368px; margin: 0 10px; float: left;}
.grid3{width:271px; margin: 0 10px; float: left;}
.grid2{width:174px; margin: 0 10px; float: left;}
.grid1{width:77px; margin: 0 10px; float: left;}
.half { width: 50%; float: left;}

.single .our-map {
    margin-top: -701px;
}

.single .wpb_wrapper p {
	display:  block
}

.our-map .map-canvas {
	    z-index: 10000;
}
.page .vc_row.wpb_row.vc_row-fluid.main-banner-h.mk23.vc_custom_1449826520785.vc_row-has-fill.vc_general.vc_parallax.vc_parallax-content-moving {
    display: none;
}

.alignleft { display: block; float: left; margin: 0 15px 10px 0;}
.alignright { display: block; float: right; margin: 0 0 10px 15px;}
.aligncenter { display: block; float: none; margin: 10px auto;}

p { font-size: 14px;    line-height: 1.5;}
h1 {   font-size: 28px;    line-height: 1.3;margin: 10px 0;}
h2  {   font-size: 26px;    line-height: 1.3;margin: 10px 0;}
h3  {   font-size: 24px;    line-height: 1.3;margin: 10px 0;}
h4  {   font-size: 22px;    line-height: 1.3;margin: 10px 0;}
h5  {    line-height: 1.5;margin: 10px 0;   font-family: "PT Serif",serif;font-size: 16px;color: #af0019;font-style: italic;   font-weight: 400;}
h6  {   font-size: 18px;    line-height: 1.3;margin: 10px 0;color: #af0019;}
p em {  font-family: "PT Serif",serif;}


/* Header */
header{ padding: 15px 0; position: relative; z-index: 1000; background: #af0019; height: 35px;}
header.mm { padding: 15px 0; position: fixed; top:  0; left: 0; width: 100%; z-index: 100000; background: #af0019; height: 35px;}
header img { display:block; width: 140px; height:auto; float: left;}
header a.link.rt3 { display:none;  width: 360px;}
header a.link { cursor: pointer; display:block; color: #fff; text-transform: uppercase; display:block; float:right; margin-top: 3px; position:relative; z-index: 10000;}
header a.link span { display:block; float:right; padding: 4px 0 2px 40px;background: url('images/menu-icon.png') no-repeat left center; margin-right: 10px;}
header .expand { position:absolute; top: -15px; width: 350px; right: 0px;background: url('images/close.png') no-repeat 20px 20px #af0019; padding: 90px 20px 20px;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
header .expand li {background: #af0019; display: block;padding: 4px 0;}
header .expand a { color: #fff;}
header .middle-row { overflow:inherit;}

.menu .marg-b { margin-bottom: 40px;}
.menu li a {font-size: 14px; line-height: 1.5;color: #fff; text-transform: uppercase;}
.menu li a:hover { padding: 0 0 0 20px;background: url('images/a2.png') no-repeat left center; color: #8b7d7d;}
/* Content */
.container { padding:  30px 0 0;}
.container #post-11 p { font-size: 14px; margin: 15px 0;}
.tr { padding: 0 0 0 10px;}

.call-to-action {background: #af0019; padding: 10px 0; position: relative;}
.call-to-action p {background: url('images/call-to-act.png') no-repeat left center; padding: 12px 200px 12px 100px; color: #fff; font-size: 19px; line-height: 1.7;}
.call-to-action p small { font-size: 15px;}
.call-to-action a { display:block; width: 180px; padding: 10px 0; display:block; border: 2px solid #fff; color: #fff; font-size: 14px; text-align:center;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px; position:absolute; right: 10px; top: 23px;}
.container .middle-row { overflow: inherit;}
#menu-main-menu-1 .menu-item-437 {display: none;}

.uvc-main-heading h2 { color:#af0019; font-weight: 400 !important; font-size: 26px; margin-bottom:10px !important;}
.uvc-sub-heading  em {  font-family: 'PT Serif', serif; display:block; margin-bottom: 25px; margin-top: 10px;  font-style:italic;  }
.uvc-sub-heading p { color: #848484; font-size: 14px; font-weight: 400 !important;}
.uvc-headings-line { border-width: 2px !important;}
.ffw a { text-decoration: underline; color: #fff;}
.container .flip-box-wrap { margin-bottom: 0 !important;}
.container .flip-box-wrap .flip-box h3 { font-size: 12px; font-weight: 400;}
.container .flip-box-wrap .ifb-jq-height .ifb-back p { font-size: 11px !important; margin: 10px 0 15px; }
.container p { font-size: 14px; line-height: 1.5;}
.container .serv1 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon1.png') no-repeat top center; padding-top: 75px;}
/* .container .serv1 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon1h.png') no-repeat top center; padding-top: 75px;} */
.container .serv2 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon2.png') no-repeat top center; padding-top: 75px;}
/* .container .serv2 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon2h.png') no-repeat top center; padding-top: 75px;} */
.container .serv3 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon3.png') no-repeat top center; padding-top: 75px;}
/* .container .serv3 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon3h.png') no-repeat top center; padding-top: 75px;} */
.container .serv4 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon4.png') no-repeat top center; padding-top: 75px;}
/* .container .serv4 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon4h.png') no-repeat top center; padding-top: 75px;} */
.container .serv5 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon5.png') no-repeat top center; padding-top: 75px;}
/* .container .serv5 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon5h.png') no-repeat top center; padding-top: 75px;} */
.container .serv6 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon6.png') no-repeat top center; padding-top: 75px;}
/* .container .serv6 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon6h.png') no-repeat top center; padding-top: 75px;} */
.container .serv7 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon7.png') no-repeat top center; padding-top: 75px;}
/* .container .serv7 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon7h.png') no-repeat top center; padding-top: 75px;} */
.container .serv8 .flip-box-wrap .horizontal_flip_left .ifb-front h3 {background: url('images/icon8.png') no-repeat top center; padding-top: 75px;}
/* .container .serv8 .flip-box-wrap .horizontal_flip_left .ifb-back h3 {background: url('images/icon8h.png') no-repeat top center; padding-top: 75px;} */

.ult-ih-item .ult-ih-content {  transform: translateY(-65px) !important;}
.page-id-21 .container .mk-56 p { line-height: 1.7;}

.container .vc_cta3 { border: none !important; overflow:hidden;}
.container .vc_cta3 .vc_cta3-content-header { padding-bottom: 0; height: auto;}
.container .vc_cta3 .vc_cta3-content-header h2 { font-size: 14px !important; font-weight: 400;}
.container .vc_cta3-content p { color: #fff; font-size: 24px !important;padding-bottom: 15px;}
.container .vc_btn3.vc_btn3-size-md i { display:none !important;}
.container .vc_btn3.vc_btn3-size-md, .container .vc_btn3.vc_btn3-size-md:hover { border: 2px solid #fff; padding: 10px 30px !important;background-image: none !important; margin-top: 20px; font-family: 'Montserrat', sans-serif; }
.vc_cta3-actions { float:right;}
.vc_cta3-content { float: left;}
.vc_btn3.vc_btn3-shape-round {  border-radius: 19px !important;}
.vc_btn3.vc_btn3-shape-round:hover { background: #fff !important; color: #af0019 !important;}
.main-banner-h p { color: #fff; text-align: center; font-size: 38px; font-weight: 700;}
.ult-ih-description p a { color:#af0019;}
.uvc-headings-line { border-color: #af0019 !important;}
.page-id-7 .container h4 { text-align: center;   font-weight: 400; }
.page-id-7 .container h5 { text-align: center; color: #af0019; font-weight: 400; font-size: 15px; }
.page-id-7 .container .ult-ih-heading, .page-id-7 .container .ult-ih-description-block p  { font-size: 16px !important; margin-bottom: 0 !important;}
.page-id-7 .container .ult-ih-description-block p  { line-height: 24px !important;}
.page-id-7 .container .ult-ih-divider-block { display:none;}
.ult-ih-item.ult-ih-circle.ult-ih-effect13 .ult-ih-info {border-radius: 0 !important; background-color: rgba(255, 255, 255, 0.93) !important;}
.vc_cta3-container {padding 10px 0 5px;}
.vc_grid-loading { margin-bottom: 70px !important; color: #000 !important; opacity: 1 !important;}
.wpb_text_column  a { text-decoration: underline;color: #333;}
/* Footer */
footer { padding: 20px 0 30px; background: #af0019; }
footer .ffw p {color: #fff; margin: 20px 0; font-size: 14px; line-height: 1.5;}
footer .ffw p strong { font-size: 24px;}
footer .ffw p strong small { font-size: 18px;}
footer .sfw { float:right;}
footer .sfw h6 { color: #fff; font-size: 16px; font-weight: 400; padding: 4px 0 2px 40px; background: url('images/menu-icon.png') no-repeat left center; margin: 30px 0; }
body { overflow-x: hidden;}
.vc_grid-filter.vc_grid-filter-size-sm .vc_grid-filter-item { margin: 0 5px !important; padding: 7px !important; border: 1px solid #fff !important;}
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover { background: none !important; border: 1px solid #af0019 !important;}
.vc_grid-filter { margin-bottom: 40px;}
.vc_gitem-post-data div, .vc_gitem-post-data div {font-family: 'Montserrat', sans-serif !important; }
.vc_gitem-post-data div  p { color: #aaa !important;}
.project-title p { color: #fff;font-size: 15px;}
.project-description p { margin: 0 0 15px; font-size: 13px;color: #af0019;}
.project-mail-icon.wpb_text_column.wpb_content_element { background-position: 20px 20px !important;}
.project-mail-icon p { font-size: 12px; color: #af0019;}
#nav-above a {color: #fff; text-transform: uppercase; font-size: 16px;}
#nav-above .grid6 { width: 50%; margin: 0;}
#nav-above .grid6 a { display: inline-block;}
#nav-above .grid6 + .grid6 { text-align: right;float: right;}
.nav-next a { padding: 15px 50px 15px 0;background: url('images/r-arr.png') no-repeat right center;}
.nav-previous a { padding: 15px 0 15px 50px;background: url('images/l-arr.png') no-repeat left center;}
.tp-revslider-slidesli em { color: #888 !important;   font-family: "PT Serif",serif !important;}
.tp-revslider-slidesli h4 { margin-bottom: 8px !important; font-size: 17px !important;}
.vc_cta3-style-custom  {background: none !important;}
.wpcf7 p { margin: 0;}
.rtq { width: 33.33%; float: left; padding: 10px 10px;-webkit-box-sizing:border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.rtr { width: 100%; clear: both; padding: 10px 10px;-webkit-box-sizing:border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
input[type="text"], input[type="email"], input[type="submit"], textarea { border: 2px solid #ccc; color: #666; font-family: 'Montserrat', sans-serif; font-size: 14px; background: #f5f5f5; width: 100%; padding: 10px;-webkit-box-sizing:border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
input[type="submit"] { cursor: pointer}
#post-21 p em {  font-family: "PT Serif",serif;}
#menu-item-331, .page-id-21 header #menu-item-437 { display: none;}
.page-id-21 header #menu-item-331 { display: block;}
.my-hover-class {

	visibility: hidden !important;
	opacity: 0 !important;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;

}

.tp-revslider-slidesli:hover .my-hover-class {

	visibility: visible !important;
	opacity: 1 !important;

}

.vc_grid-filter li:first-child {display: none !important;}
#werte { clear: both;}
.vc_row { overflow: hidden important;overflow-x: hidden !important;}
.animsition { overflow: hidden;}
.mob-e {display: none;}
.wpb_text_column.wpb_content_element.project-title {margin-top: 45px !important;}
.mob-d img {margin-right: 25px !important;}

.flip-box-wrap .flip-box, .flip-box-wrap .ifb-back, .flip-box-wrap .ifb-front {
    height: 230px !important;}

@media (min-width: 921px) and (max-width: 1199px) {
.middle-row { width: 912px;}
.grid12{width:892px;}
.grid11{width:816px;}
.grid10{width:740px;}
.grid9{width:664px;}
.grid8{width:588px;}
.grid7{width:512px;}
.grid6{width:436px;}
.grid5{width:360px;}
.grid4{width:284px;}
.grid3{width:208px;}
.grid2{width:132px;}
.grid1{width:56px;}
.flip-box-wrap .flip-box, .flip-box-wrap .ifb-back, .flip-box-wrap .ifb-front {
    height: 230px !important;}

.vc_parallax.vc_row.mk23  { padding-top: 200px !important;padding-bottom: 200px !important;}
body {overflow-x: hidden !important;}
.container { padding-top: 0 !important;}
.container .vc_cta3-content p { font-size: 20px !important;}
.mob-d img {margin-right: 5px !important;}
.page-id-21 .container h6 {font-size: 15px !important;}
}
@media (min-width: 750px) and (max-width: 920px) {
.page-id-21 .container .vc_col-sm-6 { width: 100%;}
.page-id-21 .container .vc_col-sm-6 { text-align: center;}
.page-id-21 .container .wpb_single_image .vc_figure, .page-id-21 .container  .wpb_single_image .vc_single_image-wrapper, .page-id-21 .container  .wpb_single_image img { width: 100%;}
.middle-row { width: 740px;}
.page-title .middle-row { width: 720px;}
.grid12{width:720px;}
.grid11{width:658px;}
.grid10{width:595px;}
.grid9{width:533px;}
.grid8{width:470px;}
.grid7{width:408px;}
.grid6{width:720px;}
.grid5{width:283px;}
.grid4{width:217px;}
.grid3{width:165px;}
.grid2{width:95px;}
.grid1{width:33px;}

.flip-box-wrap .flip-box, .flip-box-wrap .ifb-back, .flip-box-wrap .ifb-front {
    height: 230px !important;}
footer .grid6 {
    width: 350px;}
.vc_parallax.vc_row.mk23  { padding-top: 125px !important;padding-bottom: 125px !important;}

footer .sfw { float: right;}
.vc_cta3-actions{ display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    width: 100% !important;}
	.vc_btn3.vc_btn3-size-md { width: 200px !important; text-align:center; float: left; margin: 15px auto !important;}
		.container .vc_cta3 .vc_cta3-content-header { height: auto !important}
.vc_row { margin-left: 0  !important;margin-right: 0  !important;}
}

@media (min-width: 470px) and (max-width: 749px) {
.mob-d {display: none;}
.mob-e {display: block;}
.vc_row { margin-left: 0  !important;margin-right: 0  !important;}
.middle-row { width: 470px;}
.grid12, .grid11, .grid10, .grid9, .grid8, .grid7, .grid6, .grid5, .grid4, .grid3, .grid2, .grid1 {width:450px;}
.wpb_text_column.wpb_content_element.project-mail-icon { margin-bottom: 30px !important;}
footer .sfw { float:left;}
header .expand { width: 200px}
header a.link.rt3{ width: 220px}
.vc_cta3-actions{ display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    width: 100% !important;}
	.vc_btn3.vc_btn3-size-md { width: 200px !important; text-align:center; float: left; margin: 15px auto !important;}
	.vc_cta3-content-header h2 { margin-bottom: 15px !important}
	.container .vc_cta3 .vc_cta3-content-header { height: auto !important}
.vc_parallax.vc_row.mk23  { padding-top: 100px !important;padding-bottom: 100px !important;}
.wpb_text_column.wpb_content_element.project-title {margin-top: 0px !important;}
.container .vc_cta3-content p {  font-size: 22px !important;}
}

@media (max-width: 469px) {
.mob-d {display: none;}
.mob-e {display: block;}
.middle-row { width: 320px;}
.vc_row { margin-left: 0  !important;margin-right: 0  !important;}
.grid12, .grid11, .grid10, .grid9, .grid8, .grid7, .grid6, .grid5, .grid4, .grid3, .grid2, .grid1 {width:300px; margin-left: auto; margin-right: auto; float: none;}
.wpb_text_column.wpb_content_element.project-mail-icon { margin-bottom: 30px !important;}
footer .sfw { float:left;}
.vc_cta3-actions{ display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    width: 100% !important;}
	.vc_btn3.vc_btn3-size-md { width: 200px !important; text-align:center; float: left; margin: 15px auto !important;}
		.vc_cta3-content-header h2 { margin-bottom: 15px !important}
			.container .vc_cta3 .vc_cta3-content-header { height: auto !important}
			header .expand { width: 300px}
header a.link.rt3{ width: 100px}
header img { position:relative; z-index: 10000;}
header .expand {
    width: 280px;
}
header .expand {
    background: #af0019;}
.vc_parallax.vc_row.mk23  { padding-top: 80px !important;padding-bottom: 80px !important;}
.vc_parallax.vc_row.mk23 .vc_parallax-inner { top: 0 !important; }
.container .vc_cta3-content p { font-size: 18px !important;}
.wpb_text_column.wpb_content_element.project-title {margin-top: 0px !important;}
#nav-above .grid6 {width: 100%;}
#nav-above .grid6 + .grid6 {margin-top: 25px;}
.container .vc_cta3 {padding-left: 0 !important; background-image: none !important;}
.execphpwidget{margin-top: 30px;}
}
.tp-parallax-wrap {bottom: 0 !important;}

.tp-revslider-slidesli {position: relative; overflow: hidden; position: relative;}
.tp-parallax-wrap { visibility: visible; bottom: 100px !important; z-indez: 1000;}
.vc_cta3-container {margin-bottom: -13px !important;}
.vc_column-inner  {padding-top: 0 !important;}
.wpb_text_column.wpb_content_element.project-title {
    margin-top: 45px !important;
}

.project-mail-icon {position: relative; }
.project-mail-icon a {display: block; position: absolute; width: 60px; height: 60px; text-indent: -999999px; left: 18px; top: 18px;}

@media(max-width: 767px) {
	.rtq { width: 100%; }

	.container #post-11 p { margin: 0 0 15px; }

	.uvc-heading .uvc-main-heading h2 { font-size: 20px !important; }
}

@media(min-width: 1025px) {
	#menu-main-menu-1 { min-width: 325px; }
}

.tp-parallax-wrap {
	width: 100%;
	height: 100%;
	top: auto !important;
	bottom: 0 !important;
}

.tp-loop-wrap {
	width: 100%;
	height: 100%;
}

.tp-mask-wrap { bottom: 0; }


body {
    line-height: 1.5 !important;
}

.grecaptcha-badge{
    z-index: 10000;
}

.padding{
	padding-top:350px;
	padding-bottom:350px;
}
/* @media (min-width: 360px) and (max-width: 768px){
	.padding{
		padding-top:0;
		padding-bottom:0;
	}
} */

@media (min-width: 320px) and (max-width: 767px){
	.padding {
		padding-top: 113px;
		padding-bottom: 267px;
	}
}

@media (min-width: 768px) and (max-width: 920px){
	.padding {
		padding-top: 267px;
    		padding-bottom: 284px;
	}
}


@media (min-width: 920px) and (max-width: 1205px){
	.padding {
		padding-top: 201px;
    		padding-bottom: 350px;
	}
}


@media (min-width: 1206px){
	.padding {
		padding-top: 258px;
    padding-bottom: 350px;
	}
}

@media (min-width: 768px) and (max-width: 920px){
    .vc_col-sm-4 .ult-ih-list-item,
    .vc_col-sm-4 .ult-ih-list-item .ult-ih-image-block,
    .vc_col-sm-4 .ult-ih-item.ult-ih-circle{
        height: auto !important;
        width: 100% !important;
        max-width: 250px !important;
    }
    .vc_col-sm-4 .ult-ih-item .ult-ih-description p {
    font-size: 10px !important;
}