/*
	Theme Name: wk
	Theme URI: https://schwizerschlatter.com
	Version: 1.0
    Author: Felix Schlatter
    Author URI: http://schwizerschlatter.com
	Tags: notags
	License:		All Rights reserved
*/

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

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

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



@font-face {
    font-family: 'AlenaRegular';
    src: url('.fonts/abcAlena-Regular.eot');
    src: url('.fonts/abcAlena-Regular.eot') format('embedded-opentype'),url('fonts/abcAlena-Regular.woff') format('woff');
}
@font-face {
    font-family: 'AlenaBold';
    src: url('.fonts/abcAlena-Bold.eot');
    src: url('.fonts/abcAlena-Bold.eot') format('embedded-opentype'),url('fonts/abcAlena-Bold.woff') format('woff');
}
@font-face {
    font-family: 'AlenaLight';
    src: url('.fonts/abcAlena-Light.eot');
    src: url('.fonts/abcAlena-Light.eot') format('embedded-opentype'),url('fonts/abcAlena-Light.woff') format('woff');
}
@font-face {
    font-family: 'AlenaThin';
    src: url('.fonts/abcAlena-Thin.eot');
    src: url('.fonts/abcAlena-Thin.eot') format('embedded-opentype'),url('fonts/abcAlena-Thin.woff') format('woff');
}
body {
   font-family: 'AlenaLight', sans-serif;
    margin:0px;
    padding:0px;
    font-size: 18px;
    line-height: 24px;
    background-color: #fff;
    color: #333;
    position: relative;
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
p {
    font-family: 'AlenaLight', sans-serif;
    font-weight: normal;
}
b, strong {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
}

.bigtitle_home {
    position: absolute;
    left: 300px;
    top: 275px;
     z-index: 100;
     cursor: pointer;
}


.bg_kirchederstille         { background-color: #ffed00; }
.bg_cafeglueck              { background-color: #fbb900; }
.bg_stattklosterstgallen    { background-color: #bbcf1c; }
.bg_offenekirche            { background-color: #a2ccee; }
.bg_kircheindercity         { background-color: #f087b5; }
.bg_safranblau              { background-color: #00b0eb; }
.bg_wirkraumkirche          { background-color: #ed6a69; }

#map_kirchederstille         {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_ffed00.svg"); }
#map_cafeglueck              {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_fbb900.svg"); }
#map_stattklosterstgallen    {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_bbcf1c.svg"); }
#map_offenekirche            {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_a2ccee.svg"); }
#map_kircheindercity         {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_f087b5.svg"); }
#map_safranblau              {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_00b0eb.svg"); }
#map_wirkraumkirche          {
    background-position:left top;
    background-repeat:no-repeat;
    background-image: url("images/m_ed6a69.svg"); }

.c_kirchederstille         { color: #ffed00; }
.c_cafeglueck              { color: #fbb900; }
.c_stattklosterstgallen    { color: #bbcf1c; }
.c_offenekirche            { color: #a2ccee; }
.c_kircheindercity         { color: #f087b5; }
.c_safranblau              { color: #00b0eb; }
.c_wirkraumkirche          { color: #ed6a69; }

.pprcs {
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

a {
    cursor: pointer;
    color: #333;
    text-decoration: none;
}
.big {
    cursor: pointer;
    font-size: 72px;
    text-decoration: none;
}


.container {
    width: 100%;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.blurred {

      filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='10' /></filter></svg>#svgMask");
}
#top {
    position: relative;
    min-height: 800px;
    display: block;
    width: 100%;
    max-width: 1360px;
}
#top2 {
    min-height: 100px;
    display: block;
    position: relative;
    display: block;
    width: 100%;
    max-width: 1360px;

}

.big_title_headerbig {
    position: absolute;
    left:300px;
    top:230px;
    display: block;
}

.logo {
    width:inherit;

    padding-top: 55px;
    padding-bottom: 60px;
    background-image: url("images/fade.png");
    background-repeat: repeat-x;
    position: fixed;
    z-index: 999;
}
.logo img.superlogo {
    padding-left: 300px;
}
.nav_holder {
    color: #fff;
    position: fixed;
    left:0px;
    right:0px;
    top:144px;
    z-index: 1001;
    height: 24px;
    background-image: url("images/fade.png");
        -webkit-transition: all    200ms ease-out;
    -moz-transition:    all    200ms ease-out;
    -o-transition:      all    200ms ease-out;
    -ms-transition:     all    200ms ease-out;
    transition:         all    200ms ease-out;
}
.nav_holder_active {
    background-image: none !important;
    background-color: #000 !important;
        -webkit-transition: all    200ms ease-out;
    -moz-transition:    all    200ms ease-out;
    -o-transition:      all    200ms ease-out;
    -ms-transition:     all    200ms ease-out;
    transition:         all    200ms ease-out;
}
.nav_holder .nav_holder_inside {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1360px;
    height: 24px;
}
.tock_nav {
    float: left;
}
#toggle_nav {
    float: left;
    width: 240px;
    cursor: pointer;
    position: relative;
    height: 25px;
    padding-left: 60px;
}
#toggle_nav2 {
    display: none;
    position: fixed;
    width: 40px;
    cursor: pointer;
    height: 25px;
    top:20px;
    left: 20px;
    z-index: 1009;
}
.tline, .tline2 {
    height: 4px;
    background-color: #000;
    width: 35px;
    margin-bottom: 3px;
    -webkit-transition: all    200ms ease-out;
    -moz-transition:    all    200ms ease-out;
    -o-transition:      all    200ms ease-out;
    -ms-transition:     all    200ms ease-out;
    transition:         all    200ms ease-out;
}
.tline_active {
    background-color: #fff;
    display: none;
    -webkit-transition: all    200ms ease-out;
    -moz-transition:    all    200ms ease-out;
    -o-transition:      all    200ms ease-out;
    -ms-transition:     all    200ms ease-out;
    transition:         all    200ms ease-out;
}
.tline:first-child,
.tline2:first-child
 {
    margin-bottom: 6px;
}
.tline:last-child,
.tline2:last-child
 {
    margin-top: 6px;
    margin-bottom: 0px;
}

.tline_active:first-child {

    display: block;
    position: absolute;
    top:10px;
    width: 20px;

-moz-transform:     rotate(-405deg);
-ms-transform:      rotate(-405deg);
-o-transform:       rotate(-405deg);
-webkit-transform:  rotate(-405deg);
-webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
}
.tline_active:last-child {
    display: block;
    position: absolute;
    bottom:11px;
    width: 20px;

-moz-transform:     rotate(405deg);
-ms-transform:      rotate(405deg);
-o-transform:       rotate(405deg);
-webkit-transform:  rotate(405deg);
-webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
}


a .navpoint {
    color: #fff;
    text-decoration: none;
}
.navpoint {
    float: left;
    padding-right: 29px;
}
.termine {
    top:140px;
    right: 0px;

    z-index: 999;
    position: fixed;

}
#n_termine {
    float: right;
    padding-right: 120px;
     background-color: #000;
}


.tock {
    display: none;
}


#footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #000;
    z-index: 1001;
    color: #fff;
    -webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
}
#footer a {
    color: #fff;
}


#footer .footer_inside {
    position: relative;
    display: block;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
#footer .footer_inside .footer_plus {
    position: absolute;
    height: 30px;
    width: 24px;
    text-align: center;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    top:-22px;
    left:300px;
}
#footer .footer_inside .footer_fb {
    position: absolute;
    padding-top: 1px;
    height: 21px;
    width: 24px;
    text-align: center;
    background-color: #3a5795;
    color: #fff;
    cursor: pointer;
    top:-22px;
    left:325px;
}

.impressum {
    display: none;
    width: 100%;
    padding-bottom: 20px;

}
.impressum .thirdy {
    width: 28%;
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
}
.impressum .thirdy:first-child {

}
.impressum .thirdy:last-child {

}
.impressum_active {
    height:auto;
    -webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
}

.sidebar {
    position: absolute;
    padding-top: 60px;
    width: 100%;
    max-width: 220px;
    padding-left: 60px;
}
.sidebar_home {
    top:800px;
}
.sidebar_normal {
    top:170px;
    position: fixed;
}

.sidebar a {
    display: block;
    text-decoration: none;
}
.sidebar a.raeume_nav,
.sidebar span.raeume_nav
 {
    display: block;
    padding-bottom: 20px;
    cursor: pointer;
}
.current {
    font-family: 'AlenaBold', sans-serif;
}

.main_container {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 135px;
    background-color: #fff;
    padding-left: 300px;
    display: block;
    padding-bottom: 20px;
}
.main_container p {
    margin-top: 0px;
}
.home_container {
    padding-top: 60px;
}

.home_events_holder, .more_events_holder {
-webkit-columns: 3;
   -moz-columns: 3;
        columns: 3;
-webkit-column-gap: 10;
-moz-column-gap:10;
column-gap: 10;

}
.home_events_holder .event_holder,
.more_events_holder .event_holder
 {
display: inline-block;
}

.team_member_holder {
    -webkit-columns: 1;
   -moz-columns: 1;
        columns: 1;
-webkit-column-gap: 0;
-moz-column-gap:0;
column-gap: 0;
}


.more_events_holder {
    padding-top: 40px;
}
.anspr {
    display: block;
    padding-top: 40px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ccc;
}
.event_holder img {
  transform: translateZ(0)
}
.event_holder {
    overflow: hidden;
    font-size: 28px;
    line-height: 32px;
    padding-top:8px;
    padding-bottom: 40px;
    background-color: #f1f1f1;
    margin-bottom: 40px;
    width: 100%;
    display: block;
    transform: translateZ(0)
}
.team_holder {
    padding-top: 0px;
    width: 30%;
    margin-right: 1%;
    float: left;
    margin-bottom: 20px;
    display: inline !important;
}
.team_holder .event_preview_content {
    height: 50px;
}
.team_holder .event_preview_content p {
    margin:0px;
}
.event_holder p a {
    text-decoration: underline;
}

.galerie_holder {
    padding-bottom: 0px;
}
.aktuelles_clearer {
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
}
.aktuelles_clearer img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.single_event_holder {
    font-size: 28px;
    line-height: 32px;
    padding-top:0px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    width: 100%;

    display: block;
}
.single_event_head {
    background-color: #f1f1f1;
}
.event_date, .single_event_date {
    font-family: 'AlenaLight', sans-serif;
    line-height: 20px;
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
}
.single_event_date {
    font-family: 'AlenaBold', sans-serif;
    color: #fff;
    float: none;
    clear: both;
    width: 100%;
    max-width: 300px;
    display: block;
    background-color: #000;
}

.event_title {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    display: block;
    padding-right: 10px;
}
.medien_title {
    font-family: 'AlenaLight', sans-serif;
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
     padding-right: 10px;
}
.event_subtitle {
    font-family: 'AlenaLight', sans-serif;
    font-weight: normal;
    display: block;
    padding-bottom: 20px;
     padding-right: 10px;
}
.medien_subtitle {
    padding-top:20px;
     padding-right: 10px;
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    display: block;
}
.download {
    font-size: 14px;
    line-height: 18px;
    border-top: 1px solid #fff;
    margin-top:10px;
    padding-top: 10px;
    font-family: 'AlenaLight', sans-serif;
}
.single_event_title {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    display: block;
    padding-bottom: 20px;
    padding-top: 15px;
    font-size: 40px;
    line-height: 50px;
    color: #000;
}
.r_line {
    display: block;
    height: 6px;
}

.eventthumb {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.galeriethumb {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
.galeriethumb img,
.eventthumb img,
.single_eventthumb img
 {
    width: 100%;
    height: auto;
}
.teamthumb {
    padding-bottom: 0px;
}
.single_eventthumb {
    display: block;
    width: 100%;
    padding-bottom: 2px;
}

.hoverarrow {
    background-color: #000;
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
left: -100%;
}
.arr {
    color: #fff;
    font-size: 82px;
    padding-top: 20%;
}
.dwnld {
   font-size: 18px;
    line-height: 24px;
    padding-top: 20%;
}
.event_preview_content {
    font-size: 18px;
    line-height: 24px;
}
.single_event_content {
    padding-top: 30px;
    padding-bottom: 25px;
    padding-right: 130px;
}
a .event_holder  {
    color: #333;
    text-decoration: none;
}
.single_event_meta {
    padding-top: 30px;
    padding-bottom: 35px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.raeume_more {
padding-top: 30px;
font-size: 20px;
    line-height: 28px;
    padding-right: 140px;
}
.more_arrow {
    padding-top: 50px;
    padding-bottom: 20px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.more_arrow .more {
    padding-top: 29px;
    font-family: 'AlenaBold', sans-serif;
}
.arrow_big {
    float: left;
    padding-right: 20px;
-webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
}
.right .more {
    font-family: "AlenaBold",sans-serif;
    padding-top: 0px;
}


.pro_row {
    display: block;
    padding-bottom: 4px;
}
.pro_row .pro_title {
    cursor: pointer;
    padding-bottom: 5px;
}
.pro_row .pro_content_holder {
    padding-top: 20px;
    font-size: 18px;
    line-height: 24px;
    display: none;
}
.pro_row .pro_thumb {
    float: left;
    width: 150px;
    padding-top: 5px;
    padding-right: 50px;
}
.pro_row .pro_thumb img {
    width: 100%;
    height: auto;
}
.pro_row .pro_content {
  display: table;
}



.map {
    width: 100%;
    display: block;
    min-height: 400px;
}
.mark {
    display: block;
    padding-left:40px;
    padding-top:2px;
    padding-right: 20px;
    padding-bottom: 3px;
    color: #000;
   font-family: 'AlenaBold', sans-serif;
   font-size: 16px;
   line-height: 18px;
   white-space: nowrap;
   text-align: left;
}
.mark .more {
    display: block;
     font-size: 12px;
    line-height: 14px;
    color: #000;
}
.mark .more a {
    color: #000;
    text-decoration: none;

}
.mark span {
    font-family: "AlenaLight",sans-serif;
}

.bigtitle {
    padding-bottom: 100px;
    display: block;
}
.bigtitle img {
    max-width: 100%;
    height: auto;
}
.subtitle {
    font-family: 'AlenaThin', sans-serif;
    font-size: 103px;
    line-height: 112px;
    color: #fff;
    padding-bottom: 40px;
    text-transform: uppercase;
}
.raeume_content{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 130px;
    display: block;
    background-color: rgb(237,106,105);
}
.ueberuns_content {
     padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 130px;
    display: block;
    background-color: #f1f1f1;
}
.leitbild_content {
    font-size: 20px;
    padding-right: 130px;
    line-height: 28px;
}
.raeume_content p,
.ueberuns_content p
 {
    font-family: 'AlenaLight', sans-serif;
    font-weight: normal;
}
.raeume_content p a,
.raeume_content p strong,
.raeume_content p b
.ueberuns_content p a,
.ueberuns_content p strong,
.ueberuns_contentp b
 {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
}
.specialueberuns {
    font-size: 28px;
    line-height: 32px;
}
h1,h2,h3,h4,h5,h6 {
    background-color: #f2f2f2;
    padding-top: 40px;
    padding-bottom: 50px;
    color: #000;
    font-size: 36px;
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    line-height: 40px;
}

.termine_holder {
    display: block;
    padding-bottom: 80px;
}
.time_title {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    display: block;
    padding-bottom: 40px;
}
.row {
    font-family: 'AlenaLight', sans-serif;
    font-weight: normal;
    display: block;
    float: none;
    clear: both;
    padding-bottom: 20px;

}
.row .head_sort {
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
    background-color: #000;
    color: #fff;

}
#sort_veranstaltungen {
    color: #a4a4a4;
    background-color: #fff;
}
.row .lefty {
    float: left;
    width: 19%;
    margin-right: 1%;
}
.row .middle {
    float: left;
    width: 60%;
}
.row .righty {
    float: right;
    width: 19%;
    margin-left: 1%;
}

.content img {
    max-width: 100%;
    height: auto;
}
.galerie_title {
    padding-bottom: 20px;
    font-family: 'AlenaBold', sans-serif;
    font-weight: normal;
}

/* ==========================================================================
   HOVER ZEUGS !
   ========================================================================== */



.no-touch .event_holder:hover .hoverarrow {
-webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
left: 0px;
}

.no-touch .event_holder:hover {
    -webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;
    background-color: #e6e6e6;
}
.no-touch .aktuelles_clearer:hover {
    background-color: #fff;
}
.no-touch .ani:hover .arrow_big {
-moz-transform:     rotate(-45deg);
-ms-transform:      rotate(-45deg);
-o-transform:       rotate(-45deg);
-webkit-transform:  rotate(-45deg);
-webkit-transition: all    200ms ease-out;
-moz-transition:    all    200ms ease-out;
-o-transition:      all    200ms ease-out;
-ms-transition:     all    200ms ease-out;
transition:         all    200ms ease-out;

}



#supercontainer {

}

.mob_nav {
    position: absolute;
    z-index: 1010;
    left:-300px;
    top:0px;
    bottom:0px;
    max-width: 275px;
    background-color: #000;
}
.mob_nav .mob_nav_inside {
    padding-top:20px;
    padding-left: 20px;
    padding-right: 40px;
    position: relative;
}
.mob_nav .mob_nav_inside a {
    color:#fff;
}
.mob_nav .mob_nav_close {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: 20px;
    width: 23px;
}
.subnavholder {
    padding-bottom: 10px;
}
.mob_subnav_point {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;

}

/* ==========================================================================
   RESPONSIVE BABY !
   ========================================================================== */


@media (max-width: 1360px) {

}

@media (max-width: 1200px) {
   .home_events_holder, .more_events_holder {
-webkit-columns: 2;
   -moz-columns: 2;
        columns: 2;
-webkit-column-gap: 10;
-moz-column-gap:10;
column-gap: 10;

}
.subtitle {
    font-size: 72px;
    line-height: 73px;
    }
}

@media (max-width: 1040px) {
    #toggle_nav {
    width: 40px;
    padding-left: 20px;
    }
    #n_termine {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    }
    .bigtitle_home {
    left: 20px;
    top: 240px;
    }
    .logo img.superlogo {
    padding-left: 20px;
    }
    .logo {
    padding-bottom: 30px;
    padding-top: 25px;
    }
    .nav_holder {
    top: 84px;
    }
    .sidebar {
    max-width: 180px;
    padding-left: 20px;
    padding-top: 0px;
    width: 100%;
    }
    .main_container {
        padding-top: 75px;
        padding-left: 210px;
        padding-right: 20px;
    }
    .subtitle {
    font-size: 50px;
    line-height: 50px;
    }
    .single_event_content {
    padding-right: 10px;
    }
    .aktuelles_clearer {
        display: none !important;
    }
    .big_title_headerbig {
    left: 0px;
    padding-left: 200px;
    top: 175px;
    display: block;
    }
    .big_title_headerbig img {
        width: 98%;
        height: auto;
    }
    .leitbild_content {
    padding-right: 0;
    }
    .raeume_content {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
}

@media (max-width: 950px) {
    .bigtitle_home img {
        width: 98%;
        min-height:auto;
    }
    .team_holder {
    width: 48%;
    margin-right: 2%;
    }
    .row .lefty,
    .row .middle,
    .row .righty {
    float: none;
    clear: both;
    margin-right: 0%;
    margin-left: 0px;
    width: 100%;
    }
    .row .righty {
        padding-top: 10px;
    }
    .row .lefty .r_line,
    .row .middle .r_line,
    .row .righty .r_line
    {
        display: none;

    }
    .row .lefty {
        padding-bottom: 10px;
    }
    .row .lefty strong br {
        display: none;
    }
    .r_line2 {
        display: block;
        height: 6px;
    }
    .row {
        padding:10px;
        background-color: #f2f2f2;
        margin-bottom: 20px;
    }
    .event_subtitle {
    padding-bottom: 0;
    padding-right: 0px;
    }
    .event_subtitle br {
        display: none;
    }
    #footer .footer_inside .footer_plus {
        left:210px;
    }
    #footer .footer_inside .footer_fb  {
        left:235px;
    }
}

@media (max-width: 820px) {
    .pro_row .pro_content {
    display: inline;
    }   
    .pro_row .pro_thumb {
    padding-right: 20px;
    }
}


@media (max-width: 780px) {
       .home_events_holder, .more_events_holder {
        -webkit-columns: 1;
           -moz-columns: 1;
                columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap:0;
        column-gap: 0;

    }

}

@media (max-width: 700px) {
    .subtitle {
    font-size: 42px;
    line-height: 42px;
    }
    .nav_holder {
        display: none;
    }
    #toggle_nav2 {
        display: block;
    }
    .logo {
    padding-bottom: 29px;
    padding-top: 18px;
    }
    .logo img.superlogo{
    padding-left: 70px;
    width: 200px;
    height: auto;
    }
    .sidebar {
        display: none;
    }
    .main_container {
    padding: 0 20px 20px;
    }
    .raeume_content {
    padding-bottom: 10px;
    padding-right: 5px;
    padding-top: 10px;
    }
    .bigtitle {
    display: block;
    padding-bottom: 25px;
    }
    .single_event_holder {
    font-size: 18px;
     line-height: 21px;
    }
    .more_arrow {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .arrow_big {
        width: 20px;
        padding-right: 10px;
    }
    .arrow_big img {
        width: 100%;
        height: auto;
    }
    .more_arrow .more {
        padding-top: 13px;
    }
    .big_title_headerbig {
    left: 0;
    padding-left: 10px;
    }
     .team_holder {
    width: 100%;
    margin-right: 0%;
    }

    .leitbild_content,
    .raeume_more

    {
        font-size: 18px;
        line-height: 24px;
    }
    .map {
        display: block;
        min-height: 300px;
        width: 100%;
    }
    #footer .footer_inside .footer_plus {
        left:20px;
    }
    #footer .footer_inside .footer_fb  {
        left:45px;
    }
    .impressum .thirdy {
    width: 98%;
    float: none;
    clear: both;
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #333;
    padding-left: 1%;
    padding-right: 1%;
    }
    .impressum .thirdy:last-child {
        border-bottom: none;
    }
}
@media (max-width: 450px) {
    #top {
    min-height: 600px;
    }
}
@media (max-width: 400px) {
    .subtitle {
    font-size: 28px;
    line-height: 30px;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* =============================================================================
   Common WordPress styles
   These are presentational classes generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS
   ========================================================================== */

/* Common elements */
cite, em, i {
	font-style: italic;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

/* Caption elements */
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

/* Edit link element */
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}
.hentry,
.no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

/* Print styles from Twenty Eleven theme */
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	#site-description {
		font-size: 10pt;
	}

	#branding #searchform,
	#branding img,
	#access,
	.entry-meta .edit-link a,
	#content nav,
	.entry-header .comments-link,
	.page-link,#respond,
	.widget-area,
	#colophon,
	.commentlist .comment-edit-link,
	.commentlist .reply {
		display: none;
	}
}



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "wka Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "wka Sans", "wka Grande", "wka Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "wka Sans", "wka Grande", "wka Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"wka Sans", "wka Grande", "wka Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "wka Sans Unicode", "wka Grande", "wka Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/