/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;}
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;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*::selection { background: #202e55; color: #ffffff; }
::-moz-selection { background: #202e55; color: #ffffff; }*/

sup { display: inline-block; font-size: 70%; position: relative; top: -0.5em; line-height: 0.5em; }

div.timeslots { padding-bottom: 20px; margin-bottom: 30px !important; border-bottom: 1px dotted #202e55;}
div.timeslots h2 { margin-top: 0px; margin-bottom: 20px;}
div.timeslots h4 { clear: both; cursor: pointer; margin-bottom: 0px !important;}
div.timeslots h4 span:after { float: right; content: ']'; font-family: 'pictos'; font-size: 14px; text-transform: none; font-weight: normal;}
div.timeslots h4.active span:after { content: '}';}
div.timeslots button.expand { margin-bottom: 20px;}
div.timeslot-summary { margin-bottom: 10px;}
div.timeslot-summary span.collision { color: #ff0000 !important;}
div.timeslot-day { width: 25%; float: left; padding-bottom: 20px;}
div.timeslot-day h5 { margin-bottom: 10px;}
div.timeslot-day label { display: block; height: 20px;}
div.timeslot-day label span { font-size: 12px;}
div.timeslot-day label.disabled { color: #d9d9be;}
div.timeslot-day label.full { color: #d9d9be; text-decoration: line-through;}
div.timeslot-day label.collision { color: #ff0000 !important;}
a.remove_timeslots { display: inline-block; width: 20px; height: 20px; min-width: 20px; vertical-align: middle; margin-top: -4px; margin-right: 5px;}
a.remove_timeslots img { display: block; width: 20px; height: 20px; min-width: 20px; border-radius: 0px !important;}
@media screen and (max-width: 479px) {
	div.timeslot-day { width: 50%;}
}
a.email { display: none;}

div#recaptcha {transform:scale(1.045);-webkit-transform:scale(1.045);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:10px;}
div#recaptcha-form {transform:scale(1.11);-webkit-transform:scale(1.11);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:20px;}
div#recaptcha-registration {margin-top:20px;}
div#recaptcha-registration > div { float: right; }

div.message { position: relative; margin-top: 55px; padding: 10px; border-radius: 5px; border: 3px solid #d91215;}
div.message-close { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; cursor: pointer; font-size: 30px; line-height: 40px; text-align: center; }

div.round { position: relative; background: #eeeeee;}
iframe { display: block;}
div.gdpr-blocked { display: table; background: #eee;}
div.gdpr-blocked > div { display: table-cell; text-align: center; vertical-align: middle; padding: 20px;}
.col-3-2 article.video { padding: 12px 0px 12px 0px;}
.col-3-2 article.video-teaser { margin-top: 30px; padding: 0px;}
.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { width: 100%; height: 412px !important;}
.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { width: 100%; height: 366px !important;}
.col-3-2 article.video.videowide2 iframe, .col-3-2 article.video.videowide2 div.iframe { width: 100%; height: 386px !important;}
/*.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { width: 100%; height: 916px !important;}*/
.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { margin: auto; width: 432px; height: 540px !important;}
.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 189px !important;}
.col-3-2 article.info-overview div.gallery iframe.videowide, .col-3-2 article.info-overview div.gallery div.iframe.videowide { width: 100%; height: 168px !important;}
.col-3-2 article.info-overview div.gallery iframe.videowide2, .col-3-2 article.info-overview div.gallery div.iframe.videowide2 { width: 100%; height: 177px !important;}
.col-3-2 article.info-overview div.gallery iframe.videoportrait, .col-3-2 article.info-overview div.gallery div.iframe.videoportrait { width: 100%; height: 420px !important;}
.col-50p { width: 50%;}
.col-40p { width: 40%;}
.col-60p { width: 60%;}
span.round { position: absolute; z-index: 100; display: block; width: 9px; height: 9px; background: url(../image/rounded_new.png);}
span.tl { top: 0px; left: 0px; }
span.tr { top: 0px; right: 0px; background-position: 9px 0px; }
span.bl { left: 0px; bottom: 0px; background-position: 0px 9px; }
span.br { right: 0px; bottom: 0px; background-position: 9px 9px; }
span.cleanup { display: block; background-color: #2c4557; width: 100%; height: 40px; display: none; }
div.icons-gm { margin-top: 20px;}
div.icons-gm:after { display: block; clear: both; content: '';}
a.icon-gm { display: block; float: left; width: 50px; height: 50px; border-radius: 0px; margin-right: 10px;}
a.icon-gm img { position: static !important; display: block !important; width: 50px !important; height: 50px !important; margin: 0px !important; border: 1px solid #ddd; border-radius: 3px !important;}
a { cursor: pointer;}
table.cookies { width: 100%; min-width: 540px; }
table.cookies th { padding-right: 10px; text-align: left; font-weight: bold;}
table.cookies td { padding-right: 10px; white-space: nowrap;}
table.cookies td:last-child { padding-right: 0px; white-space: normal;}

@font-face {
    font-family: 'pictos';
    src: url('../font/pictos-web.eot');
    src: url('../font/pictos-web.eot?#iefix') format('embedded-opentype'),
         url('../font/pictos-web.woff') format('woff'),
         url('../font/pictos-web.ttf') format('truetype'),
         url('../font/pictos-web.svg#pictos') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-light.eot');
    src: url('../font/lato-light.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-light.woff') format('woff'),
         url('../font/lato-light.ttf') format('truetype');
    font-weight:100;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-regular.eot');
    src: url('../font/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-regular.woff') format('woff'),
         url('../font/lato-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-bold.eot');
    src: url('../font/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold.woff') format('woff'),
         url('../font/lato-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../font/lato-black.eot');
    src: url('../font/lato-black.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-black.woff') format('woff'),
         url('../font/lato-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family: 'socicon';
	src:url('../font/socicon.eot');
	src:url('../font/socicon.eot?#iefix') format('embedded-opentype'),
		url('../font/socicon.woff') format('woff'),
		url('../font/socicon.ttf') format('truetype'),
		url('../font/socicon.svg#socicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.indicator {
	position: relative;
/*	width: 100%;*/
	width: 116px;
	margin-top: 20px;
	margin-bottom: 5px;
}
div.indicator img.indicator-bg {
	position: relative;
	border-radius: 0px;
	display: block;
}
div.indicator img.indicator-dial {
	position: absolute;
	height: 76%;
	margin-top: 15.5%;
	border-radius: 0px;
	display: block;
	transform-origin: 50% 88%;
}
div.indicator.p0 img.indicator-dial { transform: rotate(-89deg);}
div.indicator.p1 img.indicator-dial { transform: rotate(-87.22deg);}
div.indicator.p2 img.indicator-dial { transform: rotate(-85.44deg);}
div.indicator.p3 img.indicator-dial { transform: rotate(-83.66deg);}
div.indicator.p4 img.indicator-dial { transform: rotate(-81.88deg);}
div.indicator.p5 img.indicator-dial { transform: rotate(-80.1deg);}
div.indicator.p6 img.indicator-dial { transform: rotate(-78.32deg);}
div.indicator.p7 img.indicator-dial { transform: rotate(-76.54deg);}
div.indicator.p8 img.indicator-dial { transform: rotate(-74.76deg);}
div.indicator.p9 img.indicator-dial { transform: rotate(-72.98deg);}
div.indicator.p10 img.indicator-dial { transform: rotate(-71.2deg);}
div.indicator.p11 img.indicator-dial { transform: rotate(-69.42deg);}
div.indicator.p12 img.indicator-dial { transform: rotate(-67.64deg);}
div.indicator.p13 img.indicator-dial { transform: rotate(-65.86deg);}
div.indicator.p14 img.indicator-dial { transform: rotate(-64.08deg);}
div.indicator.p15 img.indicator-dial { transform: rotate(-62.3deg);}
div.indicator.p16 img.indicator-dial { transform: rotate(-60.52deg);}
div.indicator.p17 img.indicator-dial { transform: rotate(-58.74deg);}
div.indicator.p18 img.indicator-dial { transform: rotate(-56.96deg);}
div.indicator.p19 img.indicator-dial { transform: rotate(-55.18deg);}
div.indicator.p20 img.indicator-dial { transform: rotate(-53.4deg);}
div.indicator.p21 img.indicator-dial { transform: rotate(-51.62deg);}
div.indicator.p22 img.indicator-dial { transform: rotate(-49.84deg);}
div.indicator.p23 img.indicator-dial { transform: rotate(-48.06deg);}
div.indicator.p24 img.indicator-dial { transform: rotate(-46.28deg);}
div.indicator.p25 img.indicator-dial { transform: rotate(-44.5deg);}
div.indicator.p26 img.indicator-dial { transform: rotate(-42.72deg);}
div.indicator.p27 img.indicator-dial { transform: rotate(-40.94deg);}
div.indicator.p28 img.indicator-dial { transform: rotate(-39.16deg);}
div.indicator.p29 img.indicator-dial { transform: rotate(-37.38deg);}
div.indicator.p30 img.indicator-dial { transform: rotate(-35.6deg);}
div.indicator.p31 img.indicator-dial { transform: rotate(-33.82deg);}
div.indicator.p32 img.indicator-dial { transform: rotate(-32.04deg);}
div.indicator.p33 img.indicator-dial { transform: rotate(-30.26deg);}
div.indicator.p34 img.indicator-dial { transform: rotate(-28.48deg);}
div.indicator.p35 img.indicator-dial { transform: rotate(-26.7deg);}
div.indicator.p36 img.indicator-dial { transform: rotate(-24.92deg);}
div.indicator.p37 img.indicator-dial { transform: rotate(-23.14deg);}
div.indicator.p38 img.indicator-dial { transform: rotate(-21.36deg);}
div.indicator.p39 img.indicator-dial { transform: rotate(-19.58deg);}
div.indicator.p40 img.indicator-dial { transform: rotate(-17.8deg);}
div.indicator.p41 img.indicator-dial { transform: rotate(-16.02deg);}
div.indicator.p42 img.indicator-dial { transform: rotate(-14.24deg);}
div.indicator.p43 img.indicator-dial { transform: rotate(-12.46deg);}
div.indicator.p44 img.indicator-dial { transform: rotate(-10.68deg);}
div.indicator.p45 img.indicator-dial { transform: rotate(-8.9deg);}
div.indicator.p46 img.indicator-dial { transform: rotate(-7.12deg);}
div.indicator.p47 img.indicator-dial { transform: rotate(-5.34deg);}
div.indicator.p48 img.indicator-dial { transform: rotate(-3.56deg);}
div.indicator.p49 img.indicator-dial { transform: rotate(-1.78deg);}
div.indicator.p50 img.indicator-dial { transform: rotate(0deg);}
div.indicator.p51 img.indicator-dial { transform: rotate(1.78deg);}
div.indicator.p52 img.indicator-dial { transform: rotate(3.56deg);}
div.indicator.p53 img.indicator-dial { transform: rotate(5.34deg);}
div.indicator.p54 img.indicator-dial { transform: rotate(7.12deg);}
div.indicator.p55 img.indicator-dial { transform: rotate(8.9deg);}
div.indicator.p56 img.indicator-dial { transform: rotate(10.68deg);}
div.indicator.p57 img.indicator-dial { transform: rotate(12.46deg);}
div.indicator.p58 img.indicator-dial { transform: rotate(14.24deg);}
div.indicator.p59 img.indicator-dial { transform: rotate(16.02deg);}
div.indicator.p60 img.indicator-dial { transform: rotate(17.8deg);}
div.indicator.p61 img.indicator-dial { transform: rotate(19.58deg);}
div.indicator.p62 img.indicator-dial { transform: rotate(21.36deg);}
div.indicator.p63 img.indicator-dial { transform: rotate(23.14deg);}
div.indicator.p64 img.indicator-dial { transform: rotate(24.92deg);}
div.indicator.p65 img.indicator-dial { transform: rotate(26.7deg);}
div.indicator.p66 img.indicator-dial { transform: rotate(28.48deg);}
div.indicator.p67 img.indicator-dial { transform: rotate(30.26deg);}
div.indicator.p68 img.indicator-dial { transform: rotate(32.04deg);}
div.indicator.p69 img.indicator-dial { transform: rotate(33.82deg);}
div.indicator.p70 img.indicator-dial { transform: rotate(35.6deg);}
div.indicator.p71 img.indicator-dial { transform: rotate(37.38deg);}
div.indicator.p72 img.indicator-dial { transform: rotate(39.16deg);}
div.indicator.p73 img.indicator-dial { transform: rotate(40.94deg);}
div.indicator.p74 img.indicator-dial { transform: rotate(42.72deg);}
div.indicator.p75 img.indicator-dial { transform: rotate(44.5deg);}
div.indicator.p76 img.indicator-dial { transform: rotate(46.28deg);}
div.indicator.p77 img.indicator-dial { transform: rotate(48.06deg);}
div.indicator.p78 img.indicator-dial { transform: rotate(49.84deg);}
div.indicator.p79 img.indicator-dial { transform: rotate(51.62deg);}
div.indicator.p80 img.indicator-dial { transform: rotate(53.4deg);}
div.indicator.p81 img.indicator-dial { transform: rotate(55.18deg);}
div.indicator.p82 img.indicator-dial { transform: rotate(56.96deg);}
div.indicator.p83 img.indicator-dial { transform: rotate(58.74deg);}
div.indicator.p84 img.indicator-dial { transform: rotate(60.52deg);}
div.indicator.p85 img.indicator-dial { transform: rotate(62.3deg);}
div.indicator.p86 img.indicator-dial { transform: rotate(64.08deg);}
div.indicator.p87 img.indicator-dial { transform: rotate(65.86deg);}
div.indicator.p88 img.indicator-dial { transform: rotate(67.64deg);}
div.indicator.p89 img.indicator-dial { transform: rotate(69.42deg);}
div.indicator.p90 img.indicator-dial { transform: rotate(71.2deg);}
div.indicator.p91 img.indicator-dial { transform: rotate(72.98deg);}
div.indicator.p92 img.indicator-dial { transform: rotate(74.76deg);}
div.indicator.p93 img.indicator-dial { transform: rotate(76.54deg);}
div.indicator.p94 img.indicator-dial { transform: rotate(78.32deg);}
div.indicator.p95 img.indicator-dial { transform: rotate(80.1deg);}
div.indicator.p96 img.indicator-dial { transform: rotate(81.88deg);}
div.indicator.p97 img.indicator-dial { transform: rotate(83.66deg);}
div.indicator.p98 img.indicator-dial { transform: rotate(85.44deg);}
div.indicator.p99 img.indicator-dial { transform: rotate(87.22deg);}
div.indicator.p100 img.indicator-dial { transform: rotate(89deg);}

.socicon-facebook:before {
	content: "\e028";
}
.socicon-twitter:before {
	content: "\e08d";
}
.socicon-pinterest:before {
	content: "\e063";
}
.socicon-instagram:before {
	content: "\e044";
}

/* fontello icons */
article.social ul, article.social ul li {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none !important;
}
article.social ul li {
	display: block;
	float: left;
	margin: auto 8px 8px auto !important;
}
article.social ul li a.icon {
	display: block;
	width: 48px;
	height: 48px;
	background: #202e55;
	border-radius: 24px;
	text-decoration: none;
	text-align: center;
	font-size: 25px;
	line-height: 51px;
	color: #ffffff;
}
article.social ul li a.icon span {
	display: block;
	transition: all .2s ease;
}
article.social ul li a.icon:hover span {
	transform: scale(1.3);
/*	font-size: 33px;*/
/*	background: #d91215;*/
	color: #ffffff;
	text-decoration: none;
}

a#menu_top {
	position: fixed;
	width: 34px;
	height: 34px;
	right: 5px;
	bottom: 5px;
	background-color: #c2c4ab;
	border-radius: 0px;
	cursor: pointer;
	display: none;
	z-index: 9999999;
	border-radius: 3px;
}
a#menu_top div {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 8px;
	top: 8px;
	background-image: url(../image/top.png);
	background-size: 18px 11px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	transition: background-position 0.3s linear 0s;
}
a#menu_top:hover div {
	background-position: 0 0;
	background-repeat: repeat;
	-webkit-animation: bottom_top_over .3s linear infinite;
	-moz-animation: bottom_top_over .3s linear infinite;
	-o-animation: bottom_top_over .3s linear infinite;
	animation: bottom_top_over .3s linear infinite;
}
@-webkit-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
@-moz-keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }
@keyframes bottom_top_over { 0% { background-position: 0px 0px; }  100% { background-position: 0px -11px; } }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.small-text { font-size: 12px; line-height: 20px; }
.no-margin { margin: 0; } 
.hidden { display: none; }
.block { display: block; }
.inline { display: inline-block; }
.left, .image-links { float: left; }
.right, .image-rechts { float: right; }
.cursor-default { cursor: auto;}

.content-image.image-links { margin-right: 15px; }
.content-image.image-right { margin-left: 15px; }
.content-image { width: 168px; height: 168px; overflow:hidden; border-radius: 5px; }
.content-image img { max-width: 100%; min-height: 100%; }

/* Based on 30px gap */
.col { margin-right: 30px; }
.col-last { margin-right: 0 !important; }
.col-2-1 { width: 525px; }
.col-3-1 { width: 336px; }
.col-3-2 { width: 733px; }
.col-4-1 { width: 237px; }
.col-6-1 { width: 158px; }
.col-50 { width: 50%; }

.rounded { border-radius: 50%; } /* check */
.icon-offset { padding-left: 74px; }
.icon { font-family: 'pictos'; }
.clear { clear: both; }

.button { text-decoration: none; display: block; color: #d91215; text-align: left; }
.button.button-back { text-align: left; }
.button.button-orange:before { color: #d91215; }
.button.button-orange:hover *, 
.button.button-orange:hover:before { color: #202e55; }
.button.readmore:before { content: '+'; font-family: 'pictos'; margin-right: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-prev { color: #ffffff; font-weight: normal; padding-right: 10px;}
.button.button-next { color: #ffffff; font-weight: normal; padding-left: 10px;}
.button.button-prev:before { content: '['; font-family: 'pictos'; margin-right: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-next:after { content: ']'; font-family: 'pictos'; margin-left: 5px; font-size: 14px; text-transform: none; font-weight: normal; }
.button.button-prev:hover:before { color: #d91215; }
.button.button-next:hover:after { color: #d91215; }

h1 { font-size: 30px; line-height: 36px; font-weight: bold; /*text-transform: uppercase;*/ }
h2 { font-size: 20px; line-height: 26px; font-weight: bold; /*text-transform: uppercase;*/ }
h3, h4, h5, h6, strong, b { font-weight: bold; }
img { max-width: 100%; }
p { margin: 0px; }
em { font-style: italic; }
ul { list-style-type: disc; list-style-position: inside; }
main.content ul { list-style-position: outside; padding-left: 16px; }
ol { list-style-type: decimal; list-style-position: inside; }
ul ul, ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; }
ol ol, ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; }
hr { clear: both; border: 0; border-bottom: 1px dotted #202e55; background: #fff; margin: 10px 0 10px 0; dislay: block; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, select { background: #eeeeee; line-height: 28px; border: 0; padding: 0 10px; outline: none; border-radius: 3px; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled { background: #eeeeee;}
select { -webkit-appearance: none; background: #eeeeee url(../image/arrow.png) right center no-repeat; padding-right: 1.5em;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { min-height: 28px; }
select { height: 28px; cursor: pointer; }
textarea { line-height: 20px; resize: vertical;}
label { cursor: pointer; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, select:focus { background-color: #d4d4d4;}
button#registration_form_submit, button[type="submit"], button.g-recaptcha, button[type="button"] { float: right; background: #d91215; color: #fff; border: 0; display: block; line-height: 32px; padding: 0 20px; cursor: pointer; margin-top: 10px; border-radius: 3px; }
button#registration_form_submit:before, button[type="submit"]:before, button.g-recaptcha:before, button[type="button"]:before { content: 'R'; font-family: 'pictos'; margin-right: 10px; font-size: 18px; text-transform: none; font-weight: normal; }
div#google-maps button[type="button"]:before { content: none; }
button[type="button"] { float: none;}
button.button-calc:before { content: 'y' !important;}
button.button-save:before { content: 'S';}
button.button-print:before { content: '/';}
button.button-get:before { content: 'S';}
button.button-del:before { content: '#';}
button.button-plus:before { content: '+';}
button.button-minus:before { content: '-';}
button.button-print { float: right; margin-top: 0px; margin-bottom: 10px;}
button.button-save { float: left; margin-top: 0px; margin-bottom: 10px;}
button.button-apple { float: right; margin-top: 0px; margin-bottom: 10px;}
button.button-google { float: left; margin-top: 0px; margin-bottom: 10px;}
form.search button[type="submit"]:before, form.search button.g-recaptcha:before { content: 's';}
button#registration_form_submit:hover, button[type="submit"]:hover, button.g-recaptcha:hover, button[type="button"]:hover { background: #202e55; color: #fff; }
label.required:after { content: '*'; margin-left: 10px; font-size: 14px; text-transform: none; font-weight: normal; color: #cc0000; }
input[type=checkbox], input[type=radio] { vertical-align: text-bottom; display: inline; color: #202e55; cursor: pointer; }
div.value label { cursor: pointer; }  
div.error { margin-top: 20px; background: #d91215; padding: 10px; border-radius: 5px; color: #fff !important;}

body { background: #ffffff; font-size: 14px; line-height: 24px; color: #333; font-family: 'lato', sans-serif; -webkit-text-size-adjust: 100%; }

.wrapper { max-width: 1160px; margin: 0 auto;}
.wrapper:after, .clearfix:after, main aside article header:after, main .form .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*header.head div.streamer { display: none; position: absolute; z-index: -1; top: 0px; left: 0px; background: no-repeat center center; background-size: cover; width: 100%; height: 100%; }*/
header.head div.streamer { display: none; position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
header.head div.streamer div { position: relative; margin: 0px auto; background: no-repeat right 0px; width: 1110px; height: 100%; background-size: auto 100%; }
header.head div.streamer div.payoff { position: absolute; left: 50%; top: 0px; margin-left: -555px; }
header.head div.streamer div h3 { position: absolute; top: 76px; left: 183px; width: 292px; height: 113px; padding-left: 292px; overflow: hidden; background: url(../image/where_plants_meet_people.svg) left top no-repeat; background-size: 292px 113px;}
header.head div.streamer div h3.white { background-image: url(../image/where_plants_meet_people-white.svg);}

div#streamer1 { background-color: #d9d9be; }
div#streamer2 { background-color: #f1e0cd; }
div#streamer3 { background-color: #286b8c; }
div#streamer4 { background-color: #834640; }
div#streamer5 { background-color: #d9d9be; }
div#streamer6 { background-color: #d9d9be; }
div#streamer7 { background-color: #d9d9be; }
div#streamer1 div.bg { background-image: url(../image/streamer_1.png); }
div#streamer2 div.bg { background-image: url(../image/streamer_2.png); }
div#streamer3 div.bg { background-image: url(../image/streamer_3.png); }
div#streamer4 div.bg { background-image: url(../image/streamer_4.png); }
div#streamer5 div.bg { background-image: url(../image/streamer_5.png); }
div#streamer6 div.bg { background-image: url(../image/streamer_6.png); }
div#streamer7 div.bg { background-image: url(../image/streamer_7.png); }

header.head { position: absolute; z-index: 1099; width: 100%; min-height: 316px; }
header.head figure { width: 300px; margin: 5px 0; }
header.head figure img { max-width: 100%; }
header.head figure.logo { width: 550px; margin-left: 30px; margin-top: 64px; }
header.head figure.logo a { float: left; }
header.head figure.logo img { width: 133px; }

/*header.head figure.logo h3 { float: left; margin-left: 20px; line-height: 150px; font-size: 20px; font-style: italic; color: #ffffff; text-transform: lowercase; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);}*/
header.head figure.logo h3 { float: left; margin-left: 45px; margin-top: 12px; width: 292px; height: 113px; padding-left: 292px; overflow: hidden; background: url(../image/where_plants_meet_people.svg) left top no-repeat; background-size: 292px 113px;}

header.head figure.social, footer figure.social { font-size: 22px; width: 150px; float: right; margin: 5px 0 0 0; text-align: center; display: none; }
header.head figure.social div.icon, footer figure.social div.icon { display: inline-block; font-family: "socicon" !important; margin: 0 4px 0 0; width: 32px; height: 32px; line-height: 28px; background: #c2c4ab; }
header.head figure.social div.icon:hover { background: #202e55;}
header.head figure.social div.icon a, footer figure.social div.icon a { color: #fff; text-decoration: none; opacity: .8; font-size: 22px; }
header.head figure.social div.icon a:hover, footer figure.social div.icon a:hover { color: #FFF; opacity: 1; }
header.head .navigation-trigger { display: none; }
header.head nav { position: absolute; top: 268px; width: 1100px; margin-left: 30px; text-align: center; background: #202e55; border-radius: 5px 5px 0px 0px; }
header.head nav ul li { display: inline-block; }
header.head nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 20px; }
header.head nav ul li a.active, header.head nav ul li a.active2 { color: #e1e2d5; }
header.head nav ul li a:hover { color: #e1e2d5; }
header.head nav ul ul { position: absolute; width: 200px; height: 0; float: none; padding: 0; margin: 0 0 0 10px; background: #202e55; opacity: 0; overflow: hidden; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
header.head nav ul ul li { float: none; display: block; }
header.head nav ul ul li a { font-size: 12px; padding: 5px 10px; text-align: left; }
header.head nav ul ul li a:hover { background: #202e55; color: #e1e2d5;  }
header.head nav ul ul li a.active, header.head nav ul ul li a.active2 { background: #c2c4ab; color: #ffffff; }
header.head nav li:hover ul, header.head nav li:focus ul { opacity:1; height: auto; } 

main { background: #FFF; padding-top: 316px; padding-bottom: 50px; display: block; }
main header { position: relative;}
main header h1, .content h1 { margin-bottom: 30px; margin-top: 50px; color: #202e55; }
main header h1 span, .content h1 span, .content h2 span { display: block; color: #889d70; font-size: 14px; line-height: 20px; text-transform: uppercase; }
.content h2 a { color: #202e55; text-decoration: none; }
.content h2 span.news-date { padding-top: 15px; color: #333; }
h3.news-date { text-transform: uppercase;}
main a { color: #889d70; text-decoration: underline; }
main a:hover { color: #202e55; }
main a:focus-visible { outline: none !important; }
main.content div.wrapper, footer div.wrapper { width: 1100px; }

div.addthis_sharing_toolbox { margin-top: 25px !important;}
div.addthis_sharing_toolbox span.at300bs { border-radius: 0px !important;}
div#_atssh { display: none !important;}

div.regio-content { margin-left: -15px;}
div.regio-content-small { margin-left: -11px;}
div.regio { display: block; margin-bottom: 50px; padding-bottom: 5px; border-bottom: 1px dotted #202e55; width: auto;  }
div.regio:last-child { margin-bottom: 0px; }
div.regio-simple { border-bottom: none !important;}
div.regio h3, h3.regio { clear: both; background: #c2c4ab; color: #fff; padding: 5px 10px; font-weight: bold; margin-bottom: 20px; border-radius: 3px; }
div.regio h3.expand { margin-left: 11px; }
div.regio h3.expand, div.regio h3.unexpand { font-weight: normal; color: #fff; background: #889d70; cursor: pointer;}
div.regio h3.expand:hover, div.regio h3.unexpand:hover { color: #fff; background: #202e55;}
div.regio h3.expand span:after, div.regio h3.unexpand span:after {
	float: right;
    content: ']';
    font-family: 'pictos';
    margin-right: 5px;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}
div.regio h3.unexpand span:after {
    content: '{';
}
div.regio h3.expand.active span:after {
	content: '}';
}

div.expand { display: none;}
h3.regio { margin-top: 50px;}
h3.regio div.title { float: left;}
h3.regio div.nav { float: right;}
h3.regio div.nav a { float: left;}

article.news-detail div.news-image { border-radius: 5px; display: inline-block; overflow: hidden; height: 170px; width: 170px; text-align: center; vertical-align: middle; background: #eeeeee; background: linear-gradient(0deg,rgba(225, 225, 225, 1) 0%, rgba(240, 240, 240, 1) 100%); position: relative; margin-right: 20px; margin-bottom: 15px; float: left; }
article.news-detail div.news-image img { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 3px; object-fit: cover; -webkit-backface-visibility: hidden; transition: all .2s ease; }
article.news-detail div.news-image img.default { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); }
/*article.news-detail a.news-link:hover div.news-image img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); opacity: .8; }*/

div.news-detail-content { display: block; width: 543px; float: left;}
a.news-link, a.news-link:hover { text-decoration: none; color: #333;}
a.news-link:hover .button.button-orange, a.news-link:hover .button.button-orange:before { color: #202e55 !important;}

img.logo { width: 25%; display: block; margin-top: 25px; margin-bottom: 15px; border-radius: 0px !important;}

div.regio a.participant, div.regio a.participant-small, label.participant, main article.info-detail figure { border-radius: 5px; display: inline-block; overflow: hidden; height: 172px; width: 172px; border: 1px solid #d9d9be; text-align: center; vertical-align: middle; position: relative; margin-left: 15px; margin-bottom: 15px; }
label.participant { border-color: #ccc; }
div.regio a.participant-small { border-radius: 3px; }
main article.info-detail { margin-left: -11px; overflow: hidden; }
main article.info-detail figure { margin-left: 0px; margin-right: 15px; }
/*div.regio label.participant { height: 105px; width: 105px; margin-right: 14px; }*/
div.regio a.participant img, div.regio a.participant-small img, div.regio label.participant img { width: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0px; -webkit-backface-visibility: hidden; }
div.regio a.participant-small { height: 113px; width: 113px; margin-left: 11px; }
div.regio label.participant div { display: none; opacity: 1; font-family: 'pictos'; font-size: 41px; line-height: 41px; color: #000000; z-index: 10; width: 41px; height: 41px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }
/*div.regio label.participant div { font-size: 53px; line-height: 53px; width: 53px; height: 53px; }*/
main article.info-detail img { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
main article.info-detail div.info-detail-logo figure { padding-right: 10px; border-radius: 0px; height: auto;}
main article.info-detail div.info-detail-logo img { width: 100%; position: static; border-radius: 0px; }
div.regio a.participant:hover img, div.regio a.participant-small:hover img, main article.info-detail a img:hover, a.icon-gm:hover img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9);  opacity: .8; }
div.regio label.participant.hover img, div.regio label.participant.active img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }
main article.info-detail div.info-detail-logo img:hover { transform: none; opacity: 1; }
div.regio label.participant input { display: none; }
div.regio label.participant.active, div.regio label.participant.hover { border-color: #000000; border-width: 2px; }
div.regio label.participant.active div { display: block; }
/*div.regio label.participant.active img { opacity: .5; }*/

main article.info-detail div.col-4-1 { margin-left: 11px; }
main article.info-detail figure { border: 0px; width: 100%; }
main article.info-detail figure.product { border: 0; width: 100%; height: 172px; }
main article.info-detail div.col-4-1 { padding-top: 5px; padding-bottom: 15px;}

main.content img { border-radius: 5px; }
article.info-overview div.info-item figure { border-radius: 5px; }

aside { margin-top: 55px; margin-bottom: -15px; padding-left: 20px; padding-bottom: 0px; }
div.sideheader { display: none; }
div.sideheader h2 { position: absolute; color: #202e55; font-size: 30px; font-weight: bold; }

header.top form.search { display: none;}
form.search { display: block; width: 100%; margin: 12px 0px 27px 0px; }
form.search input { width: 100%;}

div.sideheader ul { position: absolute; padding:0px; margin: -70px 0 0 20px; list-style-type:none; display:inline; }
div.sideheader ul li{ float:left; display:inline; line-height:58px; width: 32px; height: 58px; margin-top: 0px; border-right: 0; } 
div.sideheader ul li.lastitem { margin-right:0px; border-right: 1px solid #d7d7d6; }
div.sideheader ul li a { text-decoration:none; width: 30px; height: 58px; display: block; }
div.sideheader ul li a.flag-nl {  background: url(../image/language_sprite.png) center 0; }
div.sideheader ul li a.flag-en {  background: url(../image/language_sprite.png) center -58px ; }
div.sideheader ul li a.flag-fr {  background: url(../image/language_sprite.png) center -116px; }
div.sideheader ul li a.flag-de {  background: url(../image/language_sprite.png) center -173px; }
div.sideheader ul li.select { width: auto; font-size: 14px; padding-right: 10px; }

div.sidelanguage { height: 68px;}
div.sidelanguage h2 { margin: 0px 0px -16px 0px; padding: 0px; color: #202e55; font-size: 30px; font-weight: bold; }
div.sidelanguage ul { padding:0px; margin: 0px 0 0 0px; list-style-type:none; display:inline-block; }
div.sidelanguage ul li{ float:left; display:inline; line-height:58px; width: 32px; height: 58px; margin-top: 0px; border-right: 0; } 
div.sidelanguage ul li.lastitem { margin-right:0px; border-right: 1px solid #d7d7d6; }
div.sidelanguage ul li a { text-decoration:none; width: 30px; height: 58px; display: block; }
div.sidelanguage ul li a.flag-nl {  background: url(../image/language_sprite.png) center 0; }
div.sidelanguage ul li a.flag-en {  background: url(../image/language_sprite.png) center -58px ; }
div.sidelanguage ul li a.flag-fr {  background: url(../image/language_sprite.png) center -116px; }
div.sidelanguage ul li a.flag-de {  background: url(../image/language_sprite.png) center -173px; }
div.sidelanguage ul li.select { width: auto; font-size: 14px; padding-right: 9px; }

a.sidearticle, div.sidearticle { width: 100%; display: inline-block; margin-left: 0px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #202e55; overflow: hidden; }
a.sidearticle header, div.sidearticle header { margin-bottom: 20px; }
a.sidearticle header .icon, div.sidearticle header .icon { width: 64px; height: 64px; background: #202e55; color: #FFF; text-align: center; font-size: 44px; padding: 0; font-weight: normal; line-height: 60px; margin-right: 10px; display: block;  }
a.sidearticle header h2, div.sidearticle header h2 { font-size: 16px; padding-top: 15px; line-height: 18px; color: #202e55; text-transform: uppercase; }
a.sidearticle header h2 span, div.sidearticle header h2 span { display: block; font-size: 12px; color: #889d70; }
a.sidearticle .button, div.sidearticle .button { margin-top: 10px; }
a.sidearticle { text-decoration: none;}
a.sidearticle:hover .button { color: #ffffff;}
a.sidearticle:hover .button:before { color: #ffffff;}
.col-3-2 a.sidearticle { margin-top: -5px; display: none;}

div.logo3d { overflow: hidden; height: 150px; margin-top: -185px; display: block; } 
div.logo3d img { margin-top: -30px; opacity: .25; }

/**/
main aside article { margin-bottom: 20px; padding: 20px 20px 0 20px; border-top: 1px solid #eeeeee; }
main aside article:first-child { margin-top: 50px; padding-top: 0; border: 0;}
main aside article header { margin-bottom: 10px; }
main aside article header time, main article.news-overview time, article.news-detail time, main aside article header .icon { width: 64px; height: 64px; background: #c2c4ab; color: #FFF; text-align: center; text-transform: uppercase; font-size: 32px; letter-spacing: -1px; padding: 18px 0 0 0; font-weight: bold; line-height: 20px; margin-right: 10px; margin-bottom: 32px; display: block; } 
main aside article header .icon { line-height: 60px; font-size: 44px; padding: 0; letter-spacing: 0; font-weight: 300; }
main article.news-overview time span, main article.news-detail time span,
main aside article header time span { display: block; font-size: 14px; font-weight: 300; padding-top: 0px;}
main article.news-overview time div, main article.news-detail time div,
main aside article header time div { display: block; color: #c2c4ab; font-size: 22px; font-weight: bold; padding-top: 10px;}
main aside article header .title { width: 250px; margin-top: 5px;}
main aside article header h2, main aside article header h3, main aside h2 a, main aside h3 a { font-size: 16px; text-decoration: none; color: #333; }
main aside article header h2 span, main aside article header h3 span { color: #666; font-size: 12px; text-transform: uppercase; display: block; }
main aside article .button { margin-top: 10px; }

main aside article ul.list li { padding: 20px 0; border-top: 1px solid #eeeeee; }
main aside article ul.list li:first-child { border: 0; }
main aside article ul.list li figure { width: 64px; height: 64px; text-align: center; overflow: hidden; }
main aside article ul.list li:nth-child(odd) figure { float: right; margin-left: 10px; }
main aside article ul.list li:nth-child(even) figure { float: left; margin-right: 10px; }

a.highlight, div.highlight { background: #c2c4ab; padding: 10px; border-radius: 5px; color: #fff !important; }
a.highlight h2 span, div.highlight h2 span { color: #fff !important; }
a.highlight .button.button-orange, div.highlight .button.button-orange { color: #202e55; }
a.highlight:hover .button.button-orange, div.highlight .button.button-orange:hover { color: #d91215 !important; }
a.highlight .button.button-orange:before, div.highlight .button.button-orange:before, div.highlight a { color: #202e55; }
a.highlight:hover .button.button-orange:before, div.highlight:hover .button.button-orange:before, div.highlight a:hover { color: #d91215 !important; }

main article.info-overview { margin: 30px 0; }
main article.info-overview:first-child { margin-top: 0px; }
main article.info-overview h2,
main article.info-overview h2 * { font-size: 18px; color: #202e55; text-decoration: none; }
main article.info-overview figure { float: right;overflow: hidden;  }
main article.info-overview figure:first-child { float: left; }

main article.info-overview div.gallery { margin-top: -30px; }
main article.info-overview div.gallery-member { margin-top: -10px; margin-bottom: -10px; }
main article.info-overview div.gallery h1 { margin-top: 0px; margin-bottom: 20px; margin-left: 11px; }
main article.info-overview div.gallery h2 { font-size: 16px; color: #202e55; text-decoration: none ; }
main article.info-overview div.gallery .col-3-1 { padding-top: 30px; }
main article.info-overview div.gallery figure { display: block; float: left; border-radius: 0px !important; margin: 0 10px 10px 0; width: 158px; }
main article.info-overview div.gallery-member figure { width: 237px; margin: 0 0 11px 11px; }
main article.info-overview div.gallery figure a { position: relative; display: block; width: 100%; height: auto; } 
main article.info-overview div.gallery figure a img { margin: 0px; display: block; position: static; width: 100%; border-radius: 5px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
main article.info-overview div.gallery figure a img:hover { transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); }

main article.info-overview div.info-item { display: inline-block; margin-left: -11px;}
main article.info-overview div.info-item.gallery { margin-left: 0px; width: 100%; }
main article.info-overview div.info-item.gallery-member { margin-left: -11px; width: auto; }

main article.info-overview div.gallery.video-columns { margin-top: -30px; }
main article.info-overview div.gallery.video-columns h2 { margin-top: 30px; margin-bottom: 10px; }
main article.info-overview figure img,
main aside article ul.list img,
figure.content-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
main article.info-overview figure:hover img,
main aside article ul.list figure:hover img,
figure.content-image:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);  opacity: .8; }

main article.news-overview, main article.news-detail { margin-top: 30px; }
main article.news-overview header, main article.news-detail header { display: inline; }
main article.news-overview:first-child, main article.news-detail:first-child { margin-top: 0px; }
main article.news-overview h2,
main article.news-overview h2 * { font-size: 24px; color: #202e55; text-decoration: none; }
main article.news-detail h2 { font-size: 24px; color: #202e55; text-decoration: none; margin-bottom: 20px; }

main div.page-selector { margin-top: 30px; font-size: 14px; padding-top: 30px; border-top: 1px solid #eeeeee; }
main div.page-selector .left a, main div.page-selector .right a { color: #202e55; text-decoration: none; text-transform: uppercase; }
main div.page-selector .right a:before, main div.page-selector div:first-child a:before { content: '-'; font-family: 'pictos'; margin-right: 5px; font-size: 18px; color: #d91215; text-transform: none; font-weight: normal; }
main div.page-selector .right a:before { content: '+' }
main div.page-selector .right a:hover:before, main div.page-selector .left a:hover:before,
main div.page-selector div:first-child a.hover:before { color: #202e55; }
main div.page-selector .middle a { border-radius: 50%; display: inline-block; height: 24px; line-height: 24px; width: 24px; margin: 0 2px; font-family: 'lato', sans-serif; color: #333; font-weight: bold; } /* check */
main div.page-selector .middle a:hover { background: #d91215; }
main div.page-selector .middle a.active { background: #202e55; color: #FFF; font-weight: bold; }

main .form h4 { font-size:18px; line-height: 24px; margin-bottom: 20px;  }
main .form .row { margin-bottom: 10px; line-height: 28px; }
main .form .row .key { float: left; width: 100%; }
main .form .row .value { float: left; width: 266px; }
main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"] { width: 336px; }
main .form .row textarea {  width: 336px; }
main .form .row select { width: 336px; }
main .form span.required { color: #cc0000;  }
main .form div.error { width: 336px; margin-bottom: 20px; }

div.sidearticle .form { margin-top: 20px; }
div.sidearticle .form .row { width: 336px; }
div.sidearticle .form .row .key { float: left; width: 130px; }
div.sidearticle .form .row .value { float: right; width: 200px !important; }
div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 180px !important; }
div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { float: right; margin-right: 20px; }

footer {  background: #202e55; color: #fff; }
footer div.wrapper section { margin: 10px 0; }
footer h4 { margin-bottom: 0px; }
footer h4:before { content: '^'; font-family: 'pictos'; margin-right: 5px; font-size: 18px; color: #c2c4ab; text-transform: none; font-weight: normal; }
footer h4.information:before { content: '^' }
footer h4.address:before { content: 'M' }
footer h4.address a { color: #fff; text-decoration: none; }
footer h4.address a:hover { text-decoration: underline; }
footer section.side { padding-left: 50px; }
footer figure.social { display: none;}

div.description { clear: both; display: inline-block; width: 100%; margin-bottom: 10px; }
div.description h1 { margin-top: 10px; margin-bottom: 20px;}
article.social h1, article.links h1 { margin-top: 20px; margin-bottom: 20px;}
article.video h1 { margin-top: 2px; margin-bottom: 20px;}
article.video h2 { margin-bottom: 10px; font-size: 20px; color: #202e55; text-decoration: none; }
div.top10 { clear: both; display: inline-block; margin-left: -11px; margin-bottom: 10px; }
div.top10 h1 { margin-top: 10px; margin-left: 11px; margin-bottom: 20px; }
div.top10 div.col-50 { width: 361px; margin-left: 11px; }
div.top10 ol li { border: 0px solid #eeeeee; padding: 5px; background: #eee !important; }
div.top10 ol li:nth-child(odd) { background: #fff !important; }

/* ANIMATION */

.button,
.button *,
a.button:before,
.button:after,
.page-selector *,
header.head figure.social *,
main .project-filter *,
main article.news-overview,
main article.info-overview,
main article.info-overview *,
main article.news-overview *,
a.icon-gm img,
a.participant img,
a.participant-small img,
label.participant img,
figure img,
header.head .navigation-trigger,
button[type="submit"],
button.g-recaptcha,
button[type="button"],
div.regio h3.expand,
footer a { outline: none; transition: all .1s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; }

/* RESPONSIVE */

@media screen and (min-width: 768px) {

	header.head nav > ul > li { margin-left: 1px; margin-right: 1px;}
	header.head nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 7px 20px 11px 20px; margin-top: 5px; } 
	header.head nav ul li a.active, header.head nav ul li a.active2 { color: #000000; background-color: #ffffff; border-radius: 5px 5px 0px 0px; }
	header.head nav > ul > li > a { border-bottom: 1px solid #202e55; } 
	header.head nav > ul > li > a.active, header.head nav > ul > li > a.active2 { border-bottom: 1px solid #fff; }
	header.head nav ul li:has(~ li.nav-members:hover) > a.active, header.head nav ul li.nav-members:hover ~ li > a.active { border-bottom: 1px solid #202e55;}
	header.head nav ul li:has(~ li.nav-members:hover) > a.active2, header.head nav ul li.nav-members:hover ~ li > a.active2 { border-bottom: 1px solid #202e55;}
	header.head nav ul li.nav-members:hover > a { color: #000000; background-color: #ffffff; border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #fff; }
/*
	header.head nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 7px 20px 12px 20px; margin-top: 5px; } 
	header.head nav ul li a.active, header.head nav ul li a.active2, header.head nav > ul > li.nav-members:hover > a { color: #000000; background-color: #ffffff; border-radius: 5px 5px 0px 0px; }
*/
	header.head nav ul ul { margin-left: 0px; }
	header.head nav ul ul li a { padding: 5px 10px 5px 20px; margin-top: 0px; border-top: 1px solid #666666; }
	header.head nav ul ul li a.active, header.head nav ul ul li a.active2 { color: #ffffff; background-color: #889d70; border-radius: 0px; }
	header.head nav ul ul li a:hover { margin-top: 0px; border-top: 1px solid #666666;  }

	/* new 2026 */
	header.head nav ul ul.nav-members {
		left: 0px;
		width: 100%;
		background: #fff;
		text-align: left;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0px 5px 5px rgba(0,0,0,.15);
	}
	header.head nav ul ul.nav-members div {
		padding: 17px 0px 27px 17px;
	}
	header.head nav ul ul.nav-members li {
		display: inline-block;
	}
	header.head nav ul ul.nav-members li a {
		border-radius: 3px;
		display: inline-block;
		overflow: hidden;
		height: 78px;
		width: 78px;
		border: 1px solid #d9d9be;
		text-align: center;
		vertical-align: middle;
		position: relative;
		margin-left: 10px;
		margin-top: 10px;
	}
	header.head nav ul ul.nav-members:hover li a:hover {
		background: #fff;
	}
	header.head nav ul ul.nav-members li a img {
		width: 90%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 0px;
		-webkit-backface-visibility: hidden;
	}
	header.head nav ul ul.nav-members li a:hover img {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		opacity: .8;
	}
	/* /new 2026 */
}

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

	header.head figure.logo { margin-top: 50px; margin-left: 0px; }
	header.head figure.logo h3 { margin-left: 35px; margin-top: 15px; width: 264px; height: 102px; background-size: 264px 102px;}
	header.head div.streamer div { width: 995px; }
	header.head div.streamer div.payoff { margin-left: -498px; }
	header.head div.streamer div h3 { top: 65px; left: 171px; width: 264px; height: 102px; background-size: 264px 102px;}

	div#recaptcha {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:15px;}
	div#recaptcha-form {transform:scale(1.025);-webkit-transform:scale(1.025);transform-origin:0 0;-webkit-transform-origin:0 0;margin-top:20px;}

	.col-2-1 { width: 480px; }
	.col-3-1 { width: 309px;}
	.col-3-2 { width: 649px; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 800px !important;}
	.col-3-2 div.g-recaptcha iframe { height: auto !important;}
	.col-3-2 div#locationsPanel { height: 530px !important;}
	.col-3-2 div#helpPanelContainer { height: 770px !important;}
	.col-3-2 article.video { padding: 8px 0px 8px 0px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 366px !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 325px !important;}
	.col-3-2 article.video.videowide2 iframe, .col-3-2 article.video.videowide2 div.iframe { height: 342px !important;}
/*	.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { height: 811px !important;}*/
	.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { height: 540px !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 174px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide, .col-3-2 article.info-overview div.gallery div.iframe.videowide { width: 100%; height: 154px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide2, .col-3-2 article.info-overview div.gallery div.iframe.videowide2 { width: 100%; height: 163px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videoportrait, .col-3-2 article.info-overview div.gallery div.iframe.videoportrait { width: 100%; height: 386px !important;}
	.col-4-1 { width: 209px;}
	.col-6-1 { width: 140px; }
	.wrapper { max-width: 990px; margin: 0 auto;}	
	header.head { min-height: 286px; }
	header.head figure { margin: 5px 0px -10px 0px; }
	header.head figure img { max-width: 100%; width: 240px; }
	header.head figure.social { width: 120px; float: right; }
	header.head nav { width: 990px; margin-left: 0px; top: 237px; }
	header.head nav ul li a { padding: 10px; font-size: .9em; }
	header.head nav ul ul { margin-left: 0px; }
	header.head nav ul ul li a { padding: 5px 10px; }

	header.head nav ul ul.nav-members div {	padding: 15px 0px 25px 15px;}
	header.head nav ul ul.nav-members li a { height: 69px; width: 69px;}

	main { padding-top: 286px; }
	aside { margin-top: 55px; }

	div.sidearticle .form { width: 310px; }
	div.sidearticle .form .left { float: none; width: 310px; }
	div.sidearticle .form .row { width: 290px; }
	div.sidearticle .form .row .key { float: none; width: 100%; }
	div.sidearticle .form .row .value { float: none; width: 100% !important; }
	div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 100% !important; }
	div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { margin-right: 0px;}

	div.sideheader { position: absolute; width: 320px; margin: 0px 0 0 675px; }
	div.sideheader h2 { margin: -80px 0 0 25px; }
	div.sideheader ul { margin: -70px 0 0 25px; }
	
	div.regio a.participant, div.regio label.participant { height: 151px; width: 151px; margin-left: 15px; }
	div.regio a.participant-small { height: 99px; width: 99px; }
	/*div.regio label.participant { height: 105px; width: 105px; margin-right: 14px; }*/
	div.regio label.participant div { display: none; font-family: 'pictos'; font-size: 36px; line-height: 36px; color: #000000; z-index: 10; width: 36px; height: 36px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }
	/*div.regio label.participant div { font-size: 53px; line-height: 53px; width: 53px; height: 53px; }*/
	
	main .form .row { margin-bottom: 5px; }
	main .form .row .key,
	main .form .row .value {  display: block; }
	main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"], main .form .row textarea {  width: 310px; }
	main .form .row select {  width: 310px; }
	main .form div.error { width: 310px; margin-bottom: 20px; }
	
	main article.info-detail figure.product { border: 0; width: 100%; height: 137px; }
	main article.info-overview div.gallery figure { width: 140px; }
	main article.info-overview div.gallery-member figure { width: 209px; }
	
	div.news-detail-content { width: 459px; }
	div.top10 div.col-50 { width: 319px; }
}

/* SHARED SMALL SCREENS */

@media screen and (min-width: 300px) and (max-width: 767px){
	header.head figure.logo { width: 100px; margin: 0px; padding: 15px 0px 15px 0px; }
	header.head figure.logo a { float: none; }
	header.head figure.logo h3 { float: none; margin: 10px auto 10px auto; width: 196px; height: 75px; background-size: 196px 75px; padding-left: 196px; }

	header.head div.streamer div { height: 265px; width: 100%; min-width: 620px; background-position: 85% top; }
	header.head div#streamer1 div { min-width: 680px; background-position: 85% top; }
	header.head div#streamer2 div { min-width: 480px; background-position: 90% top; }
	header.head div#streamer2 div.bg { background-image: url(../image/streamer_2_small.png); }
	header.head div#streamer3 div { height: 290px; min-width: 500px; background-position: 90% top; }
	header.head div#streamer4 div { height: 283px; min-width: 605px; background-position: 90% top; }
	header.head div#streamer5 div { height: 265px !important; min-width: 630px !important; background-position: 85% top !important; }
	header.head div#streamer5 div.bg { background-image: url(../image/streamer_5_small.png); }
	header.head div#streamer6 div { height: 265px !important; min-width: 630px !important; background-position: 85% top !important; }
	header.head div#streamer6 div.bg { background-image: url(../image/streamer_6_small.png); }
	header.head div#streamer7 div { height: 265px !important; min-width: 630px !important; background-position: 85% top !important; }
	header.head div#streamer7 div.bg { background-image: url(../image/streamer_7_small.png); }

	header.head div.streamer div.payoff { width: 100%; min-width: 100%; margin: 0px; left: 0px; }
	header.head div.streamer div h3 { left: 17px; top: 172px; width: 187px; height: 72px; background-size: 187px 72px;}

	header.head figure.social, footer figure.social { font-size: 22px; width: 100%; float: none; margin: 0 auto 10px auto;}
	header.head figure.social a, footer figure.social a { width: 24px; }
	
	header.head nav ul ul.nav-members { display: none;}
	
	div.top10 { width: 100%;}
	footer h4 { display: inline-block; line-height: 30px; }
	footer figure.social { display: inline-block; float: right; width: auto; margin-bottom: 0px; }
	footer figure.social div:last-child { margin-right: 0px;}
}

@media screen and (min-width: 375px) and (max-width: 767px){
	header.head div#streamer2 div.bg { background-image: url(../image/streamer_2.png); }
	header.head div#streamer2 div { min-width: 580px; background-position: 90% top; }
}

@media screen and (min-width: 540px) and (max-width: 767px){
	header.head div#streamer5 div.bg { background-image: url(../image/streamer_5.png); }
	header.head div#streamer5 div { min-width: 690px !important; background-position: 110% top !important; }
	header.head div#streamer6 div.bg { background-image: url(../image/streamer_6.png); }
	header.head div#streamer6 div { min-width: 690px !important; background-position: 110% top !important; }
	header.head div#streamer7 div.bg { background-image: url(../image/streamer_7.png); }
	header.head div#streamer7 div { min-width: 690px !important; background-position: 110% top !important; }
}

@media screen and (min-width: 300px) and (max-width: 1023px){

	img.sidebar { width: 25%; float: left; margin-right: 10px;}

	div.message { margin-top: 28px;}

	div#recaptcha {transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;float:right;clear:right;}
	div#recaptcha-form {transform:scale(1.0);-webkit-transform:scale(1.0);transform-origin:0 0;-webkit-transform-origin:0 0;float:right;clear:right;}

	div.sideheader { display: block; top: 86px; }
	header.top form.search { display: table;}

	header.head { min-height: 265px; position: relative;}
	header.head figure.social { display: none; }
	header.head figure { margin: 10px auto; width: 100%; }
	header.head figure img { max-width: 100%; width: 200px; }
	
	main { padding-top: 0px; }
	main header > h1 { margin-top: 30px; }
	
	div.sideheader { position: absolute; width: 325px; margin: 83px 0 0 415px; }
	div.sideheader.lower { margin: 175px 0 0 415px; }
	div.sideheader h2 { margin: -80px 0 0 30px; }
	div.sideheader ul { margin: -70px 0 0 30px; }

	form.search { display: table; position: relative; top: 28px; width: 100%; margin: 0px;}
	form.search div.text { display: table-cell; width: auto; vertical-align: middle;}
	form.search div.text input { float: left; margin: 0px 0px 0px 0px; line-height: 32px;}
	form.search div.submit { display: table-cell; width: 140px;}
	form.search div.submit button { margin-top: 0px;}
	
	h3.regio { margin-top: 60px;}
	
	footer section.col { display: none; }
/*	main aside { display: none; }*/

	main aside { width: 100% !important; margin-top: 30px; padding-bottom: 0px; padding-left: 0px; }
	main aside div.sidelanguage, main aside form.search { display: none;}
	a.sidearticle, div.sidearticle { margin-left: 0px; margin-right: 0px; margin-bottom: 30px; width: 100%;}
	div.sidearticle .form .left { float: none; width: 100%;}
	div.sidearticle .form .row { width: 100% !important; }
	div.sidearticle .form .row .key { width: 30% !important;}
	div.sidearticle .form .row .value { width: 70% !important; }
	div.sidearticle .form .row  input[type="text"], sidearticle .form .row input[type="password"], div.sidearticle .form .row  input[type="email"], sidearticle .form .row input[type="tel"], div.sidearticle .form .row  input[type="url"] { width: 100% !important; }
	div.sidearticle .form .row button[type="submit"], div.sidearticle .form .row button.g-recaptcha { margin-right: 0px; }

	.col-3-2 a.sidearticle { display: block;}

	footer section.side { display: none; }
	main .form .col { margin: 0; }
	
	article.video-teaser { margin-bottom: 25px;}

	div.news-detail-content { width: 543px; }
	img.logo { width: 25%;}
	
	header.head div#streamer5 div { height: 195px; min-width: 740px; background-position: 100% top; }
	header.head div#streamer6 div { height: 195px; min-width: 740px; background-position: 100% top; }
	header.head div#streamer7 div { height: 195px; min-width: 740px; background-position: 100% top; }

	header.head nav ul ul.nav-members div {	padding: 10px 0px 20px 10px;}
	header.head nav ul ul.nav-members li a { height: 56px; width: 56px; margin-left: 8px; margin-top: 8px;}
}

@media screen and (min-width: 640px) and (max-width: 1023px){
	span.flag { margin-right: 10px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px){

/*	header.head figure.left,*/
	main aside article header .title { float: none; }

	header.head figure.logo { margin-top: 20px; margin-left: 0px; }
	header.head figure.logo h3 { margin-left: 25px; margin-top: 25px; width: 196px; height: 75px; background-size: 196px 75px;}
	header.head div.streamer div { width: 740px; /*background: no-repeat right 0px; background-size: auto 100%;*/ }
	header.head div.streamer div.payoff { margin-left: -370px; }
	header.head div.streamer div h3 { top: 45px; left: 160px; width: 196px; height: 75px; background-size: 196px 75px;}
	
	.col-2-1 { width: 100%; }
	.col-3-1 { width: auto; }
	.col-3-2 { width: 100%; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 800px !important;}
	.col-3-2 div.g-recaptcha iframe { height: auto !important;}
	.col-3-2 div#locationsPanel { height: 530px !important;}
	.col-3-2 div#helpPanelContainer { height: 770px !important;}
	.col-3-2 article.video { padding: 8px 0px 8px 0px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 414px !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 368px !important;}
	.col-3-2 article.video.videowide2 iframe, .col-3-2 article.video.videowide2 div.iframe { height: 386px !important;}
/*	.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { height: 916px !important;}*/
	.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { height: 540px !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { width: 100%; height: 199px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide, .col-3-2 article.info-overview div.gallery div.iframe.videowide { width: 100%; height: 176px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide2, .col-3-2 article.info-overview div.gallery div.iframe.videowide2 { width: 100%; height: 186px !important;}
	.col-3-2 article.info-overview div.gallery iframe.videoportrait, .col-3-2 article.info-overview div.gallery div.iframe.videoportrait { width: 100%; height: 441px !important;}
	.col-4-1 { width: 237px; }
/*	.col-4-1:nth-child(3) { clear: left;}*/
	.col-6-1 { width: 25%; }
	.wrapper { max-width: 733px; margin: 0 auto; }
	
/*	.info-detail-logo { float: none; max-width: 300px; height: auto; }*/
	.info-detail-logo figure { padding-right: 0px !important;}

	header.head { min-height: 212px; }
	header.head nav { width: 733px; margin-left: 0px; top: 168px; }
	header.head nav ul li a { padding: 7px 7px; font-size: .85em;  }
	header.head nav ul ul { width: 180px; margin-left: 0px; text-align: left; }
	header.head nav ul ul li a { padding: 5px 10px; border-top: 1px solid #666666; }

	header.top h1 { max-width: 440px; min-height: 56px; }

	main article.info-overview .left, main article.info-overview .right { width: 353px; }
	main article.info-overview .col-6-1 { width: 161px; }
	main article.info-overview figure { height: 161px; }

	main article.info-overview div.gallery figure { width: 161px; height: auto; }
	main article.info-overview div.gallery-member figure { width: 237px; }

/*	main article.info-detail figure.product { height: 242px; }*/
/*	main article.info-detail div.col-4-1:nth-child(6) { clear: both; }*/
	main article.info-detail.address div.col-4-1:nth-child(3) { clear: none; }
	
	main div.page-selector div { display: block; text-align: left; position: absolute; z-index: 100; width: 130px; }
	main div.page-selector div.col-3-1 { display: block; position: relative; text-align: center;width: 100%; z-index: 0; text-align: center;}
	main div.page-selector div.text-right { text-align: right; margin: 0 0 0 606px; }
	
	main form.pageform { border-bottom: 1px dotted #202e55; }

	main .form .col-3-1 { width: 100%; }
	main .form .col-3-1.col { padding-bottom: 20px; }

	main .form .row .key { float: left; width: 40%; }	
	main .form .row .value { float: left; width: 60%; }	
	main .form .row  input[type="text"], main .form .row input[type="password"], main .form .row  input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"] { width: 100% !important; }
	main .form .row select { width: 100%; }
	main .form .row textarea { width: 100%; }
	main .form div.error { width: 100%; margin-bottom: 20px; }

	main form.pageform { padding-bottom: 20px;}
}

@media screen and (min-width: 300px) and (max-width: 767px){

	.col-2-1, .col-3-1, .col-3-2, .col-4-1, .col-6-1 { width: auto; }
	.col-3-2 iframe, .col-3-2 div.iframe, .col-3-2 div#map-canvas { height: 500px !important;}
	.col-3-2 div.g-recaptcha iframe { height: auto !important;}
	.col-3-2 div#locationsPanel { height: 230px !important;}
	.col-3-2 div#helpPanelContainer { height: 470px !important;}
	.col-3-2 article.video { padding: 5px 0px 5px 0px;}
	.col-3-2 article.video-teaser { margin-top: 15px;}
	article.video h1 { margin-top: 7px; margin-bottom: 20px;}
	.col-3-2 article.video iframe, .col-3-2 article.video div.iframe { height: 100% !important;}
	.col-3-2 article.video.videowide iframe, .col-3-2 article.video.videowide div.iframe { height: 100% !important;}
	.col-3-2 article.video.videowide2 iframe, .col-3-2 article.video.videowide2 div.iframe { height: 100% !important;}
	.col-3-2 article.video.videoportrait iframe, .col-3-2 article.video.videoportrait div.iframe { width: 100%; height: 100% !important;}
	.col-3-2 article.info-overview div.gallery iframe, .col-3-2 article.info-overview div.gallery div.iframe { height: 100% !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide, .col-3-2 article.info-overview div.gallery div.iframe.videowide { height: 100% !important;}
	.col-3-2 article.info-overview div.gallery iframe.videowide2, .col-3-2 article.info-overview div.gallery div.iframe.videowide2 { height: 100% !important;}
	.col-3-2 article.info-overview div.gallery iframe.videoportrait, .col-3-2 article.info-overview div.gallery div.iframe.videoportrait { height: 100% !important;}
	.wrapper, main.content div.wrapper, footer div.wrapper  { width: auto; margin: 0 20px;  }
	header.head nav.right, header.head .left { float: none; } 
	header.head nav { width: 100%; margin-left: 0px; border-radius: 0px; }	
	header.head .navigation-trigger { display: block; position: absolute; right: 20px; top: 20px; opacity: .8; }
	header.head .navigation-trigger:hover { opacity: 1; }
	main header { height: auto; padding-top: 140px; }
	main article header { height: auto; padding-top: 0px;  }
	.col-3-2 { width: 100%; }
	.col-4-1 { width: 100%; }
	.address .col-4-1 { width: auto; }
	main article.info-detail div.col-4-1 { padding-right: 11px; }

	main .sidearticle header { height: auto; padding-top: 0px;  }
	main article.info-detail.address div.col-4-1 { padding-right: 20px;}

	main article.info-overview { margin-top: 0; margin-left: 0px; }
	.info-detail-logo { float: none; max-width: 300px; height: auto; }
	.info-detail-logo figure { padding-right: 0px !important;}
	main article.info-overview div.gallery h1 { margin-left: 2%; }
	
	div.sideheader h2 { margin: -80px auto 0 auto; }
	div.sideheader ul { margin: -70px auto 0 auto; width: 295px; }
	div.sideheader, div.sideheader.lower { width: 100%; margin: 80px auto 0 auto; position: absolute; border-bottom: 1px solid #eeeeee; }
	h3.regio { margin-top: 60px;}

	form.search { position: absolute; top: 28px; width: 100%; margin: 0px;}

	header.head nav { top: 0px; margin-top: 128px; display: block; position: relative; height: 0px; overflow: hidden; background: #fff; }
	header.head nav ul { display: block; position: relative; width: 100%; }
	header.head nav ul li { display: block; }
	header.head nav ul li a,
	header.head nav ul ul li a { font-size: 100%; padding: 8px 20px; border-bottom: 1px solid #889d70; text-align: left; color: #889d70; }
	header.head nav ul ul li a { padding: 8px 20px 8px 60px; }
	header.head nav ul li a.active, header.head nav ul li a.active:hover { color: #fff !important; background: #889d70 !important; }
	header.head nav ul li a.active2 { color: #889d70 !important; background: #fff !important; }
	header.head nav ul li a:hover { background: #c2c4ab !important; color: #fff !important; }
	header.head nav ul ul { position: relative; opacity: 1; width: 100%; display: block; overflow: visible; height: auto; background: none; margin: 0;}
	header.head nav ul ul li a.active, header.head nav ul ul li a.active2 { background: none; }

	div.regio-content-small { margin-left: -10px;}
	div.regio a.participant, div.regio label.participant { height: 105px; width: 105px; margin-left: 15px; border-radius: 3px; margin-right: -5px; margin-bottom: 10px; }
	div.regio a.participant-small { height: 83px; width: 83px; margin-left: 10px; margin-bottom: 10px; }
	div.regio label.participant div { display: none; font-family: 'pictos'; font-size: 26px; line-height: 26px; color: #000000; z-index: 10; width: 26px; height: 26px; position: absolute; top: 0; right: 0; margin: auto; vertical-align: middle; text-align: center; }

	main article.info-overview figure { display: none; }

	main article.info-overview div.gallery .col-3-1 { width: 100%; }
	main article.info-overview div.gallery figure { display: block; width: 48%; margin-left: 2%; }
	main article.info-overview div.gallery figure a { position: relative; display: block; width: 100%; height: auto; } 
	main article.info-overview div.gallery figure a img { margin: 0px; display: block; position: static; width: 100%; border-radius: 5px; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
	main article.info-overview div.gallery figure a img:hover { transform: scale(.9); -webkit-transform: scale(.9); -moz-transform: scale(.9); }
	main article.info-overview div.gallery-member { margin-top: 10px; margin-bottom: 0px; margin-left: -2% !important; }
	main article.info-overview div.gallery-photo { width: auto !important; margin-left: -2% !important; }
	main article.info-overview div.gallery-photo h2 { margin-left: 2%; }
	main article.info-overview div.gallery-photo figure { margin: 0 0 11px 11px; margin-left: 2%; }

	main article.info-detail figure.product { height: 178px; }
	
	main div.page-selector  { padding-top: 0; }
	main div.page-selector div { display: block; text-align: left; width: 100%; }
	main div.page-selector div.col-3-1 a { text-align: center;  }

	main .form .col-3-1 { width: 100%; }
	main .form .col-3-1.col { padding-bottom: 20px; }
	
	main .form .left.col-3-1, main .form .right.col-3-1 { float: none; display: block; width: auto; }
	main .form .row { margin-bottom: 5px; }
	main .form .row .key { width: 40%;}
	main .form .row .value { width: 60%; }
	main .form .row .key, main .form .row .value { display: block; }
	main .form .row input[type="text"], main .form .row input[type="password"], main .form .row input[type="email"], main .form .row input[type="tel"], main .form .row input[type="url"], main .form .row textarea { width: 100%; }
	main .form .row select { width: 100%; }
	main .form div.error { width: 100%; margin-bottom: 20px; }
	
	main form.pageform { border-bottom: 1px dotted #202e55; padding-bottom: 20px; width: 100%; }
}

@media screen and (max-width: 767px) {
	div.top10 div.col-50 { float: none !important; width: 100%;}
	div.top10 div.col-50:nth-child(odd) ol li { background-color: #fff !important;}
	div.top10 div.col-50:nth-child(odd) ol li:nth-child(odd) { background-color: #eee !important;}
	table.cookies td { white-space: normal;}

	div.news-detail-content { width: 100%; float: none; }
	article.news-detail h2 { float: left; width: calc(100% - 125px); }
	article.news-detail div.news-image { height: 113px; width: 113px; margin-right: 12px; margin-bottom: 10px; border-radius: 3px; }
	
	img.logo { width: 50% !important; margin-top: 25px; margin-bottom: 15px;}
}

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

	button.button-print { float: none; margin-top: 0px; margin-bottom: 15px;}
	button.button-save { float: none; margin-top: 0px; margin-bottom: 15px;}
	button.button-google { float: none; margin-top: 0px; margin-bottom: 15px;}
	button.button-apple { float: none; margin-top: 0px; margin-bottom: 15px;}

	div.sidearticle .form .row .key { width: 40% !important;}
	div.sidearticle .form .row .value { width: 60% !important; }
	main .form .row .key { width: 100%;}
	main .form .row .value { width: 100%; }
	h3.regio { position: relative; margin-bottom: 70px;}
	h3.regio div.nav { position: absolute; bottom: -34px; width: 100%; padding-right: 20px;}
	h3.regio div.nav a, h3.regio div.nav a:before, h3.regio div.nav a:after { color: #202e55;}
	h3.regio div.nav a.button-next { float: right;}
	
/*	div.news-detail-content { width: 100%; float: none; }*/
}

@media screen and (max-width: 599px) {
	.col-50p, .col-40p, .col-60p  { width: 100%; margin-top: 20px;}
	.col-50p:first-child, .col-40p:first-child, .col-60p:first-child { width: 100%; margin-top: 0px;}
}

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

	img.sidebar { width: 100%; float: none; margin-right: 0px;}

	div.sidearticle .form .row .key { width: 40% !important;}
	div.sidearticle .form .row .value { width: 60% !important; }
}

@media screen and (max-width: 419px) {
	div.sidearticle .form .row .key { width: 100% !important;}
	div.sidearticle .form .row .value { width: 100% !important; }
	main .form .row .key { width: 100% !important;}
	main .form .row .value { width: 100% !important; }
	
	main header { padding-top: 180px; }
	div.sideheader, div.sideheader.lower { margin-top: 120px;}
	h3.regio { margin-top: 100px;}
	
	form.search { display: block;}
	form.search div.text { display: block; width: 100%;}
	form.search div.text input { float: none; line-height: 28px;}
	form.search div.submit { display: block; width: auto;}
	form.search div.submit button { margin-top: 10px;}

	article.news-detail div.news-image { width: 75px; height: 75px; }
	article.news-detail h2 { font-size: 20px !important; float: left; width: calc(100% - 90px); }
	h3.news-date { clear: both; }
}

@media screen and (max-width: 380px){
	div#recaptcha {transform:scale(0.925);-webkit-transform:scale(0.925);transform-origin:0 0;-webkit-transform-origin:0 0;float:none;margin-top:15px;}
	div#recaptcha-form {transform:scale(0.925);-webkit-transform:scale(0.925);transform-origin:0 0;-webkit-transform-origin:0 0;float:none;margin-top:15px;}
}

@media screen and (max-width: 299px){
	.col-2-1, .col-3-1, .col-3-2, .col-4-1, .col-6-1 { width: auto; }
	.wrapper { width: auto;  }
	main, footer, nav, figure.social { display: none; }
	body { background: #000; }
	header.head { min-height: 100%;  }
	header.head figure { width: 100%; text-align: center; position: absolute; top: 35%; }
}