@charset "UTF-8";
/***************************************************************************
/** #############################  NORMALIZE.CSS #############################
/**
/****************************************************************************/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/** Basis-CSS der dvv-Mastertemplates */
span.align_left, span.align_right, span.align_center, span.align_justify { display: block; }

/* CCM19 CookieConsent */
.ccm-root input[type="checkbox"].ccm-checkbox-type--switch:checked+label::before {
		background-color: rgb(0, 165, 19);
}
.ccm-root	.ccm-widget--buttons button[type="button"], 
  .ccm-root .ccm-modal--footer button[type="button"]{
		color: #FFFFFF !important;
    background-color: rgb(0, 165, 19);
}
.ccm-root	.ccm-widget--buttons button[type="button"]:hover, 
  .ccm-root .ccm-modal--footer button[type="button"]:hover{
    background-color: #424242;
    background-image: none;
}

/* hervorgehobene Suchtreffer */
.highlight { color: #003; background-color: #FFD; }

/* Formulare */
.requiredMark { color: #6666FF; }

.error .requiredMark { color: #FF6600; }

.error { color: red; }

.cursorPointer { cursor: pointer; }

.disabledNode #content h2 { background: #fbb; border: 1px solid #933; }

/* Service-Spalte */
#serviceTagCloud { width: 100%; height: 15em; }

/* Sitemap */
.toggleSitemap ul.sList { background-color: inherit; border-left: none; }

.toggleSitemap li { list-style: none; padding-left: 21px; line-height: 18px; }

.toggleSitemap li.root { padding-left: 0; }

.toggleSitemap li li { background: url(../img/apps/root.png) no-repeat 17px center; margin-left: 10px; padding-left: 31px; }

.toggleSitemap li li.root { padding-left: 10px; background: url(../img/apps/dot.png) repeat-y 17px 0; }

.toggleSitemap li li.root.last { background: none; }

.toggleSitemap li li.last { background: url(../img/apps/root_last.png) no-repeat 17px 0; }

.expandable, .collapsable { background: url(../img/apps/plus_minus.png) no-repeat; width: 16px; height: 16px; display: block; float: left; margin-top: 2px; padding: 0 5px 0 0; line-height: 0; font-size: 0; }

.collapsable { background-position: 0 -16px; }

.expandable:hover, .collapsable:hover { cursor: pointer; }

/* Login */
#j_username { background: url(../img/links/user.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#j_password { background: url(../img/links/key.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

/* QuickLinks als Liste */
ul.quickLinkList { margin-bottom: 0; }

ul.quickLinkList + ul.quickLinkList { border-top: 1px solid #66f; }

.quickLinkList li { list-style: none; margin-left: 0; }

/* QuickLinks als Dropdown */
.quickLinkDropdown { width: 100%; background: #ffe; }

.quickLinkDropdown .quickLinkSeparator { color: #66f; }

/* #recommend_form */
fieldset { padding: 8px; }

legend { margin-bottom: 8px; }

#recommend_form { overflow: auto; width: 380px; padding-top: 8px !important; padding-bottom: 12px !important; }

#recommend_form #an { width: 340px; background: url(../img/links/mail.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#recommend_form #text { width: 358px; background: url(../img/links/comment.png) no-repeat right bottom; border: 1px solid silver; }

#recommend_form #absender { width: 340px; background: url(../img/links/user.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#recommend_form #von { width: 340px; background: url(../img/links/mail.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#create_comment_form .type-text input, #create_comment_form textarea { width: 100%; border: 1px solid silver; }

#create_comment_form input[readonly] { background-color: #DDD; color: #666; }

#create_comment_form .commentSubscriptionBlock { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #ccc; }

#contact_form { overflow: auto; width: 380px; padding-top: 8px !important; padding-bottom: 12px !important; }

#contact_form #to { width: 350px; background: url(../img/links/mail.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#contact_form #subject { width: 350px; background: url(../img/links/subject.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#contact_form #text { width: 368px; background: url(../img/links/comment.png) no-repeat right bottom; border: 1px solid silver; }

#contact_form #fromName { width: 350px; background: url(../img/links/user.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

#contact_form #from { width: 350px; background: url(../img/links/mail.png) no-repeat; padding-left: 18px; border: 1px solid silver; }

/* Abonnieren */
.subscriptionForm input { width: 330px; }

.subscriptionForm .captchaInput input { width: 120px; }

.subscriptionForm input.standard { width: inherit; }

/* - - Links - - */
.dateiGroesse { color: #666; }

.binary .caption { margin-left: 0.5em; }

.accessKey { text-decoration: underline; }

/* referenziert */
.linked { font-style: italic; }

a.goPageTop { padding: 0 10px 0 0; background: url(../img/links/up.png) no-repeat right; }

a.dateiLink { padding: 0 16px 0 0; background: url(../img/links/file_icon.png) no-repeat right; text-decoration: underline; }

a.ankerLink { padding: 0 12px 0 0; background: url(../img/links/link_anchor.png) no-repeat right; text-decoration: underline; }

a.internerLink { padding: 0 12px 0 0; background: url(../img/links/internal.png) no-repeat right; text-decoration: underline; }

a.externerLink { padding: 0 14px 0 0; background: url(../img/links/link_blue.png) no-repeat right; text-decoration: underline; }

a.neuFensterLink { padding: 0 18px 0 0; background: url(../img/links/newwindow.png) no-repeat right; text-decoration: underline; }

a.mailLink { padding: 0 18px 0 0; background: url(../img/links/mail.png) no-repeat right; text-decoration: underline; }

a.telLink { padding: 0 18px 0 0; background: url(../img/links/phone_icon.png) no-repeat right; text-decoration: underline; }

.image a { padding: 0; background: none; }

/* - - Social Bookmarks - - */
a.socialbookmark { text-decoration: none; }

span.socialbookmark { white-space: nowrap; }

/* - - pirobase specific - - */
.boxborder { border: 1px solid #ddd; }

/* - - Bilder / Bildergalerie - - */
.galleryImage { float: left; width: 200px; height: 150px; margin-right: 8px; }

.galleryImage .caption { color: gray; }

.image .title { font-weight: bold; }

.image .description { color: #777; }

.image .copyright { font-style: italic; }

#lightbox-image-details-caption .description { color: #777; font-weight: normal; }

#lightbox-image-details-caption .copyright { font-style: italic; font-weight: normal; }

/* Zwischenüberschrift "alt" */
span.textSubheading, div.dcSubheading { display: block; font-weight: bold; }

/* Überschrift Dropdown-List */
.dropdownTitle { font-weight: bold; }

/*** pirobase-Tabellen ***/
.basecontent-table-bordered { border-collapse: collapse; border: 1px solid #bbb; }

.basecontent-table-bordered th, .basecontent-table-bordered td { border: 1px solid #bbb; }

.basecontent-table th { background-color: #ddd; padding: 0.25em 0.5em; vertical-align: top; }

.basecontent-table td { padding-left: 0.5em; padding-right: 0.5em; vertical-align: top; }

.basecontent-table td.bullet { padding: 0; }

/* Zellen-Farben cms-global-configuration.GridDecorator.BackgroundColors */
.bgcolor-primary1, table.orgChart .bgcolor-primary1 { background-color: #ffd674; }

.bgcolor-primary2, table.orgChart .bgcolor-primary2 { background-color: #ffe4a3; }

.bgcolor-primary3, table.orgChart .bgcolor-primary3 { background-color: #fff1d0; }

/* Organigramm */
table.orgChart { border: 0 none; }

.orgChart th { border: 0 none; background-color: #ddd; padding: 0.25em 0.5em; }

.orgChart td { border: 0 none; padding-left: 0.5em; padding-right: 0.5em; background: no-repeat center; min-height: 1.5em; }

/* Zellen-Linien */
td.e { background-image: url(../img/org/e.gif); }

td.es { background-image: url(../img/org/es.gif); }

td.esw { background-image: url(../img/org/esw.gif); }

td.ew { background-image: url(../img/org/ew.gif); }

td.new { background-image: url(../img/org/new.gif); }

td.ns { background-image: url(../img/org/ns.gif); }

td.nsw { background-image: url(../img/org/nsw.gif); }

td.nw { background-image: url(../img/org/nw.gif); }

td.n { background-image: url(../img/org/n.gif); }

td.ne { background-image: url(../img/org/ne.gif); }

td.nes { background-image: url(../img/org/nes.gif); }

td.nesw { background-image: url(../img/org/nesw.gif); }

td.s { background-image: url(../img/org/s.gif); }

td.sw { background-image: url(../img/org/sw.gif); }

td.w { background-image: url(../img/org/w.gif); }

/* Option "Raster anzeigen" bei pirobase-Tabellen */
.hide-grid { border-collapse: collapse; }

.show-grid, .show-grid td { border-collapse: collapse; border: 1px solid #ddd; }

.show-grid.orgChart td { border: inherit; }

.show-grid.orgChart td.organizationalchart { border: 1px solid #000; }

/*** Alternierende Listen oder Tabellen ***/
.odd { background-color: #ffffff; }

.even { background-color: #DBEBD8; }

/*** Tag clouds ***/
div.tagCloud { font-size: 1.2em; background-color: #F5FFF5; padding-left: 0; padding-right: 4px; padding-bottom: 4px; text-align: center; word-spacing: 6px; }

.tagCloud ul { margin: 0; }

.tagCloud li { margin-left: 0; display: inline; }

.tagCloud a { text-decoration: none; white-space: nowrap; word-spacing: 0; color: #0000FF; border-bottom: 1px dotted #bbf; }

a.tag1 { font-size: 0.9em; color: #6666FF; }

a.tag2 { font-size: 1.0em; color: #4444FF; }

a.tag3 { font-size: 1.2em; font-weight: 600; color: #1111FF; }

a.tag4 { font-size: 1.3em; font-weight: 800; color: #0000FF; }

a.tag5 { font-size: 1.5em; font-weight: 800; color: #0000CC; }

/* Zufällige Hervorhebung */
a.tag_rnd1 { color: #f00; }

a.tag_rnd2 { color: #f77; }

/* Adress-Anzeige */
.telSp { display: inline-block; width: 0.2em; }

.vCard { position: relative; line-height: 140%; }

.vCardLink { float: right; width: 10em; }

.vCard .fn { font-weight: bold; }

.vCard .org { font-weight: bold; }

.vCard .bez { display: inline-block; width: 10em; }

.vCard .mapsLink, .vCard .efaLink { padding-left: 10em; }

.vCard .homepage { padding-left: 10em; margin-bottom: 1em; }

span.tel { padding-left: 18px; background: url(../img/links/phone_icon.png) left no-repeat; }

span.fax { padding-left: 18px; background: url(../img/links/fax_icon.png) left no-repeat; }

span.mobile { padding-left: 18px; background: url(../img/links/mobile_icon.png) left no-repeat; }

/* Map-Anzeige */
.mapCanvas { width: 390px; height: 300px; margin-top: 1em; }

#col3_wide .mapCanvas { width: 590px; height: 400px; margin-top: 1em; }

.miniMapCanvas { width: 250px; height: 180px; margin-top: 1em; }

/* Tabellen-Effekt "Feste Überschrift" */
.fixedtableheader td { background-color: white; }

/* Grundstruktur der Elemente */
.kopf .title { font-weight: bold; font-size: 1.2em; margin-bottom: 0.2em; }

.fuss .caption { font-weight: bold; font-size: 1.1em; }

.bez { float: left; display: block; width: 14em; font-weight: bold; }

#service .bez { width: 8em; }

/* Effekt "mehr oder weniger" */
br.more { line-height: 0; font-size: 0; }

/* RSS */
.rss .title { font-weight: bold; }

/* Wetter */
.weatherBox { border: 1px solid #ffa500; padding: 2px; }

.weatherBox img { float: right; }

.forecast { border-top: 1px solid #ffa500; }

.forecast .date { font-weight: bold; }

.weatherBox .wi-stack { font-size: 300%; }

.weatherBox .iv-stack { font-size: 500%; }

/* Klima */
.climateBox { overflow: auto; border: 1px solid #00ffa5; padding: 2px; margin-bottom: 1em; }

.climateBox .title { font-weight: bold; }

.climateBox br { clear: both; }

div.climate { width: 4em; height: 8em; position: relative; float: left; margin-right: 0.2em; }

div.skala { top: 2em; height: 4em; width: 4em; position: relative; }

.climateBox div.dat { font-size: 0.9em; white-space: nowrap; }

.climateBox div.month { position: absolute; top: 0.2em; left: 0.2em; z-index: 5; }

.climateBox div.dat { position: absolute; bottom: 0.2em; left: 0.2em; z-index: 5; }

.climateBox div.graph { position: absolute; width: 100%; bottom: 0; text-align: center; }

div.graph { background-color: #6F0; }

.max_values div.graph { background-color: #F60; }

.min_values div.graph { background-color: #33F; }

.water_values div.graph { background-color: #088; }

.centimeters div.graph { background-color: #00F; }

.millimeters div.graph { background-color: #00F; }

.day_values div.graph { background-color: #fc6; }

.hour_values div.graph { background-color: #fc6; }

.pressures div.graph { background-color: #666; }

/* Pager */
.padMe { display: inline-block; padding: 2px 4px; }

.pager .current { font-weight: bold; }

.pager .ui-state-default { display: inline-block; }

.pager a:visited { color: inherit; }

.pager { margin-top: 0.5em; margin-bottom: 0.5em; }

/* misc. */
.zoomIcon { background: url(../img/links/zoom.png) no-repeat !important; bottom: 16px; display: block; height: 20px; left: 4px; position: relative; z-index: 50; }

.quote { background-color: #C6C7C7; border: 1px solid #000000; color: #000000; font-size: x-small; line-height: 1.4em; margin: 1px; padding: 1px; }

/* Trenner CMSVII-207 */
.basecontent-dvv-trenner .sep { margin-top: 0; margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0.5em; border: 0; border-bottom: 1px #888 solid; clear: both; }

/* Element "Download-Liste" */
table.downloadlist { border: 1px solid #ddd; border-collapse: collapse; }

.downloadlist td, .downloadlist th { border-top: 1px solid #ddd; border-left: 1px solid #ddf; border-bottom: 1px solid #ddd; padding: 2px 5px; vertical-align: top; background-color: white; }

.downloadlist .odd td { background-color: #ffffff; }

.downloadlist .even td { background-color: #DBEBD8; }

.downloadlist .dlType { text-align: center; }

.downloadlist td.dlType { padding: 0; }

.downloadlist .dlName { min-width: 150px; font-weight: bold; }

.downloadlist .dlName .description { font-weight: normal; }

.downloadlist .dlSize { text-align: right; }

.downloadlist TH A { font-weight: bold; }

.downloadlist img.ui-icon { top: 4px; }

/* Element Wahllokal */
.wahlLokal .title, .wahlLokal .resultTitle, .wahlLokal .result { margin-top: 1em; margin-bottom: 1em; }

/* Service-bw */
.aktivAktuelleAuswahl { font-weight: bold; }

/* added classes */
.border0 { border: 0; }

.icon { border: 0; vertical-align: middle; }

.valign_top { vertical-align: top; }

.valign_middle { vertical-align: middle; }

.valign_bottom { vertical-align: bottom; }

.float_center { display: table; margin: auto; }

.sep50 { width: 50%; }

.sep75 { width: 75%; }

.sep90 { width: 90%; }

.sep100 { width: 100%; }

/* jCarousel */
.jCarouselMain .prev, .jCarouselMain .next { cursor: pointer; }

/* Effekt */
.toggle-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.toggle_title { position: relative; padding: 0 0 0 20px; cursor: pointer; }

/* Tooltip CMSVII-278 */
.tooltip { display: none; background-color: InfoBackground; border: 1px solid ThreeDShadow; color: InfoText; font: message-box; padding: 3px; font-size: 13px; }

/* Effekt bxSlider */
.bx-wrapper .bx-controls-direction a.bx-next { top: inherit; bottom: 0; right: 0; }

.bx-wrapper .bx-controls-direction a.bx-prev { top: inherit; bottom: 0; left: 0; }

/* jQuery UI */
.ui-autocomplete li { list-style: none; }

img.ui-icon { height: 16px; width: 16px; position: relative; display: inline; border: 0; text-indent: 0; }

/* Kommentarfunktion */
.commentDiv { padding: 10px 10px 10px 10px; margin-top: 20px; border: 1px solid #AAA; }

.commentDiv .title { font-weight: bold; }

.commentEnabledDiv { padding: 10px 0; }

.commentDisabledDiv { background: #fbb; border: 1px solid #933; padding: 10px 0; margin-bottom: 5px; }

.commentDelayedDiv { background: #ffe; border: 1px solid #ff0; padding: 10px 0; margin-bottom: 5px; }

.subscriptionsDiv { padding: 10px 10px 10px 10px; margin-bottom: 20px; border: 1px solid #DDD; }

.subscriptionDivBox { clear: both; border: 1px solid #eee; margin: 10px 0 0 0; padding: 4px 2px 4px 2px; }

#createCommentCaptchaDiv { margin-top: 0.5em; width: 100%; clear: both; }

.captchaImage { width: 62%; float: left; }

.captchaQuestion { width: 62%; float: left; }

.captchaQuestionLabel { display: block; }

.captchaInput { width: 36%; float: right; margin-top: 0; }

/* Tagging */
.tagCloudDiv .cloudEntrySize-1 { font-size: 0.9em; color: #aaa; }

.tagCloudDiv .cloudEntrySize0 { font-size: 0.9em; }

.tagCloudDiv .cloudEntrySize1 { font-size: 1em; }

.tagCloudDiv .cloudEntrySize2 { font-size: 1.2em; }

.tagCloudDiv .cloudEntrySize3 { font-size: 1.4em; }

.tagCloudDiv .cloudEntrySize4 { font-size: 1.6em; }

.tagCloudDiv .cloudEntrySize5 { font-size: 1.8em; }

.tagCloudDiv .cloudEntrySize6 { font-size: 2.0em; }

.tagCloudDiv .cloudEntrySize7 { font-size: 2.2em; }

.tagCloudDiv .cloudEntrySize8 { font-size: 2.4em; }

.tagCloudDiv .cloudEntrySize9 { font-size: 2.6em; }

/* System-Meldungen */
.sessionMessageIcon { width: 20px; float: left; }

.sessionMessage { background-color: white; border: 1px solid red; color: red; margin-bottom: 1em; padding: 1em; }

.sessionMessage_info { border: 1px solid #555; color: black; }

.sessionMessage_warn { border: 1px solid blue; color: blue; }

.sessionMessage_trace { border: 1px solid green; color: green; }

/* A-Z Register */
.folderRegister { margin-bottom: 0.5em; }

.folderRegister a.current { font-weight: bold; }

.folderRegister .ui-state-default { display: inline-block; }

/***************************************************************************
/** #############################  DVV-BASE.CSS #############################
/**
/****************************************************************************/
/** Basis-CSS der dvv-Mastertemplates */
/* Spaltenfolge N-C-S */
.ym-col1 { width: 25%; margin: 0; }

.ym-col2 { width: 50%; float: left; margin: 0; }

.ym-col3 { margin-left: 75%; margin-right: 0; overflow: hidden; width: 25%; }

/* content breiter ohne infoslot oder auf home */
.ym-col2wide { margin-left: 25%; width: 75%; float: inherit; }

.home .ym-col2 { width: 75%; }

/* content auf home und ohne infoslot */
.home .ym-col2wide { margin-left: 0; width: 100%; float: inherit; }

/* Allgemein */
.clear { clear: both; }

.nowrap { white-space: nowrap; }

.float-left { float: left; display: inline; }

.float-right { float: right; display: inline; }

.center { display: block; text-align: center; }

span.align-left, span.align-right, span.align-center, span.align-justify { display: block; }

.align-left { text-align: left; /*this will align it for IE*/ margin: 0 auto 0 0; /*this will align it left for Mozilla*/ }

.align-right { text-align: right; margin: 0 0 0 auto; }

.align-center { text-align: center; margin: 0 auto 0 auto; }

.align-justify { text-align: justify; margin: 0 auto 0 auto; }

.valign-top { vertical-align: top; }

.valign_middle { vertical-align: middle; }

.valign-bottom { vertical-align: bottom; }

.float-center { display: table; margin: auto; }

/* hervorgehobene Suchtreffer */
.highlight { color: #003; background-color: #FFD; }

/* Formulare */
.requiredMark { color: #4a76aa; }

.error .requiredMark { color: #FF6600; }

.error { color: red; }

.ym-form .error label { color: red; }

/* Option "Raster anzeigen" bei CMS8-Tabellen */
.show-grid, .show-grid td { border: 1px solid #ccc; }

.show-grid.orgChart td { border: inherit; }

.show-grid.orgChart td.organizationalchart { border: 1px solid #000; }

/* Trenner CMSVII-207 */
.basecontent-dvv-trenner .sep { clear: both; }

.sep50 { width: 50%; }

.sep75 { width: 75%; }

.sep90 { width: 90%; }

.sep100 { width: 100%; }

/* Effekt "mehr oder weniger" */
br.more { line-height: 0; font-size: 0; }

/* System-Meldungen */
.sessionMessageIcon { width: 20px; float: left; }

.sessionMessage { background-color: white; border: 1px solid red; color: red; margin-bottom: 1em; padding: 1em; }

.sessionMessage_info { border: 1px solid #555; color: black; }

.sessionMessage_warn { border: 1px solid blue; color: blue; }

.sessionMessage_trace { border: 1px solid green; color: green; }

/* Quicklinks to do; ggf. entfernen nach Erledigung CMSVII-718 */
.quickLinks { min-height: 27px; /* reserviert Platz waehrend HTML-Aufbau */ }

/* Nicht-relevante Informationen (Beispiel A-Z-Liste) nicht vorlesen lassen */
@media aural { .noSpeech { visibility: hidden; } }

/***************************************************************************
/** #############################  YAML-CORE.CSS #############################
/**
/****************************************************************************/
/** "Yet Another Multicolumn Layout" - YAML CSS Framework (en) YAML core stylesheet (de) YAML Basis-Stylesheet Don't make any changes in this file! Your changes should be placed in any css-file in your own stylesheet folder. @copyright       Copyright 2005-2012, Dirk Jesse @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), YAML-CDL (http://www.yaml.de/license.html) @link            http://www.yaml.de @package         yaml @version         v4.0.2 @revision        $Revision: 743 $ @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $ Modifizierte dvv-Version */
@media all { /** @section CSS-Normalisation Module */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin: 0; padding: 0; }
  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; }
  /* LTR */
  select { padding: 1px; }
  /** (en) Global fix of the Italics bugs in IE 5.x and IE 6 (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 @bugfix @affected   IE 5.x/Win, IE6 @css-for    IE 5.x/Win, IE6 @valid      yes */
  * html body * { overflow: visible; }
  body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size: 100%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ background: #fff; color: #000; text-align: left; /* LTR */ }
  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div:target { outline: 0 none; }
  /* (en) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  /* (en) HTML5 - default media element styles */
  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
  audio, canvas, video { display: inline-block; }
  /* (en) HTML5 - don't show <audio> element if there aren't controls */
  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
  audio:not([controls]) { display: none; }
  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
  [hidden] { display: none; }
  /* (en) force consistant appearance of input[type="search"] elements in all browser  */
  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
  input[type="search"] { -webkit-appearance: textfield; }
  input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  /* (en) Clear borders for <img> elements */
  /* (de) Rahmen für <img> Elemente löschen */
  /* dvv entfernte fieldset */
  img { border: 0 solid; }
  /* (en) new standard values for lists, blockquote, cite and tables */
  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
  ul, ol, dl { margin: 0 0 1em 1em; }
  /* LTR */
  li { line-height: 1.5em; margin-left: 0.8em; /* LTR */ }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }
  /* LTR */
  blockquote { margin: 0 0 1em 0.8em; }
  /* LTR */
  q { quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  table { border-collapse: collapse; border-spacing: 0; }
  /** @section Float Handling Module */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before { content: ""; display: table; }
  .ym-clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt { display: table; width: 100%; overflow: visible; }
  .ym-contain-oh { overflow: hidden; width: 100%; display: block; }
  .ym-contain-fl { float: left; width: 100%; }
  /** @section Accessibility Module (en) skip links and hidden content (de) Skip-Links und versteckte Inhalte */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip, .ym-hideme, .ym-print { position: absolute; top: -32768px; left: -32768px; /* LTR */ }
  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus, .ym-skip:active { position: static; top: 0; left: 0; }
  /* skiplinks:technical setup */
  .ym-skiplinks { position: absolute; top: 0px; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; }
  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active { left: 32768px; outline: 0 none; position: absolute; width: 100%; } }

@media screen, projection { /** @section Column Module default column config: |-------------------------------| | col1    | col3      | col2    | | 20%     | flexible  | 20%     | |-------------------------------| */
  .ym-column { /*display: table;*/ width: 100%; }
  /* dvv removed attribute */
  .ym-col1 { float: left; width: 20%; }
  .ym-col2 { float: right; width: 20%; }
  .ym-col3 { width: auto; margin: 0 20%; }
  .ym-cbox { padding: 0 10px; }
  .ym-cbox-left { padding: 0 10px 0 0; }
  .ym-cbox-right { padding: 0 0 0 10px; }
  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  .ym-ie-clearing { display: none; }
  /** @section Grid Module */
  .ym-grid { display: table; width: 100%; table-layout: fixed; list-style-type: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
  .ym-gl { float: left; margin: 0; }
  .ym-gr { float: right; margin: 0 0 0 -5px; }
  .ym-g20 { width: 20%; }
  .ym-g40 { width: 40%; }
  .ym-g60 { width: 60%; }
  .ym-g80 { width: 80%; }
  .ym-g25 { width: 25%; }
  .ym-g33 { width: 33.333%; }
  .ym-g50 { width: 50%; }
  .ym-g66 { width: 66.666%; }
  .ym-g75 { width: 75%; }
  .ym-g38 { width: 38.2%; }
  .ym-g62 { width: 61.8%; }
  .ym-gbox { padding: 0 10px; }
  .ym-gbox-left { padding: 0 10px 0 0; }
  .ym-gbox-right { padding: 0 0 0 10px; }
  .ym-equalize { overflow: hidden; }
  .ym-equalize > [class*="ym-g"] { display: table-cell; float: none; margin: 0; vertical-align: top; }
  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] { padding-bottom: 10000px; margin-bottom: -10000px; } }

@media all { /** @section Form Module Vertical-Forms - technical base (standard) |-------------------------------| | form                          | |-------------------------------| |   label                       | |   input / select / textarea   | |-------------------------------| | /form                         | |-------------------------------| (en) Styling of forms where both label and input/select/textarea are styled with display:block; (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden */
  .ym-form, .ym-form fieldset { overflow: hidden; }
  .ym-form div { position: relative; }
  .ym-form label, .ym-form .ym-message { position: relative; display: block; /* important for Safari */ }
  .ym-form .ym-fbox-check label { display: inline; }
  .ym-form input, .ym-form textarea { cursor: text; }
  .ym-form input[type="checkbox"], .ym-form input[type="radio"], .ym-form select, .ym-form label { cursor: pointer; }
  /* small adjustments for Internet Explorer - all versions */
  .ym-form textarea { overflow: auto; }
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .ym-form input[type=hidden] { display: none !important; }
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before { content: ""; display: table; }
  .ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form select, .ym-form input, .ym-form textarea { display: block; position: relative; width: 58.5%; }
  .ym-form .ym-fbox-check input { display: inline; width: auto; }
  /* Styling of buttons | Gestaltung von Buttons */
  .ym-form .ym-fbox-button input { display: inline; overflow: visible; /* Fixes IE7 auto-padding bug */ width: auto; }
  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active { border: 0 none; }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-full .ym-fbox-select select, .ym-full .ym-fbox-text input, .ym-full .ym-fbox-text textarea { width: 94.2%; margin-right: -3px; }
  /** Columnar forms display - technical base (optional) |-------------------------------------------| | form                                      | |-------------------------------------------| |                                           | |   label   |   input / select / textarea   | |                                           | |-------------------------------------------| | /form                                     | |-------------------------------------------| (en) Styling of forms where label floats left of form-elements (de) Formulargestaltung, bei der die label-Elemente nach links fließen */
  /* Columnar display | Spalten-Darstellung */
  .ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label { display: inline; float: left; width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */ }
  .ym-columnar .ym-fbox-check { position: relative; }
  .ym-label { display: block; }
  .ym-columnar .ym-fbox-check .ym-label { position: absolute; top: 0; }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message { margin-left: 30%; }
  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button { padding-left: 30%; }
  .ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea { float: left; width: 67.2%; /*		margin-right: -3px; dvv removed this for CMSVII-931 */ }
  /** @section Form Construction Kit | Screen Adjustments */
  .ym-fbox-select select { width: 60%; }
  .ym-full .ym-fbox-select select { width: 94.8%; }
  .ym-columnar .ym-fbox-select select { width: 68.8%; } }

@media print { /** @section print adjustments for core modules (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden @bugfix @since     3.0 @affected  FF2.0, FF3.0, IE7 @css-for   all browsers @valid     yes */
  .ym-grid > .ym-gl, .ym-grid > .ym-gr { overflow: visible; display: table; }
  /* (en) make .ym-print class visible */
  /* (de) .ym-print-Klasse sichtbar schalten */
  .ym-print { position: static; left: 0; }
  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint { display: none !important; } }

/** Set up a decent box model on the root element */
/* alt bis onlinegang html { box-sizing: border-box; } body { background: url('../img/Startseite.jpg') center center fixed ; //background: url("../site/Furtwangen/resourceCached/9.2.1/00_Startseite/Startseite.jpg") 0px 0px no-repeat; //background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 50%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; } */
body { background: url("../img/Startseite.jpg") center center fixed; background-attachment: fixed; background-size: cover; background-position: 50% 50%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; height: 100%; /* overflow: scroll; */ }

html { /* background-image:url('../img/Startseite.jpg');*/ /* background-position: center center;*/ /* -webkit-background-size: cover;*/ /* -moz-background-size: cover;*/ /* -o-background-size: cover;*/ /* background-size: cover;  */ /* overflow: hidden; */ height: 100%; }

/* body { background-image: url('../img/Startseite.jpg') ; //background: url("../site/Furtwangen/resourceCached/9.2.1/00_Startseite/Startseite.jpg") 0px 0px no-repeat; //background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 50%; } */
body.knot_13508763 { background-image: url("../img/Rathaus.jpg"); }

body.knot_13516664 { background-image: url("../img/Stadtinfo.jpg"); }

body.knot_13509443 { background-image: url("../img/Wirtschaft.jpg"); }

body.knot_13509610 { background-image: url("../img/Tourismus.jpg"); }

body.knot_13509939 { background-image: url("../img/Gesundheit.jpg"); }

body.knot_13510083 { background-image: url("../img/Bildung.jpg"); }

/** Make all elements from the DOM inherit from the parent box-sizing Since `*` has a specificity of 0, it does not override the `html` value making all elements inheriting from the root box-sizing value See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/** Basic styles for links */
a { color: #00ACD3; text-decoration: none; }

a:hover, a:active, a:focus { color: #3adbff; text-decoration: none; }

a.goPageTop { float: left; display: none; }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

.fa-envelope-open-o:before { content: ""; }

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

.fa-user-circle-o:before { content: ""; }

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

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

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

@font-face { font-family: 'FontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?hk2ocy"); src: url("fonts/icomoon.eot?hk2ocy#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?hk2ocy") format("truetype"), url("fonts/icomoon.woff?hk2ocy") format("woff"), url("fonts/icomoon.svg?hk2ocy#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-ferienland { content: "\e900"; color: white; font-size: 40px; }

.icon-ferienland .path1:before { content: "\e900"; color: white; }

.icon-ferienland .path2:before { content: "\e901"; margin-left: -0.70703125em; color: #e6e6e6; }

.icon-ferienland .path3:before { content: "\e902"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path4:before { content: "\e903"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path5:before { content: "\e904"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path6:before { content: "\e905"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path7:before { content: "\e906"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path8:before { content: "\e907"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path9:before { content: "\e908"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path10:before { content: "\e909"; margin-left: -0.70703125em; color: white; }

.icon-ferienland .path11:before { content: "\e90a"; margin-left: -0.70703125em; color: white; }

/** Clear inner floats */
.clearfix::after { clear: both; content: ''; display: table; }

/** Main content containers 1. Make the container full-width with a maximum width 2. Center it in the viewport 3. Leave some space on the edges, especially valuable on small screens */
.container { max-width: 1180px; /* 1 */ margin-left: auto; /* 2 */ margin-right: auto; /* 2 */ padding-left: 20px; /* 3 */ padding-right: 20px; /* 3 */ width: 100%; /* 1 */ }

/** Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
.hide-text { overflow: hidden; padding: 0; /* 1 */ text-indent: 101%; white-space: nowrap; }

/** Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

#ferienland { fill: #fff; }

#ferienland:hover { fill: #000 !important; }

/* Furtwangen Logo - Icon Font */
.quicklink-logo .furtwangen-logo { background: transparent url("../img/ql_logo_hover.png") no-repeat scroll 0 0; display: block; height: 53px; width: 80px; margin-bottom: 6px; }

.quicklink-logo .furtwangen-logo:hover { background: transparent url("../img/ql_logo_hover.png") no-repeat scroll 0 -67px; display: block; height: 53px; width: 80px; }

.quicklink-logo a { color: #fff; }

.quicklink-logo a:hover { color: #000; }

/* Ferienland - Icon Font */
figure { margin: 0.8em 15px; }

figure.image.float-left { margin-left: 0; }

figure.image.float-right { margin-right: 0; }

figure figcaption { font-style: italic; font-size: 12px; }

.header-image { margin-left: 0px; max-width: 980px; }

.header-image img { width: 100%; height: auto; }

.header-image figure { margin: 0; padding: 0; width: 100% !important; }

#jquery-lightbox { top: 100px !important; }

.zoomIcon { display: none; }

/** Basic typography style for copy text */
body { color: #6a6a6a; font: normal 100%/1.6 "Helvetica", "Arial", sans-serif; }

body { font: "Helvetica", "Arial", sans-serif; }

h1 { color: #00A513; margin: 0.4em 0; font-size: 1.8rem; }

h2 { color: #00A513; font-size: 1.4rem; font-weight: 300; margin-bottom: 3px; margin-top: 10px; }

footer .bottom-content { text-align: center; margin-top: 15px; margin-bottom: 15px; color: #ffffff; }

footer .bottom-content span { color: #ffffff; }

footer .bottom-content span a { color: #ffffff; }

footer .bottom-content span a:hover { color: #ffffff; }

footer#contentFooter { padding-left: 23px; margin-bottom: 10px; margin-top: 30px; width: 100%; text-align: center; }

@media (max-width: 760px) { footer#contentFooter { margin-top: 0; text-align: center; } }

@media (min-width: 761px) and (max-width: 980px) { footer#contentFooter { text-align: center; } }

@media (min-width: 981px) and (max-width: 1280px) { footer#contentFooter { text-align: center; } }

.ym-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.ym-col1 { width: 30%; }

.ym-col2 { width: 70%; }

@media screen and (min-width: 1200px) { .bx-viewport .bxSlider .boxborder { width: 550px; } }

@media screen and (max-width: 980px) { /* linearization for column module */
  .linearize-level-1, .linearize-level-1 > [class*="ym-col"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; }
  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; }
  /* ausgeblendet .quicklinks { display: block!important; height: 80px!important; } .quicklinks .icon span { display: none; } */ }

@media screen and (max-width: 760px) { /* linearization for grid module */
  .linearize-level-2, .linearize-level-2 > [class*="ym-g"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; }
  /* reset defined gutter values */
  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; } }

.quicklinksmini { display: none; }

/* bottom */
@media screen and (max-width: 980px) { #mm-0 .quicklinks { display: none; }
  .home #content .zeile2 { background-color: #dbebd8; min-height: 450px; }
  #main { margin-bottom: 0px; }
  .bottom-content .quicklinksmini { display: inline-block; margin-left: 200px; }
  .quicklinksmini .icon { text-align: center; float: left; width: 10%; }
  .quicklinksmini .icon a { color: #ffffff; }
  .quicklinksmini .icon a:hover { color: #000000; }
  .quicklinksmini .icon i { display: block; }
  .kiru { float: left; } }

.header_wrapper { height: 244px; background: #ffffff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; position: relative; }

@media (max-width: 760px) { .header_wrapper { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; height: inherit; } }

@media (min-width: 761px) and (max-width: 980px) { .header_wrapper { -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; height: inherit; } }

#header { position: relative; margin-bottom: 300px; }

@media (max-width: 760px) { #header { margin-bottom: 0px; } }

@media (min-width: 761px) and (max-width: 980px) { #header { margin-bottom: 50px; margin-left: 30px; margin-right: 30px; } }

@media (min-width: 981px) and (max-width: 1280px) { #header { margin-bottom: 150px; margin-left: 30px; margin-right: 30px; } }

@media (max-width: 1024px) and (min-width: 980px) { #header { margin-bottom: 50px; } }

img.logo { max-width: 200px; margin: 40px; }

@media (max-width: 760px) { img.logo { margin: 30px; max-width: 200px; } }

@media screen and (max-width: 480px) { img.logo { max-width: 140px; margin: 20px; } }

.searchinput { position: absolute; right: 34px; top: 55px; }

@media (max-width: 760px) { .searchinput { display: none; } }

@media (min-width: 761px) and (max-width: 980px) { .searchinput { display: none; } }

.searchinput form.quicksearch input.quicksearchtext { height: 60px; width: 400px; border: 1px solid #00A513; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding-left: 20px; padding-top: 4px; font-size: 18px; color: #6a6a6a; vertical-align: top; }

.searchinput form.quicksearch input.quicksearchimg { background: #00A513; margin-left: -5px; }

.searchinput form.quicksearch label { display: none; }

.breadcrumb { position: absolute; right: 34px; top: 148px; font-size: 0.9rem; }

@media (max-width: 760px) { .breadcrumb { position: inherit; background-color: #dbebd8; top: 0; right: 0; padding: 15px 20px 15px 20px; } }

@media (min-width: 761px) and (max-width: 980px) { .breadcrumb { position: inherit; background-color: #dbebd8; top: 0; right: 0; padding: 15px 20px 15px 20px; } }

.breadcrumb a { color: #6a6a6a; }

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { color: #00A513; }

section#service { font-size: 14px; }

section#service h1 { font-size: 16px; }

section#service h2 { font-size: 14px; }

section#service p { font-size: 14px; }

/* Service Spalte Infoslot */
#service img { max-width: 303px; }

/* Service BW in der Service Spalte */
#service .hauptueberschrift { display: none; }

#service #bwKontakt h3 { display: none; }

.vlist ul.ym-vlist { list-style: none; margin: 0 0 1em 0.1em; }

.vlist ul.ym-vlist li { color: #4c4c4c; border-bottom: 1px solid #dddddd; font-size: 14px; line-height: 1.7em; }

.vlist ul.ym-vlist li a:link { color: #4c4c4c; }

.vlist ul.ym-vlist li a:visited { color: #4c4c4c; }

.vlist ul.ym-vlist li a:hover { font-weight: bold; color: #00ACD3; }

.vlist ul.ym-vlist li.current a.active { font-weight: bold; color: #00ACD3; }

.sidebar ul.ym-vlist li ul li { list-style: none; margin-left: 0px; }

.sidebar ul.ym-vlist li ul { margin: 0; }

.sidebar ul.ym-vlist li ul li:before { font-family: FontAwesome; content: ""; color: #B5D4B4; font-size: 6px; padding-right: 8px; vertical-align: bottom; }

.sidebar ul.ym-vlist li:last-child { border-bottom: 0; }

.sidebar ul.ym-vlist li ul li:last-child { border-bottom: 0; }

.sidebar ul.ym-vlist li ul li ul li { list-style: none; margin-left: 14px; }

.quicklinks { position: absolute; left: 0; height: 100%; color: #ffffff; text-align: center; background: rgba(21, 107, 143, 0.4); }

@media (max-width: 760px) { .quicklinks { display: none; } }

@media (min-width: 761px) and (max-width: 980px) { .quicklinks { display: none; } }

.quicklink-logo { margin-top: 15px; margin-bottom: 20px; padding: 10px; }

.quicklink-logo span { font-size: 90%; }

.quicklinks .icon { display: block; margin-bottom: 15px; }

.quicklinks .icon a { color: #ffffff; }

.quicklinks .icon a:hover { color: #000000; }

.quicklinks .icon i { display: block; }

.quicklinks .icon span { font-size: 14px; display: block; }

.main .ym-col1 { background: #dbebd8; }

@media (max-width: 760px) { .main .ym-col1 { display: none; } }

@media (min-width: 761px) and (max-width: 980px) { .main .ym-col1 { display: none; } }

.toprubrik { font-size: 16px; color: #00A513; }

.toprubrik ul { margin: 6px; }

.toprubrik li { list-style: none; margin: 0 0 1em 0.2em; padding-top: 11px; }

.subscriptionDivBox { display: none; }

#service { padding: 13px; padding-top: 0px; }

.sidebar #service img.bwBildVerwaltung { max-width: 302px; width: 100%; float: left; }

.sidebar #service h2.basecontent-sub-heading { color: #6a6a6a; display: block; background: #99d69d; padding-top: 10px; padding-bottom: 10px; padding-left: 23px; margin-left: -23px; margin-right: -23px; margin-bottom: 15px; font-weight: bold; font-size: 16px; }

.sidebar #service h3 { color: #6a6a6a; font-weight: 300; }

.sidebar #service #bwBildVerwaltung { margin-top: 10px; margin-bottom: 10px; display: none; }

.sidebar #service span.fax { padding: 0; background: none; }

.sidebar #service span.tel { padding: 0; background: none; }

.the-wrapper { margin: 0 auto; max-width: 1200px; }

.main { background: #ffffff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

@media (max-width: 760px) { .main { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }

@media (min-width: 761px) and (max-width: 980px) { .main { margin: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }

section#content { padding-left: 25px; padding-right: 10px; }

@media (max-width: 760px) { .home .ym-cbox { padding-top: 10px; } }

@media (min-width: 761px) and (max-width: 980px) { .home .ym-cbox { padding-top: 10px; } }

.home #main .maxbreite { margin: 20px; }

@media (max-width: 760px) { .home #main .maxbreite { margin: 0px; } }

@media (min-width: 761px) and (max-width: 980px) { .home #main .maxbreite { margin: 0px; } }

.inhalt .ym-cbox { padding: 0; margin: 0; }

.header-image .composedcontent-preset_module { max-height: 350px; overflow: hidden; }

.header-image { height: 260px; margin-left: 0; max-width: 870px; }

.header-image figcaption { display: none; }

#content .composedcontent-preset_module h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

#content .composedcontent-preset_standardseite h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

.body_sitemap #content h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

#content .composedcontent-fuwa-pressemodul h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

#content .composedcontent-preset_module h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

#content .searchDiv h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513 !important; color: white; margin-bottom: 50px; }

#content #loginForm { margin-top: 120px; }

.home #content .searchDiv h1 { padding: 20px; }

.home .ergebnisseKopf { margin: 15px; }

.home #search_form input { margin-left: 15px; }

.home #search_form input.pbsearch-autocomplete { padding: 3px 10px; }

.home #search_form .button { margin: 0px 0px; padding: 1px 20px 3px 20px; }

#ergebnisse .searchSort { display: none; }

#ergebnisseRumpf { margin-top: 20px; }

#ergebnisseRumpf ul { list-style-type: none; margin: 0px; }

#ergebnisseRumpf ul li { list-style-type: none; margin: 0px; padding: 15px; }

.hauptrubrik { margin-top: 10px; }

/* Downloadliste */
#content p { margin-bottom: 15px; }

.home #content p { margin-bottom: 0px; }

#content .downloadlist { width: 100%; }

#content .dlDate { display: none; }

#content .downloadlist .dlType { width: 5%; }

#content .downloadlist .dlSize { width: 15%; }

.basecontent-dvv-trenner hr.sep { border: none; }

.basecontent-dvv-trenner div.sep { border-bottom: 1px solid #DBEBD8; }

.basecontent-dvv-trenner div.sep50 { width: 50%; }

.basecontent-dvv-trenner div.sep75 { width: 75%; }

.basecontent-dvv-trenner div.sep90 { width: 90%; }

fieldset { border: none; }

fieldset .formElementRow input { padding: 5px; margin-bottom: 10px; }

fieldset #Anrede { padding: 5px; margin-bottom: 10px; width: 20%; }

fieldset.formButtonContainer .formButton input { padding: 5px 30px; margin-bottom: 10px; background: #00A513; color: #ffffff; }

fieldset .ym-fbox-text span { float: left; font-size: 80%; }

.requiredMark { float: none !important; margin-right: 5px; font-size: 120% !important; }

/* jCarousel */
.jCarouselMain .prev, .jCarouselMain .next { cursor: pointer; }

.toggle-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.toggle_title { position: relative; padding: 0 0 0 20px; cursor: pointer; background: #DBEBD8; }

/* Tooltip CMSVII-278 */
.tooltip { display: none; background-color: InfoBackground; border: 1px solid ThreeDShadow; color: InfoText; font: message-box; padding: 3px; font-size: 13px; }

/* Effekt bxSlider */
.bx-wrapper .bx-controls-direction a.bx-next { top: inherit; bottom: 0; right: 0; }

.bx-wrapper .bx-controls-direction a.bx-prev { top: inherit; bottom: 0; left: 0; }

/* Spezielles fuer Knoten Seiten */
.knot_13508763 #content .float-left { margin-top: 5px; }

footer#contentFooter { float: right; text-align: right; margin-right: 23px; }

#footer .bottom-content { width: 100%; height: 100px; margin: auto 0px; padding-top: 30px; }

#footer .bottom-content .quicklinksmini { width: 90%; margin: auto; }

#footer .bottom-content .kiru { width: 100%; margin: auto 0px; }

/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */
.cd-container { width: 90%; max-width: 768px; margin: 2em auto; }

.cd-container::after { /* clearfix */ content: ''; display: table; clear: both; }

.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #00acd3 url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }

.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 1; }

.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }

@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } }

@media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } }

.button { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 11px; font-weight: bold; text-align: center; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.button:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

input.button { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 12px; font-weight: bold; text-align: center; height: 37px; line-height: 27px; min-width: 100px; padding: 5px 18px; text-decoration: none; }

input.button:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

input.button:hover[value="Login"] { color: #00A513; }

input.button:hover[value="Abbrechen"] { color: #E3000F; }

.zmsuchbutton { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 11px; font-weight: bold; text-align: center; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.zmsuchbutton:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.home #content .bx-wrapper { z-index: 1; }

/* Sliderbackground */
.home #content .composedcontent-preset_module .zeile1 .ym-g50.ym-gl { height: 408px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: #00A513; background-image: url("../img/Background.jpg"); }

form#loginForm fieldset { margin-top: 10px; margin-bottom: 20px; }

form#loginForm fieldset { padding: 1.35em 1.625em 1.75em; }

form#loginForm fieldset legend { font-weight: bold; color: #00A513; font-size: 1.4rem; }

form#loginForm .ym-fbox-button { margin-top: 20px; margin-left: 2px; margin-bottom: 8px; }

form#loginForm .ym-fbox-text { margin-bottom: 10px; }

form#loginForm fieldset .ym-fbox-text input { padding-bottom: 5px; padding-left: 6px; padding-top: 5px; }

form#loginForm fieldset .ym-fbox-text input#j_username:focus { background-color: #dbebd8; border: 1px solid #acacac; }

form#loginForm fieldset .ym-fbox-text input#j_password:focus { background-color: #dbebd8; border: 1px solid #acacac; }

form#loginForm fieldset .ym-fbox-text input#j_username:hover { border: 1px solid #00A513; }

form#loginForm fieldset .ym-fbox-text input#j_password:hover { border: 1px solid #00A513; }

#hamburger { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #00A513; font-size: 40px; position: absolute; right: 33px !important; top: 14px; z-index: 10000 !important; }

@media (max-width: 760px) { #hamburger { display: block; } }

@media (min-width: 761px) and (max-width: 980px) { #hamburger { display: block; } }

@media (min-width: 981px) and (max-width: 1280px) { #hamburger { display: none; } }

html.mm-background .mm-page { background: none; }

/* MM-Menü Titel */
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: #00A513; }

/* Hamburger ICON ANIMATION To-Do: Noch einfügen (momentan ausgeblendet) */
/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.7; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -10px; }

.hamburger-inner::after { bottom: -10px; }

/* 3DX */
.hamburger--3dx .hamburger-box { -webkit-perspective: 80px; perspective: 80px; }

.hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }

/* 3DX Reverse */
.hamburger--3dx-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; }

.hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }

/* 3DY */
.hamburger--3dy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; }

.hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); }

.hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }

/* 3DY Reverse */
.hamburger--3dy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; }

.hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); }

/* Arrow */
.hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/* Arrow Right */
.hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/* Arrow Alt */
.hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/* Arrow Alt Right */
.hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/* Boring */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; }

.hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Collapse */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after { top: -20px; -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.32s; -o-transition-delay: 0.32s; transition-delay: 0.32s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }

.hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Collapse Reverse */
.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); -webkit-transition-delay: 0.32s; -o-transition-delay: 0.32s; transition-delay: 0.32s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }

.hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Elastic */
.hamburger--elastic .hamburger-inner { top: 2px; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.15s 0.4s ease; -o-transition: opacity 0.15s 0.4s ease; transition: opacity 0.15s 0.4s ease; }

.hamburger--elastic .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); transform: translate3d(0, 10px, 0) rotate(135deg); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); transform: translate3d(0, -20px, 0) rotate(-270deg); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

/* Elastic Reverse */
.hamburger--elastic-r .hamburger-inner { top: 2px; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.15s 0.4s ease; -o-transition: opacity 0.15s 0.4s ease; transition: opacity 0.15s 0.4s ease; }

.hamburger--elastic-r .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg); transform: translate3d(0, 10px, 0) rotate(-135deg); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; }

.hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(270deg); transform: translate3d(0, -20px, 0) rotate(270deg); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

/* Emphatic */
.hamburger--emphatic { overflow: hidden; }

.hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.2s 0.25s ease-in; -o-transition: background-color 0.2s 0.25s ease-in; transition: background-color 0.2s 0.25s ease-in; }

.hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; }

.hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg); transform: translate3d(80px, 80px, 0) rotate(45deg); -webkit-transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg); transform: translate3d(-80px, 80px, 0) rotate(-45deg); -webkit-transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/* Emphatic Reverse */
.hamburger--emphatic-r { overflow: hidden; }

.hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.2s 0.25s ease-in; -o-transition: background-color 0.2s 0.25s ease-in; transition: background-color 0.2s 0.25s ease-in; }

.hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }

.hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent; }

.hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg); transform: translate3d(80px, -80px, 0) rotate(-45deg); -webkit-transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

.hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg); transform: translate3d(-80px, -80px, 0) rotate(45deg); -webkit-transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/* Slider */
.hamburger--slider .hamburger-inner { top: 2px; }

.hamburger--slider .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }

.hamburger--slider .hamburger-inner::after { top: 20px; }

.hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg); transform: translate3d(0, -20px, 0) rotate(-90deg); }

/* Slider Reverse */
.hamburger--slider-r .hamburger-inner { top: 2px; }

.hamburger--slider-r .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }

.hamburger--slider-r .hamburger-inner::after { top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); }

.hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0); transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; }

.hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(90deg); transform: translate3d(0, -20px, 0) rotate(90deg); }

/* Spring */
.hamburger--spring .hamburger-inner { top: 2px; -webkit-transition: background-color 0s 0.15s linear; -o-transition: background-color 0s 0.15s linear; transition: background-color 0s 0.15s linear; }

.hamburger--spring .hamburger-inner::before { top: 10px; -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring .hamburger-inner::after { top: 20px; -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.32s; -o-transition-delay: 0.32s; transition-delay: 0.32s; background-color: transparent; }

.hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); }

/* Spring Reverse */
.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }

.hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.32s; -o-transition-delay: 0.32s; transition-delay: 0.32s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }

.hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Stand */
.hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; -webkit-transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Stand Reverse */
.hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent; -webkit-transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Spin */
.hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.14s; -o-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Spin Reverse */
.hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.14s; -o-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }

.hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Squeeze */
.hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease; -o-transition: top 0.1s 0.14s ease, opacity 0.1s ease; transition: top 0.1s 0.14s ease, opacity 0.1s ease; }

.hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.14s; -o-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease; -o-transition: top 0.1s ease, opacity 0.1s 0.14s ease; transition: top 0.1s ease, opacity 0.1s 0.14s ease; }

.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Vortex */
.hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

.hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; }

.hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -ms-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/* Vortex Reverse */
.hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

.hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; }

.hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -ms-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; }

.hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

#content .pm-bild { float: right; padding-left: 20px; }

#content .composedcontent-fuwa-pressemodul .image { float: right; margin: 10px 0 10px 10px; }

#content .composedcontent-kiru-pm-einleitung { font-weight: bold; }

#content .pm-detail { clear: both; }

#content .pm-meldung { overflow: hidden; margin: 0; border-bottom: 1px dashed #cccccc; padding: 15px; }
#content .pm-meldung a.pm-teaser-text-link { color:#6a6a6a;}
#content .pm-meldung .pm-content { float: left; }

.home #content .pm-meldung { border-bottom: none; }

#content .presse-uebersicht .pm-meldung h3 { font-size: 100%; }

#content .presse-uebersicht .pm-meldung h3 span.pm-from { display: block; font-size: 0.9em; }

#content .entry1 { background-color: #DBEBD8; }

/* Presseuebersicht mit neuer Presse 2016*/
.presse-uebersicht .pm-rss { float: right; margin-right: 1em; }

.presse-uebersicht .pm-filter { margin-bottom: 2em; }

.presse-uebersicht .pm-filter .jahr { padding: 4px; }

.presse-uebersicht .pm-filter .monat { padding: 4px; }

.presse-uebersicht #pm-suchfeld { margin-top: 1em; width: 220px; padding: 4px; }

.presse-uebersicht .pm-filter input[type="submit"], .presse-uebersicht .pm-filter button[type="submit"] { background-color: #666; border: medium none; color: #fff; display: inline-block; padding: 4px 6px; }

.presse-uebersicht .pm-meldung { margin-top: 1.5em; }

.presse-uebersicht .pager { text-align: center; }

.presse-uebersicht .pager span { display: inline-block; margin: 0 5px; }

.presse-uebersicht .pm-bild { float: right; }

.pm-meldung-author .pm-bild img { float: right; max-height: 200px; max-width: 200px; }

.home #content .pm-meldung { padding: 0; }

#content .composedcontent-preset_aktuelles h1 { display: inline-block; margin-left: -25px; padding: 0 25px; background-color: #00a513; color: white; margin-bottom: 50px; }

.knot_13508763 .inhalt h1.hauptueberschrift { display: none; }

.knot_13508763 .lebenslagen { margin-top: 20px; }

.anfangsbuchstabenLeiste { padding-bottom: 20px; padding-top: 20px; }

.anfangsbuchstabenLeiste a { border: 1px solid #ccc; padding: 5px; }

.anfangsbuchstabenLeiste span { border: 1px solid #ccc; padding: 5px; }

.vCard .efaLink, .vCard .mapsLink { padding: 0; }

.vCard .homepage { padding: 0; }

#service .bez { width: 5.4em; }

.vCardLink { float: right; width: 2em; }

/* Service Spalte Infoslot */
#service img { max-width: 303px; }

/* Service BW in der Service Spalte */
#service .hauptueberschrift { display: none; }

#service #bwKontakt h3 { display: none; }

/* #service #bwKontakt .fax { padding: 0px;}
#service #bwKontakt .tel { padding: 0px;} */
#service #lpBwOeffnung { margin-top: 10px; }

#service #lpBAnsprechpartner { display: none; }

#service #bwDienstleistungen { display: none; }

#service #bwFormulare { display: none; }

/* #service #bwKontakt .fax { padding: 0px;}
#service #bwKontakt .tel { padding: 0px;} */
#service #lpBwOeffnung { margin-top: 10px; }

#service #lpBAnsprechpartner { display: none; }

#service #bwDienstleistungen { display: none; }

#service #bwFormulare { display: none; }

/* Service BW */
#anfangsbuchstaben .skip { display: none; }

#lpSeite #anfangsbuchstaben { font-size: 100%; margin-bottom: 0; }

#lpSeite.maliste #anfangsbuchstaben { font-size: 130%; margin-bottom: 20px; }

#lpSeite .zeile0 { background-color: #99D69D; }

#lpSeite .lpBAnsprechpartnerEintrag { border-bottom: 1px solid #99D69D; padding: 5px 0; }

#lpSeite .even { background: none; }

#lpSeite tr th { padding: 2px 10px; }

#lpSeite td.ansprech { width: 30%; }

#lpSeite tr td.ansprech { margin: 0 0 0 5px; }

#lpSeite td.funktion { display: none; }

#lpSeite td.sachgebiet { width: 50%; font-size: 90%; }

#lpSeite tr td.sachgebiet { padding: 30px 5px 0; }

#lpSeite td.tel { width: 20%; }

#landeszusatz { padding-top: 30px; }

#lpSeite #bwHaus { margin-bottom: 30px; }

#lpSeite #lpBAnsprechpartner { margin-bottom: 30px; }

#lpSeite #bwKontakt { margin-bottom: 30px; }

#lpSeite #bwUeber { margin-bottom: 30px; }

#lpSeite #bwUnter { margin-bottom: 30px; }

#lpSeite #bwVerfahrenDropDown { width: 90%; margin-bottom: 30px; }

#bwBildVerwaltung { width: 390px; }

#lpSeite .lpBAnsprechFunktion { width: 80%; }

#lpSeite.behoerde .lpBAnsprechpartnerEintrag { border-bottom: 0 solid; padding: 5px 0; }

#lpSeite.behoerde .lpBAnsprechpartnerEintrag .lpBAnsprechFoto { clear: both; margin-bottom: 30px; margin-top: -70px; }

#lpSeite #lpBAnsprechpartner { display: none; }

#lpSeite .bwBildVerwaltung { width: 350px; }

#lpSeite .kontaktpersonen { display: none; }

#lpSeite .funktion { display: none; }

#lpSeite .section-zustaendigkeit h2 { margin: 30px 0 5px; }

#lpSeite .leistungen .kontakt .foto { float: right; margin-right: 20px; }

#lpSeite .section-zustaendigkeit h4 { margin: 20px 0 10px; font-size: 105%; color: #00A53D; }

#lpSeite .leistungen .kontakt .ansprechName { font-weight: bold; margin: 0; }

#content .basecontent-dvv-zm-adr .zm { padding: 10px; }

#content .basecontent-dvv-zm-adr .vCard { width: auto; }

#content .basecontent-dvv-zm-adr .zmlinktodata { margin-top: 20px; }

#content .basecontent-dvv-zm-adr .bez { width: 63px; }

#content .basecontent-dvv-zm-adr .organization { font-weight: bold; }

.basecontent-dvv-kontaktdaten .infotext .value { margin-top: 10px; font-size: 90%; }

div.flyerNav_wrapper { bottom: 0; line-height: 0; margin-left: 0; margin-top: 10px; position: relative; text-align: center; width: 100%; z-index: 4; }

@media (max-width: 760px) { div.flyerNav_wrapper { display: none; } }

@media (min-width: 761px) and (max-width: 980px) { div.flyerNav_wrapper { display: none; } }

div.flyerNav { z-index: 4; text-align: center !important; max-width: 1200px; margin: 0 auto !important; height: 70px; background: #00A513; }

div.flyerNav ul.ebene1 { display: table; text-align: left !important; position: relative; list-style-type: none; border-bottom: 0 solid #5A82A5; background: #00A513; max-width: 1200px !important; height: 70px; margin: 0 auto !important; padding: 0 !important; }

@media screen and (min-width: 761px) and (max-width: 1024px) { div.flyerNav ul.ebene1 { width: 980px; max-width: 99% !important; } }

@media screen and (min-width: 496px) and (max-width: 760px) { div.flyerNav ul.ebene1 { width: 95% !important; } }

div.flyerNav ul li.ebene1 { width: 16.66%; display: table-cell !important; vertical-align: middle; border-right: 1px solid #ffffff; text-align: right; margin: 0; padding: 0; height: 100%; }

div.flyerNav ul li.ebene1:hover { background: #00ACD3; color: #ffffff; }

div.flyerNav ul li + li + li + li + li + li.ebene1 { border-right: 0; margin: 0 !important; }

div.flyerNav ul li + li + li + li + li + li + li { display: none; }

div.flyerNav ul ul li + li + li + li + li + li + li { display: block; }

div.flyerNav a { font-weight: normal; font-size: 17px !important; line-height: 1.5em; margin-bottom: 0; color: #ffffff; padding: 10px 15px; -webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */ text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

@media (min-width: 981px) and (max-width: 1280px) { div.flyerNav a { padding: 10px 8px; } }

div.flyerNav li.ebene1 { -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }

div.flyerNav li.ebene1:hover a { color: #ffffff; }

div.flyerNav li.ebene1.sfHover a:hover { color: #ffffff; }

div.flyerNav li.ebene1.currentParent a { color: #ffffff; }

div.flyerNav li.ebene1.sfHover a { color: #ffffff; }

div.flyerNav li.ebene1.current { color: #ffffff; background: #00ACD3; }

div.flyerNav li.ebene1.currentParent { color: #ffffff; background: #00ACD3; }

div.flyerNav li.ebene1 a.active { color: #ffffff; }

div.flyerNav li.ebene1 a span.subtitle { display: block; line-height: 1.3em; font-size: 13px; border-top: 2px solid #A6C1D0; padding-top: 3px; }

div.flyerNav ul.ebene2 { white-space: normal !important; }

div.flyerNav ul li ul.ebene2 { background: #dbebd8; margin-left: 0; position: absolute; left: 0 !important; width: 100%; float: left !important; z-index: 300 !important; padding: 10px 0 !important; margin-left: 0; margin-top: -3px; }

div.flyerNav ul li ul li.ebene2 { float: left !important; width: 27%; border-right: 0; margin-right: 3% !important; margin-left: 3% !important; padding: 0 !important; margin-bottom: 15px; margin-top: 0; }

div.flyerNav ul li ul li a { font-size: 16px !important; color: #000 !important; display: block; text-align: left; padding: 0; margin: 0 !important; line-height: 1.9em; }

div.flyerNav ul li.ebene1 ul li a:hover { color: #B4C8D7; }

div.flyerNav ul li.ebene1.sfHover ul li a:hover { color: #B4C8D7; }

div.flyerNav ul li.ebene1.sfHover a { color: #000; }

div.flyerNav ul li ul li a:hover { color: #00ACD3 !important; }

div.flyerNav ul li ul li.ebene2 a { border-bottom: 2px solid #A6C1D0; }

div.flyerNav ul li ul li a { border-bottom: 0 !important; }

div.flyerNav ul li ul li ul.ebene3 { float: none !important; margin-left: 0 !important; }

div.flyerNav ul li ul li ul li.ebene3 { float: none !important; margin-left: 0 !important; margin-bottom: 0 !important; }

div.flyerNav ul li ul li ul li.ebene3 a { border: 0; font-weight: normal; padding: 0; display: block; padding-left: 15px; }

div.flyerNav ul li ul li ul li.ebene3 a:before { content: "> "; margin-left: -15px; margin-right: 3px; }

div.flyerNav ul li ul li ul li { border-bottom: 0 solid #A6C1D0; border-right: 0; margin-right: 3% !important; margin-left: 3% !important; padding: 4px 0 0 !important; margin-bottom: 15px; }

/*** ESSENTIAL STYLES ***/
.sf-menu *, div.flyerNav .sf-menu { margin: 0; padding: 0; list-style: none; }

div.flyerNav .sf-menu ul { position: relative; top: -999em; }

div.flyerNav .sf-menu a { display: block; position: relative; }

div.flyerNav ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul { top: 74px; z-index: 109; }

div.flyerNav ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { position: relative !important; top: 0; }

div.flyerNav ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

.width1100 div.flyerNav ul li.ebene1 { width: 16% !important; float: left; border-right: 1px solid #5A82A5; text-align: center; margin: 0; padding: 0; height: 100%; }

.width1100 div.flyerNav ul li.ebene1 { width: 210px !important; height: 40px !important; padding-top: 10px; }

.width1100 div.flyerNav ul li.ebene1 + li.ebene1 { width: 100px !important; }

.width1100 div.flyerNav ul li.ebene1 + li.ebene1 + li.ebene1 { width: 170px !important; }

.width1100 div.flyerNav ul li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 { width: 165px !important; }

.width1100 div.flyerNav ul li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 { width: 120px !important; }

.width1100 div.flyerNav ul li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 + li.ebene1 { width: 209px !important; }

/* Verstaltungen*/
#zmselbst .Einleitung h1 { display: none; }

#zmEliste .zmnavnext { display: none; }

#zmEListe .skip { display: none; }

#zmEListe .hideme { display: none; }

#zmEListe .zmRegister a { border: 1px solid; padding: 2px 5px; }

#zmEListe .zmRegister #MonatEnd { display: none; }

#zmDetail time.dtstart { float: left; width: 100%; }

#zmDetail .titel .ti { float: left; width: 100%; font-size: 90%; margin-bottom: 30px; }

#zmDetail .label { font-weight: bold; font-size: 110%; }

#zmDetail h3 { font-size: 90%; }

#zmDetail .vCard .organization { display: none; }

#zmDetail .zmbeschreibung { width: 90%; margin-top: 20px; }

/* ZM Allgemein */
#azEnd { display: none; }

#kategorieid li a { padding-left: 8px; }

#zmEListe #zmtopnav { margin-bottom: 30px; }

#zmEListe .vCard { width: 400px; }

#zmEListe figure { float: right; }

#zmEListe figure img { width: 100%; }

#zmEListe .zmitem { padding: 5px 10px; }

#zmEListe figure, #zmEListe .zmanschrift, #zmEListe .zmbeschreibung, #zmEListe .organization { display: none; }

#zmEListe .zmkurzbeschreibung .label, #zmEListe .homepage .label { font-weight: bold; }

#zmEListe .category { float: right; }

#zmEListe .zmnavnext { display: none; }

#zmEListe .zmhitsfound { margin-top: 10px; }

#zmEListe .zmitem { margin: 10px 0px; }

#zmEListe .zmNavigClass { margin: 20px 0px 0px 0px; }

#zmEListe .zmNavigClassInnen span { margin: 0px 3px; }

#zmEListe .zmitem footer { margin: 10px 0px 0px 0px; }

#zmEListe .zmitem footer .selbsteintrag { float: right; background-color: #00ACD3; color: #ffffff; padding: 2px 10px; }

/* ZM SUche */
#zmSuche #zeitid .zeitraumitem input { margin-right: 10px; }

#zmDetail #xmap { float: left; width: 10%; }

#zmDetail section.zmanschrift { padding: 30px 0px 0px 0px; }

#zmDetail .category:before { content: "Kategorie: "; }

#zmDetial .kategorie { padding-top: 40px; }

#zmvs { margin: 20px 10px; }

#feldkategorieid ul { list-style-type: none; margin-left: 0px; }

#feldkategorieid ul .even { background: none; }

#feldkategorieid ul ul { margin-left: 10px; }

.zmSuchButton { margin: 20px 10px; }

#zmDetail .summary { float: left; margin-right: 40px; }

#zmDetail .image { margin: 15px; }

#zmDetail .zmanschrift { clear: both; }

#zmDetail .kategorie { margin: 10px 0px; }

.zmnav li + li { float: left; margin-right: 100%; }

#zmDetail .zmperson { margin: 10px 0px; }

#zmDetail .person, .zmbeschreibung .label, .zmkurzbeschreibung .label { font-weight: bold; }

#content article { clear: both; }

#content .composedcontent-preset_box { border: none; }

#content .hauptrubrik figure { margin: 0px 10px 0px 0px; }

#content .hauptrubrik .boxborder img { width: 100%; }

#content .hauptrubrik .boxborder br { display: none; }

#main .header-image .caption { position: relative; top: -80px; background: #00A513; color: #ffffff; padding: 5px; font-size: 110%; opacity: 0.8; }

#content .hauptrubrik .boxborder { max-height: 192px; }

#content .hauptrubrik .caption { position: relative; top: -35px; color: #ffffff; font-style: normal; font-size: 95%; text-align: center; }

.basecontent-table { margin: 10px 0px 25px 0px; }

.basecontent-table figure { margin: 0px; }

.basecontent-table td { padding: 5px; }

#content .vCard { width: 35%; font-size: 90%; }

#content .vCard .bez { width: 120px; }

#content .efaLink { margin-bottom: 7px; }

h3.toggle_title { padding-left: 30px; }

.toggle_container { margin-top: 10px; }

.toggle_container .basecontent-list li { margin-left: 17px; }

#content .ui-accordion a { padding-left: 15px; }

#content h3.ui-accordion-header a { color: #00A513; }

#content .ui-accordion h3 { background-color: #DBEBD8; padding-left: 20px; }

#content .ui-accordion .ui-accordion-content { padding-left: 15px; }

#content .basecontent-list ul { margin-left: 15px; }

.kachel { position: relative; display: inline-block; overflow: hidden; margin: 2px; max-width: 180px; min-width: 150px; width: 100%; color: #ffffff; text-align: left; font-size: 16px; background-color: rgba(55, 110, 140, 0.85); }

.kachel * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; }

.kachel img { vertical-align: top; max-width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.45; height: auto; }

.kachel h2 { z-index: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(55, 110, 140, 0.85); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(transparent)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%); padding: 7px; }

.kachel h2, .kachel h5 { margin: 0; }

.kachel h2 { font: 100%/1.6 "Helvetica", "Arial", sans-serif; }

.kachel h5 { font-weight: normal; }

.kachel a { position: absolute; bottom: 0; bottom: 0; left: 0; right: 0; z-index: 1; }

.kachel:hover > img, .kachel.hover > img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.kachel i { display: block; font-size: 5rem; height: 100%; padding-top: 32%; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 100%; z-index: 1002; }

/*  .snip1534 i:hover {
     color: rgba(55, 110, 140, 0.0) !important;
   z-index: 1000;
    display: none;
}
*/
.kachel a { color: #fff; text-decoration: none; }

.kachel p { margin: 0 !important; }

.kachel h2::before { bottom: 115%; font-family: "FontAwesome"; font-size: 5rem; left: 30%; position: absolute; z-index: 1005; }

kachel.snip1534:hover { color: #dbebd8; }

.kachel > div > div > div:first-child { height: 180px; }

.kachel > div:first-child { max-height: 160px; min-height: 160px; }

.kacheln figure { margin: 0; }

/* Organigramm */
#content .organigramm .boxborder { text-align: center; border: 1px solid #00ACD3; background-color: #DBEBD8; padding-top: 10px; padding-left: 3px; padding-right: 3px; }

#content .organigramm .zeile2 .spalte1 .box1 { margin-right: 15px; }

#content .organigramm .zeile2 .spalte3 .boxborder { margin-left: 15px; margin-bottom: 15px; }

#content .organigramm .zeile3 .spalte1 { margin-right: 15px; margin-bottom: 15px; }

#content .organigramm .zeile3 .spalte3 { margin-left: 15px; }

@media (max-width: 740px) { #content .organigramm .zeile2 .boxborder { margin-bottom: 15px; }
  #content .organigramm .zeile2 .spalte1 .box1 { margin-right: 0px; }
  #content .organigramm .zeile2 .spalte3 .boxborder { margin-left: 0px; margin-bottom: 15px; }
  #content .organigramm .zeile3 .boxborder { margin-bottom: 15px; }
  #content .organigramm .zeile3 .spalte1 { margin-right: 0px; margin-bottom: 0px; }
  #content .organigramm .zeile3 .spalte3 { margin-left: 0px; } }

/* Organigramm Variante: Farbig */
#content .organigramm { padding-right: 10px; padding-top: 6px; }

#content .organigramm.farbig .zeile1 .boxborder { margin-bottom: 0px; }

#content .organigramm.farbig .boxborder { text-align: center; border: 0px solid #00ACD3; background-color: #eeeeee; padding-top: 20px; padding-left: 3px; padding-right: 3px; margin-bottom: 16px; }

#content .organigramm.farbig .gelb .boxborder { background-color: #F7EDCF; }

#content .organigramm.farbig .rot .boxborder { background-color: #FFDDDD; }

#content .organigramm.farbig .blau .boxborder { background-color: #DEEBF4; }

#content .organigramm.farbig .boxborder.braun { background-color: #efefe2; }

#content .organigramm.farbig strong { text-transform: uppercase; }

#content .organigramm.farbig p { margin-bottom: 0px; font-size: 16px; font-size: 1.0rem; }

#content .organigramm.farbig .boxborder li { font-size: 15px; font-size: 0.9rem; }

#content .organigramm.farbig .boxborder ul { padding-top: 20px; margin-bottom: 0; }

#content .organigramm.farbig a.externerLink { text-decoration: none; }

/* Navigation vlist nav-outer
#main .vlist .toprubrik ul { margin: 0px;}
#main .vlist .toprubrik ul li { margin-left: 0px;}

#main .ym-vlist { margin: 0px;}
#main .vlist ul li { margin-left: 0px;}
*/
/* Startseite home allgemein */
.home .boxborder { border: none; }

.home #content { padding: 0px; }

/* Startseite zeile1  gl links gr rechts */
.home #content .ym-g50 { margin: 0px; padding: 0px; }

.home #content .ym-gl { margin: 0px; padding: 0px; }

.home #content .zeile1 { overflow: hidden; height: auto; margin-bottom: 30px; }

.home #content .zeile1 .ym-gl { background: url(/site/Furtwangen/resourceCached/9.2.1/00_Startseite/topthemenback.jpg) 0px 0px no-repeat; }

.home #content .ym-gl .bx-wrapper { min-height: 300px; }

.home #content .ym-gr { margin: 0px; padding: 0px; }

.home #content .ym-gr .boxborder { padding: 20px 20px 0px 20px; }

.home .zeile1 .ym-gr .bx-wrapper { margin: 0px; }

.home .zeile1 .ym-gr .bx-wrapper .bx-pager { margin: 0px 0px 0px 450px; padding: 0px; width: auto; }

.home .zeile1 .ym-gr .boxborder { padding: 10px 15px; }

/* Startseite topthemen */
.home #content .ym-gl .topthemen .boxborder { padding: 20px; }

.home .topthemen { background-color: #85BC8B; }

.home .topthemen h2 { color: #fff; font-size: 250%; padding-right: 300px; line-height: 100%; margin-bottom: 10px; }

.home .topthemen p { color: #fff; }

.home .topthemen .weiter a { color: #fff; text-decoration: underline; }

.home .topthemen .weiter a:hover { color: #1EAD2D; background: #fff; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.home #content .basecontent-html-editor { margin-bottom: 20px; }

.home #content .zeile2 .boxborder { float: left; padding-left: 30px; font-size: 85%; width: 33%; }

.home #content .zeile2 .vCard { width: auto; padding: 0px 30px 0px 0px; }

.home #content .zeile2 .vCard img { margin: 0px 0px 0px 10px; }

.home #content .vCard .bez { width: auto; padding-right: 5px; }

.home #content .vCard span { padding-right: 10px; }

.home #content .clear { display: none; }

@media screen and (min-width: 1400px) { #mm-0 .quicklinks { width: 100px; } }

@media screen and (min-width: 1600px) { #mm-0 .quicklinks { width: 200px; } }

@media screen and (max-width: 1400px) { .the-wrapper { max-width: 1400px; }
  #header { margin-left: 0px; margin-right: 0px; }
  #desktopflyer .sf-menu { max-width: 1200px; }
  .quicklinks { height: 100px !important; width: auto; position: relative; display: block; }
  .quicklinks div { height: 80px; float: left; margin: 0px !important; padding: 1px 15px 10px 15px; }
  .quicklinks div.icon { text-align: center; width: 100px; padding: 31px 15px 5px 15px; }
  .quicklinks div.icon.ferienland { width: 100px; padding: 16px 15px 5px 15px; }
  .quicklinks .quicklink-logo { width: 100px; height: 80px; float: left; margin: 0px; padding: 25px 15px 5px 15px; }
  .quicklinks .quicklink-logo span { display: none; }
  .logo-div { margin-right: 300px; }
  .home #content .bx-viewport { padding-right: 30px; } }

@media (max-width: 1400px) and (min-width: 1200px) { .the-wrapper { max-width: 1200px; }
  #desktopflyer .sf-menu { max-width: 1200px; } }

@media (max-width: 1200px) and (min-width: 1024px) { .the-wrapper { max-width: 1024px; }
  #desktopflyer .sf-menu { max-width: 980px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px !important; bottom: -40px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .pm-anreisser { font-size: 100%; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .pm-head h2 { font-size: 80%; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px !important; bottom: -50px; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .summary a { font-size: 100%; }
  .home .zeile1 .presse { margin: 0px 0px 30px 0px; }
  .home .zeile1 .ym-gl .bx-pager { padding: 0px !important; }
  .home .zeile1 .ym-gl .bx-wrapper { margin-bottom: 55px; } }

@media screen and (max-width: 1185px) { .home #content .bx-viewport { padding-right: 0px; }
  .home #content .presse { margin-bottom: 30px; } }

@media (max-width: 1180px) and (min-width: 1170px) { #content .presse { height: 190px; }
  #content .veranstaltungen { height: 190px; } }

@media (max-width: 1024px) and (min-width: 980px) { #header { margin: 0px 0px 50px 0px; }
  #main { margin: 0px; }
  .the-wrapper { max-width: 980px; }
  #desktopflyer .sf-menu { max-width: 980px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px !important; bottom: -40px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .pm-anreisser { font-size: 100%; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .pm-head h2 { font-size: 80%; }
  .home .zeile1 .ym-gl .boxborder { padding: 3px 20px 0px 20px !important; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px !important; bottom: -50px; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .summary a { font-size: 100%; }
  .home .zeile1 .ym-gl { height: 384px; }
  .home .zeile1 .ym-gl .bx-wrapper { margin-bottom: 0px; }
  .home .zeile1 .ym-gl .bx-pager { bottom: 25px; }
  .home .zeile1 .presse { margin: 0px !important; } }

@media (max-width: 1024px) and (min-width: 955px) { .quicklinks .fahrplan { display: none; }
  .quicklinks .sitemap { display: none; } }

@media (min-width: 990px) and (max-width: 1190px) { .home .zeile1 .ym-gl .bx-wrapper { margin-bottom: 30px !important; }
  .home .zeile1 .ym-gl .bx-wrapper .bx-pager { padding-bottom: 20px !important; } }

@media (min-width: 979px) and (max-width: 1024px) { .home #content .boxborder.presse { margin-bottom: 6px !important; } }

@media (max-width: 980px) and (min-width: 740px) { .home #content .zeile1 { margin-bottom: 10px !important; }
  .home #content .basecontent-html-editor { margin-bottom: 10px; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .bx-pager { bottom: -60px; left: 160px; border: 0px; margin: 0px 0px 0px 0px !important; }
  .home .zeile1 .ym-gr .veranstaltungen .summary { margin: 0px !important; }
  .home .zeile1 .ym-gr .veranstaltungen .summary a { font-size: 90%; }
  .home .zeile1 .ym-gr .veranstaltungen p.basecontent-line-break-text { font-size: 90%; }
  .home #content .bx-viewport { padding-right: 0px; }
  .home #content .boxborder.presse { margin-bottom: 1px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px; bottom: -60px; }
  .home .zeile1 .ym-gl .bx-pager { padding: 0px 0px 30px 0px; margin-bottom: 20px; }
  .home .zeile1 .ym-gl .bx-wrapper { margin-bottom: 5px !important; }
  #content .googlekarte .ueberlagern { height: 500px; /* iFrame Hoehe */ top: 600px; /* iFrame Hoehe nach unten positionieren */ margin-top: -550px !important; /* iFrame Hoehe, um den Platz des Elments freizugeben */ }
  .home #content .zeile2 { height: 400px; } }

@media screen and (min-width: 875px) { .home #content .zeile2 { background-color: #dbebd8; min-height: 360px; margin-bottom: 10px !important; }
  .home #content .ym-cbox { margin-bottom: 10px !important; } }

@media screen and (max-width: 875px) { .home #content .zeile2 { background-color: #dbebd8; min-height: 465px; }
  .home .zeile1 .ym-gr .veranstaltungen .summary { margin: 0px !important; }
  .home .zeile1 .ym-gr .veranstaltungen .summary a { font-size: 90%; }
  .home .zeile1 .ym-gr .veranstaltungen p.basecontent-line-break-text { font-size: 90%; }
  .home .zeile1 .ym-gr .veranstaltungen .bx-wrapper .bx-pager { bottom: -65px; left: 160px; border: 0px; margin: 0px 0px 0px 0px !important; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .bx-pager { margin: 0px 0px 0px 120px; bottom: -65px; }
  .home .zeile1 .ym-gl .bx-pager { padding: 0px 0px 30px 0px; }
  #main { padding-bottom: 10px; margin-bottom: 10px; } }

@media (min-width: 740px) and (max-width: 875px) { .home #content .zeile1 .ym-gl .subcl { background: transparent !important; }
  .home #content .zeile1 .bx-wrapper .bx-viewport { height: 354px !important; }
  .home #content .zeile1 .bx-wrapper .topthemen h2 { font-size: 1.3em; } }

@media screen and (max-width: 786px) { .home #content .zeile1 .bx-wrapper .bx-viewport .ym-gl { background: #7EC29D; }
  .home #content .zeile1 .ym-gl .subcl { background: #7EC29D; padding-bottom: 10px; margin-bottom: 10px; }
  .home #content .zeile1 .ym-gl .bx-wrapper { margin-bottom: 10px; }
  .home #content .zeile2 .boxborder { width: 100%; padding: 0px 50px; }
  .home #content .zeile2 { min-height: 1000px; }
  .home #content .zeile2 .boxborder { width: 100%; padding: 0px 40px; }
  #content { margin: 0 auto; width: 95%; } }

@media screen and (max-width: 740px) { .home #content .zeile1 .ym-gl .subcl { background: #7EC29D; padding-bottom: 20px; margin-bottom: 30px; }
  .home .zeile1 .ym-gr .presse .bx-wrapper .bx-pager { margin: 0px 0px 0px 160px !important; bottom: -60px; } }

@media screen and (max-width: 640px) { figure.image { margin: 0px; }
  figure.image img { width: 100%; }
  #content { padding: 0px !important; }
  .body_sitemap #content h1 { margin-bottom: 0px; }
  .home .topthemen h2 { color: #fff; font-size: 150%; padding-right: 20px; line-height: 120%; font-weight: bold; margin-bottom: 10px; }
  .home .topthemen .boxborder { padding-bottom: 0px; } }

@media screen and (max-width: 580px) { #footer .icon { margin: 0px 5px; }
  #footer .bottom-content .quicklinksmini { width: 90%; margin: auto; }
  #footer .kiru { font-size: 90%; padding: 0px 20px; }
  #content .composedcontent-preset_standardseite h1 { background-color: #ffffff; color: #00a513; }
  #footer .bottom-content .quicklinksmini .icon { margin: 3px 12px; }
  #footer .bottom-content .quicklinksmini .icon + .icon + .icon + .icon + .icon + .icon { clear: both; }
  #footer .bottom-content .quicklinksmini .icon + .icon + .icon + .icon + .icon + .icon + .icon { clear: none; } }

@media screen and (max-width: 480px) { .home #content .zeile2 { min-height: auto; background: #ffffff; }
  .home #content .zeile2 .boxborder { background: #DBEBD8; margin-bottom: 10px; }
  #main { min-height: 500px; }
  #main .header-image { height: 210px; }
  #main h1 { font-size: 130%; margin: 10px 0px !important; padding: 0px !important; } }

@media screen and (max-width: 320px) { #main { margin-bottom: 0px; }
  .the-wrapper { max-width: 320px; }
  #footer .bottom-content .quicklinksmini { padding: 3px 5px; }
  #main .header-image { height: 150px; } }

/* Presse Startseite Pressemitteilungen */
.home .pm-pubDate { display: none; }

.home .pm-bild { display: none; }

.home .presse { background-color: #99deed; height: 190px; }

.home .presse .bx-wrapper { margin-bottom: 10px; }

.home .presse.boxborder { margin-bottom: 30px; }

.home .presse h2, .home .veranstaltungen h2 { color: #000; font-size: 80%; font-weight: lighter; margin: 0px; }

.home .presse .pm-meldung h2 a, .home .veranstaltungen .summary a { color: #4e4e4e; font-size: 150%; }

.home .presse p, .home .veranstaltungen p { color: #4e4e4e; }

.home .presse a { color: #4e4e4e; text-decoration: underline; }

.home .presse a:hover { color: #fff; }

/* Veranstaltungen Startseite Veranstaltungskalender */
.home .veranstaltungen { background-color: #99deed; height: 188px; }

.home .veranstaltungen .basecontent-dvv-zm-vk { margin-bottom: 10px; }

.home .veranstaltungen p a { color: #4e4e4e; margin-top: 10px; }

.home .basecontent-dvv-zm-vk ul { margin: 0px; }

.home .basecontent-dvv-zm-vk li { list-style-type: none; margin: 0px; }

/* Presse */
.pm-meldung-author .pm-bild { float: right; }

.pm-meldung-author .pm-bild img { float: right; max-height: 200px; max-width: 200px; }

/* bx-slider jquery bx-wrapper */
.bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: transparent; }

.bx-viewport ul li { background: none; }

.home .bx-wrapper .bx-pager.bx-default-pager a:focus, .home .bx-wrapper .bx-pager.bx-default-pager a:hover, .home .bx-wrapper .bx-pager.bx-default-pager a.active { background: #1ead2d; }

.presse .bx-wrapper .bx-pager.bx-default-pager a:hover, .presse .bx-wrapper .bx-pager.bx-default-pager a.active, .presse .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #1eb3cd; }

.presse .pm-head { margin-top: 8px; }

.presse h2 { line-height: 150%; }

.presse .pm-anreisser { line-height: 130%; }

.veranstaltungen .bx-wrapper .bx-pager.bx-default-pager a:hover, .veranstaltungen .bx-wrapper .bx-pager.bx-default-pager a.active, .veranstaltungen .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #1eb3cd; }

.veranstaltungen .bx-viewport ul li.item { margin-top: 3px; }

.veranstaltungen .summary { margin-top: 5px; }

.veranstaltungen .datum { color: #99DEED; }

.veranstaltungen .datum span { color: #4e4e4e; float: left; width: 120px; align: center; margin-right: 20px; border: 1px solid #4e4e4e; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 15px; font-size: 18px; }

.veranstaltungen .dtend { display: none; }

.home .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; }

.bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; background: none; }



.bx-pager { background: none !important; }

.home a.goPageTop { padding: 0px; background: none; }

a.dateiLink { padding: 0px; background: none; }

a.ankerLink { padding: 0px; background: none; }

a.internerLink { padding: 0px; background: none; }

a.externerLink { padding: 0px; background: none; }

a.neuFensterLink { padding: 0px; background: none; }

a.mailLink { padding: 0px; background: none; }

a.telLink { padding: 0px; background: none; }

/* Navigation vlist nav-outer
#main .vlist .toprubrik ul { margin: 0px;}
#main .vlist .toprubrik ul li { margin-left: 0px;}

#main .ym-vlist { margin: 0px;}
#main .vlist ul li { margin-left: 0px;}
*/
.home #content .ym-gr { padding-left: 0px; }

.home #content .ym-gl .boxborder { padding: 20px; }

.home #content .ym-gl .bx-wrapper { min-height: 300px; }

.home .boxborder { border: none; }

.home .pm-pubDate { display: none; }

.home .pm-bild { display: none; }

.home .basecontent-dvv-zm-vk ul { margin: 0px; }

.home .basecontent-dvv-zm-vk li { list-style-type: none; margin: 0px; }

.home .breadcrumb { display: none; }

#content .googlekarte .ueberlagern { background: transparent; /* unsichtbar machen */ position: relative; /* Position relativ machen um z-index zu veraendern */ z-index: 100; /* sicher ist sicher */ width: 100%; /* iFrame Breite */ height: 640px; /* iFrame Hoehe */ top: 640px; /* iFrame Hoehe nach unten positionieren */ margin-top: -640px !important; /* iFrame Hoehe, um den Platz des Elments freizugeben */ }