/* Theme Name: Executive Pro Theme Theme URI: http://my.studiopress.com/themes/executive/ Description: Executive is designed with the understanding that your most important projects need to be front and center, strategically and expertly displayed. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 3.1.2 Tags: blue, gray, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page Template: genesis Template Version: 2.1 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Genesis Responsive Slider - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Responsive Menu - Content Area - Home Page - Portfolio - Entries - After Entry - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Theme Colors - Executive Pro Brown - Executive Pro Green - Executive Pro Orange - Executive Pro Purple - Executive Pro Red - Executive Pro Teal - Media Queries - Retina Display - max-width: 1200px - max-width: 1023px - max-width: 767px - max-width: 500px - max-width: 270px */ /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Reset (normalize.css 2.1.2) normalize.css v2.1.2 | MIT License | git.io/normalize --------------------------------------------- */ /* Author: Mein Name Author URI: http://www.deinedomain.de/ @import url('bootstrap/css/bootstrap.min.css');*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} a:active{text-decoration:none;} /* Box Sizing --------------------------------------------- */ .c2a-wrap{ width: 100%; height: 63px; display: block; clear: both; } .c2a:after{ content:""; display:table; } *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .clearfix:before, .entry-content:before, .entry:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { content: " "; display: table; } .clearfix:after, .entry-content:after, .entry:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ body { color: #222; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; } a, button, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #222; color: #fff; } ::selection { background-color: #222; color: #fff; } a { color: #00b4ff; text-decoration: none; } #kreditsumme_feld{ background-image: url('data:image/gif;base64,R0lGODlhGAAYALMNAJiYmKenp+Li4j8/P9PT08TExImJiWxsbF1dXbW1tXp6ek5OTiIiIv///wAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkNCNEY5ODUyNjQ0MTFFNUFDQjE4N0FBQUFBRkI2NjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkNCNEY5ODYyNjQ0MTFFNUFDQjE4N0FBQUFBRkI2NjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0I0Rjk4MzI2NDQxMUU1QUNCMTg3QUFBQUFGQjY2MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0I0Rjk4NDI2NDQxMUU1QUNCMTg3QUFBQUFGQjY2MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAA0ALAAAAAAYABgAAARCsMlJq7046827/2AoWgTCMAMQFswhBUM4LJQBsuoonPwpgABGYtTY9RiIUIARIBZbFEJIwcgFbKHgKefser/g8CYCADs='); background-repeat: no-repeat; background-position: right center; } .fm_effZins{ font-size: 0.8em; } a img { margin-bottom: -4px; } a:hover { text-decoration: underline; } p { margin: 0 0 24px; padding: 0; } strong { font-weight: 700; } blockquote, blockquote::before { color: #999; } blockquote { margin: 0; padding: 24px 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } .entry-content code { background-color: #333; color: #ddd; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.25; margin: 0; margin-bottom: 10px; padding: 0; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 16px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; /* IE8 */ } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; margin-bottom: 28px; } .gallery-item { float: left; margin: 0; padding: 0 4px; text-align: center; width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery .gallery-item img { border: none; height: auto; margin: 0; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #f5f5f5; border: 1px solid #ddd; box-shadow: 1px 1px 3px #eee inset; color: #222; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; padding: 16px; width: 100%; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #A7C10B; border: none; border-radius: 5px; box-shadow: none; color: #fff; cursor: pointer; width: auto; /*width: 96%!important;*/ margin:7px 15px; border-radius: 3px !important; font-size: 1.3em; font-weight: 700; padding: 5px 20px !important; background: #aec90b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhZWM5MGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmI4MTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #aec90b 0%, #6b810e 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#aec90b), color-stop(100%,#6b810e)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #aec90b 0%,#6b810e 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #aec90b 0%,#6b810e 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #aec90b 0%,#6b810e 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #aec90b 0%,#6b810e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aec90b', endColorstr='#6b810e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { border: none; text-decoration: none; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } .home-cta a.button { display: inline-block; margin-top: -30px; text-align: center; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } th, td { text-align: left; } th { font-weight: bold; } td { border-top: 1px solid #ddd; padding: 6px 0; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-container { margin: 0 auto; max-width: 1140px; } .executive-pro-landing .site-container { max-width: 800px; } .site-inner { -moz-box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; background-color: #fff; box-shadow: 0 0 0 1px #fff; clear: both; margin: 0 auto; overflow: hidden; } .executive-pro-home .site-inner { overflow: visible; } /* Column Widths and Positions --------------------------------------------- */ /* Content */ .content { float: right; width: 800px; padding: 40px 30px 10px; } .content-sidebar .content { float: left; } .full-width-content .content { width: 100%; } .executive-pro-home .content { padding: 0; } .executive-pro-portfolio .content { padding: 40px 30px 0; } /* Primary Sidebar */ .sidebar-primary { background-color: #fff; float: right; width: 340px; } .sidebar-content .sidebar-primary { float: left; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { border: 1px solid #fff; float: left; } .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .search-form { overflow: hidden; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .search-form input[type="search"] { background: #fff url(images/icon-search.png) no-repeat right; background-size: 36px 16px; color: #888; font-size: 10px; margin-bottom: 10px; padding: 16px; width: 100%; } a.aligncenter img { display: block; margin: 0 auto; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } a.alignnone img, img.alignnone { margin-bottom: 12px; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } a.alignnone { display: inline-block; } a.alignleft img, img.alignleft, .wp-caption.alignleft { margin: 0 24px 12px 0; } a.alignright img, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .entry-content .wp-caption-text { font-size: 14px; font-weight: 700; margin: 0; text-align: center; } .gallery-caption, .entry-content .gallery-caption { margin: 0 0 10px; } /* Genesis --------------------------------------------- */ .breadcrumb { background-color: #f5f5f5; color: #777; font-size: 12px; margin: -40px -60px 30px; padding: 20px; } .executive-pro-home .breadcrumb { margin: 0; } .archive-description, .author-box { margin-bottom: 30px; padding: 30px; } .archive-description { padding: 16px 20px; } .author-box { background-color: #f5f5f5; } .author-box-title { font-size: 16px; margin-bottom: 4px; } .author-box p { font-size: 14px; margin: 0; } .author-box .avatar { margin-right: 24px; } /* Titles --------------------------------------------- */ .entry-title { font-size: 42px; line-height: 1; margin-bottom: 20px; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .footer-widgets .entry-title a:hover { color: #64c9ea; text-decoration: none; } .archive-title, .widget-title, .executive-pro-portfolio .entry-title { font-size: 16px; text-transform: uppercase; margin-bottom: 20px; } .footer-widgets .entry-title, .sidebar .entry-title { font-size: 16px; } .executive-pro-home .home-cta .widget-title { font-size: 24px; margin-bottom: 6px; text-transform: none; } .executive-pro-home .home-cta .entry-title a, .executive-pro-home .home-cta .widget-title, .footer-widgets .entry-title a, .footer-widgets .widget-title { color: #fff; } /* Widgets ---------------------------------------------------------------------------------------------------- */ /* Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 12px; padding: 0; } .featured-content .entry-title { font-size: 18px; } .executive-pro-home .featured-content .entry { margin-bottom: 36px; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget input { background-color: #fff; color: #888; font-size: 10px; margin-bottom: 16px; text-transform: uppercase; } .enews-widget input[type="submit"] { background-color: #64c9ea; color: #fff; font-size: 16px; margin: 0; text-transform: none; width: 100%; } .enews-widget input:hover[type="submit"] { background-color: #fff; color: #333; } .enews form + p { margin-top: 24px; } .sidebar .enews-widget { background-color: #222; } .sidebar .enews-widget .widget-title { color: #fff; } .sidebar .enews-widget { color: #ddd; } /* Genesis Latest Tweets --------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; } /* Genesis Responsive Slider --------------------------------------------- */ .home-slider li { margin: 0; padding: 0; } .content #genesis-responsive-slider { background: none; border: none; padding: 0; } .content .genesis_responsive_slider .slide-excerpt { background-color: #132e3a; filter: alpha(opacity=100); height: 100%; margin: 0; padding: 4% 5.5%; opacity: 1; } .content .genesis_responsive_slider .slide-excerpt-border { border: none; margin: 0; padding: 0; } .content .genesis_responsive_slider h2, .content .genesis_responsive_slider h2 a { color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase; } .content .genesis_responsive_slider p { color: #ddd; } .content .genesis_responsive_slider p a { display: block; margin-top: 20px; } .content .genesis_responsive_slider .flex-direction-nav li a { background: url(images/icon-direction-nav.png) no-repeat -50px 0; background-size: 100px 98px; height: 49px; right: -20px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; width: 50px; } .content .genesis_responsive_slider .flex-direction-nav li a:hover { background-position: -50px -49px; } .content .genesis_responsive_slider .flex-direction-nav li a.prev { background-position: 0 0; left: -20px; } .content .genesis_responsive_slider .flex-direction-nav li a:hover.prev { background-position: 0 -49px; } .content .genesis_responsive_slider .flexslider .slides > li { margin: 0; overflow: hidden; padding: 0; } .content .genesis_responsive_slider .flex-control-nav { margin: 10px 0 0 0; padding-left: 0px; text-align: center; } .content .genesis_responsive_slider .flex-control-nav li { margin: 0 0 0 5px; padding: 0; } .content .genesis_responsive_slider .flex-control-nav li a { background: url(images/icon-control-nav.png) no-repeat 0 0; background-size: 13px 39px; } .content .genesis_responsive_slider .flex-control-nav li a:hover { background-position: 0 -13px; } .content .genesis_responsive_slider .flex-control-nav li a.active { background-position: 0 -26px; } /* Jetpack --------------------------------------------- */ img#wpstats { display: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #FFF; margin: 0 auto; min-height: 100px; width: 100%; } /* Title Area --------------------------------------------- */ .title-area { font-weight: 700; float: left; overflow: hidden; width: 39%; } .site-title { font-size: 36px; line-height: 1.25; margin: 0 0 5px; } .site-title a, .site-title a:hover { color: #222; display: block; padding: 28px 0 0; text-decoration: none; } /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } /* Logo, hide text */ .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } .header-image .title-area, .header-image .site-title, .header-image .site-title a { float: left; margin: 0; max-width: 260px; min-height: 100px; padding: 0; width: 100%; } /* Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; width: 50%; } .site-header .widget { padding: 28px 0 0; } .site-header .search-form { float: right !important; width: 50%; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { background-color: #f2f2f2; clear: both; color: #666; font-size: 14px; line-height: 1.5; margin: 0; overflow: hidden; padding: 0; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin: 0; padding: 0; text-align: left; } .genesis-nav-menu a { color: #666; display: block; padding: 16px 20px; position: relative; } .genesis-nav-menu li:hover, .genesis-nav-menu a:hover { background-color: #fff; color: #666; text-decoration: none; } .genesis-nav-menu .current-menu-item > a { background-color: #00b4ff; color: #fff; } .genesis-nav-menu .sub-menu { left: -9999px; margin: 0; opacity: 0; padding: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 148px; z-index: 999; } .genesis-nav-menu .sub-menu li a { background-color: #5194BE; border: 1px solid #f5f5f5; border-top: none; color: #fff; font-size:0.9em !important; padding: 10px 18px; position: relative; width: 148px; } .genesis-nav-menu .sub-menu a:hover { background-color: #C49D74; color: #222; } .genesis-nav-menu .sub-menu .sub-menu { margin: -40px 0 0 147px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { display: inline-block; float: right; list-style-type: none; padding: 16px 20px; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { background: url(images/icon-rss.png) no-repeat left; background-size: 12px 12px; margin-left: 12px; padding-left: 16px; } .genesis-nav-menu > .twitter > a { background: url(images/icon-twitter-nav.png) no-repeat left; background-size: 16px 16px; padding-left: 20px; } .genesis-nav-menu > .search { padding: 0; } .genesis-nav-menu .search-form { width: 100%; } /* Site Header Navigation --------------------------------------------- */ .site-header .widget_nav_menu { padding: 0; } .site-header .genesis-nav-menu { background: #fff; float: right; width: auto; } .site-header .genesis-nav-menu a { padding: 38px 18px 40px; } .site-header .genesis-nav-menu a:hover { text-decoration: underline; } .site-header .sub-menu { border-top: 1px solid #eee; } .site-header .genesis-nav-menu .sub-menu a { padding: 10px 18px; } .site-header .sub-menu .sub-menu { margin-top: -40px; } /* Primary Navigation --------------------------------------------- */ .nav-primary .genesis-nav-menu { background-color: #fff; clear: both; color: #FFF; font-size: 14px; line-height: 1.5; margin: 0; overflow: hidden; padding: 0; width: 100%; border-bottom:4px solid #172A38; } .nav-primary .menu-item{ background-color:#5395bf !important; } .nav-primary .genesis-nav-menu a { color: #FFF; display: block; padding: 16px 2.0389em; position: relative; font-size:1.18em; font-weight: 600; border-left:1px solid #fff; } .nav-primary .genesis-nav-menu li:last-child a{ border-right: none; } .nav-primary .genesis-nav-menu .current-menu-item > a { background-color: #00b4ff; color: #fff; } .nav-primary .genesis-nav-menu li:hover, .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu li.current-menu-item a:hover { background-color: #C49D74; color: #FFF; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary .genesis-nav-menu li:hover, .nav-secondary .genesis-nav-menu a:hover, .nav-secondary .genesis-nav-menu li.current-menu-item a:hover { background-color: transparent; color: #666; } .nav-secondary .genesis-nav-menu .current-menu-item > a { background-color: transparent; color: #64c9ea; } /* Responsive Menu --------------------------------------------- */ .responsive-menu-icon { background-color: #f2f2f2; cursor: pointer; display: none; } .responsive-menu-icon::before { content: "\f333"; display: block; font: normal 20px/1 'dashicons'; margin: 0 auto; padding: 10px; text-align: center; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Home Page --------------------------------------------- */ .home-middle, .home-top, .home-bottom { background-color: #fff; clear: both; overflow: hidden; padding: 0px 30px 0; } .home-top .widget, .home-bottom .widget { padding: 0 2.8%; } .home-middle .widget, .home-middle-2 .widget { float: left; padding: 0 2.8%; width: 33.33333333333%; } .home-middle .widget:nth-of-type(3n+1), .home-middle-2 .widget:nth-of-type(3n+1) { clear: left; } .executive-pro-home a.more-link { clear: both; display: block; margin: 30px 0 0; } .executive-pro-home .home-cta { background-color: #132e3a; color: #ddd; float: left; padding: 0px; width: 100% } .executive-pro-home .home-cta p { color: #ddd; } /* Portfolio --------------------------------------------- */ .executive-pro-portfolio .portfolio { float: left; padding: 0 30px 30px; width: 33.33333333%; } .executive-pro-portfolio .portfolio:nth-of-type(3n+1) { clear: left; } .single-portfolio .content { text-align: center; } /* Entries --------------------------------------------- */ .entry { margin-bottom: 40px; } .executive-pro-portfolio .entry, .single-portfolio .entry { margin-bottom: 20px; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 26px; } .entry-content ol li, .entry-content ul li { margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul, .entry-content .wp-caption p { margin-bottom: 0; } .full-width-content .content-cta { background-color: #132e3a; color: #ddd; float: left; padding: 60px; width: 100%; } .content .entry-header .entry-meta { background-color: #f8f8f8; clear: both; color: #777; font-size: 12px; line-height: 5; margin: 0 0 24px -60px; max-width: 600px; overflow: hidden; padding-left: 60px; text-transform: uppercase; } .content .entry-header .entry-meta a { color: #777; font-weight: 700; } .content .entry-header .entry-meta { margin-bottom: 24px; } .content .entry-header .entry-meta .entry-comments-link { background-color: #64c9ea; color: #fff; float: right; font-size: 12px; padding: 0 20px; text-transform: uppercase; } .content .entry-header .entry-meta .entry-comments-link a { background: url(images/icon-comments.png) no-repeat left; background-size: 16px 16px; color: #fff; padding-left: 32px; } .entry-footer .entry-meta { border-top: 1px dotted #ddd; font-size: 14px; margin: 0; padding-top: 10px; } .entry-footer .entry-tags { background: url(images/icon-dot.png) no-repeat left; margin-left: 4px; padding-left: 10px; } /* After Entry --------------------------------------------- */ .after-entry { background-color: #f5f5f5; margin-bottom: 30px; padding: 30px; text-align: center; } .after-entry .widget { margin-bottom: 30px; } .after-entry .widget:last-child, .after-entry p:last-child { margin: 0; } .after-entry li { list-style-type: none; } /* Pagination --------------------------------------------- */ .archive-pagination { font-size: 14px; padding: 30px 0; } .entry .archive-pagination a { } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #64c9ea; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; line-height: 2; margin-bottom: 4px; padding: 8px 20px; text-decoration: none; text-transform: uppercase; } .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #6bd5f1; text-decoration: none; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { font-size: 14px; margin-bottom: 40px; overflow: hidden; } .entry-comments .comment-author { font-weight: 700; margin: 0; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50% } .comment-respond label { display: block; margin-right: 12px; } .comment-list li, .ping-list li { list-style-type: none; margin: 30px; overflow: hidden; } .comment-list li.depth-1, .ping-list li.depth-1 { margin: 30px 0; } .comment-list li li { margin-right: -1px; } .comment { border-right: none; } .comment-header, .ping-list .comment-meta { background-color: #222; color: #fff; float: left; font-weight: 700; padding: 30px; width: 100%; } .comment-list cite, .ping-list cite, .says { display: inline-block; } .comment-header .comment-meta a, .comment-metadata a { font-size: 12px; font-weight: 300; color: #bbb; } .comment-content { clear: both; padding: 48px; } .comment-content p, .comment-header p.comment-meta { margin: 0; } .comment .avatar { margin-right: 10px; } .alt, .even { background-color: #f5f5f5; border: 1px solid #ddd; } .comment-reply { font-size: 14px; padding: 0 48px 48px; } .entry-pings .reply { display: none; } .form-allowed-tags { background-color: #f5f5f5; font-size: 14px; padding: 24px; } /* Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget li { list-style-type: none; margin-bottom: 6px; margin-top: 6px; text-align: left; } .widget ol > li { background-image: none; list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget ul > li { text-indent: 0; } .widget ul > li { list-style-position: outside; padding: 0 0 0 16px; } .widget ol > li:last-child, .widget ul > li:last-child { margin-bottom: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } .widget_calendar caption { font-size: 12px; font-style: italic; padding: 2px 6px 0 0; text-align: right; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { display: inline; font-size: 14px; padding-bottom: 30px; } .sidebar p { margin-bottom: 16px; } .sidebar p:last-child, .sidebar ul { margin-bottom: 0; } .sidebar li, .sidebar .more-from-category a { background: url(images/icon-li.png) no-repeat 0 7px; background-size: 8px 8px; margin-bottom: 6px; padding: 0 0 6px 16px; } .sidebar .more-from-category { padding-top: 6px; } .sidebar .widget { margin-bottom: 0; padding: 30px 40px; word-wrap: break-word; } .sidebar .search-form { width: 100%; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #132E3A; color: #c8c8c8; clear: both; font-size: 14px; } .footer-widgets .wrap { overflow: hidden; padding: 60px 30px 30px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { padding: 0 2.8%; width: 33.3333333333%; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } .footer-widgets .widget { margin-bottom: 30px; word-wrap: break-word; } .footer-widgets li { background: url(images/icon-li-footer.png) no-repeat 0 7px; background-size: 8px 8px; } .footer-widgets .search-form { width: 100%; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { color: #222; font-size: 12px; padding: 40px 0; text-align: center; text-transform: uppercase; } .site-footer a { color: #222; } .site-footer p { margin: 0; } /* Eigene Erweiterungen ---------------------------------------------------------------------------------------------------- */ #kreditrechner-maske label { font-weight: bold; text-transform: uppercase; } #kreditrechner-maske input { width: 100%; } #kreditrechner-maske input, #kreditrechner-maske select, #kreditrechner-maske textarea { font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; } /****************************************************** *CSS Axel *****************************************************/ .top5_begin, .top5_ende{ background: #5395bf; padding-top:10px; } .top5_begin h2, .top5_ende h3{ color:#fff; padding-left:17px; } .top5_ende{ margin-top:-10px; } .fm_top_liste{ margin-top:15px; margin-left:18px; } .fm_fussnote{ font-size:0.6em; clear: both; } .type-01 a, .type-01 strong { background: none repeat scroll 0 0 #f3f3f3; display: inline-block; padding: 5px; } .textwidget form{ margin-left:10px; } .home-top .one-third ul li{ padding-left:25px; background-image:url(images/gruener_haken.png); background-repeat:no-repeat; } .fm_mitte{ height: 300px; width:100%; background-color:#bbb; margin:2em 0; } #fm_erstes{ height: 300px; width:100%; background-color:#ddd; margin:2em 0;} .fm_resp_row{ width:100%; display:block; border-bottom:1px solid green; overflow:hidden; clear:both; position:relative; margin-bottom:5px; } .fm_close_details{ max-height:0px; transition: all 0.5s ease-in; overflow:hidden; clear:both; } .fm_resp_more:hover{ font-weight: 700; cursor: pointer; } .fm_resp_dickschr{ font-size:1.5em; font-weight: 700; } .fm_resp_duennschr{ font-weight: 400; font-size: 0.5em; } .boni_no{ color:green; } .boni_yes{ color:red; } .fm_schrklein{ font-size: 0.5em; bottom:-26px ; position: absolute; } .fm_close_details p{ text-align: center; margin-top 10px; } .headline_vergleich{ background-color:#f00; color:#fff; font-size: 1.5em; } .headline_rechner{ background-color:#00f; color:#fff; font-size: 1.5em; } .menu-secondary{ /*display:none !important;*/ } /***************************************************/ .entry-content p a.button{ color: #fff !important;background-color: #fff !important; text-align:center; background-size: cover; } .entry-content p a.button:hover{ color:#666 !important; } .fm_white_container img{ margin-left:20px; margin-right:-27px; margin-top:-15px; } /********************************************* Produkttestbuttons**********************************************/ .fm_close_details p a.fm_pr_test{ background: #82b4d4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4MmI0ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM5NWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #82b4d4 0%, #5395bf 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#82b4d4), color-stop(100%,#5395bf)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #82b4d4 0%,#5395bf 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #82b4d4 0%,#5395bf 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #82b4d4 0%,#5395bf 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #82b4d4 0%,#5395bf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b4d4', endColorstr='#5395bf',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .fm_headline_detail span { display: block; position: absolute; text-align: center; top: 16px; vertical-align: middle; width: 100%; } div.fm_white_container:nth-child(2) { border-left: none; padding-left: 0; */ padding-right: 0; */ } /********************************************* Detailbuttons**********************************************/ .fm_auto_button{background-image: url("images/buttons/auto_blau.png") !important;} .fm_bau_button{background-image: url("images/buttons/bau_blau.png") !important;} .fm_beamten_button{background-image: url("images/buttons/beamten_blau.png") !important;} .fm_dispo_button{background-image: url("images/buttons/dispo_blau.png") !important;} .fm_rahmen_button{background-image: url("images/buttons/rahmen_blau.png") !important;} .fm_schufa_button{background-image: url("images/buttons/schufa_blau.png") !important;} .fm_selbststaendig_button{background-image: url("images/buttons/selbststaendig_blau.png") !important;} .fm_privat_button{background-image: url("images/buttons/sofort_blau.png") !important;} .fm_wohnung_button{background-image: url("images/buttons/wohnung_blau.png") !important;} .fm_spezial_button{background-image: url("images/buttons/spezial_blau.png") !important;} .fm_gesundheit_button{background-image: url("images/buttons/gesundheit_blau.png") !important;} .fm_auto_button:hover{background-image: url("images/buttons/auto_grau.png")!important;} .fm_bau_button:hover{background-image: url("images/buttons/bau_grau.png")!important;} .fm_beamten_button:hover{background-image: url("images/buttons/beamten_grau.png")!important;} .fm_dispo_button:hover{background-image: url("images/buttons/dispo_grau.png")!important;} .fm_rahmen_button:hover{background-image: url("images/buttons/rahmen_grau.png")!important;} .fm_schufa_button:hover{background-image: url("images/buttons/schufa_grau.png")!important;} .fm_selbststaendig_button:hover{background-image: url("images/buttons/selbststaendig_grau.png")!important;} .fm_privat_button:hover{background-image: url("images/buttons/sofort_grau.png")!important;} .fm_spezial_button:hover{background-image: url("images/buttons/spezial_grau.png")!important;} .fm_gesundheit_button:hover{background-image: url("images/buttons/gesundheit_grau.png")!important;} /***********************************************Rechnerbuttons**********************************************/ .fm_baufi_button{background-image: url("images/buttons/baufinanzierung.jpg") !important;} .fm_bauspar_button{background-image: url("images/buttons/bauspar.jpg") !important;} .fm_finanzierung_button{background-image: url("images/buttons/finanzierung.jpg") !important;} .fm_haushalt_button{background-image: url("images/buttons/haushalt.jpg") !important;} .fm_miete_button{background-image: url("images/buttons/mietrechner.jpg") !important;} .fm_tilgung_button{background-image: url("images/buttons/tilgung.jpg") !important;} .fm_vorfaelligkeit_button{background-image: url("images/buttons/vorfaelligkeit.jpg") !important;} .fm_zielsparen_button{background-image: url("images/buttons/zielspar.jpg") !important;} .logo_sidebar{ margin-top:36px; } .fm_baufi_button,.fm_bauspar_button,.fm_finanzierung_button,.fm_haushalt_button,.fm_miete_button,.fm_tilgung_button,.fm_vorfaelligkeit_button,.fm_zielsparen_button{ width:380px !important; height:80px; display:inline-block; background-size: inherit !important; border:1px solid #ccc !important; color:#fff; } .fm_baufi_button span,.fm_bauspar_button span,.fm_finanzierung_button span,.fm_haushalt_button span,.fm_miete_button span,.fm_tilgung_button span,.fm_vorfaelligkeit_button span,.fm_zielsparen_button span{ width:190px !important; height:80px; display:inline-block; color:#666; margin-left:162px; margin-top:-0px; font-size:19px; line-height:22px; } .fm_baufi_button:hover span,.fm_bauspar_button:hover span,.fm_finanzierung_button:hover span,.fm_haushalt_button:hover span,.fm_miete_button:hover span,.fm_tilgung_button:hover span,.fm_vorfaelligkeit_button:hover span,.fm_zielsparen_button:hover span{ color:#ccc; } .fm_ratgeber_sidebar{ margin-top:15px; border-top:2px solid #E6E6E6; } #headlineOverview{ margin-top:15px; border-top:2px solid #E6E6E6; } .fm_footer_menue{ text-align:right; margin-top:-5px; } .fm_footer_menue a{ color:#fff; font-weight: 700; margin-left:15px; } .fm_footer_menue a:hover{ text-decoration: none; } .footer-widgets .wrap{ padding:25px 0 0; background-color:#132E3A; margin-bottom:15px; } .home-top .one-third{ text-align:center; } .home-top .one-third img{ margin-top:20px; } .fm_firma{ color: #fff; font-weight: 700; margin-left: 47px; } .header-widget-area{ margin-right:15px; } .site-header .header-widget-area section{ padding-top:5px; } .fm_headerright_menue{ text-align: right; } .fm_headerright_menue span{ margin-left:15px; } .header-widget-area .widget form, .header-widget-area .widget .widget-wrap span a{ margin:0; padding:0; color: #838383; font-weight: 600; font-size:1.0em; } .header-widget-area .widget .widget-wrap a:hover{ text-decoration: none; } .header-widget-area .widget form{ margin-top:2px; } .header-widget-area .widget .widget-wrap ul li{ margin-bottom:10px; text-align: right; margin-left:25px; } .site-title{ background-image: url("images/logos/logo_kreditrechner_head.jpg"); background-repeat: no-repeat; background-size: contain; height: 50px; margin-left: 15px; margin-top: 30px; text-indent: -4000px; width: 94%; } .executive-pro-home .home-cta{ padding:5px 15px; margin:3.5em 0; z-index: 100; position: relative; } .home-cta section{ background-color:#fff; } .home-cta img{ height:100%; margin-bottom:-7px; } #startform input,#startform select{ padding-top:5px; padding-bottom:5px; display:inline; width:46%; } #startform h2{ margin-top: 15px; color:#132E3A; } #startform label{ color:#132E3A; display:inline-block; height:30px; margin-bottom:20px; } #startform .button{ width:75%; margin-left:56px; } .fm_label_oben select{ width:68% !important; margin-left:6px; } .fm_label_links input,.fm_label_rechts input{ width:60%; } .fm_label_links{ width:165px; } .fm_label_rechts{ width:72px; } .fm_label_rechts + select{ margin-left:-2px; } .fm_label_oben{ width:162px; } .fazit_box, .hintergrund_box, .info_box, .quelle_box, .achtung_box, .tip_box, .pdf_box{ border:1px solid #dadada; background-color:#f7f7f7; border-bottom:2px solid #132E3A; margin-bottom:20px; overflow: hidden; } .pdf_box .boxenkopf, .fazit_box .boxenkopf, .hintergrund_box .boxenkopf, .info_box .boxenkopf, .quelle_box .boxenkopf, .achtung_box .boxenkopf, .tip_box .boxenkopf{ height:50px; width:100%; font-size:1.2em; line-height:2.3em; vertical-align:middle; background-color:#132E3A; color:#fff; margin-right:0px; } .boxenkopf + p{ padding:0 10px; } .boxenkopf span{ height:30px; width:50px; display:block; float:left; margin:0.5em 0.3em; } .pdf_box .box_image{ width:150px; height:210px; float:left; border:1px solid #cfcfcf; margin:10px; } .pdf_box .box_logo{ background-image:url("images/download.svg"); background-repeat: no-repeat; background-position: center center; } .fazit_box .box_logo{ background-image:url("images/fazit.svg"); background-repeat: no-repeat; background-position: center center; } .hintergrund_box .box_logo{ background-image:url("images/hintergrund.svg"); background-repeat: no-repeat; background-position: center center; } .info_box .box_logo{ background-image:url("images/info.svg"); background-repeat: no-repeat; background-position: center center; } .quelle_box .box_logo{ background-image:url("images/quelle.svg"); background-repeat: no-repeat; background-position: center center; } .achtung_box .box_logo{ background-image:url("images/achtung.svg"); background-repeat: no-repeat; background-position: center center; } .tip_box .box_logo{ background-image:url("images/tipp.svg"); background-repeat: no-repeat; background-position: center center; } .pdf_box .boxenkopf{ background:none; color: #3d3d3d; } .fazit_box .boxenkopf{ } .hintergrund_box .boxenkopf{ background:#737373; } .info_box .boxenkopf{ background:#5395bf } .quelle_box .boxenkopf{ background:#e6e6e6; border-bottom:2px solid #9a9a9a; border-top: 5px solid #3d3d3d; color: #3d3d3d; } .achtung_box .boxenkopf{ background:none; border-top:10px solid #e30613; color:#e30613; } .tip_box .boxenkopf{ color:#5395bf; background:#e6e6e6; border-top:5px solid #5395bf; border-bottom:2px solid #9a9a9a; } .flex-container-bottom-tips { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; color:#132E3A !important; } .flex-container-bottom-tips .flex-item:nth-child(1), .flexi { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin-bottom:10px; text-align:center; background-color: #DDDDDD; position: relative; } .flex-container-bottom-tips .flex-item:nth-child(1) p, .flexi p{ margin: 0; font-size: 1.2em; color:#132E3A !important; font-weight: 600; } .flex-container-bottom-tips .flex-item:nth-child(2), .flexii { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; color:#132E3A !important; } .flex-container-bottom-tips .flex-item:nth-child(2) li, .flexii li{ background-color: #dfdfdf; color:#132E3A !important; text-decoration: none; } .flex-container-bottom-tips .flex-item:nth-child(2) p, .flexii p{ font-size: 1.3em; font-weight: 600; margin-bottom:5px; } .flex-container-bottom-tips a{ text-decoration: none; } .flex-container-bottom-tips h3{ padding:0; margin:0; color:#132E3A !important; } .flex-container-bottom-tips .flexii ul.ratliste{ margin:0; padding:0; } .flex-container-bottom-tips .flexii .ratliste li.ratlink{ margin-bottom:10px; padding:8px; padding-bottom: 20px; overflow:hidden; margin-left:0px; list-style:none; } .dreieck-rechts { width: 0; height: 0; border-top: 20px solid transparent; border-right: 40px solid #ccc; border-bottom: 20px solid transparent; position: absolute; top: 28%; right: 10px; } .dreieck-links { width: 0; height: 0; border-top: 20px solid transparent; border-left: 40px solid #ccc; border-bottom: 20px solid transparent; position: absolute; top:28%; left:10px; } span.dreieck-rechts-klein{ width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid; margin-left: 10px; position: absolute; top: 5px; } .ratlink{ position: relative; } .ratlink > span{ display: inline-block; width:115px; position: absolute; right: 2px; bottom:5px; height:20px; color:#5194BE; } .ratlink img{ float: left; width: 160px; margin-right: 10px; } .flex-container-bottom-tips .flexi a.button{ width:auto !important; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .search-form input[type="search"] { background-image: url(images/icon-search@2x.png); } .content .entry-header .entry-meta .entry-comments-link a { background-image: url(images/icon-comments@2x.png) } .sidebar li { background-image: url(images/icon-li@2x.png); } .footer-widgets li { background-image: url(images/icon-li-footer@2x.png); } .content #genesis-responsive-slider .flex-direction-nav li a { background-image: url(images/icon-direction-nav@2x.png); } .content #genesis-responsive-slider .flex-control-nav li a { background-image: url(images/icon-control-nav@2x.png); } .genesis-nav-menu > .rss > a { background-image: url(images/icon-rss@2x.png); } .genesis-nav-menu > .twitter > a { background-image: url(images/icon-twitter-nav@2x.png); } } @media only screen and (max-width: 1200px) { .site-container { max-width: 960px; } .site-header .widget-area { width: 700px; } .content { width: 660px; } .sidebar-primary { width: 300px; } .title-area { width: 260px; } .breadcrumb { margin: -30px -40px 30px; } .content { padding: 30px 40px 10px; } .site-header .genesis-nav-menu a { padding: 38px 14px 40px; } .content #genesis-responsive-slider .flex-control-nav, .content #genesis-responsive-slider .flex-direction-nav li a, .content #genesis-responsive-slider .flex-direction-nav li a.prev { display: none; } } @media only screen and (max-width: 1023px) { form.search-form{ display:none; } .site-container { max-width: 768px; } .content, .sidebar-primary, .sidebar-secondary, .site-header .widget-area, .title-area, .wrap { width: 100%; background-color:#fff; } .header-image .title-area, .header-image .site-title, .header-image .site-title a { float: none; margin: 0 auto; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-header .search-form, .site-header hgroup, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a, .site-header .genesis-nav-menu a { padding: 16px; } .site-header .search-form { margin: 16px auto ; } .genesis-nav-menu li.right { display: none; } .content #genesis-responsive-slider .slide-excerpt { display: none; } .comment-list li.depth-1, .ping-list li.depth-1 { margin: 30px 0; } .site-title{ height:22px; margin-top:20px; } .executive-pro-home .home-cta{ margin:1.5em 0; } .site-header{ min-height: 50px; width:49%; float:left; } div.home-cta{ margin-bottom:30px !important; padding:0px !important; } div.responsive-menu-icon{ width:20%; float:right; margin-top: 11px; margin-right: 36px; } .content .breadcrumb{ display:none; } #startform input, #startform select{ padding-top:5px; padding-bottom:5px; display:inline; width:96%; height:50px; font-weight:600; font-size: 1.1em; } form#startform input.button{ width: 96%; margin-left: -1px; font-weight: 500; margin-top: 20px; font-size: 1.6em; } } @media only screen and (max-width: 768px) { form.search-form{ display:none; } .fm_close_details p{ padding-top:2px !important; padding-bottom:2px !important; margin-left:-11px; } .fm_white_container a.button{ margin-top:20px !important; } #startform label{ margin-bottom:5px !important; margin-top:5px; } .fm_label_rechts{ width: 162px !important; } .fm_headerright_menue{ display:none; } .site-container { max-width: 630px; } #bvergleich ,#brechner{ text-indent:-9999px; } .five-sixths, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .four-sixths, .home-middle .widget, .home-top .widget, .one-fourth, .one-half, .one-sixth, .one-third, .executive-pro-portfolio .portfolio, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu, .genesis-nav-menu.responsive-menu { display: none; } .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover { border: none; display: block; line-height: 1; padding: 16px; text-transform: none; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f140"; float: right; font: normal 20px/1 'dashicons'; height: 20px; padding: 12px 20px; right: 0; text-align: right; z-index: 9999; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f142"; } .genesis-nav-menu.responsive-menu .sub-menu { background-color: #f7f7f7; border: none; left: auto; opacity: 1; padding-left: 20px; position: relative; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { margin: 0; } .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { padding: 12px 16px; position: relative; text-transform: none; width: 100%; } .genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu a { background: none; color: #666; } .genesis-nav-menu.responsive-menu .sub-menu a:hover, .genesis-nav-menu.responsive-menu a:hover, .genesis-nav-menu.responsive-menu li:hover { background: none; color: #111; } .home-middle, .home-top, .executive-pro-portfolio .portfolio { text-align: center; } .executive-pro-portfolio .portfolio { padding: 0 0 30px; } .home-cta .button.alignright { float: none; margin: 16px 0 0; } .home-slider{ display:none; } .home-cta img{ display:none; } .home-cta{ margin-bottom:0 !important; } .footer-widgets-1 { margin: 0; } .nav-secondary .genesis-nav-menu > .first > a, .nav-secondary .genesis-nav-menu > .last > a, .nav-secondary .genesis-nav-menu a { font-size: 12px; padding: 12px; } .fm_full_width{ width:100%; } .fm_hidden{ display:none; } } @media only screen and (max-width: 500px) { form.search-form{ display:none; } .site-title{ height:22px; margin-top:20px; } .executive-pro-home .home-cta{ margin:1.5em 0; } .site-header{ min-height: 50px; } .fm_white_container a.button{ margin-top:20px !important; } #startform label{ margin-bottom:5px !important; margin-top:5px; } .fm_label_rechts{ width: 162px !important; } .fm_vergleich_button{ margin-top:20px; } .fm_headerright_menue{ display:none; } #bvergleich ,#brechner{ text-indent:-9999px; } .entry-title { font-size: 24px; } .content .entry-header .entry-meta .entry-comments-link { display: none; } .fm_label_oben{ margin-bottom:25px; } .fm_full_width{ width:100%; } .fm_hidden{ display:none; } } @media only screen and (max-width: 270px) { .fm_white_container a.button{ margin-top:20px !important; } #startform label{ margin-bottom:5px !important; margin-top:5px; } .fm_label_rechts{ width: 162px !important; } .fm_vergleich_button{ margin-top:20px; } .fm_headerright_menue{ display:none; } #bvergleich ,#brechner{ text-indent:-9999px; } .fm_label_oben{ margin-bottom:25px; } .header-image .site-title a { background-size: contain !important; } .site-title{ height:22px; margin-top:20px; } .executive-pro-home .home-cta{ margin:1.5em 0; } .site-header{ min-height: 50px; } .fm_full_width{ width:100%; } .fm_hidden{ display:none; } }