@charset "UTF-8";

/*
Projektname:    DKV Euro Service
Bearbeitet am:  04.11.2014 von MKue
Bearbeitet am:  13.11.2014 von SSS
Bearbeitet am:  04.12.2014 von MKue
QS am:          13.11.2014 von MKue (teile)
Bearbeitet am:  29.03.2017 von JPS

FONTS
### Frutiger Next W02 Medium ###
font-family:'Frutiger Next W02 Cust', 'Frutiger Next W10';
font-weight: 500;

### Frutiger Next W02 Regular ###
font-family:'Frutiger Next W02', 'Frutiger Next W10';
font-weight: 400;

### Frutiger Next W04 Bold ###
font-family:'Frutiger Next W04', 'Frutiger Next W10';
font-weight: 700;

### Frutiger Next W04 Italic ###
font-family:'Frutiger Next W04', 'Frutiger Next W10';
font-weight: 400;
font-style: italic;

*/

/*
>> elemente formatieren

>> Grid

>> Inhaltsbereiche
> wrapper
> header
> content
> footer

>> Module
> logo
> visual(s)
> direktsuche
> mainnavigation
> language-switch
> footernavigation(en)
> trail
> hotline
> pagination
> tabs
> download list
> youtube Player
> Teaserboxen
> News
> testimonial
> cookie notification

>> helfer
*/

/* >> elemente */
html {
	width: 100%;
	height: 100%;
	background: #fff;
}

body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	/* 62.5% = 10px, line-height 1.2 = 120% = 12px */
	font: 62.5%/1.2 Arial, Verdana, sans-serif;
}

h1 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 3em;
	line-height: 1.2;
	background: #004b78;
	color: #ffffff;
	padding: 25px 30px 25px 0;
	max-width: 45%;
	min-height: 70px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	font-weight: 500;
	position: relative;
	z-index: 100;
	border-right: 15px solid #f18400;
}

h1:after {
	background: #004b78;
	position: absolute;
	right: 80%;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	z-index: -1;
}

/* Headline Abschnitt - FrutigerNext Medium 48 px, 48 ZAB  >> TABS und Vorteilsteaser */
h2 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.8em;
	line-height: 1.21428571428571;
	font-weight: 500;
	color: #f18400;
}

h3 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	line-height: 1.27272727272727;
	font-weight: 500;
	color: #f18400;
}

h4 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2em;
	line-height: 1.3;
	font-weight: 500;
	color: #f18400;
}

h5 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	line-height: 1.3333333333333;
	font-weight: 500;
	color: #f18400;
}

h6 {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.375;
	font-weight: 500;
	color: #f18400;
}

h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong,
h4 b, h4 strong,
h5 b, h5 strong,
h6 b, h6 strong {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 500;
}

/* Desktop: Alle Ueberschriften, die nicht in gridcontainern (25,33,50,...) sind,
zentriert ausgeben ABER tablet und mobile immer linksbuendig */
@media (min-width: 1025px) {
	.grid > .maxwidth > h2,
	.grid > .maxwidth > h3,
	.grid > .maxwidth > h4,
	.grid > .maxwidth > h5,
	.grid > .maxwidth > h6 {
		text-align: center;
	}
}

p {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.625;
	margin-bottom: 20px;
}

.content ul,
.content ol,
.content dl {
	margin-bottom: 20px;
}

.content ul li,
.content ol li {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.625;
	margin-bottom: 5px;
}

/* geschachtelte listen resetten */
.content li li {
	font-size: 100%;
}

.content li ul,
.content li ol {
	margin-bottom: 0;
}

.caption {
	font-size: 1.3em;
	line-height: 1.38461538461538;
}

.centered {
	text-align: center;
}

p.right {
	text-align: right;
	float: none;
}

strong {
	font-family: 'Frutiger Next W04', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 700;
}

dt {
	font-weight: bold;
}

/* reset der Abstaende fuer geschachtelte (Listen)Elemente */
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

/* Tabellen */
table {
	margin-bottom: 2em;
}

/* caption = h2 */
caption {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 2.8em;
	line-height: 1.286;
	color: #f18400;
	margin-bottom: 0.7em;
	text-align: left;
}

th, td {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
    font-size: 16px;
	text-align: left; /* Inhalte koennen redaktionell aber auch rechts ausgerichtet werden. */
	vertical-align: top;
	padding: 10px 20px;
	/* Tabellenrahmen auf grau */
	border-right: 1px solid #e5e5e5;
}

/* Tabellenrahmen auf weiss */
.white-content td,
.white-content th {
	border-right: 1px solid #fff;
}

td:last-child {
	border-right: 0;
}

tr:nth-child(even) {
	background: #f2f2f2;
}

th {
	font-weight: normal;
	background: #f18400;
	color: #fff;
}

/* zu breite Tabllen (mobil) scrollbar machen */
.scrolltable {
	clear: both;
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 2em;
}

.scrolltable table {
	margin-bottom: 0;
}

/* Links */
a {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #f18400;
	text-decoration: none;
}

a:focus {
	color: #f18400;
	text-decoration: none;
}

a:active {
	color: #f18400;
	text-decoration: none;
}

/* Links im Content (allgemein) */
.content a {
	color: #000000;
	text-decoration: none;
}

.content a:visited {
	color: #000000;
	text-decoration: none;
}

.content a:hover {
	color: #f18400;
	text-decoration: none;
}

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

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

.content .icon-link-button-Pfeil {
	text-decoration: none;
}

.content li.icon-link-button-Pfeil {
	text-indent: -20px;
}

.content li.icon-link-button-Pfeil:before {
	padding-right: 7px;
}

.content a span,
.login-form .button-list a span {
	border-bottom: 1px solid #000000;
}

.content a:hover span {
	border-bottom: 1px solid #f18400;
}

.content .icon-link-button-Pfeil:before,
.login-form .button-list a:before {
	color: #f18400;
}

.login-form .button-list a:before {
	font-size: 15px;
}

.wrapper a.button:link,
.wrapper a.button:visited,
button[type="submit"],
button {
	background: #004b78;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	border: 0;
	padding: 6px 20px 6px 14px;
	display: inline-block;
	font-size: 1.6em;
	border-radius: 5px;
	margin: 15px 0;
	color: #ffffff;
}

.wrapper p a.button:link,
.wrapper p a.button:visited {
	display: inline;
	font-size: 1em;
	margin: 0;
}

.button .icon-link-button-Pfeil:before,
.button.icon-link-button-Pfeil:before {
	color: #ffffff;
}

.wrapper a.button:link.centered {
	display: table;
	margin: 15px auto;
}

.wrapper a.button:hover,
input[type="submit"]:hover {
	color: #ffffff;
	background: #f18400;
	text-decoration: none;
}

.wrapper a.button.right {
	margin-right: 0;
}

.wrapper a.button.inverted {
	background: #f18400;
}

.wrapper a.button.inverted:hover {
	background: #004b78;
}

/* Remove styling for links wrapped around images */
.content a.no-style,
.content a.no-style:visited,
.content a.no-style:hover,
.content a.no-style:focus,
.content a.no-style:active {
    margin: 0;
	text-decoration: none;
	border: 0;
}

.content a.no-style:before {
    display: none;
}

/* >> Grid */
.grid {
	/* max-width: 1170px; */
	background: #e5e5e5;
	clear: both;
}

.grid-75,
.grid-50,
.grid-33,
.grid-25 {
	float: left;
}

.grid-75 {
	width: 75%;
}

.grid-50 {
	width: 50%;
	/* max-width: 570px; */
}

.grid-33 {
	width: 33.333333333333%;
	/* max-width: 370px; */
}

.grid-25 {
	width: 25%;
	/* max-width: 270px; */
}

/* grid im Contentbereich (main)
egal ob first, middle, last
IMMER gleiche Abstaende
(nach links und rechts). */
.content .grid-100 {
	width: 97.5%; /* 1170 */
	margin: 0 1.25%;
}

.content .grid-75 {
	width: 72.5%;
	margin: 0 1.25%;
}

.content .grid-50 {
	width: 47.5%; /* 570 */
	margin: 0 1.25%;
}

.content .grid-33 {
	width: 30.833333333333%; /* 370 */
	margin: 0 1.25%;
}

.content .grid-25 {
	width: 22.5%; /* 270 */
	margin: 0 1.25%;
}

@media (max-width: 568px) {
	.content .grid-25,
	.content .grid-33,
	.content .grid-50,
	.content .grid-75,
	.content .grid-100 {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

/* wenn Inhalte aus weiss dargestellt werden sollen */
.white-content {
	background: #fff;
}

.form fieldset,
.form {
	max-width: 3000px;
}

.content .grid.darkgrey-content {
	background: #dbdbdb;
}

.content .grid {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* >> Inhaltsbereiche */
/* > wrapper = Container um alle Inhalte der Seite */
.wrapper {
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

/* > header = Kopfbereich der Seite */
header {
	background: #3c5874;
	padding-top: 0.9em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1010;
	margin: 0 auto;
	width: 100%;
}

.wrapper .mainnavigation:before {
	width: 100%;
	content: " ";
	background: #ffffff;
	display: inline-block;
	top: 1.8em;
	height: 4.2em;
	position: absolute;
	left: 0;
	z-index: 10;
}

/* Top-Intro-Panorama-Mood-Bilder (Visual auf allen Folgeseiten ausser Landingpages) */
.top-intro-panorama-mood-image {
	position: relative;
	width: 100%;
	top: 113px;
	left: 0;
	/* background: #e5e5e5; */
	height: 180px;
	overflow: hidden;
	background: #fff;
	border-bottom: 80px solid #fff;
}

.top-intro-panorama-mood-image img {
	width: 100%;
}

/* wrapper fuer H1 und Trail */
.content > .maxwidth,
.contentpage-header {
	width: 1170px;
	margin: -30px auto 20px auto;
	position: relative;
	z-index: 1000;
}

@media (max-width: 1280px) {
	.content > .maxwidth,
	.contentpage-header {
		width: auto;
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* > content = (Haupt)inhaltsbereich der Seite */
.content {
	background: #e5e5e5;
	margin: 0 auto;
	overflow: hidden;
	min-height: 300px;
}

/* > logo Startseite auf <strong> - Folgeseiten auf <a> */
.logo-container {
	position: relative;
	top: 35px;
	z-index: 9000;
}

strong.logo,
a.logo {
	font-size: 1em;
	clear: both;
	float: left;
	margin: 20px 30px 10px 0;
	text-decoration: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	width: 101px;
}

.logo img {
	width: 100%;
	height: auto;
}

/* Crop on Scroll */
.crop-content .logo {
	height: 74px;
	max-height: 74px;
	overflow: hidden;
}

/* tablet = always crop */
@media (max-width: 1024px) {
	strong.logo,
	a.logo {
		width: 90px;
		height: 70px;
		max-height: 70px;
		overflow: hidden;
	}
}

a.station-finder,
a.new-customer {
	text-decoration: none;
}

a.station-finder {
	color: #fff;
}

a.new-customer {
	color: #fff;
	background: #f18400;
}

/* > direktsuche Suchschlitz, Suchriegel im Headbereich */
.direktsuche {
	position: relative;
	bottom: 0.6em;
	z-index: 1000;
	margin: 0 0 10px 0;
	top: 39px;
	float: right;
}

.direktsuche button {
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 4px 0 0 -40px;
	float: left;
	background: transparent;
	color: #8e8e8e;
	font-size: 1.9em;
}

.direktsuche button:hover {
	background: transparent;
}

.direktsuche input[type="search"] {
	font-size: 0.9em;
	background: transparent;
	float: left;
	padding: 5px 35px 0 15px;
	width: 270px;
	min-height: 25px;
	border-radius: 25px;
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-appearance: none;
}

/* > mainnavigation (horizontale) Hauptnavigation */
.mainnavigation {
	margin: 20px 0 0px 0;
	font-size: 1.4em;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	width: 100%;
	left: 0;
	height: 5.95em;
	position: relative;
}

.mainnavigation ul {
	list-style: none;
	padding: 0;
}

.mainnavigation ul:first-child {
	padding-left: 132px;
	width: 1040px;
	margin: 0 auto;
	position: relative;
}

.mainnavigation .nav li {
	float: left;
	padding: 0;
}

.mainnavigation .nav li a,
.mainnavigation .nav li strong {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 5px 8px 4px 10px;
}

.mainnavigation li.current a,
.mainnavigation li.current strong,
.mainnavigation li:hover > a {
	background: #ffffff;
	color: #f18400;
}

.mainnavigation ul ul li {
	float: none;
	margin: 0;
}

.popup {
	display: none;
}

/* Popup Ebenen fuer den oberen Navigationsbereich (nicht den Footer) */
/* Aufpoppende ul - Bei Verwendung bitte in verlinkte Liste schachteln und diese mit position:relative versehen! */
.current .popup {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: -10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 3.5em;
	top: 2.7em;
	z-index: 100;
}

.mainnavigation ul .popup ul {
	width: 740px;
	margin: 0;
}

.mainnavigation ul .popup li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.mainnavigation li.current .popup li a,
.popup strong {
	display: block;
	color: #595959;
	font-size: 1.4em;
	padding: 0;
	margin: 0.8em 1.3em 0 0;
}

.mainnavigation ul .popup li.current {
	position: relative;
}

.mainnavigation li .popup li.current a,
.popup strong {
	color: #f18400;
}

.mainnavigation ul li .popup .third-level {
	left: -999em;
	position: absolute;
	border: none;
	background: #ffffff;
	padding: 10px 20px 20px;
	min-width: 420px;
}

.mainnavigation ul li .popup li:hover .third-level,
.mainnavigation ul li .popup li a:focus + .third-level,
.mainnavigation ul li .popup li.focus .third-level {
	left: 0;
}

.mainnavigation .grid {
	background: #ffffff;
}

.mainnavigation ul li .popup .third-level ul {
	border: none;
	outline: 0;
	float: left;
	padding: 0px;
	margin: 11px 0 0;
	height: auto;
	width: auto;
}

.mainnavigation ul li .popup .third-level ul.grid-50 {
	width: 50%;
	float: left;
}

.mainnavigation ul li .popup .third-level ul.grid-50 li {
	width: 100%;
}

.mainnavigation ul li div.popup .third-level li {
	width: 50%;
}

.mainnavigation ul li div.popup .third-level ul li a {
	font-size: 1.15em;
	margin-top: 10px;
	color: #f18400;
	padding-left: 15px;
}

.mainnavigation ul li div.popup .third-level ul li a:before {
	margin-left: -13px;
}

.mainnavigation ul li div.popup .third-level ul li a:hover,
.mainnavigation ul li div.popup a:hover {
	color: #f18400;
}

.mainnavigation ul li .popup .third-level a.icon-link-button-Pfeil:before {
	color: #f18400;
}

.mainnavigation ul li .popup .third-level ul a span {
	color: #f18400;
}

.mainnavigation ul li .popup .third-level ul ul a span {
	color: #595959;
}

.mainnavigation ul li .popup .third-level ul a span:hover {
	text-decoration: underline;
}

.mainnavigation .third-level .app-teaser:before {
	content: " ";
	height: 20px;
	background: #ffffff;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
}

.mainnavigation ul li div.popup .third-level ul li .fourth-level {
	width: 100%;
	margin-top: 0;
}

.mainnavigation ul li div.popup .third-level ul li .fourth-level li {
	float: none;
}

.mainnavigation ul li div.popup .third-level ul li .fourth-level a {
	color: #595959;
	font-size: 1em;
	margin-left: 10px;
}


/********************
*  Topnav
******************/
.topnav {
	background: #3c5874;
	color: #ffffff;
}

.topnav .grid {
	background: transparent;
}

.topnav .tabcontainer {
	display: none;
	padding: 4.4em 0 4em;
}

.topnav .close {
	position: absolute;
	right: 4px;
	top: 7px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* Topnav links */
.top-nav-links {
	position: absolute;
	bottom: -18px;
	right: 0;
	z-index: 1001;
}

.top-nav-links a {
	display: inline-block;
	padding: 4px 20px 10px;
	margin-right: 8px;
	height: 1em;
	text-align: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: rgba(255, 255, 255, 0.1);
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: #ffffff;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1Cffffff,endColorstr=#1Cffffff)";
}
.top-nav-links a:before {
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.top-nav-links a.international {
	padding-left: 40px;
	background-position: 11px 6px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.1);
}

.top-nav-links a.international .icon-Metanavi-Pfeil {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.top-nav-links a.kundenlogin {
	background: #ffffff;
	color: #f18400;
	text-align: left;
	padding-right: 35px;
}

.top-nav-links a.kundenlogin.logged {
	min-width: 90px;
}

.top-nav-links a.kundenlogin.logged:after {
	top: 50%;
	margin-top: -6px;
	position: absolute;
	right: 15px;
}

.top-nav-links a.kundenlogin.logged:before {
	display: none;
}

.top-nav-links a.new-customer {
	background: #f18400;
	padding-left: 7px;
}


/* Popup */
.link-popup {
	display: inline-block;
	position: relative;
	margin-right: 8px;
}
.link-popup > a {
	margin-right: 0;
	outline: none;
}

.link-popup-content {
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	width: 100%;
	padding: 10px 20px;
	background: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	z-index: 2;
}
.link-popup-content.open {
	display: block;
}
.link-popup-content > a {
	display: block;
	margin: 0;
	padding-left: 0;
	text-align: left;
	color: #595959;
	background: #fff;
}
.link-popup-content > a:hover {
	color: #f18400;
}


/* Language Country Switch */
.language-switch .claim {
	font: 400 2.8em/1.21428571428571 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	max-width: 280px;
	float: left;
	margin-right: 60px;
}

/* "header" fuer Land + Sprache */
.country-switch strong {
	display: block;
	margin: 3px 0 25px 0;
	font: 500 2.2em/1.09090909090909 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
}

.country-switch ul {
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
}

.country-switch li {
	font-size: 1em;
	list-style: none;
	margin-right: 20px;
	height: 3.6em;
	padding: 0;
}

.country-switch .country {
	display: block;
	font: 400 1.6em/1.125 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #fff;
}

/* optinonal: Die aktive Sprache / das aktive Land kann durch die Klasse "current" ausgezeichnet werden */
.country-switch .current {
	color: #f18400;
}

.country-switch a.lang {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	margin: 5px 0 0 15px;
}

.country-switch a.lang:hover {
	color: #fff;
	text-decoration: underline;
}


.topnav .login-form .claim {
	float: none;
}

.topnav .login-form .claim span.icon {
	color: #f18400;
	display: inline-block;
	width: 11px;
}


/*Login Form*/
.login-form form {
	width: 67%;
	float: left;
}

.login-form form .inline-form {
	text-align: right;
	margin-top: 3.6em;
}

.login-form .form-group {
	display: inline-block;
	margin-bottom: 15px;
}

.login-form .form-group input {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 1.6em;
	color: #a0a0a0;
	background-color: #fff;
	background-image: none;
	border: 1px solid #a0a0a0;
	min-width: 346px;
	margin: 0;
	padding: 8px 11px 7px;
}

.login-form button {
	background: #f18400;
	margin-right: 0px;
	padding-left: 10px;
}

.login-form .button-list .icon-link-button-Pfeil {
	display: inline-block;
	padding-top: 0;
	margin-right: -4px;
}

.login-form .form-group.password {
	margin-left: 26px;
	position: relative;
}

.login-form .button-list .icon-link-button-Pfeil.forgot-password {
	margin-right: 76px;
	font-size: 1em;
}

.login-form .button-list a span {
	font-size: 1.6em;
}

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

.topnav .login-form .claim {
	float: left;
	width: 33%;
}

.topnav .login-form .claim span {
	font: 400 2.8em/1.21428571428571 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
}

.topnav .login-form .claim p {
	font: 400 1.6em/1 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	margin: 7px 0 0 0;
}

.topnav .login-form .claim a {
	color: #ffffff;
	text-decoration: underline;
}

.topnav .login-form .claim p a:hover {
	text-decoration: none;
}

.topnav .login-form .claim p span {
	font-size: 1em;
	margin: 0;
}

.login-form .button-list a span {
	border-bottom: 1px solid #ffffff;
}

.login-form .button-list a:hover span {
	border-bottom: none;
}


/********************
*  Messages
******************/
.topnav .message .alert {
	margin: 5px 0 0 0px;
	font-size: 1.2em;
	width: 100%;
	max-width: 370px;
	text-align: left;
	padding: 0px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
}

.topnav .message .alert a {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.message .alert a:hover {
	border-bottom: 0;
}

.message .alert {
	position: static;
	max-width: 100%;
	font-size: 1.4em;
	margin: 25px 0 15px;

	padding: 0;
	color: #ff0000;
}

footer {
	background: #fff;
	position: relative;
	z-index: 10;
}

footer .message .alert ul {
	list-style: disc;
	margin-left: 20px;
	margin-top: 10px;
}

/* > footer = Abbinder */
footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.inner-footer li {
	float: left;
}

.copy {
	float: left;
	margin: 27px 6em 10px 0;
	font-size: 1.6em;
	line-height: 1;
	padding: 0;
}

.editorial-footer {
	background: #e5e5e5;
	color: #666666;
	padding: 20px 0;
}

.editorial-footer h6 {
	font-size: 2.2em;
}

.editorial-footer ul {
	float: left;
	width: 20%;
	margin-right: 5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.editorial-footer li {
	padding: 0 0 0 15px;
	margin-bottom: 10px;
}

.editorial-footer li:first-child {
	padding-left: 0;
}

.editorial-footer a:before {
	color: #f18400;
}

.editorial-footer a {
	font-size: 1.6em;
	color: #666666;
	text-decoration: none;
}

.editorial-footer a:before {
	margin-left: -13px;
}

.editorial-footer a:hover span {
	color: #f18400;
	text-decoration: underline;
}

.inner-footer {
	background: #1b1f22;
	color: #fff;
}

/* > footernavigation(en) */
.footernavigation {
	margin: 25px 0 10px 0;
	padding: 0;
	float: left;
	clear: none;
}

.footernavigation li {
	margin-right: 20px;
	font-size: 1.6em;
	line-height: 1;
}

.footernavigation li:last-child {
	margin-right: 0;
}

.footernavigation a {
	color: #fff;
	text-decoration: none;
}

.footernavigation-2 {
	font-size: 1.6em;
	margin: 15px 0;
	padding: 0;
	float: right;
}

.footernavigation-2 li {
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

.footernavigation-2 .last {
	margin-right: 0;
	width: 200px;
	height: 32px;
}

/* > trail Brotkrumenspur, trail, klickpfad */
.content ul.trail {
	list-style: none;
	margin: -52px 0 0 0;
	padding: 0;
	background: #fff;
	width: auto;
	float: right;
}

.content .trail li {
	float: left;
	margin: 0 2px 2px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1;
	color: #87888a;
}

.content .trail li:last-child {
	margin-right: 0;
}

.trail li.icon-link-button-Pfeil:before {
	font-size: 10px;
	margin-right: 3px;
	padding-right: 0;
}

.content .trail li.icon-link-button-Pfeil {
	text-indent: 0;
}

.trail li a:link,
.trail li a:visited,
.trail li.current strong,
.trail li.icon-link-button-Pfeil:before {
	font-size: 1.3em;
	text-decoration: none;
	color: #87888a;
	margin-top: 2px;
	display: block;
	float: left;
}

.trail li.icon-link-button-Pfeil:before {
	margin-top: 1px;
}

.trail li.current,
.trail li:hover,
.trail li.current:before {
	color: #f18400;
}

.trail li.current strong,
.trail li.current strong,
.trail li a:hover {
	color: #000000;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

/* Formularstile */
.form {
	background: #e5e5e5;
	margin-bottom: 60px;
}

.form-contact {
	margin-bottom: 0;
}

.form-contact,
.form-contact .grid {
	background: #f2f2f2;
}

.form .grid-33,
.form .grid-66 {
	margin-bottom: 1.5em;
}

.form .grid-33,
.form .grid-33.middle {
	width: 32.48%;
	margin-right: 1.7%;
}

.form .grid-33.last {
	width: 31.46%;
	margin-right: 0;
}

.form .grid-66 {
	width: 66.84%;
	float: left;
	margin-right: 1.7%;
}

.form fieldset {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
}

.form-customer {
	margin-bottom: 0;
}

.form-customer fieldset:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* IE8 */
.form-customer fieldset.last {
	padding-bottom: 0;
	border-bottom: 0;
}

.form-contact fieldset {
	border-bottom: none;
}

@media screen and (max-width: 1170px) {
	.form fieldset {
		padding: 0 20px;
	}

	.form .grid-33,
	.form .grid-33.middle,
	.form .grid-33.last,
	.form .grid-66 {
		width: 100%;
		margin: 0;
	}
}

.form legend {
	padding: 25px 0 15px 0;
	margin: 0 auto;
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	line-height: 1.27272727272727;
	font-weight: 500;
	color: #f18400;
	display: block;
	width: 100%;
}

footer form.form-contact legend {
	left: 0%;
	margin-left: 0;
	color: #666;
}

/* Fix fuer die Positioniert der legends im Firefox (spezieller mediaquery) */
@media screen and (min-width: 1281px) {
	footer form.form-contact legend,
	form.form legend {
		position: relative;
		left: 50%;
		margin-left: -585px;
	}
}

.form h2 {
	color: #595959;
	margin-bottom: 1em;
	font-size: 1.6em;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	min-height: 0;
}

.form div + h2 {
	margin-top: 2.5em;
}

.form p {
	margin-bottom: 0.5em;
}

.form .link {
	display: inline-block;
	padding: 10px 0 1px 0;
	font-size: 1.6em;
	margin-bottom: 20px;
}

.form .hint {
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 4.8em;
	line-height: 1.21428571428571;
	font-weight: 400;
	color: #f18400;
	margin-bottom: 1em;
	text-align: center;
}

/* einheitliche abstaende */
.form-input,
.form-input-multiple,
.form-input-multiple-space,
.form-select,
.form-radio,
.form-button-center,
.form-textarea {
	min-height: 38px;
	margin-bottom: 1em;
}

.form-customer .form-radio {
	margin-bottom: 0;
	min-height: 28px;
}

.form-input {
	position: relative; /* fuer PW Felder damit Placeholder im IE8 positioniert werden kann */
}

.form .form-checkbox {
	min-height: 38px;
	margin-bottom: 2.5em;
}

.form-textarea textarea {
	height: 135px;
}

/* einheitlicher look fuer die diversen Felder */
.form-input input,
.form-input-multiple input,
.form-input-multiple-space input,
.form-textarea textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #7f7f7f;
	background: #fff;
	padding: 9px 12px;
	margin: 0;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #7f7f7f;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

.form-select select {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 7px 8px 7px;
	border: 1px solid #7f7f7f;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #000;
	background: #fff;
	width: 100%;
}

/* Label fuer inputs, selects, textareas verstecken */
.form-input label,
.form-input-multiple label,
.form-input-multiple-space label,
.form-select label,
.form-textarea label {
	display: none;
}

/* Schriftgroeße fuer checkboxen / radiotbuttons und dazugehoerige labels vereinheitlichen */
.form-checkbox label,
.form-checkbox input,
.form-radio label,
.form-radio input {
	float: left;
	font-size: 1.6em;
	color: #7e7e7e;
}

.form-checkbox label {
	color: #000;
}

.form-checkbox label a {
	color: #f18400;
}

.form-checkbox label a:hover,
.form-checkbox label a:focus {
	text-decoration: underline;
}

.form-checkbox-multiple label,
.form-checkbox-multiple input {
	display: block;
	font-size: 1.6em;
	color: #7e7e7e;
}

.form-checkbox-multiple label {
	text-align: center;
}

.form-checkbox label {
	margin: 1px 0 0 5px;
	max-width: 95%;
}

.form-radio label {
	margin: 1px 0 0 5px;
}

@media screen and (max-width: 768px) {
	.form-checkbox label,
	.form-radio label {
		max-width: 80%;
	}
}

/* multiple inputs */
.form-input-multiple .form-input-small {
	width: 24.75%;
	border-right: 1px dotted #a0a0a0;
	float: left;
}

.form-input-multiple .form-input-medium {
	width: 50%;
	float: left;
	border-right: 1px dotted #a0a0a0;
}

.form-input-multiple .form-input-large {
	width: 75.25%;
	margin: 0;
	border-right: 1px dotted #a0a0a0;
	float: left;
}

.form-input-multiple-space .form-input-medium {
	width: 47%;
	float: left;
}

.form-input-multiple-space .form-input-medium + .form-input-medium {
	margin-left: 6%;
}

/* dotted border je nach kombination */
.form-input-multiple .form-input-large + .form-input-small,
.form-input-multiple .form-input-small + .form-input-large,
.form-input-multiple .form-input-medium + .form-input-medium {
	border-right-style: solid;
	border-left: none;
}

/* radio buttons */
.form-radio > div {
	display: inline-block;
	float: left;
}

.form-radio > div:first-child {
	margin-right: 3%;
}

/* checkboxen */
.form-checkbox {
	padding-top: 10px;
}

/* checkboxen multi */
.form-checkbox-multiple div {
	float: left;
	display: inline-block;
	margin: 0 5% 3% 0;
}

.form-button-center {
	text-align: center;
}

.form .darkgrey-content .form-button-center {
	padding: 25px 0 10px;
}

.form .form-button-center button:before {
	color: #fff;
}

.form-button-center button {
	-webkit-appearance: none;
}

button {
	font-size: 1.6em;
	background: #004b78;
	color: #fff;
	border: 0;
	border-radius: 4px;
}

button:hover {
	background: #f18400;
}

p.form-whitespace {
	margin-top: 32px;
}

div.form-whitespace {
	margin-top: 36px;
}

::-webkit-input-placeholder {
	color: #a0a0a0;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #a0a0a0;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #a0a0a0;
}

:-ms-input-placeholder {
	color: #a0a0a0;
}

.form-error::-webkit-input-placeholder {
	color: #f00;
}

.form-error:-moz-placeholder {
	/* Firefox 18- */
	color: #f00;
}

.form-error::-moz-placeholder {
	/* Firefox 19+ */
	color: #f00;
}

.form-error:-ms-input-placeholder {
	color: #f00;
}

.form .form-error {
	border-color: red;
	color: #f00;
}

.form-error-message {
	clear: both;
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 10px;
	color: #f00;
	font-size: 1.6em;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.password-placeholder {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: #a0a0a0;
	top: 9px;
	position: absolute;
	left: 14px;
}

.form-error + .password-placeholder {
	color: #f00;
}

input:invalid {
	box-shadow: none;
}

.buttonbar {
	padding: 20px 0;
}

/* Form Maut pro Land */
.mautform,
.searchform,
.content-selector-form {
	padding: 30px 0;
	margin-bottom: 0;
}

.white-form {
	background: #fff;
}

.mautform fieldset,
.searchform fieldset,
.content-selector-form fieldset {
	border-bottom: 0;
	padding-bottom: 0;
}

.content-selector-form .selectize-dropdown {
	z-index: 20;
}

.content .mautform .grid,
.content .searchform .grid {
	padding: 0;
}

@media (max-width: 1280px) {
	.mautform fieldset,
	.searchform fieldset {
		padding: 0 50px;
	}
}

@media (max-width: 1280px) {
	.mautform button,
	.searchform button {
		margin-left: 30px;
	}
}

@media (max-width: 768px) {
	.mautform button,
	.searchform button {
		margin-left: 0;
	}
}

.mautform .form-select select,
.searchform .form-select select {
	padding: 5px 7px;
}

.mautform .form-select,
.mautform .form-button-center,
.searchform .form-button-center {
	min-height: auto;
	margin-bottom: 0;
}

.content .mautform .icon-link-button-Pfeil:before,
.content .searchform .icon-link-button-Pfeil:before {
	color: #fff;
}

.content .searchform button {
	margin: 4px 0;
}

/* Maut Tabelle */
.toll-grid table {
	clear: both;
	width: 100%;
	min-width: 100%;
}

.toll-grid thead {
	display: none;
}

.toll-grid tr:nth-child(odd) {
	background: #f2f2f2;
}

.toll-grid tr:nth-child(even) {
	background: #fff;
}

.wrapper .content .toll-grid a.margin-bottom {
	margin-bottom: 20px;
}

/* Suchergebnisse */
/* .searchform s. oben */

.searchresult h3 {
	margin-bottom: 0.5em;
}

.searchresult p {
	margin-bottom: 3em;
}

.highlight {
	background: rgba(241, 132, 0, 0.5);
	padding: 0.1em;
}

/* ######################## */

/* > hotline */
/* 1. im header */
.header .hotline {
	position: absolute;
	z-index: -1;
	right: 0;
	list-style: none;
	padding: 0;
	margin-top: 0px;
	background: rgba(0, 0, 0, 0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aC000000,endColorstr=#aC000000)";
	border-bottom-left-radius: 8px;
	/*top: 9.3em;*/
	width: 950px;
	padding: 10px 10px 10px 20px;
}

.header .hotline .maxwidth {
	width: auto;
	padding: 0;
	margin: 0;
}

/* icons nur im header */
.header .lost-card:before,
.header .service-hotline:before,
.header .breakdown-emergency:before {
	color: #f18400;
	font-size: 22px;
	background: #000;
	background: rgba(0, 0, 0, 0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aC000000,endColorstr=#aC000000)";
	border-radius: 15px;
	padding: 3px 4px 5px 4px;
	margin: 0 10px 0 0;
	float: left;
}

/* Bezeichnung der hotline (pflegbar) */
.header .hotline-title {
	font: 500 1.3em/1.53846153846154 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #fff;
	float: left;
	margin: 3px 5px 0 0;
}

/* Tel.Nummern (1 bis 2 pflegbar)  */
.header .hotline-number {
	font: 700 1.3em/1.53846153846154 'Frutiger Next W04', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #fff;
	float: left;
	margin: 5px 5px 0 0;
}

.header .hotline .hotline-image {
	display: none;
}

/* Service hotlines frueher schmaler machen um ueberscheidungen (bei zwischengroessen) zu vermeiden */
@media (max-width: 1150px) {

	.header .hotline {
		max-width: 55em;
		padding: 10px;
	}

	.header .hotline-title {
		display: none;
	}

}

/* tablet in header nur die Telefonnummern (mit Icons) anzeigen (aber nicht den Namen / die Funktion der Hotlines)  */
@media (max-width: 768px) {

	.header .grid-33 {
		width: 33%;
		margin-bottom: 0;
	}

	.header .lost-card:before,
	.header .service-hotline:before,
	.header .breakdown-emergency:before {
		margin: 0 5px 0 0;
	}

	.header .hotline {
		top: 5.9em;
		max-width: 55em;
		padding: 10px;
	}

	.header .hotline-title {
		display: none;
	}

	.header .hotline {
		top: 8em;
		width: 40%;
		min-width: 200px;
		padding: 5px 10px;
	}

	.header .grid-33 {
		width: 100%;
	}

	.header .lost-card,
	.header .breakdown-emergency {
		display: none;
	}

	.crop-content header .hotline {
		display: none;
	}

}

/* 2. im Footer */
footer .hotline {
	margin: 110px 0 80px 0;
}

footer .hotline.grid {
	background: #fff;
}

footer .hotline .grid-33 {
	background: #e5e5e5;
	margin-right: 1.7%;
	width: 32.2%;
}

footer .hotline .last {
	margin-right: 0;
}

footer .hotline div div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 120px;
	position: relative;
}

footer .hotline-title {
	font: 500 2.2em/1.09090909090909 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #000;
	display: block;
	padding: 20px 160px 10px 20px;
}

footer .hotline-number {
	font: 700 1.6em/1.25 'Frutiger Next W04', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #f18400;
	position: absolute;
	left: 20px;
	bottom: 15px;
}

/* teaser bilder pflegbar */
footer .hotline-image {
	position: absolute;
	right: 10px;
	bottom: 15px;
	max-width: 140px;
	max-height: 180px;
}

@media (max-width: 568px) {
	footer .hotline {
		margin: 20px 0 0 0;
	}

	footer .hotline div div {
		margin-bottom: 20px;
	}
}

/* tablet: im footer boxen 20px eingerueckt, breite max. 230 */
@media (max-width: 1150px) {
	footer .hotline .maxwidth {
		padding-left: 20px;
		padding-right: 20px;
	}

	footer .hotline {
		margin: 40px 0;
	}

	footer .hotline-title {
		padding: 20px 10px 10px 20px;
	}

	footer .hotline-number {
		position: static;
		display: block;
		margin: 0 10px 10px 20px;
	}

	/* keine Grafiken oder Icons anzeigen */
	footer .hotline-image {
		display: none;
	}
}

/* ######################## */

/* >> pagination */
.pagination-container.controls {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

.wrapper .controls .arrow.grey:before {
	color: #c6c6c6;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	text-decoration: none;
	font-size: 45px;
}

.controls .arrow {
	float: left;
	width: 44px;
	height: 42px;
}

.wrapper .controls .arrow.grey.arrow-right {
	float: right;
}

.controls .pagination {
	display: inline;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.content .controls .pagination li {
	list-style: none;
	display: inline-block;
	margin-top: 3px;
	padding-left: 0;
}

.controls .pagination .last * {
	margin-right: 0;
}

.controls .pagination li a,
.controls .pagination li span {
	background: #f7b566;
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	text-align: center;
	padding-top: 7px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 1.1em;
	line-height: 1.5em;
}

.controls .pagination li.current span,
.controls .pagination li.current a,
.controls .pagination li a:hover {
	background: #f18400;
}

/**************************
*  >> tabs
************/

.content .tabs {
	padding: 0;
	margin: 0;
	background: #fff;
}

.tab-container {
	background: #fff;
	padding-bottom: 50px;
}

.tab-container .tabs li {
	list-style: none;
	float: left;
	margin: 0 30px 0 0;
}

.tabs li.last {
	margin-right: 0;
}

.tabs a:link,
.tabs a:visited,
.tabs a:focus {
	padding: 17px 70px 15px;
	display: inline-block;
	background: #f2f2f2;
	color: #858585;
	text-decoration: none;
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.4em;
}

.tabs a.active {
	background: #e5e5e5;
	color: #000;
}

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

.tab-content {
	background: #e5e5e5;
	padding: 33px 0 0;
	width: 100%;
	display: none;
}

.tab-content h3 {
	margin-bottom: 13px;
}

/* ##################### */
/* >> teaser */

.advantage-list ul:first-child {
	padding-right: 60px;
}

.advantage-list ul li {
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 0.8em;
	list-style: none;
	padding-left: 50px;
}

.advantage-list ul li.icon-Vorteile-bullet:before {
	color: #f18400;
	font-size: 1.8em;
	padding-right: 18px;
	margin-top: -7px;
	display: block;
	float: left;
	margin-left: -50px;
}

/* fixe Hintergruende */
.parallax-section {
	width: 100%;
}

.bild-section {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 515px;
	width: 100%;
}

/**************************
*  >> download list
************/

.download {
	list-style: none;
	padding: 0;
	margin-left: -5px;
}

ul.download li {
	clear: both;
	margin-bottom: 12px;
}

.download .button-list {
	font-size: 1em;
	padding-left: 43px;
}

.download li a {
	text-decoration: none;
}

.download .icon-download-bullet:before {
	font-size: 2.5em;
	color: #f18400;
	margin-top: -6px;
	float: left;
}

.download i,
.icon-download-bullet i {
	color: #666666;
}

/* > youtube Player */
.youtube {
	max-width: 100%;
	overflow: hidden;
}

.notebook {
	position: relative;
	width: 570px;
	height: 305px;
	background: url(../layout_images/notebook.png) 0 0 no-repeat;
}

.notebook iframe {
	position: absolute;
	top: 23px;
	left: 105px;
	max-width: 365px;
	max-height: 230px;
}

/* Boxen */
main .box {
	background: #fff;
	border-radius: 8px;
	padding: 25px 20px 20px 0;
	float: right;
	position: relative;
	z-index: 1;
}

main .grid-100 .box {
	padding: 25px 0 20px 0;
}

@media (max-width: 568px) {
	main .box {
		padding: 10px; /* oder 0 nur fuer die linken boxen */
		width: auto; /* fuer alle */
	}

	main .grid-100 .box {
		padding: 0;
	}
}

main .box:after {
	background: #ffffff;
	position: absolute;
	right: 87%;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

main .last .box {
	float: left;
	width: 100%;
	padding: 25px 20px 20px 30px;
}

main .last .box div {
	margin-left: 0;
	margin-right: 20px;
}

main .last .box:after {
	right: auto;
	left: 80%;
}

main span.title {
	color: #f18400;
	display: block;
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.8em;
	line-height: 1.21429;
	font-weight: 500;
	margin-bottom: 10px;
}

main span.subtitle {
	color: #f18400;
	display: block;
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	line-height: 1.27273;
	font-weight: 500;
	margin-bottom: 20px;
}

/* > Teaserboxen */
.dkv-teaser {
	position: relative;
	background: #fff;
	overflow: hidden;
}

.dkv-teaser * {
	position: relative;
	z-index: 10;
}

.white-content .dkv-teaser {
	background: #e5e5e5;
}

.dkv-teaser h2,
.dkv-teaser h3,
.dkv-teaser h4,
.dkv-teaser h5,
.dkv-teaser h6 {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 2.4em;
	line-height: 1.16666666666667;
	font-weight: 400;
	color: #f18400;
	margin: 0 10px 10px 20px;
	padding-top: 20px;
	max-width: 220px;
}

.dkv-teaser p {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.38461538461538;
	margin: 0 10px 10px 20px;
	max-width: 220px;
}

@media only screen and (max-width: 1170px) {
	.dkv-teaser h2,
	.dkv-teaser h3,
	.dkv-teaser h4,
	.dkv-teaser h5,
	.dkv-teaser h6,
	.dkv-teaser p,
	.dkv-teaser .link {
		max-width: 36%;
	}
}

@media only screen and (max-width: 1024px) {
	.dkv-teaser h2,
	.dkv-teaser h3,
	.dkv-teaser h4,
	.dkv-teaser h5,
	.dkv-teaser h6,
	.dkv-teaser p,
	.dkv-teaser .link {
		max-width: 30%;
	}
}

.dkv-teaser img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.dkv-teaser > .icon-link-button-Pfeil {
	display: block;
	font-size: 1.3em;
	margin: -2px 0 10px 20px;
}

.wrapper .dkv-teaser a.button,
.wrapper .dkv-teaser a.button:link {
	margin-left: 20px;
	margin-bottom: 20px;
}

.wrapper .dkv-teaser a.link {
	font-size: 1.4em;
}

.dkv-teaser .link:before {
	position: relative;
	top: 1px;
}

/* wenn keine Grafik im teaser gepflegt wurde,
sollen die Inhalte ueber die volle Breite
des Teasers laufen
*/
.noimage h2,
.noimage h3,
.noimage h4,
.noimage h5,
.noimage h6,
.noimage p {
	max-width: 100%;
}

.grid-25 .dkv-teaser img,
.noimage img {
	display: none;
}

/* im 33% Raster soll die Grafik unter den textlichen Inhalten und dem button stehen */
.grid-33 .dkv-teaser img {
	display: block;
	position: relative;
	float: right;
}

.grid-33 .dkv-teaser h2,
.grid-33 .dkv-teaser h3,
.grid-33 .dkv-teaser h4,
.grid-33 .dkv-teaser h5,
.grid-33 .dkv-teaser h6,
.grid-33 .dkv-teaser p,
.grid-33 .dkv-teaser .link {
	max-width: 100%;
}

/* in der phone-Version muss die Grafik
im 25% Teaser sichtabr sein (unter dem Text und button) */
@media (max-width: 568px) {
	.grid-25 .dkv-teaser img,
	.grid-50 .dkv-teaser img {
		display: block;
		position: static;
		float: right;
	}

	.dkv-teaser h2,
	.dkv-teaser h3,
	.dkv-teaser h4,
	.dkv-teaser h5,
	.dkv-teaser h6,
	.dkv-teaser p,
	.dkv-teaser .link {
		max-width: 100%;
	}
}

/* > News */
.news .dateheader {
	color: #999999;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	font-size: 1.5em;
}

.news .dateheader a {
	font-size: 1em;
}

.white-content .news .dateheader {
	border-color: #e5e5e5;
}

.time {
	color: #999999;
	padding-right: 40px;
	float: left;
}

.news img {
	float: left;
	margin: 7px 30px 0 0;
}

.icon-News-clock:before {
	color: #f18400;
	font-size: 22px;
}

.news .icon-News-Tag {
	color: #f18400;
	float: left;
}

.news .icon-News-Tag:before {
	color: #f18400;
	font-size: 22px;
}

.news .news-marker {
	font-size: 0.8em;
	font-style: normal;
	padding: 0 5px;
	float: right;
	margin-top: 9px;
}

.news .icon-link-button-Pfeil {
	float: right;
	margin-top: 8px;
	margin-left: 10px;
}

/* "zurueck"-Link auf Startseite, Landingpages und auf Ueberischtsseiten nicht anzeigen (nur auf Detailseiten) */
.landingpage .news .dateheader .icon-link-button-Pfeil,
.news-teaser .dateheader .icon-link-button-Pfeil,
.grid-33 .dateheader .icon-link-button-Pfeil,
.grid-50 .dateheader .icon-link-button-Pfeil {
	display: none;
}

.news h2,
.news h3 {
	margin-top: 15px;
	margin-bottom: 10px;
}

/* Fuer Newsteaser (auf der Startseite) = neue Klasse */
.news-teaser img,
.landingpage .news img {
	float: none;
	margin-bottom: 10px;
}

.news .icon-News-clock:before,
.news-teaser .icon-News-clock:before,
.news .icon-News-Tag:before,
.icon-link-button-Pfeil:before {
	position: relative;
	top: 0.2em;
}

.icon-link-button-Pfeil:before {
	position: relative;
	top: 0.15em;
}

@media screen and (max-width: 768px) {
	.news {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 568px) {
	.news img {
		float: none;
	}
}

/* > testimonial */
.special-header {
	/* Abstand kommt ueber das grid */
}

@media (max-width: 568px) {
	.special-header {
		margin-bottom: 0;
	}
}

/* Headlines 48px Sonderformat */
.special-header h2,
.special-header h3,
.special-header h4,
.special-header h5,
.special-header h6 {
	font-size: 4.8em;
	line-height: 1;
	margin-bottom: -20px;
}

.special-header h2 + p,
.special-header h3 + p,
.special-header h4 + p,
.special-header h5 + p,
.special-header h6 + p {
	margin-top: 20px;
}

.special-header p {
	color: #323232;
	font-size: 1.8em;
	line-height: 1.44444444444444;
	margin-top: 0;
	margin-bottom: -20px;
}

blockquote {
	font-size: 1.6em;
	color: #f18400;
	line-height: 1.5em;
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin: 7px auto 8px;
}

blockquote:before {
	content: "\201E";
}

blockquote:after {
	content: "\201C";
}

cite {
	color: #666666;
	font-size: 1.3em;
	line-height: 1.30769230769231;
}

.img-top-teaser {
	text-align: center;
}

.img-top-teaser img {
	margin-bottom: 5px;
}

.img-right-teaser {
	padding-top: 25px;
}

.img-top-teaser blockquote {
	max-width: 215px;
}

.img-top-teaser h3 {
	margin-bottom: 0.25em;
	font-size: 2em;
	color: #000;
}

.img-top-teaser p {
	font-size: 1.5em;
	font-weight: 400;
}

.img-top-teaser a {
	font-size: 1.4em;
}

.box img {
	float: right;
	margin-top: -10px;
}

.img-right-teaser blockquote {
	font-size: 2.1em;
	line-height: 26px;
	margin-bottom: 10px;
	max-width: 100%;
}

.swiper-slide .img-right-teaser .float-left {
	width: 40%;
}

.img-right-teaser .content-slide {
	position: relative;
	top: 0;
}

.swiper-container.section-slider .img-right-teaser {
	height: auto;
}

.wrapper header .maxwidth,
.swiper-container .maxwidth,
footer .grid .maxwidth {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}

@media (max-width: 1280px) {
	.editorial-footer .maxwidth,
	.inner-footer .maxwidth {
		max-width: 100%;
	}
}

.content .inner {
	position: static;
}

/* die Klasse (der Container) "maxwidth"
regelt das Verhalten (die Laufweite) der Inhalte
bei honen Aufloesungen (in diesem Fall groesser 1280px).
Die horizontalen Abstaende, die normalerweise ueber
das padding auf "maxwidth" realisiert werden,
werden entfernt, die Box bekommt eine feste Breite und
die Inhalte darin werden zentriert ausgegeben */
.grid .maxwidth {
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.topnav .maxwidth,
.header .maxwidth,
.multi-kontakt .maxwidth,
.editorial-footer .maxwidth,
.inner-footer .maxwidth {
	padding: 0 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.formcenter {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 370px;
	max-height: 120px;
	min-height: 120px;
	background: #fff;
	position: relative;
	padding-right: 150px;
	overflow: hidden;
}

.form-title {
	/* optisch wie hotline-title */
	font: 500 2.2em/1.09090909090909 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #000;
	display: block;
	padding: 20px 0 10px 20px;
}

a.form-link {
	font: 700 1.6em/1.25 'Frutiger Next W04', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	color: #f18400;
	text-decoration: none;
	position: absolute;
	left: 20px;
	bottom: 15px;
}

a.form-link:hover {
	color: #000;
}

/* Grafiken, Icons, auch hier immer unten rechts im Teaser */
.formcenter img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 140px;
	max-height: 120px;
}

@media screen and (max-width: 1200px) {

	.formcenter {
		min-height: auto;
		padding-right: 20px;
	}

	a.form-link {
		position: static;
		display: block;
		padding: 0 10px 10px 20px;
	}

	.formcenter img {
		display: none;
	}

}

@media screen and (max-width: 568px) {

	.formcenter {
		max-width: 100%;
		max-height: 100%;
		min-height: 20px;
	}

}


/* > Cookie Notification */
header {
	-webkit-transition: top 0.4s ease-in-out;
	-moz-transition: top 0.4s ease-in-out;
	transition: top 0.4s ease-in-out;
}

#mobile-menu,
.swiper-container,
main,
footer {
	-webkit-transition: transform 0.4s ease-in-out;
	-moz-transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}

.cookie-notification {
	background: #f5f2ea;
	min-height: 0;
	max-height: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1020;
	-webkit-box-shadow: inset 0 -1px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 6px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 6px rgba(0,0,0,0.15);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cookie-notification .grid {
	background: transparent;
}

@media only screen and (max-width: 1024px) {
	.cookie-notification .grid {
		padding-top: 8px;
		padding-bottom: 12px;
	}

	.cookie-notification.content .grid-25 {
		margin-bottom: 10px;
	}
}

.cookie-notification .grid-75.last {
	margin-bottom: 0;
}

.cookie-notification .maxwidth {
	position: relative;
}

.cookie-notification strong {
	font-size: 1.8em;
	color: #f18400;
}

.cookie-notification p {
	margin: 0;
	padding-right: 75px;
	font-size: 1.3em;
	line-height: 1.384612;
}

.cookie-notification .close {
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	border: 0;
}

.cookie-notification .close:hover,
.cookie-notification .close:focus {
	border: 0;
}

.cookie-notification .close i {
	padding: 0 8px;
	font-size: 2.8em;
	color: #f18400;
	line-height: 16px;
}

@media only screen and (max-width: 1024px) {
	.cookie-notification p {
		padding: 0;
	}
}


/* ##################### */
/* >> helfer */

.clear {
	clear: both;
	margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
	height: 0; /* laesst &nbsp; auf 1px schrumpfen fuer IE */
	font-size: 0;
	line-height: 0;
	width: 100%;
}

.right {
	float: right;
}

/* entspricht im wesentlichen display:none;, ist aber screenreaderfreundlich */
.ahem {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
	left: -200em;
	top: -200em;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

/* Eigenschaft display bei listeneintraegen wieder auf Std. Wert */
ol li.clearfix,
ul li.clearfix {
	display: list-item;
}

/* Hauptelemente (aus der Basis) mit "clearfix" versehen,
ohne die Klasse anwenden zu muessen. */
.grid:after,
.wrapper:after,
.innerwrapper:after,
.header:after,
.metanavigation:after,
.language-switch:after,
.logo:after,
.direktsuche:after,
.mainnavigation:after,
.sidenavigation:after,
.content:after,
.trail:after,
.context:after,
footer:after,
.inner-footer:after,
.editorial-footer:after,
.footernavigation:after,
.footernavigation-2:after,
.dkv-teaser:after,
.wrapper .topnav .maxwidth:after,
.form-input:after,
.form-input-multiple:after,
.form-checkbox:after,
.form-radio:after,
.form-error-message:after,
.form-input-multiple-space:after,
.form-button-center:after,
.tabs:after,
.dateheader:after,
.hotline:after,
footer .hotline div:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* MediaQueries und Geraete */

/* Tablets */
@media screen and (max-width: 768px) {
	.editorial-footer,
	.footernavigation-2 {
		display: none;
	}

	.footernavigation {
		float: right;
	}

	.inner-footer .maxwidth {
		padding: 0 20px;
	}

	.copy {
		margin: 30px 10px 25px 0;
	}

	.footernavigation {
		margin: 30px 0 25px 0;
	}
}

/* Smartphones */
/*
* content kein margin = ueber die volle Breite
* innenabstand der teaser 20px padding
* abstand der teaserboxen horiz. 20px
*/

@media screen and (max-width: 568px) {

	.inner-footer .maxwidth {
		padding: 0 20px;
	}

	.copy {
		margin: 15px 10px 10px 0;
		font-size: 1.5em;
		line-height: 1.2;
	}

	.footernavigation {
		margin: 15px 0 10px 0;
	}

	.footernavigation li {
		font-size: 1.5em;
		line-height: 1.33333333333333;
		margin-right: 20px;
	}

	.editorial-footer,
	.footernavigation-2 {
		display: none;
	}

	footer .hotline {
		margin: 20px 0;
	}

	footer .hotline .grid-33 {
		margin-right: 0;
		width: 100%;
	}

	footer .hotline-image {
		display: block;
		width: 90px;
		height: 116px;
	}

	.form-button-center button {
		margin-right: 0;
	}
}

.content .grid {
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.form-contact .grid,
.form legend,
.content .tabs {
	max-width: 1170px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 1280px) {
	.content .grid {
		padding-left: 50px;
		padding-right: 50px;
	}

	.form-contact .grid,
	.form legend,
	.content .tabs {
		max-width: 1170px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.form-contact .grid {
		max-width: 100%;
	}
}

@media screen and (max-width: 1170px) {
	.form-contact fieldset {
		padding: 0;
	}
}

@media (min-width: 1281px) {
	.topnav .maxwidth,
	.wrapper header .maxwidth,
	.multi-kontakt .maxwidth,
	.editorial-footer .maxwidth,
	.inner-footer .maxwidth {
		width: 1170px;
		margin: 0 auto;
		padding: 0;
	}

	.wrapper header .maxwidth {
		max-width: 1170px;
	}

	.mainnavigation ul:first-child {
		width: 1150px;
	}

	.grid .maxwidth {
		max-width: 1200px;
		margin: 0 auto;
	}

	.grid-75 .maxwidth {
		width: auto;
		margin: 0;
	}

	.grid-50 .maxwidth {
		width: auto;
		margin: 0;
		/* max-width: 570px; */
	}

	.grid-33 .maxwidth {
		width: auto;
		margin: 0;
		/* max-width: 370px; */
	}

	.grid-25 .maxwidth {
		width: auto;
		margin: 0;
		/* max-width: 270px; */
	}

	.middle .maxwidth {
		margin: 0;
	}

	.last .maxwidth {
		margin: 0;
	}

}

@media (max-width: 1170px) {
	.topnav {
		padding-right: 20px;
	}

	.direktsuche {
		right: 20px;
	}

	strong.logo,
	a.logo {
		margin: 1px 30px 10px 20px;
	}

	.mainnavigation ul:first-child {
		padding-left: 162px;
	}

	.footernavigation-2,
	.editorial-footer {
		display: none;
	}

	.footernavigation {
		float: right;
	}
}

@media only screen and (max-width: 1024px) {
	html {
		height: auto;
	}

	.grid {
		width: 100%;
	}

	.grid-50 .notebook {
		background-image: none;
		height: auto;
		position: static;
		width: auto;
	}

	.grid-50 .notebook iframe {
		position: static;
	}
}

@media screen and (max-width: 800px) {
	.footernavigation {
		float: left;
	}
}

@media only screen and (max-width: 1024px) {
	.content .grid-25,
	.content .grid-33,
	.content .grid-50,
	.content .grid-75,
	.content .grid-100 {
		width: 100%;
		margin-bottom: 20px;
	}

	.grid .grid-25.middle .dkv-teaser,
	.grid .grid-50.middle .dkv-teaser,
	.grid .grid-75.middle .dkv-teaser,
	.grid .grid-25.last .dkv-teaser,
	.grid .grid-50.last .dkv-teaser,
	.grid .grid-75.last .dkv-teaser {
		margin: 0px;
	}

	.form-contact .grid,
	.form legend,
	.content .tabs {
		max-width: 1170px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Hoehe in den mobilen Versionen nur 110px hoch (statt 180px) */
	.top-intro-panorama-mood-image {
		height: 110px;
		top: 79px;
		background: #e5e5e5;
		border-bottom: 80px solid #e5e5e5;
	}

	.content ul.trail {
		background: #e5e5e5;
	}

	h1 {
		max-width: 50%;
		padding: 15px 10px 15px 0;
		min-height: 10px;
		margin-right: 20px;
		min-height: 10px;
	}

	.content ul.trail {
		max-width: 40%;
		margin: -62px 0 10px 0;
	}

	.bild-section {
		background-attachment: scroll;
		background-size: contain;
		height: 300px;
	}

	.notebook {
		position: static;
		width: auto;
		height: auto;
		background-image: none;
		margin: 20px auto;
		max-width: 360px;
	}

	.notebook iframe {
		position: static;
	}

	.tab-container .tabs li {
		margin-right: 2px;
	}

	.tabs a:link, .tabs a:visited, .tabs a:focus {
		font-size: 0.8em;
		padding: 10px 5px;
	}

}

@media only screen and (max-width: 567px) {
	h1 {
		max-width: 100%;
		margin-right: 0;
		margin-left: -30px;
	}

	.landingpage h1 {
		margin-left: 0px;
	}

	.content ul.trail {
		max-width: 100%;
		margin: 10px 0;
	}
}

@media (max-width: 568px) {
	.content .grid {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* override link and button-link styling for content + new styles */
.content a {
	font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1;
}

/* reset font-size in p, li, th, d */
.content p a,
.content li a,
.content th a,
.content td a {
	font-size: 1em;
}

.img-top-teaser a {
	font-size: 1.4em;
	display: block;
	margin: 15px 0;
}

/* use "strong" font-family and weight for "bold" links in th, td */
.content b a,
.content b a {
	font-family: 'Frutiger Next W04', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-weight: 700;
}

/* optional color on links */
.content a.orange {
	color: #f18400;
}

/* "inline" Downloads */
a.icon-download-bullet:before {
	color: #f18400;
	position: relative;
	top: 0.15em;
	font-size: 1.5em;
}

/* Accordion */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #999999;
	background: #efefef;
	font-weight: bold;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #f18400;
	background: #ececec;
	font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #f18400;
	background: #efefef;
	font-weight: bold;
}

.ui-state-active .ui-accordion-header-icon {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	transfrom: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-ms-transform: rotate(90deg);
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 150%;
	border-radius: 5px;
}

.ui-accordion .ui-accordion-header:focus {
	outline: 0;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .8em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border: 1px solid #dddddd;
	border-top: 0;
	overflow: auto;
}

/*
* Formate Styles
*/
.infoTextRed {
	color: #FF0000;
}

.infoTextGrey {
	color: #999999;
}

/* fix right aligned buttons in forms */
fieldset p.right {
	clear: both;
	padding-top: 10px;
}

/* links im content allg. immer unterstrichen */
.content a,
.content a.orange,
.content a.icon-link-button-Pfeil,
.content a:visited,
.content a:hover,
.content a:focus,
.content a:active {
	border-bottom: 1px solid; /* farbe wird aus Textfarbe uebernommen */
	text-decoration: none;
}

/* Ausnahmen */
/* vor zurueck pfeile */
.content .controls,
.content .arrow,
.content .arrow:hover,
	/* Seitenschalter */
.content .controls .pagination li a,
	/* Links wie Buttons */
.wrapper a.button,
	/* auch in Kombination mit pfeilen */
.content .button.icon-link-button-Pfeil:before,
	/* Downloads */
.content .download li a,
.content .download .icon-download-bullet:before,
.content a.icon-download-bullet,
	/* in Tabs */
.content .tabs a,
	/* klickpfad */
.content .trail li a,
	/* Links in Formularen */
.content .form-checkbox label a,
	/* in teasern */
.wrapper .dkv-teaser a,
.content .img-top-teaser a,
.content .dateheader .icon-link-button-Pfeil,
.content .form .link {
	border-bottom: 0;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
}

a.search-result {
	font-family: 'Frutiger Next W02 Cust', Helvetica, Arial, sans-serif;
	font-size: 2.2em;
	line-height: 1.27272727272727;
	font-weight: 500;
	color: #f18400;
	text-decoration: none;
	border-bottom: none;
}

a.icon-download-bullet.search-result:before {
	font-size: 1em;
}

/*
* Media List
*/

.content .media-list {
	margin: 20px -15px 0 -15px;
	padding: 0;
	list-style-type: none;
}

.media-list:after {
	content: " ";
	display: table;
	clear: both;
}

.media-list nav {
	margin: 10px 0 20px 0;
}

.media-list li {
	width: 22.5%;
	margin: 0 1.25%;
	float: left;
}

.media-list li figure {
	margin-bottom: 0;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.media-list li figure a {
	display: block;
	position: relative;
	height: 150px;
	width: 100%;
	text-align: center;
	background: #e5e5e5;
	overflow: hidden;
}

.media-list li figure img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.media-list li figure figcaption {
	padding: 7px 0 9px 0;
}

.media-list li figure figcaption .description {
	display: none;
}

.media-list li nav:after {
	content: " ";
	display: table;
	clear: both;
}

.media-list li nav a {
	display: block;
	padding: 0 8px;
	float: left;
	line-height: 1.2;
	font-size: 21px;
	border-bottom: none;
	text-decoration: none;
	color: #999;
}

.media-list li nav a i {
	color: #999;
}

.media-list li nav a:hover i {
	color: #f18400;
}

.media-list li nav a:first-child {
	padding-left: 0;
}

.media-list li nav a:last-child {
	border-right: none;
}

.content .media-list a {
	border-bottom: 0;
}

.content .media-list a:hover {
	border-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	.media-list li {
		width: 30.833333333333%;
	}
}

@media screen and (max-width: 768px) {
	.media-list li {
		width: 47.5%;
	}
}

@media (max-width: 568px) {
	.media-list {
		margin: 0 -15px 0 -15px;
	}
	.media-list li {
		float: none;
		width: 100%;
		max-width: 340px;
		margin: 0 auto 30px auto;
	}
	.media-list nav {
		margin: 10px 0 15px 0;
	}
}

/* Hinweistexte (Headline und Subline) unterhalb der (footer) Formularfelder */
.form-hint {
	margin: -60px 0 10px 0;
	overflow: hidden;
}

.form-hint input {
	margin-left: 0;
	float: left;
	position: relative;
	top: 0;
}

.form-hint label {
	float: left;
	max-width: 90%;
	margin-left: 5px;
}

@media only screen and (max-width: 1170px) {
	.form-hint {
		margin-top: 10px;
	}
}

.form-hint .like-h6,
.form-hint h6 {
	display: block;
	font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.375;
	font-weight: 500;
	color: #f18400;
}

.form-hint .like-p strong,
.form-hint .like-p b,
.form-hint p strong,
.form-hint p b {
		display: block;
    font-family: 'Frutiger Next W02 Cust', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.375;
    font-weight: 500;
    color: #f18400;
}

.form-hint p,
.form-hint .like-p {
	display: block;
    font-family: 'Frutiger Next W02', 'Frutiger Next W10', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1.625;
    color: #000;
    margin-bottom: 0;
}


.ines-form-fr {
	background: #e5e5e5;
	margin-bottom: 60px;
	padding: 30px 0;
}

.ines-form-fr form {
	margin-bottom: 0;
}

@media screen and (max-width: 1170px) {
	.ines-form-fr {
		padding: 20px 20px 0 20px;
	}

	.form-input,
	.form-select,
	.form-textarea {
		min-height: 10px;
	}
}

/* icon nicht möglich, da single tag */
.ines-form-fr input[type="submit"] {
	font-size: 1.6em;
	background: #004b78;
	color: #fff;
	border: 0;
	font-weight: 400;
	padding: 6px 20px;
	display: inline-block;
	border-radius: 5px;
	margin: 15px 0;
	width: auto !important;
	float: right;
}

.ines-form-fr input[type="submit"]:disabled,
.ines-form-fr input[type="submit"]:disabled:hover {
	background: #7f7f7f;
}

.ines-form-fr input[type="submit"]:hover {
	background: #f18400;
}