/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**
 * @license
 * MyFonts Webfont Build ID 3291378, 2016-10-04T09:51:17-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: EurostileRoundExtended-Regular by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile-round/extended/
 * Copyright: (URW)++,Copyright 2014 by (URW)++ Design & Development
 * Licensed pageviews: 20,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3291378
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3238f2");

  
@font-face {font-family: 'EurostileRoundExtended-Regular';src: url('../../files/weider_website/fonts/3238F2_0_0.eot');src: url('../../files/weider_website/fonts/3238F2_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/weider_website/fonts/3238F2_0_0.woff2') format('woff2'),url('../../files/weider_website/fonts/3238F2_0_0.woff') format('woff'),url('../../files/weider_website/fonts/3238F2_0_0.ttf') format('truetype');}
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}

/* Weider Wärmepumpen Stylesheets 
   v1.0 | 20161208
*/

body {
	font-family: 'Myriad Pro', Helvetica, Arial, EurostileRoundExtended-Regular, sans-serif;
	color: #231f20;
	overflow-y: scroll;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	margin-bottom: 32px;
	font-size: 18px;
	line-height: 32px;
}

td {
	padding: 15px;
	font-size: 18px;
	line-height: 34px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #c0c0c0;
}

th {
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #c0c0c0;
}

form th,
form td { border-bottom: 0 none; }

.no-border th,
.no-border td {
	padding: 5px;
	border-bottom: 0 none;
}

h1, h2 {
	margin-top: 35px;
	margin-bottom: 26px;
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	font-size: 31px;
	line-height: 45px;
	color: #be1b1c;
}
h3 {
	margin-top: 1em;
	margin-bottom: 15px;
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 33px;
	color: #be1b1c;
}
h4 {
	margin-top: 1em;
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 34px;
	color: #be1b1c;
}
h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
}
h6 {
	font-size: 18px;
	font-weight: normal;
	line-height: 34px;
}

video {
	max-width: 100%;
	height: auto;
	margin-bottom: 32px;
}

.subhead {
	margin-top: -1.5em;
	margin-left: 1.5em;
	color: #f39400;
}

.gradient {
	padding-top: 60px;
	padding-bottom: 30px;
	margin-top: -30px;
	background: linear-gradient(#f3f3f3, #cccccc);
}

a, a:link, a:visited {
	font-size: 18px;
	color: #be1b1c;
	text-decoration: none;
}
a:focus, a:hover, a:active { text-decoration: underline; }

a.eurostyle {
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	text-decoration: none !important;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}

.block { overflow: visible; }

figure.float_above,
figure.float_below { padding: 0 0 30px; }
figure.float_left { padding: 8px 30px 30px 0; }
figure.float_right { padding: 8px 0 30px 30px; }
figure > a { outline: 0 none; }
figure figcaption { font-size: 14px; }

#main ul,
#main ol {
	padding-left: 20px;
	list-style: disc outside none;
}
#main ul > li,
#main ol > li {
	font-size: 18px;
	line-height: 34px;
}
strong,
b { font-weight: bold; }

#header > .inside,
#main > .inside,
#footer > .inside {
	width: 100%;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}
#Slider-Banner { margin-bottom: 50px; }

#header {
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 40%, #d4d4d4 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 40%,#d4d4d4 100%);
	background: radial-gradient(ellipse at center,  #ffffff 40%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=1 );
}
#header > .inside { padding-top: 30px; }

.language-select {
	float: left;
	padding-top: 5px;
	padding-right: 25px;
	margin-right: 20px;
	background: transparent url('/layout/Pfeil_Laenderauswahl.png') no-repeat scroll right 8px;
	cursor: pointer;
}
.language-select li { display: none; }
.language-select li.active { display: block; }
.language-select li a {
	font-size: 20px;
	text-decoration: none;
}

#header .mod_search { float: left; }
#header .mod_search .formbody { 
	display: inline-block;
	padding: 0 3px;
	border: 1px solid #c0c0c0;
}
#header .mod_search input {
	padding: 5px 3px;
	border: 0 none;
	outline: 0 none;
	font-size: 14px;
	color: #505050;
	background-color: transparent;
	background: transparent url('/files/weider_website/layout/trans.png');
}
#header .mod_search button {
	padding: 0;
	border: 0 none;
	outline: 0 none;
	background: transparent;
	cursor: pointer;
}
#header .mod_search button img { margin: 3px 3px -3px; }

#index-suchen form { display: none; }

.logo {
	display: block;
	float: right;
}

/* Main Navigation */
#main-navigation {
	clear: both;
	padding-top: 35px;
	text-align: center;
	overflow: visible !important;
}
#navigation-toggle { display: none; }
#main-navigation > ul { 
	margin: 0 auto -3px;
	white-space: nowrap;
}
#main-navigation > ul > li {
	position: relative;
	float: left;
	padding-bottom: 14px;
	margin: 0 15px;
	border-bottom: 12px solid transparent;
}
#main-navigation > ul > li:first-child { margin-left: 0; }
#main-navigation > ul > li:last-child { margin-right: 0; }
#main-navigation > ul > li.active,
#main-navigation > ul > li.trail {
	border-bottom-color: #be1b1c;
	color: #be1b1c;
}
#main-navigation > ul > li  > a,
#main-navigation > ul > li  > span {
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	font-size: 19px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
#main-navigation > ul > li  > a:hover,
#main-navigation > ul > li  > span:hover { color: #be1b1c; }
#main-navigation > ul > li.submenu > ul {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 10;
	min-width: 210px;
	padding: 0 15px 30px;
	text-align: left;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.88);
}
#main-navigation > ul > li.submenu > ul > li > a,
#main-navigation > ul > li.submenu > ul > li > span {
	display: inline-block;
	margin-top: 30px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
#main-navigation > ul > li.submenu > ul > li.active > a,
#main-navigation > ul > li.submenu > ul > li.active > span,
#main-navigation > ul > li.submenu > ul > li.trail > a,
#main-navigation > ul > li.submenu > ul > li.trail > span{
	color: #be1b1c;
}
#main-navigation > ul > li.submenu > ul > li > a:hover,
#main-navigation > ul > li.submenu > ul > li > span:hover { color: #be1b1c; }
#main-navigation > ul > li.submenu > ul > li.submenu > ul > li > a,
#main-navigation > ul > li.submenu > ul > li.submenu > ul > li > span {
	display: inline-block;
	margin-top: 30px;
	margin-left: 15px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
#main-navigation > ul > li.submenu > ul > li > ul > li.active > a,
#main-navigation > ul > li.submenu > ul > li > ul > li.active > span,
#main-navigation > ul > li.submenu > ul > li > ul > li > a:hover,
#main-navigation > ul > li.submenu > ul > li > ul > li > span:hover { color: #be1b1c; }

/* Hero Scene */
.heroscene {
	width: 100%;
	height: 571px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/* Main Area */
#container,
#wrapper > .custom {
    max-width: 1680px;
    margin: 0 auto;
}
#container { margin-top: -30px; }
.main-container { padding-top: 100px; }
.text-center { text-align: center; }
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.col-12,
.col-11,
.col-10,
.col-9,
.col-8, 
.col-7,
.col-6,
.col-5, 
.col-4,
.col-3,
.col-2, 
.col-1 {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.col-12 { width: 100%; }
.col-11 { width: 91.66667%; }
.col-10 { width: 83.33333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66667%; }
.col-7 { width: 58.33333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66667%; }
.col-4 { width: 33.33333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66667%; }
.col-1 { width: 8.33333%; }
.offset-11 { margin-left: 91.66667%; }
.offset-10 { margin-left: 83.33333%; }
.offset-9 { margin-left: 75%; }
.offset-8 { margin-left: 66.66667%; }
.offset-7 { margin-left: 58.33333%; }
.offset-6 { margin-left: 50%; }
.offset-5 { margin-left: 41.66667%; }
.offset-4 { margin-left: 33.33333%; }
.offset-3 { margin-left: 25%; }
.offset-2 { margin-left: 16.66667%; }
.offset-1 { margin-left: 8.33333%; }

aside { margin-top: 81px; }

.wartungsfreundlich { 
	position: relative;
	cursor: none;
}
.wartungsfreundlich .wartungsfreundlich-text {
	position: absolute;
    right: 2rem;
    top: 6rem;
    z-index: 1;
    max-width: 45%;
    background-color: #d4d4d4;
    padding: 20px;
    border-radius: 10%;
    transform: scale(1);
    opacity: 1;
    transition: all 2.5s ease;
}

.wartungsfreundlich:hover .wartungsfreundlich-text {
    transform: scale(0);
    opacity: 0;
    transition: all 1.5s ease;
}

.wartungsfreundlich .wartungsfreundlich-text p {
	font-size: 0.9em;
    line-height: 1.7;
}

.startliste {
	background: rgb(212,212,212);
    background: -moz-linear-gradient(-45deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 66%);
    background: -webkit-linear-gradient(
-45deg, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 66%);
    background: linear-gradient(
135deg, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 66%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=1 );
    width: calc(100% + 60px);
    margin: 0 -30px;
    padding: 30px;
    border-radius: 25px;
}

.advantage {
	padding: 0 20px 20px;
	margin-top: 58px;
	border-radius: 8px;
	background: linear-gradient(#f3f3f3, #cccccc);
}
.produktlink figure {text-align: center;}
.produktlink img {
	width: auto;
	max-height: 350px;
}
.produktlink h3 {margin: 0;}
.produktlink h3 a {text-decoration: none;}
.produktlink p > a {
	font-family: EurostileRoundExtended-Regular,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #231f20;
	text-decoration: none;
}
.produktbild img {
	position: relative;
	z-index: 100;
}

.details-link > h3,
.details-link > p {margin-bottom: 0;}

.starttermin {
	display: inline-block;
	max-width: 370px;
	padding: 20px 20px 20px 115px;
	border-radius: 5px;
	font-size: 21px;
	line-height: 26px;
	text-decoration: none !important;
	background: #dedede url('/files/weider_website/layout/Kalender_icon.png') no-repeat scroll 20px center;
	cursor: pointer;
}

.termin {
	padding-top: 40px;
	border-bottom: 1px solid #c0c0c0;
}
.termin p {
	margin: 0;
	font-size: 18px;
	color: #000;
}
.termin .datum { line-height: 37px; }
.termin .teaser {
	line-height: 37px;
	font-weight: bold;
}
.termin .mehr {
	line-height: 34px;
	font-weight: bold;
}

.zielgruppe { margin: 60px 0 20px; }
.zielgruppe a { font-size: 24px; }
.zielgruppe section {
	padding: 0;
	margin-bottom: 80px;
}
.zielgruppe > section > a > div {
	height: 380px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.zielgruppe > section > a > div > .layer {
	display: none;
	width: 100%;
	height: 100%;
}
.zielgruppe > section > a > div > .layer.orange { background: rgba(243,148,0,0.83); }
.zielgruppe > section > a > div > .layer.rot { background: rgba(190,27,28,0.83); }
f
.ce_sliderStart {
	padding: 30px;
	border-radius: 20px;
	background: #dedede;
	background: radial-gradient(#ffffff, #dddddd);
}
.ce_sliderStart > nav { display: none !important; }

.greyscale {
	background: #dedede;
	background: linear-gradient(#ffffff, #dddddd);
}

.produkt {
	padding: 30px 0;
	border-bottom: 1px solid #c0c0c0;
}

a.goto {
	display:block;
	margin:25px;
	text-align:center;
}
#footer { 
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 45%, #d4d4d4 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 45%,#d4d4d4 100%);
	background: radial-gradient(ellipse at center,  #ffffff 45%,#d4d4d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=1 );
 } 
#footer .inside {
	padding: 40px 0;
	text-align: center;
}
#footer .inside p, #footer .inside a {
	font-size: 17px;
	margin-bottom: 1em;
	text-decoration: none;
	color: #000;
}
.footer-socials {
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 25px;
}
.footer-socials li {
	float: left;
	padding: 4px;
}

.flexslider {
	max-height: 680px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Formulare */
form#partner_werden .widget { margin: 5px 0; }
form#partner_werden input[type=text],
form#partner_werden input[type=tel],
form#partner_werden input[type=email],
form#partner_werden input[type=number] {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #666;
}
form#partner_werden select,
form#partner_werden option {
	width: 100%;
	padding: 4px 5px;
	border: 1px solid #ccc;
	color: #666;
}
form#partner_werden option:first-child { color: #A9A9A9; }
form#partner_werden .widget-select { padding-right: 3px; }
form#partner_werden textarea {
	width: 100% !important;
	padding: 5px !important;
	resize: vertical;
	border: 1px solid #ccc;
	color: #666;
}
form#partner_werden fieldset,
form#partner_werden label,
form#partner_werden .captcha_text {
	width: 100% !important;
	padding: 5px 0 !important;
	color: #666;
}
form#partner_werden fieldset > span {padding-right: 15px;}
form#partner_werden input[type=submit] {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	margin-left: 0 !important;
	border: 1px solid #ccc;
	color: #666;
	background-color: #ccc;
}
form#partner_werden p.error {
	padding: 0 5px;
	margin: 0;
	color: #be1b1c;
}

form#tl_login input[type=text],
form#tl_login input[type=password] {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #666;
}
form#tl_login label {
	padding: 5px 0 !important;
	margin-right: 25px;
	color: #666;
}
form#tl_login table {
	margin: 0 15px !important;
}
form#tl_login td {
	padding: 5px 0 !important;
}
form#tl_login fieldset > span {padding-right: 15px;}
form#tl_login input[type=submit],
form#tl_logout input[type=submit] {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	margin-left: 0 !important;
	border: 1px solid #ccc;
	color: #666;
	background-color: #ccc;
}
form#tl_login p.error {
	padding: 0 5px;
	margin: 0;
	color: #be1b1c;
}

.mod_lostPassword form input[type=text],
.mod_lostPassword form input[type=email],
.mod_lostPassword form input[type=password] {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #666;
}
.mod_lostPassword form label {
	padding: 5px 0 !important;
	margin-right: 25px;
	color: #666;
}
.mod_lostPassword form table {
	margin: 0 15px !important;
}
.mod_lostPassword form td {
	padding: 5px 0 !important;
}
.mod_lostPassword form fieldset > span {padding-right: 15px;}
.mod_lostPassword form input[type=submit],
.mod_lostPassword form input[type=submit] {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	margin-left: 0 !important;
	border: 1px solid #ccc;
	color: #666;
	background-color: #ccc;
}
.mod_lostPassword form p.error {
	padding: 0 5px;
	margin: 0;
	color: #be1b1c;
}

form#tl_registration input[type=text],
form#tl_registration input[type=email],
form#tl_registration input[type=password] {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #666;
}
form#tl_registration label {
	padding: 5px 0 !important;
	margin-right: 25px;
	color: #666;
}
form#tl_registration table {
	margin: 0 15px !important;
}
form#tl_registration td {
	padding: 5px 0 !important;
}
form#tl_registration fieldset > span {padding-right: 15px;}
form#tl_registration input[type=submit] {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	margin-left: 0 !important;
	border: 1px solid #ccc;
	color: #666;
	background-color: #ccc;
}
form#tl_registration p.error {
	padding: 0 5px;
	margin: 0;
	color: #be1b1c;
}

form.seminar fieldset > legend { display: none; }
form.seminar .widget {
	clear: both;
	margin: 10px 0;
}
form.seminar .widget input[type=text],
form.seminar .widget input[type=tel],
form.seminar .widget input[type=email],
form.seminar .widget input[type=number] {
	box-sizing: border-box;
	width: 60%;
	padding: 5px;
	border: 1px solid #ccc;
	color: #666;
}
form.seminar .widget select {
	box-sizing: border-box;
	width: 60%;
	padding: 4px 5px;
	border: 1px solid #ccc;
	color: #666;
}
form.seminar .widget-select { padding-right: 3px; }
form.seminar .widget textarea {
	box-sizing: border-box;
	width: 60% !important;
	padding: 5px !important;
	resize: vertical;
	border: 1px solid #ccc;
	color: #666;
}
form.seminar .widget fieldset,
form.seminar .widget label {
	display: block;
	float: left;
	width: 25% !important;
	padding-right: 30px;
	padding: 5px 0 !important;
	font-size: 18px;
}
form.seminar .widget > p,
form.seminar .widget .captcha_text {
	display: block;
	width: 60%;
	padding: 5px 0 !important;
	margin-bottom: 1.2em;
	margin-left: 25%;
	font-size: 16px;
	line-height: 1.2;
	color: #666;
}
form.seminar .widget fieldset > span {padding-right: 15px;}
form.seminar input[type=submit] {
	width: 60%;
	padding: 5px;
	margin-top: 10px;
	margin-left: 25% !important;
	border: 1px solid #ccc;
	color: #666;
	background-color: #ccc;
}
form.seminar .widget p.error {
	display: inline;
	padding: 0 5px;
	margin: 0;
	color: #be1b1c;
}
form.seminar .widget-radio fieldset { width: 100% !important; }
form.seminar .widget-radio fieldset > legend {
	display: block;
	float: left;
	width: 25%;
}
form.seminar .widget-radio fieldset > div {
	float: left;
	width: 60%;
}
form.seminar .widget-radio fieldset > div > span {
	display: inline-block;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: center;
}
form.seminar .widget-radio fieldset > div > span label,
form.seminar .widget-radio fieldset > div > span input {
	float: none;
	width: auto;
}

form input.error { border: 1px solid #be1b1c !important; }

/* Downloads */
.ce_download {
	clear: both;
	border-bottom: 1px solid #c0c0c0;
}

.ce_download a,
.ce_download a:link,
.ce_download a:visited,
.ce_download a:focus,
.ce_download a:hover,
.ce_download a:active {
	display: block;
	padding: 20px 50px 20px 0;
	color: #231f20;
	background: transparent url('/files/weider_website/layout/Download_Icon.png') no-repeat scroll right center;
}

/* Partnerbereich Navigation */
#partnernav ul  {
	padding: 69px 0 0;
	margin: 0;
	list-style: none;
}
#partnernav a,
#partnernav span  {
	display: block;
	padding: 12px 65px 12px 0;
	border-bottom: 1px solid #c0c0c0;
	text-decoration: none;
	color: #231f20;
	background: transparent url('/files/weider_website/layout/folder.png') no-repeat scroll right center;
}
#partnernav span { font-weight: bold; }

/* News */
.mod_newslist { margin-top: 60px; }
.mod_newslist  > div {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c0c0c0;
}
.mod_newslist  .info {
	margin: 0;
	font-size: 14px;
	line-height: 1;
}
.mod_newsreader  .info {
	font-size: 14px;
}
.mod_newslist  h2 {
	margin: 0 0 0.5em;
	line-height: 1;
}
.mod_newslist  h2 a { font-size: 21px; }
.mod_newslist  figure  {
	float: left;
	padding: 8px 30px 30px 0;
}
.mod_newslist  .teaser p { margin: 0; }

#main .sharebuttons ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Accordion */
.ce_accordion {
	margin-top: 17px;
	margin-bottom: 17px;
}
.ce_accordion .toggler {
	border: 0 none;
	outline: 0 none;
	font-family: EurostileRoundExtended-Regular, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 33px;
	color: #be1b1c;
	cursor: pointer;
}
.ce_accordion .toggler.active { margin-bottom: 34px; }
.ce_accordion.funktion .toggler {
	padding-left: 15px;
	margin-bottom: 34px;
	margin-left: 16.66667%;
	border: 0 none;
	outline: 0 none;
	font-family: 'Myriad Pro', Helvetica, Arial, EurostileRoundExtended-Regular, sans-serif;
	font-size: 18px;
	color: #be1b1c;
	cursor: pointer;
}
.ce_accordion .toggler .ui-icon-triangle-1-s {
	display: inline-block;
	width: 27px;
	height: 15px;
	background: transparent url('/files/weider_website/layout/Pfeil_Akkordeon_hoch_gross.png') no-repeat scroll left center;
}
.ce_accordion .toggler .ui-icon-triangle-1-e {
	display: inline-block;
	width: 27px;
	height: 15px;
	background: transparent url('/files/weider_website/layout/Pfeil_Akkordeon_runter_gross.png') no-repeat scroll left center;
}
.ce_accordion.funktion .toggler .ui-icon-triangle-1-s {
	display: inline-block;
	width: 15px;
	height: 8px;
	background: transparent url('/files/weider_website/layout/Pfeil_Akkordeon_hoch_klein.png') no-repeat scroll left center;
}
.ce_accordion.funktion .toggler .ui-icon-triangle-1-e {
	display: inline-block;
	width: 15px;
	height: 8px;
	background: transparent url('/files/weider_website/layout/Pfeil_Akkordeon_runter_klein.png') no-repeat scroll left center;
}
.ce_accordion .ce_download:last-child { margin-bottom: 30px; }

.top-4 {margin-top: -2px !important; }
/*
.ce_accordion .toggler .ui-icon-triangle-1-s:after {
	content: '▲';
}
.ce_accordion .toggler .ui-icon-triangle-1-e:after {
	content: '▼';
}
*/

/* Förderungen */
.foerderungen .ce_download { border-bottom: 0 none; }
.foerderungen .ce_text {
	margin-bottom: 19px;
	border-bottom: 1px solid #c0c0c0;
}
.foerderungen .ce_text p { margin-bottom: 14px; }

/* Events */
.event.layout_teaser {
	padding-top: 20px;
	margin-top: 22px;
	border-top: 1px solid #c0c0c0;
}
.event.layout_teaser .image_container {
	padding-top: 10px;
	margin-left: -15px;
}

.hide-start { display: block; }
.startpage .hide-start { display: none; }

.show-start { display: none; }
.startpage .show-start { display: block; }

.greentext {
	color: #008E36 !important;
}

.foerdermittel {
	position: relative;
}

.foerdermittel figure {
	position: absolute;
	right: -160px;
	bottom: -10px;
}

/* Clearfix */
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
	clear: both;
}
.clearfix { *zoom: 1; /* Für den IE6 und IE7 */ }

/*@media (max-width: 1199px) {
	#main-navigation > ul > li.submenu:last-child > ul {
		right: 0;
		left: auto;
	}
}*/

@media (max-width: 1230px) {
	.startliste {
		width: 100%;
	    margin: 0;
	    padding: 15px;
	}
}

@media (max-width: 1230px) {
	.wartungsfreundlich .wartungsfreundlich-text {
		top: 0;
	}
}

@media (min-width: 768px) {
	.hide-desktop { display: none !important; }
	#main-navigation > ul { display: inline-block !important; }

	.zielgruppe section:nth-child(odd) {
		padding-right: 15px;
	}
	.zielgruppe section:nth-child(even) {
		padding-left: 15px;
	}
}

@media (max-width: 767px) {
	body {padding-top: 166px;}
	.hide-mobile { display: none !important; }
	#header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	#header .mod_search { display: none; }
	#header > .inside {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.logo {
		display: block;
		float: none;
		text-align: center;
		margin-top: -10px;
	}
	.logo > img {
		max-width: 277px;
	}
	#main-navigation {
		position: relative;
		margin: -5px -15px -10px;
		text-align: left;
	}
	#navigation-toggle {
		display: block;
		float: right;
		margin-top: -25px;
		margin-right: 15px;
		cursor: pointer;
	}
	#partnernav #navigation-toggle { display: none !important; }
	#main-navigation > ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		width: 100%;
		max-height: calc(100vh - 166px);
		padding: 15px;
		background: rgb(255,255,255);
		background: rgba(255,255,255,0.98);
		overflow-y: scroll;
	}
	#main-navigation > ul > li {
		position: static;
		float: none;
		margin: 0;
		padding-bottom: 0px;
	}
	#main-navigation > ul > li.active,
	#main-navigation > ul > li.trail { border-bottom-color: transparent; }
	#main-navigation > ul > li.submenu > ul {
		position: static;
		display: block !important;
		background: transparent;
	}
	#main-navigation > ul > li.submenu > ul > li > a,
	#main-navigation > ul > li.submenu > ul > li > span {
		margin-top: 22px;
	}
	
	.col-12,
	.col-11,
	.col-10,
	.col-9,
	.col-8, 
	.col-7,
	.col-6,
	.col-5, 
	.col-4,
	.col-3,
	.col-2, 
	.col-1 { width: 100%; }
	.offset-11,
	.offset-10,
	.offset-9,
	.offset-8, 
	.offset-7,
	.offset-6,
	.offset-5, 
	.offset-4,
	.offset-3,
	.offset-2, 
	.offset-1 { margin-left: 0; }
	
	form.seminar .widget input[type=text],
	form.seminar .widget input[type=tel],
	form.seminar .widget input[type=email],
	form.seminar .widget input[type=number],
	form.seminar .widget input[type=submit],
	form.seminar .widget select,
	form.seminar .widget textarea,
	form.seminar .widget fieldset,
	form.seminar .widget label,
	form.seminar .widget > p,
	form.seminar .widget .captcha_text,
	form.seminar .widget-radio fieldset > legend,
	form.seminar .widget-radio fieldset > div {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	#Slider-Banner { margin-bottom: 30px; }

	h1, h2 {
		font-size: 25px;
		line-height: 48px;
	}
}

@media (max-width: 679px) {
	h1, h2 {
		line-height: 35px;
	}
}

@media (max-width: 479px) {	
	h3 {
		font-size: 18px;
		line-height: 30px;
	}
	h4, h5, h6 {
		font-size: 16px;
		line-height: 32px;
	}
	a { font-size: 16px; }
	p {
		margin-bottom: 32px;
		font-size: 16px;
		line-height: 32px;
	}
	th, td {
		font-size: 16px;
		line-height: 32px;
	}
	#main ul > li,
	#main ol > li {
		font-size: 16px;
		line-height: 32px;
	}
	.zielgruppe a { font-size: 22px; }
	.footer-socials img { max-width: 40px; }
}

#energierechner {
	padding-top: 0;
	padding-bottom: 45px;
}
#energierechner form table {
	width: 100%;
}
#energierechner form table td {
	color: #333;
}
#energierechner form .row_4 {
	display:  none;
}
#energierechner form .radio-block span {
	display:  block;
}
#energierechner form table tr td:first-child {
	width: 30%;
}
#energierechner form table tr td:last-child {
	width: 70%;
}
#energierechner form table tr.row_6 td p {
	margin-bottom: 0;
	text-align: center;
	background-color: #333;
	color: #fff;
}
#energierechner form input[type=submit] {
 	padding: 5px;
    margin-top: 10px;
    margin-left: 0 !important;
    border: 1px solid #333;
    color: #333;
    background-color: #fff;
    cursor: pointer;
}
#energierechner form input,
#energierechner form select {
	padding: 5px;
}
@media (max-width: 899px) {	
	#energierechner form table td {
		display: block;
		width: 100% !important;
	}
	#energierechner form table td.col_0 {
		padding-bottom: 0;
	}
	#energierechner form table .row_1 .col_0,
	#energierechner form table .row_5 .col_0{
		display: none;
	}
}

#modal-bg {
	display: none;
}

.popup-video #modal-bg {
	position: fixed;
	left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
    background: rgb(0, 0, 0, .85);
}

.popup-video #modal-wrapper {
	position: absolute;
    inset: 0;
    z-index: 1000;
    width: 90%;
    max-width: 500px;
    height: auto;
    max-height: 500px;
    text-align: center;
    margin: auto;
    background: #212428;
}

.popup-video #modal-control {
	position: absolute;
	top: -47px;
	right: 0;
	z-index: 1;
	text-align: right;
}

.popup-video #modal-control a {
	font-size: 2em;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

.popup-video #video-container {
    max-width: 900px;
    height: auto;
    max-height: 900px;
    cursor: pointer;
}

body.modalOpen {
	overflow: hidden;
}