/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }




/************ RATING *************/
.starrating, .starrating + label span {
	float: right !important;
	display: none !important;
	visibility: hidden !important;
	position: absolute;
	font-size: 0.6em;
	line-height: 1.5em;
	width: 10em;
	color: #000;
	background: #FE8F01;
	margin-top: -1.5em;
	margin-right: -10em;
	border: 1px solid #FE8F01;
	text-align: left;
	border-radius: 3px;
	padding-top: 0.15em;
	padding-bottom: 0em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.starrating:hover + label span,
.starrating + label:hover span {
	display: inline-block !important;
	visibility: visible !important;
}

.starrating + label {
	float: right !important;
    content: "\2605";
    color:#aaa;
    text-shadow:0 0 1px #666;
    font-size:1.8em !important;
    cursor:pointer;
    unicode-bidi: bidi-override;
    direction: rtl;
    padding-top: 0em !important;
    margin-top: -0.35em !important;
}

.starrating:checked ~ .starrating + label,
.starrating:hover ~ .starrating + label,
.starrating label:hover ~ .starrating + label,
.starrating:checked + label,
.starrating:hover + label,
.starrating + label:hover {
    content: "\2605";
    color:gold;
    text-shadow:0 0 1px #666;
    font-size:1.8em;
    cursor:pointer;
    unicode-bidi: bidi-override;
    direction: rtl;
}


/* ==========================================================================
   Template:	BAVC
   Version: 	1.0 for Joomla 3+
   Created: 	April 2014

   Author: 	PEAK Agentur für Kommunikation GmbH
   Copyright:	PEAK Agentur für Kommunikation GmbH - (C) 2014


/* first for Internet Explorer < 9 */
/* then for WOFF-capable browsers */


@font-face {
	font-family: InfoTextWebPro;
	src: url("ff_info_text_web_pro_1/InfoTextWebPro.eot");
	src: url("ff_info_text_web_pro_1/InfoTextWebPro.woff") format("woff");
}

@font-face {
	font-family: InfoTextWebPro;
	src: url("ff_info_text_web_pro_1/InfoTextWebPro-Medium.eot");
	src: url("ff_info_text_web_pro_1/InfoTextWebPro-Medium.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: InfoTextWebPro;
	src: url("ff_info_text_web_pro_1/InfoTextWebPro-Bold.eot");
	src: url("ff_info_text_web_pro_1/InfoTextWebPro-Bold.woff") format("woff");
	font-weight: 700;
}


/** Correct `block` display not defined in IE 8/9. **/
article,
aside,
details,
figcaption,
figure,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }


@media only screen and (min-width: 45em) {
	.pull-left { float: left; width: 30%; margin-right: 2.5%; display: block; }
	.pull-left img { float: none; clear: both; display: inline-block;  }
	.pull-left figcaption { margin-top: 10px; display: inline-block; max-width: 100%; line-height: 1.15; }
	figure.pull-left + h2, figure.pull-left + p { padding-top: 1.5em !important; clear: both !important; }
}


/** Correct `inline-block` display not defined in IE 8/9. **/
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  font-weight: normal;
font-variant-numeric: normal;
-webkit-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum=1"; 
  -ms-font-feature-settings: "lnum" 1; 
  -o-font-feature-settings: "lnum" 1; 
  font-feature-settings: "lnum" 1;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }
/*
 * Remove default margin.
 */
body {
  margin: 0;  background-color: #ccc !important;
font-variant-numeric: normal;
-webkit-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum=1"; 
  -ms-font-feature-settings: "lnum" 1; 
  -o-font-feature-settings: "lnum" 1; 
  font-feature-settings: "lnum" 1;
  }
.wrapper { background-color: #fff; }
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */


/*
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Address style set to `500er` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 700; }

/*
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; font-weight: 300; }

.big {
  color: #FE8F01; line-height: 125%; font-size: 150%; font-weight: 500; }

.bigger {
  line-height: 125%; font-size: 150%; font-weight: 500; }


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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }


select {
  border: 1px solid #aaa;
  background-color:#fff;
  color:#000;
}

option {
  background:#fff;
  border-top:1px solid #aaa;
  padding:.3em 1em .3em 1em;
}


/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  */ }

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

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Ethereal items like mixins, and helpers like float or clearfix. */
/* ==========================================================================
    HELPER CLASSES
   ========================================================================== */
/* Clearfix the parent of floated elements to prevent it collapsing. */
.clearfix:before, .media.media-content:before, .well:before, .clearfix:after, .media.media-content:after, .well:after {
  content: "";
  display: table; }
.clearfix:after, .media.media-content:after, .well:after {
  clear: both; }

/* Hide an element but leave it available to speaking browsers. */
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* Make visuallyhidden elements focusable with a keyboard. */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible; }

/* Image replacement. */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden; }

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

/* Mute an object by reducing its opacity. */
.muted, .article-meta {
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

/* Add/remove floats */
.float-right, .img-right, .media .media-object-right {
  float: right; }

.float-left, .img-left, .media .media-object {
  float: left; }

.float-none {
  float: none !important; }



/*
 * The following rules contain generic styles of the type applicable primarily
 * to named html elements, like <body>, <table> , or to stylistic classes
 * that can be applied to various objects.
 */
/* ==========================================================================
    ROOT
   ========================================================================== */
/*
 * Border-box *all the things*, as suggested in:
 * http:// paulirish.com/2012/box-sizing-border-box-ftw
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* Define the root element styles. */
html {
  font: 100%/1.45 'InfoTextWebPro', sans-serif;
  font-weight: normal;
  background-color: #ffffff;
  color: #222;
  min-height: 100%;
  overflow-y: scroll;
  font-smooth: always;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-overflow-scrolling: touch; 
}

/* Style the body element styles. */
body {
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 2;
  background-color: #ffffff; 
   }

/* Colour selected text. */
::-moz-selection {
  background-color: #FE8F01;
  color: #fff;
  text-shadow: none; }

::selection {
  background-color: #FE8F01;
  color: #fff;
  text-shadow: none; }

/* This needs to override default root font size, so we load it after. */
/* ==========================================================================
    FLUID TYPE
   ========================================================================== */
/* Slowly increase root font size with viewport */
@media only screen and (min-width: 90em) {
  html {
    /*font-size: 102%;*/ } }

/* ==========================================================================
   	CODE
   ========================================================================== */
pre,
code,
kbd,
samp {
  font-family: monospace; }

pre {
  background-color: #fcfcfc;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 1em; }


/* ==========================================================================
    FORMS
   ========================================================================== */
/* Some form basics. */
form input,
form select,
form textarea {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
form ul {
  list-style-type: none;
  margin-bottom: 0; }

/* Remove default fieldset styles. */
fieldset {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 1.618em;
  background-color: #E5EFF9;
  }

input,
textarea {
  display: block;
  margin-bottom: 0.809em; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
  border: 1px solid #eeeeee;
  padding: 0.4045em;
  border-radius: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  textarea:focus {
    border: 1px solid #d4d4d4;
    outline: none;
    outline-width: 0; }

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical; }

/* Make checkboxes and radio buttons display inline. */
label {
  display: inline-block; }

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  margin-left: 0.4045em;
  margin-right: 0.4045em; }

select {
  height: 2em;
  border: 1px solid #eeeeee; }

progress,
meter {
  display: block;
  width: 100%;
  height: 1.618em; }

/* ==========================================================================
    HEADINGS
   ========================================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  -moz-hyphens: manual;
   -o-hyphens: manual;
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual; 
   
  color: #FE8F01;
  font-weight: 500;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1; }

/* Heading sizes are set with a mixin to maintain vertical rhythm. */
h1,
.h1 {
  font-size: 2em;
  line-height: 1.3;
  margin: 2.5em 0 2em 0;
  border-bottom: 3px solid #FE8F01;
  padding: 0 0 0.5em 0.65em;
}


.h1-fett { padding: 0 0 0 0; background-color: #fff; color: #FE8F01; font-weight: 500; }
.h1-normal { padding: 0 0.35em 0 0; background-color: #fff; color: #888; font-weight: normal; }


 @media only screen and (min-width: 30em) { h1, .h1 { padding: 0 0 0.5em 1.25em; } }

 @media only screen and (min-width: 58em) {
 	
 	h1, .h1 { 
 		font-size: 2em;
 		background-image: url(../images/line.gif);
  		background-position: 0% 74%;
  		background-repeat: repeat-x;
  		padding: 0 0 0 6.25%;
  		border-bottom: 0px solid #FE8F01; 
  	}

	.zweizeilig { 
 		background-position: 0% 85%;
  		padding: 0 0 0 6.25%;
  	}
    	
  	.h1-fett { padding: 0 0 0 0.75%; }
	.h1-normal { padding: 0 0.35em 0 0.25em; }
  	
 }

h2,
.h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.45em;
  line-height: 1.43822;
  margin: 3em 0 1em 0;
}

h3,
.h3 {
  color: #777;
  font-style: normal;
  font-weight: 500;
  font-size: 1.15em;
  line-height: 1.25em;
  margin: 1.5em 0 0.15em 0; }


h4,
.h4 {
   font-style: normal;
  font-weight: normal;
  font-size: 1.15em;
  line-height: 1.43822;
  margin: 1em 0 1em 0;
  color: #777;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 1.43822;
  margin-top: 0;
  margin-bottom: 1.43822em; }

h6,
.h6 {
  font-size: 1em;
  line-height: 1.618;
  margin-top: 0;
  margin-bottom: 1.618em; }

/* ==========================================================================
    IMAGES
   ========================================================================== */
/* Fluid images. */
img {
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

/* Don't ignore `width` and/or `height` attributes if they are present. */
img[width],
img[height] {
  max-width: none; }

/*
 * Image placement variations, used in Joomla's article image layouts.
 *
 * Of course, floated images typically need a margin so we extend the
 * generic floatr classes here.
 */
.img-right, .media .media-object-right {
  margin-left: 1.618em; }

.img-left, .media .media-object {
  margin-right: 1.618em; }

.img-center, .img-none img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Joomla has no center option, using "none" instead. Go figure. */
/* ==========================================================================
    LINKS
   ========================================================================== */
a {
  /*-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;*/
  color: #FE8F01;
  text-decoration: none; }
 
a:hover, a:focus {
  text-decoration: underline; } 


/* Back to top link. */
a.to-top {
	background: #FE8F01;
	border: 2px solid #FE8F01;
	color: #fff;
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 0.2em 0.2em 0.1em 0.2em;
 	border-radius: 5px;
	font-size: 2.75em;
	-webkit-box-shadow: -3px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -3px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.25);
	cursor: pointer;
	text-decoration: none;
}

a.to-top:hover, a.to-top:active, a.to-top:focus  {
	background: #fff;
	color: #FE8F01;
	border: 2px solid #FE8F01;
	text-decoration: none;
}

/* ==========================================================================
    LISTS
   ========================================================================== */
/*
 * There's a reason it's called 'hanging punctuation', bullets should be indented.
 * See: http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2
 * for an explanation why. The following kills browser default indents. Nice.
 */
ul,
ol,
dl {
  padding: 0; }

/* A little style maestro! */
ul {
  list-style-type: none; margin: 1em 0 0.25em 0; list-style-image: url(/templates/bavc/images/bullet.gif); }

ul ul { font-size: 0.95em;  }

/* We don't need vertical space in nested lists, but we do need to add
* the default indent we removed above! */
li {
  vertical-align: middle; 
  margin: 0 0 0.5em 2em;
  padding: 0 0 0.25em 0; }

.infobox ol li {
  margin: 0 0 0.15em 4em;
  padding: 0 0 0 0; }

.infobox ol li a { font-weight: bold; }

/* ==========================================================================
    RULES
   ========================================================================== */
hr {
  border: 0;
  border-top: 1px solid #eeeeee;
  display: block;
  height: 1px;
  margin: 1.618em 0;
  padding: 0; }

/* ==========================================================================
    TABLES
   ========================================================================== */
table {
  width: 100%;  }

table table, table table tr, table table td {
  width: auto; font-size: 1.1em; border: 0px solid #ddd !important; }

.td-line {
  border-top: 1px solid #ddd !important; }


.uebersicht th,
.uebersicht td {
  padding: 0.809em;
  vertical-align: top;
-moz-hyphens: manual;
   -o-hyphens: manual;
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual; 
   }


.uebersicht { border-collapse: separate; border: 0px solid #fff; border-top: 1px solid #FE8F01; }

.uebersicht:first-of-type, .toggle-in .uebersicht { border-bottom: 0px solid #FE8F01; border-top: 0px solid #FE8F01; }


.uebersicht h2 { color: #444 !important; }

.tableHeader { border-collapse: collapse; border-bottom: 3px solid #fff; }
.tableHeader th { background-color: #888; color: #fff !important; border: 1px solid #fff !important; }
.tableHeader th .small { font-size: 0.7em; line-height: 0.4em !important; }

table .small { font-weight: 300; font-size: 0.9em; line-height: 0.9em; }


.uebersicht td { border-top: 4px solid #fff; border-right: 3px solid #fff; }

.uebersicht h2 { margin: 0; font-size: 1em !important; }
.uebersicht td { font-size: 0.9em; }
.uebersicht td.titel {font-size: 1em; }
.uebersicht th { border-right: 3px solid #fff; text-align: left;  font-size: 1.1em; color: #777; }

.uebersicht tr:hover > td { background-color: #eee !important; }
.uebersicht th.nowrap { white-space: nowrap; }
.quadrat { vertical-align: middle; background-color: #FE8F01; color: #FE8F01; font-size: 0.3em; display: inline-block; width: 2em; height: 2em;}

.uebersicht .titel { padding-left: 1.75em; font-size: 0.95em !important; font-weight: 300; color: #444; background-color: #FFF5EA; }
.uebersicht th.titel { padding-left: 0.5em; font-size: 1.1em !important;  background-color: #FFF5EA;   }

.uebersicht .center { padding-left: 0.5em !important; }

/* Bordered tables. */
.table-bordered th,
.table-bordered td {
  border: 1px solid #eeeeee; }
  .table-bordered th:empty,
  .table-bordered td:empty {
    border: none; }
.table-bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table-bordered tbody tr th:last-of-type {
  border-right-width: 2px; }

/* Striped tables. */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc; }

/* ==========================================================================
    TYPE SIZING
   ========================================================================== */
/*
 * Classes for super-sizing type without the semantics of h tags. Useful in
 * page banners and the like.
 *
 * Taken from Inuit.css' approach:
 * https://github.com/csswizardry/inuit.css/blob/master/base/_headings.scss
 */
.giga {
  font-size: 6em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.26967em; }

.mega {
  font-size: 4.5em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.35956em; }

 
/*
 * Classes for down-sizing type without the semantics of h or small tags.
 * Useful in article footers, for example.
 */
.milli, figure figcaption, cite {
  font-size: 0.83em;
  line-height: 1.1em;
  margin-top: 0.5em;
  margin-bottom: 1.9494em; }

figcaption { display: block; max-width: 100%; }
figure, figure img { max-width: 100%; }
/*figure { border: 1px solid #aaa; }*/

figure.img-right { float: none; margin: 1em 1em 1em 2.5em;}

@media only screen and (min-width: 70em) {
	figure.img-right { float: right; max-width: 30%; }
}

.micro {
  font-size: 0.75em;
  line-height: 2.15733;
  margin-top: 0;
  margin-bottom: 2.15733em; }

/* ==========================================================================
    TYPOGRAPHY
   ========================================================================== */
/* PARAGRAPHS */
/*
 * Numbers in paragraphs should kick it Old Skool:
 * http://webtypography.net/Harmony_and_Counterpoint/Numerals__Capitals_and_Small_Caps/3.2.1/
 *
 * And, as everyone knows, all paragraphs after the first one should be indented
 * by one en(2 x em) without a boundary, or one em with. See:
 *
 * http://webtypography.net/Rhythm_and_Proportion/Blocks_and_Paragraphs/2.3.2/
 *
 * and:
 *
 * http://v1.jontangerine.com/silo/typography/p/
 */
.article p {
font-variant-numeric: normal;
-webkit-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum=1"; 
  -ms-font-feature-settings: "lnum" 1; 
  -o-font-feature-settings: "lnum" 1; 
  font-feature-settings: "lnum" 1;
  margin: 0.5em 0 0.5em 0;
}
  /*.article p + p {
    text-indent: 1em; }*/

/* Typically used in the first paragraph of an article, for added awesome. */
.intro {
  font-size: 1.3125em;
  line-height: 1.23276;
  margin-top: 0;
  margin-bottom: 1.23276em; }

/* BLOCK QUOTES */
/* Default margin indent is zeroed out and padded to allow styling of element. */
blockquote {
  margin-left: 0;
  padding: 0.809em 1.427em; }
  blockquote:before, blockquote:after {
    content: '';
    content: none; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  blockquote > cite,
  blockquote + cite {
    margin-bottom: 0; }

@media only screen and (min-width: 55em) {
	blockquote {
		width: 70%;
	}
 }

 @media only screen and (min-width: 65em) {
	blockquote {
		width: 32em;
	}
 }

/* CITATIONS */
cite {
  display: block;
  margin-top: 0.809em; }
  cite:before {
    content: "\2014";
    margin-right: 0.809em; }

/* INLINE QUOTES */
q {
  quotes: "\2018" "\2019" "\201C" "\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }

/* ABBREVIATIONS */
/*
 * Should use small-caps and be letterspaced, obviously!
 * http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.6/
 */
abbr {
  font-variant: small-caps;
  letter-spacing: 0.1em; }

/*
 * The following are re-usable 'objects' that bring recurring CSS patterns
 * into discrete and easily maintainable modules.
 */
/* ==========================================================================
    BREADCRUMBS
   ========================================================================== */

.breadcrumb-row { margin: 0.5em 0 0 1.35em; }
 
 .breadcrumb-row  .module-inner{ padding-top: 0px; padding-bottom: 15px;}
.breadcrumb-row .module-header { display: inline-block; margin:0; padding:0;}

.breadcrumb-row .module-header h3 {
	font-size: 0.95em;
	line-height: 1em;
	color: #aaa;
	font-weight: 500;
	display: inline-block;
	margin: 0 0.75em 0 0;
}

.breadcrumb {
  font-size: 0.95em;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.breadcrumb li { display: inline; margin: 0.5em; vertical-align: bottom;}

.breadcrumb > li + li:before {
    content: "\00BB" "\00A0";
    padding: 0.25em 0 0 0; }

/* ==========================================================================
    BUTTONS
   ========================================================================== */

#system-message-container {
	background-color: #fee7cd;
       font-size: 1.1em;
	margin: 2em 5em 2em 5em;

}

#system-message{
	padding: 0.5em;
 }

.btn, .banner-row .download-link, .banner-row .respository-link,
.btn-primary,
.btn-success,
.banner-row .download-link,
.btn-danger,
.btn-info,
.btn-warning {
  float: left; color: #000;
  background-color: #BECBD8;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  font-weight: 500;
  line-height: 3;
  margin-right: 0.809em;
  margin-bottom: 1.618em;
  padding: 0 1em;
  vertical-align: middle;
  white-space: nowrap; }
  .btn:hover, .banner-row .download-link:hover, .banner-row .respository-link:hover,
  .btn-primary:hover,
  .btn-success:hover,
  .banner-row .download-link:hover,
  .btn-danger:hover,
  .btn-info:hover,
  .btn-warning:hover {
    text-decoration: none;
    background-color: #BECBD8; }
  .btn:active, .banner-row .download-link:active, .banner-row .respository-link:active, .btn:focus, .banner-row .download-link:focus, .banner-row .respository-link:focus,
  .btn-primary:active,
  .btn-primary:focus,
  .btn-success:active,
  .banner-row .download-link:active,
  .btn-success:focus,
  .banner-row .download-link:focus,
  .btn-danger:active,
  .btn-danger:focus,
  .btn-info:active,
  .btn-info:focus,
  .btn-warning:active,
  .btn-warning:focus {
    outline: none; }

/* BUTTON COLOURS */
.btn-primary,
.btn-success,
.banner-row .download-link,
.btn-danger,
.btn-info,
.btn-warning {
  color: #fff; }
  .btn-primary:hover,
  .btn-success:hover,
  .banner-row .download-link:hover,
  .btn-danger:hover,
  .btn-info:hover,
  .btn-warning:hover {
    color: #fff; }

.btn-primary, .btn-primary a {
  font-weight: 500;
  font-size: 1.15em;
  background-color: #428bca; color: #fff !important; }
  .btn-primary:hover {
    background-color: #428bca; color: #fff !important; }

.btn-success, .banner-row .download-link {
  background-color: #5cb85c; }
  .btn-success:hover, .banner-row .download-link:hover {
    background-color: #4cae4c; }

.btn-danger {
  background-color: #d9534f; }
  .btn-danger:hover {
    background-color: #d43f3a; }

.btn-info {
  background-color: #5bc0de; }
  .btn-info:hover {
    background-color: #46b8da; }

.btn-warning {
  background-color: #f0ad4e; }
  .btn-warning:hover {
    background-color: #eea236; }

/* BUTTON SIZING */
.btn-small {
  line-height: 2;
  padding: 0 0.5em; }

.btn-large {
  line-height: 4;
  padding: 0 1.5em; }

.btn-huge {
  line-height: 5;
  padding: 0 2em; }

/* ==========================================================================
    LABELS
   ========================================================================== */
.label,
.label-primary,
.label-success,
.label-danger,
.label-info {
  padding: .125em .25em;
  text-align: center;
  background-color: #fcfcfc;
  border-radius: 3px; }

/* LABEL COLOURS */
.label-primary {
  background-color: #428bca;
  color: #fff; }

.label-success {
  background-color: #5cb85c;
  color: #fff; }

.label-danger {
  background-color: #d9534f;
  color: #fff; }

.label-info {
  background-color: #5bc0de;
  color: #fff; }

.label-warning {
  background-color: #f0ad4e;
  color: #fff; }

/* ==========================================================================
    MEDIA
   ========================================================================== */
/* The media object abstraction, first proposed here:
 *
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 *
 * The media object here takes any element with a class of .media and
 * floats an image or anything with a .media-object class to the left
 * and gives it a right margin.
 *
 * To reverse this pattern, simply use .media-object-right.
 */
.media {
  margin-bottom: 1.618em; }
  .media .media-content {
    overflow: hidden; }
    .media .media-content:last-child {
      margin-bottom: 0; }
  .media .media-object-right {
    margin-right: 0; }

/* ==========================================================================
    JOOMLA MODULES
   ========================================================================== */
.module {
  /* Remove default bullets on lists inside modules */ }
  .module ul {
    list-style-type: none; }

/* ==========================================================================
    NAVIGATION
   ========================================================================== */
/* Remove list styles and throw child elements into a horizontal list. */
.nav, .breadcrumb, .pagination ul, .pagenav, .social, .actions {
  list-style: none; margin: 0; padding: 0; }
  .nav li, .pagination ul li, .pagenav li, .actions li {
    display: inline-block;  }
    .nav li a, .pagination ul li a, .pagenav li a, .actions li a {
      padding: 0.20225em;  }
    
   
    .social { float: left;  }
    .social li { float: left; margin: 1em 0.5em 0 0.5em;  }
    .social li a {
      display: block; 
      background-color: #FE8F01;
 	  border-radius:0.15em;
 	}
 	.social li a:hover, .social li a:active, .social li a:focus {
 		background-color: #fff;
 		color: #FE8F01;
 		text-decoration: none;
 	}

.nav-row {
   background-color: #FE8F01;
}



/* Creates a vertical list of blocky, finger-friendly, links. */
.nav-stacked li,
.nav-stacked li a {
  display: block; }



.login-row, .search-row {
	float: none;
	margin: 0 1em 0 0;
	padding: 0;
	width: 100%;
	height: 13em;
	border-bottom: 1px solid #fff;
}

.login-row h1, .search-row h1, .social-row h1 {
	color: #fff;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.5em;
	border: 0px solid #555 !important; 
}

.credit-row {
	margin: 2em 0 2em 0;
	border-top: 1px solid #fff;	
}

.social-row {
	margin: 1em 0 2em 0; 
}

.copyright { 
	margin: 0;
	letter-spacing: 0.02em;
}


.credit-row .nav a { color: #fff; font-size: 0.85em; letter-spacing: 0.02em; margin: 0 1.5em 0 0; }
.footer .nav { margin: 2em 0 0 0; }
.footer .nav li { margin: 0.25em 0 0 0; width: 100%; padding: 0; }

 @media only screen and (min-width: 40em) {
	.copyright { float: left; 	margin: 0 3em 0 0; }
	.login-row, .search-row { float: left; }
	.credit-row .nav { float: right; text-align: right; margin: 0 3em 0 0; }
	.footer .nav li { margin: 0.25em 0 0 0; width: auto; padding: 0; }
	.credit-row .nav a { margin: 0 0 0 1.5em; }
	.login-row, .search-row { width: 24%; min-width: 15em; border-right: 1px solid #fff; border-bottom: 0px solid #fff; }
	.login-row { width: 40%; margin: 0;  }
	.search-row { width: 25%; margin: 0 0 0 5%; }
	.social { float: right; }	
}

 @media only screen and (min-width: 50em) {
	.login-row { width: 40%; margin: 0; min-width: 15em; }
	.search-row { width: 30%; margin: 0 0 0 3%; min-width: 15em; }
	.social { float: right; text-align: center;  margin: 1em 7% 2em auto; }
}


 @media only screen and (min-width: 60em) {
	.login-row { width: 35%; margin: 0; min-width: 15em; }
	.search-row { width: 33%; margin: 0 0 0 7%; min-width: 15em; }
	.social { float: right; text-align: center;  margin: 1em 7% 2em auto; }
}


/* ==========================================================================
    PAGINATION
   ========================================================================== */
/* Blog and article pagination */
.pagination {
  text-align: center; }
  .pagination ul span {
    padding: 0.4045em; }

/* Article pagination */
.pagenav li {
  width: 50%; }
.pagenav .previous {
  margin-right: -.25em; }
.pagenav .next {
  float: right;
  text-align: right; }

/* ==========================================================================
    ROWS
   ========================================================================== */
/* Gives the content sections some breathing space */
[class*="-row"] {
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -ms-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  padding: 0; }
  

  

/* ==========================================================================
    WELLS
   ========================================================================== */
.well {
  display: block;
  padding: 1.618em; }

/* ==========================================================================
    CONTENT WRAPPER
   ========================================================================== */
.wrapper {
  margin: 0 auto;
  padding:0;
  max-width: 100%;
  border-bottom: 1px solid #fff;
}

.footer {
	background-color: #555; 
	padding: 1em;
	font-size: 0.9em;
	color: #fff;
	margin: 0 0 0 0;
	border-top: 4em solid #fff;
}

 @media only screen and (min-width: 30em) { .footer { font-size: 1em; } }
 @media only screen and (min-width: 40em) { .footer { padding: 2em; } }

 @media only screen and (min-width: 80em) {

	.wrapper {
		  max-width: 86em;
  		  margin: 0 auto;
  	}
  	
  	.footer {
  		margin: 0 auto 0 auto;
		padding: 3em 4em 2em 4em;

  	}
 }
 
/*
 * These following need to override some base element styles,
 * so we'll load them last.
 */
/* Override any defaults like display: block on objects. */
/* ==========================================================================
    GRID
   ========================================================================== */
.grid-item,  [role="navigation"], .footer-row .module, .above-row .module, .below-row .module {
  display: inline-block;
  margin-right: -.25em;
  width: 100%;
  vertical-align: top; }



  
/* ==========================================================================
    TYPOGRAPHY
   ========================================================================== */
/* BLOCK QUOTES */
/* Borders are nice, sometimes. */
blockquote {
  border-left: 4px solid #FE8F01;
  background-color: #f5f7fc;
  font-style: italic;
   }

cite {
  font-style: normal; }


b,
strong {
  font-weight: 500; }

/* ==========================================================================
    FONT-FACE FONTS
   ========================================================================== */
.icon {
	line-height: 1;
	width: 2.65em; 
	height: 2.65em;
	background-position: top left;
	background-repeat: no-repeat;
}

.icon-startseite      { background-image: url(../images/icons/homepage.png); background-repeat: no-repeat; }
.icon-suche 		 { background-image: url(../images/icons/lupe.png); background-repeat: no-repeat; }
.icon-logout 		 { background-image: url(../images/icons/logout.png); background-repeat: no-repeat; }


.icon-logout:hover, 
.icon-logout:active, 
.icon-logout:focus 	{ background-image: url(../images/icons/logout_active.png); }



.icon-startseite:hover, 
.icon-startseite:active, 
.icon-startseite:focus 	{ background-image: url(../images/icons/homepage_active.png); }

.icon-suche:hover, 
.icon-suche:active, 
.icon-suche:focus 	{ background-image: url(../images/icons/lupe_active.png); }


@media screen and (min-width: 64em) {
	.current .icon-startseite { background-image: url(../images/icons/homepage_active.png); }
	.current .icon-suche { background-image: url(../images/icons/lupe_active.png); }
}

#xmap{
font-size: 1.1em;
margin:0 ;
padding: 0;

}

#xmap .level_0 {
	font-weight: 500;
	margin:0 ;
	padding: 0;
}



#xmap ul { padding: 0 0 0 0; margin: 0 0 0 0; }

#xmap ul.level_1 li{padding: 0 0 0 1em; margin: 0 0 0 0; }

#xmap ul.level_2{ font-size: 0.9em; }

#xmap ul.level_2 li{padding: 0 5em 0 1em; margin: 0 0 0 0;   }

#xmap .level_0 li{ margin:0 2em 0 0em; padding: 0; }

#xmap ul li{list-style-image: none; }

#xmap ul li ul li{list-style-image: none; float: none; font-weight: normal;}

#xmap .level_0:last-of-type  li  {
	clear: both; height: auto;
}

#xmap .level_0:last-of-type{ margin: -1pt 0 0 0;}
#xmap ul li ul li a{display:inline-block; padding: 0 0 0.5em 0; }

@media only screen and (min-width: 75em) {
	#xmap { max-width: 60em; line-height: 1em; }
	
	#xmap .level_0 li { min-height: 30em;  margin: 0 0.4em 0.4em 0; display:block; width: 10em; }
	#xmap .level_0 li:first-of-type {width: 5em; }

	#xmap .level_0 li:last-of-type { min-height: 0.1em;  border:none; }
	#xmap .level_0:first-of-type { display:inline;   }
	#xmap ul li {  float:left; border-right: 1px solid #ccc; margin: 0; padding:0 0.4em 0em 0em !important;  }
	#xmap ul.level_1 li{ height:auto; padding: 0 0em 0 0 !important; margin: 0 0 0em 0em !important; border: none;}
	#xmap .level_1 { padding: 0.5em 0 0 0; }	
	#xmap .level_1 li{width: 10em; min-height: 0.1em; }
	#xmap ul.level_2 li{margin: 0 0 0 0.4em !important;  }
	
	#xmap .level_0:last-of-type { min-height: 0.1em;  display: inline-block; border: none;}
	#xmap .level_0:last-of-type li{ min-height: 0.1em; border:none;}

}

.icon-mail 		 		{ background-image: url(../images/icons/mail.png); }
.icon-mail:hover, 
.icon-mail:active, 
.icon-mail:focus 		{ background-image: url(../images/icons/mail_active.png); }

.icon-kontakt 			{ background-image: url(../images/icons/kontakt.png);  }
.icon-kontakt:hover, 
.icon-kontakt:active, 
.icon-kontakt:focus 	{ background-image: url(../images/icons/kontakt_active.png); }

.icon-EN 				{ background-image: url(../images/icons/EN.png);  }
.icon-EN:hover, 
.icon-EN:active, 
.icon-EN:focus 			{ background-image: url(../images/icons/EN_active.png); }

.icon-DE	 			{ background-image: url(../images/icons/DE.png);  }
.icon-DE:hover, 
.icon-DE:active, 
.icon-DE:focus 			{ background-image: url(../images/icons/DE_active.png); }

.icon-rss 				{ background-image: url(../images/icons/rss.png);  }
.icon-rss:hover, 
.icon-rss:active, 
.icon-rss:focus 		{ background-image: url(../images/icons/rss_active.png); }

.icon-google 			{ background-image: url(../images/icons/google.png);  }
.icon-google:hover, 
.icon-google:active, 
.icon-google:focus 		{ background-image: url(../images/icons/google_active.png); }

.icon-xing 				{ background-image: url(../images/icons/xing.png);  }
.icon-xing:hover, 
.icon-xing:active, 
.icon-xing:focus 		{ background-image: url(../images/icons/xing_active.png); }

.icon-twitter 			{ background-image: url(../images/icons/twitter.png);  }
.icon-twitter:hover, 
.icon-twitter:active, 
.icon-twitter:focus 	{ background-image: url(../images/icons/twitter_active.png); }

.icon-facebook 			{ background-image: url(../images/icons/facebook.png);  }
.icon-facebook:hover, 
.icon-facebook:active, 
.icon-facebook:focus 	{ background-image: url(../images/icons/facebook_active.png); }

.icon-menu 				{ background-image: url(../images/icons/menu.png);  }
.icon-menu:hover, 
.icon-menu:active, 
.icon-menu:focus 		{ background-image: url(../images/icons/menu_active.png); }






*/
/* ==========================================================================
    UI BUTTONS
   ========================================================================== */
/*
 * Let's add some template-specific style to these babies!
 */
.btn, .banner-row .download-link, .banner-row .respository-link {
  font-weight: 500; }

/* ==========================================================================
    WELLS
   ========================================================================== */
.well {
  background: #fcfcfc;
  border: 1px solid #eeeeee; }



/* ==========================================================================
    HEADER
   ========================================================================== */
.header-row {
  text-align: left; }
  @media only screen and (min-width: 45em) {
    .header-row {
      text-align: left; } }

     

/* ==========================================================================
    HEADER NAV
   ========================================================================== */


/* ==========================================================================
    BANNER
   ========================================================================== */
.banner-row {
  background: url(../images/tundra.jpg) center center;
  background-size: cover;
  /* The download button */
  /* The GitHub button */ }
  .banner-row h1,
  .banner-row h2 {
    color: #fff; }
  .banner-row .content {
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }
    @media only screen and (min-width: 45em) {
      .banner-row .content {
        padding: 2.427em 0 0.809em; } }
    @media only screen and (min-width: 90em) {
      .banner-row .content {
        padding: 3.236em 0 1.618em; } }




/* ==========================================================================
    ARTICLE ACTIONS
   ========================================================================== */
/* The print / mail /edit links */
.actions {
  font-size: 0.83em;
  line-height: 1.9494;
  margin-top: 0;
  margin-bottom: 1.9494em;
  margin-top: 0;
  text-align: right; }

/* ==========================================================================
    ARTICLE INFO
   ========================================================================== */
/* Article category, author, publish date, hits, etc. */
.article-meta {
  font-size: 0.83em;
  line-height: 1.9494;
  margin-top: 0;
  margin-bottom: 1.9494em; }


/* ==========================================================================
    BELOW-ROW MODULES
   ========================================================================== */
        
 

	   
div.kontaktblock {
	width: 95%;
	float: left;
	margin: 0 2em 0 0;
}

div.kontaktblock p { width: auto; }

 @media only screen and (min-width: 60em) {
	div.kontaktblock {
		width: 42%;
	}
 }
 @media only screen and (min-width: 68em) {
	div.kontaktblock {
		width: 45%;
	}
 }
 
h1.mitglieder-login {
	padding: 0 0 0 52px; 
	line-height: 62px; 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-image: url('../images/login_icon.png');
}

h1.suchen-nach {
	padding: 0 0 0 52px; 
	line-height: 62px; 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-image: url('../images/lupe_icon.png');
}






/********* CONTENT STYLES ***********/



.box, .img-box {
	float: left;
	border: 3px solid #FE8F01;
	border-radius: 5px;
	color: #555;
	width: 100%; 
	margin: 2em 0 2em 0;	
}

.box p, .box h3, .box ul {
	padding: 1% 10% 1% 10%;
}

.img-box h2 {
	padding: 0.5em;
}

.box img {
	margin: 1em 0 0 0;
}

.img-box img {
	float: left;
	margin: 1em;
}


.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center !important; }
.column-submit {
	border-top: 3px solid #FE8F01;
	background-color: #FE8F01;
	color: #fff;
	width: 100%;
	display: block;
	font-weight: 500;
	padding: 0.35em 0.5em 0.35em 10%;
	text-decoration: none;
	font-size: 1.15em;
}

.column-submit:hover, .column-submit:active, .column-submit:focus {
	background-color: #fff;
	color: #FE8F01;
	text-decoration: none;
}

	
.clear {
	clear: both;
}

.paragraph {
	font-size: 2.5em;
	color: #ddd;
	font-weight: 700;
}

.paragraph-nr {
	color: #ccc;
	font-weight: 500;
}

.orange {
	color: #FE8F01;
	font-weight: 500;
	font-size: 1.1em;
}

.small {
	font-size: 0.9em;
}

.smaller {
	font-size: 0.95em !important;
}



h1 .small {
	color: #aaa;
}

.right { float: right; margin: 0 0 1em 2em; }
.left { float: left; }





/* ==========================================================================
    LOGIN
   ========================================================================== */
 
#loginbavc{
	
	font-size: 0.8em;
	width: 100%;
	
}       
 
#loginbavc .control-group{
	float: left;
	margin: 0.5em;
	}

#loginbavc .btn{
	background-color:#FE8F01 ;
	margin-top: 0 ;
	float: right;
	line-height: 1.55;
  	
  	border-radius: 0.15em;
  	
}

#loginbavc .btn:hover, 
#loginbavc .btn:active, 
#loginbavc .btn:focus 	{
	background-color: #FFFFFF;
	color: #FE8F01 !important;

}

 

.{
diplay: block;
color: black;
}

#form-login-remember{
	padding-top: 0em;
}

#loginbavc .login-greeting{
	font-size: 1.2em;
}

#loginbavc .add-on{
	display:none;
}

#loginbavc .logout-button .button{
	font-size: 1.2em;
	float: left;
	text-align: center !important;
	padding: 0.3em
	
	
}

.login-greeting {
	font-weight: 300;
	font-size: 1.5em !important;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#form-login-remember{display:none;}




#suche{
	
	font-size: 0.8em;
	width: 100%;
	
}       

#suche .button{
	background-color:#FE8F01 !important ;
	float: left;
	line-height: 1em !important ;
	border-radius: 0.15em !important ;
	font-size: 1.2em !important ; 
	margin-top: 0.85em !important ;
	color: #fff !important ;
	border: 0px solid #FE8F01  !important;
 }

#suche .button:hover, 
#suche .button:active, 
#suche .button:focus 	{
	background-color: #FFFFFF !important;
	color:#FE8F01 !important;
	border: 0px solid #FFFFFF !important;
}

#suche .form-inline{
	margin: 0.5em;
}

.pagination{
	margin: 2em 0 0 0;
	float: left;

}

.alert-message{padding: 5px; margin-bottom: 5px;}

.alert .close{ font-size:1.5em; }

.item-page .nav-tabs{display:none;}

#publishing {max-width: 30em;}

#publishing .btn{background-image:url(../images/calendar.png); height: 17px; background-repeat:no-repeat;}

#language {max-width: 30em;}

#metadata{max-width: 30em;}
/* Transparancy background */
.tooltip.in {
}

.tooltip-inner {
color: #000;
background-color: #FE8F01;
border: 1px #ccc solid;
opacity: 0.9;
max-width: 30em;
margin: 0 0 0 3em;
}
 
/* Title */
.tooltip-inner strong {
font-size: 13px;
}

.search label {display:none;}

.search{
padding-right: 4em ;
}
 
#suche{
	padding: 0 2em 0 0;
}

.search .phrases{ display:none;}

.search .phrases-box{ display:none;}

.search .form-limit{ display:none;}

.search .only{ display:none;}
.search .result-created{ display:none;}

.search .page-title { display:none; }


.searchsuche-menu .form-inline label{ display:none;}

.searchsuche-menu .button{
       background-color:#FE8F01 ;
	float: left;
	line-height: 0.3;
	border-radius: 0.15em;
	font-size: 1.2em; 
	margin-top: 0.85em;
	padding: 10px;


}

.searchsuche-menu .button:hover{
       background-color: #fff !important;
	color: #FE8F01 !important;


}


.searchsuche-menu{
              width: 93%;
		max-width: none;
		margin: 0 0 0 7%;
		float: left;

}



.content .search{
		width: 93%;
		max-width: none;
		margin: 0 0 0 7%;
		float: left;
}

.search .btn {
	font-size: 1.35em;
	border: 2px solid #FE8F01 !important;
	border-radius: 2px  !important;
	padding: 10px !important;
	color: #FE8F01 !important;
	background-color: #fff !important;
	display: inline-block;

}

.search .btn:hover {

	background-color: #FE8F01!important;
	color: #fff !important;
}

.search .result-title{
	margin-top: 2em;
}

.search .button{
background-color:#FE8F01 ;
	float: left;
	line-height: 0.3;
	border-radius: 0.15em;
	font-size: 1.2em; 
	margin: 0.85em 0 2em 0;
	padding: 10px;

}


.alert-heading{ color: #FE8F01; display: inline; margin: 0 0 0 2em ;}

.below-row .toggleBox ul, .below-row .toggleBox li {
  list-style-type: none;
  list-style-image: none;
}


.level0  {
	

	font-weight: bold;
	font-size: 1.5em;
}

.deeper{
font-weight: bold;

}

.level1{
margin-left: 3em;
}

.level2{
margin-left: 6em;
}



.img-outline {
	padding: 2em;
	border: 1px solid #777;
}

 


.arrow, .moduleCustomLink {
	background-color: #fff; 
	color: #FE8F01;	
	font-weight: 700;
	padding: 0.35em 1em 0.25em 1em;
	margin: 0 0 0 0;
	font-size: 1em;
}

.arrowImg {
	background-image: url(../images/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0.7em 1em 0.55em 0 !important;
	margin: 0 0 0 -0.25em;
}

.arrow:hover, .arrow:focus, .arrow:active, .moduleCustomLink:hover, .moduleCustomLink:focus, .moduleCustomLink:active {
	background-color: #FE8F01;
	color: #fff;
	text-decoration: none;
}



.toggle-pointer { cursor: pointer; }
.plusArrow, .plusArrowTable { 
	background-image: url(../images/arrowlist.png);
	background-position: 0.15em 0.25em;
	background-repeat: no-repeat;
	padding: 0 0 0 1em;
	margin: 0 0 0 2em;
	cursor: pointer;
}


.plusArrow:hover, .plusArrow:active, .plusArrow:focus,
.plusArrowTable:hover, .plusArrowTable:active, .plusArrowTable:focus {
	background-image: url(../images/arrowlist-down.png);
	background-position: left 0.5em;
}



.mobileOut, .mobileOutCell { display: none; }
.tableHeader, .toggleTable { font-size: 0.7em;}
.smaller { font-size: 0.3em; }

@media only screen and (min-width: 40em) { .smaller { font-size: 0.6em; } .tableHeader, .toggleTable { font-size: 0.9em } }
@media only screen and (min-width: 60em) { .mobileOut { display: block; } .mobileOutCell { display: table-cell; } .tableHeader, .toggleTable { font-size: 1em } }

.w7 { width: 150px; }
.w7a { width: 150px; }
.w20 { width: 50%; }

@media only screen and (min-width: 60em) {
	.w7 { width: 100px; }
	.w7a { width: 100px; }
	.w20 { width: 25%; }
}
@media only screen and (min-width: 70em) {
	.w7 { width: 100px;}
	.w7a { width: 100px; }
	.w20 { width: 25%; }
}

.reg { font-weight: 300; }






.tarife { border-top: 1px solid #FE8F01; margin: 2.5em 0 0 7%; padding: 1em 0 0 0; 
	    -moz-hyphens: manual;   -o-hyphens: manual;   -webkit-hyphens: manual;   -ms-hyphens: manual;   hyphens: manual; }
.tarife h2 { margin: 0; }
.tarife ul li { font-size: 0.9em; padding: 0; }

.tarife .dreispalter { margin: 0; width: 100%; float: none; }
.tarife .zweispalter { width: auto; margin: 0 2em 0 0;  }

.tarife-box {float: left; display: block; width: 100%; padding: 0; margin: 0; text-align: center; }
.tarife-box-breit { float: left; display: block; width: 95%; padding: 0; margin: 0; text-align: center; }
.tarife-box .h2, .tarife-box-breit .h2 { margin: 0; color: #999; }
.tarife-box img, .tarife-box-breit img { margin: 1.5em 0 1em 0; }
.tarife-box-breit div { margin: 0 7em 0 0; }


@media only screen and (min-width: 18em) { .tarife-box { width: 95%; } }
@media only screen and (min-width: 45em) { .tarife-box-breit { width: 65%; } .flHeight { height: 40em; } .tarife .dreispalter { width: 30%; float: left; } .tarife-box { width: 30%; } }
@media only screen and (min-width: 68em) { .flHeight { height: auto; } .tarife-box-breit { width: 65%; } .tarife-box { width: 10em; } }
@media only screen and (min-width: 75em) { .tarife-box-breit {width: 61%;} .tarife-box { width: 12em; } }
@media only screen and (min-width: 80em) { .tarife-box-breit { width: 58%; } .tarife-box { width: 13em; } }
@media only screen and (min-width: 85em) { .tarife-box-breit { width: 55%; } .tarife-box { width: 13em; } }


.linkshow .extra-out, .linkshow .extra-in { padding: 1em; font-size: 0.95em; height: 9em; min-height: 9em;}

.linkshow { display: inline-block; color: #888; padding: 0 0.5em 0 0.5em; transition: display 0.5s ease-in; }
.linkshow:hover { text-decoration: none; background-color: #fee7cd; }
.linkshow .extra-in-link { visibility: hidden; }
.linkshow .extra-in { display: none; }
.linkshow .extra-out { display: block; }
.linkshow:hover .extra-in-link { visibility: visible; }
.linkshow:hover .extra-in { display: block; padding: 1em; font-size: 0.95em; }
.linkshow:hover .extra-out { display: none; }




.toggleBox { margin: 0.5em 0 0.5em 7%; }
.toggleBox h2, .toggleTable h2 { margin: 0; color: #FE8F01; font-size: 1.15em; }
.toggleBox h2:hover, .toggleTable h2:hover { margin: 0; color: #FE8F01; }


	
.line { border-top: 1px solid #FE8F01;}



.rabatt { line-height: 1.35em; font-size: 3em; font-weight: 500; }
.abstand { padding-left: 0.15em; }
.bgbox { width: 23em; font-size: 1em; line-height: 1.25em; min-height: 12em; border: 2px solid #FE8F01; border-radius: 3px; display: inline-block; }
.bgbox-left { background-color: #FE8F01; color: #fff; float: left; min-height: 12em; height: 100%; width: 7em; padding: 0.5em; }
.bgbox-right { line-height: 1.5em; font-weight: 500; float: left; height: 100%; padding: 0.5em 1em 0.5em 1em; }

.bgbox-light p, .infobox p, .bglightorange p, .bgorange p {  padding: 1em 2em 0.25em 1em; margin: 1em 0 1.5em 0.5em; }

.button { display: block; background-color: #FE8F01; border: 3px solid #FE8F01; border-radius: 3px; color: #fff; padding: 0.5em 1em 0.5em 0em; text-align: center; font-size: 1.5em; font-weight: 500; text-decoration: none; }
.button:hover { background-color: #fff; color: #FE8F01; border: 3px solid #FE8F01; text-decoration: none; }




/**** FORMULARE ****/


.BAVCForm, .BAVCForm div, .BAVCForm fieldset, .BAVCForm textarea {
	font-size: 0.975em;
	padding: 0;
}

.BAVCForm input {
	display: inline-block;
}

.BAVCForm fieldset {
	clear: both;
	margin: 0em 0 3em 0;
	padding: 1em 1em 1em 1em;
	border: 0px solid #FE8F01;
	border-top: 1px solid #FE8F01;
	background-color: #FFF5EA;
}

.BAVCForm fieldset legend {
	padding: 0.35em 0.5em;
	background-color: #fff;
	border: 1px solid #FE8F01;
	font-weight: 500;
	font-size: 1.15em;
	color: #777;
	
}

@media only screen and (min-width: 60em) { .BAVCForm fieldset legend {max-width: 70%;}}

.BAVCForm fieldset label {
	clear: both;
	float: left;
	width: 12.25em;
	font-size: 1em;	
}

.BAVCForm img {
	vertical-align: text-bottom;
}

.BAVCCheckbox, .BAVCRadio {
	clear: both;
	margin-left: 4em !important;
	float: left;
}
.BAVCForm fieldset label.classic {
	clear: none;
	float: none;
	width: auto;
	display: inline;
	line-height: 1.5em;
	vertical-align: top; 
}

.BAVCForm div.small {
	font-size: 0.8em;
}

.BAVCForm input[type=checkbox] {
	margin: 0 0.25em 0 0.25em !important;
}

.asterisk { color: #FE8F01; }

div.asterisk {
	clear: both;
	float: right;
	font-size: 0.9em !important;
	position:relative;
	margin: 2em 0 -1em 0;
}

.BAVCFormFehler {
	background-color: #FE8F01; 
	color: #fff; 
	font-weight: 500; 
	padding: 0.35em 0.75em; 
	margin: 0 0 0 -0.75em;
	line-height: 1.75em !important; 
	border-radius: 0.25em;
	border: 1px solid #FFF5EA;
}

.BAVCFormFehler .asterisk, .BAVCFormFehler a:hover {
	color: #fff;
} 

.infoSmall, .infoSmall:link, .infoReg, .infoReg:link {
	padding: 0 0.5em;
	height: 1.45em;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
}

.infoSmall, .infoSmall:link {
	background-image: url(../images/info_small.png);
	width: 12px;
}

.BAVCFormFehler .infoSmall {
	background-image: url(../images/info_small_light.png);
}

.infoReg, .infoReg:link {
	background-image: url(../images/info.png);
	width: 17px;
}

.BAVCFormFehler .infoReg {
	background-image: url(../images/info_light.png);
}


.BAVCForm .button {
	font-size: 1.35em;
	border: 2px solid #FE8F01 !important;
	border-radius: 2px  !important;
	padding: 0.35em 1.5em 0.35em 1em !important;
	color: #FE8F01 !important;
	background-color: #fff !important;
	display: inline-block;
}

.BAVCForm .button:hover {
	background-color: #FE8F01!important;
	color: #fff !important;
}

.BAVCForm .FehlerMeldung {
	font-size: 0.85em; 
	line-height: 1.25em; 
	padding-bottom: 0.75em; 
	display: inline-block;
}

.BAVCForm .BAVCFormFehler a { color: #fff !important; text-decoration: underline !important; }

.BAVCForm select {  height: 2em; padding: 0.35em 0 0 0; }

.stepButtonActive .rabatt, .stepButtonInactive .rabatt { line-height: 1em; }
.stepButtonActive {
	clear: both;
	cursor: pointer;
	border: 2px solid #FE8F01;
	border-radius: 2px;
	background-color: #FE8F01;
	color: #fff;
	display: block;
	float: left;
	font-weight: 500;
	font-size: 1.25em;
	padding: 0 0.75em 0 0.75em;
	margin: 0 0 0.5em 0;
	text-decoration: none;
} 
.stepButtonActive:hover, .stepButtonActive:focus, .stepButtonActive:active {
	text-decoration: none;
}
.stepButtonInactive {
	clear: both;
	cursor: pointer;
	border: 2px solid #FFF5EA;
	border-radius: 2px;
	background-color: #FFF5EA;
	color: #FE8F01;
	display: block;
	font-size: 1.25em;
	float: left;
	padding: 0 0.75em 0 0.75em;
	margin: 0 0 0.5em 0;
	font-weight: 500;
	text-decoration: none;
}
.stepButtonInactive:hover, .stepButtonInactive:focus, .stepButtonInactive:active {
	border: 2px solid #FE8F01;
	background-color: #FE8F01;
	color: #fff;
	text-decoration: none;
}
.BigArrow {
	background-image: url(../images/arrow-steps.gif);
	display: block;
	float: left;
	background-position: right center;
	background-repeat: no-repeat;
	padding: 2em 1em 0.5em 0;
	margin: 0 1em 0 -0.35em;
}

@media only screen and (min-width: 50em) {
	.stepButtonInactive, .stepButtonActive { clear: none; float: left; }
}


.above-row ul, .above-row ul li { margin: 0; padding: 0;}

th .button { padding: 0.2em 0.35em 0.2em 0.35em !important; }

.linkBgBox, .linkBgBox:hover { display: block; color: #333; text-decoration: none; border-radius: 6px; border: 1px solid #FFEEDD; border-left: 1px solid #fff; }

.titleTriggerShop { background-color: #FE8F01; font-size: 1.25em !important; line-height: 1.35em !important; font-weight: 500; color: #fff; padding: 0.25em 0 0 0 !important; margin: 0;}
.titleTriggerShop-arrow { background: #fff url(../images/arrow-down.png) top no-repeat; margin: 0 0 0.5em 0;}
.titleTriggerShop:hover .titleTrigger-arrow {  margin: 0.5em 0 0 0; }
.titleTriggerShop-abstand { margin: 0 0 0.9em 0;}
.inputShop { background-color: #FE8F01; font-size: 1.2em !important; line-height: 1.35em !important; color: #fff; padding: 0.25em 0 0 0 !important; margin: 0; }
.inputShop input { margin: 0.25em; padding: 0.1em; }

.bildquelle { color: #999 !important; }



.logo {
  position: absolute;
  top: 0px; 
  margin: 0 0 0 7%; 
  max-width: 100%;
  width: 10%;
  z-index:3000;
}
 
 
.claim {
	font-size: 1em;
	font-weight: 500;
	color: #fff;
  	margin: -2em 0 2.05em 7%;
	line-height: 1em;
	z-index: 3000;
	position: absolute;
}

@media only screen and (min-width: 40em) {
	.claim { font-size: 1.5em;	}
 }
 
 
@media only screen and (min-width: 60em) {
	.claim { font-size: 2em; margin: -3em 0 2.05em 3em; }
	.logo { margin: 0 0 0 6em; }
 }

@media only screen and (min-width: 70em) {
	.claim { font-size: 2em; margin: -4em 0 2.05em 2em; }
	.logo { margin: 0 0 0 3.75em; }
 }

@media only screen and (min-width: 85em) {
	.claim { font-size: 2em; margin: -4em 0 2.05em 2.5em; }
	.logo { margin: 0 0 0 3.75em; }
 }


@media only screen and (min-width: 87em) {
	.claim { font-size: 2em; margin: -4em 0 2.05em 2.9em; }
	.logo { margin: 0 0 0 3.75em; }
 }


.einspalter, .zweispalter, .dreispalter, .vierspalter {
	float: none; 
	width: 90%; 
	max-width: 40em;
	font-size: 1.1em;
	margin: 0 0 0 1em; 
}

.einspalter, .zweispalter { max-width: 100%; }
.text-dreispalter { max-width: 100%; margin: 2em 0 0 0; }
.dreispalter { margin: 0 0 1em 1em; }

.anlauftext {
	font-size: 1.25em;
	line-height: 1.45em;
	color: #777;
	width: 90%;
	font-weight: 300 !important;
	margin: 0 0 0 1em;
	max-width: 36em;
}


.infobox, .infoboxStd, .infoboxWhite {
	float: none;
	width: 80%; 
	max-width: 40em;
	margin: 1em 1em 2em 1.25em;
	background-color: #fee7cd;
	border: 1px solid #FE8F01;
}

.infoboxWhite { background-color: #fff; border: 0px solid transparent; }


.infoboxStd p { padding: 1em 2em 1em 7.75em; }

@media only screen and (max-width: 40em) { .infoboxStd {max-width: 100%; } .infoboxStd .img-left { float: none; } .infoboxStd p, span { display: inline-block; padding: 1em 1em 0em 1em; }}
@media only screen and (min-width: 30em) { .infoboxWhite, .infobox { margin: 1em 1em 2em 2.5em; }}
@media only screen and (min-width: 58em) { .infoboxWhite, .infobox { margin: 1em 1em 2em 7%; }}
@media only screen and (min-width: 70em) { .infoboxWhite, .infobox { max-width: 40em; float: right; width: 25%; margin: -4.7em 2em 0 2em; }}

.imgheader { 
	margin: 0;
	padding: 0.25em 0 0.15em 0.65em;
	font-size: 1.25em;
}
.imgheader .black { padding: 0; }

.new { font-size: 1.05em; background-color: #fff; border: 1px solid #FE8F01; color: #FE8F01; font-weight: 700; margin: -0.5em -0.5em 0 0; padding: 0.25em 0.5em 0.1em 0.5em; letter-spacing: 0.02em; float: right; }

.bgorange {
	background-color: #FE8F01;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
}

.bglightorange {
	background-color: #fee7cd;
	color: #000;
	margin: 0; 
	border: 1px solid #fff;
	border-radius: 3px;
	min-height: 15em;
}

.img-breit {
	width: 100%;
	border: 1px solid #fff;
	border-radius: 3px;
}

.black { padding: 0 0 0 1em; color: #000; }

.box-zwei {
	float: none; width: 87%; 
	font-size: 1.1em;
}



.box-zwei img {
	float: left;
	margin: 0 1em 0 0;
}

table.kreis-item { width: 80%; max-width: 60em; margin: 4em 0 0 7%;}

.kreis {
	border: 1px solid #FE8F01;
	background-color: #fee7cd;
	border-radius: 10em;
	width: 0.6em;
	height: 0.6em;
	float: left;
	margin: 0.4em 0 0 -2.35em;
}
	
td.kreistext-left {
	color: #FE8F01;
	font-weight: 500;
	border-right: 1px solid #FE8F01;
	padding: 0 2em 0 0;
	text-align: right;
	vertical-align: top;
	font-size: 1.1em;
}


td.kreistext-right { vertical-align: top; padding: 0 0 1.5em 2em;  }

 @media only screen and (min-width: 30em) {
 
 	.box { width: 45%; margin: 2em 2em 2em 0; }
 	
	.anlauftext { width: 87%; margin: 0 0 0 2em; }	

	.einspalter { width: 90%; margin: 0 0 0 2.25em; }	
	.zweispalter { width: 90%; margin: 0 0 0 2.25em; }	
	

 	.dreispalter { 
		width: 100%;
		max-width: 20em;
		margin: 0 1em 2em 0;
		float: left;
		font-size: 1em;
	 }
	 
	.dreispalter .text { min-height: 2em; }

	 .vierspalter {
	 	width: 35%;
		max-width: 40em;
		margin: 0 3em 0 0;
		float: left;
	 }
	.box-zwei {
		width: 40%;
		font-size: 1.1em;
		margin: 0 0 0 7%;
		float: left;
	}
 }
 
 @media only screen and (min-width: 45em) {
	.dreispalter { 
		width: 45%;
		margin: 0 1em 2em 0;
		float: left;
		font-size: 0.95em;
	}

	.dreispalter .text { min-height: 13em; }

}


 @media only screen and (min-width: 58em) {
	.einspalter { 
		width: 90%;
		max-width: none;
		margin: 0 0 0 7%;
		padding: 0;
		float: left;
	 }
	 .zweispalter {
		width: 70%;
		max-width: 40em;
		padding: 0;
		margin: 0 0 0 7%;
		float: left;
	 }

	.dreispalter { font-size: 1em; width: 41%; margin: 0 2em 2em 0; }	
	
	.text-dreispalter { float: left; width: 40%; margin: 2em 2em 0 0; }


	 .anlauftext { margin: 0 4em 1em 7%; }
	 .box { 
	 	float: none; 	
	 	margin: 0 0 2em 0; 
	 	width: 100%; 
	 }	
}

@media only screen and (min-width: 65em) {

	.vierspalter {
	 	width: 18%;
		max-width: 40em;
		margin: 0 4em 0 0;
		float: left;
	 }
	
	.vierspalter h2 { font-size: 1.1em; }
	
	.dreispalter { font-size: 0.95em; width: 28%; margin: 0 1em 1.5em 0; }	
	.dreispalter .text { min-height: 16em; }
	.dreispalter h2 { font-size: 1em;  }

	.text-dreispalter { float: left; width: 30%; margin: 0 2em 0 0; }


}

@media only screen and (min-width: 75em) { .dreispalter h2 { font-size: 1.25em;  }.dreispalter { font-size: 0.95em; width: 30%; margin: 0 1em 1.5em 0; } }
@media only screen and (min-width: 88em) { .dreispalter { font-size: 1em; width: 30%; margin: 0 1em 1.5em 0; } }

/* Iconbox -> Pakete */

.paketbox {
	/*parent div */
	width: 100%;
	margin-bottom: 2em;
	margin-top: 1em;
	color: #555;
	font-weight: bold;
}

.paketitems {
	/*parent div für items */
	width: 100%;
	float: left;
	display: block;
}

.paketitembox {
	width: 49.5%;
	float: left;
	margin-bottom: 1em;
	padding-right: 0.5em;
}

.paketiconlink {
	background-repeat: no-repeat;
	background-position: center 0.25em;
	background-color: #fff;
	display: block;
	padding-top: 4.5em;
	padding-bottom: 1em;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 50% 15%;
}

.paketiconlink.getrenntereise {
	background-image: url("/../images/icons/getrenntereise.png");
	background-size: 60px;
}

.paketiconlink.reiseabbruch {
	background-image: url("/../images/icons/reiseabbruch.png");
	background-size: 50px;
}

.paketiconlink.kindrueck{
	background-image: url("/../images/icons/kindrueck.png");
	background-size: 60px;
}

.paketiconlink.kinderbetreuung {
	background-image: url("/../images/icons/kinderbetreuung.png");
	background-size: 60px;
}

.paketiconlink.abschlepp {
	background-image: url("/../images/icons/abschleppwagen.png");
}

.paketiconlink.hubschricon {
	background-image: url("/../images/icons/hubschrauber.png");
	background-size: 80px;
}

.paketiconlink.euroicon {
	background-image: url("/../images/icons/euro.png");
}

.paketiconlink.iconauswahl {
	background-image: url("/../images/icons/auswahl.png");
}

.paketiconlink.haus {
	background-image: url("/../images/icons/familie-mit-haus.png");
	background-size: 55px;
}

.paketiconlink.smiley {
	background-image: url("/../images/icons/smiley.png");
}

.pakettxt {
	line-height: 1.3em;
	display: inline-block;
	padding: 0;
	padding-top: 0.25em;
	font-weight: 500 !important;
	color: #333 !important;
	font-size: 1em;
	text-align: center;
	width: 100%;
}


.paketitembox a,
.paketiconlink {
	color: #333 !important;
	text-decoration: none;
}

a.paketiconlink:hover,
a.paketiconlink:active,
a.paketiconlink:focus{
	background-color: #FE8F01;
	border-radius: 3px;
}

a.paketiconlink:hover span.pakettxt,
a.paketiconlink:active span.pakettxt,
a.paketiconlink:focus span.pakettxt{
	color: #fff !important;
}

a.paketiconlink.getrenntereise:hover,
a.paketiconlink.getrenntereise:active,
a.paketiconlink.getrenntereise:focus{
	background-image: url("/../images/icons/getrenntereise_hover.png");
}

a.paketiconlink.reiseabbruch:hover,
a.paketiconlink.reiseabbruch:active,
a.paketiconlink.reiseabbruch:focus{
	background-image: url("/../images/icons/reiseabbruch_hover.png");
}

a.paketiconlink.kindrueck:hover,
a.paketiconlink.kindrueck:active,
a.paketiconlink.kindrueck:focus{
	background-image: url("/../images/icons/kindrueck_hover.png");
}

a.paketiconlink.kinderbetreuung:hover,
a.paketiconlink.kinderbetreuung:active,
a.paketiconlink.kinderbetreuung:focus{
	background-image: url("/../images/icons/kinderbetreuung_hover.png");
}



a.paketiconlink.abschlepp:hover,
a.paketiconlink.abschlepp:active,
a.paketiconlink.abschlepp:focus{
	background-image: url("/../images/icons/abschleppwagen_hover.png");
}

a.paketiconlink.hubschricon:hover,
a.paketiconlink.hubschricon:active,
a.paketiconlink.hubschricon:focus{
	background-image: url("/../images/icons/hubschrauber_hover.png");
}

a.paketiconlink.euroicon:hover,
a.paketiconlink.euroicon:active,
a.paketiconlink.euroicon:focus{
	background-image: url("/../images/icons/euro_hover.png");
}
a.paketiconlink.iconauswahl:hover,
a.paketiconlink.iconauswahl:active,
a.paketiconlink.iconauswahl:focus{
	background-image: url("/../images/icons/auswahl_hover.png");
}
a.paketiconlink.haus:hover,
a.paketiconlink.haus:active,
a.paketiconlink.haus:focus{
	background-image: url("/../images/icons/familie-mit-haus_hover.png");
}
a.paketiconlink.smiley:hover,
a.paketiconlink.smiley:active,
a.paketiconlink.smiley:focus{
	background-image: url("/../images/icons/smiley_hover.png");
}

.paketzert {
	/*parent div für "zertifikate" */
	width: 100%;
	display: block;
	float: left;
}

.paketzertbox {
	float: left;
	width: 49%;
	padding: 0 2% 0 0;
}

.paketzertbox:last-of-type {
	float: left;
	width: 49%;
	padding: 0 0 0 2%;
}

.mitgliedlink {
	font-size: 1.25em !important;
}

@media only screen and (min-width: 30em) {
	.BigTooltip span.Tooltip {
		left: -70px;
	}
	.paketicon img.hubschricon {
		padding-right: 1em;
	}
	.paketitembox {
		width: 46%;
		margin-bottom: 1em;
	}
	.paketiconlink {
		background-position: 0.75em 50%;
		padding-top: 1em;
	}
	.paketiconlink.iconabstand {
		background-position: 0.8em 50% !important;
	}
	.paketiconlink.hubschricon {
		background-position: 0.2em 50%;
	}
	.pakettxt {
		padding-left: 5em;
		text-align: initial;
	}
	
}

@media only screen and (min-width: 45em) {
	.mitgliedlink {
		font-size: 1.5em !important;
	}
	.paketitembox {
		width: 47%;
	}
	.BigTooltip span.Tooltip {
		left: -70px;
	}
	
}

@media only screen and (min-width: 58em) {
	.paketitems {
		float: left;
		width: 69%;
	}
	.paketitembox {
		width: 49.5%;
	}
	.paketzert {
		float: right;
		width: 30%; 
	}

	.paketiconlink.iconabstand {
		background-position: 8% 50%;
	}
	.pakettxt {
		padding-left: 5em;
		font-size: 1.1em;
	}
}

@media only screen and (min-width: 65em) {
	.paketitems {
		width: 69%;
	}
	.paketzert {
		width: 30%;
	}
	.paketitembox {
		width: 49.5%;
	}
		
}

@media only screen and (min-width: 75em) {
	.paketitems {
		width: 69%; 
	}
	.paketzert {
		width: 22%;
		padding-top: 1.4em;
	}
	.paketitembox {
		width: 33.3%;
	}
	.pakettxt {
		padding-left: 4.25em;
	}

	.textabstand .pakettxt {
		padding-left: 5em !important;
	}

	.paketiconlink.iconabstand {
		background-position: 10% 50%;
	}

	.paketiconlink.hubschricon {
		background-position: 0 50% !important;
	}

}

@media only screen and (min-width: 88em) {
	.paketitems {
		width: 75%;
	}
	.paketzert {
		width: 24.25%;
		padding-top: 1.6em; 
	}
	.paketitembox {
		width: 33.3%;
	}
	
}

.button.fullwidth.mitgliedlink { display: block; background-color: #FE8F01; border: 3px solid #FE8F01; color: #fff; padding: 0.5em 1em 0.5em 0em; text-align: center; font-size: 1.5em; font-weight: 500; text-decoration: none; width: 100%; margin-bottom: 0.5em;}
.button.fullwidth.mitgliedlink:hover { background-color: #fff; color: #FE8F01; border: 3px solid #FE8F01; text-decoration: none; }

/* Tooltip */
.BigTooltip span.Tooltip {
	left: -15px;
}

.tooltiphead {
	font-weight: 500 !important;
	color: #555;
	font-size: 1.05em;
	letter-spacing: 0.02em;
}


.BigTooltip,
.SmallTooltip {
	position: relative;
	display: inline;
	font-weight: normal !important;
	cursor: default;
}

.Tooltip ul {
	text-align: left;
}

th .BigTooltip,
th .SmallTooltip {
	cursor: pointer;
}

.BigTooltip:focus,
.SmallTooltip:focus,
.BigTooltip:active,
.SmallTooltip:active {
	border: 0px solid #fff !important;
	outline: none;
}

.BigTooltip span.Tooltip {
	position: absolute;
	font-size: 0.9em;
	width: 11em;
	color: #333;
	background: #FFF5EA;
	border: 1px solid #FE8F01;
	text-align: left;
	visibility: hidden;
	border-radius: 3px;
	padding: 0.5em;
	padding-right: 0.75em;
	padding-top: 0.75em;
}

.SmallTooltip span.Tooltip {
	position: absolute;
	font-size: 0.9em;
	width: 10em;
	color: #333;
	background: #FFF5EA;
	border: 1px solid #FE8F01;
	text-align: left;
	visibility: hidden;
	border-radius: 3px;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	padding-right: 0.5em;
}

.BigTooltip span.Tooltip:before,
.SmallTooltip span.Tooltip:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -28px;
	width: 0;
	height: 0;
	border-top: 9px solid #FE8F01;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}

.BigTooltip span.Tooltip:after,
.SmallTooltip span.Tooltip:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -24px;
	width: 0;
	height: 0;
	border-top: 8px solid #FFF5EA;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.BigTooltip:hover span.Tooltip,
.SmallTooltip:hover span.Tooltip,
.BigTooltip:focus span.Tooltip,
.SmallTooltip:focus span.Tooltip,
.BigTooltip:active span.Tooltip,
.SmallTooltip:active span.Tooltip {
	visibility: visible;
	opacity: 0.95;
	bottom: 10em;
	z-index: 999;
	-webkit-box-shadow: -6px -4px 7px -4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -6px -4px 7px -4px rgba(0, 0, 0, 0.75);
	box-shadow: -6px -4px 7px -4px rgba(0, 0, 0, 0.75);
}


/*.BigTooltip span.Tooltip{
  left: -20px;
}*/

.SmallTooltip span.Tooltip {
	left: -28px;
}

@media only screen and (min-width: 30em) {
	.BigTooltip span.Tooltip {
		width: 13em;
	}
	.BigTooltip:hover span.Tooltip,
	.SmallTooltip:hover span.Tooltip,
	.BigTooltip:focus span.Tooltip,
	.SmallTooltip:focus span.Tooltip,
	.BigTooltip:active span.Tooltip,
	.SmallTooltip:active span.Tooltip {
		bottom: 6.5em;
	}
}
@media only screen and (min-width: 45em) {
	.BigTooltip span.Tooltip {
		width: 17em;
	}
}
/** Pakete Feedback box */

.feedbparent {
	border: none;
	margin-left: 0em;
	width: 100%;
}

.feedbparent * {
	padding: 0;
}

.feedbparent .arrow.orange {
	padding: 0.35em 1em 0.25em 1em;
}

.feedbparent .arrowImg {
	padding: 0.7em 1em 0.55em 0;
}

.feedbparent .big {
	color: #000;
	hyphens: manual !important;
	-moz-hyphens: manual;
	padding-left: 1.25em;
}

.feedbackbox {
	width: 100%;
	float: none;
	padding-top: 1em;
	padding-bottom: 2em;
	margin-right: 2em;
	padding-left: 2em;
}


@media only screen and (min-width: 30em) {
	.feedbsmiley {
		top: -5em;
		left: -2em;
	}
}

@media only screen and (min-width: 67em) {
	.feedbsmiley {
		width: 6em;
		top: -5.5em;
		left: -2.5em;
	}
	.feedbnote,
	.feedbperc	{
		padding-left: 1em !important;
	}
	.feedbparent .big {
		padding-left: 0em;
	}

}

.feedbtxt {
	float: right;
	font-size: 0.95em;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 1em;
}

@media only screen and (min-width: 30em) {
	.feedbackbox {
		float: right;
		width: 35%;
		padding-left: 0;
	}
	.feedbparent {
		padding-top: 1em;
	}
}

.feedbperc {
	font-size: 1.8em;
	font-weight: 500;
	line-height: 0.8em;
	padding: 0;
}

.feedbnote {
	font-size: 0.8em;
	font-weight: 500;
	padding: 0;
}

.feedbicon {
	float: left;
	padding-right: 0.5em;
	width: 3.5em;
	vertical-align: bottom;
}

/** CONTACT FORM ***/


#_SimpleEmailForm_1 {
	clear: both;
	color: #555;
	background-color: #fee7cd;
	margin: 0;
	padding: 1em;
}

#_SimpleEmailForm_1 span { font-weight: normal; }

#_SimpleEmailForm_1 input[type="text"], #_SimpleEmailForm_1 textarea { width: 90%; }

#_SimpleEmailForm_1 h2 { color: #FE8F01; margin: 0.5em 0 1.5em 0; }

textarea { clear: both; }

#_SimpleEmailForm_1 label { font-size: 0.9em; }

   @media only screen and (min-width: 50em) {
	textarea { clear: none; }
       #_SimpleEmailForm_1 { 
       	width: 90%;
  		max-width: 35em;
	        margin: 0; }
    }
  

.mod_contact_input { color: #000; }
.mod_contact_input_textarea { color: #000; }
#mod_simpleemailform_submit_1 { font-size: 1em; font-weight: 500; margin: 1em 0 0 0; padding: 0.15em 0.75em 0.15em 0.75em; border: 3px solid #FE8F01; border-radius: 3px; color: #fff; background-color: #FE8F01; }



#guterrat { background-color: transparent; position: absolute; top: 0px; z-index:3000; 
		right: 0; margin: 0; width: 15%; max-width: 10em; }



@media only screen and (min-width: 87em) {

#guterrat { right: auto; top: 0px; max-width: auto; width: auto; height: 20em; }
#guterrat a { margin-left: 80.6em;}
}



/*
	Stylesheet for Tigra Calendar v5.0
	Product is Public Domain (Free for any kind of applicaiton, customization and derivative works are allowed) 
	URL: http://www.softcomplex.com/products/tigra_calendar/

	- all image paths are relative to path of stylesheet
	- the styles below can be moved into the document or in existing stylesheet

*/

/* input box in default state */ 
.tcalInput {
	background: url('../images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
	background-color: #fff;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: #fff;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../images/next_mon.gif'); }
#tcalNextYear { background-image: url('../images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		




/*! responsive-nav.js 1.0.31 by @viljamis */

.nav-collapse {
	border: 3px solid #FE8F01;
	z-index:5000;
}

.nav-collapse ul {
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 1.75em; 
  line-height: 1.45em; 
  color: #fff; 
  width: 100%; 
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  z-index: 1000;
}
  

.nav-collapse li {
  width: 100%;
  display: block;
  background-color: #FE8F01;
  color: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
  border-top: 0px solid #fff;
}

.nav-collapse a {
   color: #fff; 
   width: 100%; 
   padding: 0; 
   display: block; 
   padding: 0.35em 0 0.35em 2em;
} 

.nav-collapse a:hover, .nav-collapse a:focus {
	text-align: left; 
	text-decoration: none;
	background-color: #fff; 
	color: #FE8F01;
}

.nav-collapse ul ul {
  font-size: 0.8em;
  display: block;
  z-index: 1000;
}

.nav-collapse ul ul ul {
  font-size: 0.9em;
  margin: 0 0 0 0;
  z-index: 1000;
}

.nav-collapse ul ul, .nav-collapse ul ul li, .nav-collapse ul ul ul li { 
	border: 0px solid #FE8F01;
}
.nav-collapse ul li ul a { padding: 0.25em 0 0.25em 1.5em; margin: 0; border: 0px solid #FE8F01;}
.nav-collapse ul li ul li ul a { padding: 0.25em 0 0.25em 3.5em; margin: 0; border: 0px solid #FE8F01;}


.nav-collapse ul ul, .nav-collapse ul ul li a { background-color: #ffe3c3; color: #FE8F01; }	
.nav-collapse ul ul li a:hover, .nav-collapse ul ul li a:focus { background-color: #FE8F01; color: #fff !important;	}
.nav-collapse ul ul ul li a { color: #FE8F01; background-color: #fef0e1;  }
.nav-collapse ul ul ul { background-color: #ffefde; }


.nav-collapse li a.icon-startseite {
	padding: 0.15em 1.75em 0.15em 1.75em;
	background-position: left;
  	background-repeat: no-repeat;
  	border-top: 0px solid #fff;
  }


.nav-collapse li a.icon-suche, .nav-collapse li a.icon-logout {
	padding: 0.15em 1.25em 0.15em 1.25em;
	background-position: center;
  	background-repeat: no-repeat;
  	border-top: 0px solid #fff;
  }




#menu-icon {
  background-color: #FE8F01;
  margin: 0.25em 5px 0 0;
  display: block;
  padding: 0.15em 0 0.15em 2em; 
  font-weight: 500;
  font-size: 1.3em;
  width: 100%;
  background-image: url(../images/icons/menu.png);
  background-repeat: no-repeat;
  background-position: top left;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  cursor: pointer; z-index:5000;
}


#menu-icon:hover, #menu-icon:active, #menu-icon:focus { text-decoration: none; }

.hotline {
	font-size: 1.1em;
	font-weight: 500;
	color: #000;
	text-align: left;
	padding: 0.5em 0 0.25em 0.35em;
	margin: 0;
	border-top: 3px solid #fff;
}

.hotline a { color: #000; text-decoration: none; }



@media screen and (min-width: 64em) {

	
		
	/* MAIN NAVIGATION */


	#menu-icon {
		display: none; 
	}
	
   .nav-collapse { 
   		padding: 0; 
   		float: left; 
   		width: 71%; 
  		border: 0px solid #fff;
  		padding: 0;
  		margin: 0;
  		display: block;
  	}
  
  .nav-collapse ul {
	  margin: 0;
	  padding: 0;
	  display: block;
	  list-style: none;
	  font-size: 1.25em; 
	}
	
	.nav-collapse li {
	  float: left;
	  width: auto; 
	  padding: 0;
	  margin: 0;
	  border-top: 3px solid #fff;
	 }
  
    .nav-collapse li a {
        display: block;
        padding: 0.15em 1.5em 0.15em 1.5em; 
      	vertical-align: bottom; 
      	text-align: center; 
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	  	color: #fff;
      } 
 
    .nav-collapse li a:hover, .nav-collapse li a:focus {
		background-color: #fff; 
		border-bottom: 2px solid #fff;
		color: #FE8F01;
	}


	.nav-collapse ul ul li a {
		background-color: #ffe3c3; 
		color: #FE8F01;
		border-right: 0px solid #fff;
	 	text-align: left; 
	 	padding: 0.25em 1em 0.25em 1.9em;	
		margin: 0 0 0 0;
	}	

 
	.nav-collapse ul ul li a:hover, .nav-collapse ul ul li a:focus {
		background-color: #FE8F01; 
		border-bottom: 0px solid #fff;
		color: #fff !important;
	}

	.nav-collapse ul ul ul li a {
		color: #FE8F01;
		background-color: #fef0e1;
		border-bottom: 2px solid #fff;
	 	text-align: left; 
	 	padding: 0.35em 0em 0.35em 1.5em !important;	
		margin: 0 0 0 0;
	}

	.nav-collapse ul ul {
		display: none !important;
		font-size: 0.8em;
		text-align: left; 
		width: 14em;
		position: absolute;
		padding: 1em 0 0 0;
	}
	
	.nav-collapse ul ul ul {
		background-color: #ffefde; 
		display: none;
		font-size: 0.9em;
		text-align: left; 
		width: 15em;
		position: absolute;
		left: 15.4em;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		margin: -2.25em 0 0 0;
	}
/*
	.submenu:before {
		font-size: 0.6em;
		content: ' ';
		width: 0px;
		height: 0px;
		border-top: 0.9em solid transparent;
		border-bottom: 0.9em solid transparent;
		border-left: 0.9em solid #fff;
		position: absolute;
		transform: translate(18em,0.35em);
	}

*/	
	.nav-collapse ul ul li {
	  background-color: #ffe3c3; 
	  float: none;
	  text-align: left; 
	  margin: 0;
	  padding: 0;
	}

	.nav-collapse ul ul ul li {
	  background-color: #fef0e1; 
	  float: none;
	  text-align: left; 
	  margin: 0;
	  padding: 0;
	}
	
	.nav-collapse li:hover > ul, .nav-collapse ul li:hover > ul, .nav-collapse ul ul li:hover > ul {
		display: block !important;
	  	padding: 0;
	}
	
		
	.nav-collapse li a.icon-startseite, .nav-collapse li a.icon-suche {
		background-position: center;
	  	background-repeat: no-repeat;
	 }
	 
	 .nav-collapse li a.icon-suche { border-right: 0px solid #fff !important; }
	 .nav-collapse li a.icon-logout { border-right: 0px solid #fff !important; }
	 
	.hotline {
		font-size: 1.1em; 
		font-weight: 500;
		color: #000 !important;
		text-align: right;
		padding: 0.275em 0.5em 0.275em 0;
	}
	

	.current a {
		background-color: #fff;
		color: #FE8F01 !important;
	}
}

	.hotlineService { width: 100% !important; background-color: #FE8F01; }

@media screen and (min-width: 70em) {
	.hotline { font-size: 1.25em; padding: 0.15em 0.5em 0.15em 0;}
	.hotlineService { width: auto !important; padding-left: 0.25em; float: right; margin-top: -0.1em; background-color: #FE8F01; }
}

.bdOrange { border-color: #FE8F01; }
.notruf { color: #000; font-size: 3em; margin: 0 0 1em 0; }
.notrufausland { color: #000; font-size: 1.5em; line-height: 1.35em; margin: 0 0 1em 0;}

.versalien {
font-variant-numeric: normal;
-webkit-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum" 1; 
  -moz-font-feature-settings: "lnum=1"; 
  -ms-font-feature-settings: "lnum" 1; 
  -o-font-feature-settings: "lnum" 1; 
  font-feature-settings: "lnum" 1;
}

.startseite-hotlines-V2 { margin: 0; width: 19em; left: 0px; position: absolute; top: 20px; z-index:3000; }
.hotlines-V2 { margin: 0; width: 19em; left: 50px; position: absolute; top: auto; margin-top: -2.25em; z-index:3000; }
@media screen and (min-width: 70em) {
	.hotlines-V2 { margin: 0; width: 19em; left: 0px; position: absolute; top: auto; margin-top: -3.25em; z-index:3000; }
}
.startseite-hotlines-V2 a, .startseite-hotlines-V2 a:link, .startseite-hotlines-V2 a:hover { color: #000; text-decoration: none; border: 0px solid transparent; outline: none; padding-top: 0.5em;}
.startseite-hotlines-V2 img { margin-right: 0.75em; margin-top: -0.25em; }

.startseite-hotlines-V2 .hotline { background-size: 15%; position: absolute; top: -10px; z-index: 6000; width: 99%; height: 3.5em; border: 0px solid blue; background-color: transparent; background-image: url(/images/icons/ico-hotlines_orange.png); background-repeat: no-repeat; background-position: top right; display: block; margin: 0; padding: 0; }
.startseite-hotlines-V2 .hotline:hover { background-image: url(/images/icons/ico-hotlines_weiss.png); text-decoration: none; }

@media screen and (min-width: 40em) { .startseite-hotlines-V2 .hotline { background-size: auto; top: 0; } }


#hotline-container { display: none; z-index:3000; margin: 40px 0 0 0; background-color: #FFEEDD; border-radius: 3px; padding-bottom: 0.25em; }
#hotline-container p { padding: 0.5em 0.25em 0em 0.75em; font-size: 1.2em; line-height: 0.5em; }
#hotline-container p:first-of-type { padding-top: 0.5em; }
#hotline-container .versalien { font-size: 1.2em; padding-left: 1.95em; }
#hotline-container .arrow { padding: 0.5em 1em 0.4em 1em; margin: 0 0 0 0; }
#hotline-container .arrowImg { padding: 0.7em 1em 0.55em 0; margin: 0 0 0 -0.5em; }


@media screen and (min-width: 27em) { 	.startseite-hotlines-V2 { left: auto; right: 10px; } }
@media screen and (min-width: 40em) { 	.startseite-hotlines-V2 { left: auto; right: 10px; }
						.startseite-hotlines-V2 img { margin-top: -0.5em; }
						#hotline-container .arrow { padding: 0.3em 1em 0.2em 1em; margin: 0 0 0 0; }
						#hotline-container p { padding: 0.5em 0.25em 0em 0.75em; font-size: 1.2em; line-height: 1em; }
						#hotline-container p:first-of-type { padding-top: 1.5em; }
}

@media screen and (min-width: 60em) { 
	.startseite-hotlines-V2 { margin-left: 60em; width: 25em; } 
	#hotline-container { margin: 40px 0 0 0; padding-bottom: 0.5em; }
	#hotline-container p { padding: 0.75em 1em 0em 1em; font-size: 1.4em; line-height: 1.2em; }
	#hotline-container p:first-of-type { padding-top: 1.25em; }
	#hotline-container .versalien { font-size: 1.4em; padding-left: 1.95em; }
	#hotline-container .arrow { padding: 0.2em 1em 0.1em 1em; margin: 0 0 0 0; }
	#hotline-container .arrowImg { padding: 0.7em 1em 0.55em 0; margin: 0 0 0 -0.5em; }
}

@media screen and (min-width: 86em) { 
	.startseite-hotlines-V2 { margin-left: 60em; width: 25em; right: auto; } 
}


.hotlineV2 { display: none; }
@media screen and (min-width: 64em) { .hotlineV2 { display: block; }}



.borderBox { border: 1px solid #FE8F01; margin: 0.75em 0 0.5em 0; padding: 1.25em 0.75em 0.25em 0.15em; }
.borderBox h2, .borderBox h3 { margin-top: 0em; margin-left: 0.5em; color: #777; }
.borderBoxTitle { font-size: 1.1em; background-color: #FE8F01; font-weight: bold; padding: 0.35em 0.75em 0.35em 0.75em; color: #fff; letter-spacing: 0.02em; }
.borderBox ul { font-size: 0.95em; margin-bottom: 1em; }
.borderBox li { line-height: 1.35em; margin-top: 0.15em; margin-bottom: 0.15em; }
.borderBox p { font-size: 0.95em; margin-left: 1em; }
.listChecked { margin-left: 1em; list-style-image:url(/images/icons/listHaken.png); }
.borderBox .preis { margin: 0.25em 0 0.75em 0.25em !important; }

@media screen and (min-width: 40em) { .borderBox .preis { margin: 0.75em 0 0.75em 0.75em; } }

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-btn, .cc-close, .cc-link, .cc-revoke { margin-left: 3em; }