/* Theme Name: Associate Child Theme Theme URI: http://www.studiopress.com/themes/associate Description: Associate is a one or two column child theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 1.0.1 Tags: black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, white Template: genesis Template Version: 1.8 License: GNU General Public License v2.0 License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Import Fonts * Defaults * Hyperlinks * Body * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Navigation Constants * Header Right Navigation * Primary Navigation * Primary Navigation Extras * Secondary Navigation * Featured * Home Middle * Home Bottom * Inner * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Featured Post Grid * Headlines * Unordered / Ordered Lists * Post Info * Post Meta * Author Box * Sticky Posts * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews & Updates Widget * Calendar Widget * Footer Widgets * Footer * Comments * Gravity Forms * Associate Gray * Associate Green * Associate Red */ /* Import Fonts ------------------------------------------------------------ */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('/fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('/fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('/fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('/fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('/fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('/fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* Defaults ------------------------------------------------------------ */ body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea, .theme-default .nivo-caption { color: #4f4f4e; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0; padding: 0; text-decoration: none; } input { color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; } blockquote, input, select, textarea, .author-box, .breadcrumb, .sticky, .taxonomy-description, .wp-caption { background-color: #fff; border: 1px solid #ddd; } li, ol, ul { margin: 0; padding: 0; } ol li { list-style-type: decimal; } /* Hyperlinks ------------------------------------------------------------ */ a, a:visited { color: #34accb; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* Body ------------------------------------------------------------ */ body { background: url(images/blur.png) no-repeat top center; } /* Wrap ------------------------------------------------------------ */ #wrap { background: #fff; border: solid 1px #ddd; margin: 25px auto; width: 960px; } /* CI ------------------------------------------------------------ */ #ci { position: absolute; top: 26px; overflow: hidden; height: 75px; } #ci .wrap { background-color: #fff; overflow: hidden; width: 960px; } #ci-beige, #ci-beige-bottom { /* Von links nach rechts */ background: #dfbc6b; /* Old browsers */ background: -moz-linear-gradient(left, #dfbc6b 0%, #f9f5d8 65%, #f9f5d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dfbc6b), color-stop(65%,#f9f5d8), color-stop(100%,#f9f5d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #dfbc6b 0%,#f9f5d8 65%,#f9f5d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #dfbc6b 0%,#f9f5d8 65%,#f9f5d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #dfbc6b 0%,#f9f5d8 65%,#f9f5d8 100%); /* IE10+ */ background: linear-gradient(to right, #dfbc6b 0%,#f9f5d8 65%,#f9f5d8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfbc6b', endColorstr='#f9f5d8',GradientType=1 ); /* IE6-9 */ height: 40px; overflow: hidden; } #ci-blue { /* Von links nach rechts */ background: #11335b; /* Old browsers */ background: -moz-linear-gradient(left, #11335b 0%, #ffffff 65%, #ffffff 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#11335b), color-stop(65%,#ffffff), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #11335b 0%,#ffffff 65%,#ffffff 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #11335b 0%,#ffffff 65%,#ffffff 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #11335b 0%,#ffffff 65%,#ffffff 99%); /* IE10+ */ background: linear-gradient(to right, #11335b 0%,#ffffff 65%,#ffffff 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11335b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ height:5px; overflow: hidden; } #ci-blue-bottom { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 35%, #11335b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(100%,#11335b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 35%,#11335b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#ffffff 35%,#11335b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 35%,#11335b 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#ffffff 35%,#11335b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#11335b',GradientType=1 ); /* IE6-9 */ height:5px; overflow: hidden; } #ci-top { background: url(images/headBorderTop.jpg) center bottom no-repeat, #ececec; width: 100%; height: 10px; overflow: hidden; } #ci-bottom { overflow: hidden; } /* Logo ------------------------------------------------------------ */ #logo { overflow: visible; position: absolute; margin-top:15px; margin-left: 25px; height: 120px; } #logo .wrap { margin: 0 auto 0; width: 910px; } #logo .wrap a { display: block; position: absolute; overflow: visible; right: 0; height: 120px; width: 300px; z-index: 9999; } /* Header ------------------------------------------------------------ */ #header { min-height: 140px; } #header .wrap { border: solid 1px #fff; margin: 15px auto 25px; padding: 0 0 0 25px; width: 935px; } #title-area { display: none; float: left; overflow: visible; position: absolute; margin-top:65px; width: 300px; height: 0px; } #title { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 42px; line-height: 42px; margin: 0; text-shadow: #000 1px 1px; text-transform: uppercase; } #title a, #title a:hover { color: #fff; text-decoration: none; } #description { color: #ddd; display: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; line-height: 20px; text-shadow: #000 1px 1px; } #header .widget-area { float: right; position: absolute; top: 0px; margin: 90px auto 0px; width: 935px; } /* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a { display: none; float: left; height: 120px; overflow: hidden; padding: 0; text-indent: -9999px; width: 300px; } .header-image #description { display: block; overflow: hidden; } /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 960px; } /* Navigation Constants ------------------------------------------------------------ */ .menu li:hover ul ul, .menu li.sfHover ul ul { left: -9999px; } li:hover, li.sfHover { position: static; } li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } /* Header Right Navigation ------------------------------------------------------------ */ #header ul.menu { float: left; } #header ul.menu ul { float: right; margin: 0; padding: 0; width: 100%; } #header ul.menu li { float: left; list-style-type: none; } #header ul.menu li a { border-right: solid 1px #ddd; color: #777; display: block; font-size: 14px; letter-spacing: 1px; padding: 13px 20px 13px 18px; position: relative; text-decoration: none; text-transform: uppercase; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #header ul.menu li.noline a { } #header ul.menu li.letztes a { border-right: none; } #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a { color: #363e4c; } #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a { background: #f2f2f2; } #header ul.menu li a span[itemprop="name"] { display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; text-transform: none; letter-spacing: 0; } #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited { background: none; border-top-width: 0; background-color: #fff; border: 1px solid #ddd; border-top-width: 0; color: #111; font-size: 12px; padding: 15px 25px; position: relative; text-transform: none; width: 138px; } #header ul.menu li li a:hover, #header ul.menu li li a:active, #header ul.menu li li.current-menu-item a, #header ul.menu li li.current_page_item a { background-color: #f2f2f2; } #header ul.menu li ul { border-top: 1px solid #ddd; height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 190px; z-index: 9999; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #header ul.menu li ul a { width: 140px; } #header ul.menu li ul ul { margin: -31px 0 0 159px; } #header ul.menu li:hover>ul, #header ul.menu li.sfHover ul { left: auto; } /* Primary Navigation ------------------------------------------------------------ */ #nav { background: #dfbc6b; background: -moz-linear-gradient(left, #dfbc6b 0%, #f9f5d8 47%, #dfbc6b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dfbc6b), color-stop(47%,#f9f5d8), color-stop(100%,#dfbc6b)); background: -webkit-linear-gradient(left, #dfbc6b 0%,#f9f5d8 47%,#dfbc6b 100%); background: -o-linear-gradient(left, #dfbc6b 0%,#f9f5d8 47%,#dfbc6b 100%); background: -ms-linear-gradient(left, #dfbc6b 0%,#f9f5d8 47%,#dfbc6b 100%); background: linear-gradient(to right, #dfbc6b 0%,#f9f5d8 47%,#dfbc6b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfbc6b', endColorstr='#dfbc6b',GradientType=1 ); clear: both; color: #fff; font-size: 14px; overflow: hidden; } #nav .wrap { width: 960px; margin: 0 auto 0; } #nav ul { float: left; width: 100%; } #nav li { float: left; list-style-type: none; } #nav li a { background: url(images/nav-line.png) no-repeat right; color: #fff; display: block; font-size: 14px; padding: 13px 22px 13px 20px; position: relative; text-decoration: none; } #nav li.noline a, #nav li.noline a { background: none; } #nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item a { color: #363e4c; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: none; background-color: #3ab0ce; border: 1px solid #82d7ed; border-top-width: 0; color: #fff; font-size: 12px; padding: 5px 10px; position: relative; text-transform: none; width: 138px; } #nav li li a:hover, #nav li li a:active { background-color: #279dbc; } #nav li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 160px; z-index: 9999; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -31px 0 0 159px; } #nav li:hover>ul, #nav li.sfHover ul { left: auto; } /* Primary Navigation Extras ------------------------------------------------------------ */ #nav li.right { float: right; padding: 13px 20px; } #nav li.right a { background: none; border: none; color: #fff; display: inline; text-decoration: none; } #nav li.right a:hover { color: #363e4c; text-decoration: none; } #nav li.search { padding: 0 10px; } #nav li.rss a { background: url(images/rss.png) no-repeat center left; margin: 0 0 0 10px; padding: 0 0 0 18px; } #nav li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding: 7px 0 5px 20px; } /* Secondary Navigation ------------------------------------------------------------ */ #subnav { background-color: #424c5d; clear: both; color: #fff; margin: 0 auto; overflow: hidden; width: 960px; } #subnav ul { float: left; width: 100%; } #subnav li { float: left; list-style-type: none; } #subnav li a { color: #fff; display: block; font-size: 13px; padding: 6px 12px; position: relative; text-decoration: none; } #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a { background-color: #2b3545; color: #fff; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background-color: #2b3545; border: 1px solid #424c5d; border-top-width: 0; color: #fff; font-size: 12px; padding: 5px 10px; position: relative; text-transform: none; width: 138px; } #subnav li li a:hover, #subnav li li a:active { background-color: #424c5d; } #subnav li ul { height: auto; left: -9999px; position: absolute; width: 160px; z-index: 9999; } #subnav li ul a { width: 140px; } #subnav li ul ul { margin: -31px 0 0 159px; } #subnav li:hover>ul, #subnav li.sfHover ul { left: auto; } /* Featured ------------------------------------------------------------ */ .featured { margin: 0 auto 15px; height: 430px; padding: 0 0 25px; width: 910px; } /* Slider ------------------------------------------------------------ */ .featuredimage, .slide-bordertop { background: url(images/bordertop.png) no-repeat center top; padding-top: 2px; } .metaslider { background-color: #fff; margin: 0 auto; } .nivoSlider { background: url(images/bordertop2.png) no-repeat center bottom; padding-bottom: 2px!important; } .featuredimage { } .theme-default .nivo-caption, .theme-default .nivo-caption h1 { color: #222; background: #eee; font-family: Tahoma, Arial, Helvetica, sans-serif!important; font-size: 16px; line-height: 20px; margin: 0; } .theme-default .nivo-caption { padding: 20px 24px; } /* Map ------------------------------------------------------------ */ .wpgmza_map { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 10px solid white!important; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } .mobkontakt { display: none; } /* Accordion ------------------------------------------------------------ */ .omsc-accordion { border: none!important; } .omsc-toggle { border-left: none!important; border-right: none!important; border-bottom: 1px dotted #bdbdbd!important; } .omsc-toggle.omsc-expanded .omsc-toggle-title { background: transparent!important; } .omsc-toggle-title { font-weight: bold; font-size: 18px; padding: 0 0 5px 0; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px dotted #bdbdbd!important; } .omsc-tabs-control li a { color: #424c5d; font-size: 18px; padding: 10px 0px 10px 0px; } .omsc-tabs-tabs { padding: 10px 18px!important; } /* Home Middle ------------------------------------------------------------ */ .home-middle { margin: 0 auto; overflow: hidden; padding: 0 0 5px; width: 910px; } .home-middle-1 { float: left; margin: 0 24px 0 0; width: 287px; } .home-middle-2 { float: left; width: 287px; } .home-middle-3 { float: right; width: 287px; } /* Home Bottom ------------------------------------------------------------ */ .home-bottom { margin: 0 auto; padding: 0 0 25px; width: 910px; } .home-bottom-1 { float: left; width: 598px; } .home-bottom-2 { float: right; width: 287px; } /* Inner ------------------------------------------------------------ */ #inner { clear: both; margin: 0; } #inner .wrap { background-color: #fff; margin: 0 auto; overflow: hidden; padding: 5px 25px 5px; width: 910px; } .home #inner .wrap { padding: 5px 25px 5px; } #inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; border: none; border-radius: 5px; font-size: 12px; line-height: 18px; margin: 0px 0px 25px; padding: 5px 10px 5px 25px; } .breadcrumb a { width: 960px; margin: 0 auto 0; } .breadcrumb a:after { color: #7d7373; content: "\f0da"; display: inline-block; font-family: FontAwesome; font-size: 12px; padding: 0px 5px 0px 10px; } /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; margin: 0 0 30px; padding: 10px; } .taxonomy-description p { margin-bottom: 10px; } .taxonomy-description li { list-style-type: none; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap { float: left; width: 910px; } /* Content ------------------------------------------------------------ */ #content { float: left; padding: 0 5px; width: 580px; } .sidebar-content #content { float: right; } .full-width-content #content { padding: 0; width: 910px; } blockquote { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; border: none; margin: 5px 15px 20px; padding: 15px 20px 0; } .post { margin: 0 0 40px; } .entry-content { overflow: hidden; } .entry-content p { padding: 0 0 15px; } p.subscribe-to-comments { padding: 20px 0 10px; } .clear { clear: both; } .clear-line { border-bottom: 1px dotted #ddd; clear: both; margin: 0 0 15px; } /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Featured Post Grid ------------------------------------------------------------ */ .genesis-grid-even { float: right; padding: 0 0 15px; width: 48%; } .genesis-grid-odd { clear: both; float: left; padding: 0 0 15px; width: 48%; } .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; } /* Headlines ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #424c5d; margin: 0 0 10px; } h1, h2, h2 a, h2 a:visited { color: #424c5d; font-size: 24px; line-height: 30px; } h1.entry-title, .home-middle-1 h2, .home-middle-2 h2, .home-middle-3 h2 { padding: 25px 0 5px 0; margin: 0px 25px 15px; text-transform: uppercase; font-weight: normal; font-size: 24px; background: url('images/headline.png') 0 bottom repeat-x; } .entry-content h2 { font-size: 18px; padding: 0 0 5px 0; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px dotted #bdbdbd; } .featured h2 a, .featured h2 a:visited { color: #232832; } .home h2 { margin: 0 0 5px; } .home h2 a, .widget-area h2 a { font-size: 20px; line-height: 24px; margin: 0; } h2 a:hover, .featured h2 a:hover { color: #34accb; text-decoration: none; } h3 { font-size: 20px; } h4 { font-size: 18px; } .widget-area h4 { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(images/headline-4.png); border-radius: 5px; color: #003355; font-size: 14px; padding: 10px 12px; } .home-bottom h4, .home-middle h4, .home-middle h2 { font-size: 18px; margin-bottom: 15px; } .home-bottom-1 h4 { margin: 0 0 15px; } .home-bottom-2 h4 { margin: 0 0 10px; } .home-bottom-1 h4, .home-middle-1 h4, .home-middle-1 h2 { } .home-middle-2 h4, .home-middle-2 h2 { } .home-bottom-2 h4, .home-middle-3 h4, .home-middle-3 h2 { } .widget-area h4 a { color: #333; text-decoration: none; } #footer-widgets h4 { background: none; border: none; color: #41c5e7; font-size: 16px; margin: 0 0 5px; padding: 0; } h5 { font-size: 16px; } h6, #footer-widgets h1 { font-size: 14px; } /* Ordered / Unordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul { margin: 0; padding: 0 0 15px; } .entry-content ol { margin: 0; } .archive-page ul li, .entry-content ul li { list-style-type: square; margin: 0 0 0 30px; padding: 0; } .entry-content ol li { margin: 0 0 0 35px; } .archive-page ul ul, .entry-content ul ul, .entry-content ol ol { padding: 0; } /* Post Info ------------------------------------------------------------ */ .post-info { color: #999; font-size: 12px; margin: -10px 0 10px; } .home .post-info { margin: -3px 0 5px; } /* Post Meta ------------------------------------------------------------ */ .post-meta { border-top: 1px solid #ddd; clear: both; color: #999; font-size: 12px; padding: 5px 0 0; } /* Author Box ------------------------------------------------------------ */ .author-box { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; border: none; border-radius: 5px; margin: 0 0 40px; overflow: hidden; padding: 10px; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { margin: 0 0 40px; padding: 10px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0; width: 45%; } /* Post Icons ------------------------------------------------------------ */ .post-comments, .tags { background: url(images/icon-dot.png) no-repeat left; margin: 0 0 0 3px; padding: 0 0 0 10px; } /* Images ------------------------------------------------------------ */ img { max-width: 100%; height: auto; } .featured-content img, .gallery img { width: auto; } img.alignleft, img.alignright, .alignleft img, .alignright img { max-width: none; } .avatar, .post-image { background-color: #f5f5f5; border: 1px solid #ddd; padding: 4px; } .home-middle .featuredpage img, .home-middle .featuredpost img { margin: 0 0 10px; } .author-box .avatar { background-color: #fff; float: left; height: 70px; margin: 0 10px 0 0; width: 70px; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { background-color: #fff; float: left; height: 33px; margin: 0 5px 0 0; padding: 4px; width: 33px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 0 10px 10px 0; } img.alignright { display: inline; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 0 0; } .alignright { float: right; margin: 0 0 0 10px; } .wp-caption { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; border: none; padding: 5px; text-align: center; } p.wp-caption-text { font-size: 12px; line-height: 16px; padding: 5px 0; } .wp-smiley, .wp-wink { border: none; float: none; } .gallery-caption { } /* Post Navigation ------------------------------------------------------------ */ .navigation { overflow: hidden; padding: 20px 0; width: 100%; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #ddd; padding: 5px 8px; } .navigation li a:hover, .navigation li.active a { background-color: #f5f5f5; } /* Primary / Secondary Sidebars ------------------------------------------------------------ */ .sidebar { display: inline; float: right; width: 250px; } .sidebar-content #sidebar { float: left; } .home #content .widget { margin: 0 0 20px; } .sidebar .widget { margin: 0 0 30px; } .home-bottom ul, .home-middle ul, .widget-area ol { margin: 0 0 0 20px; } .widget-area ul { margin: 0 0 0 0px; } .widget-area ol ol, .widget-area ul ul { margin: 0 0 0 15px; } .home-bottom ul li, .home-middle ul li, .widget-area ul li { list-style-type: square; word-wrap: break-word; } /* Dropdowns ------------------------------------------------------------ */ #cat, .widget_archive select { display: inline; font-size: 12px; padding: 3px; width: 100%; } /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; overflow: hidden; } .featuredpage .page, .featuredpost .post { overflow: hidden; margin: 0; padding: 0; } .featured-content .sticky { background: none; border: none; } .home-bottom .featuredpost .post { border-bottom: 3px solid #e5e5e5; margin: 0 0 15px; padding: 0 0 15px; } /* User Profile ------------------------------------------------------------ */ .user-profile { overflow: hidden; } /* Buttons ------------------------------------------------------------ */ div.gform_footer input.button, .enews #subbutton, .searchsubmit, #submit { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #424c5d; border: 1px solid #424c5d; border-radius: 3px; color: #fff; cursor: pointer; font-size: 12px; font-weight: normal; padding: 3px 5px; text-decoration: none; text-transform: uppercase; } div.gform_footer input.button:hover, .enews #subbutton:hover, .searchsubmit:hover, #submit:hover { background-color: #2b3545; border: 1px solid #2b3545; color: #fff; text-decoration: none; } /* Search Form ------------------------------------------------------------ */ #header .searchform { float: right; padding: 30px 0 0; } #nav .searchform { float: right; padding: 8px 0 0; } .s { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 5px; width: 150px; } /* eNews and Update Widget ------------------------------------------------------------ */ .enews #subbox { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; margin: 5px 5px 0 0; padding: 5px; width: 180px; } /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 12px; font-style: italic; padding: 2px 5px 0 0; text-align: right; } #wp-calendar thead { background-color: #f5f5f5; font-weight: bold; margin: 10px 0 0; } #wp-calendar td { background-color: #f5f5f5; padding: 2px; text-align: center; } /* Footer Widgets ------------------------------------------------------------ */ #footer-widgets { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 65%, #ffffff 65%, #11335b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(65%,#ffffff), color-stop(65%,#ffffff), color-stop(100%,#11335b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 65%,#ffffff 65%,#11335b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%,#ffffff 65%,#ffffff 65%,#11335b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 65%,#ffffff 65%,#11335b 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%,#ffffff 65%,#ffffff 65%,#11335b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#11335b',GradientType=1 ); /* IE6-9 */ clear: both; margin: 0 auto; overflow: hidden; width: 960px; text-align: right; } #footer-widgets .wrap { background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(45deg, #f2f2f2 1%, #ffffff 15%, #ffffff 15%, #ffffff 25%, #ffffff 85%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#f2f2f2), color-stop(15%,#ffffff), color-stop(15%,#ffffff), color-stop(25%,#ffffff), color-stop(85%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f2f2f2 1%,#ffffff 15%,#ffffff 15%,#ffffff 25%,#ffffff 85%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f2f2f2 1%,#ffffff 15%,#ffffff 15%,#ffffff 25%,#ffffff 85%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f2f2f2 1%,#ffffff 15%,#ffffff 15%,#ffffff 25%,#ffffff 85%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(45deg, #f2f2f2 1%,#ffffff 15%,#ffffff 15%,#ffffff 25%,#ffffff 85%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #4f4f4f; font-size: 12px; overflow: hidden; margin-top: 0px; padding: 30px 20px 0; width: 920px; } #footer-widgets .widget { background: none; border: none; padding: 0; } #footer-widgets .textwidget { padding: 0; } #footer-widgets .widget_tag_cloud div div { padding: 0; } #footer-widgets p { color: #4f4f4f; padding: 0 0 10px; } #footer-widgets a, #footer-widgets a:visited { } #footer-widgets a:hover { text-decoration: none; } #footer-widgets ul { color: #fff; margin: 0 0 10px; } #footer-widgets ul li { margin: 0 0 0 15px; } #footer-widgets #wp-calendar thead, #footer-widgets #wp-calendar td { background: none; } .footer-widgets-1 { float: left; padding: 0 20px 0 0; width: 100%; } .footer-widgets-2 { float: left; width: 290px; } .footer-widgets-3 { float: right; width: 295px; } #footer-widgets .featuredpost { margin-bottom: 0; } #footer-widgets .one-third { margin-bottom: 0; } /* Footer ------------------------------------------------------------ */ #footer, #footer-text { border-top: dotted 1px #ddd; clear: both; padding: 10px 0 15px; background: #f9f5d8; /* Old browsers */ background: -moz-linear-gradient(left, #f9f5d8 0%, #f9f5d8 35%, #dfbc6b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f5d8), color-stop(35%,#f9f5d8), color-stop(100%,#dfbc6b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f9f5d8 0%,#f9f5d8 35%,#dfbc6b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f9f5d8 0%,#f9f5d8 35%,#dfbc6b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f9f5d8 0%,#f9f5d8 35%,#dfbc6b 100%); /* IE10+ */ background: linear-gradient(to right, #f9f5d8 0%,#f9f5d8 35%,#dfbc6b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5d8', endColorstr='#dfbc6b',GradientType=1 ); /* IE6-9 */ } #footer { display: none; } #footer-text { text-align: right; } #footer-text .wrap, #footer .wrap { color: #4f4f4f; font-size: 13px; margin: 0 auto; overflow: hidden; width: 910px; } #footer-text .wrap { background: url(images/klimaneutral.jpg) no-repeat center left; } #footer-text .featuredpage, #footer-text .featuredpost { margin: 0; float: right; width: 50%; } #footer-text p, #footer p { color: #4f4f4f; font-size: 13px; } #footer-text a, #footer-text a:visited, #footer a, #footer a:visited { color: #41c5e7; } #footer .gototop { display: none; float: left; width: 75px; } #footer .creds { text-align: right; width: 910px; } #footer-text img, #footer img { margin: 15px 0 0; } /* Comments ------------------------------------------------------------ */ #comments, #respond { margin: 0; overflow: hidden; padding: 10px 0 20px; } #author, #comment, #email, #url { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; margin: 10px 5px 0 0; padding: 5px; width: 250px; } #comment { height: 150px; margin: 10px 0; width: 98%; } .ping-list { margin: 0 0 40px; } .comment-list ol, .ping-list ol { margin: 0; padding: 10px; } .comment-list li, .ping-list li { font-weight: bold; list-style: none; margin: 10px 0 0; padding: 10px; } .comment-list li ul li { list-style-type: none; } .comment-list p, .ping-list p { font-weight: normal; margin: 10px 5px 10px 0; padding: 0; text-transform: none; } .comment-list ul.children { margin-top: 20px; } .comment-list ul.children li.comment { background: #fff; } .comment-list cite, .ping-list cite { font-style: normal; font-weight: bold; } .commentmetadata { font-weight:normal; } .comment-author { background: #e5e5e5; font-size: 14px; font-weight: bold; line-height: 20px; padding: 8px 10px 0; } .comment-meta { background: #e5e5e5; font-size: 14px; padding: 0 10px 8px; } .nocomments { text-align: center; } #comments .navigation { display: block; padding: 0; } .thread-alt, .thread-even { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f5f5f5; border-radius: 5px; } /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { background: #fff; color: #333; font-size: 12px !important; padding: 4px 5px !important; width: 95.3%!important; } div.gform_footer input.button { color: #fff; } div.gform_wrapper .ginput_complex label { font-size: 12px; } div.gform_wrapper li, div.gform_wrapper form li { border-bottom: none!important; margin: 0 0 10px; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } .gform_widget { background: #F3F3F3; border: solid 1px #ddd; } .gform_widget h4 { background: #fff; border-bottom: solid 1px #ddd; font-weight: 600; text-align: center; } .gform_widget .gform_wrapper { max-width: 100%!important; padding: 5px 5px; } .gform_widget .gform_wrapper .top_label .gfield_label { text-align: center; } .gform_widget .gform_wrapper .top_label .gfield_label { display: block!important; } .gform_widget .gform_wrapper li, .gform_wrapper form li { overflow:hidden; } .gform_widget .gform_wrapper .gfield_checkbox li label, .gform_widget .gform_wrapper .gfield_radio li label { } .gform_widget .gform_wrapper .gfield_required { color: #41c5e7!important; } div.gform_wrapper .gform_footer { border: none; display: block; margin: 0 auto 0; padding: 0; width: 100px; } div.gform_footer input.button { margin-top: 0!important; } .gform_wrapper textarea.medium { } .gform_wrapper .top_label .gfield_label { font-weight: 500!important; } /* Responsive Design ------------------------------------------------------------ */ @media only screen and (max-width: 1025px) { .content-sidebar #content { width: 570px; } #footer-text .wrap { padding: 0 15px; } .afterposttext { padding: 15px; } .content-sidebar .ctabox a.grau.alignright { display: block; float: none; margin: 0 auto 0; } .content-sidebar .ctaboxtext { display: block; margin: 0 auto 0; text-align: center; padding-bottom: 15px; line-height: 1.4em; } .imagebox, .detailbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .detailbox { border-left: none; margin-top: 30px; } .responsive-tabs__list__item { display: inline-block!important; white-space: nowrap; } } @media only screen and (max-width: 800px) { .header-image #title-area, .header-image #title, .header-image #title a { float: none; margin: 0 auto 0; width: 350px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrap, .archive-page, .content-sidebar-sidebar #content, .full-width-content #content, #footer-widgets, #footer-widgets .wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content, .wrap, #content-sidebar-wrap, #footer .creds, #footer .gototop, #sidebar-alt, .featured, #logo .wrap, .home-middle, .home-middle-1, .home-middle-2, .home-middle-3, .full-width-content #inner .wrap, #footer-text .wrap, #header .wrap, #footer .wrap, #ci { width: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #inner .wrap { padding: 10px; width: auto; } #logo { display: block; margin-bottom: 15px; margin-left: 0; position: relative; } #logo .wrap a { position: relative; margin: 0 auto 0; } #logo .wrap a img { margin: 0; } #header { min-height: 0; } #header .wrap { margin-bottom: 0; padding: 0; } #header .widget-area { display: block; float: none; position: relative; margin: 0 auto 0; } .header-image #title-area { display: none; } #title { width: 100%; padding: 18px 0 17px; } .menu-primary, .menu-secondary { } #header ul.menu, #header .widget-area, #title-area { // overflow: hidden; float: none; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #title-area { overflow: hidden; } #header .searchform { float: center; } #header ul.menu { // float: left; } .menu-primary li, .menu-secondary li, #header ul.menu li { display: inline-block; float: none; } .menu-primary a, .menu-secondary a, #header .menu a { padding: 10px; } .menu li.right { display: none; } #nav .menu a { padding: 11px 10px; } #header ul.menu li.letztes a { border-right: none; } .content-sidebar #content { width: 65%; } .content-sidebar .sidebar { width: 30%; } .featured { height: auto; } h1, h2, h2 a, h2 a:visited { font-size: 30px; } .after-post form { background: none; padding: 0; } #footer-widgets .widget { padding: 20px 20px 0; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { margin: 0; } #footer .creds, #footer .gototop { float: none; } #footer p { padding: 0 20px; text-align: center; } #footer-widgets .one-fourth { width: 33%; } #footer-widgets .one-fourth.first, .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { padding: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home-middle a img { float: left; display: block; margin: 0 auto 10px; width: 45%; } .home-middle p { float: right; width: 50%; } #after-post { margin: 0; } .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea { display: block; margin: 0 auto 0; } } @media only screen and (max-width: 481px) { #header { min-height: 270px; } #content, .content-sidebar #content, .full-width-content #content { padding: 0; } #header ul.menu li, #header ul.menu li a { width: 100%; padding-left: 0; padding-right: 0; } #header ul.menu li.upper a { border-bottom: solid 1px #ddd; } #header ul.menu ul { display: none; } #header ul.menu li { float: left; } #inner .wrap { padding: 5px; } .gform_wrapper .left_label .gfield_label, .gform_wrapper .left_label input.large { width:100%!important; } .gform_wrapper .gform_footer.left_label { padding: 0px 0 10px 0px!important; } #wrap .gform_wrapper textarea.textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img.alignnone { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-sidebar #content, .content-sidebar-sidebar #content, .content-sidebar .sidebar, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content { border: none; padding: 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer-widgets .one-fourth { padding: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-caption { position: relative!important; height: 90px; } #footer-widgets { text-align: center; } } @media only screen and (max-width: 401px) { #header ul.menu li { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header ul.menu li a { border-bottom: solid 1px #ddd; } #header ul.menu li.letztes a { border-bottom: none; } } @media only screen and (max-width: 321px) { body, p, input, label, select, textarea, #after-post.after-post ul.checklist li { font-size: 12px; } h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 { word-wrap: break-word; } .header-image #title-area, .header-image #title, .header-image #title a { width: 240px; } .menu-primary li { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home #inner .wrap { padding: 5px; } .home-middle a img { display: block; margin: 0 0 10px; width: 45%; } .home-middle p { display: block; width: 100%; } .page h1 { font-size: 24px; } ul.checklist li { font-size: 14px; } .footer-text .gform_widget, .footer-text .widget_text { padding: 15px 5px; } .entry-content ol li { margin: 0 0 0 5px; } .entry-content .gform_body { padding: 5px!important; } blockquote p { font-size: 12px; } .footer-text .gfield_label { width: 99.2%; } h2.tabtitle { padding-right: 20px; padding-left: 10px; } .gform_wrapper table.gfield_list td, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large { display: block; clear: both!important; float: none!important; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gform_wrapper table.gfield_list td + td { padding: 0!important; } .cr_button, input[type="button"], input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { margin: 15px 0 15px 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .social_share_privacy .twoclick-facebook, .social_share_privacy .twoclick-twitter, .social_share_privacy .twoclick-gplus, .social_share_privacy .twoclick-xing { display: block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mapblock { display: none; } .mobkontakt { display: block; } #footer-text .featuredpost { float: none; margin: 0 auto 0; width: 100%; } #footer-text { text-align: center; } #footer-text .wrap { background-position: bottom center; padding-bottom: 60px; } } @media only screen and (max-width: 241px) { .nivo-caption { height: 110px; } #logo .wrap a { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page h1 { font-size: 20px; } }