/* ==========================================================================
   Base
   ========================================================================== */

body { background: url("../img/brillant.png"); font-family: 'Frutiger Light'; font-weight: normal !important; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; font-family: Frutiger Light; }
b, strong { font-family: Frutiger Bold; }
h2, h3 { font-family: Frutiger Light; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 907px; }

.main.col-sm-12 .container { width: 877px; }

.nopadding { padding: 0 !important; }

.main { font-family: Frutiger Light; font-size: 16px; color: #646464; padding-bottom: 25px; }
.kontakt .main, .ueber-mich .main, .single-angebote .main, .referenzen .main, .thumbnail-slider .main { padding-bottom: 0px; }

a { color: #1a8000; transition: all 0.2s ease; }
a:hover, a:focus, a:active { color: #146200; text-decoration: none; }

img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

.main img.alignnone { margin-top: 20px; margin-bottom: 20px; }

figure, figure.alignnone { max-width: 100%; margin-top: 20px; padding: 0px; background-color: transparent; border: none; }

.thumbnail .caption { color: #646464; text-align: left; padding-left: 0px; padding-right: 0px; }

/* ==========================================================================
   Header
   ========================================================================== */
header.banner.navbar { height: 125px; background-color: transparent; border: none; margin-bottom: 0px; }

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { background-image: url("../img/mr-logo.svg"); background-repeat: no-repeat; background-size: contain; padding: 0px; height: 89px; width: 120px; margin-left: 0px; margin-top: 39px; text-indent: -9000px; }
.no-svg .navbar>.container .navbar-brand, .ie9 .navbar>.container .navbar-brand { background-image: url("../img/mr-logo.png") !important; background-repeat: no-repeat; background-size: contain; }
.greyline { background-color: #cecece; height: 1px; width: 705px; bottom: 0px; right: 15px; position: absolute; }
.page-template-template-fullscreen-php .greyline { display: none; }

/* ==========================================================================
   Navigation
   ========================================================================== */

header > .container { position: relative; }

#menu-primary-navigation { float: right; margin-top: 60px; margin-right: -20px; }

/* FIRST LEVEL */
.navbar-default .navbar-nav>li>a { color: #555555; padding: 10px 19px 10px; font-size: 15px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; font-family: 'Frutiger'; transition: all 0.2s ease; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a:hover,  .navbar-default .navbar-nav>li.active>a { color: #000000; background-color: transparent; }

.navbar-default .navbar-nav>li.active.open>a:hover, .navbar-default .navbar-nav>li.active.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #292928; color: #fefefe; text-shadow: none; }

/* DROPDOWN */

.dropdown-menu { visibility: hidden; opacity: 0; display: block; border-radius: 0px; background-color: #292928; color: #fefefe; margin: 0px; border: none; padding-top: 0px; padding-bottom: 0px; transition: all 0.2s ease; width: 200px; }
ul.nav li:last-child .dropdown-menu { left: auto; right: 0; }
.open .dropdown-menu { visibility: visible; opacity: 1; }

.dropdown-menu>li:first-child { padding-top: 15px; }
.dropdown-menu>li:last-child { padding-bottom: 15px; }
.dropdown-menu>li>a { font-family: 'Frutiger'; text-transform: uppercase; display: block; padding: 5px 20px; color: #fefefe; white-space: nowrap; transition: all 0.2s ease; background-color: transparent; padding-top: 7px; font-size: 13px; padding-left: 21px; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu.dropdown-submenu:hover>a, .dropdown-menu.dropdown-submenu:focus>a { background-color: #454545; color: #fefefe; }
.dropdown-menu>.active>a, .dropdown-menu>.active:hover>a, .dropdown-menu>.active:focus>a { color: #fefefe; text-decoration: none; background-color: #454545; background-image: none; outline: 0; }

/* ==========================================================================
   Content
   ========================================================================== */

.page-header { font-family: Frutiger Light; text-align: center; text-transform: uppercase; border: none; color: #000000; padding-bottom: 0px; margin-bottom: 20px; margin-top: 21px; }
.page-header h1 { font-size: 23px; margin-top: 0px; margin-bottom: 5px; }   
.page-subtitle { margin-bottom: 17px; margin-top: 6px; font-family: "Frutiger Light"; text-align: center; font-size: 17px; text-transform: none; color: #646464; }

.page .main > p { font-family: Frutiger Light; font-size: 16px; line-height: 150%; color: #646464; text-align: center; }
.page-header+p { margin-bottom: 30px; }

/* ==========================================================================
   Angebot ARCHIVE
   ========================================================================== */

.main.col-sm-12 .col-md-6.blogpost-left, .main.col-sm-12 .col-md-6.blogpost-right { transition: all 0.2s ease; min-height: 480px; border-top: 1px solid #cecece; padding-top: 20px !important; padding-bottom: 20px !important; }
.col-md-6.blogpost-left, .col-md-6.blogpost-right{ width: 48%; }
div.col-md-6.blogpost-right.nopadding { margin-left: 35px; }
.main.col-sm-12 .row .col-md-6.blogpost-left:hover .blogpost-imagecover, .main.col-sm-12 .row .col-md-6.blogpost-right:hover .blogpost-imagecover { transition: background-color 0.15s; width: 100%; height: 300px; float: left; background-color: rgba(0,0,0,0.25); text-align: center; }
.main.col-sm-12 .row .col-md-6.blogpost-left .blogpost-imagecover span, .main.col-sm-12 .row .col-md-6.blogpost-right .blogpost-imagecover span { transition: opacity 0.15s; display: block; height: 0px; text-indent: -9999px; font-size: 16px; font-family: Frutiger; color: #ffffff; width: 172px; background-color: #000000; opacity: 0; }
.main.col-sm-12 .row .col-md-6.blogpost-left:hover .blogpost-imagecover span, .main.col-sm-12 .row .col-md-6.blogpost-right:hover .blogpost-imagecover span { transition: opacity 0.15s; height: auto; text-indent: 0px; font-size: 16px; font-family: Frutiger; color: #ffffff; margin: auto; margin-top: 124px; padding: 15px 0px; width: 172px; background-color: #000000; opacity: 1; }
.main.col-sm-12  .row .col-md-6.blogpost-left .blogpost-img, .main.col-sm-12  .row .col-md-6.blogpost-right .blogpost-img { width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }



.hentry header { font-family: Frutiger Light; font-size: 33px; text-transform: uppercase; color: #000000; margin-top: 16px; }
.hentry.angebote header h2 { transition: color 0.15s; margin-top: 14px; margin-bottom: 9px; color: #555555; font-family: Frutiger; text-decoration: none; text-transform: uppercase; font-size: 16px; text-align: left; line-height: 30px; }
.post-type-archive-angebote .entry-summary { font-family: Frutiger Light; color: #7b7b7b; font-size: 15px; text-align: left; }
.main.col-sm-12 .row .col-md-6.blogpost-right:hover .entry-title a, .main.col-sm-12 .row .col-md-6.blogpost-right:hover .entry-summary, .main.col-sm-12 .row .col-md-6.blogpost-left:hover .entry-title a, .main.col-sm-12 .row .col-md-6.blogpost-left:hover .entry-summary { color: #000000; }

.post-type-archive-angebote .row { margin: 0px; }
.post-type-archive-angebote .main.col-sm-12 { padding: 0px; }

/* ==========================================================================
   Angebot SINGLE
   ========================================================================== */

.angebot-backbutton a { left: 315px; position: absolute; height: 29px; width: 29px; top: 20px; background-image: url('../img/angebot_back_button.png'); background-size: contain; }
.angebot-linkbutton a:hover { background-color: #555; text-decoration: none; }

.col-md-12.angebot { min-height: 378px; border-top: 1px solid #cecece; padding-top: 21px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; }

.angebot-img { min-height: 300px; width: 100%; }
.angebot-link { margin-top: 40px; text-align: center; }
.angebot-link span { font-family: Frutiger Light; font-size: 18px; color: #646464; text-align: center; }
.angebot-linkbutton { margin: auto; margin-top: 35px; width: 270px; height: 65px; text-align: center; }
.angebot-linkbutton a { background-color: #777; transition: all 0.2s ease; font-family: Frutiger Light; color: #ffffff; font-size: 18px; text-transform: uppercase; padding: 14px 0px; border-top: 0px solid #77af63; display: block; }
.angebot-txt { padding: 32px; padding-top: 0px; text-align: left; }
.angebot-txt-title { font-size: 20px; line-height: 20px; font-family: Frutiger Light; color: #555555; text-transform: uppercase; }
.angebot-txt-content { padding-top: 0px; padding-bottom: 6px; font-family: Frutiger Light; font-size: 16px; color: #7b7b7b; }

/* ==========================================================================
   Referenzen
   ========================================================================== */

.portfolio-all { min-height: 378px; border-top: 1px solid #cecece; padding-top: 21px; margin-bottom: 40px; }
.referenzen .portfolio-all .span6 { width: 50%; float: left; }

.portfolio-img { height: 378px; width: 100%; }
.portfolio-txt { padding: 32px; padding-top: 28px; text-align: left; }
.portfolio-txt-title { font-size: 18px; line-height: 20px; font-family: Frutiger Light; color: #555555; text-transform: uppercase; }
.portfolio-txt-content { padding-top: 14px; padding-bottom: 6px; font-family: Frutiger Light; font-size: 16px; color: #7b7b7b; }
.portfolio-txt a { color: #1a8100; }

/* ==========================================================================
   Fotoblog ARCHIVE
   ========================================================================== */

@media (min-width: 992px) {
	.main.col-sm-12 { padding: 0px; }
	.row { margin: 0px; }
}
.blog .main.col-sm-12 { padding: 0px; }
.blog .row { margin: 0px; }
div.span6.blogpost-right { margin-left: 35px; }

.blog .span6 { width: 48%; float: left; }
.main.col-sm-12 .row .span6.blogpost-left, .main.col-sm-12 .row .span6.blogpost-right { transition: color 0.15s; min-height: 480px; border-top: 1px solid #cecece; padding-top: 20px; padding-bottom: 7px; }
.main.col-sm-12 .row .span6.blogpost-left .blogpost-imagecover span, .main.col-sm-12 .row .span6.blogpost-right .blogpost-imagecover span { transition: opacity 0.15s; display: block; height: 0px; text-indent: -9999px; font-size: 16px; font-family: Frutiger; color: #ffffff; width: 172px; background-color: #000000; opacity: 0; }
.main.col-sm-12 .row .span6.blogpost-left:hover .blogpost-imagecover span, .main.col-sm-12 .row .span6.blogpost-right:hover .blogpost-imagecover span { transition: opacity 0.15s; height: auto; text-indent: 0px; font-size: 16px; font-family: Frutiger; color: #ffffff; margin: auto; margin-top: 124px; padding: 15px 0px; width: 172px; background-color: #000000; opacity: 1; }

.main.col-sm-12 .row .span6.blogpost-left:hover .blogpost-imagecover, .main.col-sm-12 .row .span6.blogpost-right:hover .blogpost-imagecover { transition: background-color 0.15s; width: 100%; height: 300px; float: left; background-color: rgba(0,0,0,0.25); text-align: center; }

.blog article { margin-left: 0px; text-align: left; }
.blog article .entry-title { transition: color 0.15s; margin-top: 14px; margin-bottom: 9px; color: #555555; font-family: Frutiger; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; }
.blog article .entry-summary { font-family: Frutiger Light; color: #7b7b7b; font-size: 16px; }
.main.col-sm-12 .row .span6.blogpost-right:hover .entry-title a, .main.col-sm-12 .row .span6.blogpost-right:hover .entry-summary, .main.col-sm-12 .row .span6.blogpost-left:hover .entry-title a, .main.col-sm-12 .row .span6.blogpost-left:hover .entry-summary { color: #000000; }

.main.col-sm-12 .row .span6.blogpost-left .blogpost-img, .main.col-sm-12 .row .span6.blogpost-right .blogpost-img { width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* ==========================================================================
   Fotoblog SINGLE
   ========================================================================== */
   
.single-post h1.entry-title { font-size: 25.5px; margin-top: 20px; text-align: center; }
span.blogpost-image-description.fancyimagebox-image-description { text-align: left; margin-top: -42px; margin-bottom: 25px; display: block; font-size: 14px; }
.cubetech-fotoblog-wrapper img { margin-bottom: 30px; width: 100%; }

/* ==========================================================================
   Portfolio Slider
   ========================================================================== */

.thumbnail-slider .page-header h1 { margin-left: 150px; }

.thumbnail-slider .span2 { width: 118px; float: left; }
.thumbnail-slider .span10 { width: 729px; float: left; min-height: 1px; margin-left: 30px; }
.thumbnail-slider .main.col-sm-12 .container { width: 877px; padding: 0px; }

/* IMAGE SECTION */
#fancyimagebox-image { width: 729px; height: auto; margin-bottom: 35px; }
.fancyimagebox-image-preview img { width: auto; height: 538px; }
.fancyimagebox-image-preview { text-align: center; }
#fancyimagebox-imgage-description { text-align: left; font-family: Frutiger Light; font-size: 14px; margin-top: 13px; width: 50%; margin-right: 0px; float: left; margin-bottom: 20px; }
.fancyimagebox-imgage-titleheader { text-transform: uppercase; }
.fancyimagebox-image-title { font-weight: normal; }

/* SHARE SECTION */
#fancyimagebox-imgage-shareoptions { width: 50px; float: right; text-align: right; margin-bottom: 20px; }
.fancyimagebox-sharebutton { background-image: url("../img/teilen_img.png"); background-repeat: no-repeat; margin-top: 13px; background-position-y: center; font-family: Frutiger Light; font-size: 9pt; text-transform: uppercase; color: #8b8b8b; }
#fancyimagebox-imgage-shareoptions .fancyimagebox-sharedetails { width: 545px; margin-left: -492px; margin-top: 10px; font-family: Frutiger Light; font-size: 15px; margin-bottom: -46px; }
#fancyimagebox-imgage-shareoptions .fancyimagebox-sharedetails span { padding-right: 5px; }
#fancyimagebox-imgage-shareoptions .fancyimagebox-linkshare { display: inline; height: 41px; margin: 0px; border-radius: 0; box-sizing: border-box; }
#fancyimagebox-imgage-shareoptions .fancyimagebox-linkshare a { background-image: url('../img/sharebutton.png'); background-repeat: no-repeat; height: 41px; width: 187px; display: inline-block; position: relative; top: -10px; }

/* SELECT SECTION */
.fancyimageboxthumb-prev { margin-top: 5px; }
.fancyimageboxthumb-next { margin-bottom: 20px; }
#fancyimagebox-thumbnailbox { max-height: 488px; height: auto; width: 107px; margin-right: 41px; margin-top: 11px; margin-bottom: 11px; }
.mCustomScrollBox.mCS-light { max-height: 488px !important; }
.mCSB_container { margin-left: 2px; margin-right: 0px; }
.fancyimagebox-thumbnailbox-image { height: 78px; overflow: hidden; width: 105px; min-width: 105px !important; display: block; margin-bottom: 0px; }
.fancyimagebox-thumbnailbox-image img { width: 105px !important; height: auto; min-width: 105px !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail { width: 1px; }

/* ==========================================================================
   Startpage Slider
   ========================================================================== */
.home footer.container { border-bottom: none; border-top: none; }   
   
.wrap.container.fullscreen-container { margin-top: 43px; }
.fullscreen-container { height: 584px; }
#fancyimagebox-fullscreenwrapper { width: 1200px; margin: auto; }
.fanyimagebox-link-prev { float: left; margin-left: 67px; width: 295px; margin-right: 150px; }
.fanyimagebox-link-next { float: right; width: 295px; margin-left: 211px; }
.mobile.fanyimagebox-link-next, .mobile.fanyimagebox-link-next { display: none; }
.fancyimageslider-dots { margin-top: 16px; }
.mobile-fanyimagebox-link-prev, .mobile-fanyimagebox-link-next { display: none; }


/* IMAGE SECTION */
#fancyimagebox-fullscreen-image { min-height: 200px; height: 584px !important; width: 877px !important; margin: auto; }
.fancyimagebox-textbox { right: 50%; width: 640px; margin-left: -320px; /* text-shadow: 0px 0px 3px #cacaca; */ margin-top: -105px; text-align: center; }
.fancyimagebox-title { font-family: Frutiger Light; font-size: 33px; line-height: 33px; text-transform: uppercase; }
.fancyimagebox-content { margin-top: 24px; font-family: "Frutiger Light"; font-size: 19px; line-height: 19px; }

/* ==========================================================================
   Contact
   ========================================================================== */

.kontakt .main h4 { font-family: Frutiger Light; font-size: 13pt; letter-spacing: -1px; color: #000000; margin-bottom: -5px; }
.kontaktinfo .contact_left, .kontaktinfo .contact_right { font-family: inherit; font-size: 11pt; line-height: 12pt; text-align: left; }

.kontaktinfo .col-md-2.col-md-offset-4 a, .kontaktinfo .col-md-2.col-md-offset-4 a:hover { text-decoration: none; color: #000000; font-family: Frutiger Light; text-transform: uppercase; font-size: 16px; background-color: #e9e9e9; padding-top: 11px; padding-bottom: 9px; padding-left: 18px; padding-right: 18px; margin-left: -48px; margin-top: 10px; white-space: nowrap; position: relative; display: block; text-align: center; }

/* FORM */
.formtitle { text-align: left; margin-top: 20px; margin-bottom: 5px; }
.formtitle span { font-family: Frutiger Light; font-size: 19px; color: #000000; }

input, textarea { border-radius: 0px !important; -webkit-appearance: none !important; transition: all 0.2s ease; }
input:focus, textarea:focus { border: 2px solid #555 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(50,50,50,0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(50,50,50,0.6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(50,50,50,0.6) !important; outline: none; }

#gform_fields_1.gform_fields { margin-left: 0px; margin-right: 0px; list-style-type: none; text-align: left; padding-left: 0px; }

.gform_body ul li { list-style: none; float: left; clear: both; margin-bottom: 20px; }
.gform_body ul li input, .gform_body ul li textarea { border-radius: 1px; border: 2px solid #cfcfcf; font-size: 18px; line-height: 18px; font-family: Frutiger Light; padding: 0px; margin: 0px; padding-left: 26px !important; padding-top: 25px !important; padding-bottom: 21px !important; padding-right: 24px !important; width: 284px; }
.gform_body ul li textarea { border-radius: 1px; font-size: 18px; line-height: 22px; font-family: Frutiger Light; padding: 0px; margin: 0px; padding-left: 26px !important; padding-top: 25px !important; padding-bottom: 22px !important; padding-right: 24px !important; margin-left: 23px; height: 256px; resize: none; margin-top: -4px; }
.gform_body ul li.contact_messagefield { clear: none; margin-top: -180px; margin-bottom: 37px; }

.gform_body ul li.contact_clearlink { clear: none; float: right; margin-bottom: 2px; margin-top: -29px; font-family: Frutiger; }
.gform_body ul li.contact_clearlink a { color: #787878; font-size: 18px; }

.gform_footer .gform_button { margin-left: 23px; float: left; background-color: #777; transition: all 0.2s ease; border: none; height: 69px; width: 265px; color: white; font-family: Frutiger Light; font-size: 13pt; text-transform: uppercase; margin-left: 21px; }
.gform_footer .gform_button:hover { background-color: #555; }

/* OFFERT FORM */

#gform_2 .gform_footer .gform_button { margin-top: -95px; margin-left: 39px; }
#gform_2 .gform_body ul li { clear: none; width: 47%; margin-right: 15px; }
#gform_2 .gform_body ul li input, #gform_2 .gform_body ul li textarea { width: 100% !important; margin: 0; }

/* FIREFOX WORKAROUND */
@-moz-document url-prefix() { #input_1_4 { margin: 4px 0px 0px 23px; height: 244px; } }

/* FORM ERROR */
#gform_1 .validation_error { margin-top: -20px; line-height: 20px; text-align: center; }
.gfield_error .ginput_container input, .gfield_error .ginput_container textarea { border: 2px solid #b24d4d; }
.gfield_error .gfield_description.validation_message {float: left; margin: 0px; height: 0px; font-size: 14px; font-family: Frutiger Light; }
.gfield_error.contact_messagefield .gfield_description.validation_message { text-indent: 22px; 	}

/* ==========================================================================
   Posts
   ========================================================================== */

.page-header h1 { font-size: 23px; letter-spacing: 1px; margin-top: 0px; margin-bottom: 5px; }

/* ==========================================================================
   Footer
   ========================================================================== */
   
footer.container { border-top: 1px #cecece solid; margin-bottom: 31px; padding-top: 55px; padding-left: 0px; padding-right: 0px; width: 877px; }
footer ul { text-align: center; padding: 0px; }
footer ul li { margin-left: 10px; margin-right: 10px; list-style-type: none; display: inline-block; }
footer a { color: #6f6d6d; font-family: Frutiger Light; text-transform: uppercase; font-size: 12px; padding: 9px; padding-top: 8px; padding-bottom: 8px; }
footer ul li:hover a { background-color: #dddddd; text-decoration: none; color: #6f6d6d; }
footer ul li.menu-martin-rhyner a:hover { background-color: transparent; }