/** * @license * MyFonts Webfont Build ID 2924666, 2014-11-18T12:04:24-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: AvenirLTStd-Medium by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/ * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated. All Rights Reserved. * * Webfont: AvenirLTStd-Black by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir/95-black/ * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved. * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2924666 * Licensed pageviews: 250,000 * * © 2014 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,800); @import url("//hello.myfonts.net/count/2ca07a"); @font-face {font-family: 'AvenirLTStd-Medium';src: url('font/2CA07A_0_0.eot');src: url('font/2CA07A_0_0.eot?#iefix') format('embedded-opentype'),url('font/2CA07A_0_0.woff2') format('woff2'),url('font/2CA07A_0_0.woff') format('woff'),url('font/2CA07A_0_0.ttf') format('truetype'),url('font/2CA07A_0_0.svg#wf') format('svg');} @font-face {font-family: 'AvenirLTStd-Black';src: url('font/2CA07A_1_0.eot');src: url('font/2CA07A_1_0.eot?#iefix') format('embedded-opentype'),url('font/2CA07A_1_0.woff2') format('woff2'),url('font/2CA07A_1_0.woff') format('woff'),url('font/2CA07A_1_0.ttf') format('truetype'),url('font/2CA07A_1_0.svg#wf') format('svg');} #lang_sel, #OPheaderWrapper {display:none;} .menu-item-language-current { border-bottom: none;} /* Theme Name: Dorayaki Theme URI: http://www.elmastudio.de/en/themes/dorayaki/ Author: Elmastudio Author URI: http://www.elmastudio.de/en/themes/ Description: Dorayaki is a responsive, minimal Business/Portfolio theme with a custom front page and widget for pages options. So you can easily create custom pages like an About, Services, Portfolio or Testimonial page. Additional Dorayaki features include a slider option, a beautiful blog template, custom page templates for full width pages or a blog archive and an optional footer widget area. Version: 1.0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, translation-ready Text Domain: dorayaki */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Genericon Icon Font * 3.0 - General Styles * 4.0 - Link + Custom Colors * 5.0 - Header * 6.0 - Posts * 6.1 - Single Posts * 6.2 - Comments * 6.2 - Post Formats * 7.0 - Archives / Search Results / 404 * 8.0 - Pages * 9.0 - Pagination * 10.0 - Widgets * 10.1 - Page Widgets * 11.0 - Footer * 12.0 - Shortcodes * 13.0 - Plugins * 14.0 - Media Queries * 15.0 - HiDPI (=Retina) Displays * -------------------------------------------------------------------------------------------- */ /*-----------------------------------------------------------------------------------*/ /* 1.0 Reset /*-----------------------------------------------------------------------------------*/ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;} figure { margin: 10% 0; } figcaption { text-align: center; } img { border: 0; -ms-interpolation-mode: bicubic;} a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;} input {-webkit-border-radius:0; border-radius:0;min-height: 32px;} /* Clearfix */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix::after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } /*-----------------------------------------------------------------------------------*/ /* 2.0 Genericon Icon Font /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'Genericons'; src: url('font/genericons-regular-webfont.eot'); src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/genericons-regular-webfont.woff') format('woff'), url('font/genericons-regular-webfont.ttf') format('truetype'), url('font/genericons-regular-webfont.svg#genericonsregular') format('svg'); font-weight: normal; font-style: normal; } /*-----------------------------------------------------------------------------------*/ /* 3.0 General Styles /*-----------------------------------------------------------------------------------*/ body {font-family: 'AvenirLTStd-Medium', 'Helvetica Neue', Arial, sans-serif;color: #313131;margin: 0 auto;} .entry-content p, .entry-content ul, .entry-content ol, .single-post .author-info p.author-description {font-family: 'AvenirLTStd-Medium', Georgia, serif;} .OPmain-wrap, #main-wrap {padding: 25px 20px;} .page-id-18 #main-wrap, .page-id-284 #main-wrap {padding: 0; margin: 0 auto;} /* Headings */ h1, h2, h3, h4, h5, h6 { color: #313131; text-rendering: optimizeLegibility; word-wrap: break-word; } #site-title h1 {font-family: 'AvenirLTStd-Black', Georgia, serif;} /* Text Elements */ p {margin-bottom: 24px;} ul, ol {margin: 0 0 24px 0;padding-left: 40px;overflow: auto;} ul.related-posts {overflow: hidden;} #wpadminbar ul {overflow: visible !important;} ul {list-style: disc;} ol {list-style: decimal;} li > ul, li > ol {margin-bottom: 0;margin-left: 24px;} .entry-content ul li, .entry-content ol li, #comments ul li, #comments ul li {margin-bottom: 20px;} .entry-content ul ul li:last-child, .entry-content ol ol li:last-child, #comments ul ul li:last-child, #comments ol ol li:last-child {margin-bottom: 0;} .entry-content ul ul, .entry-content ol ol, #comments ul ul, #comments ol ol {margin-top: 12px;} dt {font-weight: bold;} b, strong {font-weight: bold;} dfn, em, i {font-style: italic;} blockquote {color: #9e9e9e;} address {margin: 0 0 24px;} pre { background: #efefef; font-family: Consolas, Monaco, monospace; font-size: 14px; font-size: 0.8125rem; line-height: 1.4; margin-bottom: 20px; padding: 15px; overflow: auto; max-width: 100%; } code, kbd, tt, var {font-family: Consolas, Monaco, monospace;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup {bottom: 1ex;} sub {top: .5ex;} small {font-size: 75%;} big {font-size: 125%;} figure {margin: 0;} table { margin: 0 0 1.5em; width: 100%; } th {font-weight: bold;} img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } dt {font-weight: bold;} dd {margin: 0 0 20px;} dl dt { font-size:16px; font-size:1rem; font-weight: bold; line-height:1.5; } dl dd { margin: 0 0 20px 0; line-height:1.55; font-size:14px; font-size:0.875rem; } /* Tables */ table { border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #eaeaea; line-height: 2; margin: 0 0 40px; width: 100%; font-size:14px; font-size:0.875rem; } table td { border-top: 1px solid #eaeaea; padding: 6px 10px 6px 0; } table caption {margin: 40px 0;} table th { font-weight: bold; text-align:left; } /* Alignment */ .alignleft, .alignright { float: none; display: block; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } img.alignleft, img.alignright { margin-top:10px; margin-bottom:10px; } /* Forms */ input, textarea { padding: 0; background: none; border: none; border-bottom: 1px solid #313131; font-family: 'AvenirLTStd-Medium', 'Helvetica Neue', Arial, sans-serif; font-size:16px; //font-size:1rem; color: #313131; line-height:2.7; /* -webkit-appearance: none; */ outline-color: transparent; outline-style: none; width:100%; } input:hover, input:focus, v:active, textarea:hover, textarea:focus, textarea:active { border-bottom: 1px solid #313131; } input[type="button"], input[type="submit"] { padding: 11px 15px; background: #313131; border:none; font-size:12px; font-size:0.75rem; color:#fff; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; -webkit-appearance: none; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; } :focus {outline:none;} ::-moz-focus-inner {border:0;} /*-----------------------------------------------------------------------------------*/ /* 4.0 Links + Custom Colors /*-----------------------------------------------------------------------------------*/ body, .page .entry-content h2 span { background: #f4f4f4; } a, .entry-header h2.entry-title a:hover, .responsive-slider.flexslider .slide h2.slide-title a:hover, input#submit:hover, input.wpcf7-submit:hover, .format-link a.link:hover, ul.dorayaki-rp li.rp-box h3.rp-title a:hover, .responsive-slider.flexslider .slide h2.slide-title span, .portfolio-box h3.portfolio-title a:hover, .widget h3.widget-title a:hover, .search-btn-open::before, .menu-btn-open::before, #site-nav li a:hover, a.more-link:hover, .morelink-icon:hover::after, #comments .comment-content ul.comment-meta a:hover, .contact-box .cb-emails span, a#desktop-search-btn.btn-open::after { color: #92dadd; text-decoration: none; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; } a:hover { color: #2aa3b2; } .entry-content a:hover, .textwidget a:hover, .comment-text a:hover { text-decoration: underline; } .search-btn-open, .menu-btn-open, input[type="button"]:hover, input[type="submit"]:hover, .jetpack_subscription_widget input[type="submit"]:hover, input#submit:hover, input.wpcf7-submit:hover, .contact-box a.cb-maplink:hover, .entry-content p.slogan a:hover, a.service-box:hover, a#desktop-search-btn:hover, a#desktop-search-btn.btn-open { background: #92dadd; } .responsive-slider.flexslider .flex-control-nav li a:hover { border: 1px solid #92dadd; background: #92dadd !important; } .entry-cats ul.post-categories li a, .entry-meta .entry-tags a, #comments .comment-content p.comment-reply a, .testimonial-box a.t-link, .team-box a.tm-link { display: inline-block; padding: 3px 6px; background: #eaeaea; font-size: 13px; font-size: 0.8125rem; color: #777; text-transform: none; letter-spacing: 0; } .entry-cats ul.post-categories li a:hover, .entry-meta .entry-tags a:hover, #comments .comment-content p.comment-reply a:hover, .testimonial-box a.t-link:hover, .team-box a.tm-link:hover { background: #313131; color: #fff; text-decoration: none; } /* Grey Link Color */ .entry-details a, .entry-meta a, ul.dorayaki-rp li.rp-box .rp-meta a, .share-btn, .author-info h3, .author-info h3 a, .page-header h2.page-title, .page-header .taxonomy-description p, ul.dorayaki-rp li.rp-box a.rp-date, .portfolio-box .portfolio-entry-cats a { color: #9e9e9e; } .entry-details a:hover, .entry-meta a:hover, ul.dorayaki-rp li.rp-box .rp-meta a:hover, .entry-meta .entry-comments a:hover, .entry-details .entry-edit:hover::before, .share-btn:hover, .author-info h3 a:hover, ul.dorayaki-rp li.rp-box a.rp-date:hover, .portfolio-box .portfolio-entry-cats a:hover { color: #313131; } /* Footer Color */ .footerlabel {color: #92dadd;} #colophon {background: #92dadd;} /* Header Widget Color */ #masthead ul.headerinfo-text li span {background: #92dadd;} /*-----------------------------------------------------------------------------------*/ /* 5.0 Header /*-----------------------------------------------------------------------------------*/ #masthead { position:fixed; display:block; background: #fff; left:0px; top:0px; width:100%; z-index:9999; } #masthead a.logo { background-image: url("/wp-content/uploads/logo500.png"); background-repeat: no-repeat; background-size: 185px 20px; background-color: rgba(0, 0, 0, 0); display: block; height: 20px; margin: 0 auto; width: 185px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { #masthead a.logo { background-image: url("/wp-content/uploads/kontextor_logo@2x.png"); background-size: 185px 20px; } } #site-title { padding:20px; border-top: 0px solid transparent!important; } #site-title h1 { margin: 0; padding: 0; display: block; font-size: 24px; font-size: 1.5rem; line-height: 1.6; font-weight: bold; letter-spacing: 2px; word-wrap: break-word; } #site-title h1 a { color:#29251F; } a#desktop-search-btn, .header-widget-wrap { display:none; } /* --- Header Image / Responsive Slider (Plugin) --- */ .header-img { position:relative; margin: 0 auto; padding: 20px 20px 0; overflow: hidden; height:auto !important; } .header-imag img, .header-img img.wp-post-image { width: 100%; height: auto; vertical-align: bottom; margin:0; } .header-slider { position:relative; margin: 20px 20px 0; padding: 0; background: #313131; } .header-slider .responsive-slider.flexslider { margin-bottom: 0; } .responsive-slider.flexslider ul.slides { overflow: hidden !important; } .header-slider .responsive-slider.flexslider .slides img.wp-post-image { width: 50%; height: auto; vertical-align: bottom; margin:0; } .responsive-slider.flexslider .slide h2.slide-title { position: absolute; display: block; width: 42%; right: 4%; left: 54%; top: 40px; margin: 0; text-align: center; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; margin: 0 auto; } .responsive-slider.flexslider .slide h2.slide-title a { background:none !important; font-size: 11px; font-size: 0.6875rem; padding: 0; line-height: 1.3; right:0; left: 0; } .responsive-slider.flexslider .slide h2.slide-title span { display: none; margin: 0; padding: 0 0 15px; font-size: 11px; font-size: 0.6875rem; font-weight: 400 !important; letter-spacing: 2px; line-height: 1.5; } .responsive-slider.flexslider .flex-direction-nav {display: none;} .responsive-slider.flexslider .flex-direction-nav li a { width: 46px !important; height: 46px !important; top: 50px !important; background: url(images/slider-nav.png) 0 0 no-repeat !important; border: 2px solid #fff; text-align: left; opacity: 0; -webkit-border-radius: 100px; border-radius: 100px; } .responsive-slider.flexslider .flex-direction-nav li .prev {background-position: -2px -1px !important;} .responsive-slider.flexslider .flex-direction-nav li .next {background-position: -2px -48px !important; right: 3% !important;} .responsive-slider.flexslider .flex-direction-nav li a:hover {opacity: 1;} .flex-direction-nav li .prev {left: 53% !important;} .responsive-slider.flexslider ol.flex-control-nav { width: 49% !important; bottom: 6% !important; right: 1%; overflow: hidden !important; } .responsive-slider.flexslider .flex-control-nav li a { width: 6px !important; height: 6px !important; background: none !important; border: 1px solid #fff; -webkit-border-radius: 100px; border-radius: 100px; } /* --- Mobile Nav --- */ .mobile-nav-container {position: relative;} #masthead a#mobile-search-btn, #masthead a#mobile-menu-btn { display:block; position: relative; width: 50%; height: 60px; margin: 0; color: #bbb; text-align: center; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #masthead a#mobile-search-btn { float:left; padding: 18px 0 0 0; } #masthead a#mobile-menu-btn { float:right; padding: 20px 0 0; border-left: 1px solid #eaeaea; } #masthead a#mobile-search-btn span, #masthead a#mobile-menu-btn span {display: none;} .search-icon::after { content: '\f400'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 28px/1 'Genericons'; vertical-align: top; } /* .menu-icon::after { content: '\f419'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 19px/1 "Genericons"; //font: normal 21px/1 'Genericons'; vertical-align: top; }*/ .search-btn-open, .menu-btn-open { border-top: 1px solid #92dadd !important; border-bottom: 1px solid #92dadd !important; color: #fff !important; } .search-btn-open::before { content: '\f500'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 15px/1 'Genericons'; vertical-align: bottom; padding: 0; position: absolute; top:-15px; right:48%; z-index: 2; } .menu-btn-open::before { content: '\f502'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 15px/1 'Genericons'; vertical-align: bottom; padding: 0; position: absolute; bottom:-15px; right:48%; z-index: 2; } /* --- Header Search --- */ #search-wrap { display: none; width: 100%; padding: 20px 15px; background: #313131; z-index: 10; } #search-wrap #s { width:100%; border: none; background: #fff; padding: 15px; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-size: 1rem; color: #313131; font-weight: 300; } #s:hover, #s:focus, #s:active {border: none;} #masthead input#searchsubmit {display: none;} /* --- Header Main Nav --- */ #site-nav { background: #fff; clear: both; display: none; padding: 30px 0; z-index: 999; } #site-nav ul {margin: 0;list-style:none;} #site-nav ul.sub-menu, #site-nav ul.children {padding: 20px 0;} #site-nav ul.sub-menu:first-child, #site-nav ul.children:first-child {padding-top: 0;} #site-nav ul.sub-menu:last-child, #site-nav ul.children:last-child {padding-bottom: 0;} #site-nav li a { display:inline-block; font-size: 15px; color:#fff; text-transform:uppercase; letter-spacing: 1px; } #site-nav ul li ul li:first-child {padding-top: 0;} #site-nav ul li ul li:last-child {padding: 0;} #site-nav li li a {font-size: 12px; text-transform: none;color: #9e9e9e;} #site-nav ul li li.icl-de a:hover {color:#dd1d20;} /* --- Header Go To Other Language Blog --- */ .go-to-other-language-blog { position: absolute; z-index: 99; color: #fff; background-color: #313131; border-radius: 50%; width: 140px; font-size: 13px; height: 140px; padding: 39px 15px; text-align: center; line-height: 21px; cursor: pointer; top: 88px; left: 6px; -webkit-backface-visibility: hidden; -webkit-transition: none; -moz-transition: none; transition: none; } html[lang~="de-DE"] .go-to-other-language-blog { padding: 39px 25px; } .go-to-other-language-blog:hover { background-color: #696a6a; color: #ffffff; text-decoration: underline; } .go-to-other-language-blog.gtolb-single { top: 58px; left: -18px; font-family: 'AvenirLTStd-Medium', 'Helvetica Neue', Arial, sans-serif; } .single-post article .entry-image a.go-to-other-language-blog.gtolb-single { pointer-events: all; } /*-----------------------------------------------------------------------------------*/ /* 6.0 Posts /*-----------------------------------------------------------------------------------*/ #site-content .post { position: relative; display:block; margin:0 0 0px; padding: 30px 0 0; } #site-content .post:first-of-type {padding-top:0;} .entry-content, .entry-summary {max-width:100%;} /* --- Post Header --- */ .entry-header { max-width:100%; padding:0; word-wrap: break-word; -ms-word-wrap: break-word; } .entry-header h1.entry-title, .entry-header h2.entry-title { font-size: 22px; font-size: 1.375rem; font-weight: 900; line-height: 1.45; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0 14px; } .entry-header h2.entry-title a {color: #313131;} /* --- Post Details --- */ .entry-details { padding: 10px 0 0; border-top: 1px solid #eaeaea; font-size: 12px; font-size: 0.75rem; color: #9e9e9e; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; } .entry-cats { border-top: 1px solid #eaeaea; margin: 10px 0 0 0; padding: 10px 0 0 0; } .entry-cats ul.post-categories { display: none; list-style: none; margin: 0; padding: 0; } .entry-cats ul.post-categories li { display: block; padding: 0 0 10px; } .entry-tags a {margin: 0 6px 0 0;} .entry-author, .entry-date, .entry-edit {display: inline;} .entry-author span {text-transform: none;} .entry-edit { padding: 0 0 0 10px; clear: both; overflow: hidden; float: none; } .single-post .type-post .entry-image { position: relative; } .logged-in .entry-edit a::before { content: '\f411'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 15px/1 'Genericons'; vertical-align: top; padding: 0 1px 0 0; } /* --- Post Meta --- */ a.more-link { display: inline-block; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; color: #313131; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1; } .morelink-icon::after { content: '\f429'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 23px/1 'Genericons'; vertical-align: bottom; color: #313131; padding: 0 0 0 4px; font-weight: bold; line-height: 0.7; } a.more-link:hover, .morelink-icon:hover::after {text-decoration: none !important;} .entry-meta .entry-comments {display: inline-block; float: left;} .entry-meta .entry-comments a, .rp-meta .rp-comments a {display: inline-block; font-size: 12px;color: #9e9e9e; text-transform: uppercase; letter-spacing: 1px;line-height: normal;} .entry-meta .entry-comments a::before, .rp-meta .rp-comments a::before { content: '\f108'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 15px/1 'Genericons'; vertical-align: top; padding: 0 4px 0 0; line-height: 1.2;} .page-link { display: block; padding-bottom:15px; clear: both; font-weight:bold; word-spacing:18px;} /* --- Share Buttons --- */ .post .entry-meta { position: relative; padding: 0 0 19px; border-bottom: 5px solid #eaeaea;} .rp-meta {position: relative;} .entry-meta .share-btn, .rp-meta .share-btn { display:inline-block; float: right; background: none; border:none; outline:0; padding: 2px 0 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;cursor:pointer; z-index: 10;} .entry-meta .share-btn::before, .rp-meta .share-btn::before { content: '\f415'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 18px/1 'Genericons'; vertical-align: top; padding: 0 4px 0 0; line-height: 0.9;} .entry-meta .share-links-wrap, .rp-meta .share-links-wrap { display: none; position: absolute; width: 65%; bottom: 55px; right: 0; background: #fff; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); padding: 20px 20px 10px; z-index: 3;} .rp-meta .share-links-wrap {right: 10px;} .entry-meta .share-links-wrap::before, .rp-meta .share-links-wrap::before { content: '\f502'; display: inline-block; position: absolute; bottom: -16px; right: 30px; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: bottom; color: #fff; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);} .single-post .share-links-wrap::before, .page .share-links-wrap::before {display: none;} .home .share-links-wrap::before {display: inline-block !important;} .entry-meta .share-links-wrap ul, .rp-meta .share-links-wrap ul { width: 100%;list-style: none;margin: 0; padding: 0;} .share-links-wrap h3.share-this {display: none;} .entry-meta .share-links-wrap ul li, .rp-meta .share-links-wrap ul li { padding: 1px; height: 30px; margin:0;} .share-links-wrap ul li.twitter, .share-links-wrap ul li.gplus, .share-links-wrap ul li.fb, .share-links-wrap ul li.pinit { height:30px; text-align: left;} .share-links-wrap ul li.pinit, .share-links-wrap ul li.fb {width:120px;} .share-links-wrap ul li.fb iframe { width: 120px; height: 50px;} .share-links-wrap ul li.pinit a { -webkit-transition: none; -moz-transition: none; transition: none;} /* --- Post Typography --- */ .entry-content p, .entry-summary p, .entry-content ul, .entry-content ol { font-size: 15px; line-height: 1.8; word-wrap: break-word; -ms-word-wrap: break-word; } .entry-content p.intro { font-size:20px; line-height: 1.6;} p.justify {text-align:justify;} .entry-content blockquote p, #comments blockquote p { font-size:18px;} .entry-content blockquote cite, #comments blockquote cite { display:inline-block; padding: 15px 0 0 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; font-size: 0.75rem; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: 1px; } .entry-content blockquote a {text-decoration:none;} blockquote p cite::before, .single-post blockquote p cite::before { content:'\2014'; padding: 0 5px 0 0; } /* --- Images / Video --- */ img { max-width:100%; height:auto;} img.img-border { max-width:98.1%; padding:5px; background:#fff; border:1px solid #eaeaea; } .widget img { max-width:100%; height:auto;} img.wp-post-image {margin:0 0 15px 0;} .wp-caption.alignnone {margin: 0;} .wp-caption {max-width: 100%;} .type-attachment .entry-content .entry-caption p {padding-bottom:0;} img#wpstats {display:none} .entry-content p.wp-caption-text, .gallery-item .gallery-caption { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; font-size: 0.75rem; color: #9e9e9e; font-weight: bold; line-height: 1.5; text-transform:uppercase; letter-spacing: 1px; text-align: left; } .gallery-item .gallery-caption { display:none; font-size: 11px; font-size: 0.6875rem;} .entry-content p.wp-caption-text { margin:0; padding: 15px 0 24px;} embed, iframe, object, video {max-width:100%;} .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Image Galleries */ .gallery { margin:0; padding:0;} .gallery .gallery-item { width: 31.2%; float: left; margin-right: 3%; margin-bottom: 15px;} .gallery .gallery-item:nth-of-type(3n + 3) {margin-right: 0;} .gallery .gallery-item .gallery-icon {line-height: 0;} .gallery .gallery-item img { width: 100%; height: auto;} .gallery .gallery-item .gallery-caption { margin: 15px 0 0 0; padding: 0;} /*-----------------------------------------------------------------------------------*/ /* 6.1 Single Posts /*-----------------------------------------------------------------------------------*/ .single-post .entry-content {padding-bottom: 20px;} /* --- Single Post Meta --- */ .entry-tags span { font-size: 12px; color: #9e9e9e; text-transform: uppercase; letter-spacing: 1px; margin-right: 15px; padding-top: 2px;} .entry-tags span::before { content: '\f302'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1 'Genericons'; vertical-align: top; } .single-post .entry-meta .share-btn, .page .entry-meta .share-btn {display:none;} .single-post .entry-meta .share-links-wrap, .page .entry-meta .share-links-wrap { display: block !important; background: none; position: relative; width: 100%; bottom: auto; right: auto; margin-top: 20px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); padding: 0px 0px 0px; } .single-post .sharewrap-icon::before, .page .sharewrap-icon::before {display: none;} .single-post .entry-meta .share-links-wrap ul li.fb, .page .entry-meta .share-links-wrap ul li.fb {width: 140px;} /* --- Author Info Box --- */ .single-post .author-info { margin: 0 0 30px; padding: 20px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; overflow: hidden; clear: both; } .single-post .author-info img.avatar { width: 50px; height: 50px; display: inline-block; float: left; margin-top: 3px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .author-info h3 { margin: 0; padding: 0 0 15px; font-size: 14px; text-transform: uppercase; letter-spacing: 2px;} .single-post .author-info p.author-description { margin: 0; padding: 0 0 0 70px; font-size: 14px; line-height: 1.65;} /*-----------------------------------------------------------------------------------*/ /* 6.2 Comments /*-----------------------------------------------------------------------------------*/ #comments {position: relative;} #comments .comment {overflow:hidden;} #comments h3.comments-title { margin:0 0 10px; padding-top:40px;} #comments h3.comments-title span a { display:none; margin:5px 0 0 0; font-size:14px; float:right; font-weight:400;} #site-content ol.commentlist { list-style:none; padding: 0;} #site-content ol.commentlist li {margin:0;} #comments ul.children { margin-left: 0; padding-left: 0;} /* Comment Content */ #comments .comment-content { display:block; padding: 25px 0; border-bottom: 1px solid #eaeaea;} #comments .comment-avatar { float:left; padding: 25px 12px 0 0;} #comments .comment-avatar img.avatar { width: 40px; height: 40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #comments .comment-content ul.comment-meta { list-style:none; margin:0; padding:0 0 15px; overflow:hidden; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px; } #comments .comment-content .comment-text { margin:0; padding:0; overflow:hidden; } #comments .comment-content ul.comment-meta a {color: #313131;} #comments ul.children .comment-content ul li.comment-author { margin:0; padding:0; } #comments .comment-content ul li.comment-time::before { content: '\002d'; display: inline-block; -webkit-font-smoothing: antialiased; vertical-align: top; padding-right: 3px; } #comments .comment-content ul li.comment-time, #comments .comment-content ul li.comment-edit { margin:0 0 0 8px; padding:0;} #comments .comment-content ul li.comment-author, #comments .comment-content ul li.comment-time, #comments .comment-content ul li.comment-edit {float: left;} #comments .comment-content ul li.comment-edit a::before { content: '\f411'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 17px/1 'Genericons'; vertical-align: top; padding-right: 1px; } #comments .comment-text p, #comments .comment-text ul { margin:0 0 18px; font-size: 14px; line-height:1.7;} #comments .comment-text p.comment-reply {margin:0;} #comments p.comment-awaiting-moderation { display:block; color: #6aa0cc; font-style: italic;} /* Pingbacks */ #comments ol li.pingback { display: block; margin: 0; padding: 15px 0;} #comments ol li.pingback span { font-weight: bold; font-size: 15px;} #comments ol li.pingback p { margin:0;} #comments ol li.pingback a { font-weight: normal; font-size: 14px; } #comments .pingback p.pingback-edit { font-size: 14px; } /* No Comments Info */ #site-content .nopassword, #site-content p.nocomments { margin:0; padding:0 0 20px;} /* Comments Reply */ #comments #respond { margin: 0; padding: 20px 0 0 0;} #comments #respond h3#reply-title { margin:0; padding:0; font-size: 16px; font-weight: bold; display:inline-block;} #comments #respond p.comment-note, #comments #respond p.logged-in-as { margin: 0 0 12px; padding: 5px 0 0; font-size:14px;} #respond a#cancel-comment-reply-link { margin:0 0 0 5px; font-size:14px;} #respond #cancel-comment-reply-link a { margin:24px 0 0 0; display:inline-block; font-size:14px; } #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-comment { margin:0; padding:10px 0 0; font-size:14px;} #commentform p.comment-form-author, #commentform p.comment-form-email, #commentform p.comment-form-url, #commentform p.comment-form-comment { float:none; clear:both; width:100%;} #commentform p.form-allowed-tags {display:none;} #commentform textarea#comment, #site-content .wpcf7 textarea { width:100%; height:75px; margin: 0; padding: 0; background: none; border:none; border-bottom:1px solid #313131; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; color: #313131; line-height:2.7; -webkit-appearance: none; outline-color: transparent; outline-style: none; } #site-content .wpcf7 input.wpcf7-text, #site-content .wpcf7 textarea { width:100%; background: #fff;} #commentform textarea#comment:hover, #commentform textarea#comment:focus, #commentform textarea#comment:active, #commentform input#author:hover, #commentform input#author:focus, #commentform input#author:active, #commentform input#email:hover, #commentform input#email:focus, #commentform input#email:active, #commentform input#url:hover, #commentform input#url:focus, #commentform input#url:active, #site-content .wpcf7 textarea:hover, #site-content .wpcf7 textarea:focus, #site-content .wpcf7 textarea:active, #site-content .wpcf7 input.wpcf7-text:hover, #site-content .wpcf7 input.wpcf7-text:focus, #site-content .wpcf7 input.wpcf7-text:active, #s:hover, #s:focus, #s:active, .jetpack_subscription_widget input#subscribe-field:hover, .jetpack_subscription_widget input#subscribe-field:focus, .jetpack_subscription_widget input#subscribe-field:active {border-bottom: 1px solid #000;} .jetpack_subscription_widget input#subscribe-field:hover, .jetpack_subscription_widget input#subscribe-field:focus, .jetpack_subscription_widget input#subscribe-field:active {background:#fff !important;} #commentform p.form-submit {margin:0 0 10px;} input#submit, input.wpcf7-submit { width:100%; margin: 15px 0 5px; padding: 17px 0; border: none; font-size:12px; font-size:0.75rem; background: #313131; color:#fff !important; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; -webkit-appearance: none; } input#submit:hover, input.wpcf7-submit:hover {color: #fff;} /*-----------------------------------------------------------------------------------*/ /* 6.3 Post Formats /*-----------------------------------------------------------------------------------*/ .single-format-quote .entry-header h1.entry-title, .single-format-link .entry-header h1.entry-title, .format-aside h1.entry-title, .format-aside .entry-header h2.entry-title { padding-top: 5px; font-size: 14px;} /* Quote Posts */ .format-quote .entry-content blockquote, .format-link a.link {padding-top: 15px;} .format-quote .entry-content blockquote p { font-size: 21px; line-height: 1.5;} .format-quote .entry-content blockquote p { font-size: 21px; line-height: 1.5;} /* Link Posts */ .format-link p a.link { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 20px; line-height: 1.4 !important; color: #9e9e9e; font-weight: bold; letter-spacing: 1px; display: inline-block;} .format-link p a.link::before { content: '\f442'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 32px/1 'Genericons'; vertical-align: top; padding-right: 6px; } /*-----------------------------------------------------------------------------------*/ /* 7.0 Archives / Search Results / 404 /*-----------------------------------------------------------------------------------*/ .page-header { max-width:100%; margin:0 auto 30px auto; padding: 20px 0 20px; border-bottom: 5px solid #eaeaea;} .page-header h2.page-title { margin:0; padding:0; font-size: 12px;line-height:1; font-weight:normal; text-transform: uppercase; letter-spacing: 2px;} .page-header .taxonomy-description p { display:none; padding:12px 0 0;} .search-results #site-content .page {padding: 30px 0;} .search-results #site-content .page:first-of-type {padding-top:0;} /*-----------------------------------------------------------------------------------*/ /* 8.0 Pages /*-----------------------------------------------------------------------------------*/ .page .entry-header h1.entry-title { font-family: 'AvenirLTStd-Black', Georgia, serif; font-size: 28px; line-height: 1.3; font-weight: normal; text-transform: uppercase; letter-spacing: 0;} .page .entry-content h2.centered { margin: 40px 0; text-align: center; position: relative; display: block; background: url(images/h2-border.png) 0 50% repeat-x; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; color: #aeaeae;} .page .entry-content h2.centered span { padding: 0 10px; display: inline-block;} .page .entry-meta ul {padding: 0;} /* Archive Page Template */ .template-archive ul { list-style: none; padding: 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 17px !important; font-size: 1.0625rem !important;} .template-archive ul li {margin: 0 0 5px;} .template-archive h3 {margin: 40px 0 20px;} .template-archive ul li a:hover {text-decoration: none;} .template-archive .archive-tags a { display: inline-block; padding: 8px 16px; margin: 0 5px 8px 0; background: #eaeaea; font-size: 13px !important; font-size: 0.8125rem !important; text-decoration: none; color: #777;} .template-archive .archive-tags a:hover { background: #313131; color: #fff;} /* Front Page */ .entry-content p.slogan { font-size: 17px; font-size: 1.0625rem; line-height: 1.8;} .entry-content p.slogan a { background: #e0e0e0; padding: 2px 3px; color: #313131;} .entry-content p.slogan a:hover { text-decoration: none; color: #fff;} /* Portfolio Page */ #site-content .intro { padding:0 !important;} #site-content .intro .entry-content p { max-width:960px; margin:0 auto; text-align:center; font-size:16px; padding:0 !important;} #site-content .post.portfolio-element { max-width:100%; height:470px; padding:50px 0; float:left; font-size:14px; background:none; border-bottom:1px solid #E3E0D8;} #site-content .post.portfolio-element h2.entry-title { margin:0; padding:22px 0 10px 0; font-size:18px; } #site-content .post.portfolio-element h2.entry-title a {color:#5F5C52;} #site-content .post.portfolio-element p { font-size:14px; padding:0; line-height:1.7;} a.portfolio-thumb { display: block; opacity:1; -moz-opacity: 1; transition: opacity .25s ease; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); line-height: 0; } a.portfolio-thumb:hover { opacity:0.8; -moz-opacity: 0.8;} .portfolio-thumb img.wp-post-image { float:none; margin:0;} /*-----------------------------------------------------------------------------------*/ /* 9.0 Pagination /*-----------------------------------------------------------------------------------*/ #nav-below, #nav-single, #nav-image { max-width:100%; display:block; clear:both; overflow:hidden; margin:0 auto;} #nav-single, #nav-image {padding: 30px 0 0;} #nav-below {padding: 30px 0 20px;} .nav-next a, .nav-previous a, .previous-image a, .next-image a { width: 40px; height: 40px; display:inline-block; border: 1px solid #313131; -webkit-border-radius: 100px; border-radius: 100px; color: #313131;} .nav-next a:hover, .nav-previous a:hover, .previous-image a:hover, .next-image a:hover { border: 1px solid #313131; background: #313131; color: #fff;} .nav-previous a::before{ content: '\f430'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 33px/1 'Genericons'; vertical-align: top; margin: 3px 0 0 1px; } .nav-next a::before { content: '\f429'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 33px/1 'Genericons'; vertical-align: top; margin: 3px 0 0 4px; } .nav-next a span, .nav-previous a span, .previous-image a span, .next-image a span {display: none;} .nav-previous, .previous-image {float:left;} .nav-next, .next-image {float:right;} /*-----------------------------------------------------------------------------------*/ /* 10.0 Widgets /*-----------------------------------------------------------------------------------*/ #sidebar {padding: 30px 0 0;} #sidebar .widget {padding:0 0 60px;} #sidebar .widget:last-child {padding:0 0 30px;} .widget-area .widget h3.widget-title, .widget-area .widget_get_recent_comments h1.widget-title { margin:0; padding:0 0 15px; font-size: 16px; font-size: 1rem; font-weight: bold;} .widget-area .widget ul { margin: 0; padding: 0; overflow: hidden !important;} .widget-area .widget ul li { padding-bottom:10px; list-style:none; font-size: 14px; line-height:1.5;} .widget-area .widget ul li a:hover {text-decoration:none;} .widget-area .widget img.resize { max-width: 100%; height:auto; width: auto\9; /* ie8 */} .widget h3.widget-title a {color: #313131;} /* --- Standard Widgets --- */ .textwidget {font-family: 'Open Sans'; font-size: 12px; line-height: 1.7; text-transform:none;letter-spacing: -0.2px;} .textwidget img.alignleft, .textwidget img.alignright {margin:5px 10px 0 0;} .widget-area .widget_pages li, .widget-area .widget_categories li, .widget-area .widget_nav_menu li { padding-bottom:0 !important; line-height:2 !important;} .widget_recent_entries ul li span { font-size: 12px; padding: 0 0 0 6px; color: #9e9e9e; text-transform: uppercase;} .widget_nav_menu ul.sub-menu, .widget_categories ul.children, .widget_pages ul.children {margin-left: 15px;} #sidebar .widget_archive ul li, #sidebar .widget_categories ul li {color: #9e9e9e;} #colophon .widget_search input#s {border: 1px solid #fff;} #colophon .widget_search #searchsubmit:hover {background: #000 !important;} .widget_calendar #calendar_wrap { position:relative; display:inline-block; font-size:15px; text-align:center;} .widget_calendar #calendar_wrap a {font-weight:bold;} .widget_calendar #wp-calendar caption { margin: 0 0 8px; font-weight:bold; text-align: center;} .widget_calendar table#wp-calendar tr th { padding: 3px; text-align: center; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; font-weight:bold;} .widget_calendar table#wp-calendar tr td { padding: 6px 9px; border: 1px solid #eaeaea;} .widget_calendar table#wp-calendar tr td#today { background:#eaeaea; font-weight:bold;} #footerwidget-wrap .widget_calendar table#wp-calendar tr td#today { background:rgba(255, 255, 255, 0.2); color:#fff;} .widget_calendar table#wp-calendar tbody tr td a {display:block;} .widget_calendar table#wp-calendar tbody tr td a:hover {text-decoration:underline;} .widget_calendar table#wp-calendar tfoot tr td#prev a { position:absolute; bottom:2px; left:0;} .widget_calendar table#wp-calendar tfoot tr td#next a { position:absolute; bottom:2px; right:0;} /*-----------------------------------------------------------------------------------*/ /* 10.1 Page Widgets /*-----------------------------------------------------------------------------------*/ /* Testimonial Widget */ .testimonial-box { clear: both; overflow: hidden; margin-bottom: 40px;} .testimonial-box { clear: both; overflow: hidden;} .testimonial-box .t-text, .testimonial-box .t-text-right { position: relative; background: #fff; display: block; padding: 20px 20px 0;} .testimonial-box .t-text::before, .testimonial-box .t-text-right::before { content: '\f502'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'Genericons'; vertical-align: top; color: #fff; position: absolute; bottom: -26px; left: 48%; z-index: 10;} .testimonial-box .t-text p, .testimonial-box .t-text-right p { margin: 0; padding: 0 0 20px;} .testimonial-box .t-authorbox, .testimonial-box .t-authorbox-right { display: block; overflow: hidden; padding: 30px 0 0 0; text-align: center;} .testimonial-box .t-info {display: inline-block;} .testimonial-box img.t-img { width: 60px; height: 60px; margin: 0; -webkit-border-radius: 100px; border-radius: 100px; float:left;} .testimonial-box .t-name-links { float: right; padding-left: 20px; text-align: left; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;} .testimonial-box .t-name-links h4 { margin: 0 0 8px; font-size: 16px; line-height: 1.3; text-transform: uppercase; letter-spacing: 1px;} .testimonial-box a.t-link {margin-right: 6px;} /* Team Member Widget */ ul li.widget_dorayaki_team { margin: 0 0 40px; overflow: hidden;} .team-box img.tm-img { width: 60px; height: 60px; margin: 0 16px 0 0; -webkit-border-radius: 240px; border-radius: 240px; float:left;} .team-box .tm-info h4, .team-box-small .tm-info h4 { margin: 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; word-wrap: break-word; } .tm-info span { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; } .team-box p.tm-text, .team-box-small .tm-quote { font-size: 14px; font-size: 0.875rem; margin: 0 0 10px; padding: 10px 0 0 0; clear: both; } .team-box a.tm-link { margin: 0 6px 30px 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; } .team-box .tm-quote { position: relative; background: #fff; padding: 20px 20px 0; } .team-box .tm-quote::before { content: '\f500'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 26px/1 'Genericons'; vertical-align: top; color: #fff; position: absolute; top: -25px; left: 40px; z-index: 10; } .team-box .tm-quote p { padding: 0 0 20px; color: #9e9e9e; font-size: 17px; font-size: 1.0625rem;} .team-box .tm-quote p::before { content: '\201e';} .team-box .tm-quote p::after { content: '\201c';} /* Team Member Widget Small (for Front Page) */ ul li.widget_dorayaki_team_small { margin: 0 0 20px; text-align: center; } .team-box-small .tm-info {position: relative;} .team-box-small img.tm-img { margin: 0 0 20px 0; width: 240px; height: 240px; -webkit-border-radius: 240px; border-radius: 240px; } /* Recent Post Widget (for Front Page) */ ul.dorayaki-rp {clear: both;} ul.dorayaki-rp li.rp-box { padding: 20px 0; float: left; background: #fff;} ul.dorayaki-rp .rp-header, ul.dorayaki-rp .rp-summary {padding: 0 20px;} ul.dorayaki-rp .rp-meta { border-top: 1px solid #eee; clear: both; float: none; padding: 20px 20px 0;} ul.dorayaki-rp li.rp-box a.rp-date, ul.dorayaki-rp li.rp-box h3.rp-title, ul.dorayaki-rp li.rp-box .rp-meta {font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;} ul.dorayaki-rp li.rp-box h3.rp-title, .portfolio-box h3.portfolio-title { font-size: 18px; font-weight: 900; line-height: 1.45; text-transform: uppercase; letter-spacing: 2px; margin: 8px 0 14px;} ul.dorayaki-rp li.rp-box h3.rp-title a, .portfolio-box h3.portfolio-title a {color: #313131;} ul.dorayaki-rp li.rp-box p {margin-bottom: 14px;} ul.dorayaki-rp li.rp-box p:last-child {clear: both;} ul.dorayaki-rp li.rp-box a.rp-date { font-size: 13px;text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important;} ul.dorayaki-rp li.rp-box .rp-comments { display: inline; float: left; line-height: 1;} ul.dorayaki-rp li.rp-box .rp-comments a { display: inline-block; text-decoration: none !important;} ul.dorayaki-rp li.rp-box a.rp-thumb { display: inline-block; max-width: 150px; float: left; margin: 6px 16px 0 0;} ul.dorayaki-rp li.rp-box img.wp-post-image {margin:0 0 3px 0;} .entry-content ul.dorayaki-rp li.rp-box p {line-height: 1.65;} /* Service Box Widget */ .service-box { max-width: 380px; margin: 0 auto; background: #e0e0e0; text-align: center; color: #666; display: block;} .otw-sidebar .service-box {margin-bottom: 20px;} a.service-box:hover { color: #666; text-decoration: none !important;} .service-box img.service-img { display: block; overflow: hidden;} .service-box span.service-name { position: relative; margin: 25px 20px 20px; padding-bottom: 10px; display: block; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #666;} .service-box span.service-name::after { content : ""; display:block; margin: 0 auto; padding-top: 8px; text-align: center; height : 5px; width : 70px; border-bottom:5px solid #666;} .service-box span.service-info { padding: 0 20px 60px; display: block; clear: both;} /* Portfolio Box Widget */ .portfolio-box { margin-bottom: 20px; background: #fff; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;} .portfolio-box a:hover {text-decoration: none;} .portfolio-box h3.portfolio-title { margin: 0 0 8px; padding: 20px 20px 0; text-align: center;} .portfolio-box .portfolio-entry-cats { padding: 0 20px 30px; text-align: center; color: #9e9e9e;} .portfolio-box .portfolio-entry-cats ul {margin: 0;} .portfolio-box .portfolio-entry-cats li { display: inline; padding: 0; margin: 0;} .portfolio-box .portfolio-entry-cats a { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 12px;text-transform: uppercase; letter-spacing: 2px;} /* Contact Box Widget */ .contact-box { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; color: #d1d1d1; background: #313131;} .contact-box .cb-map { display: block; line-height: 0; z-index: 1;} .contact-box .cb-map iframe { width: 100%; height: 300px;} .entry-content .contact-box .cb-info { position: relative; display: block; padding: 30px 20px; font-size: 16px; overflow: hidden;} .entry-content .contact-box p { font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.4; margin-bottom: 20px;} .entry-content .cb-address-wrap { margin: 0 0 30px; padding: 0 0 33px; border-bottom: 1px solid #878787;} .entry-content .cb-address { font-weight: bold; letter-spacing: 1px;} .contact-box a.cb-maplink { margin: 24px 0 0 0; padding: 10px 15px; display: inline-block; background: #878787; font-size: 12px; font-size: 0.75rem; color: #313131; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; } .contact-box h5 { margin: 0 0 15px; color: #d1d1d1; font-weight: normal; line-height: 1.2;} .contact-box h6 { margin: 0; color: #878787; font-size: 12px; font-size: 0.75rem; letter-spacing: 2px; line-height: 1.2;} .contact-box .cb-emails span { display: inline-block;padding: 0 0 15px;} .contact-box .cb-emails span:last-child {padding: 0;} /* share sidebar buttons */ #share-sidebar-buttons-wrap { float: left; left: 50%; margin-bottom: 56px; position: relative; -webkit-transform: translateX(-50%);/* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translateX(-50%);/* IE 9 */ transform: translateX(-50%); width: auto; } #share-sidebar-buttons-wrap .share-button.share-plus { background-color: #fff; border: 1px solid #000; } #share-sidebar-buttons-wrap .share-button.share-twitter { background-color: #4099ff; } #share-sidebar-buttons-wrap .share-button.share-facebook { background-color: #3b5998; } #share-sidebar-buttons-wrap .share-button.share-rss { background-color: #ff7f00; } #share-sidebar-buttons-wrap .share-button.share-linkedin { background-color: #4875b4; opacity: 0; } .secondary-share-buttons { position: absolute; top: 68px; } .secondary-share-buttons #share-sidebar-buttons-wrap .share-button { z-index: -1; } #share-sidebar-buttons-wrap .share-button.show-share-button { opacity: 1; z-index: 0; } #share-sidebar-buttons-wrap .share-button { width: 68px; height: 68px; float: left; position: relative; -webkit-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; text-align: center; text-decoration: none; color: #fff; display: table; padding: 0; clear: none; } #share-sidebar-buttons-wrap .share-button:hover { background-color: #a3a3a3; -webkit-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; } #share-sidebar-buttons-wrap .share-button.share-plus:hover { border-color: #a3a3a3; } #share-sidebar-buttons-wrap .share-button a { height: 100%; -webkit-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s; text-decoration: none; color: #fff; display: table-cell; vertical-align: middle; } #share-sidebar-buttons-wrap .share-button a:hover { color: #fff; } #share-sidebar-buttons-wrap .share-button img { display: block; margin: auto; } .share-plus img { height: 20px; width: 20px; } .share-linkedin img { height: 20px; width: 21px; } .share-twitter img { height: 17px; width: 21px; } .share-facebook img { height: 20px; width: 11px; } .share-rss img { height: 21px; width: 21px; } #share-sidebar-buttons-wrap .share-button p { font-size: 13px; font-weight: bold; margin-bottom: 0; position: relative; } .share-linkedin p { top: 7px; } .share-twitter p { top: 8px; } .share-facebook p { top: 6px; } .share-rss p { top: 6px; } /*-----------------------------------------------------------------------------------*/ /* 11.0 Footer /*-----------------------------------------------------------------------------------*/ #colophon { clear:both; margin:0 auto; } #colophon a {color: #313131;} #colophon a:hover { color: #000; text-decoration: underline;} /* FOOTER */ #footerwidget-wrap .widget {padding:0;} #footerwidget-wrap .widget h3.widget-title, #footerwidget-wrap .widget_get_recent_comments h1.widget-title {font-family: 'Open Sans'; font-size: 12.9px; font-weight: 800!important; text-transform: uppercase; letter-spacing: -0.2px; margin-top:45px; padding: 0 0 13px;} #footerwidget-wrap .textwidget a, #colophon #site-info ul.credit li a {text-decoration: underline;font-weight:600;} #footerwidget-wrap .widget ul {margin: 0;padding-left: 0;} /* --- Footer Credit + Nav --- */ #colophon {background:#fff;} #colophon #site-info {position: relative;padding: 0;overflow: hidden;} #colophon #site-info ul {margin: 0; padding: 0 0 40px; list-style:none; text-align: center;} #colophon p.credittext, #colophon #site-info ul.credit li {display: block; padding: 0 0 7px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;} #colophon p.credittext {margin: 0 0 40px; text-align: center;} #colophon .footer-nav {display:block; padding: 0; font-size:14px; font-weight: bold;text-align: center;} #colophon #site-info .footer-nav ul.menu li {padding: 0 0 15px 0;} #colophon #site-info .footer-nav ul.menu li:last-of-type {padding: 0;} #colophon #site-info .footer-nav ul.menu li a:hover {text-decoration: underline;} /* --- Footer Label --- */ .footerlabel {background: #313131; padding: 25px 0 35px; text-align: center;} .footerlabel-title {margin: 0 0 20px; padding: 0 25px;font-family: 'Domine', Georgia, serif; font-size: 24px; text-transform: uppercase; letter-spacing: 3px; font-weight: bold;} .footerlabel-description { max-width: 90%; margin: 0 auto; font-size: 12px;text-transform: uppercase; letter-spacing: 2px; line-height: 1.7;} /*-----------------------------------------------------------------------------------*/ /* 12.0 Shortcodes /*-----------------------------------------------------------------------------------*/ /* Multi Columns */ .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {width:100%;} .last { clear:right; margin-right:0 !important; margin-bottom:0 !important;} /* Buttons */ .standard-btn { display: inline-block; margin: 10px 10px 10px 0; padding: 12px 16px; overflow: hidden; cursor: pointer; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; font-size: 0.875rem; color: #fff; text-align: center; font-weight: normal; letter-spacing: 1px; text-decoration: none !important; -webkit-transition: .2s background ease; -moz-transition: .2s background ease; -o-transition: .2s background ease; -ms-transition: .2s background ease; transition: .2s background ease; } .standard-btn:hover {color:#fff !important;} .round-btn { -moz-border-radius: 50px; border-radius: 50px;} .bold-btn { font-weight:bold; text-transform:uppercase; letter-spacing:2px;} .standard-btn.xsmall-btn.bold-btn { font-size:10px;} .standard-btn.small-btn.bold-btn {font-size:10px;} .standard-btn.bold-btn { font-size: 12px;} .standard-btn.large-btn.bold-btn { font-size:14px;} .standard-btn.xlarge-btn.bold-btn { font-size:16px;} .standard-btn.xsmall-btn { padding:8px 10px; font-size:10px; } .standard-btn.small-btn { padding:10px 12px; font-size: 12px;} .standard-btn.large-btn { margin:15px 15px 15px 0; padding:15px 20px; font-size:16px; } .standard-btn.xlarge-btn { margin:15px 15px 15px 0; padding: 20px 30px; font-size:18px; } /*-----------------------------------------------------------------------------------*/ /* 13.0 Plugins /*-----------------------------------------------------------------------------------*/ /* --- Widgets on Pages --- */ .widgets_on_page ul {margin: 0; padding: 0;} /* --- Contact Form 7 --- */ div.wpcf7 { background: #f2f2f2; padding: 0px;} #site-content div.wpcf7 p { margin: 0; padding: 0 0 11px; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size:14px; font-size:0.875rem; line-height: 1.7; } #site-content div.wpcf7 p:last-of-type {padding: 0;} div.wpcf7 h5 { margin: 0 0 17px; color: #989c94; font-weight: normal; letter-spacing: 2px;} /* --- Jetpack --- */ .jetpack_subscription_widget { clear: both; overflow: hidden;} .jetpack_subscription_widget p { display: block; margin: 0 0 12px; font-size: 14px; font-size: 0.875rem;} .jetpack_subscription_widget input#subscribe-field {width: 105% !important; height: 40px; font-size: 14px;background: #fff;padding: 8px 3% !important;} .jetpack_subscription_widget input[type="submit"] { margin: 0 0 0 15%; font-size: 11px; font-size: 0.6875rem; display: block; width: 100%;} #colophon .jetpack_subscription_widget input#subscribe-field { width: 120% !important; padding: 8px 5% !important;} #colophon .jetpack_subscription_widget input[type="submit"] {margin: 0 0 0 36%;} #colophon .jetpack_subscription_widget input#subscribe-field {border: none !important;} #colophon .jetpack_subscription_widget input[type="submit"]:hover {background: #000 !important;} /* --- Discus Comments --- */ #disqus_thread {padding-top: 20px;} /* --- WP Pagenavi --- */ .wp-pagenavi { padding: 30px 0;font-size: 14px; display: block;} .wp-pagenavi a.page, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { width: auto; clear:none !important; margin: 0 7px 7px 0 !important; overflow: visible; text-align: center; color: #313131; display: inline-block; padding: 8px 10px !important; border: 1px solid #313131 !important;} .wp-pagenavi a:hover { color: #fff; background: #313131;} .wp-pagenavi span.current { display: inline-block; padding: 8px 10px; margin: 0 7px 7px 0; color: #fff; background: #313131; border: 1px solid #313131;} .wp-pagenavi span.pages { padding: 0 40px 0 0; color: #313131;} .wp-pagenavi span.extend { padding: 0 10px 0 5px;} .blog #loader { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: rgba(221, 29, 32, 0.25) rgba(221, 29, 32, 0.25) rgba(221, 29, 32, 0.25) rgb(221,29, 32); border-image: none; border-radius: 32px; border-style: solid; border-width: 3px; color: rgb(0, 0, 0); cursor: wait; height: 32px; margin: 0 auto; padding: 0; position: relative; text-align: center; width: 32px; z-index: 9999; } @-moz-keyframes ml-css-spin { 0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(360deg);} } @-webkit-keyframes ml-css-spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } @keyframes ml-css-spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .ml-css-loading { -o-box-sizing: border-box; -ie-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-animation: ml-css-spin .6s infinite linear; -webkit-animation: ml-css-spin .6s infinite linear; animation: ml-css-spin .6s infinite linear; } /*-----------------------------------------------------------------------------------*/ /* 14.0 Media Queries /*-----------------------------------------------------------------------------------*/ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ Minimum width of 1 pixels (PHONE) +++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media screen and (min-width: 1px) { /* --- General --- */ #masthead a#mobile-search-btn, #masthead a#mobile-menu-btn {display:block;} #masthead.tiny #site-nav li.CloudLink {} .menu-topnav-container, .menu-topnav-englisch0-container {width:100%;} #site-title {padding: 20px 0 20px 0;} #site-nav {padding:0;margin-top:15px;margin-bottom:20px;} #site-nav ul {padding:0;margin-bottom:20px;} #site-nav ul li {text-align:center; padding: 2px 0;} li.CloudLink {background:transparent url(images/bg_login.png) no-repeat center left; padding-left:0;} #site-nav ul li a {font-family: 'AvenirLTStd-Black';font-size:12px; line-height:28px;letter-spacing: -0.001px;color:#000413;} #site-nav li.current-menu-item a , #masthead.tiny #site-nav li.current-page-ancestor a {color: #dd1d20;} .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {float:none;margin-right:0; margin-bottom: 40px; position:relative;} .ml10 {margin-left:10px;} .mr10 {margin-right:10px;} .m50 {margin-top:50px;} .m53{margin-top:-5px;} .m60 {margin-top:60px;} .m70 {margin-top:70px;} .m63 {margin-top:63px;} .m80 {margin-top:80px;} .m60.mobile{margin-top: 30px;} .bgGrey {background:#f2f2f2; padding-top:30px; padding-bottom:20px;} .bgGrey2 {background:#f2f2f2; padding-top:50px; padding-bottom:50px;} OPmain-wrap, #main-wrap {padding: 0 24px;} #colophon {padding: 50px 20px 0;} /* --- Header Image / Slider --- */ .header-img {padding: 50px 50px 0;} .header-slider {margin: 50px 50px 0;} #footerwidget-wrap {clear: both; padding: 0;margin-top:0px;width:100%; position:relative;} #footerwidget-wrap .widget-area {float:none; border:none; padding:0;text-align:center;} #footerwidget-wrap .widget-area h3 {text-align:center;} .OPinfoTxt {margin-top:83px;} a.arrow {display:block; width:22px; height:18px; background:transparent url(images/arrow_down.png) no-repeat center 15px; margin:12px auto;margin-bottom:-10px;} /* ROUNDBUTTON */ .roundbutton {margin:0 auto;width:250px;} .roundbutton a {font-size: 26px;line-height:28px; letter-spacing:-1px;width:250px; height:250px; border-radius:125px;font-family: 'AvenirLTStd-Black', Georgia, serif; text-transform: none; color:#dd1d20; text-align:center; text-transform:uppercase; border:1px solid #404040; display: table-cell; vertical-align: middle;} .roundbutton a:hover {color:#fff; background:#313131;} /* HEADLINE */ /* rote Linie */ .bigblack::after, .smallblack::after, .kontakt h3::after, .impressum h2::after, .refDetail h3::after, .OPinfoTxt h1::after, .bigblackjobs::after, h3.jobHeadline::after, .geschichte h3::after, h3.formHeadline::after, .serviceDetail h3::after {content:" "; display:block; height:1px; width:90px; border-top:1px solid #dd1d20; margin:2px auto;} .OPinfoTxt h1 {font-size: 37px; line-height: 38px; letter-spacing: -1px; margin: 0 24px;} .OPinfoTxt h2 {font-size: 18px; line-height: 23px; margin: 20px 24px; margin-left: auto; margin-right: auto; max-width: 280px;} .Team h3, .Services h3 {font-size: 30px; line-height:32px; letter-spacing: -1px; margin: 23px auto 62px;} .Referenzen h3 {font-size: 30px; line-height:32px; letter-spacing: -1px; margin: 73px 20px 62px;} .Services h3.bigblack {font-size: 53px; line-height: 50px; letter-spacing: -2.5px; margin: 63px auto 30px; padding: 0;} .Referenzen h3.bigblack {font-size: 53px; line-height: 52px; letter-spacing: -2.5px; margin: 84px 20px 24px; padding:0;} .Team h3.bigblack {font-size: 50px; line-height: 48px; letter-spacing: -2.5px; margin: 40px auto 24px; padding:0;} .jobs h3.bigblack {font-size: 44px; line-height: 45px; letter-spacing: -2.5px; margin: 0px auto 24px;} h3.jobHeadline {font-size: 53px; line-height: 50px; letter-spacing: -2.5px; margin: 40px auto 24px;} .kontakt h3 {font-size: 50px; line-height: 48px; letter-spacing: -2.0px; margin: 7px auto 37px;} .kontakt h4 {font-size: 16.4px; margin-top:3px;} h3.formHeadline {font-size: 20px; line-height: 33px; letter-spacing: -1px; margin: 51px auto 9px;} .geschichte h3 {font-size: 44px; line-height: 45px; letter-spacing: -1.5px; margin: 30px auto 18px;} .serviceDetail h3 {font-size: 29px; letter-spacing: -1px; margin: 14px 20px; padding-top: 4px;} .serviceDetail2 h3 {font-size: 31px; line-height: 34px; letter-spacing: -0.5px; margin: 50px auto 3px;} .refDetail h3 {font-size: 29px; letter-spacing: -1px; margin: 14px 20px; padding-top:4px;} .refDetail2 h3 {font-size: 31px; line-height: 34px; letter-spacing: -0.5px; margin: 50px auto 3px;} /* STARTSEITE */ #startseite .slides li h3 {font-size: 29px; line-height: 33px; letter-spacing: -1px; margin: 70px auto 0; padding-top: 4px;} #startseite .slides li p {font-size: 19px; line-height: 24px; margin: 20px auto;} #startseite .flex-control-paging {margin:0 0 10px;} .flex-control-paging li a {height: 8px; width: 8px;} /* SERVICES */ .parent-pageid-14 .bgGrey3 .OPmain-wrap, .parent-pageid-200 .bgGrey3 .OPmain-wrap{padding-left: 0;padding-right: 0;} a.services {font-size: 25px; line-height: 29px; margin-bottom: 20px; width: 280px; height: 280px;} a.services span.services-box-title {font-size: 25px; line-height: 27px; padding:113px 0 0;} a.services span {font-size: 15px; line-height: 21px; padding: 36px 20px 0px;} a.services span em {font-size: 20px; line-height: 26px; padding-bottom: 9px;} a.services span i {font-size: 15px;} a.services span i::before { height: 21px;} .servicesBoxen {margin: 0 auto; overflow: hidden;width: 280px;} .serviceBoxen div {width: 280px; height: 280px;} .br-line{display:none;} .box1, .box2, .box3 {width: 280px; float:none;} .box1, .box2 {margin: 0 0 20px 0;} .box3 {margin:0px;} .Services {margin: 0 auto; vertical-align:middle;} .serviceFragen {display:block;vertical-align:middle;} .serviceFragen p {font-size: 27px; line-height: 32px; letter-spacing:-0.5px; margin: 0;} .serviceDetail .centertxt {font-size: 19px; line-height: 24px; margin: 20px 20px 10px;} .serviceDetail2 .centertxt {font-size: 15px; line-height: 21px; padding: 14px 0px 40px;} .serviceDetail .txt2Col {font-size: 15.1px; line-height: 21px; margin: 45px 20px 17px; text-align:left;} a.service1:hover {background:rgba(0,0,0,0.5); background-size:100%;transition:all 0.5s ease 0s;} a.service2:hover {background:rgba(0,0,0,0.5); background-size:100%; transition: all 0.5s ease 0s;} a.service3:hover {background:rgba(0,0,0,0.5); background-size:100%; transition: all 0.5s ease 0s;} .arrow-next-wrap, .arrow-prev-wrap, .arrow-next-wrap a, .arrow-prev-wrap a{ display: block; position: relative; text-indent: -9999px; height:35px; width: 35px; top: 0px; margin-bottom: 15px; cursor: pointer; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .arrow-prev-wrap{ background: url(images/arrow_left_iphone.png) no-repeat; left: 20px; float: left } .arrow-next-wrap{ background: url(images/arrow_right_iphone.png) no-repeat; background-position: right center; right: 20px; float: right; } .arrow-next-wrap a, .arrow-prev-wrap a{ opacity: 0; top: 0; } .arrow-prev-wrap:hover a{ background: url(images/arrow_left_iphone_over.png) no-repeat; opacity: 1; } .arrow-next-wrap:hover a{ background: url(images/arrow_right_iphone_over.png) no-repeat; opacity: 1; background-position: right center; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .arrow-prev-wrap{ background-image: url(images/arrow_left_iphone@2x.png) ; background-size: 35px 35px; } .arrow-next-wrap{ background-image: url(images/arrow_right_iphone@2x.png); background-size: 35px 35px; } .arrow-prev-wrap:hover a{ background-image: url(images/arrow_left_iphone_over@2x.png); background-size: 35px 35px; } .arrow-next-wrap:hover a{ background-image: url(images/arrow_right_iphone_over@2x.png); background-size: 35px 35px; } } /* ABOUT US */ .TeamBoxen {width: 280px; margin: 0 auto; overflow: hidden; vertical-align: middle;} .TeamBoxen a {font-size: 14px; font-weight: 600; line-height:18.5px; padding: 57px 25px 100px 25px;} .TeamBoxen a strong {font-size: 19px; margin-bottom: -7px;} .TeamBoxen div {width:280px;height:280px;overflow:hidden;margin-bottom:20px;} .Teambox2{top:-300px;} .Teambox1{top:300px;} .howwework {width:100%;} .howwework .slides li p {font-size: 15.1px;line-height: 21px; margin-bottom: 0; margin-top: 10px; padding: 0 10px;} .geschichte .txt2Col {font-size: 15.1px; line-height: 21px; margin-bottom: 60px;text-align: left;} .bewerben p {font-size: 15.1px;line-height: 21px;padding: 0 20px;} /* REFERENZEN */ .parent-pageid-18 .bgGrey .OPmain-wrap, .parent-pageid-284 .bgGrey .OPmain-wrap {padding: 0;} .refDetail .centertxt {font-size: 19px; line-height: 24px; margin: 20px 20px 51px;} .refDetail .txt2Col p {font-size: 15px; line-height: 21px; padding: 20px 10px 10px;text-align:center;} .refDetail .txt2Col {font-size: 15.1px; line-height: 21px;margin:18px 20px 24px;} .refDetail img {margin-bottom:20px;} .refDetail2 .centertxt {font-size: 15px; line-height: 21px; padding:14px 10px 30px;} .kundenliste {width:100%; overflow: hidden;margin-left:0px;} .kundenbox {padding-top: 100%; width:100%; position: relative; border-top:1px solid #cecccc;} a.kunde {position: absolute; top: 0; width: 100%; height: 100%; background-size: 100% auto; background-position:0px 0px; transition: all 0!important;-moz-transition: all 0!important;} a.kEBAY {background-image:url("/wp-content/uploads/k_ebay_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kMOZILLA {background-image:url("/wp-content/uploads/k_mozilla_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kPAYPAL {background-image:url("/wp-content/uploads/k_paypal_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kDAWANDA {background-image:url("/wp-content/uploads/k_dawanda_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kUSEEDS {background-image:url("/wp-content/uploads/k_useeds_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kKontakt {background-image:url("/wp-content/uploads/k_neukunde_sprite.jpg"); transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important} a.kEBAY:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kMOZILLA:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kPAYPAL:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kDAWANDA:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kUSEEDS:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} a.kKontakt:hover {background-position:0 100%; transition: all 0 ease 0!important;-moz-transition: all 0 ease 0!important;} @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { a.kEBAY {background-image:url("images/k_ebay_sprite@2x.png"); } a.kMOZILLA {background-image:url("images/k_mozilla_sprite@2x.png"); } a.kPAYPAL {background-image:url("images/k_paypal_sprite@2x.png"); } a.kDAWANDA {background-image:url("images/k_dawanda_sprite@2x.png");} a.kUSEEDS {background-image:url("images/k_useeds_sprite@2x.png"); } a.kKontakt {background-image:url("images/k_neukunde_sprite@2x.png"); } } .kundenzitate .slides li p {font-size:15.1px; line-height:21px; margin-bottom:22px; padding:0 40px; } .kundenzitate em {font-size:13.1px; line-height:18px; padding-top:0px;} /* JOBS */ .jobcentertxt {padding: 0 0 50px 0; font-size: 15.1px; line-height: 21px; } .jobs {height:100px;display:table-cell;vertical-align:middle;} .jobs p{font-size: 15.1px; line-height: 21px; margin-bottom: 0px;} .jobs .three-columns-two p:last-child {margin-bottom: 24px; margin-top: 6px;} .jobs .three-columns-two{margin-bottom:0px;} /* KONTAKT */ .page-id-322 #colophon, .page-id-22 #colophon {padding-top: 0;} .kontakt {float:none; width: 100%; margin:0; padding: 0;} .kontakt .centertxt {line-height: 22px;padding:0 10px;} .centertxt.centertxt2 {margin-bottom: 4px;} .kontakt .centertxt.centertxt3{margin-top: 23px;} .kontakt .smalltxt {font-size:11px; } .contact-info {float:none;padding:0 ;} .googleMap_small {display:block; margin: 0 auto;} .googleMap_big {display:none;} .kMap .three-columns-two h3 {font-size: 32px; line-height: 32px; letter-spacing: -2px; margin: 15px 0 0;} .kMap .three-columns-two {margin-bottom: 0px;} #commentform input#author, #commentform input#email, #commentform input#url, #site-content .wpcf7 input.wpcf7-text { display: block; width: 100%; margin: 0; padding:0; background:none; border:none; border-bottom:1px solid #313131; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; color: #313131; vertical-align: middle; line-height:2.7; -webkit-appearance: none; outline-color: transparent; outline-style: none; } /* FORMULAR */ .Formular {margin:0;} .Formular p {text-align:center;} span.wpcf7-list-item {display: block;float: none; margin-left: 0px;width: 100%;} .Formular .wpcf7-checkbox {font-size:13px;} p.submitButton input {font-size: 16px;line-height: 20px;letter-spacing: -1px;margin: 30px auto 15px;border-radius: 43px;height: 86px;width: 86px;} span .wpcf7-not-valid-tip{font-size: 10.4px; top: -59px;} .captchaNAME span.wpcf7-not-valid-tip { left: 0px; top: -100px;} .OPform label {margin-top: 3px;} /* +++ */ .imgLeft {margin-bottom:20px;} .mtop {margin-top:60px!important;} .page-id-92 .bgGrey, .page-id-888 .bgGrey { min-height: 699px;} .page-id-114 .bgGrey, .page-id-503 .bgGrey { min-height: 782px;} .page-id-186 .bgGrey, .page-id-512 .bgGrey { min-height: 960px;} /* BLOG */ body.blog { min-height: 100%;overflow: hidden;position: relative;padding-bottom: 418px;} .blog #colophon {bottom: 0; padding-top: 0;position: absolute;width: 100%;} .blog #masthead, .single-post #masthead, .blog #masthead.tiny, .single-post #masthead.tiny{ border-bottom: 1px solid #eee; } .blog #site-content { width: 100%; } .blog article { padding: 0 0 42px; width: 100%; } .blog #colophon{ padding-top: 0; } .blog h2.entry-title { font-family: "AvenirLTStd-Black"; font-size: 24px; font-weight: 400; letter-spacing: -0.75px; line-height: 28px; margin-bottom: 14px; padding-top: 15px; } .blog .entry-summary p { font-size: 15px; line-height: 21px; margin-bottom: 15px; } .blog .entry-author, .blog .entry-date { float: left; font-family: "Open Sans"; font-size: 12px; font-style: italic; font-weight: 600; letter-spacing: 0.2px; padding-right: 18px; position: relative; } .blog .entry-author:before { border-top: 1px solid #dd1d20; content: ""; margin-top: 28px; position: absolute; top: 0; width: 56%; } .blog .entry-author span { display: block; text-transform: none; text-indent: -1px; } .blog .entry-summary { clear: both; float: none; width: 100%; padding-top: 34px; } .blog .entry-image img { width: 100%; color: white; } .blog .more-link, .single-post .more-link { background: black; color: white; display: inline-block; font-family: "AvenirLTStd-Medium"; font-size: 12px; font-weight: bold; letter-spacing: 0.6px; margin: 4px 0 0; padding: 15px 24px 13px; word-spacing: 0; -webkit-transition: background-color 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s; transition: background-color 0.5s ease 0s; } .blog .first .more-link{ margin-top: 32px; } .single-post .more-link { margin: 0; } /* SINGLE POST */ .single-post #site-content { width: 100%; font-family: "Open Sans"; } .single-post .widget-area { width: 100%; } .single-post #nav-single { margin: 0; padding-bottom: 10px; position: relative; z-index: 10; } .single-post .entry-header h1 { font-family: "AvenirLTStd-Black","Helvetica Neue",Arial,sans-serif; font-size: 31px; font-weight: 400; letter-spacing: -1px; line-height: 34px; text-transform: none; transform: scale(1, 1.05); } .single-post .entry-image { padding: 33px 0; } .single-post .entry-image img { margin: 0; } .single-post .entry-details, .single-post .entry-date{ border-top: none; color: #313131; font-size: 12.4px; font-style: italic; font-weight: 600; letter-spacing: 0; margin: 0; padding: 2px 0 46px; transform: scale(1, 1.1); width: 100%; text-transform: none; } .single-post .entry-author{ position: relative; } .single-post .entry-author::before { border-top: 1px solid #dd1d20; content: ""; display: block; margin-top: 29px; position: absolute; width: 65%; } .single-post .entry-content { width: 100%; } .single-post .entry-content h2 { font-family: "AvenirLTStd-Black","Helvetica Neue",Arial,sans-serif; font-size: 26.9px; font-weight: 400; letter-spacing: -0.1px; padding-bottom: 15px; padding-top: 15px; word-spacing: -1px; } .single-post .entry-content p { font-family: "Open Sans"; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: 0.2px; transform: scale(1, 1.01); margin-bottom: 28px; } .single-post .entry-content img { padding-top: 36px; padding-bottom: 59px; } #spinner img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .single-post article .entry-image a { pointer-events: none; } .single-post .entry-content ul { display: block; margin-bottom: 44px; margin-top: 50px; overflow: hidden; position: relative; } .single-post .entry-content.clearfix li::before { content: "·"; font-size: 34px; left: -13px; line-height: 9px; position: absolute; top: 6px; vertical-align: middle; } .single-post .entry-content ul li { font-family: "Open Sans"; line-height: 21px; list-style: outside none none; margin-bottom: 12px; padding-left: 8px; position: relative; font-size: 13.6px; } /*** Widget Area Related Projects***/ .widget.widget_dorayaki_relatedposts { clear: both; width: 100%; } h2.widget-title { font-family: "AvenirLTStd-Black","Helvetica Neue",Arial,sans-serif; font-size: 32px; font-weight: 400; letter-spacing: -1px; padding-bottom: 21px; } h3.rp-title a { color: #313131; font-family: "AvenirLTStd-Black","Helvetica Neue",Arial,sans-serif; font-size: 22.9px; font-weight: 400; letter-spacing: -0.1px; line-height: 27px; word-spacing: -2px; display: block; padding-top: 4px; } .rp-author, .rp-date { font-family: "Open Sans"; font-size: 12px; font-style: italic; letter-spacing: -0.1px; padding: 14px 7px 20px 0; font-weight: 600; } .rp-author{ float: left; position: relative; } .rp-author:before{ border-top: 1px solid #dd1d20; content: ""; display: block; margin-top: 29px; position: absolute; width: 61%; } .rp-summary { font-family: "Open Sans"; padding-top: 15px; } .related-posts .rp-thumb img { width: 100%; } #widget-area .widget ul.related-posts{ overflow: hidden; } .single-post .entry-content a:hover{ text-decoration: none; } .single-post .nav-next a, .single-post .nav-previous a, .single-post .nav-next, .single-post .nav-previous { border: none; border-radius: 0; color: #313131; display: block; height: 49px; width: 49px; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; position: relative; } .single-post .nav-previous a, .single-post .nav-next a{ opacity: 0; top: 0; position: absolute; z-index: 2; } .single-post .nav-previous a::before{ content: ""; } .single-post .nav-next a::before{ content: ""; } .single-post .nav-next { background: rgba(0, 0, 0, 0) url("images/arrow_right_iphone.png") no-repeat; background-position: top right; } .single-post .nav-previous { background: rgba(0, 0, 0, 0) url("images/nav_left_iphone.png") no-repeat; } .single-post .nav-next:hover a{ background: rgba(255, 255, 255, 1) url(images/arrow_right_iphone_over.png) no-repeat; opacity: 1; background-position: top right; } .single-post .nav-previous:hover a{ background:rgba(255, 255, 255, 1) url(images/nav_left_iphone_over.png) no-repeat; opacity: 1; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .single-post .nav-previous{ background-image: url(images/nav_left_iphone@2x.png) ; background-size: 35px 35px; } .single-post .nav-next{ background-image: url(images/arrow_right_iphone@2x.png); background-size: 35px 35px; } .single-post .nav-previous:hover a{ background-image: url(images/nav_left_iphone_over@2x.png); background-size: 35px 35px; } .single-post .nav-next:hover a{ background-image: url(images/arrow_right_iphone_over@2x.png); background-size: 35px 35px; } } .related-posts a.rp-thumb { display: block; position: relative; } .blog .entry-image { position: relative; } .overlay { background: white; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; cursor: pointer; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .overlay a{ display: block; width: 100%; height: 100%; } .hover .overlay{ opacity: 0.25; } .hover h3.rp-title a{ color: #969798; } .blog h2.entry-title{ -webkit-transition: color 0.5s ease 0s; -moz-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s; } .blog .hover h2.entry-title{ color: #969798; } .blog .entry-content a:hover{ text-decoration: none; } .blog .entry-content a.more-link:hover, .single-post .related-posts a.more-link:hover{ color: white; } .blog .hover a.more-link, .single-post .hover a.more-link{ background-color: #969798; } .blog article.first .entry-image, .single-post #site-content .entry-header .entry-image{ display: none;} .blog article.first .entry-image.small, .single-post #site-content .entry-header .entry-image.small{ display: block;} } @media screen and ( min-width: 561px) and (max-width: 767px){ .blog article.first .entry-image, .single-post #site-content .entry-header .entry-image{ display: block;} .blog article.first .entry-image.small, .single-post #site-content .entry-header .entry-image.small{ display: none;} .blog article { float: left; width: 50%; } article:nth-child(2n+2) { clear: both; padding-right: 10px; } article:nth-child(2n+3) { padding-left: 10px; } .rp-header { float: left; position: relative; width: 100%; margin-bottom: 22px; } .rp-details { display: block; left: 47%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%);/* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translateY(-50%);/* IE 9 */ transform: translateY(-50%); width: 53%; } .related-posts .rp-header img{ margin-bottom: 0; } .related-posts .rp-summary p{ margin-bottom: 3px; } h3.rp-title a { padding-top: 0; } .related-posts .rp-thumb { float: left; width: 46%; padding-right: 20px; } .related-posts .rp-box { clear: both; } .single-post .more-link { display: none; } } @media screen and ( min-width: 641px) and (max-width: 767px){ .rp-details { left: 41%; } .related-posts .rp-thumb { width: 40%; } } /* --- IMAGES ---*/ .zweiImages {width:auto;} .zweiImages img.imgLeft { display: block; float: none; margin-left: auto; margin-right: auto;} .zweiImages img.imgRight { display: block; float: none; margin-left: auto; margin-right: auto;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ Minimum width of 651 pixels (tablets portrait) +++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media screen and (min-width: 651px) { #masthead a#mobile-search-btn, #masthead a#mobile-menu-btn {display:block;} #site-nav ul {margin-bottom:20px;} #masthead.tiny #site-nav li.CloudLink { } .OPmain-wrap, #main-wrap {margin: 0 auto;padding: 0 36px;overflow: hidden;position: relative;} .parent-pageid-18 .bgGrey .OPmain-wrap, .parent-pageid-284 .bgGrey .OPmain-wrap { padding: 0;} .parent-pageid-14 .bgGrey3 .OPmain-wrap, .parent-pageid-200 .bgGrey3 .OPmain-wrap{padding-left: 0;padding-right: 0;} #footerwidget-wrap {clear: both; padding: 0;margin-top:0px;width:100%; position:relative;} #footerwidget-wrap .widget-area {float:left; border:none; text-align:left;} #footerwidget-wrap .widget-area h3 {text-align:left;} #footerwidget-wrap #sidebar-footer-1 {width:150px;margin-left:20px;} #footerwidget-wrap #sidebar-footer-2 {width:198px;} #footerwidget-wrap #sidebar-footer-3 {width:195px;} .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {margin-bottom:0px;} .three-columns-one {width:52%; margin: 0; padding:0;float:left;margin-left: -36px; } .three-columns-two {width:61.5%; margin:0 auto;float:left;padding:0; margin-right: -36px;padding-right: 10.4%;position:absolute;right:0px;} .entry-content .two-columns-one p, .entry-content .three-columns-one p, .entry-content .three-columns-two p {margin: 0;padding-bottom: 0;} .entry-content .four-columns-one p, .entry-content .four-columns-two p, .entry-content .four-columns-three p {font-size: 17px;line-height: 1.45;margin: 00;padding-bottom: 0;} .m33{margin-top:33px;} .m53{margin-top:53px;} .m60.mobile{margin-top: 60px;} .bgGrey { padding-top:50px; padding-bottom:50px;} a.arrow {display:block; width:22px; height:18px; background:transparent url(images/arrow_down.png) no-repeat center 15px; margin:22px auto;} /* HEADLINE */ /* rote Linie */ /* rote Linie */ .bigblack::after, .smallblack::after, .kontakt h3::after, .impressum h2::after, .refDetail h3::after, .OPinfoTxt h1::after, .bigblackjobs::after, h3.jobHeadline::after, .geschichte h3::after, h3.formHeadline::after, .serviceDetail h3::after {/*content:" "; display:block; height:1px; border-top:1px solid #dd1d20; */width:102px;margin:-4px auto;} .Services h3.bigblack::after{margin-top: -7px;} .bewerben h3.bigblack::after { margin-top: 4px;} .geschichte h3::after {margin:4px auto;} .jobs h3.bigblack::after {margin: 0px auto;} .kontakt h3::after {margin-top: 7px;} #startseite .slides li h3::after{margin-top:-2px;} .OPinfoTxt h1::after {margin:-8px auto;} .Team h3, .Services h3, .Referenzen h3 {font-size:33px; line-height:34px; letter-spacing:-1.7px; max-width: 836px; margin: 18px auto 65px;padding:0;word-spacing: -1px;} .Referenzen h3 {margin: 66px 20px 66px;} .Services h3.bigblack {font-size:56px; line-height: 74px; letter-spacing:-2.5px; padding: 38px 0 0; margin: 36px auto 30px;} .Referenzen h3.bigblack {font-size:56px;line-height: 74px;letter-spacing: -2.5px; margin:13px auto 28px;padding:62px 0 0;} .Team h3.bigblack {font-size:36px; line-height: 41px;letter-spacing: -2.5px;padding:0;margin:0 auto 20px;} .geschichte h3 {font-size:39px; letter-spacing: -1px; margin: 55px auto 24px;} h3.jobHeadline {font-size:56px; line-height: 74px; letter-spacing: -2.5px; margin:0 auto; margin-bottom:30px!important;margin-top:23px;} .jobs h3.bigblack {font-size: 34px;letter-spacing: -2.5px;line-height:41px; margin-bottom: 20px; margin-top: 24px; padding: 0;} .serviceDetail h3 {font-size: 39px; letter-spacing: -1.5px; margin: 4px 25px 25px;padding-top:0; } .serviceDetail2 h3 {font-size:43.2px;letter-spacing: -2px;line-height: 44px;margin: 78px auto 0px;} .refDetail h3 {font-size:38px;letter-spacing: -1px;margin: 4px auto 0;margin-bottom: 25px!important;padding-top:0;} .refDetail2 h3 {font-size:42.2px;letter-spacing: -1px;margin: 0 auto;margin-top:95px;} .OPinfoTxt h1 {font-size: 73px; line-height:75px; letter-spacing:-3px; margin:0px 25px; } .OPinfoTxt h2 {font-size: 22px; line-height:28px; margin:0px 25px; margin-top:28px; margin-left: auto; margin-right: auto; max-width: 677px;} /* STARTSEITE */ #startseite .flex-control-paging {margin:7px 0 36px;} .flex-control-paging li a {height: 8px; width: 8px;} #startseite .flexslider {margin-bottom: 30px;} #startseite .slides li h3 {font-size:39px; line-height:45px; letter-spacing:-1px; margin:0 auto; margin-top:70px; padding-top:4px;} #startseite .slides li p {font-size:22px; line-height:28px; margin: 20px auto 28px; max-width: 770px;} /* SERVICES */ .page-id-200 .bgGrey, .page-id-14 .bgGrey{padding-bottom: 36px;} .slides strong.bigred {font-size:15px;} a.services {font-size:15px; margin-bottom:0px; width:100%;height:100%;position:absolute;top:0;} a.services span.services-box-title {font-size:20px;line-height:23px;letter-spacing: -0.7px;padding:0;position:relative;top:50%;margin-top:-25px;width:auto;} a.services span {font-weight: 600;font-size: 11px;line-height:15px;position:relative;width:184px;top:50%;margin:-76px auto 0;padding:0 10px; } a.services span em {font-size: 16px; padding-bottom:10px; line-height: 18px;} a.services span i::before { height: 16px;} a.services span i {font-size: 11px;} .servicesBoxen {width:100%;} .howwework .slides li p {font-size: 14.4px; line-height:21px; padding: 0; width:560px; margin:7px auto 0; letter-spacing: -0.5px;} .box1, .box2, .box3 {width:32%; float:left;position:relative;padding-top:32%;} .box1, .box2 {margin:0 2% 0 0;} .box3 {margin:0px;} .Services {width: 100%; margin: 0 auto;vertical-align:middle;} .serviceFragen {height:232px;display:table-cell;vertical-align: middle; margin:0; max-width: 700px;} .serviceFragen p {font-size:29px; line-height: 31px;margin-top:3px;} .serviceDetail .centertxt {font-size: 20px; line-height: 1.3em; margin:0 25px 10px;max-width: 688px; } .serviceDetail2 .centertxt {font-size: 13.5px; line-height: 22px; margin:0px auto 62px; max-width: 640px; padding: 14px 10px 10px;} .serviceDetail .txt2Col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 26px; /* Chrome, Safari, Opera */ -moz-column-gap: 26px; /* Firefox */ column-gap: 26px; margin: 43px 45px 0px;text-align:left; font-size:13.5px; line-height: 22px;} .serviceDetail .txt2Col p{margin-bottom: 0px; -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid;} .serviceDetail p.text-col-right { float: left;} .parent-pageid-200 .serviceFragen , .parent-pageid-14 .serviceFragen {margin-bottom: 10px;margin-top: 50px;} //a.service1:hover {background:#000 url(images/bg_services_01_hover.jpg); background-size:100%; transition: all 1s linear 0s;} //a.service2:hover {background:#000 url(images/bg_services_02_hover.jpg) no-repeat; background-size:100%; transition: all 1s linear 0s;} //a.service3:hover {background:#000 url(images/bg_services_03_hover.jpg) no-repeat; background-size:100%; transition: all 1s linear 0s;} /* ABOUT US */ .TeamBoxen {width:100%;margin:0 auto;display:block;overflow:hidden;} .TeamBoxen div {width:32%; padding-top:32%;overflow:hidden;height: auto;} .Teambox1, .Teambox2 {top:0;} .Teambox1 {margin: 0 2.25% 0 15.75%;} .Teambox2 {margin: 0 15.75% 0 2.25%;} .Teambox3 {margin:0px;} /* .Teambox1 {margin:0 2% 0 0;} .Teambox2 {margin:0 2% 0 0;} */ .TeamBoxen a {font-weight: 600; font-size: 11px;line-height:13px;position:absolute; top:0;margin:0 auto;padding:7% 15px; } .TeamBoxen a strong {font-size: 16.7px; line-height: 21px; font-weight: 800; display:block;margin-bottom:-10px;} .TeamBoxen div:hover a {height:100%;width:100%;margin-bottom:20px;} .bewerben {height:250px; display:table-cell;vertical-align:middle;max-width: none;margin: 0;} .bewerben .three-columns-two{width:106%; top:-2px;position:relative;} .bewerben p{font-size:14.4px; line-height: 21px;letter-spacing: -0.5px;padding:0;} .geschichte .txt2Col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 26px; /* Chrome, Safari, Opera */ -moz-column-gap: 26px; /* Firefox */ column-gap: 26px; text-align:left;margin:0 16px;font-size: 13.5px;line-height: 22px; padding-bottom: 24px; } .geschichte .txt2Col p{margin-bottom: 0px;} /* REFERENZEN */ .kundenbox {border:1px solid #cecccc;} .Referenzen .flexslider {max-width: 630px;} .kundenzitate .slides li p {font-size:14.4px;line-height:21px;padding:0 20px 14px;margin-bottom:0px; } .kundenzitate em {padding-top:0px;font-size:12px;line-height:16px;margin-bottom: 21px;} .kundenzitate .flex-control-nav {margin-top:0; margin-bottom: -19px;} .refDetail .txt2Col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 26px; /* Chrome, Safari, Opera */ -moz-column-gap: 26px; /* Firefox */ column-gap: 26px; margin: 39px 45px 20px;text-align:left; font-size:13.5px; line-height: 22px;} .refDetail .centertxt {max-width:640px;padding:0 25px; margin-left: auto; margin-right: auto;} .refDetail2 .centertxt {max-width: 740px; font-size: 13.5px; line-height: 22px; margin: 1px auto 56px;padding: 14px 35px 10px;} .refDetail .txt2Col p {padding: 40px 35px 0;} /* JOBS */ .page-id-318 .bgGrey, .page-id-20 .bgGrey {padding-bottom: 33px;} .jobs{max-width: 650px;height:232px;} .jobimages .flex-control-nav {margin-top:33px;} .jobcentertxt { font-size:14.5px; max-width:660px;margin:0 auto 38px;padding: 0 0 40px; letter-spacing: -0.5px;line-height: normal;} .jobs p { font-size: 14.5px; letter-spacing: -0.5px; margin-bottom: 0;} .jobs .three-columns-two p:last-child {margin-bottom: 0px; margin-top: 0px;} .jobs .three-columns-two{width:108%; top:-11px;position:relative; height: 232px;} /*KONTAKT*/ .page-id-322 #colophon, .page-id-22 #colophon {padding-top: 50px;} .googleMap_small {display:none;} .googleMap_big {display:block;} .kMap {position:relative;float:left;width:100%;} .kMap .three-columns-one {width:50.5%;margin:0px;} .kMap .verAlign353 {height:265px;} .kMap .three-columns-two {width:49.5%;position:absolute; right:0;margin:0px; padding-left: 4%;padding-right: 0; top:50%;margin-top:-132px;} .kMap .three-columns-two h3 {font-size: 27px;line-height:27px;letter-spacing: -2px;margin-top:0px;} .Formular .wpcf7-checkbox {font-size:15px;} .contact-info span.wpcf7-not-valid-tip {top: -56px;} .contact-info .captchaNAME span.wpcf7-not-valid-tip { left: 0px;top: -101px;} /* ROUNDBUTTON */ .roundbutton {width:232px;} .roundbutton a {width:232px; height:232px; } /* --- IMAGES ---*/ .zweiImages {width:auto;} .zweiImages img.imgLeft {float: left; width:48.9%;margin-right:2.2%;margin-bottom: 0px;} .zweiImages img.imgRight {float: left; width:48.9%;margin:0;} .parent-pageid-200 .zweiImages img.imgLeft , .parent-id-14 .zweiImages img.imgLeft {width:49%;margin-right:1.9%;margin-bottom: 0px;} .parent-id-200 .zweiImages img.imgRight , .parent-id-14 .zweiImages img.imgRight {width:49%;margin:0;} /* --- Header Image / Slider --- */ .responsive-slider.flexslider .slide h2.slide-title {top: 60px;} .responsive-slider.flexslider .slide h2.slide-title a {font-size: 28px; line-height: 1.3;} .responsive-slider.flexslider .slide h2.slide-title span {display: block;} .responsive-slider.flexslider .flex-control-nav {width: 46% !important; right: 2%;} .responsive-slider.flexslider .flex-control-nav li a {width: 10px !important;height: 10px !important;} /* --- Blog --- */ body.blog { padding-bottom: 217px;} .entry-meta .share-links-wrap, .rp-meta .share-links-wrap {width: 220px;} .entry-cats {padding: 25px 0 0 0;} #site-content .post {margin: 0 0 40px;} a.more-link {font-size: 15px;font-size: 0.9375rem;} /* Images */ img.alignleft, img.alignright {max-width: 100%;margin-top: 6px;margin-bottom: 16px;} img.alignleft {margin-right: 25px;float: left;} img.alignright {margin-left: 18px;float: right;} .entry-content p.wp-caption-text {padding: 15px 0 30px;} .gallery-item .gallery-caption {display:block;} img.wp-post-image {margin:0 0 25px 0;} /* --- Single Post --- */ .single-post .entry-content {padding-bottom: 40px;} .single-post .author-info {margin: 0 0 50px;} .single-post .author-info img.avatar {width: 60px;height: 60px;} .single-post .author-info p.author-description {padding: 0 0 0 80px;font-size: 16px;} .single-post .entry-meta {padding: 0 0 25px;} .single-post .entry-meta .share-links-wrap ul li, .page .entry-meta .share-links-wrap ul li {float: left; display: inline-block; height: auto;} .single-post .entry-meta .share-links-wrap ul li.fb iframe, .page .entry-meta .share-links-wrap ul li.fb iframe {height: 30px;} /* --- Comments --- */ #comments .comment-avatar {padding-right: 22px;} #comments .comment-avatar img.avatar {width: 45px;height: 45px;} #comments ul.children {margin-left: 24px;} #commentform p.comment-form-author, #commentform p.comment-form-email {width: 48.5%;clear: none;} #commentform p.comment-form-author {float: left;} #commentform p.comment-form-email {float: right;} #commentform p.comment-form-url {float: none;clear: both;} /* --- Post Formats --- */ .format-quote .entry-content blockquote p {font-size: 25px; line-height: 1.6;} .format-link p a.link {font-size: 25px;} .format-link p a.link::before {font: normal 36px/1 'Genericons';} /* --- Pages --- */ .page .entry-content h2.centered {margin: 50px 0 60px;font-size: 16px;} .page .entry-content h2.centered span {padding: 0 30px;} /* --- Footer --- */ #colophon .footer-nav, #colophon #site-info ul {text-align: center;} .footerlabel {position: relative;display: inline-block; margin: 40px auto 0;} .footerlabel-description {max-width: 80%;} #colophon #site-info {text-align: center;} #colophon #site-info ul {padding: 0 0 25px;} #colophon #site-info ul.credit li, #colophon #site-info .footer-nav ul.menu li {display: inline-block;} #colophon #site-info .footer-nav ul.menu li {padding: 0 30px 10px 0;} .footerToBottom { bottom: 0; position: absolute; width: 100%; } /* --- Page Widgets --- */ ul li.widget_dorayaki_team {margin: 0 0 80px;} ul li.widget_dorayaki_team:last-child {margin: 0 0 40px;} .team-box .tm-info {float: right;width: 48%;} .team-box .tm-quote {float: left;max-width: 45%;padding: 40px 40px 0;} .team-box .tm-quote::before {content: '\f501';top: 45px; left: 100%;} .team-box .tm-quote p {margin: 0;padding: 0 0 40px; } .team-box-small .tm-quote {max-width: 70%;margin: 0 auto;} ul.dorayaki-rp li.rp-box {width: 49%;margin: 0 2% 24px 0;float: left;clear: both;} ul.dorayaki-rp li.rp-box:nth-child(even) {margin: 0 0 24px;float: right;clear: none;} .entry-content ul.dorayaki-rp li.rp-box p {font-size: 15px; line-height: 1.7;} ul li.widget_dorayaki_service, .otw-sidebar .widget_dorayaki_service {width: 49%; margin: 0 2% 24px 0;float: left;clear: both;} ul li.widget_dorayaki_service:nth-child(even), .otw-sidebar .widget_dorayaki_service:nth-child(even) { margin: 0 0 24px;float: right;clear: none;} .service-box span.service-info {font-size: 16px;font-size: 1rem;} .entry-content .contact-box .cb-info {padding: 30px;} .contact-box .cb-address-wrap {width: 50%;float: left;margin: 0;padding: 0 30px 0 0;border-bottom: none;border-right: 1px solid #878787;} .contact-box .cb-emails {width: 50%;float: right;margin: 0; padding: 0 0 0 40px;} .portfolio-box {width: 49%; margin: 0 2% 24px 0;float: left;clear: both;} .portfolio-box:nth-child(even) {margin: 0 0 24px;float: right;clear: none;} .last {border-right: none !important;margin-right: 0 !important;padding-right: 0 !important;} .jetpack_subscription_widget p {display: inline-block;} .jetpack_subscription_widget input[type="submit"] {display: inline-block;width: auto;} #colophon .jetpack_subscription_widget input#subscribe-field {width: 120% !important;padding: 8px 5% !important;} #colophon .jetpack_subscription_widget input[type="submit"] {margin: 0 0 0 36%;} /* REFERENZEN */ .kundenbox {padding-top: 33%; width:33.3333%; float: left;} .page-id-92 .bgGrey, .page-id-888 .bgGrey { min-height: 639px;} .page-id-114 .bgGrey, .page-id-503 .bgGrey { min-height: 689px;} .page-id-186 .bgGrey, .page-id-512 .bgGrey { min-height: 903px;} span .wpcf7-not-valid-tip{font-size: 1em;} .blog article.first .entry-image, .single-post #site-content .entry-header .entry-image{ display: block;} .blog article.first .entry-image.small, .single-post #site-content .entry-header .entry-image.small{ display: none;} /* go to other language blog */ .go-to-other-language-blog { top: 26px; left: 7px;} .go-to-other-language-blog.gtolb-single { left: -29px; top: 48px; } } @media screen and (min-width:768px){ .bewerben h3.bigblack::after { margin-top: -7px;} .jobs h3.bigblack::after {margin: 5px auto;} .OPinfoTxt h1 {font-size: 73px; line-height:75px; letter-spacing:-3px; margin:0px 45px; } .OPinfoTxt h2 {font-size: 23px; line-height:29px; letter-spacing: -1px; margin:0px 45px; margin-top:28px;margin-left: auto; margin-right: auto;} .Team h3.bigblack {font-size:46px; line-height: 74px;letter-spacing: -2.5px;padding:0;margin:0 auto 30px;} .jobs h3.bigblack {font-size: 43px;letter-spacing: -2.5px;line-height: 46px; margin-bottom: 30px; margin-top: 24px; padding: 0;} .serviceDetail h3 {font-size: 39px; letter-spacing: -1.5px; margin: 4px auto 25px;padding-top:0; } #footerwidget-wrap #sidebar-footer-1 {width:176px;margin-left:50px;} #footerwidget-wrap #sidebar-footer-2 {width:224px;} #footerwidget-wrap #sidebar-footer-3 {width:250px;} /***SERVICES***/ .howwework .slides li p {font-size: 14.4px; line-height:21px; padding: 0; width:584px; margin:7px auto 0; letter-spacing: -0.5px;} a.services span.services-box-title {font-size:21px;line-height:25px;letter-spacing: -0.7px;padding:0;position:relative;top:50%;margin-top:-25px;width:auto;} a.services span {font-weight: 600;font-size: 11.7px;line-height:15.15px;position:relative;width:220px;top:50%;margin:-80px auto 0;padding:0 20px; } a.services span em {font-size: 17px; padding-bottom:10px; line-height: 21px;} .three-columns-one {width:44%; margin: 0; padding:0;float:left;margin-left: -36px; } .three-columns-two {width:63.5%; margin:0 auto;float:left;padding:0; margin-right: -36px;padding-right: 10.4%;position:absolute;right:10px;} .serviceDetail .centertxt {font-size: 20px; line-height: 1.3em; margin:0 auto 60px;max-width: 549px; } .arrow-next-wrap, .arrow-prev-wrap, .arrow-next-wrap a, .arrow-prev-wrap a{ display: block; position: absolute; text-indent: -9999px; height: 49px; width: 49px; top: 72px; cursor: pointer; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .arrow-prev-wrap{ background: url(images/arrow_left_service.png) no-repeat; left:34px; float: none; } .arrow-next-wrap{ background: url(images/arrow_right_service.png) no-repeat; background-position: right center; right: 35px; float: none; } .arrow-next-wrap a, .arrow-prev-wrap a{ opacity: 0; top: 0; } .arrow-prev-wrap:hover a{ background: url(images/arrow_left_over_ipad.png) no-repeat; opacity: 1; } .arrow-next-wrap:hover a{ background: url(images/arrow_right_over_ipad.png) no-repeat; opacity: 1; background-position: right center; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .arrow-prev-wrap{ background-image: url(images/arrow_left_service@2x.png) ; background-size: 49px 49px; } .arrow-next-wrap{ background-image: url(images/arrow_right_service@2x.png); background-size: 49px 49px; } .arrow-prev-wrap:hover a{ background-image: url(images/arrow_left_over_ipad@2x.png); background-size: 49px 49px; } .arrow-next-wrap:hover a{ background-image: url(images/arrow_right_over_ipad@2x.png); background-size: 50px 49px; } } /***ABOUT US***/ .TeamBoxen a {font-weight: 600; font-size: 11.7px;line-height:15.15px;position:absolute; top:0;margin:0 auto;padding:13% 15px; } .TeamBoxen a strong {font-size: 17px; line-height: 21px; font-weight: 800; display:block;margin-bottom:-10px;} /***REFERENZEN***/ .kundenzitate .slides li p {font-size:14.4px;line-height:21px;padding:0 0px 14px;margin-bottom:0px; } /***JOBS***/ .jobs .three-columns-two p:last-child {margin-bottom: 24px;} .jobs .three-columns-two{width:106%; top: -22px; padding: 0 8% 0 0;} .jobs .three-columns-two p:last-child {margin-top: 6px;} /*--- Blog --- */ .blog #site-content { margin: 0 -9px; width: 102.1%; } .blog article { float: left; padding: 0 9px 29px; width: 33.333%; } .blog article:nth-child(3n+2) { clear: both; } .blog h2.entry-title { font-size: 21px; letter-spacing: -0.75px; line-height: 25px; margin-bottom: 12px; padding-top: 3px; } .blog .entry-summary p { font-size: 14px; line-height: 19.5px; } .blog .entry-author, .blog .entry-date { font-size: 12.2px; letter-spacing: 0.2px; padding-right: 18px; } .blog .entry-author:before { margin-top: 25px; width: 56%; } .blog .entry-summary { clear: both; float: none; width: 100%; padding-top: 25px; } .blog .first .entry-summary { padding-top: 26px; } /*--- Single Post --- */ .single-post #site-content { padding-right: 10.6%; width: 75%; float: left; } .single-post .widget-area { width: 25%; float: right; } .single-post #nav-single { margin: 0; padding-bottom: 28px; } .single-post .entry-header h1 { font-size: 34.5px; line-height: 36px; letter-spacing: -1.2px; } .single-post .entry-content h2 { font-size: 21.4px; padding-bottom: 15px; padding-top: 15px; } .single-post .entry-content p { font-size: 13.5px; line-height: 23px; letter-spacing: 0.2px; margin-bottom: 22px; } .single-post .entry-content ul li { font-size: 13.2px; } .single-post .entry-image { padding: 23px 0 25px; } .single-post .entry-image img { margin: 0; } .single-post .entry-details, .single-post .entry-date{ font-size: 11.1px; padding-bottom: 38px; } .single-post .entry-author::before { margin-top: 26px; } .single-post .entry-content img { padding-top: 29px; padding-bottom: 49px; } /*** Widget Area Related Projects***/ .single-post .widget-area{ padding-top: 61px; } h2.widget-title { font-size: 25px; padding-bottom: 18px; } h3.rp-title a { font-size: 18px; letter-spacing: -0.1px; line-height: 20px; word-spacing: 0px; padding-top: 4px; } .rp-author, .rp-date { font-size: 11px; letter-spacing: -0.1px; padding: 10px 7px 12px 0; } .rp-author:before{ margin-top: 25px; } .rp-header a img{ margin-bottom: 18px; } .rp-summary { padding-top: 15px; } .rp-summary p{ font-size: 11.5px; margin-bottom: 27px; } #share-sidebar-buttons-wrap { margin-bottom: 41px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; } #share-sidebar-buttons-wrap .share-button { width: 42px; height: 42px; } #share-sidebar-buttons-wrap .share-button p { font-size: 10px; } .share-linkedin p { top: 4px; } .share-twitter p { top: 5px; } .share-facebook p { top: 3px; } .share-rss p { top: 3px; } .secondary-share-buttons { top: 42px; } .single-post .nav-next { background: rgba(0, 0, 0, 0) url("images/arrow_next_post.png") no-repeat; } .single-post .nav-previous { background: rgba(0, 0, 0, 0) url("images/arrow_back_post.png") no-repeat; } .single-post .nav-previous a::before{ content: ""; } .single-post .nav-next a::before{ content: ""; } .single-post .nav-next:hover a{ background: rgba(255, 255, 255, 1) url(images/arrow_next_post_over.png) no-repeat; opacity: 1; } .single-post .nav-previous:hover a{ background:rgba(255, 255, 255, 1) url(images/arrow_back_post_over.png) no-repeat; opacity: 1; } /* Forms */ input, textarea { font-size: 12px; } #commentform input#author, #commentform input#email, #commentform input#url, #site-content .wpcf7 input.wpcf7-text { font-size: 12px; } #commentform textarea#comment, #site-content .wpcf7 textarea{ font-size: 12px; } span.wpcf7-not-valid-tip { top: -52px; } .contact-info span.wpcf7-not-valid-tip { top: -51px;} .contact-info .captchaNAME span.wpcf7-not-valid-tip { top: -87px;} .captchaNAME span.wpcf7-not-valid-tip { top: -88px; } .kMap .three-columns-two h3 {font-size: 27px;line-height:28.6px;letter-spacing: -1px;margin-top:0px;} } @media screen and ( min-width: 561px) and (max-width: 919px){ .blog article.first { float: none; width: 100%; } .blog .first h2.entry-title { font-size: 30px; letter-spacing: -1.4px; line-height: 35px; margin-bottom: 20px; padding-top: 0; word-spacing: -3px; } .blog .first .entry-image { margin-bottom: 24px; } .blog .first .entry-image img { margin: 0; } .blog .first .entry-content { padding-bottom: 19px; } .blog .first .entry-summary { padding-top: 33px; } .blog .first .entry-summary p { font-size: 16.4px; letter-spacing: -0.1px; line-height: 24px; margin-bottom: 0; word-spacing: -0.5px; } } @media screen and (min-width:920px){ .blog article.first { float: left; width: 99.6%; padding-bottom: 0; margin-bottom: 45px; position: relative; } .blog .first h2.entry-title { font-size: 25.5px; letter-spacing: -1.4px; line-height: 27px; margin-bottom: 15px; padding-top: 0px; word-spacing: -3px; padding-top: 15px; } .blog .first .entry-summary p { font-size: 14px; letter-spacing: -0.1px; line-height: 19px; word-spacing: -0.5px; margin-bottom: 0px; } .blog .first .entry-content { display: block; float: right; padding-left: 9px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%);/* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translateY(-50%);/* IE 9 */ transform: translateY(-50%); width: 32.7%; padding-bottom: 8px; } .blog .first .entry-image { box-sizing: border-box; float: left; padding-right: 9px; width: 67.4%; margin-bottom: 0; } .blog .first .entry-image img{ margin: 0; } } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ Minimum width of 1024 pixels (tablets landscape) +++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media screen and (min-width: 1024px) { #masthead a#mobile-search-btn, #masthead a#mobile-menu-btn {display:none;} li.CloudLink {background:transparent url(images/bg_login.png) no-repeat center left; padding-left:26px!important;} #footerwidget-wrap {clear: both; padding: 0;margin-top:66px;width:100%; position:relative;} #footerwidget-wrap .widget-area { float:left; border:none; padding:0;text-align:left;} #footerwidget-wrap .widget-area h3 {text-align:left;margin-top:26px;} #footerwidget-wrap .widget h3.widget-title, #footerwidget-wrap .widget_get_recent_comments h1.widget-title {margin-top:45px;} .OPmain-wrap, #main-wrap {padding: 0 45px;} .parent-pageid-18 .bgGrey .OPmain-wrap, .parent-pageid-284 .bgGrey .OPmain-wrap { padding: 0;} .parent-pageid-18 .bgGrey , .parent-pageid-284 .bgGrey { padding-bottom:37px;} //landing page full-width image .parent-pageid-14 .bgGrey, .parent-pageid-200 .bgGrey{float:left;} .parent-pageid-14 .bgGrey.bgGrey3, .parent-pageid-200 .bgGrey.bgGrey3{float:none;} .parent-pageid-14 .bgGrey3 .OPmain-wrap, .parent-pageid-200 .bgGrey3 .OPmain-wrap{padding-left: 0;padding-right: 0;} #colophon {padding: 48px 0 5px;} #site-nav {float: right; clear: none; margin-top: 28px; position: relative;} #site-nav ul li {float:left;width: auto;padding:0;} #site-nav ul li {position:relative; display: inline-block; margin-right:33px; padding: 16px 0;text-align: left;} #site-nav ul li a {color:#fff;} #site-title {padding-left: 45px;} #lang-sel #site-nav ul {width:30px;} .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float:left; margin-right:0; margin-bottom: 40px; position:relative;} .ml10 {margin-left:10px;} .mr10 {margin-right:10px;} .m50 {margin-top:50px;} .m60 {margin-top:60px;} .m63 {margin-top:63px;} .m80 {margin-top:80px;} //.bgGrey {background:#f2f2f2; padding-top:50px; padding-bottom:50px;} .bgGrey2 {background:#f2f2f2; padding-top:50px; padding-bottom:50px;} .headerinfo-wrap {margin:0} .menu-item-language-current {display:none!important;} .OPinfoTxt {padding-top:0px;} a.arrow {display:block; width:22px; height:18px; background:transparent url(images/arrow_down.png) no-repeat center 15px; margin:22px auto;} /* ROUNDBUTTON */ .roundbutton {width:250px;} .roundbutton a {width:250px; height:250px;} //.roundbutton a:hover {color:#fff; background:#404040;} /* HEADLINE */ /* rote Linie */ /*.bigblack::after, .smallblack::after, .kontakt h3::after, .impressum h2::after, .refDetail h3::after, .OPinfoTxt h1::after, .bigblackjobs::after, h3.jobHeadline::after, .geschichte h3::after, h3.formHeadline::after, .serviceDetail h3::after {content:" "; display:block; height:1px; width:102px; border-top:1px solid #dd1d20; margin:-4px auto;}*/ .kontakt h3::after{margin-top:10px;} .OPinfoTxt h1::after {margin:-8px auto;} .Services h3.bigblack::after{margin-top: -7px;} .bewerben h3.bigblack::after { margin-top: -7px;} .geschichte h3::after {margin:4px auto;} .jobs h3.bigblack::after{margin: -12px auto;} #startseite .slides li h3::after{margin-top:-2px;} .OPinfoTxt h2{margin-left: auto; margin-right: auto;} .Referenzen h3 {margin: 66px auto 66px;} .Services h3.bigblack {font-size:56px; line-height: 74px; letter-spacing:-2.5px; padding: 38px 0 0; margin: 36px auto 30px;} .Referenzen h3.bigblack {font-size:56px;line-height: 74px;letter-spacing: -2.5px; margin:13px auto 28px;padding:62px 0 0;} .Team h3.bigblack {font-size:56px; line-height: 74px;letter-spacing: -2.5px;padding:0;margin:0 auto 30px;} .jobs h3.bigblack {font-size:43px; line-height: 74px; letter-spacing:-1.5px; padding:0;margin-bottom: 30px;margin-top: 7px;} h3.jobHeadline {font-size:61px; line-height: 74px; letter-spacing: -2.5px; margin:0 auto; margin-bottom:30px!important;margin-top:23px;} .kontakt h3 {font-size:62px; letter-spacing: -2.5px; margin:17px auto 37px;} .kontakt h4 {font-size:17px; margin-top:3px;} h3.formHeadline {font-size:20px; line-height: 33px; letter-spacing: -1px; margin-bottom:15px; margin-top:2px;} .geschichte h3 {font-size:39px; letter-spacing: -1px; margin: 70px auto 39px;} .serviceDetail h3 {font-size: 39px; letter-spacing: -1.5px; margin: 4px auto 25px;padding-top:0; } .serviceDetail2 h3 {font-size:43.2px;line-height: 34px; letter-spacing: -2px;margin: 78px auto 0px;} .refDetail h3 {font-size:38px;letter-spacing: -1px;margin: 4px auto;margin-bottom: 25px!important;padding-top:0;} .refDetail2 h3 {font-size:42.2px;letter-spacing: -1px;margin: 0 auto;margin-top:95px;} /* STARTSEITE */ #startseite .flex-control-paging {margin:7px 0 36px;} .flex-control-paging li a {height: 8px; width: 8px;} #startseite .flexslider {margin-bottom: 30px;} #startseite .slides li h3 {font-size:39px; line-height:45px; letter-spacing:-1px; margin:0 auto; margin-top:70px; padding-top:4px;} #startseite .slides li p {font-size:22px; line-height:28px; margin: 20px auto 28px; max-width: 770px;} /* SERVICES */ .page-id-200 .bgGrey, .page-id-14 .bgGrey{padding-bottom: 36px;} .parent-pageid-200 .OPmain-wrap, .parent-pageid-14 .OPmain-wrap, .page-id-200 .OPmain-wrap, .page-id-14 .OPmain-wrap{position:relative;} a.services span.services-box-title {font-size:27px;letter-spacing:-1px;line-height:29px;padding:0;position:relative;top:50%;margin-top:-30px;width:auto;} a.services span {font-size: 15px;line-height:21px;position:relative;width:297px;top:50%;margin:-101px auto 0;padding:0 20px; } a.services span em {font-size: 20px; padding-bottom:14px;} a.services span i::before { height: 21px;} a.services span i {font-size: 15px;} .servicesBoxen {width:100%; margin:0 auto;overflow: hidden;} .box3 {margin:0px;} .parent-pageid-200 .serviceFragen , .parent-pageid-14 .serviceFragen {margin:0px} .serviceFragen {height:250px;display:table-cell;vertical-align:middle; max-width: none; margin: 0px;} .serviceFragen p {font-size:33px; line-height: 36px;margin-top:3px;} .serviceDetail .centertxt {font-size: 22px; line-height: 1.3em; margin:0 auto 60px;max-width: 776px; } .serviceDetail2 .centertxt {font-size: 16px; line-height: 23px; margin:0px auto 62px; max-width: 680px;} .serviceDetail .txt2Col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; margin: 65px 60px 19px 80px;text-align:left; font-size:16.5px; line-height: 24px;} .serviceDetail .txt2Col p{margin-bottom: 0px;} .serviceDetail p.text-col-right { float: left;} .serviceDetail{overflow:hidden;} .serviceDetail img{position: relative;max-width: none; left:50%; margin-left: -683px;} .slides strong.bigred {font-size:15px;} .three-columns-one {width:250px; margin: 0 0 0 6.72%; padding:0;float:left;} .three-columns-two {width:65.5%; margin:0 auto;float:left;padding:0 5.4%;right:0;} .arrow-prev-wrap{ left: 73px; } .arrow-next-wrap{ right: 57px; } /* ABOUT US */ .TeamBoxen {width:100%;margin:0 auto;display:block;overflow:hidden;} /* .Teambox1 {margin:0 2% 0 0;} .Teambox2 {margin:0 2% 0 0;} .Teambox3 {margin:0px;} */ .TeamBoxen a {font-size: 13.7px;font-weight: 600; line-height: 20px;padding: 52px 26px 30px;position:absolute;top:0;} .TeamBoxen a strong {font-size: 23px; line-height: 40px; margin-bottom:-13px; font-weight: 800; display:block;margin-bottom:-15px;} .TeamBoxen div:hover a {height:100%;width:100%;margin-bottom:20px;} .howwework .slides li p {font-size: 14.4px; line-height:21px; padding: 0; width:584px; margin:7px auto 0; letter-spacing: -0.5px;} .bewerben {height:250px; display:table-cell;vertical-align:middle;max-width: none;margin: 0;} .bewerben p{font-size:16px; line-height: normal;letter-spacing: 0px;} .jobs .three-columns-two, .bewerben .three-columns-two{width:100%;top:0;} .geschichte .txt2Col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 36px; /* Chrome, Safari, Opera */ -moz-column-gap: 36px; /* Firefox */ column-gap: 36px; margin:0 45px 0;font-size:16.2px; line-height:24px;text-align:left; padding-bottom: 30px; } .geschichte .txt2Col p{margin-bottom: 0px;} /* REFERENZEN */ .Referenzen .flexslider {max-width: 630px;} .refDetail{overflow:hidden;} .refDetail img{position: relative;max-width: none; left:50%; margin-left: -683px;margin-bottom:0;} .refDetail .centertxt {font-size: 22px;line-height: 1.3em;margin:0 auto 60px;padding:0; width:640px;} .refDetail2 .centertxt {width:800px;font-size:16.5px; line-height:23px; margin:1px auto 56px;} .refDetail .txt2Col { margin:59px 60px 34px 80px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; text-align:left; font-size: 16.5px; line-height: 24px;} .refDetail .txt2Col p {font-size: 15px;line-height: 21px; padding: 0px;text-align: left;} .kundenzitate .slides li p {font-size:14.4px;line-height:21px;padding: 0 0 14px;margin-bottom:0px; } .kundenzitate em {padding:0px;font-size:12px;line-height:16px;margin-bottom: 21px;} .kundenzitate .flex-control-nav {margin-top:0; margin-bottom: -19px;} /* JOBS */ .page-id-318 .bgGrey, .page-id-20 .bgGrey {padding-bottom: 33px;} .jobs {height:250px;display:table-cell;vertical-align:middle; margin: 0; max-width: none;} .jobimages .flex-control-nav {margin-top:33px;} .jobcentertxt {font-size: 16px; width:660px;letter-spacing: 0px; } .jobs p { font-size: 16px; letter-spacing: 0px; line-height: normal;} .jobs .three-columns-two{height:auto; padding: 0 5.4%;} /* KONTAKT */ .kontakt {width: 50%; padding: 0;float:left;} .contact-info { width: 49%;padding: 0px; float:right;} .page-id-322 .bgGrey, .page-id-22 .bgGrey {float:left;width:100%; padding: 45px 0 45px;} .kontakt .centertxt {font-size: 16px;line-height:25px;margin-bottom:15px;margin-top:-1px;} .kontakt .centertxt2 {line-height:23px;margin-bottom:0px;margin-top:1px;} .kontakt .smalltxt {font-size:11px; margin-top:1px;margin-bottom:10px; } .kontakt .centertxt.centertxt3 {line-height:23px;margin-top:10px;} .kMap {position:relative;float:left;width:100%;} .kMap .three-columns-one {width:50.5%;margin:0px;} .kMap .verAlign353 {height:265px;} .kMap .three-columns-two {width:49.5%;position:absolute; right:0;margin:0px; padding-left: 3%; padding-right: 0px; top:50%;margin-top:-132px;} .kMap .three-columns-two h3 {font-size: 26.5px;line-height:28.6px;letter-spacing: -1px;margin-top:0px;} .page-id-322 #colophon, .page-id-22 #colophon {padding-top: 48px;} .contact-info span.wpcf7-not-valid-tip {top: -49px;} .blog .posts-page article:nth-child( 3n+2 ) { clear: both; } /* FORMULAR */ #commentform input#author, #commentform input#email, #commentform input#url, #site-content .wpcf7 input.wpcf7-text { display: block; width: 100%; margin: 0; padding:0; background:none; border:none; border-bottom:1px solid #313131; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; line-height: 2.3; //font-size: 0.8rem; color: #313131; -webkit-appearance: none; outline-color: transparent; outline-style: none; } #commentform textarea#comment, #site-content .wpcf7 textarea { width:100%; height:75px; margin: 0; padding: 0; background: none; border:none; border-bottom:1px solid #313131; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 14px; font-size: 12px; color: #313131; line-height:2.7; -webkit-appearance: none; outline-color: transparent; outline-style: none; } .OPform label {margin-top: 0px;} p.submitButton input {border-radius: 34px;font-size: 11.3px;height: 68px; letter-spacing: 0px;line-height: 23px;margin: 0 auto 24px;padding: 23px 0; width: 68px;} .contact-info p.submitButton input{margin-bottom: 20px;} .contact-info .contact-box .cb-map iframe {height: 420px;} /*--- IMAGES ---*/ .zweiImages {width:auto;} .zweiImages img.imgLeft {width:48.9%;margin-right:2.2%;margin-bottom: 0px;} .zweiImages img.imgRight {width:48.9%;margin:0;} .parent-pageid-200 .zweiImages img.imgLeft , .parent-pageid-14 .zweiImages img.imgLeft {width:49%;margin-right:1.9%;margin-bottom: 0px;} .parent-pageid-200 .zweiImages img.imgRight , .parent-pageid-14 .zweiImages img.imgRight {width:49%;margin:0;} /* FORMS */ .Formular {margin:0 194px 0 189px;} span.wpcf7-list-item { display: block;float: left; margin-left: 0px;width: 33%;} /* +++ */ #lang_sel {display: inline-block; height: 32px;float:left; position: absolute; right: -50px; margin-right:50px; margin-top: 16px;} #lang_sel.lang_sel_displayed {padding:0 50px 80px 20px; margin-right: 0;} #lang_sel a, #lang_sel a:visited {background: transparent; border: 0px solid transparent; line-height: 24px; padding-left: 0px; text-decoration: none !important;} #lang_sel a.lang_sel_sel {height: 24px; background: transparent;color: #fff;border-bottom:2px solid #dd1d20;} #lang_sel a.lang_sel_sel:hover {color:#dd1d20;} #masthead.tiny #lang_sel a.lang_sel_sel {border-bottom:2px solid #313131;} #lang_sel ul li { width: 18px;} #lang_sel ul li ul li {width: auto;} #lang_sel ul ul {opacity: 0; visibility: hidden;height: 0; left: -59px; position: absolute; top: 52px; opacity: 0; visibility: hidden; width: 133px;border:none;} #lang_sel ul li:hover ul, #lang_sel ul a:hover ul, #lang_sel.lang_sel_displayed:hover ul ul{ visibility: visible; opacity:1; -webkit-transition: opacity 300ms ease-in-out 250ms; transition: opacity 300ms ease-in-out 250ms;} .menu-item-language-current {border-bottom:2px solid #dd1d20;} /* +++++++++++++++++++++++++++ */ /* +++++ NAVI ++++++ */ /* +++++++++++++++++++++++++++ */ #site-nav {display: block !important; background: transparent; margin: 0 auto; overflow: visible; padding: 0; margin: 27px 52px 0 0;-webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; -o-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out;} #site-nav ul {margin: 0 auto;padding: 0;overflow: visible;} #site-nav ul li {position:relative; display: inline-block; margin-right:21px; padding: 16px 0 16px 14px; text-align: left;} #site-nav li a { font-size: 14px; color: #313131; font-weight: bold;} #site-nav ul.sub-menu, #site-nav ul.children {display:none; position:absolute; top:59px; left:0; width:220px; border:none; z-index:99999; padding:0; text-align:left; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom: 1px solid #eaeaea;background: none;} #site-nav ul.sub-menu ul, #site-nav ul.children ul {display: none;top: 0; left: 218px; z-index: 99999; border-top: 1px solid #eaeaea;} #site-nav li li { position:relative; display: block; float:none; margin: 0; padding: 0; font-weight: 400;} #site-nav li li a { font-weight: 400; letter-spacing: 0; color: #9e9e9e; display: block; background: #f5f5f5!important; margin: 0; padding: 15px 20px;-webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset;} #site-nav li li a:hover {color: #313131;text-decoration:none;} #site-nav li li li { display: block; padding: 0;} #site-nav ul li:hover > ul {display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background:red;} #site-nav li:hover > a {color: #fff;} #site-nav li li:hover > a {color: #313131;} #site-nav ul {border-top: none;} #site-nav li a {color: #fff; font-size: 12px; font-weight: normal; font-family: 'AvenirLTStd-Black', Georgia, serif; letter-spacing: -0.001px;} #site-nav #lang_sel:hover ul li ul {visibility:visible; } #masthead {background: transparent; width: 100%; position: fixed; left: 0; top: 0; z-index:100; border:none; height:0px;} #masthead {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.2s ease-in-out; height:100px; border-bottom:1px solid transparent;} #masthead a.logo {display:block; height:22px; width:190px; background:url("/wp-content/uploads/logo500_white.png"); background-size:190px 22px; background-repeat: no-repeat;margin-left:47px;} #masthead.tiny a.logo {display:block; height:24px; width:225px; background:url("/wp-content/uploads/logo500.png"); background-size:225px 24px; background-repeat: no-repeat;margin-left:28px;} @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { #masthead.tiny a.logo {background-image:url("/wp-content/uploads/kontextor_logo@2x.png"); background-size:225px 25px;height:25px; } } #masthead #site-title {float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top: 45px;} #masthead.tiny {height:78px!important; background: #fff; border:none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom:0px solid transparent;} #masthead.tiny #site-title {padding-top: 26px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #masthead.tiny #site-nav {margin-top: 10px;} #masthead.tiny #site-nav li a {color: #000413;padding: 0px;} #masthead.tiny #site-nav li.CloudLink a {color: #969798;} #masthead.tiny #site-nav li a:hover {color: #dd1d20;} #masthead.tiny #site-nav li li a, #masthead.tiny #site-nav li li a:hover {border: medium none;padding: 14px 0 13px;text-align: center;text-transform: uppercase;-webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset;} #masthead.tiny #site-nav li li a:hover {color: #fff; background: #313131!important;} #site-nav li.current-menu-item a, #masthead.tiny #site-nav li.current-menu-item a {color:#dd1d20;} .menu-topnav-englisch0-container, .menu-topnav-container {width: auto;} /* +++ Service - Leistungsbox +++ */ .txt2Col {font-size: 16.5px;line-height: 24px;-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 36px; /* Chrome, Safari, Opera */ -moz-column-gap: 36px; /* Firefox */ column-gap: 36px; margin-top:65px; margin-bottom:17px;} /* --- General --- */ p {margin-bottom: 30px;} #headerinfo-wrap {max-width: 900px; margin: 0 auto; padding: 0;} .header-img, .header-slider {max-width: 900px;margin: 60px auto 0;padding: 0;} .entry-details { width: 15%; /* 120px on 1024px screens */ margin-right: 6.25%; /* 50px on 1024px screens */ margin-top: 7px; float: left; } .post .entry-header h2.entry-title, .search-results .entry-header h2.entry-title, .post .entry-content, .attachment .entry-content, .post .entry-summary, .search-results .entry-summary { width: 78.75%; /* 630px on 1024px screens */ display: block; float: right; } .post .entry-meta, .search-results .entry-meta { margin-left: 21.25%; /* 170px on 1024px screens */ padding: 0 0 22px; display: block; clear: both; } #sidebar, #nav-below, #nav-single, #nav-image, .single-post .author-info, .single-post #comments, .attachment #comments, #disqus_thread, .page-header, .wp-pagenavi {margin-left: 21.25%; /* 170px on 1024px screens */} #footerwidget-wrap, #colophon #site-info {margin: 0 auto;} .single-post .widget-area{ padding-top: 92px; } /*---Footer ---*/ #footerwidget-wrap #sidebar-footer-1 {width:167px;margin-left:77px;} #footerwidget-wrap #sidebar-footer-2 {width:211px;} #footerwidget-wrap #sidebar-footer-3 {width:250px;} .textwidget {font-size: 11px;} #footerwidget-wrap .widget h3.widget-title, #footerwidget-wrap .widget_get_recent_comments h1.widget-title {font-size: 11.5px;} a.more-link {margin: 0 0 10px;} /* --- Post Formats --- */ .format-quote .entry-content blockquote, .format-link a.link {padding-top: 3px;} /* --- Archives / Search Results --- */ .page-header {padding: 0 0 20px;} .team-box-small .tm-quote {max-width: 85%;} ul.dorayaki-rp li.rp-box h3.rp-title, .service-box span.service-name { font-size: 24px; } .portfolio-box h3.portfolio-title { font-size: 20px; } .portfolio-box, ul.dorayaki-rp li.rp-box { width: 48.5%; margin: 0 3% 24px 0; } .mtop {margin-top:78px!important;} .page-id-92 .bgGrey, .page-id-888 .bgGrey { min-height: 599px;} .page-id-114 .bgGrey, .page-id-503 .bgGrey { min-height: 649px;} .page-id-186 .bgGrey, .page-id-512 .bgGrey { min-height: 844px;} /* BLOG */ .blog #site-nav, .single-post #site-nav{ height: auto; } .blog #site-content { margin: 0 -12px; width: 102.1%; } .blog article { float: left; padding: 0 12px 42px; width: 33.333%; } .blog article.first { float: left; width: 99.6%; padding-bottom: 0; margin-bottom: 55px; position: relative; } .blog h2.entry-title { font-size: 24.5px; letter-spacing: -0.75px; line-height: 28px; margin-bottom: 15px; padding-top: 8px; } .blog .first h2.entry-title { font-size: 29.5px; letter-spacing: -1.4px; line-height: 31.5px; margin-bottom: 11px; word-spacing: -3px; } .blog .entry-summary p { font-size: 15.9px; line-height: 24px; margin-bottom: 22px; } .blog .first .entry-summary p { font-size: 17px; letter-spacing: -0.1px; line-height: 26px; word-spacing: -0.5px; margin-bottom: 0px; } .blog .first .entry-image { box-sizing: border-box; float: left; padding-right: 12px; width: 67.3%; } .blog .first .entry-image img{ margin: 0; } .blog .entry-author, .blog .entry-date { font-size: 13px; } .blog .first .entry-author { font-size: 13px; padding-right: 18px; position: relative; } .blog .entry-author:before { margin-top: 28px; width: 56%; } .blog .entry-summary { padding-top: 36px; } .blog .first .entry-summary { padding-top: 32px; } #share-sidebar-buttons-wrap .share-button { width: 52px; height: 52px; } .share-linkedin img { height: 27px; width: 28px; } .share-twitter img { height: 22px; width: 27px; } .share-facebook img { height: 27px; width: 15px; } .share-rss img { height: 27px; width: 27px; } .secondary-share-buttons { top: 52px; } /* SINGLE POST */ .single-post #site-content { padding-right: 12.6%; width: 77%; } .single-post .widget-area { width: 23%; float: right; } .single-post .entry-header h1 { font-size: 43.5px; letter-spacing: -1.5px; line-height: 44px; } .single-post .entry-image { padding: 33px 0; } .single-post .entry-image img { margin: 0; } .single-post .entry-details, .single-post .entry-date{ font-size: 14.4px; padding: 2px 0 46px; } .single-post .entry-author::before { margin-top: 32px; width: 72px; } .single-post .entry-content { width: 100%; } .single-post #site-content .entry-content h2 { font-size: 26.9px; letter-spacing: -0.1px; } .single-post .entry-content p { font-size: 16.5px; line-height: 26px; letter-spacing: 0.2px; margin-bottom: 28px; } .single-post .entry-content ul li { font-size: 15px; } .single-post .entry-content img { padding-top: 36px; padding-bottom: 59px; } /*** Widget Area Related Projects***/ h2.widget-title { font-size: 32px; padding-bottom: 21px; } h3.rp-title a { font-size: 22.9px; letter-spacing: -0.1px; line-height: 27px; word-spacing: -2px; padding-top: 4px; } .rp-header a img { margin-bottom: 25px; } .rp-author, .rp-date { font-size: 12px; letter-spacing: -0.1px; padding: 14px 7px 20px 0; } .rp-author{ float: left; position: relative; } .rp-author:before{ margin-top: 29px; width: 61%; } .rp-summary { padding-top: 15px; } .rp-summary p { font-size: 13.7px; margin-bottom: 41px; } } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ Minimum width of 1240 pixels (15' laptops + desktops) +++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media screen and (min-width: 1240px) { .OPmain-wrap, #main-wrap {padding: 0 50px;} .headerinfo-wrap {margin:0 auto;} .two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three { float:left; margin-right:0; margin-bottom: 0px; position:relative;} .ml10 {margin-left:10px;} .mr10 {margin-right:10px;} .m50 {margin-top:50px;} .m60 {margin-top:60px;} .m63 {margin-top:63px;} .m80 {margin-top:80px;} .bgGrey2 {background:#f2f2f2; padding-top:50px; padding-bottom:50px;} li.CloudLink {background:transparent url(images/bg_login.png) no-repeat center left; padding-left:20px;} #footerwidget-wrap {clear: both; padding: 0;width:100%; position:relative;} #footerwidget-wrap .widget-area { float:left; border:none; padding:0;text-align:left;} #footerwidget-wrap .widget-area h3 {text-align:left;} #footerwidget-wrap .widget_get_recent_comments h1.widget-title {margin-top:-20px;} .OPinfoTxt {padding-top:0px;} a.arrow {display:block; width:22px; height:18px; background:transparent url(images/arrow_down.png) no-repeat center 15px; margin:22px auto;} /* HEADLINE */ /* rote Linie */ .bigblack::after, .smallblack::after, .kontakt h3::after, .impressum h2::after, .refDetail h3::after, .OPinfoTxt h1::after, .bigblackjobs::after, h3.jobHeadline::after, .geschichte h3::after, h3.formHeadline::after, .serviceDetail h3::after {content:" "; display:block; height:1px; width:102px; border-top:1px solid #dd1d20; } .OPinfoTxt h1::after {margin:-8px auto;} .Services h3.bigblack::after{margin-top: -3px;} .bewerben h3.bigblack::after {margin-top: -5px;} .OPinfoTxt h1 {font-size: 73px; line-height:75px; letter-spacing:-3px; margin:0px 50px; } .OPinfoTxt h2 { /*margin:0px auto; margin-top:28px;padding:0 330px;*/} .kontakt h3::after {margin-top: 10px;} .Services h3, .Team h3, .Referenzen h3 {font-size:36px; line-height: 38px; letter-spacing:-1.2px; margin: 19px auto 76px; word-spacing:-3px; } .Referenzen h3 {margin: 68px auto 76px;} .Services h3.bigblack {font-size:62px; line-height: 74px; letter-spacing:-2px; padding: 38px 0 0;margin:41px auto 35px;} .Referenzen h3.bigblack {font-size:62px;letter-spacing: -2.5px; margin:0 auto;margin-bottom:34px!important;margin-top:29px;} .Team h3.bigblack{font-size:62px; line-height: 74px; letter-spacing:-2.5px; padding:0;margin-bottom: 21px;} .jobs h3.bigblack {font-size:43px; line-height: 74px; letter-spacing:-1.5px; padding:0;margin-bottom: 30px;margin-top: -15px;} .jobs h3.bigblack::after{margin: -12px auto;} h3.jobHeadline {font-size:62px; line-height: 74px; letter-spacing: -2.5px; margin:0 auto; margin-bottom:30px!important;margin-top:25px;} .kontakt h3 {font-size:62px; letter-spacing: -2.5px; margin:17px auto 37px;} .kontakt h4 {font-size:17px; margin-top:3px;} h3.formHeadline {font-size:20px; line-height: 33px; letter-spacing: -1px; margin-bottom:15px; margin-top:2px;} .serviceDetail h3 {font-size:39px; letter-spacing: -1.5px; margin: 4px auto 25px;} .serviceDetail2 h3 {font-size:43.2px;letter-spacing: -2px;margin: 78px auto 0px;} .geschichte h3 {font-size:43px; letter-spacing: -1.5px; margin: 76px auto 45px;} /* STARTSEITE */ //#startseite .flex-control-paging {margin:12px 0 0 0px;} .flex-control-paging li a {height: 9px; width: 9px;} #startseite .flexslider {max-width:790px;margin-bottom: 30px;} #startseite .slides li h3 {font-size:39px; line-height:45px; letter-spacing:-1px; max-width:840px; margin:0 auto; margin-top:70px; padding-top:4px;} //#startseite .slides li p {font-size:22px; line-height:28px; margin-top:20px; margin-bottom:28px;} /* ABOUT US */ .TeamBoxen {margin:0 auto;display:block;overflow:hidden;} .TeamBoxen a {font-size: 15px; padding: 36.2% 50px 50px 50px;line-height: 21px; font-weight: 400;} .TeamBoxen a strong {font-size: 23px; font-weight:800; line-height:35px;margin-bottom:-15px;} .jobs .three-columns-two, .bewerben .three-columns-two{width:80%; position:relative;} .Team .three-columns-one { margin-left: 11.53%;} .bewerben .three-columns-two{margin: -25px 5.4% 0;} .geschichte .txt2Col { margin-left: auto;margin-right:auto; width:1054px; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;text-align:left; padding-bottom: 30px; } .geschichte .txt2Col p{margin-bottom: 0px;} /* SERVICES */ a.services:hover strong {font-size: 20px;} a.services span.services-box-title {font-size: 36px; line-height:39px;padding:0;margin-top:-38px;} a.services span {font-size: 15.5px; padding:0;line-height:21px; position:relative; top:50%; margin-top:-70px;width:336px } a.service3 span:last-of-type {margin-top: -85px;} a.services span em {font-size: 20px; padding-bottom:14px;} a.services span i {font-size: 15px;} .slides strong.bigred {font-size:15.5px;} .howwework .slides li p {font-size: 15.7px;line-height:22.5px; width: 660px; margin:8px auto 0;} .br-line{display:block;} /* Fragen - Gerne */ .serviceFragen p {font-size: 39px; line-height:41px;letter-spacing: -1px;} .serviceDetail .centertxt {font-size: 22px; line-height: 1.3em;margin:0 auto;margin-bottom:60px; max-width: 800px;} .serviceDetail2 .centertxt {font-size: 16px; line-height: 23px; margin:0px auto 62px; max-width: 740px; } .serviceDetail .txt2Col {width:1165px;margin: 65px auto 19px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 31px; /* Chrome, Safari, Opera */ -moz-column-gap: 35px; /* Firefox */ column-gap: 33px;} .serviceDetail .txt2Col p{padding-left: 26px; margin-bottom: 0px;} .serviceDetail p.text-col-right { padding-left: 0px; -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; width: 571px; } .three-columns-one {width:250px; margin:0 0 0 8.53%; padding:0;float:left;} .three-columns-two {width:57.8%; margin:0 8.4%;padding:0;position:absolute;right: 0;} .arrow-next-wrap, .arrow-prev-wrap, .arrow-next, .arrow-prev, .arrow-next-wrap a, .arrow-prev-wrap a{ display: block; position: absolute; text-indent: -9999px; height: 49px; width: 117px; top: 72px; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: opacity 0s ease 0s; transition:none; } .arrow-prev-wrap, .arrow-next-wrap{ background: none; } .arrow-prev-wrap:hover .arrow-prev, .arrow-next-wrap:hover .arrow-next{ opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } .arrow-prev{ background: url(images/arrow_left_service.png) no-repeat; top: 0; opacity: 1; } .arrow-next{ background: url(images/arrow_right_service.png) no-repeat; background-position: right center; top: 0; opacity: 1; } .arrow-next-wrap a, .arrow-prev-wrap a{ opacity: 0; top: 0; } .arrow-prev-wrap:hover a{ background: url(images/arrow_left_over.png) no-repeat; opacity: 1; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } .arrow-next-wrap:hover a{ background: url(images/arrow_right_over.png) no-repeat; opacity: 1; background-position: right center; -webkit-transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s; transition: opacity 0.5s ease 0s; } html[lang~="en-US"] .arrow-prev-wrap:hover a{ background: url(images/arrow_left_over_EN.png) no-repeat; opacity: 1; } html[lang~="en-US"] .arrow-next-wrap:hover a{ background: url(images/arrow_right_over_EN.png) no-repeat; opacity: 1; background-position: right center; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .arrow-prev-wrap{ background-image: url(images/arrow_left_service@2x.png) ; background-size: 49px 49px; } .arrow-next-wrap{ background-image: url(images/arrow_right_service@2x.png); background-size: 49px 49px; } .arrow-prev-wrap:hover a{ background-image: url(images/arrow_left_over@2x.png); background-size: 114px 49px; } .arrow-next-wrap:hover a{ background-image: url(images/arrow_right_over@2x.png); background-size: 113px 49px; } html[lang~="en-US"] .arrow-prev-wrap:hover a{ background-image: url(images/arrow_left_over_EN@2x.png); background-size: 117px 49px; } html[lang~="en-US"] .arrow-next-wrap:hover a{ background-image: url(images/arrow_right_over_EN@2x.png); background-size: 113px 49px; } } /* REFERENZEN */ .Referenzen .flexslider {max-width: 730px;} .kundenzitate .slides li p {font-size:15.7px;line-height:22.5px;padding-bottom:0px;margin-bottom:18px; } .kundenzitate em {font-size:13.1px;padding:0px 35px;line-height:17px; font-weight: 600;margin-bottom: 24px;} .refDetail .txt2Col {margin: 59px auto 34px; width:1100px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 36px; /* Chrome, Safari, Opera */ -moz-column-gap: 36px; /* Firefox */ column-gap: 36px;} .refDetail .txt2Col p { font-size: 15px; line-height: 21px; padding: 0; text-align: left; } /* JOBS */ .bewerben p {font-size: 15.7px; padding:0 20px; margin:0 auto;line-height: 22.5px;} .jobcentertxt {font-size: 16px; margin:0 auto 38px; width:660px; word-spacing: -1px; } .jobs p {font-size: 15.7px; padding:0 20px;margin:0 auto; word-spacing: -1px;line-height: 22.5px;} .jobs .three-columns-two p:last-child { margin-bottom: 0px;} .jobs .three-columns-two{height: auto; padding: 0;} /* KONTAKT */ .page-id-322 .bgGrey, .page-id-22 .bgGrey {padding: 59px 0 59px;} .kontakt {padding-right: 30px;} .kMap .verAlign353 {height:353px;} .kMap .verAlign353 {height:265px;} .kMap .three-columns-two h3 {font-size:34px;line-height:36px; letter-spacing: -2px;} .contact-info .contact-box .cb-map iframe {height: 420px;} .contact-info {float:right;} .contact-info p.submitButton input{margin-bottom: 24px;} /* FORMULAR */ .Formular {margin:0 194px 0 189px;} span.wpcf7-list-item { display: block; float: left; margin-left: 0px; width: 33%; } #commentform input#author, #commentform input#email, #commentform input#url, #site-content .wpcf7 input.wpcf7-text { line-height: 2.7; } .OPform label {margin-top: 3px;} /* IMPRESSUM */ .impressum h2 {font-size:20px;letter-spacing: -0.5px; margin-bottom:40px;} .impressum h3 {font-size:20px;letter-spacing: -0.5px;margin-bottom:0;} .impressum h4 {font-size:16px;letter-spacing: -0.5px;} .impressum p {font-size: 13.1px;line-height: 18px;} /* +++ */ .txtCol1 {margin-left:44px;} .zweiImages {max-width:1266px;} /* --- General --- */ body {overflow: hidden;} .headerinfo-wrap, .mobile-nav-container, .OPmain-wrap, #main-wrap, #footerwidget-wrap, #colophon #site-info, .header-img, .header-slider {max-width: 1366px;} /* #masthead {border-bottom: 1px solid #eaeaea;} */ .mobile-nav-container {margin: 0 auto;} #site-content {float: left; width: 67.8%; /* 800px on 1180px max-width */} .no-sidebar #site-content {float: none;margin-left: auto;margin-right: auto;} #sidebar {margin-left: 0;float: right;padding: 5px 0 0 0;width: 23.73%; /* 280px on 1180px max-width */} #colophon #site-info, #colophon .footer-nav, #colophon #site-info ul, #colophon p.credittext {text-align: left;} .footerlabel { max-width: 30%; margin: 0; padding: 30px 0 40px; float: right; } #colophon .credit-wrap { max-width: 65%; float: left; overflow: hidden; padding: 0; } .entry-content .fullwidth-content {max-width: 140%; margin-left: -20%; margin-right: -20%; padding: 0; } /* --- Fonts --- */ .entry-content p.slogan {font-size: 28px;} /* --- Header --- */ #masthead a#mobile-menu-btn, #masthead a#mobile-search-btn { display: none; } a#desktop-search-btn, .header-widget-wrap { display: block; } /* --- Header Widget Area --- */ #masthead ul.headerinfo-text { position: absolute; top: 0; right: 65px; float: right; display: block; padding: 16px 16px 16px 0; text-align: right; } #masthead ul.headerinfo-text li { margin: 0px 0px 7px; padding: 0; font-size: 14px; color: #313131; font-style: italic; clear: both; list-style: none; } #masthead ul.headerinfo-text li span { display: inline-block; padding: 4px 10px; color: #313131; } /* --- Pages --- */ .page .no-sidebar #site-content { float: none; margin: 0 auto; } .page #site-content.fullwidth { width: 100%; float: none; } .page .entry-content h2.centered {margin: 60px 0 70px;} /* --- Header Slider --- */ .responsive-slider.flexslider .slide h2.slide-title { top: 175px; letter-spacing: 3px; } .responsive-slider.flexslider .slide h2.slide-title a { font-size: 40px; font-size: 2.5rem; } .responsive-slider.flexslider .slide h2.slide-title span { font-size: 14px;} .responsive-slider.flexslider .flex-direction-nav {display: block;} /* --- Page Widgets --- */ .testimonial-box .t-text {max-width: 60%;} .testimonial-box .t-authorbox, .testimonial-box .t-authorbox-right {max-width: 40%;} .team-box .tm-info img.tm-img { width: 240px; height: 240px; } .team-box .tm-info { float: right; width: 60.75%; } .team-box .tm-info p.tm-text { margin: 0 0 20px; clear: none; font-size: 16px; } .team-box .tm-author {margin-left: 280px;} .team-box .tm-info h4, .team-box-small .tm-info h4 { font-size: 24px;} .tm-info span { font-size: 13px;} .team-box .tm-quote { float: left; width: 35%; padding: 40px 40px 0; } .team-box .tm-quote p { font-size: 20px; } .widget_dorayaki_team_small { width: 33%; padding: 0 10px 10px; float: left; overflow: hidden; } .entry-content .team-box-small .tm-quote p {margin-bottom: 0;} ul li.widget_dorayaki_team_small:nth-of-type(4n+4) {clear: both;} ul.dorayaki-rp li.rp-box {padding: 30px 0 20px;} ul.dorayaki-rp .rp-header, ul.dorayaki-rp .rp-summary {padding: 0 40px;} ul.dorayaki-rp .rp-meta {padding: 20px 40px 0;} ul.dorayaki-rp li.rp-box p {margin-bottom: 20px;} .entry-content ul.dorayaki-rp li.rp-box p { font-size: 18px; line-height: 1.7; } ul.dorayaki-rp li.rp-box a.rp-thumb { max-width: 190px; margin: 8px 20px 0 0; } ul li.widget_dorayaki_service, .otw-sidebar .widget_dorayaki_service, .portfolio-box { width: 32%; margin: 0 2% 24px 0; float: left; clear: none; } ul li.widget_dorayaki_service:nth-child(even), .otw-sidebar .widget_dorayaki_service:nth-child(even), .portfolio-box:nth-child(even) { margin: 0 2% 24px 0; float: left; clear: none; } ul li.widget_dorayaki_service:nth-child(3n+3), .otw-sidebar .widget_dorayaki_service:nth-child(3n+3), .portfolio-box:nth-child(3n+3) {margin: 0 0 24px;float: right;clear: none;} .entry-content .contact-box .cb-info {padding: 40px;} .fullwidth .entry-content .contact-box .cb-info {width: 50%; float: right;} .fullwidth .contact-box .cb-map {width: 50%;float: left;} .fullwidth .entry-content .contact-info .contact-box .cb-info { width: 100%;float: none;} .fullwidth .contact-info .contact-box .cb-map {width: 100%;float: none;} .single-post .widget-area{ padding-top: 81px; } #share-sidebar-buttons-wrap { margin-bottom: 56px; } #share-sidebar-buttons-wrap .share-button { width: 64px; height: 64px; } #share-sidebar-buttons-wrap .share-button p { font-size: 13px; } .share-linkedin p { top: 7px; } .share-twitter p { top: 8px; } .share-facebook p { top: 6px; } .share-rss p { top: 6px; } .secondary-share-buttons { top: 64px; } /*---Footer ---*/ #footerwidget-wrap #sidebar-footer-1 {width:186px;margin-left:111px;} #footerwidget-wrap #sidebar-footer-2 {width:234px;} #footerwidget-wrap #sidebar-footer-3 {width:250px;} .textwidget {font-size: 12px;} #footerwidget-wrap .widget h3.widget-title, #footerwidget-wrap .widget_get_recent_comments h1.widget-title {font-size: 12.9px; } /* --- Single Post ---*/ .single-post .entry-content p { font-size: 17px; line-height: 29px; letter-spacing: 0.2px; } /* BLOG */ .blog #site-content { margin: 0 -12px; width: 102.1%; } .blog article { float: left; padding: 0 12px 38px; width: 33.333%; } .blog article.first { float: left; width: 99.6%; padding-bottom: 0; margin-bottom: 61px; position: relative; } .blog h2.entry-title { font-family: "AvenirLTStd-Black"; font-size: 28.2px; font-weight: 400; letter-spacing: -0.75px; line-height: 33px; margin-bottom: 18px; padding-top: 12px; } .blog .first h2.entry-title { font-size: 36.2px; letter-spacing: -1.4px; line-height: 39px; margin-bottom: 23px; padding-top: 0px; word-spacing: -3px; padding-top: 15px; } .blog .entry-summary p { font-size: 18.4px; line-height: 25px; margin-bottom: 28px; } .blog .first .entry-summary p { font-size: 19.4px; letter-spacing: -0.1px; line-height: 29px; word-spacing: -0.5px; margin-bottom: 0px; } .blog .first .entry-image { box-sizing: border-box; float: left; padding-right: 12px; width: 67.3%; } .blog .first .entry-image img{ margin: 0; } .blog .entry-author, .blog .entry-date { font-size: 14px; } .blog .first .entry-author { font-size: 14.4px; padding-right: 18px; } .blog .entry-author:before { margin-top: 33px; } .blog .entry-summary { clear: both; float: none; width: 100%; padding-top: 41px; } .blog .first .entry-summary { padding-top: 41px; } .single-post #nav-single a:before{ font-family: "AvenirLTStd-Medium"; font-size: 13.5px; position: absolute; top: 13.5px; color:#313131; } .single-post .nav-previous:hover a:before{ content:"zurück"; left: 63px; } .single-post .nav-next:hover a:before{ content:"vor"; right: 63px; } html[lang~="en-US"] .single-post .nav-previous:hover a:before{ content:"Previous"; left: 63px; } html[lang~="en-US"] .single-post .nav-next:hover a:before{ content:"Next"; right: 63px; } } @media screen and (min-width: 1355px) { .single-post .widget-area{ padding-top: 69px; } #share-sidebar-buttons-wrap .share-button { height: 71px; width: 71px; } .secondary-share-buttons { top: 71px; } .go-to-other-language-blog { width: 156px; font-size: 14px; height: 156px; padding: 44px 15px; line-height: 23px; } html[lang~="de-DE"] .go-to-other-language-blog { padding: 44px 25px; } } @media screen and (min-width: 1400px) { .go-to-other-language-blog { top: 40px; left: 0; } .go-to-other-language-blog.gtolb-single { top: 72px; left: -50px; } } @media screen and (min-width: 1900px) { .OPinfoTxt h1::after{width:141px; margin-top:-4px;} .OPinfoTxt h1 { font-size: 103px; letter-spacing: -4px; line-height: 93px; max-width: 1000px; margin: 0 auto; } .OPinfoTxt h2 { font-size: 30.6px; letter-spacing: -0.8px; margin-top: 39px; line-height: 37px; margin-left: auto; margin-right: auto; max-width: 916px; } .TeamBoxen a { font-size: 14px; font-weight: 600;} } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*-----------------------------------------------------------------------------------*/ /* 15.0 HiDPI (=Retina) Displays /*-----------------------------------------------------------------------------------*/ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .header-slider .responsive-slider.flexslider .flex-direction-nav li a {background: url(images/x2/slider-nav.png) 0 0 no-repeat !important; background-size: 46px 92px !important;} .header-slider .responsive-slider.flexslider .flex-direction-nav li .prev {background-position: -2px -1px !important;} .header-slider .responsive-slider.flexslider .flex-direction-nav li .next {background-position: -2px -48px !important;} } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*-----------------------------------------------------------------------------------*/ /* 16.0 Print /*-----------------------------------------------------------------------------------*/ @media print { body {background: none !important;color: #000;font-size: 10pt;} #masthead {background: none !important;} .site-title {color: #000;font-size: 21pt;} .site-description, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, #sidebar, #colophon {display: none;} .entry-header, .entry-content, .entry-summary, .entry-meta {margin: 0;width: 100%;} .page-title, .entry-title {font-size: 18pt;} } /* ++++++++ */ /* ++ OP ++ */ /* ++++++++ */ .bgWhite {background:#fff;} /* Headlines */ h1, h2, h3, h4, h5, h6 {text-rendering: optimizelegibility;word-wrap: break-word;} .OPinfoTxt h1 { font-family:'AvenirLTStd-Black', Georgia, serif; font-weight:400; color:#fff; text-align:center; text-transform:uppercase;} .OPinfoTxt h2 {font-family: 'AvenirLTStd-Medium', Georgia, serif; color:#fff; text-align:center;font-weight:400;} /* +++++++++++++++++++++++++++ */ .flexslider {margin: 0 auto; background:transparent;} .flexslider ul li {margin-bottom: 0px;text-align:center;} .slides li {text-align:center;display:block;} .slides li h3 {font-family:"AvenirLTStd-Black",Georgia,serif; font-weight:400; text-align:center; color:#313131;} .slides li h3::after { content:" "; display:block; height:1px; width:102px; border-top:1px solid #dd1d20; margin:0px auto;} .slides li p {font-family: 'AvenirLTStd-Medium', Georgia, serif; color:#888888; font-weight:normal;} .flex-control-paging li a {background: transparent; border: 1px solid #dd1d20; border-radius: 18px; box-shadow: none; cursor: pointer; display: block; text-indent: -9999px;} .flex-control-paging li a.flex-active {background: #dd1d20; cursor: default;} .flex-control-paging li a:hover {background: #dd1d20;} /* +++++++++++++++++++++++++++ */ /* ++++++ STARTSEITE ++++++ */ /* +++++++++++++++++++++++++++ */ #startseite .slides::after {height:-1px;} /* +++++++++++++++++++++++++++ */ /* +++++ DAS SIND WIR +++++ */ /* +++++++++++++++++++++++++++ */ .TeamBoxen div {float:left;position:relative;} .TeamBoxen a {font-family: 'Open Sans', Georgia, serif; color:#fff; text-align:center; display:none; text-transform: none;background:rgba(0,0,0,0.0); transition: all .5s ease;} .TeamBoxen a strong {display:block;} .TeamBoxen div:hover a {color:#fff; display: table-cell; background:rgba(0,0,0,0.5); transition: all .5s ease; cursor: default;} .Teambox1, .Teambox2, .Teambox3 {display: inline-block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;transition: all .5s ease; position: relative;} .Teambox1 {background-image: url(images/Portrait-Tina-Krause.jpg);} .Teambox2 {background-image: url(images/Portrait-Grigorios-Petsos.jpg);} .Teambox3 {background-image: url(images/Portrait-Caroline-Carlqvist.jpg); display: none;} .Teambox1:hover, .Teambox2:hover, .Teambox3:hover {cursor: pointer; background-size: 110% 110%;} .bewerben p { font-family: 'Open Sans';display:block; color:#181818; font-weight:400;text-align:center;} /* Text */ /* Geschichte */ .geschichte h3{ font-family: 'AvenirLTStd-Black', Georgia, serif;font-weight: 400;text-align:center;} .txt2Col {font-family: 'Open Sans';font-weight:400;} /* +++++ SERVICES +++++ */ .Services h3, .Team h3, .Referenzen h3 {font-family: 'AvenirLTStd-Black', Georgia, serif;font-weight: 400;text-align:center;} .servicesBoxen {overflow:hidden;} /* BOXEN */ a.services {color:#fff; text-align:center; display: block; vertical-align: middle; font-family: 'Open Sans', Georgia, serif; text-transform: none;} .Services h3.bigblack {color:#313131; text-align:center;} a.services span.services-box-title {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight:400;display:block;} a.services span {font-family: 'Open Sans'; font-weight:600; display:block; } a.services span em {font-family: 'Open Sans'; font-weight:800; display:block;font-style: normal;} a.services span i::before {content:" "; display:block;} a.services span i {color:#dd1d20; font-style:normal;} a.services:hover span.services-box-title {display:none;} a.services {background-position:50% 50%; /* ie8- graceful degradation */background-position:50% 50%\9 !important; background-size:cover;} i.morelink {padding-right:13px;background:url(/wp-content/uploads/arrow_right.png) no-repeat center right;width:auto!important;padding-bottom:3px;} /* Bilder */ .servicesBoxen .box1 { background: url(images/bg_services_01.jpg) no-repeat; background-size:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-position: center center; } .servicesBoxen .box2 { background:url(images/bg_services_02.jpg) no-repeat; background-size:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-position: center center;} .servicesBoxen .box3 { background:url(images/bg_services_03.jpg) no-repeat; background-size:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-position: center center;} .servicesBoxen .box1:hover, .servicesBoxen .box2:hover, .servicesBoxen .box3:hover{ cursor: pointer; background-size: 110% auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } a.services span {display:none;} a.services:hover {text-decoration:none;opacity:1;color:#fff;} a.services:hover span {display:block; transition: all 1s linear 0s;} /* Fragen - Gerne */ .serviceFragen p {font-family: 'AvenirLTStd-Black', Georgia, serif;font-weight: 400;text-align: center;} .serviceFragen p a:hover {color:#df5557;} .howwework { margin:0 auto;} .howwework .slides li p {font-family: 'Open Sans';display: block;font-weight: 400;text-align: center;color:#313131;} .howwework .flex-control-nav {margin-top:22px; } .flex-control-nav{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* +++++++++++++++++++++++++++ */ /* +++++ SERVICE-DETAIL +++++ */ /* +++++++++++++++++++++++++++ */ .serviceDetail h3, .serviceDetail2 h3 {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; text-align:center;} .serviceDetail .centertxt {font-family: 'AvenirLTStd-Medium', Georgia, serif; font-weight: 400; text-align:center; color: #888888;} .serviceDetail2 .centertxt {font-family: "Open Sans"; font-weight: 400; text-align:center; display:block;} /* +++++++++++++++++++++++++++ */ /* +++++ REFERENZEN +++++ */ /* +++++++++++++++++++++++++++ */ .Referenzen h3.bigblack {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; text-align:center;} /*.....muss in die media-queries eingebaut werden..... .kundenliste {margin:0px; overflow:hidden;} a.kunde {display:block;border:1px solid #cecccc;} .kundenbox {float:left;margin:0px;display:block;overflow:hidden;background:transparent; margin:0px;} */ .kundenzitate .slides li p {font-family:'Open Sans'; color:#313131;} .kundenzitate em {font-family:'Open Sans'; color:#918f8f; font-style:normal; display:block;} /* +++++++++++++++++++++++++++ */ /* +++++ REF DETAILS +++++ */ /* +++++++++++++++++++++++++++ */ .refDetail h3, .refDetail2 h3 {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; text-align:center;} .refDetail .centertxt {font-family: 'AvenirLTStd-Medium', Georgia, serif; font-weight: 400; text-align:center; color:#888888;} .refDetail2 .centertxt {font-family: "Open Sans";font-weight: 600;letter-spacing: -0.5px;text-align:center; display:block;} /* +++++++++++++++++++++++++++ */ /* +++++ JOBS +++++ */ /* +++++++++++++++++++++++++++ */ h3.jobHeadline {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400;text-align:center;} .jobs h3.bigblack {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400;text-align:center;} .jobs p {font-family: 'Open Sans'; font-weight: 400;text-align:center; display:block;} .jobs p a {color:#dd1d20;} .jobs p a:hover {color:#df5557!important;} .jobimages {max-width: none;} .jobcentertxt {font-family: 'Open Sans';font-weight: 400;text-align:center;display:block;color:#181818;} /* +++++++++++++++++++++++++++ */ /* +++++ IMPRESSUM +++++ */ /* +++++++++++++++++++++++++++ */ .impressum {text-align:center;max-width:700px;margin:0 auto;} .impressum h2 {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; text-transform:uppercase;} .impressum h3 {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; } .impressum h4 {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; } .impressum p {color: #918f8f;font-family: 'Open Sans';font-style: normal;} .impressum p strong {color:#313131;} /* +++++++++++++++++++++++++++ */ /* +++++ KONTAKT +++++ */ /* +++++++++++++++++++++++++++ */ .kontakt h3 {font-family: 'AvenirLTStd-Black', Georgia, serif;font-weight: 400;text-align:center;text-transform: uppercase;} .kontakt .centertxt{font-family: 'Open Sans';font-weight: 600;text-align: center;color:#313131;} .kontakt h4 {font-family: 'Open Sans';font-weight: 800;text-align: center;} .kontakt .smalltxt {font-family: 'Open Sans'; font-weight: 600;color:#313131;text-align: center;} .kontakt .smalltxtRed {color:#dd1d20;} .kMap .three-columns-two h3 {font-family: 'AvenirLTStd-Black', Georgia, serif;font-weight: 400;text-align: center;} .kMap .verAlign353 {display:table-cell;vertical-align:middle;} .contact-info div.wpcf7 {background:#fff;} h3.formHeadline {font-family: 'AvenirLTStd-Black', Georgia, serif; font-weight: 400; text-transform:uppercase;text-align: center;} ::-webkit-input-placeholder, :-moz-placeholder, /* Firefox 18- */ ::-moz-placeholder, /* Firefox 19+ */ :-ms-input-placeholder {color:#313131;} .kMap h3 a:hover {color:#df5557;} p.submitButton input {background: none repeat scroll 0 0 transparent; border: 1px solid #404040; color: #dd1d20 !important; display: block; font-family: "AvenirLTStd-Black",Georgia,serif; text-align: center; text-transform: uppercase; vertical-align: middle; } input[type="submit"]:hover {background:#404040!important;color:#fff!important;border: 1px solid #404040;} .contact-info label {display:none;} /* +++++++++++++++++++++++++++ */ .zweiImages {margin:0 auto;display:block;overflow:hidden;} .fullscreen, .content-a { width:100%; min-height:100%;} .not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a { height:100%; overflow:hidden;} /* content centering styles */ .content-a {display:table;} .content-b { display:table-cell; position:relative; vertical-align:middle; text-align:center;} #parallax-bg { background-color:transparent; background-size:cover; border:none; background-attachment: scroll; background-repeat:no-repeat; /* custom background-position */ background-position:50% 50%; /* ie8- graceful degradation */ background-position:50% 50%\9 !important; background-size:cover; } .OPmainPageWrapper {position:relative; z-index:666; Xmargin-top:1000px;background:#fff;} #masthead div#mobile-menu-btn { border:none; float: right; margin-top: -38px;margin-right: 21px; padding-top: 21px; padding-right: 19px;} #masthead div#mobile-search-btn, #masthead div#mobile-menu-btn { -moz-appearance: none; color: #1d1d1b; height: 20px; position: relative; text-align: center; width: 19px;cursor:pointer;} .menu-global { -webkit-backface-visibility:hidden; backface-visibility: hidden; position: absolute; left: 0; border-top: 3px solid #1d1d1b; width: 100%; transition: 0.55s; } .menu-top {top: 0;} .menu-middle {top: 6px;} .menu-bottom {top: 12px;} .menu-top-click { top: 6px; -webkit-transform: rotate(45deg);/* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */ -ms-transform: rotate(45deg);/* IE 9 */ transform: rotate(45deg); transition: 0.55s 0.5s; } .menu-middle-click {opacity: 0;} .menu-bottom-click { top: 6px; -webkit-transform: rotate(-45deg);/* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */ -ms-transform: rotate(-45deg);/* IE 9 */ transform: rotate(-45deg); transition: 0.55s 0.5s; } /* SERVICES */ #colophon {text-transform: uppercase;} #colophon .textwidget a {text-decoration: none;font-weight: 800!important;font-family: 'Open Sans';} /* #site-nav ul.sub-menu, #site-nav ul.children {display:none!important;} */ strong.bigred {font-size:15.5px; letter-spacing: -0.5px;margin-bottom:4px; margin-top:29px;font-family: 'Open Sans'; font-style: normal; font-weight: 600; color:#dd1d20; text-align:center; text-transform:uppercase;} .bigred:hover {color:#df5557!important;} .text-327 {display:none;} #site-content {padding-top:0px;} a.arrow {cursor:pointer; transition: all 0.15s linear 0s; height:50px;} a.arrow:hover {background:transparent url(images/arrow_down.png) no-repeat center 10px;} .OPactiveLang {display:none;border:none;color:#dd1d20!important;} .menu-topnav-englisch0-container, .menu-topnav-container {float:left;margin-right:17px;} #menu-topnav .current-page-item {color:red!important;} #OPlogo {margin-top:20px; float:left;} .flex-control-nav {overflow:hidden;} .lhl {line-height:1.2em!important;} .Referenzen .slides p {position:relative;display:block;} .kundenliste a, .kundenliste a:hover { -webkit-transition: all 0s linear!important -moz-transition: all 0s linear!important; transition: all 0s linear!important; } label.fileUpload {display:block!important;opacity:1!important;} .inputBtnSection { display: inline-block; font-size: 0; vertical-align: top; width: 100%; position:relative; } .disableInputField{ display:inline-block; vertical-align:top; margin: 0; padding:0 3px 0 0; } .fileUpload { margin:0;padding:0; cursor:pointer; position: absolute; overflow: none; top: -10px; display:block; vertical-align:top; border:0px solid red; width: 100%; height:24px; } .uploadBtn { background: url("images/pin.png") no-repeat scroll 0 0 transparent; display: block; float: right; height: 24px; position: relative; top: -5px; width: 17px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } ::-webkit-input-placeholder { /* WebKit browsers */ color: #313131; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #313131; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #313131; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #313131; } span.wpcf7-list-item input { width:auto;border:none; } .wpcf7-mail-sent-ok {border:none;} .wpcf7-validation-errors {display:none!important;} .captchaCode {display:none;} .OPform label {font-size:12px;display:block;opacity:0;height:14px;color:#969798!important;text-transform:uppercase;padding-top:5px;} .OPform br { display: block;} span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #fff; color: #df5557 !important; display: block; padding-bottom: 5px; position: relative; } .InputFile span.wpcf7-not-valid-tip { top: -10px; } .bgGrey span.wpcf7-not-valid-tip {background:#f2f2f2;} /*.captchaNAME span.wpcf7-not-valid-tip { left: 90px; top: -55px; }*/ div.wpcf7-mail-sent-ok { border: 2px solid transparent; color: #45f4a1; font-family: "AvenirLTStd-Black"; font-size: 30px; margin-top: -40px; text-align: center; }