header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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,iframe{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}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}
/*************************************************************/
/*   Design:   TCS-THURGAU.CH         				 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Sam Mueller, www.nuun.ch 		                 */
/*   Datum:   März 2015					                     */
/*   Site: 	  wwww.tcs-thurgau.ch      		   		         */
/*************************************************************/
/*   Colors:  gelb: #ffeb00							 		 */
/*************************************************************/

@font-face { font-family: 'MuseoSlab300'; src: url('../../files/data/styles/museo_slab_300-webfont.eot'); src: url('../../files/data/styles/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'),  url('../../files/data/styles/museo_slab_300-webfont.woff') format('woff'),  url('../../files/data/styles/museo_slab_300-webfont.ttf') format('truetype'),  url('../../files/data/styles/museo_slab_300-webfont.svg#MuseoSlab300') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSlab700'; src: url('../../files/data/styles/museo_slab_700-webfont.eot'); src: url('../../files/data/styles/museo_slab_700-webfont.eot?#iefix') format('embedded-opentype'),  url('../../files/data/styles/museo_slab_700-webfont.woff') format('woff'),  url('../../files/data/styles/museo_slab_700-webfont.ttf') format('truetype'),  url('../../files/data/styles/museo_slab_700-webfont.svg#MuseoSlab700') format('svg'); font-weight: normal; font-style: normal; }

/*Familientag*/
body.familientag #wrapper {max-width: 100%; padding: 0;}
body.familientag #header {padding-top: 30px;}
body.familientag #header .inside {max-width: 1200px; margin:0 auto;}
body.familientag #header .logo {display: inline-block; float: left; width: 10%;}
body.familientag #header .logo img {width: 95px; height: 102px;}
body.familientag #header .headright {display: inline-block; float: right; width: 90%;}
body.familientag #header h1 {font-family: 'MuseoSlab700'; font-size: 3rem; line-height: 3.5rem;}
body.familientag #header .navigation {width: 100%; display: inline-block; margin-top: 30px; border-top: 1px dashed #000; border-bottom: 1px dashed #000;}
body.familientag #header .navigation a {font-family: 'MuseoSlab700'; font-size: 2.1rem; padding: 20px 0; margin: 0 60px 0 0; color: #000; text-decoration: none; display: inline-block; float: left;}

body.familientag .custom {width: 100%;}
body.familientag .custom img {width: 100%; height: auto;}

body.familientag .sliderinhalt {max-width: 1200px; height: 180px; background: #fff; box-sizing: border-box; margin: -50px auto 0 auto; padding: 30px; position: relative;}
body.familientag .sliderinhalt .text1 h2 {font-family: 'MuseoSlab300'; font-size: 4rem; line-height: 4.5rem; margin-top: 20px;}
body.familientag .sliderinhalt .text1 h2 strong {font-family: 'MuseoSlab700';}
body.familientag .sliderinhalt .nvp {width: 169px; height: 169px; position: absolute; right: 40%; top: -70px;}
body.familientag .sliderinhalt .text2 {float: right; font-size: 1.6rem; font-family: 'MuseoSlab700'; margin-top: -35px;}
body.familientag .sliderinhalt .text2 img {display: inline-block; float: right; width: 93px; height: 64px; margin-top: -43px; margin-left: 25px;}

body.familientag #container #main .image_container {margin-right: 0;}

body.familientag #main {margin: 40px auto 0 auto; background: #ffeb00; width: 100%;}
body.familientag #main .inside {padding: 0;}
body.familientag #container #main .ce_image.divider {text-align: center; padding: 30px 0 35px 0; clear: both;}
body.familientag #container #main .ce_image.divider img {width: auto !important;}

body.familientag #main .familientagtext p {font-family: 'MuseoSlab300'; font-size: 4rem; line-height: 4.8rem;}
body.familientag #main .familientagtext p strong {font-family: 'MuseoSlab700';}

body.familientag #container #main .spaltenrot {background: url(../../files/data/graphics/spaltenrotbg.svg) center bottom no-repeat; background-size: contain; padding-bottom: 50px;}
body.familientag #container #main .spaltenrot h2 {font-family: 'MuseoSlab700'; font-size: 4rem; line-height: 4.5rem; margin-top: 20px; padding-bottom: 50px;}
body.familientag #main .spaltencontainer {max-width: 1200px; margin: 0 auto;}
body.familientag #main .spaltencontainer .ce_text {display: inline-block; float: left; width: 31.3%; margin-right: 3%; background: #fff; border-top: 1px dashed #000; clear: none; box-sizing: border-box; padding:20px 15px; min-height: 500px; position: relative;}
body.familientag #main .spaltencontainer .ce_text:last-of-type {margin-right: 0;}
body.familientag #main .spaltencontainer .ce_text .image_container {position: absolute; width: 330px; height: 170px; bottom: -80px; left: -100vw; transition: left 1.5s ease;}
body.familientag #main .spaltencontainer .ce_text .image_container.fahren {left: -140px;}
body.familientag #main .spaltenrot .ce_text p {font-size: 2.1rem; line-height: 2.4rem; margin-bottom: 15px; font-family: 'MuseoSlab300';}
body.familientag #main .spaltenrot .ce_text p strong {font-family: 'MuseoSlab700';}
body.familientag #container #main .spaltenrot .ce_text.textweiss {max-width: 1100px; margin: 0 auto; float: none; padding: 90px 0 120px 0; transform: rotate(-10deg);}
body.familientag #container #main .spaltenrot .ce_text.textweiss p {color: #fff; font-size: 3rem; line-height: 3.8rem;}

body.familientag #container #main .kontakt h2 {text-align: center; font-family: 'MuseoSlab700'; padding-bottom: 50px; font-size: 4rem; line-height: 4.5rem;}
body.familientag #container #main .kontakt p {font-size: 3rem; line-height: 3.8rem; font-family: 'MuseoSlab300';}
body.familientag #container #main .kontakt p strong {font-family: 'MuseoSlab700';}

body.familientag #footer  {height: auto; padding:0;}
body.familientag #footer .inside {border-top: none; height: auto; padding: 20px 0 60px 0;}
body.familientag #footer p {font-size: 2.1rem; line-height: 3.1rem; font-family: 'MuseoSlab300';}
body.familientag #footer p strong {font-family: 'MuseoSlab700';}
body.familientag #footer .ce_image.divider {text-align: center; padding: 30px 0 35px 0;}
body.familientag #footer .ce_image.divider img {width: auto !important;}

@media screen and (max-width:1250px) {
	body.familientag #container #main .spaltenrot .ce_text.textweiss {max-width: 80%;}
	body.familientag #container #main .spaltenrot {background-size: cover;}
	body.familientag #header .inside {width: 94%; padding-right: 3%; padding-left: 3%;}
	body.familientag #main .spaltencontainer {width: 94%; padding-right: 3%; padding-left: 3%;}
}
@media screen and (max-width:900px) {
	body.familientag #header .logo {position: absolute; top: 20px; left: 3%;}
	body.familientag #header .headright {float: left; width: 100%;}
	body.familientag #header h1 {display: inline-block; margin-left: 130px; margin-bottom: 30px;}
	body.familientag #header .navigation {padding: 10px 0; margin-bottom: 30px;}
	body.familientag #header .navigation a {margin: 0; padding: 10px 0; text-align: center;}
	body.familientag #main .spaltencontainer .ce_text {width: 100%; margin-right: 0; margin-bottom: 30px; min-height: 1px;}
	body.familientag #main .spaltencontainer .ce_text .image_container {display: none;}
	body.familientag #container #main .spaltenrot .ce_text.textweiss {transform: rotate(0deg); max-width: 94%; padding-right: 30px 0;}
	body.familientag #header .navigation a {display: block; width: 100%; clear: both;}
	body.familientag .sliderinhalt .text1 {display: block; float: left; clear: left;}
	body.familientag .sliderinhalt .text2 {display: block; float: left; clear: left; margin-top: 0;}
	body.familientag .sliderinhalt .text2 img {float: none; clear: left; display: block; margin: 15px 0 0 0;}
	body.familientag .sliderinhalt {height: auto; display: inline-block; width: 100%;}
	body.familientag .sliderinhalt .nvp {width: 80px; height: 80px; position: absolute; right: 3%; top: -40px;}

	body.familientag .sliderinhalt .text1 h2 {font-size: 2.5rem; line-height: 3.5rem;}
	body.familientag #main .familientagtext p {font-size: 2.5rem; line-height: 3.5rem;}
	body.familientag #container #main .spaltenrot h2 {font-size: 2.5rem; line-height: 3.5rem;}
	body.familientag #container #main .spaltenrot .ce_text.textweiss p {font-size: 2.5rem; line-height: 3.5rem;}
	body.familientag #container #main .kontakt h2 {font-size: 2.5rem; line-height: 3.5rem;}
	body.familientag #container #main .kontakt p {font-size: 2.5rem; line-height: 3.5rem;}
}

/*  LAYOUT DEFAULT (GLOBAL)									 */
/*************************************************************/
html, body {width:100%; height:100%; margin:0; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#000; letter-spacing:0em; background:#ffeb00;}
body {font-size:16px; font-size:1.6rem;}

#wrapper {max-width:1200px; min-height:100%; margin:0 auto; padding:0 10px; font-size:1.4rem; line-height:2.0rem;}
* html #wrapper { height: 100%; }

.cookiebar {z-index: 1000;}
.cookiebar__button {margin:15px 0 10px 0;}

/* Header */
#header {min-height:180px; width:100%; margin:0; padding:0; position:relative;}
* html #header {height:180px;}

/* Container - Main - Left - Right */
#container {width:100%; min-height:500px; margin:0 0 20px 0; margin:0; display:block; position:relative; float:left; z-index:900;}
* html #container {height:500px;}

body #right {float:right; margin:0 0 0 2.333333333333333%; padding:0; width:23.25%; display:block;}

body #left {float:left; width:23.25%; margin:0 2.333333333333333% 20px 0; padding:0;}

body #main {float:left; margin:0 0 20px 0; padding:0 0 20px 0; width:48.83333333333333%; font-size:1em; background:#fff; min-height:500px;}
body #main .inside {padding:0 3.754266211604096% 0 4.095563139931741%;}

/* Footer */
#footer {max-width:1200px; height:220px; padding:0 10px; display:block; margin:-220px auto 0 auto;  font-size:1.4rem; line-height:2.0rem; position:relative; z-index:600;}
#footer .inside {width:100%; height:200px; display:block; padding:19px 0 0 0; margin:0; position:relative; border-top:1px dashed #000; float:left;}

#footer h2 {font-weight:bold; font-size:1.4rem; line-height:2.0rem; padding:0 0 3px 0; margin:0;}
#footer a {color:#000; }
#footer a:hover { color:#000; }

#footer .addressbox { width:23.25%; float:left; padding:0; margin:0 2.333333333333333% 0 0; }
.endcontent { height:220px; display:block; width:100%; }

.float_left {float:left;}

#main .ce_text.rundschaualt {clear: none; width: 33%; float: left;}
#main .ce_text.rundschaualt:nth-of-type(3n+1) {clear: left;}

body.home .TCS-Info {padding:30px 0 0 0;}
body.home .TCS-Info .warenkorblinkbild {display: none;}
body.home #main .ce_text_hover {float:left; position:relative; width:23.25%; height:auto; margin:0 2.333333333333333% 16px 0; padding:0; font-size:1.4rem; line-height:1.7rem; clear:none;}
body.home #main .ce_text_hover:nth-child(3n+5) {margin:0 0 16px 0;}
body.home #main .ce_text_hover.warenkorblink .hover-caption .caption {width: auto; position: absolute; background: none; right: 20px; bottom: 14%;}
#right .ce_text_hover {float:left; position:relative; width:100%; height:auto; margin:0 0 16px 0; padding:0;}

#container .ce_text_hover.warenkorblinkbild .hover-caption .caption {width: auto; position: absolute; background: none; right: 20px; bottom: 15%;}
#container .ce_text_hover .hover-caption {float:none; overflow:hidden; position:relative; text-align:left; color:#fff; width:100%; height:auto; margin:0 0 0 0;}
#container .ce_text_hover .hover-caption .mask {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;}
#container .ce_text_hover .hover-caption .mask a {padding:0; margin:0; position:absolute; left:0; top:0; width:100%; height:100%; float:left; color:#fff; text-decoration:none; z-index:1200;}

#container #main .ce_text_hover .hover-caption .image_container {width:100%; margin:0; padding:0; float:left;}
#container .ce_text_hover .hover-caption .image_container img {display: block; width:100% !important; height:auto !important;}

#container #main .ce_text_hover .hover-caption .text_hover {background:#fff; color:#000; float:left; width:84.28571428571429%; padding:16px 7.857142857142857% 16px 7.857142857142857%; min-height:150px;}
#container .ce_text_hover .hover-caption .text_hover a {padding:0 0 0 22px; opacity:1; transform: scale(1); transition: all 0.3s; background:url(../../files/data/graphics/ico_arrow_right.png) no-repeat left top; background-size:16px 16px; text-decoration:none;}
#container .ce_text_hover .hover-caption:hover .text_hover a {opacity: 1; transform: scale(1); transition-delay: 0s; color:#000; background:url(../../files/data/graphics/ico_arrow_right_hover.png) no-repeat left top; background-size:16px 16px;}

#container #right .ce_text_hover .hover-caption .text_hover {display:none;}

#container .ce_text_hover .hover-caption .caption {
	width:92.14285714285714%; height:35px; background:#000; display:block; padding:5px 0 0 7.857142857142857%; margin:0; float:left; line-height:2.8rem; font-size:2.2rem; font-weight:normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif;
	opacity: 1; transform: scale(1); transition: all 0.3s;}
#container .ce_text_hover .hover-caption:hover .caption {opacity: 1; transform: scale(1); transition-delay: 0s; color:#ffeb00;}

#main .mod_article .linie { background:url(../../files/data/grafics/line.gif) left bottom repeat-x; padding:0 0 15px 0; margin:0 0 15px 0; width:100%;}
#container #main .shopartikel .image_container img {max-width:250px; height:auto;}
#container #main .bildbreite .image_container img {max-width:150px; height:auto;}

/*  LAYOUT HOME												 */
/*************************************************************/
body.home #main {float:left; margin:17px 0 20px 0; padding:0; width:100%; font-size:1em; background:none; min-height:500px; }
body.home #main .inside {padding:0;}

body.home #main .warenkorblink {float: right; margin: 0 0 15px 0;}
body.home #container #main .ce_text_hover .hover-caption .text_hover {display: none;}
body.home #container #main .mod_newslist h2 {border-top: none;}

#logo-signet {position:absolute; top:18px; left:0; z-index:1000;}
#logo-signet img {width:116px; height:auto;}
#logo-text {font-family: 'MuseoSlab700'; font-size: 3.5rem; line-height: 4.1rem; position:absolute; left:140px; top:40px; z-index:1000;}
#logo-text a {color:#000; text-decoration:none;}
#mobileheader {display:none;}

#logo-nuun { position:absolute; top:19px; right:60px; }
#logo-designloft { position:absolute; top:19px; right:0; }

.cleaner { clear:both; }

/*  NAVIGATION - SERVICE								  	 */
/*************************************************************/
#header .mod_nav_service {position:absolute; top:6px; right:0; z-index:1000; font-size:1.2rem; line-height:1.8rem; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;}
#header .mod_nav_service h2 {display:none;}
#header .mod_nav_service ul {padding:0; margin:0;}
#header .mod_nav_service ul li {display:block; float:left; margin:0;padding:0 0 0 20px;}
#header .mod_nav_service ul li a {color:#000; float:left; margin:0; padding:0; font-weight:normal; text-decoration:none;}
#header .mod_nav_service ul li a:hover, #header .mod_nav_service ul li a.active {color:#000; text-decoration:underline;}

/*  NAVIGATION - 1. EBENE (HEADER)						  	 */
/*************************************************************/
#header .mod_nav_main {position:relative; top:0; left:0; z-index:800; margin:0 0 0 140px; padding:96px 0 0 0; max-width:1060px; font-size:1.8rem; line-height:2.4rem; font-weight:normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; transition: all 0.5s;}
#header .mod_nav_main ul {width:100%; float:left; padding:1px 0; border-top:1px dashed #000; border-bottom:1px dashed #000;}
#header .mod_nav_main ul li {display:block; float:left; margin:0 18px 0 0; text-align:left;}
#header .mod_nav_main ul li.last {margin:0 0 0 0;}
#header .mod_nav_main ul li a {color:#000; float:left; padding:7px 5px; display:block; text-decoration:none;}
#header .mod_nav_main ul li a:hover, #header .mod_nav_main ul li a.active, #header .mod_nav_main ul li a.trail {color:#ffeb00; text-decoration:none; background:#000;}

/*  NAVIGATION - 2. EBENE / 3. EBENE (LEFT)					 */
/*************************************************************/
#left .mod_nav_sub {width:100%; margin:0 0 40px 0; padding:0 0 0 0; font-weight:bold;}
#left .mod_nav_sub ul {width:100%; padding:0 0 20px 0; margin:0; font-size:1.5rem; line-height:2.1rem;}
#left .mod_nav_sub ul li {display:block; padding: 1px 0; margin:0 0 0 0; width:100%; border-top:1px dashed #000;}
#left .mod_nav_sub ul li a {color:#000; padding:8px 2.857142857142857% 9px 7.857142857142857%; text-decoration:none; font-weight:normal; font-family:'MuseoSlab700', Arial, Verdana, sans-serif; display:block;}
#left .mod_nav_sub ul li.last {border-bottom:1px dashed #000;}
#left .mod_nav_sub ul li a:hover, #left .mod_nav_sub ul li a.active, #left .mod_nav_sub ul li a.trail { color:#ffeb00; background-color:#000; text-decoration:none; display:block;}
#left .mod_nav_sub ul li ul {width:90%; padding:1px 0 0 10%; margin:0; font-size:1.3rem; line-height:1.9rem; background:none; }
#left .mod_nav_sub ul li ul li { display:block; padding: 1px 0; margin:0; width:100%; }
#left .mod_nav_sub ul li ul li a { color:#000; background:none; padding:5px 6px 4px 6px; font-weight:normal; }
#left .mod_nav_sub ul li ul li.last {border-bottom:none; padding-bottom:0;}
#left .mod_nav_sub ul li ul li a:hover, #left .mod_nav_sub ul li ul li a.active, #left .mod_nav_sub ul li ul li a.trail { color:#ffeb00; text-decoration:none; background-color:#000; }

/*  NAVIGATION - SITEMAP (MAIN)								 */
/*************************************************************/
#main .sitemap { padding:9px 0 30px 0 !important; }
#main .sitemap ul li { background:none !important; font-weight:bold; margin:0 !important; padding:0 !important; }
#main .sitemap ul li a { color:#000; }
#main .sitemap ul li a:hover { color:#000; }
#main .sitemap ul li ul { padding-bottom:9px !important; }
#main .sitemap ul li ul li { font-weight:normal; padding:0 0 0 12px !important; }
#main .sitemap ul li ul li a { color:#000; background:url(../../files/data/grafics/icon_bullet_inactive.gif) left 6px no-repeat !important; font-weight:normal; padding:0 0 0 12px !important; }
#main .sitemap ul li ul li a:hover { color:#000; background:url(../../files/data/grafics/icon_bullet_active.gif) left 6px no-repeat !important; font-weight:normal; }
#main .sitemap ul li ul ul { padding-bottom:0 !important; }
#main .sitemap ul li ul li ul li { padding:0 0 0 12px !important; }
#main .sitemap ul li ul li ul li a { color:#000; background:url(../../files/data/grafics/subnav_inactive.gif) left 7px no-repeat !important; }
#main .sitemap ul li ul li ul li a:hover { color:#000; background:url(../../files/data/grafics/subnav_active.gif) left 7px no-repeat !important; }

/*  NAVIGATION - 2. EBENE (FOOTER)						  	 */
/*************************************************************/
#footer .mod_nav_main { width:23.25%; float:left; padding:0; margin:0 2.333333333333333% 0 0;}
#footer .mod_nav_main ul { width:100%; padding:0; }
#footer .mod_nav_main ul li { display:block; float:left; padding:0; width:100%; background:none; }
#footer .mod_nav_main ul li a { color:#000; float: left; padding:0; font-weight:normal; text-decoration:none;}
#footer .mod_nav_main ul li a:hover, #footer .mod_nav_main ul li a.active, #footer .mod_nav_main ul li a.trail { color:#000; text-decoration:underline; }

/*  NAVIGATION - SERVICE (FOOTER)						  	 */
/*************************************************************/
#footer .mod_nav_service { width:23.25%; float:left; padding:0; margin:0; }
#footer .mod_nav_service ul { width:100%; padding:0 }
#footer .mod_nav_service ul li { display:block; float:left; padding:0; width:100%; background:none; }
#footer .mod_nav_service ul li a { color:#000; float: left; padding:0; font-weight:normal; text-decoration:none;}
#footer .mod_nav_service ul li a:hover, #footer .mod_nav_service ul li a.active { color:#000; text-decoration:underline; }

/*  INHALTSELEMENTE										  	 */
/*************************************************************/
#container p { padding:0; margin:0 0 5px 0; }
#container h1 { padding:22px 0 24px 0; margin:0; font-size:1.7em; font-weight:normal; color:#000; line-height:1em; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif;}
#container #left h2,
body.home #container #main .mod_newslist h2 {padding:8px 0 9px 0; margin:0 0 10px 0; font-size:1.8rem; font-weight:normal; line-height:2.4rem; color:#000; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; border-top:1px dashed #000; border-bottom:1px dashed #000;}
body #container #main h2, body #container #right h2 {padding:3px 0 12px 0; margin:0; font-size:1.2em; color:#000; font-weight:bold; line-height:1.2em; font-family:Verdana, Geneva, sans-serif;}
#main h3 {padding:0; margin:0; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#000;}
#container ol {list-style-type: decimal; list-style-image:none; list-style-position: outside; margin-left:30px; }
#container a, #container a:link, #container a:visited { color:#000; }
#container a:hover, #container a:active { color:#000; text-decoration:underline; }

#main .ce_text {float:left; width:100%; clear:both;}

#container #main ul { display:block; list-style-type:none; margin:0; padding:0 0 0 2px; }
#container #main ul li { padding:0 0 0 12px; margin:0; display:block; background:url(../../files/data/grafics/icon-bullet.gif) left 6px no-repeat; }
#container #main .image_container { margin:5px 18px 10px 0; max-width: 100%;}
#container #main .image_container img {width: 100%; height: auto;}
body.home #container .mod_article .image_container { margin:0; }
body.home #container h1, #container .mod_newslist h1  { padding:8px 0 10px 15px; font-size:1.7em; height:31px; font-weight:normal; color:#000; line-height:1.2em; background:url(../../files/data/grafics/bg_h1_news.gif) repeat-x; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; }

iframe {border:none;}

/*ACCORDION*/
.ce_accordion {margin-bottom: 10px;}
.ce_accordion .toggler {display: inline-block; width: 96%; padding:5px 2%; color:#fff; background: #000 url(../../files/data/graphics/accordion-plus.svg) center right 5px no-repeat; transition: background 0.3s; background-size: 20px;}
.ce_accordion .toggler.active {background: #000 url(../../files/data/graphics/accordion-minus.svg) center right 5px no-repeat; background-size: 20px;}
.ce_accordion .accordion {padding:15px 0;}

/*  INHALTSELEMENT - GALLERY									 */
/*************************************************************/
#container #main .ce_gallery { float:left; display:block; width:100%;}
#container #main .ce_gallery ul {width:100%; list-style:none; list-style-type:none; padding:0; margin:0;}
#container #main .ce_gallery ul li {width:23.33333333333333%; background:none; padding:0; margin:0 2.222222222222222% 2.222222222222222% 0; height:; float:left;}
#container #main .ce_gallery ul li.col_last {margin:0 0 2.222222222222222% 0;}
#container #main .ce_gallery ul li .image_container {width:100%; height:70px; margin:0; padding:0; overflow:hidden;}
#container #main .ce_gallery ul li .image_container img {width:100%; height:auto;}

/*  INHALTSELEMENT - 2 Spalten 30/70						 */
/*************************************************************/
.cols-30-70 { float:left; display:block; width:426px; }
.cols-30-70 .col-01 { float:left; display:block; width:150px; padding:0 26px 0 0; }
.cols-30-70 .col-02 { float:left; display:block; width:250px; padding:0; }

/*  INHALTSELEMENT - Wettbewerb								 */
/*************************************************************/
body #container .fragen {float: left; width: 100%; background-color: rgba(255, 255, 0, 0.2); margin-bottom: 20px !important;}
.fragen .widget-explanation p {padding: 5px !important;}
body #container .tcswettbewerb .widget-text {width: 100%; height: 35px; margin-bottom: 10px; /*background-color: rgba(255, 255, 0, 0.2);*/}
body #container .tcswettbewerb .widget-text label {padding: 5px 0 0 5px;}
/*body #container .tcswettbewerb .widget-text input {margin-top: 5px; border: none; background-color: rgba(0,0,0,0);}
body #container .tcswettbewerb .widget-text input.submit {margin: 10px 0 0 0; float:right; background-color: rgba(0,0,0,1);}*/

body #container .tcswettbewerb .widget-radio .radio_container span {width: 100%;}

.fragen .widget-radio fieldset span {float: left; padding: 5px;}
.tcswettbewerb .fragen #ctrl_57 {background: url(/tl_files/Inhalte/Bilder/Wettbewerb/wettbewerb1.png) no-repeat right bottom; background-size: contain;}
.tcswettbewerb .fragen #ctrl_59 {background: url(/tl_files/Inhalte/Bilder/Wettbewerb/wettbewerb2.png) no-repeat right bottom; background-size: contain;}
.tcswettbewerb .fragen #ctrl_61 {background: url(/tl_files/Inhalte/Bilder/Wettbewerb/wettbewerb3.png) no-repeat right bottom; background-size: contain;}
.tcswettbewerb .fragen #ctrl_63 {background: url(/tl_files/Inhalte/Bilder/Wettbewerb/wettbewerb4.png) no-repeat right bottom; background-size: contain;}

/*  MODUL - NEWS											 */
/*************************************************************/
body #main .mod_newslist .layout_latest {padding:8px 0; margin:0; border-bottom:1px dashed #000;}
body #main .mod_newslist .layout_latest h3 {padding:0; margin:0; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#000;}
body #main .mod_newslist .layout_latest a {text-decoration:none;}
body #main .mod_newslist .layout_latest .image_container {float:left;}

#left .mod_newslist {padding:0; margin:0 0 30px 0;}
#left .mod_newslist .layout_latest {padding:8px 0; margin:0;}
#left .mod_newslist .layout_latest h3 {padding:0; margin:0; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#000;}
#left .mod_newslist .layout_latest a {text-decoration:none;}
#left .mod_newslist .layout_latest .image_container {display:none;}
#container #left .mod_newslist .layout_latest .teaser p {padding:0; margin:0;}
#container .mod_newslist p.info {font-size:1.2rem; line-height:1.8rem; padding:0; margin:0;}
#container .mod_newslist p.more {padding:0; margin:0;}

body.home #main .mod_newslist_desktop {border-bottom:1px dashed #000; float:right; height:313px; margin:0 0 0 2.333333333333333%; padding:0; width:23.25%; display:block;}
body.home #main .mod_newslist_desktop .layout_latest {padding:8px 0; margin:0; border-bottom:none;}
body.home #main .mod_newslist_desktop .layout_latest h3 {padding:0; margin:0; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#000;}
body.home #main .mod_newslist_desktop .layout_latest a {text-decoration:none;}
body.home #main .mod_newslist_desktop .layout_latest .image_container {display:none;}
body.home #container #main .mod_newslist_desktop .layout_latest .teaser p {padding:0; margin:0;}

body.home #main .mod_newslist_mobile {display:none;}

/*  BILDERSLIDER HOME (CAROUFREDSEL)					  	 */
/*************************************************************/
.ce_caroufredsel {padding:0; margin:0; position:relative; width:74.41666666666667%; height:auto !important; z-index:1100; float:left; max-height:460px !important; overflow:hidden; color:#fff;}
.caroufredsel_wrapper {width:100% !important; max-height:460px !important; overflow:hidden !important;}
.caroufredsel {width:100% !important;}
.caroufredsel .ce_text {max-width:893px; max-height:460px; position:relative; top:0; overflow:hidden;}
#container .caroufredsel .ce_text a {color:#fff; text-decoration:none;}
.caroufredsel .ce_text .slidertext {position:absolute; bottom:30px; left:30px;}
.caroufredsel .image_container {height:auto !important; width:100% !important; position:relative; padding:0 !important; margin:0 !important;}
.caroufredsel img {height:auto !important; width:100% !important;}
.caroufredsel_controls {position:absolute; top:20px; left:30px; width:50%; text-align:left; float:left; display:block; z-index:800;}
.caroufredsel_pagi {position:relative; text-align:left; margin:0 auto; width:auto !important;}
.caroufredsel_pagi a {background:url(../../files/data/graphics/slider_inactive.png) left top no-repeat; width:10px; height:10px; margin-left:2px; margin-right:2px; display: inline-table;}
.caroufredsel_pagi a.selected, .caroufredsel_pagi a:hover {background:url(../../files/data/graphics/slider_active.png) left top no-repeat;}
.caroufredsel_pagi a span {display:none;}
.caroufredsel_navi {position:absolute; top:0; width:100%; z-index:1000;}

#container #main .ce_caroufredsel h2 {padding:8px 0 0 0; margin:0 0 0 0; font-size:3.5rem; font-weight:normal; line-height:4.1rem; color:#fff; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; border-top:none;
	-webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	-moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	-khtml-text-shadow:0 1px 3px rgba(0, 0, 0, 0.8); /* Konqueror */
}
#container #main .ce_caroufredsel h3 {padding:0 0 0 0; margin:0 0 0 0; font-size:3.5rem; font-weight:normal; line-height:4.1rem; color:#fff; font-family: 'MuseoSlab300', Arial, Verdana, sans-serif; border-top:none;
	-webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	-moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	-khtml-text-shadow:0 1px 3px rgba(0, 0, 0, 0.8); /* Konqueror */
}

/*  MODUL - EVENTS											 */
/*************************************************************/
#main .mod_eventlist { padding:0; }
#main .mod_eventlist .header { padding:9px 0 0 0 !important; margin:0 !important; color:#000; font-size:0.85em; }
#main .mod_eventlist .header .date { padding:0 !important; margin:0 !important; }
#main .mod_eventlist .header .day { padding:0 !important; margin:0 !important; }
#main .mod_eventlist .header .time { padding:0 !important; margin:0 !important; }
.mod_eventlist p.info, .mod_eventreader p.info { margin:0 !important; padding:0 !important; color:#000; }
#container #main .mod_eventlist h2 { margin:3px 0 5px 0; padding:0 !important; font-weight:bold !important; font-size:1em !important; font-family:Verdana, Geneva, sans-serif; }
.mod_eventlist h2 a, .mod_eventreader h2 a { color:#000 !important; padding:0 !important; margin: 5px 0 0 0; }
.mod_eventreader h1 { padding:5px 0 19px 0 !important; font-size:1.53em !important; font-weight:normal; color:#000; line-height:1.2em !important; }
.mod_eventlist .image_container { float:left; padding:0; margin:1px 18px 0 0 !important; display:block; }
.mod_eventlist .teaser p { padding:0 !important; line-height:1.44em !important; }
.mod_eventreader p { padding:0 !important; }
.mod_eventreader .event { padding:9px 0; float:left; }
.mod_eventlist .event { background:none; padding: 0 0 9px 0; margin: 0;  }
.mod_eventlist .last { background:none; }
.mod_eventreader .image_container { float:left; padding:0; margin:4px 18px 6px 0 !important; display:block; }
#container .mod_newsreader p.back a:link, #container .mod_newsreader p.back a:visited, #container .mod_eventreader p.back a:link, #container .mod_eventreader p.back a:visited { margin-top:10px; display:block; }
#container a.register:link, #container a.register:visited { background-color:#000; display:block; width:190px; padding: 2px 5px 2px 5px; color:#fff; margin-top: 20px; font-weight:bold; }
#container a.register:hover, #container a.register:active { background-color:#000; display:block; width:190px; padding: 2px 5px 2px 5px; color:#FFEB00; margin-top: 20px; font-weight:bold; }

/*  SUCHMASCHINE - SUCHRESULTATE							 */
/*************************************************************/
#header .search { position:absolute; top:42px; right:0; z-index:1000;}
#header .search input.text {width:198px; height:28px; border:1px solid #000; background:#fff; float:left; margin:0 10px 0 0; padding:0 4px;}
#header .search input.text:focus {background:#f9f8d9;}
#header .search .widget-submit { background:url(../../files/data/graphics/ico_search.png) left top no-repeat; border:none; cursor:pointer; width:30px; height:28px; float:left; }
#header .search .widget-text {display: inline;}

.mod_asteriskSearch .formbody { width:100%; float:left; padding:0 0; }
#main .mod_asteriskSearch {padding-top:0; margin-top:0;}
#main .mod_asteriskSearch form {padding-top:0; margin-top:0; float:left; width:100%;}
#main .mod_asteriskSearch .formbody label {width:100%; margin:0; padding:0 0 8px 0;}
#main .mod_asteriskSearch .formbody input.text {width:40%; height:22px; border:1px solid #000; background:#fff; float:left; margin:0 2px 0 0;}
#main .mod_asteriskSearch .formbody input.submit {border:1px solid #000; cursor:pointer; width:68px; height:28px; padding:0 0 1px 0; margin:0; float:left; background:#000; color:#fff;}
.mod_asteriskSearch .even, .mod_asteriskSearch .odd {border-bottom:1px dashed #000;}
.mod_asteriskSearch h3 { padding:12px 0 0 0 !important; margin:0 !important; font-weight:bold; }
.mod_asteriskSearch h3 a { padding:0 !important; margin:0 !important; color:#000 !important; }
.mod_asteriskSearch .context { padding:0 !important; margin:0 !important; }
.mod_asteriskSearch .url { padding:9px 0 15px 0 !important; margin:0 !important; font-size:0.83em; font-style:oblique; color:#000; }

/* CE DOWNLOADS */
#container .ce_download, #container .ce_downloads {float:left; width:100%; clear:both;}
#container .ce_download ul, #container .ce_downloads ul {display:block; list-style:none !important; list-style-type:none !important; margin:0 !important; padding:0 !important;}
#container .ce_download ul li, #container .ce_downloads ul li, #container .enclosure {position:relative; width:100%; font-size:0.92em; line-height:1.4em; display:block; /*background:none !important;*/ margin:0 0 3px 0 !important; padding:0 !important;}
#container .ce_download img, #container .ce_downloads img, #container .enclosure img {position:absolute; left:2px; top:2px; z-index:400;}
#container .ce_downloads a, #container .ce_downloads a:link, #container .ce_downloads a:visited, #container .ce_download a, #container .ce_download a:visited, #container .ce_download a:link, #container .enclosure a:link, #container .enclosure a:visited {
	color:#fff;
	position:relative;
	z-index:300;
	display:block;
	padding:3px 0 4px 25px;
	margin:0 0 0 0 !important;
	background:#000;
	}
#container #main .ce_download ul li.ext-pdf a, #container #main .ce_downloads ul li.ext-pdf a {background: #000 url(../../assets/contao/images/iconPDF.svg) left 4px center no-repeat;}
#container #main .ce_download ul li.ext-doc a, #container #main .ce_downloads ul li.ext-doc a {background: #000 url(../../assets/contao/images/iconDOC.svg) left 4px center no-repeat;}
#container #main .ce_download ul li.ext-xls a, #container #main .ce_downloads ul li.ext-xls a {background: #000 url(../../assets/contao/images/iconXLS.svg) left 4px center no-repeat;}

/*  ISSU Links										 */
/*************************************************************/
.ce_hyperlink {width:100%; float:left; display:block; clear:both;}
a.hyperlink_txt:link, a.hyperlink_txt:visited { background:url(../../files/data/grafics/ico-issuu.png) 3px 3px no-repeat #000 !important; color:#fff !important; font-size:0.9em; display:block; width:auto; padding:2px 2px 2px 25px; margin-bottom:10px; }
a.hyperlink_txt:hover, a.hyperlink_txt:active { background-color:#000 !important; color:#ffeb00 !important; text-decoration:none !important; }
a.blaetterlink:link, a.blaetterlink:visited, a.blaetterlink:hover, a.blaetterlink:active { background:url(../../files/data/grafics/ico-issuu.png) 3px 3px no-repeat; display:block; padding:2px 2px 2px 25px; margin-bottom:10px; }

.ce_issuu_element h2 {padding: 15px 0 7px 0 !important;}
.ce_issuu_element .ce_files {clear: both; background: #f0f0f0; padding: 5px;}
.ce_issuu_element .ce_files ul li {background: none !important; padding-left: 0 !important;}
.ce_issuu_element .ce_files ul li img {position: absolute;}
.ce_issuu_element .ce_files ul li a {text-decoration: none; padding-left: 25px;}

/*  DOWNLOAD - RUNDSCHAU									 */
/*************************************************************/
.ce_downloadarchiv { padding:0 !important; margin:0; float:left !important; width:100% !important; display:block; }
.downloadarchivItem {padding:0 0 0 0 !important; margin:0 3.333333333333333% 0 0; float:left !important; width:31.11111111111111% !important; height:320px; display:block; transition: all 0.5s;}
.downloadarchivItem:nth-child(2n+3) {margin:0 0 0 0;}
.downloadarchivItem a { font-weight:normal; color:#000 !important; padding:0; margin:0; float:none;}
.downloadarchivItem a:hover { color:#000 !important; text-decoration:none !important; }
.downloadarchivItem img.mime_icon { padding:0 3px 0 2px !important; margin:0 !important; float:left; }
.downloadarchivItem .image_container { padding:0 !important; margin:13px 0 0 0 !important; float:left; width:100% !important; height:auto !important; }
.downloadarchivItem .image_container img {width:100% !important; height:auto !important;}

.ce_youtube {width:100% !important; float:left; padding-bottom:36px;}
.ce_youtube .mejs-layer {width:100% !important;}
.ce_youtube .mejs-container {width:100% !important;}
.ce_youtube .me-plugin {width:100% !important;}
.ce_youtube .mejs-shim {width:100% !important;}

/*  FORMULAR											  	 */
/*************************************************************/
.ce_form #f3 .checkbox_container { float:left; width:426px; padding:9px 0; }
.ce_form #f3 .checkbox_container .checkbox { float:left; width: 22px; display:block; margin:0; padding:0; }
.ce_form #f3 .checkbox_container label { float:left; display:block; width:404px; padding:0; margin:0; text-align:left; line-height:1.2em; }
.ce_form #f3 label.kontrollschild { float:left; display:block; width:180px; padding:0 20px 0 0; margin:2px 0 10px 0; text-align:left; }
.ce_form #f3 input.kontrollschild { float:left; width: 200px; height: 16px; border: 1px solid #000; color:#666666; margin:0; padding:2px 2px; background: #fff; font-size:1em; }

.ce_form {width:100%; margin:0; padding:7px 0 7px 0; clear:both; float:left;}
#main .formbody label {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;}
#main .formbody label.error {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 0 0; text-align:left;}
#main .formbody input {float:right; width:65%; height:19px; border:1px solid #d1d1d1; color:#787878; margin:0 0 8px 0; padding:2px 1%; background:#f8f8f8;}
#main .formbody input.error {margin:2px 0 8px 29%;}
#main .formbody input.error {border: 1px solid #000;}
#main .formbody input:focus {border: 1px solid #000; background:#fff;}

#main textarea {float:right; width:65%; height: 100px; border: 1px solid #d1d1d1; margin:0 0 12px 0; color:#787878; padding:4px 1%; background:#f8f8f8s; font-family:'ralewayregular', Arial, Verdana, Helvetica, sans-serif;}
#main textarea.error {margin:0 0 8px 29%;}
#main .formbody textarea.error {border:1px solid #000;}
#main .formbody textarea:focus {border:1px solid #000; background:#fff;}

#main .formbody .submit {color:#fff; background:#000; border:none; cursor:pointer; height:25px; margin:2px 0 8px 32.7%; padding:1px 0 5px 0; width:32%; font-weight:normal; float:left;}
#main .formbody p.error {color:#e2001a; float:right; width: 67%; font-size:13px; padding:5px 0 4px 0 !important; margin:0; line-height:2rem;}
#main .formbody legend {float:left; display:block; width:29%; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;}
#main .ce_form .captcha_text {float:right; display:block; width:67%; padding:0 0 0 0; margin:2px 0 8px 0; text-align:left;}
#main select {float:right; width: 67.3%; height: 26px; border-radius: 0; border: 1px solid #d1d1d1; color:#787878; margin:0 0 8px 0; padding:2px 2px; background: #f8f8f8ss;}
#main .formbody br, #main .formbody div {clear:both; margin:0; padding:0;}
#main .ce_form .explanation img {max-width: 100%; height: auto;}

#main .formbody .widget-recaptcha {width: 67.4%; float: right; margin-bottom: 10px;}

.checkbox {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:4px 5px 0 0 !important;
	padding:0;
}
.checkbox_container {width:100%; display:block; float:left;	padding:0 0 12px 0;}
.checkbox_container label {width:80% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;}
.checkbox_container span {width:67%; display:block; float:right;}
.checkbox_container span.invisible {display: none;}
#main .formbody .checkbox_container input {float:left;}
.checkbox_container span.mandatory {width:10px; display:inline; float:none;}

#main .hctwettbewerb .formbody label {width: 35%;}
#main .hctwettbewerb .formbody input {width: 60%;}

.checkbox_container.limitbox span {width:100%;}

.radio {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:4px 5px 0 0 !important;
	padding:0;
}
.radio_container {width:100%; display:block; float:left; padding:0 0 12px 0;}
.radio_container label {width:80% !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;}
.radio_container span {width:67%; display:block; float:right;}
#main .formbody .radio_container input {float:left;}
.radio_container span.mandatory {width:10px; display:inline; float:none;}

/*  SHOP													 */
/*************************************************************/
/*LIST*/
.mod_iso_productlist .product .formbody {display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px dashed #000;}
.mod_iso_productlist .product .productleft {display: inline-block; width: 25%; float: left; clear: none !important;}
.mod_iso_productlist .product .productleft img {width: 100%; height: auto;}
.mod_iso_productlist .product .productright {display: inline-block; width: 75%; float: right; clear: none !important;}
#main .mod_iso_productlist .product .productright input.text {width: 10%;}
#main .mod_iso_productlist .product .productright input.submit {float: right; width: 150px;}
#main .mod_iso_productlist .product .productright .options .widget-text input.text {width: 40%;}

/*WARENKORB*/
body.warenkorb #main .product {margin: 0 0 15px 0; display: inline-block; width: 100%; border-bottom: 1px dashed #000; clear: both;}
body.warenkorb #main .product .image {width: 23%; display: inline-block; float: left; margin-right: 2%;}
body.warenkorb #main .product .image .image_container {width: 100%; height: auto; margin: 0;}
body.warenkorb #main .product .image .image_container img {width: 100%; height: auto;}

body.warenkorb #main .product .name {width: 30%; display: inline-block; float: left; margin-right: 2%; word-break:break-word;}

body.warenkorb #main .product .quantity {display: inline-block; float: left; width: 8%; margin-right: 3%;}
body.warenkorb #main .product .quantity input {width: 80%}

body.warenkorb #main .product .preise {display: inline-block; float: left; width: 23%; margin-right: 2%;}

body.warenkorb #main .product .actions {display: inline-block; float: left; width: 6%; margin-right: 0;}
body.warenkorb .button_cart {display: none;}
body.warenkorb .remove img {width: 25px; height: 25px;}

body.warenkorb table {width: 100%;}
#right .TCS-Info p.empty {padding: 12px 0 0 22px;}

.minishopproduct {margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #000;}
.minishoplinks {width: 90%; display: inline-block; float: left;}
.minishoprechts {width: 7%; padding-left: 3%; display: inline-block; float: left;}
.minishopproduct .minishoprechts .remove img {width: 100%; height: auto;}
.minishopunten {margin:10px 0 50px 0;}
.minishopunten .button {display: inline-block; float: left; padding: 3px 5px; background: #000; color: #fff !important; text-decoration: none; margin-right: 10px; margin-top: 10px;}

.submit_container input {background:#000; padding: 4px 6px; color: #fff; border-radius: 0; border:none; cursor: pointer;}

/*KASSE*/
body.kasse #main .address table {width: 100%;}
body.kasse #main .address table label {width: 95%;}
body.kasse #main .address table input {width: 97%;}
body.kasse #main .address table select {width: 100%;}
body.kasse #main .address .radio_container span {width: 100%;}
body.kasse #main .address .radio_container span input {width: 7% !important;}
body.kasse #main .address .radio_container span label {width: 91%;}

body.kasse #main .shipping .radio_container span {width: 100%;}
body.kasse #main .shipping .radio_container span input {width: 7% !important;}
body.kasse #main .shipping .radio_container span label {width: 91%;}
body.kasse #main .shipping .radio_container span.currency {width: auto; display: inline; float: none;}

body.kasse #main .payment .radio_container span {width: 100%;}
body.kasse #main .payment .radio_container span input {width: 7% !important;}
body.kasse #main .payment .radio_container span label {width: 91%;}
body.kasse #main .payment .radio_container span.currency {width: auto; display: inline; float: none;}
.mod_iso_checkout .formbody .payment.paymentmethod h2:after {content: "Achtung: Aktuell noch kein TWINT verfügbar"; display: block; clear: both; font-size: 1.4rem; margin-top: 15px;}

#main .mod_iso_checkout .orderinfo .info_container {padding: 15px 0;}
#main .mod_iso_checkout .submit_container {clear: both;}
#main .mod_iso_checkout p.error {color: #f00;}

#main .mod_iso_checkout .steps ol {list-style-position: inside; margin-left: 0; margin-bottom: 10px; display: inline-block; width: 100%;}
#main .mod_iso_checkout .steps ol li {float: left; margin-right: 15px;}

#main .orderconditionsafterproducts table tr.row_0 {display: inline-block; float: left; width: 85%;}
#main .orderconditionsafterproducts table tr.row_1 {display: inline-block; float: left; width: 15%;}

/*SHOPLINKS (rechte Spalte)*/
#right .TCS-Info .warenkorblink a {color: #000; padding: 8px 2.857142857142857% 9px 7.857142857142857%; text-decoration: none; font-weight: normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; display: block; border-bottom: 1px dashed #000; border-top: 1px dashed #000; background: url(../../files/data/grafics/icon-warenkorb.svg) center right 15px no-repeat;}
#right .TCS-Info .loginlink a {color: #000; padding: 8px 2.857142857142857% 9px 7.857142857142857%; text-decoration: none; font-weight: normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; display: block; border-top: 1px dashed #000; background: url(../../files/data/grafics/icon-login.svg) center right 15px no-repeat;}
#right .TCS-Info .registrierenlink a {color: #000; padding: 8px 2.857142857142857% 9px 7.857142857142857%; text-decoration: none; font-weight: normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; display: block; border-top: 1px dashed #000; background: url(../../files/data/grafics/icon-person.svg) center right 15px no-repeat;}
#right .TCS-Info .kontolink a {color: #000; padding: 8px 2.857142857142857% 9px 7.857142857142857%; text-decoration: none; font-weight: normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; display: block; border-top: 1px dashed #000; background: url(../../files/data/grafics/icon-person.svg) center right 15px no-repeat;}
#right .TCS-Info .logoutlink a {color: #000; padding: 8px 2.857142857142857% 9px 7.857142857142857%; text-decoration: none; font-weight: normal; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif; display: block; border-top: 1px dashed #000; background: url(../../files/data/grafics/icon-logout.svg) center right 15px no-repeat;}
#right .TCS-Info p {margin-bottom: 0;}
#right .TCS-Info .mitgliederlink {margin-top: 0px;}
#right .TCS-Info .mitgliederlink .hyperlink_txt {background:black !important; text-align: center; text-decoration: none; font-size: 20px; width: 100%; padding: 10px 0; font-family: 'MuseoSlab700', Arial, Verdana, sans-serif;}

/*Mein Konto*/
#container .mod_iso_addressbook a {color: #fff; background:#000; padding: 3px; text-decoration: none; margin:0 5px 5px 0; display: inline-block;}
#container .mod_iso_addressbook .vcard a {color: #000; background:none; padding: 0;}
#container .mod_iso_orderhistory a {color: #fff; background:#000; padding: 3px; text-decoration: none; margin:0 5px 5px 5px; display: inline-block;}

#cboxContent #main {width: 100%;}
#cboxClose {z-index: 1000;}

#main .orderconditionsafterproducts .widget-explanation {width: 70%; float: left; display: inline-block;}
#main .orderconditionsafterproducts .widget-checkbox {width: 28%; float: left; display: inline-block; clear: none;}
#main .formbody .orderconditionsafterproducts p.error {width: 100%;}
.orderconditionsafterproducts .checkbox_container span {width: 100%;}

/*  LOGIN-FORMULAR											 */
/*************************************************************/
.mod_login { width:375px; }
.mod_login tr td { height:22px; line-height:0; }
.mod_login label { float:left; display:block; width:100px; padding:0 20px 0 0; margin:2px 0 10px 0; text-align:right; }
.mod_login input { float:left; width: 240px; height: 16px; border: 1px solid #000; color:#666666; margin:0; padding:3px 2px 1px 2px; background-color: #fff; font-size:1em; }
.mod_login .submit { background-color:#000; border:1px solid #000; color:#fff; cursor:pointer; font-weight:bold; height:24px; margin:0 0 10px 0; padding:2px 0 8px 0; width:245px; }
.logout tr td { padding:0 0 10px 0; line-height:1.4em; }

#header #mod_nav_mobile {display:none;}
#header a.mobilebtn {display:none;}

@media screen and (max-width:1200px) {
	#container .ce_text_hover .hover-caption .caption {font-size:1.8rem; opacity: 1; transform: scale(1); transition: all 0.4s;}
	#container .ce_image .image_container img {width:100% !important; height:auto !important;}
	.downloadarchivItem {height:300px;}	
	.ce_text .float_above img {width:100% !important; height:auto !important;}
}

@media screen and (max-width:1160px) {
	#header .mod_nav_main {font-size:1.5rem; line-height:2.4rem;}
	#header .mod_nav_main ul li {margin:0 10px 0 0;}
	.downloadarchivItem {height:280px;}	
}

@media screen and (max-width:1060px) {
	.mod_article_regionalgruppe {display:none;}		
}

@media screen and (max-width:980px) {
	#header #mod_nav_mobile {display:block;}
	.mm-page {height: auto !important; min-height: 100%; height: 100%; position:relative; padding:0; margin:0;}
	#header .mobilebtn_ct {padding:0 0 0 0;}
	#header a.mobilebtn {float:left; display:block; text-decoration:none; width:58px; height:46px; padding:0; font-size:1em; line-height:1em; background:url(../../files/data/graphics/ico-responsive-nav.png) right top no-repeat; background-size:40px auto; position:absolute; top:26px; right:10px; z-index:1500;}	

	#header .mod_nav_main,
	#header .mod_nav_service,
	#header .search {display:none;}

	#mobileheader {position:absolute; top:100px; left:0; padding:5px 0; display:block; width:100%; float:left; background:#000; font-weight:bold; color:#ffeb00;}
	#mobileheader span {padding:0 10px; display:block;}
	#mobileheader a {color:#ffeb00; text-decoration:none;}

	#container .shopartikelimg img {display: none;}
	.minishopproduct .minishoprechts .remove img {width: 20px; float: right; padding-right: 10px;}

body.home #main .inside {padding:0 10px;}
body.home #main .inside .mod_newslist {float:left; width:100%; clear:both; padding:30px 0 0 0; margin:0; height:auto;}
.ce_caroufredsel {width:100%;}
.caroufredsel .ce_text {max-width:980px;}

#footer .ce_image {display:none;}
#footer .mod_nav_main, #footer .mod_nav_service, #footer .addressbox {width:31%; margin:0 2.333333333333333% 0 0;}

/* Header */
	#header {min-height:130px; width:100%; margin:0; padding:0; position:relative;}
	* html #header {height:130px;}

	body #right {float:left; margin:0 0 0 0; width:100%;}
	body #right .inside {padding:0 10px;}	
	body .TCS-Info {float:left; width:100%; padding:0;}	
	
	#logo-signet {position:absolute; top:10px; left:10px; z-index:1000;}
	#logo-signet img {width:70px; height:auto;}
	#logo-text {font-family: 'MuseoSlab700'; font-size: 1.8rem; line-height: 2.4rem; position:absolute; left:88px; top:33px; z-index:1000;}
	
	body #main {float:left; margin:0 0 20px 0; padding:0 0 20px 0; width:100%; font-size:1em; background:#fff; min-height:500px;}
	body #main .inside {padding:0 10px 0 10px;}

	.downloadarchivItem {height:430px;}	
	
	#container #left {display:none;}
	
	#footer {max-width:1200px; height:auto; padding:0 10px; display:block;}
	#footer .inside {width:100%; height:auto; padding-bottom:16px;}
	.endcontent {display:none;}

body.home #main .ce_text_hover.warenkorblink {margin-top: 30px;}
body.home #main .ce_text_hover.warenkorblink .hover-caption .caption {bottom: 21%;}
body.home #main .ce_text_hover {float:left; position:relative; width:48.83333333333333%; height:auto; margin:0 2.333333333333333% 16px 0; padding:0; font-size:1.4rem; line-height:1.7rem; clear:none;}
body.home #main .ce_text_hover:nth-child(2n+3) {margin:0 0 16px 0;}
#right .ce_text_hover {float:left; position:relative; width:48.83333333333333%; height:auto; margin:0 2.333333333333333% 16px 0; padding:0;}
#right .ce_text_hover:nth-child(2n+3) {margin:0 0 16px 0;}
#right .ce_text_hover.warenkorblinkbild .hover-caption .caption {bottom: 21%;}

#wrapper {max-width:auto; width:100%; min-height:100%; margin:0; padding:0;}	

	.mod_article_regionalgruppe {display:block;}	

body.home #main .mod_newslist_mobile {border-bottom:none; float:right; height:auto; margin:0 0 0 2.333333333333333%; padding:0; width:23.25%; display:block;}
body.home #main .mod_newslist_mobile .layout_latest {padding:8px 0; margin:0; border-bottom:none;}
body.home #main .mod_newslist_mobile .layout_latest h3 {padding:0; margin:0; font-size:1.4rem; line-height:2.0rem; font-weight:bold; color:#000;}
body.home #main .mod_newslist_mobile .layout_latest a {text-decoration:none;}
body.home #main .mod_newslist_mobile .layout_latest .image_container {display:none;}
body.home #container #main .mod_newslist_mobile .layout_latest .teaser p {padding:0; margin:0;}

body.home #main .mod_newslist_desktop {display:none;}

.mm-menu
{
	background: #ffeb00 !important;
}
.mm-search input
{
	background: #fff !important;
	color: #000 !important;
}
.mm-list
{
	color: #000 !important;
}
.mm-list > li:after {
    border-color: #000 !important;
}
.mm-menu .mm-list > li:after {
    border-color: #000 !important;
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color:  #000 !important;
}
.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: #000 !important;
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: #000 !important;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: #000 !important;
}
.mm-counter 
{
	color: #000 !important;
}
.level_2, .level_3 {padding-top:0 !important;}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border:none !important;
}

.mm-menu li a {margin-left:;}

}

@media screen and (max-width:880px) {
	.downloadarchivItem {height:400px;}	

}

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

#main .formbody .submit {padding:1px 5px 5px 5px; width:auto;}

/* Header */

	#logo-signet {top:10px;}
	#logo-signet img {width:70px; height:auto;}
	#logo-text {font-size: 1.8rem; line-height: 2.4rem; position:absolute; top:33px; z-index:1000;}

	.downloadarchivItem {height:360px;}	
	
	#container #left {display:none;}
	#footer .mod_nav_main {display:none;}
	#footer .addressbox {width:100%; margin:0;}
	#footer .mod_nav_service {width:100%;}
	#footer .mod_nav_service ul li {padding:0 5% 0 0; width:auto;}		
	#footer .mod_nav_service ul li.last {padding:0;}			
	
	#footer {max-width:1200px; height:auto; padding:0 10px; display:block;}
	#footer .inside {width:100%; height:auto; padding-bottom:16px;}
	.endcontent {display:none;}
	
	#main .hctwettbewerb .formbody label {width: 100%;}
	#main .hctwettbewerb .formbody input {width: 98%;}
}

@media (max-width:600px){
.downloadarchivItem {height:300px;}
body.home #main .ce_text_hover {width:100%; margin:0 0 24px 0;}	
	#right .ce_text_hover {width:100%; margin:0 0 24px 0;}	
	.mod_iso_orderhistory {overflow-x: scroll;}	
}

@media (max-width:500px){
.downloadarchivItem {margin:0 4% 0 0; width:48% !important; height:350px;}
.downloadarchivItem:nth-child(1n+2) {margin:0 0 0 0;}
.downloadarchivItem:nth-child(2n+3) {margin:0 4% 0 0;}	

.caroufredsel .ce_text {max-height:auto;}
.caroufredsel .ce_text .slidertext {display:none;}
.caroufredsel .ce_image .slidertext {display:none;}		
.caroufredsel_controls {display:none;}

body.home #main .ce_text_hover.warenkorblink .hover-caption .caption {bottom: 17%;}
#right .ce_text_hover.warenkorblinkbild .hover-caption .caption {bottom: 17%;}

.mod_article_regionalgruppe {display:none;}	
.mod_login {width: 100%;}

.mod_iso_productlist .product .productleft {width: 100%;}
.mod_iso_productlist .product .productleft img {width: auto; max-width: 100%;}
.mod_iso_productlist .product .productright {width: 100%;}
#main .mod_iso_productlist .product .productright input.text {width: 96%;}
#main .mod_iso_productlist .product .productright .options .widget-text input.text {width: 96%;}

#main .formbody label {width: 100%; margin-bottom: 3px;}
#main .formbody input {width: 98%;}
#main select {width: 100%; padding: 2px 1%;}
#main .formbody textarea {width: 98%;}
#main .formbody .widget-recaptcha {width: 100%;}

#main .mod_iso_checkout .steps ol li {float: none; margin-right: 0;}
}

@media (max-width:400px){
#mobileheader {font-size:1.3rem; line-height:1.5rem;}
.downloadarchivItem {margin:0 0 0 0; width:100% !important; height:530px;}
.downloadarchivItem:nth-child(1n+2) {margin:0 0 0 0;}
.downloadarchivItem:nth-child(2n+3) {margin:0 0 0 0;}

}

@media (max-width:320px){
.downloadarchivItem {margin:0 0 0 0; width:100% !important; height:440px;}
body.home #main .ce_text_hover {width:100%; margin:0 0 24px 0;}	
}

/*  FIXES  													 */
/*************************************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:0px; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none; }