/*
|--------------------------------------------------------------------------
| *style.scss* Main Style file
|--------------------------------------------------------------------------
|
| Author: Stephan Schimpf
| Date: 22/07/2015
|
*/
/*
|--------------------------------------------------------------------------
| *System imports*
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| *variables.scss* SASS Variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| *Third Party vendor imports*
|--------------------------------------------------------------------------
*/
/* ==========================================================================
Normalize.scss settings
========================================================================== */
/**
* Includes legacy browser support IE6/7
*
* Set to false if you want to drop support for IE6 and IE7
*/
/* Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
* 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active, a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 8/9/10.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
* 4. Improves appearance and consistency in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Corrects text not wrapping in Firefox 3.
* 4. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
html {
box-sizing: border-box; }
*,
*::after,
*::before {
box-sizing: inherit; }
.select-select {
position: absolute;
display: none;
pointer-events: none;
opacity: 0;
/* For when we are on a small touch device and want to use native controls */
-webkit-pointer-events: none;
-moz-pointer-events: none; }
.select-element, .select-element:after, .select-element:before, .select-element *, .select-element *:after, .select-element *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.select-element {
position: absolute;
display: none; }
.select-element.select-open {
display: block; }
.select-theme-default, .select-theme-default *, .select-theme-default *:after, .select-theme-default *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.select.select-theme-default {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-o-user-select: none; }
.select.select-theme-default .select-content {
font-family: inherit;
overflow: auto;
min-width: 14em;
max-height: 18rem;
color: inherit;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
background: white;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-ms-border-radius: 0.25em;
-o-border-radius: 0.25em;
-webkit-overflow-scrolling: touch; }
@media (max-width: 27rem), (max-height: 27rem) {
.select.select-theme-default .select-content {
max-height: 11.25rem; } }
.select.select-theme-default .select-options {
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.select.select-theme-default .select-options .select-option {
line-height: 1.25rem;
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0.5rem 1em 0.5rem 2.5em;
list-style: none;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.select.select-theme-default .select-options .select-option.select-option-selected:before {
position: absolute;
top: 0;
bottom: 0.2em;
left: 1em;
width: 1em;
height: 1em;
margin: auto;
content: url("data:image/svg+xml;utf8,"); }
.select.select-theme-default .select-options .select-option:hover, .select.select-theme-default .select-options .select-option.select-option-highlight {
color: white;
background: #222; }
.select.select-theme-default .select-options .select-option:hover.select-option-selected:before, .select.select-theme-default .select-options .select-option.select-option-highlight.select-option-selected:before {
content: url("data:image/svg+xml;utf8,"); }
.select.select-theme-default .select-options .select-option:first-child {
-webkit-border-radius: 0.25em 0.25em 0 0;
-moz-border-radius: 0.25em 0.25em 0 0;
border-radius: 0.25em 0.25em 0 0;
-ms-border-radius: 0.25em 0.25em 0 0;
-o-border-radius: 0.25em 0.25em 0 0; }
.select.select-theme-default .select-options .select-option:last-child {
-webkit-border-radius: 0 0 0.25em 0.25em;
-moz-border-radius: 0 0 0.25em 0.25em;
border-radius: 0 0 0.25em 0.25em;
-ms-border-radius: 0 0 0.25em 0.25em;
-o-border-radius: 0 0 0.25em 0.25em; }
.select-target.select-theme-default {
position: relative;
display: -moz-inline-stack;
display: inline-block;
overflow: hidden;
zoom: 1;
max-width: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
text-decoration: none;
text-overflow: ellipsis;
border: none;
border-bottom: 3px solid #F4B407 !important;
background-color: #f1f1f1;
padding: .91em;
width: 100%;
font-weight: 700;
text-transform: uppercase;
margin-top: .96em;
color: #555;
*display: inline;
*vertical-align: auto;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-o-user-select: none; }
.select-target.select-theme-default:focus {
/*color: white !important;
background: $bizeps-orange !important;*/ }
@media all and (max-width: 700px) {
.select-target.select-theme-default {
font-size: 1em; } }
.select-target.select-theme-default:hover {
color: #444;
border-color: #aaaaaa; }
.select-target.select-theme-default.select-target-focused, .select-target.select-theme-default.select-target-focused:focus {
border-color: #63a2f1;
outline: none; }
.select-target.select-theme-default b {
font-size: 16px;
position: absolute;
top: 0;
right: 0;
width: 4em;
height: 63px;
margin: auto;
background: #444; }
@media all and (max-width: 700px) {
.select-target.select-theme-default b {
top: -5px; } }
.select-target.select-theme-default b:before, .select-target.select-theme-default b:after {
position: absolute;
right: 50%;
display: block;
width: 0;
height: 0;
margin: auto;
margin-right: -3px;
content: "";
border: 0.263em solid transparent; }
.select-target.select-theme-default b:before {
top: 50%;
margin-top: -10px;
border-bottom-color: #fff; }
.select-target.select-theme-default b:after {
bottom: 50%;
margin-bottom: -10px;
border-top-color: #fff; }
.selectjs-dark .select-theme-default {
font-size: 20px !important;
padding: 12px 10px !important;
color: #fff !important;
background: #333 !important; }
.selectjs-dark .select-target.select-theme-default b {
height: 51px !important; }
.selectjs-dark.filter-menu-active .select-theme-default {
background: #de458b !important; }
.input-container-date-small .select-target.select-theme-default {
font-size: 18px;
padding: 12px 10px; }
.input-container-date-small .select-target.select-theme-default b {
width: 1.5em;
height: 48px; }
/*
|--------------------------------------------------------------------------
| *Standard base imports*
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| *mixins.scss* SASS/Compass mixins
|--------------------------------------------------------------------------
|
| Author: Stephan Schimpf
| Date: 03/02/2013
| Version: v0.01
|
*/
/**
* @description
* This mixin will enable using the CSS3 value `rem`, which lets you define
* property-sizes based on the root-element's font-size.
*
* @author drublic
*
* @link caniuse http://caniuse.com/rem
* @link spec http://www.w3.org/TR/css3-values/#relative0
*
* @param property
* @param values
* @param default-font-size int optional
* @returns
* : ( * )px;
* : ;
*
* @example
* .selector {
* @include x-rem(font-size, 1.3);
* }
*
* Note: Depending on the font-size of the root-element `rem` calculates a
* property of a current element. The fallback solution excepts a
* `default-font-size`-argument which is 16px by default.
*/
/*
|--------------------------------------------------------------------------
| *layout.scss* General Layout definitions
|--------------------------------------------------------------------------
*/
* {
box-sizing: border-box;
word-wrap: break-word; }
.clear {
clear: both; }
.left {
float: left; }
.right {
float: right; }
main .content, aside.content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative; }
main .content::after, aside.content::after {
clear: both;
content: "";
display: table; }
article.post {
padding: 1em 0; }
figure {
margin: 1em 0;
max-width: 100% !important; }
figure.alignleft {
margin-right: 1em; }
figure.alignright {
margin-left: 1em; }
iframe {
border: none;
max-width: 100%; }
.border-bottom {
border-bottom: 1px solid #CCCCCC; }
.article-wrapper {
width: 90%;
margin: 0 auto; }
.article-wrapper p {
color: #555; }
/*
|--------------------------------------------------------------------------
| *button.scss* Buttons and similiar interface elements
|--------------------------------------------------------------------------
*/
.button, .search .site-content input[type="submit"] {
cursor: pointer;
text-transform: uppercase;
display: inline-block;
font-weight: 700;
padding: 1em 4em 1em 2em;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out; }
.button.arrow-right, .search .site-content input.arrow-right[type="submit"] {
position: relative; }
.button.arrow-right:before, .search .site-content input.arrow-right[type="submit"]:before {
position: absolute;
right: 25px;
margin-top: -2px;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.button.arrow-right:hover:before, .search .site-content input.arrow-right[type="submit"]:hover:before, .button.arrow-right:focus:before, .search .site-content input.arrow-right[type="submit"]:focus:before {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px); }
.button.arrow-left, .search .site-content input.arrow-left[type="submit"] {
position: relative; }
.button.arrow-left:before, .search .site-content input.arrow-left[type="submit"]:before {
position: absolute;
left: 25px;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.button.arrow-left:hover:before, .search .site-content input.arrow-left[type="submit"]:hover:before, .button.arrow-left:focus:before, .search .site-content input.arrow-left[type="submit"]:focus:before {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px); }
.button.arrow-down, .search .site-content input.arrow-down[type="submit"] {
position: relative; }
.button.arrow-down:before, .search .site-content input.arrow-down[type="submit"]:before {
position: absolute;
right: 25px;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin-top: -5px; }
.button.arrow-down:hover:before, .search .site-content input.arrow-down[type="submit"]:hover:before, .button.arrow-down:focus:before, .search .site-content input.arrow-down[type="submit"]:focus:before {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px); }
.button.orange, .search .site-content input[type="submit"] {
background: #F4B407;
border: 4px solid #F4B407; }
.button.orange:hover, .search .site-content input[type="submit"]:hover, .button.orange:focus, .search .site-content input[type="submit"]:focus {
background-color: white; }
.load-more, .more {
text-align: center;
min-height: 60px;
margin-bottom: 3em; }
.load-more a, .more a {
margin: 0 auto; }
/*
|--------------------------------------------------------------------------
| *text.scss* General text styles, headings and other
|--------------------------------------------------------------------------
*/
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot");
src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
*, html {
font-family: "Lato", sans-serif;
color: #000;
letter-spacing: 1px;
font-size: 18px;
line-height: 1.45em; }
h1, h2, h3, h4, h5, h6 {
font-family: "Lato", sans-serif;
font-weight: 700;
letter-spacing: 0.01em; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-size: 1em; }
a, a acronym {
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:focus h1, a:focus h2, a:focus h3, a:focus h4, a:focus h5, a:focus h6, a acronym:hover h1, a acronym:hover h2, a acronym:hover h3, a acronym:hover h4, a acronym:hover h5, a acronym:hover h6, a acronym:focus h1, a acronym:focus h2, a acronym:focus h3, a acronym:focus h4, a acronym:focus h5, a acronym:focus h6 {
text-decoration: underline; }
p a, a acronym {
text-decoration: underline;
font-weight: 700;
font-style: italic; }
p a:hover, p a:focus, a acronym:hover, a acronym:focus {
background-color: #F4B407;
color: #222222 !important; }
.uppercase {
text-transform: uppercase; }
.screen-reader-text, .week .link-pagination a {
font-size: 1px;
position: absolute;
text-indent: -9999px; }
.text-center {
text-align: center; }
.text-left {
text-align: left !important; }
.text-grey, .text-grey * {
color: #555; }
.text-dark-grey, .text-dark-grey * {
color: #222222 !important; }
.small-text {
font-size: 0.75em; }
.text-bold {
font-weight: 700; }
.text-italic {
font-style: italic; }
h1 {
font-size: 2.1875em;
font-style: italic;
font-weight: 700; }
@media all and (max-width: 960px) {
h1 {
font-size: 1.875em; } }
@media all and (max-width: 650px) {
h1 {
font-size: 1.75em; } }
h2 {
font-size: 2em;
font-style: italic;
font-weight: 700; }
@media all and (max-width: 960px) {
h2 {
font-size: 1.75em; } }
@media all and (max-width: 650px) {
h2 {
font-size: 1.625em; } }
h3 {
font-size: 1.5em;
font-style: italic; }
h4 {
font-size: 1.25em;
margin: 1em 0 2em; }
h5 {
font-size: 1.125em;
margin: 1em 0 2em; }
h6 {
font-size: 0.875em;
margin: 1em 0 2em; }
.post .entry-content h1, .post .entry-content h2, .post .entry-content h3, .post .entry-content h4, .post .entry-content h5, .post .entry-content h6 {
color: #555; }
.post .entry-content h2 {
font-size: 1.5em; }
.post .entry-content h3 {
font-size: 1.25em; }
.post .entry-content h4 {
font-size: 1.125em;
margin: 0em 0 0em;
font-style: italic; }
figcaption, .caption {
font-size: 0.75em;
color: #828282 !important;
padding-top: 0px !important;
margin-top: 0px !important;
text-align: right; }
figcaption a, .caption a{
font-size: 1em;
}
blockquote {
font-style: italic;
color: #555;
background-color: #E2E2E2;
padding: 2em 3em;
margin: 1em 0;
position: relative; }
blockquote:before, blockquote:after {
content: '"';
position: absolute;
font-size: 4em;
color: #F4B407;
font-style: italice; }
blockquote:before {
left: .3em; }
blockquote:after {
right: 0.4em; }
blockquote p {
font-size: 1.3em;
}
#breadcrumbs {
width: 90%;
margin: 1em auto 0;
}
.page-template-termine #breadcrumbs, .page-template-default .single-article.big-header #breadcrumbs, .page-template-produkte .single-article.big-header #breadcrumbs {
top: -650px;
position: relative;
z-index: 10000;
}
.page-template-termine .article-wrapper.termin-wrapper, .page-template-default .single-article.big-header .article-wrapper, .page-template-produkte .single-article.big-header .article-wrapper {
padding-top: 2em;
}
.single-post .single-article.big-header #breadcrumbs {
top: -250px;
position: relative;
}
.single-post #breadcrumbs {
z-index: 10000000;
width: 70%;
}
.single-post .single-article.big-header .article-wrapper {
padding-top: 2em;
}
.author #breadcrumbs {
width: 70%;
}
#breadcrumbs a, #breadcrumbs .breadcrumb_last {
font-size: 0.875em;
font-weight: normal; }
#breadcrumbs span, #breadcrumbs a {
color: #555; }
.single-article .entry-content * {
color: #555; }
.single-article .entry-content a {
text-decoration: underline;
font-weight: 700;
font-style: italic; }
.single-article .entry-content a:hover, .single-article .entry-content a:focus {
background-color: #F4B407;
color: #222222; }
/*.article-wrapper * {
color: $bizeps-grey-text;
a {
text-decoration: underline;
font-weight: 700;
font-style: italic;
&:hover {
background-color: $bizeps-orange;
}
}
}
*/
/*
|--------------------------------------------------------------------------
| *form.scss* General Form styles
|--------------------------------------------------------------------------
*/
form .button, form .search .site-content input[type="submit"], .search .site-content form input[type="submit"] {
margin-top: 1.5em; }
input, textarea {
border: none;
border-radius: 0;
margin-top: 1em; }
textarea {
min-height: 250px; }
::-webkit-input-placeholder {
color: #555; }
:-moz-placeholder {
/* Firefox 18- */
color: #555; }
::-moz-placeholder {
/* Firefox 19+ */
color: #555; }
:-ms-input-placeholder {
color: #555; }
input[type="text"], textarea, input[type="email"], input[type="url"] {
border-bottom: 3px solid #F4B407;
background-color: #f1f1f1;
padding: 1em;
width: 100%;
font-weight: 700; }
input[type="radio"] {
margin-right: 10px; }
.comment-form-author, .comment-form-email {
width: 48%;
}
.comment-form-author {
float: left;
}
.comment-form-email {
float: right;
}
.comment-form-comment {
clear: both;
}
button {
background-color: transparent;
border: none; }
.search .site-content form {
width: 50%; }
.search .site-content input[type="submit"] {
margin: 0 auto; }
.mitglied form, .spenden form, .orderform {
max-width: 1200px;
margin-left: auto;
margin-right: auto; }
.mitglied form::after, .spenden form::after, .orderform::after {
clear: both;
content: "";
display: table; }
.mitglied form .row, .spenden form .row, .orderform .row {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.mitglied form .row:last-child, .spenden form .row:last-child, .orderform .row:last-child {
margin-right: 0; }
.mitglied form .row:nth-child(2n), .spenden form .row:nth-child(2n), .orderform .row:nth-child(2n) {
margin-right: 0; }
.mitglied form .row:nth-child(2n+1), .spenden form .row:nth-child(2n+1), .orderform .row:nth-child(2n+1) {
clear: left; }
@media all and (max-width: 650px) {
.mitglied form .row, .spenden form .row, .orderform .row {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.mitglied form .row:last-child, .spenden form .row:last-child, .orderform .row:last-child {
margin-right: 0; }
.mitglied form .row:nth-child(3n), .spenden form .row:nth-child(3n), .orderform .row:nth-child(3n) {
margin-right: 2.35765%; }
.mitglied form .row:nth-child(3n+1), .spenden form .row:nth-child(3n+1), .orderform .row:nth-child(3n+1) {
clear: none; }
.mitglied form .row:nth-child(1n), .spenden form .row:nth-child(1n), .orderform .row:nth-child(1n) {
margin-right: 0; }
.mitglied form .row:nth-child(1n+1), .spenden form .row:nth-child(1n+1), .orderform .row:nth-child(1n+1) {
clear: left; } }
.parsley-errors-list {
float: left;
display: inline-block;
clear: both;
padding: 0;
margin: 0;
width: 100%; }
.parsley-errors-list li {
background-color: #9a090c;
color: white !important;
list-style-image: none !important;
padding: .5em;
width: 100%; }
.parsley-errors-list li:before {
background: transparent;
margin: 0 !important;
width: 0 !important; }
.g-recaptcha {
margin-top: 1em; }
.g-recaptcha div {
margin: 0 auto; }
.icheckbox_flat-orange, .iradio_flat-orange {
margin: 0 5px 5px 0 !important; }
.select-target {
border: none;
border-bottom: 3px solid #F4B407 !important;
background-color: #f1f1f1;
padding: .57em;
width: 100%;
font-weight: 700;
margin-top: .7em;
color: #555; }
.select-target b {
width: 4em;
height: 4em; }
.icon, .button.arrow-right, .search .site-content input.arrow-right[type="submit"], .button.arrow-left, .search .site-content input.arrow-left[type="submit"], .button.arrow-down, .search .site-content input.arrow-down[type="submit"], .single-article li, .comment-count {
font-size: 18px; }
.icon:before, .button.arrow-right:before, .search .site-content input.arrow-right[type="submit"]:before, .button.arrow-left:before, .search .site-content input.arrow-left[type="submit"]:before, .button.arrow-down:before, .search .site-content input.arrow-down[type="submit"]:before, .single-article ul li:before, .comment-count:before {
content: ' ';
vertical-align: middle;
display: inline-block;
background-image: url("../images/sprite.svg");
background-repeat: no-repeat;
background-size: 9.833333333333334em 143.88888888888889em; }
.no-svg .icon:before, .no-svg .button.arrow-right:before, .no-svg .search .site-content input.arrow-right[type="submit"]:before, .search .site-content .no-svg input.arrow-right[type="submit"]:before, .no-svg .button.arrow-left:before, .no-svg .search .site-content input.arrow-left[type="submit"]:before, .search .site-content .no-svg input.arrow-left[type="submit"]:before, .no-svg .button.arrow-down:before, .no-svg .search .site-content input.arrow-down[type="submit"]:before, .search .site-content .no-svg input.arrow-down[type="submit"]:before, .no-svg .single-article ul li:before, .single-article .no-svg li:before, .no-svg .comment-count:before {
background-image: url("../images/sprite.png"); }
.icon.autor:before, .autor.button.arrow-right:before, .search .site-content input.autor.arrow-right[type="submit"]:before, .autor.button.arrow-left:before, .search .site-content input.autor.arrow-left[type="submit"]:before, .autor.button.arrow-down:before, .search .site-content input.autor.arrow-down[type="submit"]:before, .single-article li.autor:before, .autor.comment-count:before {
background-position: -0.2777777777777778em -0.2777777777777778em;
width: 0.9444444444444444em;
height: 0.8888888888888888em; }
.icon.dreieck_oben:before, .dreieck_oben.button.arrow-right:before, .search .site-content input.dreieck_oben.arrow-right[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-right[type="submit"].active:before, div.schlichtungen table thead tr td .search .site-content input.arrow-right[type="submit"].active:before, div.schlichtungen table thead tr td .button.arrow-right.active:before, .dreieck_oben.button.arrow-left:before, .search .site-content input.dreieck_oben.arrow-left[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-left[type="submit"].active:before, div.schlichtungen table thead tr td .search .site-content input.arrow-left[type="submit"].active:before, div.schlichtungen table thead tr td .button.arrow-left.active:before, .dreieck_oben.button.arrow-down:before, .search .site-content input.dreieck_oben.arrow-down[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-down[type="submit"].active:before, div.schlichtungen table thead tr td .search .site-content input.arrow-down[type="submit"].active:before, div.schlichtungen table thead tr td .button.arrow-down.active:before, .single-article li.dreieck_oben:before, .single-article div.schlichtungen table thead tr td li.active:before, div.schlichtungen table thead tr td .single-article li.active:before, .dreieck_oben.comment-count:before, div.schlichtungen table thead tr td .comment-count.active:before, div.schlichtungen table thead tr td .icon.active:before {
background-position: -0.2777777777777778em -1.7222222222222223em;
width: 1.1111111111111112em;
height: 0.9444444444444444em; }
.icon.dreieck_unten:before, .dreieck_unten.button.arrow-right:before, .search .site-content input.dreieck_unten.arrow-right[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-right[type="submit"].active.desc:before, div.schlichtungen table thead tr td .search .site-content input.arrow-right[type="submit"].active.desc:before, div.schlichtungen table thead tr td .button.arrow-right.active.desc:before, .dreieck_unten.button.arrow-left:before, .search .site-content input.dreieck_unten.arrow-left[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-left[type="submit"].active.desc:before, div.schlichtungen table thead tr td .search .site-content input.arrow-left[type="submit"].active.desc:before, div.schlichtungen table thead tr td .button.arrow-left.active.desc:before, .dreieck_unten.button.arrow-down:before, .search .site-content input.dreieck_unten.arrow-down[type="submit"]:before, .search .site-content div.schlichtungen table thead tr td input.arrow-down[type="submit"].active.desc:before, div.schlichtungen table thead tr td .search .site-content input.arrow-down[type="submit"].active.desc:before, div.schlichtungen table thead tr td .button.arrow-down.active.desc:before, .single-article li.dreieck_unten:before, .single-article div.schlichtungen table thead tr td li.active.desc:before, div.schlichtungen table thead tr td .single-article li.active.desc:before, .dreieck_unten.comment-count:before, div.schlichtungen table thead tr td .comment-count.active.desc:before, div.schlichtungen table thead tr td .icon.active.desc:before {
background-position: -0.2777777777777778em -3.2222222222222223em;
width: 1.1111111111111112em;
height: 0.9444444444444444em; }
.icon.facebook_default:before, .facebook_default.button.arrow-right:before, .search .site-content input.facebook_default.arrow-right[type="submit"]:before, .facebook_default.button.arrow-left:before, .search .site-content input.facebook_default.arrow-left[type="submit"]:before, .facebook_default.button.arrow-down:before, .search .site-content input.facebook_default.arrow-down[type="submit"]:before, .single-article li.facebook_default:before, .facebook_default.comment-count:before {
background-position: -0.2777777777777778em -4.722222222222222em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.facebook_hover:before, .facebook_hover.button.arrow-right:before, .search .site-content input.facebook_hover.arrow-right[type="submit"]:before, .social-media a.button.arrow-right.facebook_default:hover:before, .social-media a.button.arrow-right.facebook_default:focus:before, .facebook_hover.button.arrow-left:before, .search .site-content input.facebook_hover.arrow-left[type="submit"]:before, .social-media a.button.arrow-left.facebook_default:hover:before, .social-media a.button.arrow-left.facebook_default:focus:before, .facebook_hover.button.arrow-down:before, .search .site-content input.facebook_hover.arrow-down[type="submit"]:before, .social-media a.button.arrow-down.facebook_default:hover:before, .social-media a.button.arrow-down.facebook_default:focus:before, .single-article li.facebook_hover:before, .facebook_hover.comment-count:before, .social-media a.comment-count.facebook_default:hover:before, .social-media a.comment-count.facebook_default:focus:before, .social-media a.icon.facebook_default:hover:before, .social-media a.icon.facebook_default:focus:before {
background-position: -0.2777777777777778em -9.38888888888889em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.flickr_default:before, .flickr_default.button.arrow-right:before, .search .site-content input.flickr_default.arrow-right[type="submit"]:before, .flickr_default.button.arrow-left:before, .search .site-content input.flickr_default.arrow-left[type="submit"]:before, .flickr_default.button.arrow-down:before, .search .site-content input.flickr_default.arrow-down[type="submit"]:before, .single-article li.flickr_default:before, .flickr_default.comment-count:before {
background-position: -0.2777777777777778em -14.055555555555557em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.flickr_hover:before, .flickr_hover.button.arrow-right:before, .search .site-content input.flickr_hover.arrow-right[type="submit"]:before, .social-media a.button.arrow-right.flickr_default:hover:before, .social-media a.button.arrow-right.flickr_default:focus:before, .flickr_hover.button.arrow-left:before, .search .site-content input.flickr_hover.arrow-left[type="submit"]:before, .social-media a.button.arrow-left.flickr_default:hover:before, .social-media a.button.arrow-left.flickr_default:focus:before, .flickr_hover.button.arrow-down:before, .search .site-content input.flickr_hover.arrow-down[type="submit"]:before, .social-media a.button.arrow-down.flickr_default:hover:before, .social-media a.button.arrow-down.flickr_default:focus:before, .single-article li.flickr_hover:before, .flickr_hover.comment-count:before, .social-media a.comment-count.flickr_default:hover:before, .social-media a.comment-count.flickr_default:focus:before, .social-media a.icon.flickr_default:hover:before, .social-media a.icon.flickr_default:focus:before {
background-position: -0.2777777777777778em -18.72222222222222em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.hakerl-aktiv:before, .hakerl-aktiv.button.arrow-right:before, .search .site-content input.hakerl-aktiv.arrow-right[type="submit"]:before, .hakerl-aktiv.button.arrow-left:before, .search .site-content input.hakerl-aktiv.arrow-left[type="submit"]:before, .hakerl-aktiv.button.arrow-down:before, .search .site-content input.hakerl-aktiv.arrow-down[type="submit"]:before, .single-article li.hakerl-aktiv:before, .hakerl-aktiv.comment-count:before {
background-position: -0.2777777777777778em -23.38888888888889em;
width: 1.0555555555555556em;
height: 1.0555555555555556em; }
.icon.hakerl-aktiv_2:before, .hakerl-aktiv_2.button.arrow-right:before, .search .site-content input.hakerl-aktiv_2.arrow-right[type="submit"]:before, .hakerl-aktiv_2.button.arrow-left:before, .search .site-content input.hakerl-aktiv_2.arrow-left[type="submit"]:before, .hakerl-aktiv_2.button.arrow-down:before, .search .site-content input.hakerl-aktiv_2.arrow-down[type="submit"]:before, .single-article li.hakerl-aktiv_2:before, .hakerl-aktiv_2.comment-count:before {
background-position: -0.2777777777777778em -25em;
width: 2.888888888888889em;
height: 2.888888888888889em; }
.icon.hakerl-inaktiv:before, .hakerl-inaktiv.button.arrow-right:before, .search .site-content input.hakerl-inaktiv.arrow-right[type="submit"]:before, .hakerl-inaktiv.button.arrow-left:before, .search .site-content input.hakerl-inaktiv.arrow-left[type="submit"]:before, .hakerl-inaktiv.button.arrow-down:before, .search .site-content input.hakerl-inaktiv.arrow-down[type="submit"]:before, .single-article li.hakerl-inaktiv:before, .hakerl-inaktiv.comment-count:before {
background-position: -0.2777777777777778em -28.444444444444446em;
width: 1.0555555555555556em;
height: 1.0555555555555556em; }
.icon.hakerl-inaktiv_2:before, .hakerl-inaktiv_2.button.arrow-right:before, .search .site-content input.hakerl-inaktiv_2.arrow-right[type="submit"]:before, .hakerl-inaktiv_2.button.arrow-left:before, .search .site-content input.hakerl-inaktiv_2.arrow-left[type="submit"]:before, .hakerl-inaktiv_2.button.arrow-down:before, .search .site-content input.hakerl-inaktiv_2.arrow-down[type="submit"]:before, .single-article li.hakerl-inaktiv_2:before, .hakerl-inaktiv_2.comment-count:before {
background-position: -0.2777777777777778em -30.055555555555557em;
width: 2.6666666666666665em;
height: 2.6666666666666665em; }
.icon.haus:before, .haus.button.arrow-right:before, .search .site-content input.haus.arrow-right[type="submit"]:before, .haus.button.arrow-left:before, .search .site-content input.haus.arrow-left[type="submit"]:before, .haus.button.arrow-down:before, .search .site-content input.haus.arrow-down[type="submit"]:before, .single-article li.haus:before, .haus.comment-count:before {
background-position: -0.2777777777777778em -33.27777777777778em;
width: 1.6111111111111112em;
height: 1.5555555555555556em; }
.icon.hilf_mit:before, .hilf_mit.button.arrow-right:before, .search .site-content input.hilf_mit.arrow-right[type="submit"]:before, .hilf_mit.button.arrow-left:before, .search .site-content input.hilf_mit.arrow-left[type="submit"]:before, .hilf_mit.button.arrow-down:before, .search .site-content input.hilf_mit.arrow-down[type="submit"]:before, .single-article li.hilf_mit:before, .hilf_mit.comment-count:before {
background-position: -0.2777777777777778em -35.38888888888889em;
width: 3.1666666666666665em;
height: 8.777777777777779em; }
.icon.hilf_mit_open:before, .hilf_mit_open.button.arrow-right:before, .search .site-content input.hilf_mit_open.arrow-right[type="submit"]:before, .search .site-content .tuwas.active input.arrow-right[type="submit"].lasche-small:before, .tuwas.active .search .site-content input.arrow-right[type="submit"].lasche-small:before, .search .site-content .tuwas.active input.arrow-right[type="submit"].lasche:before, .tuwas.active .search .site-content input.arrow-right[type="submit"].lasche:before, .tuwas.active .button.arrow-right.lasche-small:before, .tuwas.active .button.arrow-right.lasche:before, .hilf_mit_open.button.arrow-left:before, .search .site-content input.hilf_mit_open.arrow-left[type="submit"]:before, .search .site-content .tuwas.active input.arrow-left[type="submit"].lasche-small:before, .tuwas.active .search .site-content input.arrow-left[type="submit"].lasche-small:before, .search .site-content .tuwas.active input.arrow-left[type="submit"].lasche:before, .tuwas.active .search .site-content input.arrow-left[type="submit"].lasche:before, .tuwas.active .button.arrow-left.lasche-small:before, .tuwas.active .button.arrow-left.lasche:before, .hilf_mit_open.button.arrow-down:before, .search .site-content input.hilf_mit_open.arrow-down[type="submit"]:before, .search .site-content .tuwas.active input.arrow-down[type="submit"].lasche-small:before, .tuwas.active .search .site-content input.arrow-down[type="submit"].lasche-small:before, .search .site-content .tuwas.active input.arrow-down[type="submit"].lasche:before, .tuwas.active .search .site-content input.arrow-down[type="submit"].lasche:before, .tuwas.active .button.arrow-down.lasche-small:before, .tuwas.active .button.arrow-down.lasche:before, .tuwas.active .icon.lasche-small:before, .tuwas.active .single-article li.lasche-small:before, .single-article .tuwas.active li.lasche-small:before, .tuwas.active .lasche-small.comment-count:before, .tuwas.active .icon.lasche:before, .tuwas.active .single-article li.lasche:before, .single-article .tuwas.active li.lasche:before, .tuwas.active .lasche.comment-count:before, .single-article li.hilf_mit_open:before, .hilf_mit_open.comment-count:before {
background-position: -0.2777777777777778em -44.72222222222222em;
width: 1.2777777777777777em;
height: 7.611111111111111em; }
.icon.instagram_default:before, .instagram_default.button.arrow-right:before, .search .site-content input.instagram_default.arrow-right[type="submit"]:before, .instagram_default.button.arrow-left:before, .search .site-content input.instagram_default.arrow-left[type="submit"]:before, .instagram_default.button.arrow-down:before, .search .site-content input.instagram_default.arrow-down[type="submit"]:before, .single-article li.instagram_default:before, .instagram_default.comment-count:before {
background-position: -0.2777777777777778em -52.88888888888889em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.instagram_hover:before, .instagram_hover.button.arrow-right:before, .search .site-content input.instagram_hover.arrow-right[type="submit"]:before, .social-media a.button.arrow-right.instagram_default:hover:before, .social-media a.button.arrow-right.instagram_default:focus:before, .instagram_hover.button.arrow-left:before, .search .site-content input.instagram_hover.arrow-left[type="submit"]:before, .social-media a.button.arrow-left.instagram_default:hover:before, .social-media a.button.arrow-left.instagram_default:focus:before, .instagram_hover.button.arrow-down:before, .search .site-content input.instagram_hover.arrow-down[type="submit"]:before, .social-media a.button.arrow-down.instagram_default:hover:before, .social-media a.button.arrow-down.instagram_default:focus:before, .single-article li.instagram_hover:before, .instagram_hover.comment-count:before, .social-media a.comment-count.instagram_default:hover:before, .social-media a.comment-count.instagram_default:focus:before, .social-media a.icon.instagram_default:hover:before, .social-media a.icon.instagram_default:focus:before {
background-position: -0.2777777777777778em -57.55555555555556em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.kalender:before, .kalender.button.arrow-right:before, .search .site-content input.kalender.arrow-right[type="submit"]:before, .kalender.button.arrow-left:before, .search .site-content input.kalender.arrow-left[type="submit"]:before, .kalender.button.arrow-down:before, .search .site-content input.kalender.arrow-down[type="submit"]:before, .single-article li.kalender:before, .kalender.comment-count:before {
background-position: -0.2777777777777778em -62.22222222222222em;
width: 1.5555555555555556em;
height: 1.0555555555555556em; }
.icon.kommentar:before, .kommentar.button.arrow-right:before, .search .site-content input.kommentar.arrow-right[type="submit"]:before, .search .site-content input.arrow-right[type="submit"].comment-count:before, .button.arrow-right.comment-count:before, .kommentar.button.arrow-left:before, .search .site-content input.kommentar.arrow-left[type="submit"]:before, .search .site-content input.arrow-left[type="submit"].comment-count:before, .button.arrow-left.comment-count:before, .kommentar.button.arrow-down:before, .search .site-content input.kommentar.arrow-down[type="submit"]:before, .search .site-content input.arrow-down[type="submit"].comment-count:before, .button.arrow-down.comment-count:before, .single-article li.kommentar:before, .comment-count:before {
background-position: -0.2777777777777778em -63.833333333333336em;
width: 1.1666666666666667em;
height: 1.0555555555555556em; }
.icon.kreis_orange_10px:before, .kreis_orange_10px.button.arrow-right:before, .search .site-content input.kreis_orange_10px.arrow-right[type="submit"]:before, .single-article li.button.arrow-right:before, .kreis_orange_10px.button.arrow-left:before, .search .site-content input.kreis_orange_10px.arrow-left[type="submit"]:before, .single-article li.button.arrow-left:before, .kreis_orange_10px.button.arrow-down:before, .search .site-content input.kreis_orange_10px.arrow-down[type="submit"]:before, .single-article li.button.arrow-down:before, .single-article li:before, .kreis_orange_10px.comment-count:before {
background-position: -0.2777777777777778em -65.44444444444444em;
width: 1.1111111111111112em;
height: 1.1111111111111112em; }
.icon.logo_bizeps:before, .logo_bizeps.button.arrow-right:before, .search .site-content input.logo_bizeps.arrow-right[type="submit"]:before, .logo_bizeps.button.arrow-left:before, .search .site-content input.logo_bizeps.arrow-left[type="submit"]:before, .logo_bizeps.button.arrow-down:before, .search .site-content input.logo_bizeps.arrow-down[type="submit"]:before, .single-article li.logo_bizeps:before, .logo_bizeps.comment-count:before {
background-position: -0.2777777777777778em -67.1111111111111em;
width: 9.277777777777779em;
height: 3.3333333333333335em; }
.icon.logo_liechtenecker:before, .logo_liechtenecker.button.arrow-right:before, .search .site-content input.logo_liechtenecker.arrow-right[type="submit"]:before, .logo_liechtenecker.button.arrow-left:before, .search .site-content input.logo_liechtenecker.arrow-left[type="submit"]:before, .logo_liechtenecker.button.arrow-down:before, .search .site-content input.logo_liechtenecker.arrow-down[type="submit"]:before, .single-article li.logo_liechtenecker:before, .logo_liechtenecker.comment-count:before {
background-position: -0.2777777777777778em -71em;
width: 7.277777777777778em;
height: 2.5555555555555554em; }
.icon.lupe:before, .lupe.button.arrow-right:before, .search .site-content input.lupe.arrow-right[type="submit"]:before, .lupe.button.arrow-left:before, .search .site-content input.lupe.arrow-left[type="submit"]:before, .lupe.button.arrow-down:before, .search .site-content input.lupe.arrow-down[type="submit"]:before, .single-article li.lupe:before, .lupe.comment-count:before {
background-position: -0.2777777777777778em -74.1111111111111em;
width: 1.7777777777777777em;
height: 1.7777777777777777em; }
.icon.mail:before, .mail.button.arrow-right:before, .search .site-content input.mail.arrow-right[type="submit"]:before, .mail.button.arrow-left:before, .search .site-content input.mail.arrow-left[type="submit"]:before, .mail.button.arrow-down:before, .search .site-content input.mail.arrow-down[type="submit"]:before, .single-article li.mail:before, .mail.comment-count:before {
background-position: -0.2777777777777778em -76.44444444444444em;
width: 1.4444444444444444em;
height: 1.1666666666666667em; }
.icon.pfeil_links:before, .pfeil_links.button.arrow-right:before, .search .site-content input.pfeil_links.arrow-right[type="submit"]:before, .button.arrow-left:before, .search .site-content input.arrow-left[type="submit"]:before, .pfeil_links.button.arrow-down:before, .search .site-content input.pfeil_links.arrow-down[type="submit"]:before, .single-article li.pfeil_links:before, .pfeil_links.comment-count:before {
background-position: -0.2777777777777778em -78.16666666666666em;
width: 1.8333333333333333em;
height: 1.2777777777777777em; }
.icon.pfeil_rechts:before, .button.arrow-right:before, .search .site-content input.arrow-right[type="submit"]:before, .pfeil_rechts.button.arrow-left:before, .search .site-content input.pfeil_rechts.arrow-left[type="submit"]:before, .pfeil_rechts.button.arrow-down:before, .search .site-content input.pfeil_rechts.arrow-down[type="submit"]:before, .single-article li.pfeil_rechts:before, .pfeil_rechts.comment-count:before {
background-position: -0.2777777777777778em -80em;
width: 1.6666666666666667em;
height: 1.3888888888888888em; }
.icon.pfeil_unten:before, .pfeil_unten.button.arrow-right:before, .search .site-content input.pfeil_unten.arrow-right[type="submit"]:before, .pfeil_unten.button.arrow-left:before, .search .site-content input.pfeil_unten.arrow-left[type="submit"]:before, .button.arrow-down:before, .search .site-content input.arrow-down[type="submit"]:before, .single-article li.pfeil_unten:before, .pfeil_unten.comment-count:before {
background-position: -0.2777777777777778em -81.94444444444444em;
width: 1.4444444444444444em;
height: 1.7222222222222223em; }
.icon.radio-aktiv:before, .radio-aktiv.button.arrow-right:before, .search .site-content input.radio-aktiv.arrow-right[type="submit"]:before, .radio-aktiv.button.arrow-left:before, .search .site-content input.radio-aktiv.arrow-left[type="submit"]:before, .radio-aktiv.button.arrow-down:before, .search .site-content input.radio-aktiv.arrow-down[type="submit"]:before, .single-article li.radio-aktiv:before, .radio-aktiv.comment-count:before {
background-position: -0.2777777777777778em -84.22222222222221em;
width: 1.1111111111111112em;
height: 1.1111111111111112em; }
.icon.radio-aktiv_2:before, .radio-aktiv_2.button.arrow-right:before, .search .site-content input.radio-aktiv_2.arrow-right[type="submit"]:before, .radio-aktiv_2.button.arrow-left:before, .search .site-content input.radio-aktiv_2.arrow-left[type="submit"]:before, .radio-aktiv_2.button.arrow-down:before, .search .site-content input.radio-aktiv_2.arrow-down[type="submit"]:before, .single-article li.radio-aktiv_2:before, .radio-aktiv_2.comment-count:before {
background-position: -0.2777777777777778em -85.88888888888889em;
width: 1.4444444444444444em;
height: 1.4444444444444444em; }
.icon.radio-inaktiv:before, .radio-inaktiv.button.arrow-right:before, .search .site-content input.radio-inaktiv.arrow-right[type="submit"]:before, .radio-inaktiv.button.arrow-left:before, .search .site-content input.radio-inaktiv.arrow-left[type="submit"]:before, .radio-inaktiv.button.arrow-down:before, .search .site-content input.radio-inaktiv.arrow-down[type="submit"]:before, .single-article li.radio-inaktiv:before, .radio-inaktiv.comment-count:before {
background-position: -0.2777777777777778em -87.88888888888889em;
width: 1.2222222222222223em;
height: 1.2222222222222223em; }
.icon.radio-inaktiv_2:before, .radio-inaktiv_2.button.arrow-right:before, .search .site-content input.radio-inaktiv_2.arrow-right[type="submit"]:before, .radio-inaktiv_2.button.arrow-left:before, .search .site-content input.radio-inaktiv_2.arrow-left[type="submit"]:before, .radio-inaktiv_2.button.arrow-down:before, .search .site-content input.radio-inaktiv_2.arrow-down[type="submit"]:before, .single-article li.radio-inaktiv_2:before, .radio-inaktiv_2.comment-count:before {
background-position: -0.2777777777777778em -89.66666666666666em;
width: 1.4444444444444444em;
height: 1.4444444444444444em; }
.icon.share_facebook:before, .share_facebook.button.arrow-right:before, .search .site-content input.share_facebook.arrow-right[type="submit"]:before, .share_facebook.button.arrow-left:before, .search .site-content input.share_facebook.arrow-left[type="submit"]:before, .share_facebook.button.arrow-down:before, .search .site-content input.share_facebook.arrow-down[type="submit"]:before, .single-article li.share_facebook:before, .share_facebook.comment-count:before {
background-position: -0.2777777777777778em -91.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_facebook_hover:before, .share_facebook_hover.button.arrow-right:before, .search .site-content input.share_facebook_hover.arrow-right[type="submit"]:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_facebook:hover:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_facebook:hover:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_facebook:focus:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_facebook:focus:before, .social-sharing li .button.arrow-right.share_facebook:hover:before, .social-sharing li .button.arrow-right.share_facebook:focus:before, .share_facebook_hover.button.arrow-left:before, .search .site-content input.share_facebook_hover.arrow-left[type="submit"]:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_facebook:hover:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_facebook:hover:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_facebook:focus:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_facebook:focus:before, .social-sharing li .button.arrow-left.share_facebook:hover:before, .social-sharing li .button.arrow-left.share_facebook:focus:before, .share_facebook_hover.button.arrow-down:before, .search .site-content input.share_facebook_hover.arrow-down[type="submit"]:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_facebook:hover:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_facebook:hover:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_facebook:focus:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_facebook:focus:before, .social-sharing li .button.arrow-down.share_facebook:hover:before, .social-sharing li .button.arrow-down.share_facebook:focus:before, .single-article li.share_facebook_hover:before, .single-article .social-sharing li li.share_facebook:hover:before, .social-sharing li .single-article li.share_facebook:hover:before, .single-article .social-sharing li li.share_facebook:focus:before, .social-sharing li .single-article li.share_facebook:focus:before, .share_facebook_hover.comment-count:before, .social-sharing li .comment-count.share_facebook:hover:before, .social-sharing li .comment-count.share_facebook:focus:before, .social-sharing li .icon.share_facebook:hover:before, .social-sharing li .icon.share_facebook:focus:before {
background-position: -0.2777777777777778em -94.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_googleplus:before, .share_googleplus.button.arrow-right:before, .search .site-content input.share_googleplus.arrow-right[type="submit"]:before, .share_googleplus.button.arrow-left:before, .search .site-content input.share_googleplus.arrow-left[type="submit"]:before, .share_googleplus.button.arrow-down:before, .search .site-content input.share_googleplus.arrow-down[type="submit"]:before, .single-article li.share_googleplus:before, .share_googleplus.comment-count:before {
background-position: -0.2777777777777778em -97.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_googleplus_hover:before, .share_googleplus_hover.button.arrow-right:before, .search .site-content input.share_googleplus_hover.arrow-right[type="submit"]:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_googleplus:hover:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_googleplus:hover:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_googleplus:focus:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_googleplus:focus:before, .social-sharing li .button.arrow-right.share_googleplus:hover:before, .social-sharing li .button.arrow-right.share_googleplus:focus:before, .share_googleplus_hover.button.arrow-left:before, .search .site-content input.share_googleplus_hover.arrow-left[type="submit"]:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_googleplus:hover:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_googleplus:hover:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_googleplus:focus:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_googleplus:focus:before, .social-sharing li .button.arrow-left.share_googleplus:hover:before, .social-sharing li .button.arrow-left.share_googleplus:focus:before, .share_googleplus_hover.button.arrow-down:before, .search .site-content input.share_googleplus_hover.arrow-down[type="submit"]:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_googleplus:hover:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_googleplus:hover:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_googleplus:focus:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_googleplus:focus:before, .social-sharing li .button.arrow-down.share_googleplus:hover:before, .social-sharing li .button.arrow-down.share_googleplus:focus:before, .single-article li.share_googleplus_hover:before, .single-article .social-sharing li li.share_googleplus:hover:before, .social-sharing li .single-article li.share_googleplus:hover:before, .single-article .social-sharing li li.share_googleplus:focus:before, .social-sharing li .single-article li.share_googleplus:focus:before, .share_googleplus_hover.comment-count:before, .social-sharing li .comment-count.share_googleplus:hover:before, .social-sharing li .comment-count.share_googleplus:focus:before, .social-sharing li .icon.share_googleplus:hover:before, .social-sharing li .icon.share_googleplus:focus:before {
background-position: -0.2777777777777778em -100.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_mail:before, .share_mail.button.arrow-right:before, .search .site-content input.share_mail.arrow-right[type="submit"]:before, .share_mail.button.arrow-left:before, .search .site-content input.share_mail.arrow-left[type="submit"]:before, .share_mail.button.arrow-down:before, .search .site-content input.share_mail.arrow-down[type="submit"]:before, .single-article li.share_mail:before, .share_mail.comment-count:before {
background-position: -0.2777777777777778em -103.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_mail_hover:before, .share_mail_hover.button.arrow-right:before, .search .site-content input.share_mail_hover.arrow-right[type="submit"]:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_mail:hover:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_mail:hover:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_mail:focus:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_mail:focus:before, .social-sharing li .button.arrow-right.share_mail:hover:before, .social-sharing li .button.arrow-right.share_mail:focus:before, .share_mail_hover.button.arrow-left:before, .search .site-content input.share_mail_hover.arrow-left[type="submit"]:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_mail:hover:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_mail:hover:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_mail:focus:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_mail:focus:before, .social-sharing li .button.arrow-left.share_mail:hover:before, .social-sharing li .button.arrow-left.share_mail:focus:before, .share_mail_hover.button.arrow-down:before, .search .site-content input.share_mail_hover.arrow-down[type="submit"]:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_mail:hover:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_mail:hover:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_mail:focus:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_mail:focus:before, .social-sharing li .button.arrow-down.share_mail:hover:before, .social-sharing li .button.arrow-down.share_mail:focus:before, .single-article li.share_mail_hover:before, .single-article .social-sharing li li.share_mail:hover:before, .social-sharing li .single-article li.share_mail:hover:before, .single-article .social-sharing li li.share_mail:focus:before, .social-sharing li .single-article li.share_mail:focus:before, .share_mail_hover.comment-count:before, .social-sharing li .comment-count.share_mail:hover:before, .social-sharing li .comment-count.share_mail:focus:before, .social-sharing li .icon.share_mail:hover:before, .social-sharing li .icon.share_mail:focus:before {
background-position: -0.2777777777777778em -106.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_twitter:before, .share_twitter.button.arrow-right:before, .search .site-content input.share_twitter.arrow-right[type="submit"]:before, .share_twitter.button.arrow-left:before, .search .site-content input.share_twitter.arrow-left[type="submit"]:before, .share_twitter.button.arrow-down:before, .search .site-content input.share_twitter.arrow-down[type="submit"]:before, .single-article li.share_twitter:before, .share_twitter.comment-count:before {
background-position: -0.2777777777777778em -109.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_twitter_hover:before, .share_twitter_hover.button.arrow-right:before, .search .site-content input.share_twitter_hover.arrow-right[type="submit"]:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_twitter:hover:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_twitter:hover:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_twitter:focus:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_twitter:focus:before, .social-sharing li .button.arrow-right.share_twitter:hover:before, .social-sharing li .button.arrow-right.share_twitter:focus:before, .share_twitter_hover.button.arrow-left:before, .search .site-content input.share_twitter_hover.arrow-left[type="submit"]:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_twitter:hover:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_twitter:hover:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_twitter:focus:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_twitter:focus:before, .social-sharing li .button.arrow-left.share_twitter:hover:before, .social-sharing li .button.arrow-left.share_twitter:focus:before, .share_twitter_hover.button.arrow-down:before, .search .site-content input.share_twitter_hover.arrow-down[type="submit"]:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_twitter:hover:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_twitter:hover:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_twitter:focus:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_twitter:focus:before, .social-sharing li .button.arrow-down.share_twitter:hover:before, .social-sharing li .button.arrow-down.share_twitter:focus:before, .single-article li.share_twitter_hover:before, .single-article .social-sharing li li.share_twitter:hover:before, .social-sharing li .single-article li.share_twitter:hover:before, .single-article .social-sharing li li.share_twitter:focus:before, .social-sharing li .single-article li.share_twitter:focus:before, .share_twitter_hover.comment-count:before, .social-sharing li .comment-count.share_twitter:hover:before, .social-sharing li .comment-count.share_twitter:focus:before, .social-sharing li .icon.share_twitter:hover:before, .social-sharing li .icon.share_twitter:focus:before {
background-position: -0.2777777777777778em -112.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_whatsapp:before, .share_whatsapp.button.arrow-right:before, .search .site-content input.share_whatsapp.arrow-right[type="submit"]:before, .share_whatsapp.button.arrow-left:before, .search .site-content input.share_whatsapp.arrow-left[type="submit"]:before, .share_whatsapp.button.arrow-down:before, .search .site-content input.share_whatsapp.arrow-down[type="submit"]:before, .single-article li.share_whatsapp:before, .share_whatsapp.comment-count:before {
background-position: -0.2777777777777778em -115.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.share_whatsapp_hover:before, .share_whatsapp_hover.button.arrow-right:before, .search .site-content input.share_whatsapp_hover.arrow-right[type="submit"]:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_whatsapp:hover:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_whatsapp:hover:before, .search .site-content .social-sharing li input.arrow-right[type="submit"].share_whatsapp:focus:before, .social-sharing li .search .site-content input.arrow-right[type="submit"].share_whatsapp:focus:before, .social-sharing li .button.arrow-right.share_whatsapp:hover:before, .social-sharing li .button.arrow-right.share_whatsapp:focus:before, .share_whatsapp_hover.button.arrow-left:before, .search .site-content input.share_whatsapp_hover.arrow-left[type="submit"]:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_whatsapp:hover:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_whatsapp:hover:before, .search .site-content .social-sharing li input.arrow-left[type="submit"].share_whatsapp:focus:before, .social-sharing li .search .site-content input.arrow-left[type="submit"].share_whatsapp:focus:before, .social-sharing li .button.arrow-left.share_whatsapp:hover:before, .social-sharing li .button.arrow-left.share_whatsapp:focus:before, .share_whatsapp_hover.button.arrow-down:before, .search .site-content input.share_whatsapp_hover.arrow-down[type="submit"]:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_whatsapp:hover:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_whatsapp:hover:before, .search .site-content .social-sharing li input.arrow-down[type="submit"].share_whatsapp:focus:before, .social-sharing li .search .site-content input.arrow-down[type="submit"].share_whatsapp:focus:before, .social-sharing li .button.arrow-down.share_whatsapp:hover:before, .social-sharing li .button.arrow-down.share_whatsapp:focus:before, .single-article li.share_whatsapp_hover:before, .single-article .social-sharing li li.share_whatsapp:hover:before, .social-sharing li .single-article li.share_whatsapp:hover:before, .single-article .social-sharing li li.share_whatsapp:focus:before, .social-sharing li .single-article li.share_whatsapp:focus:before, .share_whatsapp_hover.comment-count:before, .social-sharing li .comment-count.share_whatsapp:hover:before, .social-sharing li .comment-count.share_whatsapp:focus:before, .social-sharing li .icon.share_whatsapp:hover:before, .social-sharing li .icon.share_whatsapp:focus:before {
background-position: -0.2777777777777778em -118.66666666666666em;
width: 2.4444444444444446em;
height: 2.4444444444444446em; }
.icon.telefon:before, .telefon.button.arrow-right:before, .search .site-content input.telefon.arrow-right[type="submit"]:before, .telefon.button.arrow-left:before, .search .site-content input.telefon.arrow-left[type="submit"]:before, .telefon.button.arrow-down:before, .search .site-content input.telefon.arrow-down[type="submit"]:before, .single-article li.telefon:before, .telefon.comment-count:before {
background-position: -0.2777777777777778em -121.66666666666666em;
width: 1.7222222222222223em;
height: 1.8888888888888888em; }
.icon.twitter_default:before, .twitter_default.button.arrow-right:before, .search .site-content input.twitter_default.arrow-right[type="submit"]:before, .twitter_default.button.arrow-left:before, .search .site-content input.twitter_default.arrow-left[type="submit"]:before, .twitter_default.button.arrow-down:before, .search .site-content input.twitter_default.arrow-down[type="submit"]:before, .single-article li.twitter_default:before, .twitter_default.comment-count:before {
background-position: -0.2777777777777778em -124.1111111111111em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.twitter_hover:before, .twitter_hover.button.arrow-right:before, .search .site-content input.twitter_hover.arrow-right[type="submit"]:before, .social-media a.button.arrow-right.twitter_default:hover:before, .social-media a.button.arrow-right.twitter_default:focus:before, .twitter_hover.button.arrow-left:before, .search .site-content input.twitter_hover.arrow-left[type="submit"]:before, .social-media a.button.arrow-left.twitter_default:hover:before, .social-media a.button.arrow-left.twitter_default:focus:before, .twitter_hover.button.arrow-down:before, .search .site-content input.twitter_hover.arrow-down[type="submit"]:before, .social-media a.button.arrow-down.twitter_default:hover:before, .social-media a.button.arrow-down.twitter_default:focus:before, .single-article li.twitter_hover:before, .twitter_hover.comment-count:before, .social-media a.comment-count.twitter_default:hover:before, .social-media a.comment-count.twitter_default:focus:before, .social-media a.icon.twitter_default:hover:before, .social-media a.icon.twitter_default:focus:before {
background-position: -0.2777777777777778em -128.77777777777777em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.uhrzeit:before, .uhrzeit.button.arrow-right:before, .search .site-content input.uhrzeit.arrow-right[type="submit"]:before, .uhrzeit.button.arrow-left:before, .search .site-content input.uhrzeit.arrow-left[type="submit"]:before, .uhrzeit.button.arrow-down:before, .search .site-content input.uhrzeit.arrow-down[type="submit"]:before, .single-article li.uhrzeit:before, .uhrzeit.comment-count:before {
background-position: -0.2777777777777778em -133.44444444444443em;
width: 0.8333333333333334em;
height: 0.8333333333333334em; }
.icon.youtube_default:before, .youtube_default.button.arrow-right:before, .search .site-content input.youtube_default.arrow-right[type="submit"]:before, .youtube_default.button.arrow-left:before, .search .site-content input.youtube_default.arrow-left[type="submit"]:before, .youtube_default.button.arrow-down:before, .search .site-content input.youtube_default.arrow-down[type="submit"]:before, .single-article li.youtube_default:before, .youtube_default.comment-count:before {
background-position: -0.2777777777777778em -134.83333333333331em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
.icon.youtube_hover:before, .youtube_hover.button.arrow-right:before, .search .site-content input.youtube_hover.arrow-right[type="submit"]:before, .social-media a.button.arrow-right.youtube_default:hover:before, .social-media a.button.arrow-right.youtube_default:focus:before, .youtube_hover.button.arrow-left:before, .search .site-content input.youtube_hover.arrow-left[type="submit"]:before, .social-media a.button.arrow-left.youtube_default:hover:before, .social-media a.button.arrow-left.youtube_default:focus:before, .youtube_hover.button.arrow-down:before, .search .site-content input.youtube_hover.arrow-down[type="submit"]:before, .social-media a.button.arrow-down.youtube_default:hover:before, .social-media a.button.arrow-down.youtube_default:focus:before, .single-article li.youtube_hover:before, .youtube_hover.comment-count:before, .social-media a.comment-count.youtube_default:hover:before, .social-media a.comment-count.youtube_default:focus:before, .social-media a.icon.youtube_default:hover:before, .social-media a.icon.youtube_default:focus:before {
background-position: -0.2777777777777778em -139.5em;
width: 4.111111111111111em;
height: 4.111111111111111em; }
table {
width: 100%; }
table td {
padding: .5em;
border: 1px solid #CCCCCC;
width: 50%; }
/* iCheck plugin Flat skin, orange
----------------------------------- */
.icheckbox_flat-orange,
.iradio_flat-orange {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
/*width: 20px;
height: 20px;
background: url(../images/orange.png) no-repeat;*/
border: none;
cursor: pointer; }
.icheckbox_flat-orange {
background: url(../images/hakerl-inaktiv.png) no-repeat;
width: 40px;
height: 40px; }
.icheckbox_flat-orange.checked {
background: url(../images/hakerl-aktiv.png) no-repeat;
width: 40px;
height: 40px; }
.icheckbox_flat-orange.disabled {
background: url(../images/hakerl-inaktiv.png) no-repeat;
width: 40px;
height: 40px; }
.icheckbox_flat-orange.checked.disabled {
background: url(../images/hakerl-inaktiv.png) no-repeat;
width: 40px;
height: 40px; }
.iradio_flat-orange {
background: url(../images/radio-inaktiv.png) no-repeat;
width: 20px;
height: 20px; }
.iradio_flat-orange.checked {
background: url(../images/radio-aktiv.png) no-repeat; }
.iradio_flat-orange.disabled {
background: url(../images/radio-inaktiv.png) no-repeat;
cursor: default; }
.iradio_flat-orange.checked.disabled {
background: url(../images/radio-inaktiv.png) no-repeat; }
/* HiDPI support */
/*@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.icheckbox_flat-orange,
.iradio_flat-orange {
background-image: url(../images/orange@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}*/
/*
|--------------------------------------------------------------------------
| *Project imports*
|--------------------------------------------------------------------------
*/
header.main {
background-color: #F4B407;
position: relative;
/* Dynamically added submenu outside of the menu context */ }
header.main .open-search {
padding: 0; }
header.main .open-search:hover {
cursor: pointer; }
header.main .wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 150px;
padding-right: 225px;
position: relative;
min-height: 80px; }
header.main .wrapper::after {
clear: both;
content: "";
display: table; }
header.main .wrapper:after {
display: block; }
@media all and (max-width: 1140px) {
header.main .wrapper {
padding-right: 0px; } }
@media all and (max-width: 850px) {
header.main .wrapper {
padding: 0px; } }
header.main .bizeps-logo {
position: absolute;
left: 0;
top: 50%;
margin-top: -29px; }
@media all and (max-width: 1230px) {
header.main .bizeps-logo {
left: 10px; } }
@media all and (max-width: 850px) {
header.main .bizeps-logo {
display: none; } }
header.main nav.main {
margin-left: 15%; }
header.main nav ul {
margin: 0; }
@media (max-width: 960px) {
header.main nav ul {
padding-left: .5em; } }
header.main nav ul li {
list-style-type: none;
display: inline-block; }
header.main nav ul li a {
text-decoration: none;
position: relative;
padding: 29px 1em;
display: inline-block;
font-size: 1em;
letter-spacing: 0.01em; }
@media (max-width: 960px) {
header.main nav ul li a {
padding: 29px 0.5em; } }
header.main nav ul li.current-menu-item a:after, header.main nav ul li.current-page-ancestor a:after, header.main nav ul li a:hover:after, header.main nav ul li a:focus:after {
content: '';
position: absolute;
width: 30px;
height: 3px;
left: 50%;
margin-left: -15px;
bottom: 0;
background-color: black; }
header.main nav ul li > ul {
display: none; }
header.main .searchform {
position: absolute;
right: 5px;
top: 5px; }
header.main .searchform input[type="text"] {
height: 45px;
min-width: 300px;
height: 70px;
font-size: 1em;
padding-left: 1em;
letter-spacing: 0.01em; }
header.main .searchform input[type="submit"] {
position: absolute;
right: 0;
background-color: black;
top: 0; }
header.main .menu-hauptmenue-container {
float: left; }
header.main .no-touch .responsive.menu-hauptmenue-container li a:hover, header.main .no-touch .responsive.menu-hauptmenue-container li a:focus {
background: rgba(255, 248, 213, 0.1); }
header.main .responsive.menu-hauptmenue-container {
width: 100%;
max-width: 300px;
position: absolute;
right: 10px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
z-index: 999;
text-align: right;
margin-top: 18px;
/* Hide the inner submenus */
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/ }
header.main .responsive.menu-hauptmenue-container button {
background: white;
border: none;
width: 48px;
height: 45px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none; }
header.main .responsive.menu-hauptmenue-container button.dl-active,
header.main .responsive.menu-hauptmenue-container ul {
background: #F4B407; }
header.main .responsive.menu-hauptmenue-container button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
background: #222222;
top: 10px;
left: 16%;
box-shadow: 0 10px 0 #222222, 0 20px 0 #222222; }
header.main .responsive.menu-hauptmenue-container ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-color: #F4B407; }
header.main .responsive.menu-hauptmenue-container li {
position: relative;
display: block; }
header.main .responsive.menu-hauptmenue-container li a {
display: block;
position: relative;
padding: 15px 20px;
line-height: 20px;
outline: none;
text-align: left;
color: #222222;
font-weight: 700; }
header.main .responsive.menu-hauptmenue-container li .dl-back > a {
padding-left: 40px !important;
background: rgba(0, 0, 0, 0.1); }
header.main .responsive.menu-hauptmenue-container li.dl-back:after,
header.main .responsive.menu-hauptmenue-container li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e000";
left: 90%;
margin-left: 0 !important;
color: #222222; }
header.main .responsive.menu-hauptmenue-container li.current-page-ancestor a:after {
left: 90%;
margin-left: 0; }
@media (min-width: 850px) {
header.main .responsive.menu-hauptmenue-container li.dl-back {
display: none !important; } }
header.main .responsive.menu-hauptmenue-container li.dl-back:after {
left: 10px;
color: #222222;
line-height: 56px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
header.main .responsive.menu-hauptmenue-container li > a:after {
right: 10px;
color: rgba(0, 0, 0, 0.15);
background: transparent; }
header.main .responsive.menu-hauptmenue-container .dl-menu {
margin: 5px 0 0 0;
position: absolute;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-menu-toggle {
transition: all 0.3s ease; }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
header.main .responsive.menu-hauptmenue-container li .sub-menu {
display: none; }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subviewopen > a,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subview > a {
display: none; }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subview,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subview .sub-menu,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subviewopen,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subviewopen > .sub-menu,
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-subview li.dl-subviewopen > .sub-menu > li {
display: block; }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s; }
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0; }
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5; }
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1; } }
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0; }
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5; }
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1; } }
header.main .responsive.menu-hauptmenue-container .dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s; }
@-webkit-keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg); }
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5; }
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0; } }
@keyframes MenuAnimIn1 {
0% {
transform: translateZ(-500px) rotateY(0deg);
opacity: 0; }
20% {
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5; }
100% {
transform: translateZ(0px) rotateY(0deg);
opacity: 1; } }
header.main .responsive.menu-hauptmenue-container > .sub-menu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0; }
header.main .responsive-title {
display: none; }
@media (max-width: 850px) {
header.main .responsive-title {
display: block;
margin: 0 auto;
text-align: center;
width: 80%;
margin: 0 10%;
position: absolute;
top: 30px;
font-size: 1.2em;
font-weight: 700; } }
@media (max-width: 450px) {
header.main .responsive-title {
width: 50%;
margin: 0 25%; } }
@media (max-width: 1250px) {
#primary-menu a {
font-size: 1em; } }
@media (max-width: 850px) {
#primary-menu a {
font-size: .9em; } }
#primary-menu .menu-item-has-children {
position: relative; }
@media (min-width: 850px) {
#primary-menu .menu-item-has-children:hover ul.sub-menu, #primary-menu .menu-item-has-children.focus ul.sub-menu {
display: block;
z-index: 999; } }
@media (min-width: 850px) {
#primary-menu .sub-menu {
position: absolute;
padding-left: 0;
left: 0;
top: 80px;
min-width: 210px; } }
@media (max-width: 1024px) {
#primary-menu .sub-menu {
top: 80px; } }
#primary-menu .sub-menu li {
display: block;
background-color: #F4B407; }
#primary-menu .sub-menu li a {
padding: 1em;
width: 100%; }
#primary-menu .sub-menu li a:after {
background-color: transparent; }
#primary-menu .sub-menu li a:hover:before, #primary-menu .sub-menu li a:focus:before {
content: "";
position: absolute;
width: 3px;
background-color: black;
height: 100%;
left: 0;
top: 0; }
#primary-menu .sub-menu li a:hover:after, #primary-menu .sub-menu li a:focus:after {
background-color: transparent; }
.cookie-note {
display: none;
position: fixed;
bottom: 0;
background-color: #F4B407;
width: 100%;
z-index: 99999; }
.cookie-note .cookie-wrapper {
padding: .5em; }
.cookie-note p {
text-align: center;
font-size: .9em; }
.cookie-note button {
border: 2px solid #222222;
background-color: #F4B407;
color: #222222;
text-decoration: none;
margin-left: 1em;
padding: 0.5em 1em;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out; }
.cookie-note button:hover {
background-color: #222222;
color: #F4B407; }
.top-ad {
background-color: #E2E2E2; }
.top-ad .ad-placeholder {
width: 50%; }
.top-ad .customadss {
text-align: center; }
.ad-placeholder {
background-color: #B1B1B1;
color: white;
font-size: 1.5em;
font-weight: 300;
margin: 0 auto;
text-align: center;
padding: 1em; }
.side-ad {
position: absolute;
right: -200px;
top: 0; }
.side-ad .ad-placeholder {
width: 160px;
height: 550px;
padding-top: 2em; }
.post .side-ad {
margin-top: 300px;
right: -160px; }
.content-ad {
text-align: center;
margin: 2em 0 1em;
clear: both; }
@media all and (max-width: 800px) {
.side-ad, .top-ad, .content-ad {
display: none; } }
html.no-opacity .tuwas.active .lasche, html.no-opacity .tuwas.active .lasche-small {
display: none; }
.tuwas {
position: fixed;
z-index: 1500;
top: 350px;
left: -30%;
width: 30%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }
.tuwas .tuwas-responsive {
display: none;
background: #F4B407; }
.tuwas .tuwas-responsive.button, .tuwas .search .site-content input.tuwas-responsive[type="submit"], .search .site-content .tuwas input.tuwas-responsive[type="submit"] {
text-align: center;
padding: 1em 2em 1em 2em;
/*@extend .icon;
@extend .pfeil_unten;*/ }
.tuwas.active {
left: 0; }
.tuwas.active .lasche-small:before {
margin-left: -10px;
margin-top: -71px; }
.tuwas.active .control {
opacity: 1;
/*right: -55px;*/ }
.tuwas.active .lasche:before {
margin-left: -10px;
margin-top: -72px; }
.tuwas.active .lasche:hover, .tuwas.active .lasche:focus {
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }
.tuwas .control {
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 100%;
cursor: pointer;
opacity: 0;
background: #F4B407;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
.tuwas .control:hover, .tuwas .control:focus {
background: #916b04; }
.tuwas .control:hover:after, .tuwas .control:focus:after {
margin-left: -15px; }
.tuwas .control a {
width: 45px;
height: 45px;
margin: 5px;
padding-right: 0;
-webkit-transition-property: none;
-moz-transition-property: none;
transition-property: none; }
.tuwas .control a:focus {
background-color: #444; }
.tuwas .control:after {
position: absolute;
bottom: 15px;
left: 50%;
width: 15px;
height: 21px;
margin-left: -7px;
content: ""; }
.tuwas .menu-hilf-uns-lasche-container {
height: 238px;
background: #F4B407; }
.tuwas .lasche {
position: absolute;
right: -60px;
display: block;
width: 60px;
height: 254px;
cursor: pointer;
opacity: 1;
background: #F4B407;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; }
.tuwas .lasche:hover, .tuwas .lasche:focus {
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }
.tuwas .lasche:hover:after, .tuwas .lasche:focus:after {
left: 100%; }
.tuwas .lasche:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -82px;
margin-left: -28px; }
.tuwas .lasche:after {
position: absolute;
top: 50%;
left: 95%;
width: 43px;
height: 43px;
margin-top: -21px;
margin-left: -21px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
.tuwas .lasche-small {
position: absolute;
right: -40px;
display: none;
width: 40px;
height: 254px;
cursor: pointer;
opacity: 1;
background: #F4B407;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; }
.tuwas .lasche-small:hover, .tuwas .lasche-small:focus {
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 10px; }
.tuwas .lasche-small:hover:after, .tuwas .lasche-small:focus:after {
left: 100%; }
.tuwas .lasche-small:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -81px;
margin-left: -28px; }
.tuwas .lasche-small:after {
position: absolute;
top: 50%;
left: 95%;
width: 43px;
height: 43px;
margin-top: -21px;
margin-left: -21px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
.tuwas.scroll .lasche {
display: none !important; }
.tuwas.scroll .lasche-small {
display: block !important; }
@media all and (max-width: 1650px) {
.tuwas {
top: 300px; }
.tuwas .lasche {
display: none; }
.tuwas .lasche-small {
display: block; } }
@media all and (max-width: 1100px) {
.tuwas {
font-size: 0.75em;
left: -80%;
width: 80%; } }
@media all and (max-width: 960px) {
.tuwas {
position: static;
display: block;
width: 100%; }
.tuwas .lasche, .tuwas .lasche-small {
display: none; }
.tuwas .tuwas-responsive {
display: block; }
.tuwas .menu-hilf-uns-lasche-container {
display: none; }
.tuwas .menu-hilf-uns-lasche-container a {
text-align: center; }
.tuwas .control {
position: relative;
right: auto;
float: left;
width: 100%;
height: auto;
cursor: pointer;
text-align: center;
opacity: 1;
background: #e54690; }
.tuwas .control a {
display: inline-block; }
.tuwas .control:after {
display: none; }
.tuwas .control:hover, .tuwas .control:focus {
background: #F4B407; } }
.tuwas ul {
margin: 0;
padding: 0;
font-size: 1.375em;
font-weight: 700; }
.tuwas ul li {
list-style-type: none; }
.tuwas ul li a {
text-align: left;
text-decoration: none;
text-transform: uppercase;
background-color: #F4B407;
display: block;
padding: 1em 1.25em;
position: relative;
border-right: 2px solid white;
border-bottom: 2px solid white; }
.tuwas ul li a:hover:before, .tuwas ul li a:focus:before {
content: "";
position: absolute;
width: 5px;
background-color: black;
height: 100%;
left: 0;
top: 0; }
.tuwas ul li:last-child a {
border-bottom: none; }
.start .featured article, .start .image-week article, .start .news .blog-list {
border-bottom: 1px solid #CCCCCC; }
.start .more-news {
border-bottom: 1px solid #CCCCCC; }
.start .more-news section {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.start .more-news section:last-child {
margin-right: 0; }
@media all and (max-width: 950px) {
.start .more-news section {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.start .more-news section:last-child {
margin-right: 0; } }
.start .more-news .newsletter .newsletter-wrapper {
width: 85%;
margin: 0 auto; }
.start .top-news .blog-list .content-wrapper {
border-top: 8px solid #F4B407; }
@media all and (max-width: 1000px) {
.start .top-news .blog-list article:nth-child(3n) {
float: none;
margin: 0 auto; } }
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
img.alignright {
float: right;
margin: 5px 0 20px 20px; }
img.alignnone {
margin: 5px 20px 20px 0; }
img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.blog-list article {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%;
min-height: 550px; }
.blog-list article:last-child {
margin-right: 0; }
.blog-list article:nth-child(3n) {
margin-right: 0; }
.blog-list article:nth-child(3n+1) {
clear: left; }
@media all and (max-width: 1000px) {
.blog-list article {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.blog-list article:last-child {
margin-right: 0; }
.blog-list article:nth-child(3n) {
margin-right: 2.35765%; }
.blog-list article:nth-child(3n+1) {
clear: none; }
.blog-list article:nth-child(2n) {
margin-right: 0; }
.blog-list article:nth-child(2n+1) {
clear: left; } }
@media all and (max-width: 650px) {
.blog-list article {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
min-height: 450px; }
.blog-list article:last-child {
margin-right: 0; }
.blog-list article:nth-child(3n) {
margin-right: 2.35765%; }
.blog-list article:nth-child(3n+1) {
clear: none; }
.blog-list article:nth-child(1n) {
margin-right: 0; }
.blog-list article:nth-child(1n+1) {
clear: left; } }
.blog-list article a:hover img, .blog-list article:focus img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15); }
.blog-list .image-wrapper {
overflow: hidden;
max-height: 300px; }
.blog-list .image-wrapper img {
width: 100%;
margin: 0 auto;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.blog-list .content-wrapper {
border-top: 5px solid white;
width: 90%;
margin: -100px auto 0;
/*padding: 0 1.5em;*/
min-height: 110px;
background: white;
position: relative;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.blog-list .content-wrapper p {
color: #555; }
.blog-list .entry-header, .blog-list .entry-content {
padding: 0 10%; }
.blog-list .entry-content {
width: 90%;
margin: -20px auto 0; }
.single-article ul {
padding-left: 0; }
.single-article ul>ul {
padding-left: 1.5em; }
.single-article ol {
padding-left: 1.5em;
}
.single-article ul li {
list-style: none;
padding-left: 25px;
position: relative; }
.single-article ul li:before {
position: absolute;
left: 0;
margin-right: 10px;
top: 4px; }
.single-article img {
max-width: 100% !important;
height: auto !important; }
.single-article #disqus_thread {
margin-top: 3em; }
.single-article .content.main-wrapper {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 1em;
padding-bottom: 4em;
background: white; }
.single-article .entry-footer {
margin: 2em 0; }
.single-article .entry-footer .author-info .author-name {
font-size: 1.375em; }
.single-article .entry-footer .author-info .image-wrapper {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%; }
.single-article .entry-footer .author-info .image-wrapper:last-child {
margin-right: 0; }
@media all and (max-width: 500px) {
.single-article .entry-footer .author-info .image-wrapper {
width: 100%; }
.single-article .entry-footer .author-info .image-wrapper img {
width: 100% !important; } }
.single-article .entry-footer .author-info .image-wrapper img {
width: 240px; }
.single-article .entry-footer .author-info .content-wrapper {
float: left;
display: block;
margin-right: 2.35765%;
width: 57.35098%;
font-style: italic;
position: relative; }
.single-article .entry-footer .author-info .content-wrapper:last-child {
margin-right: 0; }
@media all and (max-width: 500px) {
.single-article .entry-footer .author-info .content-wrapper {
width: 100%; } }
.single-article .iframe {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0; }
.single-article .iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.post .article-wrapper, #disqus_thread {
width: 70%;
margin: 0 auto; }
@media all and (max-width: 850px) {
.post .article-wrapper, #disqus_thread {
width: 90%; } }
.related-articles {
border-bottom: 1px solid #CCCCCC; }
.more-links {
margin: 3em 0; }
.more-links ul {
padding: 0 0 0 1em; }
.more-links a {
text-decoration: underline;
font-style: italic; }
.more-links a:hover, .more-links a:focus {
background: #F4B407;
color: #222222; }
.entry-meta span {
font-size: 0.875em;
color: #232323;
margin-right: 10px; }
.entry-meta span:before {
font-size: 1.125em !important; }
.entry-meta div {
display: inline; }
.meta-span {
font-size: .85em; }
.entry-meta .posted-on:before, .entry-meta .author:before, .entry-meta .comment-count:before {
margin-right: 5px;
margin-top: -4px; }
.posted-on:before {
margin-right: 5px;
margin-top: -4px; }
.comment-count .comment-icon {
margin-right: 0; }
.audiometa {
padding: 2em 0 1em; }
.audiometa .audio-title a {
font-size: 1.2em; }
.most-read ol {
margin: 0 auto;
padding: 0; }
.most-read li {
list-style-type: none;
margin: 1em 0;
padding: 0 2.5em 2.5em;
position: relative;
min-height: 200px; }
@media all and (max-width: 950px) {
.most-read li {
min-height: 100px;
padding: 0 8%; } }
@media all and (max-width: 500px) {
.most-read li {
min-height: 120px; } }
.most-read li:not(:last-child) {
border-bottom: 1px solid #CCCCCC; }
.most-read li a:hover, .most-read li a:focus {
text-decoration: underline; }
.most-read li:before {
position: absolute; }
.most-read li:nth-child(1):before {
content: "Platz 1"; }
.most-read li:nth-child(2):before {
content: "Platz 2"; }
.most-read li:nth-child(3):before {
content: "Platz 3"; }
.most-read .wpp-post-title {
font-size: 1.5em;
font-style: italic;
font-weight: 700;
position: relative;
top: 1em;
margin-top: 1em;
}
@media all and (max-width: 950px) {
.most-read .wpp-post-title {
margin-bottom: 1em;
display: block;
}
}
.more-news .events h3 {
margin: 0.5em 0 0.25em 0; }
.more-news .events .meta {
font-size: 1em; }
.more-news .events .meta.kalender:before {
margin-right: 5px;
margin-top: -5px;
font-size: 1em !important; }
.more-news .events .meta .the-date {
font-size: .9em;
}
.more-news .events article {
min-height: 200px;
margin: 1em 0; }
.more-news .events article:not(:last-of-type) {
border-bottom: 1px solid #CCCCCC; }
@media all and (max-width: 950px) {
.more-news .events article {
min-height: 150px; } }
.more-news .events article .termin-wrapper {
margin: .5em auto;
width: 85%; }
.more-news .events article .entry-content p {
margin-top: 0; }
.main-termine {
margin: 3em auto; }
.main-termine .termin-meta {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.main-termine .termin-meta:last-child {
margin-right: 0; }
@media all and (max-width: 850px) {
.main-termine .termin-meta {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin-bottom: 10px; }
.main-termine .termin-meta:last-child {
margin-right: 0; }
.main-termine .termin-meta span {
display: inline-block !important; }
.main-termine .termin-meta span.date {
display: block !important; } }
.main-termine .termin-meta .date {
font-weight: 700;
font-style: italic;
font-size: 1.5em;
color: #222222;
line-height: 1.4em !important;
/*margin-bottom: .65em;*/ }
.main-termine .termin-meta span {
display: block;
color: #555;
line-height: 1.6em; }
.main-termine .termin-content {
float: left;
display: block;
margin-right: 2.35765%;
width: 74.41059%; }
.main-termine .termin-content:last-child {
margin-right: 0; }
@media all and (max-width: 850px) {
.main-termine .termin-content {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.main-termine .termin-content:last-child {
margin-right: 0; } }
.main-termine .termin-content h3 {
margin: 0; }
.main-termine .termin-content p {
color: #555;
margin-top: 0; }
.main-termine .termin-content span.termin-icon {
display: block;
color: #555;
margin-top: 5px; }
.main-termine .termin-content span.termin-icon:before {
margin-right: 10px; }
.main-termine .termin-content span.termin-icon a {
text-decoration: underline;
color: #555; }
.main-termine .termin-content span.termin-icon a:hover, .main-termine .termin-content span.termin-icon a:focus {
background-color: #F4B407;
color: #222222; }
.event-list .article-wrapper {
float: left;
margin: 2em 5% !important; }
.search h1 {
margin-bottom: 0; }
.search h1 a {
text-decoration: underline; }
.search h1 a:hover, .search h1 a:focus {
background: #F4B407;
color: #222222; }
.search .entry-summary p {
margin-top: 0.5em; }
.no-results .searchform {
position: relative; }
.no-results .searchform button {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.no-results .searchform .icon.lupe, .no-results .searchform .lupe.button.arrow-right, .no-results .searchform .search .site-content input.lupe.arrow-right[type="submit"], .search .site-content .no-results .searchform input.lupe.arrow-right[type="submit"], .no-results .searchform .lupe.button.arrow-left, .no-results .searchform .search .site-content input.lupe.arrow-left[type="submit"], .search .site-content .no-results .searchform input.lupe.arrow-left[type="submit"], .no-results .searchform .lupe.button.arrow-down, .no-results .searchform .search .site-content input.lupe.arrow-down[type="submit"], .search .site-content .no-results .searchform input.lupe.arrow-down[type="submit"], .no-results .searchform .single-article ul li.lupe, .single-article ul .no-results .searchform li.lupe, .no-results .searchform .comment-count .lupe.comment-icon, .comment-count .no-results .searchform .lupe.comment-icon {
position: absolute;
top: 14px;
right: 1em; }
.no-results .searchform input {
margin-top: 0; }
header.main .searchform input[type="text"] {
border: none !important;
margin-top: 0 !important;
background: white;
padding-right: 90px; }
@media all and (max-width: 1200px) {
header.main .searchform input[type="text"] {
min-width: 200px;
max-width: 100%; } }
header.main .searchform button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
header.main .searchform .icon.lupe, header.main .searchform .lupe.button.arrow-right, header.main .searchform .search .site-content input.lupe.arrow-right[type="submit"], .search .site-content header.main .searchform input.lupe.arrow-right[type="submit"], header.main .searchform .lupe.button.arrow-left, header.main .searchform .search .site-content input.lupe.arrow-left[type="submit"], .search .site-content header.main .searchform input.lupe.arrow-left[type="submit"], header.main .searchform .lupe.button.arrow-down, header.main .searchform .search .site-content input.lupe.arrow-down[type="submit"], .search .site-content header.main .searchform input.lupe.arrow-down[type="submit"], header.main .searchform .single-article ul li.lupe, .single-article ul header.main .searchform li.lupe, header.main .searchform .comment-count .lupe.comment-icon, .comment-count header.main .searchform .lupe.comment-icon {
position: absolute;
top: 18px;
right: 1em; }
header.main .searchform .icon.lupe.search-button, header.main .searchform .lupe.search-button.button.arrow-right, header.main .searchform .search .site-content input.lupe.search-button.arrow-right[type="submit"], .search .site-content header.main .searchform input.lupe.search-button.arrow-right[type="submit"], header.main .searchform .lupe.search-button.button.arrow-left, header.main .searchform .search .site-content input.lupe.search-button.arrow-left[type="submit"], .search .site-content header.main .searchform input.lupe.search-button.arrow-left[type="submit"], header.main .searchform .lupe.search-button.button.arrow-down, header.main .searchform .search .site-content input.lupe.search-button.arrow-down[type="submit"], .search .site-content header.main .searchform input.lupe.search-button.arrow-down[type="submit"], header.main .searchform .single-article ul li.lupe.search-button, .single-article ul header.main .searchform li.lupe.search-button, header.main .searchform .comment-count .lupe.search-button.comment-icon, .comment-count header.main .searchform .lupe.search-button.comment-icon {
top: 10px;
right: 11px; }
header.main .searchform .icon.lupe.search-button:before, header.main .searchform .lupe.search-button.button.arrow-right:before, header.main .searchform .search .site-content input.lupe.search-button.arrow-right[type="submit"]:before, .search .site-content header.main .searchform input.lupe.search-button.arrow-right[type="submit"]:before, header.main .searchform .lupe.search-button.button.arrow-left:before, header.main .searchform .search .site-content input.lupe.search-button.arrow-left[type="submit"]:before, .search .site-content header.main .searchform input.lupe.search-button.arrow-left[type="submit"]:before, header.main .searchform .lupe.search-button.button.arrow-down:before, header.main .searchform .search .site-content input.lupe.search-button.arrow-down[type="submit"]:before, .search .site-content header.main .searchform input.lupe.search-button.arrow-down[type="submit"]:before, header.main .searchform .single-article ul li.lupe.search-button:before, .single-article ul header.main .searchform li.lupe.search-button:before, header.main .searchform .comment-count .lupe.search-button.comment-icon:before, .comment-count header.main .searchform .lupe.search-button.comment-icon:before {
background-image: none !important;
width: 70px;
height: 50px; }
header.main .searchform .icon.lupe.search-button button, header.main .searchform .lupe.search-button.button.arrow-right button, header.main .searchform .search .site-content input.lupe.search-button.arrow-right[type="submit"] button, .search .site-content header.main .searchform input.lupe.search-button.arrow-right[type="submit"] button, header.main .searchform .lupe.search-button.button.arrow-left button, header.main .searchform .search .site-content input.lupe.search-button.arrow-left[type="submit"] button, .search .site-content header.main .searchform input.lupe.search-button.arrow-left[type="submit"] button, header.main .searchform .lupe.search-button.button.arrow-down button, header.main .searchform .search .site-content input.lupe.search-button.arrow-down[type="submit"] button, .search .site-content header.main .searchform input.lupe.search-button.arrow-down[type="submit"] button, header.main .searchform .single-article ul li.lupe.search-button button, .single-article ul header.main .searchform li.lupe.search-button button, header.main .searchform .comment-count .lupe.search-button.comment-icon button, .comment-count header.main .searchform .lupe.search-button.comment-icon button {
background-color: #F4B407;
border: 2px solid #F4B407;
font-size: 1em;
text-indent: 0;
padding: 0.5em 0.25em;
font-weight: 700; }
header.main .searchform .icon.lupe.search-button button:hover, header.main .searchform .lupe.search-button.button.arrow-right button:hover, header.main .searchform .search .site-content input.lupe.search-button.arrow-right[type="submit"] button:hover, .search .site-content header.main .searchform input.lupe.search-button.arrow-right[type="submit"] button:hover, header.main .searchform .lupe.search-button.button.arrow-left button:hover, header.main .searchform .search .site-content input.lupe.search-button.arrow-left[type="submit"] button:hover, .search .site-content header.main .searchform input.lupe.search-button.arrow-left[type="submit"] button:hover, header.main .searchform .lupe.search-button.button.arrow-down button:hover, header.main .searchform .search .site-content input.lupe.search-button.arrow-down[type="submit"] button:hover, .search .site-content header.main .searchform input.lupe.search-button.arrow-down[type="submit"] button:hover, header.main .searchform .single-article ul li.lupe.search-button button:hover, .single-article ul header.main .searchform li.lupe.search-button button:hover, header.main .searchform .comment-count .lupe.search-button.comment-icon button:hover, .comment-count header.main .searchform .lupe.search-button.comment-icon button:hover {
background-color: white; }
@media all and (max-width: 1140px) {
header.main .searchform {
position: relative;
right: 0;
display: none; } }
.responsive-search {
display: none;
position: relative;
z-index: 1000; }
@media all and (max-width: 850px) {
.responsive-search {
display: block; }
.responsive-search .search-icon {
top: -48px; } }
.tablet-search {
display: none; }
@media all and (max-width: 1140px) {
.tablet-search {
display: block;
float: left; } }
header.main .search-icon {
position: relative;
/*&:after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "Suche";
left: 90%;
margin-left: 0 !important;
color: #222;
}*/ }
header.main .responsive-search {
position: absolute;
left: 10px;
top: 18px; }
header.main .responsive-search button {
background: white;
overflow: hidden;
border: none;
width: 48px;
height: 45px; }
header.main .responsive-search button:before {
margin-top: -5px; }
header.main .tablet-search {
float: left;
position: relative;
top: 24px; }
@media (max-width: 850px) {
header.main .tablet-search {
display: none; } }
header.main .tablet-search button {
background: none;
border: none; }
@media (max-width: 850px) {
header.main .tablet-search button {
font-size: .9em; } }
.search-items article, .search-items h1 {
padding: 0 !important;
margin-top: 0 !important; }
.search-filter {
margin: 2em 0; }
.search-filter h5 {
margin: 1em 0 0.5em;
font-style: italic; }
.search-filter .filter-wrapper ul {
margin: 0;
padding: 0; }
.search-filter .filter-wrapper li {
display: inline-block;
list-style: none;
padding-left: 0;
list-style-image: none; }
.search-filter .filter-wrapper li:before {
background-image: none;
background-color: transparent; }
.search-filter .filter-wrapper a {
margin-right: 15px;
font-weight: 700;
font-size: 1.3em;
text-transform: uppercase;
font-style: italic; }
.search-filter .filter-wrapper a:hover, .search-filter .filter-wrapper a.active {
border-bottom: 4px solid #F4B407; }
footer.main {
background: #222222;
color: white;
padding: 1em;
letter-spacing: 0px; }
footer.main .site-info {
max-width: 1200px;
margin-left: auto;
margin-right: auto; }
footer.main .site-info::after {
clear: both;
content: "";
display: table; }
footer.main ul {
margin: 0;
padding: 0; }
footer.main li {
display: inline-block;
margin-right: .5em; }
footer.main li a {
text-transform: uppercase;
font-size: 0.75em;
font-weight: 300;
color: white; }
footer.main li a:hover, footer.main li a:focus {
text-decoration: underline; }
footer.main .menu-footermenue-container {
float: left; }
footer.main .liechtenecker {
position: absolute;
right: 15px;
margin-top: -10px; }
footer.main .liechtenecker a {
color: white;
font-size: 0.75em;
font-weight: 300;
text-transform: uppercase; }
footer.main .liechtenecker a .logo_liechtenecker {
margin: -8px 0 0 5px; }
@media (max-width: 1200px) {
footer.main .menu-footermenue-container {
float: none; }
footer.main .liechtenecker {
position: relative;
margin-top: 20px;
margin-left: 15px;
float: left !important; } }
@media (max-width: 850px) {
footer.main .liechtenecker {
width: 100%;
float: left;
margin-top: 5px;
text-align: center; }
footer.main .liechtenecker a {
width: 100%;
float: left;
margin-top: 5px;
text-align: center; }
footer.main .liechtenecker .logo_liechtenecker:before {
margin-top: 10px; } }
@media (max-width: 850px) {
footer.main .menu-footermenue-container {
float: none; }
footer.main .menu-footermenue-container li {
display: block;
margin: .5em auto;
text-align: center; } }
.newsletter.footer {
margin-bottom: 2em;
border-top: 1px solid #CCC;
padding-top: 3em; }
.newsletter.footer .newsletter-wrapper {
margin: 0 0em 0 4.5em; }
@media all and (max-width: 950px) {
.newsletter.footer .newsletter-wrapper {
width: 85%;
margin: 0 auto; } }
.newsletter.footer h5 {
float: left;
margin-right: 2em; }
@media all and (max-width: 950px) {
.newsletter.footer h5 {
float: none;
text-align: center;
margin-bottom: 1em;
margin-right: 0; } }
.newsletter.footer form input[type="text"] {
width: 50%;
margin-top: 0;
padding: 1.25em; }
@media all and (max-width: 950px) {
.newsletter.footer form input[type="text"] {
width: 100%; } }
.newsletter.footer form button {
margin-top: 0;
margin-left: 10%; }
@media all and (min-width: 950px) {
.newsletter.footer form .parsley-errors-list {
width: 47%;
position: absolute;
bottom: -1em;
left: 14em; } }
.newsletter.footer .more {
margin-bottom: 0; }
@media all and (max-width: 950px) {
.newsletter.footer .more {
clear: both;
margin: 1em auto;
text-align: center;
width: 100%; }
.newsletter.footer .more .button, .newsletter.footer .more .search .site-content input[type="submit"], .search .site-content .newsletter.footer .more input[type="submit"] {
margin: 0; } }
.newsletter.footer span.small-text {
width: 100%;
margin-top: 10px; }
.big-header article {
background: white;
position: relative; }
.big-header .image-wrapper img {
width: 100%;
height: auto; }
.big-header.featured, .big-header.single-article {
position: relative; }
.big-header.featured .image-wrapper, .big-header.single-article .image-wrapper {
max-height: 850px;
overflow: hidden; }
.big-header.featured article.post, .big-header.featured article.page, .big-header.single-article article.post, .big-header.single-article article.page {
border-top: 5px solid #F4B407;
min-height: 300px;
margin-top: -200px; }
@media all and (max-width: 960px) {
.big-header.featured article.post, .big-header.featured article.page, .big-header.single-article article.post, .big-header.single-article article.page {
margin-top: -10px; } }
.big-header.featured article.post.type-post, .big-header.featured article.page.type-post, .big-header.single-article article.post.type-post, .big-header.single-article article.page.type-post {
margin-top: -300px; }
.big-header.image-week {
margin-top: 50px;
position: relative; }
.big-header.image-week article {
padding-top: 1px;
min-height: 150px;
margin-top: -100px !important; }
@media all and (max-width: 1220px) {
.big-header.image-week article {
margin-top: -10px !important; } }
.big-header.image-week article .article-wrapper {
width: 50%; }
@media all and (max-width: 1100px) {
.big-header.image-week article .article-wrapper {
width: 70%; } }
@media all and (max-width: 780px) {
.big-header.image-week article .article-wrapper {
width: 90%; } }
.big-header.image-week article .entry-header {
margin-top: 40px; }
@media all and (max-width: 1100px) {
.big-header.image-week article .entry-header {
margin-top: 40px; } }
@media all and (max-width: 620px) {
.big-header.image-week article .entry-header .entry-title {
width: 100% !important;
text-align: center !important;
float: none !important; }
.big-header.image-week article .entry-header .button, .big-header.image-week article .entry-header .search .site-content input[type="submit"], .search .site-content .big-header.image-week article .entry-header input[type="submit"] {
width: 60%;
margin: 0 auto;
text-align: center;
float: none; } }
@media all and (max-width: 500px) {
.big-header.image-week article .entry-header .button, .big-header.image-week article .entry-header .search .site-content input[type="submit"], .search .site-content .big-header.image-week article .entry-header input[type="submit"] {
width: 100%; } }
.big-header.image-week article h1 {
float: left;
display: block;
margin-right: 2.35765%;
width: 57.35098%;
margin-top: 0; }
.big-header.image-week article h1:last-child {
margin-right: 0; }
.big-header.image-week article a {
float: left;
display: block;
margin-right: 2.35765%;
width: 40.29137%; }
.big-header.image-week article a:last-child {
margin-right: 0; }
@media all and (max-width: 950px) {
.big-header.image-week article {
margin-top: 0; } }
.page .big-header article {
margin-top: 0; }
.page .big-header article.page {
margin-top: -700px; }
@media all and (max-width: 1350px) {
.page .big-header article.page {
margin-top: -600px; } }
@media all and (max-width: 1220px) {
.page .big-header article.page {
margin-top: -500px; } }
@media all and (max-width: 1120px) {
.page .big-header article.page {
margin-top: -400px; } }
@media all and (max-width: 950px) {
.page .big-header article.page {
margin-top: -300px; } }
@media all and (max-width: 850px) {
.page .big-header article.page {
margin-top: -5px; } }
.skip-to-content {
position: absolute;
top: 0;
left: -9999px;
display: inline;
padding: 20px;
color: #222222;
background: #F4B407; }
.skip-to-content:focus {
z-index: 1000;
left: 0; }
.hilfe:hover, .hilfe:focus {
cursor: help; }
.social-sharing {
margin: 2em 0; }
.social-sharing ul {
margin: 0;
padding: 0; }
.social-sharing li {
list-style-type: none !important;
padding-left: 0;
display: inline-block; }
.social-sharing li:before {
background: transparent;
margin: 0 !important;
width: 0 !important; }
.social-sharing .whatsapp {
display: none; }
@media all and (max-width: 1024px) {
.social-sharing .whatsapp {
display: block; } }
.social-media {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin: 2em auto; }
.social-media a {
margin: 0 0.5em; }
@media all and (max-width: 450px) {
.social-media a {
margin: 0; } }
.team {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%;
min-height: 350px;
margin-bottom: 1.5em; }
.team:last-child {
margin-right: 0; }
.team:nth-child(3n) {
margin-right: 0; }
.team:nth-child(3n+1) {
clear: left; }
@media all and (max-width: 1000px) {
.team {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.team:last-child {
margin-right: 0; }
.team:nth-child(3n) {
margin-right: 2.35765%; }
.team:nth-child(3n+1) {
clear: none; }
.team:nth-child(2n) {
margin-right: 0; }
.team:nth-child(2n+1) {
clear: left; } }
@media all and (max-width: 650px) {
.team {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.team:last-child {
margin-right: 0; }
.team:nth-child(3n) {
margin-right: 2.35765%; }
.team:nth-child(3n+1) {
clear: none; }
.team:nth-child(1n) {
margin-right: 0; }
.team:nth-child(1n+1) {
clear: left; } }
.team h3 {
margin: .5em 0 0; }
.team img {
margin: 1em 0; }
.team a:hover img, .team:focus img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15); }
.team .image-wrapper {
overflow: hidden;
max-height: 300px; }
.team .image-wrapper img {
width: 100%;
margin: 0 auto;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.team .content-wrapper {
border-top: 5px solid white;
width: 90%;
margin: -70px auto 0;
padding: 0 10% 0 10%;
background: white;
position: relative;
min-height: 80px;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out; }
.team .entry-content {
width: 90%;
padding: 0 10%;
margin: 0 auto 0; }
.week .link-pagination {
width: 90%;
margin: 0 auto; }
.week .link-pagination .button:before, .week .link-pagination .search .site-content input[type="submit"]:before, .search .site-content .week .link-pagination input[type="submit"]:before {
top: 50%;
margin-top: -11px; }
.week .link-pagination a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.week .link-pagination div {
padding: 2em 2em 1em; }
.week .link-pagination {
/*div {
display: block;
float: none;
text-align: center;
margin: 1em 0;
}*/ }
.week h1 {
margin-top: 0; }
.week h3 {
margin-bottom: 0; }
.image-week .button, .image-week .search .site-content input[type="submit"], .search .site-content .image-week input[type="submit"] {
padding: 1em 3em 1em 2em; }
/*
|--------------------------------------------------------------------------
| *notifications-system* Notification system um User Alert und Success Meldungen auszugeben
|--------------------------------------------------------------------------
|
| Author: Stephan Schimpf
| Date: date
| Version: v0.01
|
*/
#notification-system {
position: fixed;
z-index: 6000;
bottom: -200px;
width: 100%;
padding: 1em 0;
text-align: center;
opacity: 0;
background: #168803; }
#notification-system.active {
bottom: 0;
opacity: 0.9; }
#notification-system.error {
background: #9a090c; }
#notification-system .sprites-error-close {
position: absolute;
top: 50%;
right: 5px;
width: 30px;
height: 30px;
margin-top: -15px; }
#notification-system p {
display: block;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 3.75em;
color: white; }
.stichwort-list {
width: 80%;
margin: 0 auto;
min-height: 500px; }
@media all and (max-width: 800px) {
.stichwort-list {
width: 90%; } }
.stichwort-list a {
text-decoration: underline;
font-style: italic; }
.stichwort-list a:hover, .stichwort-list a:focus {
background-color: #F4B407;
color: #222222; }
.stichwort-list .letter-wrapper {
margin-left: .6em;
float: left;
display: block;
margin-right: 2.35765%;
width: 14.70196%; }
.stichwort-list .letter-wrapper:last-child {
margin-right: 0; }
@media all and (max-width: 800px) {
.stichwort-list .letter-wrapper {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.stichwort-list .letter-wrapper:last-child {
margin-right: 0; } }
@media all and (max-width: 500px) {
.stichwort-list .letter-wrapper {
width: 100%; }
.stichwort-list .letter-wrapper .initial-letter, .stichwort-list .letter-wrapper .initial-letter-count {
text-align: left !important; } }
.stichwort-list .letter-wrapper .initial-letter {
font-size: 2.7em;
font-weight: 900;
font-style: italic;
margin: .1em 0;
text-align: right; }
.stichwort-list .letter-wrapper .initial-letter-count {
margin: 0;
text-align: right;
color: #555; }
.stichwort-list .main-stichwort {
float: left;
display: block;
margin-right: 2.35765%;
width: 74.41059%; }
.stichwort-list .main-stichwort:last-child {
margin-right: 0; }
@media all and (max-width: 800px) {
.stichwort-list .main-stichwort {
float: left;
display: block;
margin-right: 2.35765%;
width: 65.88078%; }
.stichwort-list .main-stichwort:last-child {
margin-right: 0; } }
@media all and (max-width: 500px) {
.stichwort-list .main-stichwort {
width: 100%; } }
.stichwort-list .main-stichwort ul {
margin-left: 0;
margin-bottom: 1em; }
.stichwort-list .filter {
margin: 0 auto 3em;
text-align: center; }
.stichwort-list .filter ul {
margin-left: 0;
padding-left: 0; }
.stichwort-list .filter form {
text-align: center;
margin: 0 auto; }
.stichwort-list .filter .searchform {
width: 50%; }
@media all and (max-width: 750px) {
.stichwort-list .filter .searchform {
width: 80%; } }
@media all and (max-width: 500px) {
.stichwort-list .filter .searchform {
width: 100%; } }
.stichwort-list .filter .searchform .lupe {
position: relative; }
.stichwort-list .filter .searchform .lupe:before {
position: absolute;
top: 3px;
left: 4px; }
.stichwort-list .filter .searchform button {
width: 40px;
height: 40px;
margin-top: 27px;
margin-left: 14px;
background-color: #F4B407; }
.stichwort-list .filter .searchform input[type="text"] {
width: 80%; }
.filter-alphabet {
margin: 0 auto; }
.filter-alphabet .filter-part {
margin-right: 15px; }
.filter-alphabet ul {
padding-left: 0; }
.filter-alphabet li {
display: inline-block;
margin: 0 0px 5px;
padding-left: 0 !important; }
.filter-alphabet li:before {
background: transparent;
margin: 0 !important;
width: 0 !important; }
.filter-alphabet li a {
text-decoration: none;
font-weight: 700;
font-size: 1.3em; }
.filter-alphabet li a:hover, .filter-alphabet li a.active, .filter-alphabet li a.focus {
text-decoration: none;
border-bottom: 4px solid #F4B407;
background-color: transparent; }
article.schlichtungen .image-right {
width: 30%; }
article.schlichtungen .text-left {
width: 65%;
margin-right: 5%; }
article.schlichtungen .image-right p {
margin: 0;
}
div.schlichtungen {
margin-bottom: 4em; }
div.schlichtungen .filter {
text-align: center;
margin: 3em 0; }
div.schlichtungen table thead tr {
border: none;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC; }
div.schlichtungen table thead tr button:before {
margin-left: 5px;
margin-top: 2px;
content: '';
width: 20px;
float: right; }
div.schlichtungen table td {
border: none;
padding: 15px;
width: auto !important;
max-width: 350px;
}
@media all and (max-width: 600px) {
div.schlichtungen table td {
padding: 20px 0;
min-width: 140px; } }
div.schlichtungen table tbody tr:nth-child(even) {
background-color: #f1f1f1; }
div.schlichtungen table tbody tr.hover {
background-color: #F4B407;
cursor: pointer; }
div.schlichtungen table button {
background-color: transparent;
border: none;
font-weight: 700;
font-style: italic;
min-width: 100px; }
.produkte .main-produkte {
margin-bottom: 2em; }
.produkte .product-details {
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
border: 3px solid white;
padding: 3px;
min-height: 490px; }
.produkte .product-details.active {
border: 3px solid #F4B407;
-webkit-box-shadow: transparent 0px 0px 5px;
-moz-box-shadow: transparent 0px 0px 5px;
box-shadow: transparent 0px 0px 5px; }
.produkte .brochures, .produkte .sticker {
max-width: 1200px;
margin-left: auto;
margin-right: auto; }
.produkte .brochures::after, .produkte .sticker::after {
clear: both;
content: "";
display: table; }
.produkte .main-produkte {
float: left;
display: block;
margin-right: 2.35765%;
width: 23.23176%; }
.produkte .main-produkte:last-child {
margin-right: 0; }
.produkte .brochures .main-produkte:nth-child(4n) {
margin-right: 0; }
.produkte .sticker .main-produkte:nth-child(6n) {
margin-right: 0; }
.produkte .brochures .main-produkte:nth-child(4n+1) {
clear: left; }
.produkte .sticker .main-produkte:nth-child(6n+1) {
clear: left; }
@media all and (max-width: 1000px) {
.produkte .main-produkte {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.produkte .main-produkte:last-child {
margin-right: 0; }
.produkte .main-produkte:nth-child(4n) {
margin-right: 2.35765%; }
.produkte .main-produkte:nth-child(4n+1) {
clear: none; }
.produkte .main-produkte:nth-child(2n) {
margin-right: 0; }
.produkte .main-produkte:nth-child(2n+1) {
clear: left; } }
@media all and (max-width: 650px) {
.produkte .main-produkte {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.produkte .main-produkte:last-child {
margin-right: 0; }
.produkte .main-produkte:nth-child(2n) {
margin-right: 2.35765%; }
.produkte .main-produkte:nth-child(2n+1) {
clear: none; }
.produkte .main-produkte:nth-child(1n) {
margin-right: 0; }
.produkte .main-produkte:nth-child(1n+1) {
clear: left; } }
.produkte .product-description {
opacity: 0;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
display: block;
background: rgba(0, 0, 0, 0.8);
font-size: .9em;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 20px;
color: white;
width: 100%;
}
.produkte .product-image {
position: relative; }
.produkte .brochure-title {
min-height: 100px; }
@media all and (max-width: 1000px) {
.produkte .brochure-title {
min-height: 80px; } }
.produkte .brochure-title .additional-info {
font-weight: 400;
font-size: .9em; }
.produkte .price {
text-align: right;
font-size: .8em;
color: #222222; }
.produkte .price .price-num {
font-size: 1.2em; }
.produkte .product-details {
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out; }
.produkte .product-details:hover .product-description, .produkte .product-details:focus .product-description {
opacity: 1; }
.produkte .product-data {
padding: 0 5px; }
.produkte .product-order {
text-align: center;
margin-top: 20px; }
.produkte .product-order .left label {
font-size: 1em;
line-height: 3em; }
.produkte .product-order label {
font-size: .9em; }
.produkte input[type="text"] {
width: 40px;
font-weight: 700;
padding: 0;
text-align: center;
margin-right: 10px;
background: transparent; }
.produkte input[type="checkbox"] {
margin-right: 10px; }
.produkte input[type="radio"] {
margin-top: 10px; }
.tabs-shortcode .ui-tabs-nav {
padding-left: 0; }
.tabs-shortcode .ui-tabs-nav li {
padding: 0.5em; }
.tabs-shortcode .ui-tabs-nav li.ui-tabs-active, .tabs-shortcode .ui-tabs-nav li:hover, .tabs-shortcode .ui-tabs-nav li:focus {
background-color: #F4B407 !important; }
.tabs-shortcode .ui-tabs-nav li.ui-tabs-active {
padding-bottom: .5em !important; }
.tabs-shortcode .ui-tabs-nav li a {
width: 100%;
height: 100%; }
.tabs-shortcode .ui-tabs-nav li a:hover, .tabs-shortcode .ui-tabs-nav li a:focus {
background-color: transparent; }
.tabs-shortcode .ui-tabs-nav li:before {
background: transparent;
margin: 0 !important;
width: 0 !important; }
@media all and (max-width: 700px) {
.tabs-shortcode .ui-tabs-nav li {
width: 100%;
margin: 0 0.3em -1px 0 !important; }
.tabs-shortcode .ui-tabs-nav li.ui-tabs-active {
margin: 0 0.3em -1px 0 !important; } }
.mediapreisliste .media-option-box {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%;
min-height: 750px;
margin-bottom: 2em;
padding: 10px;
border: 1px solid #CCCCCC; }
.mediapreisliste .media-option-box:last-child {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(3n) {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(3n+1) {
clear: left; }
@media all and (max-width: 1000px) {
.mediapreisliste .media-option-box {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.mediapreisliste .media-option-box:last-child {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(3n) {
margin-right: 2.35765%; }
.mediapreisliste .media-option-box:nth-child(3n+1) {
clear: none; }
.mediapreisliste .media-option-box:nth-child(2n) {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(2n+1) {
clear: left; } }
@media all and (max-width: 650px) {
.mediapreisliste .media-option-box {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
min-height: 450px; }
.mediapreisliste .media-option-box:last-child {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(3n) {
margin-right: 2.35765%; }
.mediapreisliste .media-option-box:nth-child(3n+1) {
clear: none; }
.mediapreisliste .media-option-box:nth-child(1n) {
margin-right: 0; }
.mediapreisliste .media-option-box:nth-child(1n+1) {
clear: left; } }
.mediapreisliste .media-option-box .image-wrapper {
text-align: center;
margin: 0 auto; }
.mediapreisliste .media-option-box .media-options .iradio_flat-orange {
float: left;
top: 2px; }
.mediapreisliste .media-option-box .input-wrapper {
margin-bottom: 10px; }
.mediapreisliste .media-option-box .option-text {
width: 90%; }
.mediapreisliste .send-mail {
margin: 2em auto 4em;
text-align: center; }
.partner .partner-item, .partner .support-item {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%;
margin-bottom: 2em;
padding: 15px;
border: 1px solid #CCCCCC;
text-align: center;
min-height: 280px; }
.partner .partner-item:last-child, .partner .support-item:last-child {
margin-right: 0; }
.partner .partner-item:nth-child(3n), .partner .support-item:nth-child(3n) {
margin-right: 0; }
.partner .partner-item:nth-child(3n+1), .partner .support-item:nth-child(3n+1) {
clear: left; }
@media all and (max-width: 1000px) {
.partner .partner-item, .partner .support-item {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%; }
.partner .partner-item:last-child, .partner .support-item:last-child {
margin-right: 0; }
.partner .partner-item:nth-child(3n), .partner .support-item:nth-child(3n) {
margin-right: 2.35765%; }
.partner .partner-item:nth-child(3n+1), .partner .support-item:nth-child(3n+1) {
clear: none; }
.partner .partner-item:nth-child(2n), .partner .support-item:nth-child(2n) {
margin-right: 0; }
.partner .partner-item:nth-child(2n+1), .partner .support-item:nth-child(2n+1) {
clear: left; } }
@media all and (max-width: 650px) {
.partner .partner-item, .partner .support-item {
float: left;
display: block;
margin-right: 2.35765%;
width: 100%; }
.partner .partner-item:last-child, .partner .support-item:last-child {
margin-right: 0; }
.partner .partner-item:nth-child(3n), .partner .support-item:nth-child(3n) {
margin-right: 2.35765%; }
.partner .partner-item:nth-child(3n+1), .partner .support-item:nth-child(3n+1) {
clear: none; }
.partner .partner-item:nth-child(1n), .partner .support-item:nth-child(1n) {
margin-right: 0; }
.partner .partner-item:nth-child(1n+1), .partner .support-item:nth-child(1n+1) {
clear: left; } }
.partner .partner-item img, .partner .support-item img {
max-height: 180px; }
.partner .partner-item div, .partner .support-item div {
margin-top: 10px; }
.partner .partner-item:hover a div, .partner .partner-item:focus a div, .partner .support-item:hover a div, .partner .support-item:focus a div {
text-decoration: underline; }
@media print {
.tabs-shortcode .ui-widget-content {
display: block !important;
}
.tabs-shortcode-list {
display: none;
}
}
.comment-list li {
list-style-type: none;
}
.single-article .comment-list li:before {
background-image: none;
}
.single-article .comment-list li {
padding-left: 0px;
position: static;
margin-bottom: 1em;
}
#comments {
margin-top: 3em;
width: 70%;
}
#comments .comment-reply-title {
margin-bottom: 0;
}
.comment-list .img-wrapper {
float: left;
display: block;
margin-right: 3%;
width: 10%;
}
.comment-list .img-wrapper img {
width: 100%;
height: auto;
}
.comment-list .text-meta:last-child {
margin-right: 0;
}
.comment-list .comment-author {
font-weight: 700;
font-style: italic;
}
.comment-list .text-meta {
float: left;
display: block;
margin-right: 4%;
width: 85%;
margin-right: 0;
}
.comments .comment-thread ul .comment {
clear: both;
}
.comment-list .date {
font-size: .9em;
}
small a {
text-decoration: underline;
}
small a:hover {
background-color: #F4B407;
color: #222222 !important;
}
@media (max-width: 950px) {
#comments {
width: 85%;
margin: 0 auto;
}
#comments .comment-form-author, #comments .comment-form-email {
width: 100%;
margin: 0 auto;
margin-bottom: 1em;
}
#comments .author-date {
margin-top: 0;
}
}
/**Changes März**/