/*************************************************************/ /* Design: MESSEN-WEINFELDEN */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Thomas Dürig, www.nuun.ch */ /* Datum: August 2019 */ /* Site: www.wega.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /*FARBEN*/ /* WEGA dunkelgrün: #00712F (Rahmen) hellgruen: #e7efc9 Inhaus orange: #f39200 (Rahmen) hellorange: #F9DDC3 rot #C50E1F Messen Weinfelden dunkelblau: #005095 (Rahmen) hellblau: #ecf0fc Schlaraffia weinrot: #4e1012 a01f23 weinrot hell: #ffd8cf die50plus rot: #E2001A (Rahmen) grau: #58585A Lehrlingstag pink: #E2007A (für Rahmen) violett: #f3e6ff Thurgauerhof rot: #C51D1C (Rahmen) rot hell: #FD5251 */ /*Cookiebar*/ .contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-inner h3 {font-size: 2.7rem; line-height: 3.7rem;} .contao-cookiebar .cc-inner label {line-height: 1.9rem;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;} .contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;} .contao-cookiebar p a {color:#412C29; text-decoration: underline;} /*.contao-cookiebar .highlight .cc-btn.success {background: #412C29; border-color: #412C29;} .contao-cookiebar .highlight .cc-btn.success:hover {background: #412C29; border-color: #412C29;} .contao-cookiebar input:checked + label:before {background: #FFE1CF; border-color: #412C29;} .contao-cookiebar input:checked + label:after {background: #412C29;}*/ /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% "ralewayregular", Arial, Verdana, Helvetica, sans-serif; letter-spacing:0em;} body {font-size:20px; font-size:2rem; line-height: 2.5rem; color: #666666; background-color: #fff;} body.wega #wrapper {box-sizing: border-box; border: 20px solid #00712F; padding: 20px;} body.mewe #wrapper {box-sizing: border-box; border: 20px solid #005095; padding: 20px;} body.haus #wrapper {box-sizing: border-box; border: 20px solid #f39200; padding: 20px;} body.wein #wrapper {box-sizing: border-box; border: 20px solid #4e1012; padding: 20px;} body.plus #wrapper {box-sizing: border-box; border: 20px solid #E2001A; padding: 20px;} body.lehr #wrapper {box-sizing: border-box; border: 20px solid #E2007A; padding: 20px;} body.tghof #wrapper {box-sizing: border-box; border: 20px solid #C51D1C; padding: 20px;} .invisible {display: none !important;} strong {font-family: 'ralewaymedium'} .schmal50 {width: 50% !important; margin: 0 auto;} .schmal75 {width: 75% !important; margin: 0 auto;} body.wega #main .ce_text a, body.wega #main .content-text a {color: #00712F; text-decoration: none;} body.mewe #main .ce_text a, body.mewe #main .content-text a {color: #005095; text-decoration: none;} body.haus #main .ce_text a, body.haus #main .content-text a {color: #f39200; text-decoration: none;} body.wein #main .ce_text a, body.wein #main .content-text a {color: #a01f23; text-decoration: none;} body.plus #main .ce_text a, body.plus #main .content-text a {color: #E2001A; text-decoration: none;} body.lehr #main .ce_text a, body.lehr #main .content-text a {color: #E2007A; text-decoration: none;} body.tghof #main .ce_text a, body.tghof #main .content-text a {color: #C51D1C; text-decoration: none;} /*Backtotop*/ #backtotop {width: 70px; position: fixed; bottom: 45px; right: 20px; cursor: pointer; opacity: 0; z-index: 5000;} #backtotop img {width: 100%;} #printheader {display: none;} /*SRL Layer Popup*/ #srl_layer {border: none; padding:30px; max-width: 100%; box-sizing: border-box; margin-left:0; margin-top: 0; height: auto; transform: translate(-50%, -50%);} #srl_closeBtn {background:url(../graphics/popup-close.svg) center no-repeat; top: 15px; right: 15px; width:30px; height: 30px;} /* HEADER / NAVIGATION */ /*************************************************************/ #logotop {position: absolute; top: 0; width: auto; z-index: 1100;} #logotop .logocontainer {width: 350px; text-align: center; padding: 25px 20px; background: #ffffff; float: right;} #logotop .logocontainer img {max-width: 100%; height: auto; max-height: 135px;} body.tghof #logotop .logocontainer img {max-width: 100%; height: auto; max-height: 85px; width: 100%;} #header .navcontainer {width: 100%; height: 240px; margin-top: 0px; position: relative; z-index: 1000;} body.wega #header .navcontainer {background: #e7efc9;} body.mewe #header .navcontainer {background: #ecf0fc;} body.haus #header .navcontainer {background: #F9DDC3;} body.wein #header .navcontainer {background: #dcdcdc;} body.plus #header .navcontainer {background: #dcdcdc;} body.lehr #header .navcontainer {background: #f3e6ff;} body.tghof #header .navcontainer {background: #EDEDED;} #header .navcontainer .inside {width: 1200px; margin: 0 auto; position: relative;} #header .navmain {display: inline-block; float: left; width: auto; margin-top: 60px;} #header .navmain ul li {display: inline-block; margin-right: 30px;} #header .navmain ul li a {font-size: 3.3rem; position: relative; display: inline-block; font-family: 'ralewaymedium'; color: #333333; text-decoration: none; transition: color 0.3s ease;} body.wega #header .navmain ul li a {color: #00712F;} body.mewe #header .navmain ul li a {color: #005095;} body.haus #header .navmain ul li a {color: #f39200;} body.wein #header .navmain ul li a {color: #a01f23;} body.plus #header .navmain ul li a {color: #E2001A;} body.lehr #header .navmain ul li a {color: #E2007A;} body.tghof #header .navmain ul li {margin-right: 20px;} body.tghof #header .navmain ul li a {color: #C51D1C; font-size: 3.1rem;} body #header .navcontainer .navmain ul li a:hover, body #header .navcontainer .navmain ul li a.active, body #header .navcontainer .navmain ul li a.trail {color: #333333;} #header .navmain ul li a:after {content: ''; position: absolute; clear: both; width: 0; height: 3px; display: block; margin-top: 5px; left: 0; background: #333333; transition: width .3s ease; -webkit-transition: width .3s ease;} #header .navmain ul li a:hover:after, #header .navmain ul li a.active:after, #header .navmain ul li a.trail:after {width: 100%;} #header .socialmediaheader {top: 50px; right: 0; position: absolute;} #header .socialmediaheader img {transition: transform 0.3s ease;} #header .socialmediaheader img:hover {transform: scale(1.07);} body.tghof.home #header .socialmediaheader {display: block;} body.tghof #header .socialmediaheader {display: none;} body.home #header .navmain {margin-top: 60px;} body.home #header .hometitel {display: block; color: #333333; background: none; padding-left: 0; font-size: 3.6rem; line-height: 4.3rem;} #header .hometitel {display: none; font-family: 'ralewaymedium'; clear: left; float: left; margin-top: 46px;} body.tghof.home #header .navmain {float: left;} body.tghof #header .navmain {float: right;} #header .navsub {display: inline-block; float: left; width: auto; margin-top: 60px; clear: left;} #header .navsub ul li {display: inline-block; margin-right: 20px;} #header .navsub ul li a {font-size: 1.9rem; color: #333333; display: inline-block; font-family: 'ralewaymedium'; position: relative; text-decoration: none; transition: color 0.3s ease;} body.wega #header .navsub ul li a {color: #00712F;} body.mewe #header .navsub ul li a {color: #005095;} body.haus #header .navsub ul li a {color: #f39200;} body.wein #header .navsub ul li a {color: #a01f23;} body.plus #header .navsub ul li a {color: #E2001A;} body.lehr #header .navsub ul li a {color: #E2007A;} body.tghof #header .navsub ul li a {color: #C51D1C;} body #header .navcontainer .navsub ul li a:hover, body #header .navcontainer .navsub ul li a.active, body #header .navcontainer .navsub ul li a.trail {color: #333333;} #header .navsub ul li a:after {content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 5px; left: 0; background: #333333; transition: width .3s ease; -webkit-transition: width .3s ease;} #header .navsub ul li a:hover:after, #header .navsub ul li a.active:after, #header .navsub ul li a.trail:after {width: 100%;} #header .navservice {display: inline-block; float: right; width: auto; margin-top: 60px; clear: both;} #header .navservice ul li {display: inline-block; margin-left: 20px;} #header .navservice ul li a {font-size: 1.9rem; color: #333333; display: inline-block; font-family: 'ralewaymedium'; position: relative; text-decoration: none; transition: color 0.3s ease;} body.wega #header .navservice ul li a {color: #00712F;} body.mewe #header .navservice ul li a {color: #005095;} body.haus #header .navservice ul li a {color: #f39200;} body.wein #header .navservice ul li a {color: #a01f23;} body.plus #header .navservice ul li a {color: #E2001A;} body.lehr #header .navservice {margin-top: 40px;} body.lehr #header .navservice ul li {display: block; text-align: right;} body.lehr #header .navservice ul li a {color: #E2007A;} body.tghof #header .navservice ul li a {color: #C51D1C;} body #header .navcontainer .navservice ul li a:hover, body #header .navcontainer .navservice ul li a.active, body #header .navcontainer .navservice ul li a.trail {color: #333333;} #header .navservice ul li a:after {content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 5px; left: 0; background: #333333; transition: width .3s ease; -webkit-transition: width .3s ease;} body.lehr #header .navservice ul li a:after {margin-top: 0;} #header .navservice ul li a:hover:after, #header .navservice ul li a.active:after, #header .navservice ul li a.trail:after {width: 100%;} /*Topbild*/ #topbild {position: relative; margin-bottom: 10px;} #topbild .content-image img {width: 100%; height: auto;} #topbild .topbildinside {position: absolute; width: 1200px; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto;} #topbild .topbildinside .topbildtitel {display: inline-block; width: 67%; position: absolute; bottom: 30px; left: 0;} #topbild .topbildinside .newsbereich {display: inline-block; width: 390px; box-sizing: border-box; background: rgba(255,255,255,0.9); padding: 20px; float: right; margin-top: 145px; max-height: 800px; } body.tghof #topbild .topbildinside .newsbereich {float: left; margin-top: 115px;} #topbild .topbildinside .newsbereich h2 {font-size: 3.6rem; line-height: 4.3rem; font-family: 'ralewaymedium'; color: #333333; border-bottom: 2px solid #D4D4D4;} #topbild .topbildinside .newsbereich h3 {font-size: 3.6rem; line-height: 4.3rem; font-family: 'ralewaymedium';} body.haus #topbild .topbildinside .newsbereich h3 {color: #C50E1F;} #topbild .topbildinside .newsticker .layout_latest {margin-bottom: 10px; padding-bottom: 0px; border-bottom: 2px solid #D4D4D4;} #topbild .topbildinside .newsticker .layout_latest h2 {margin: 0 0 10px 0; font-size: 2rem; line-height: 2.5rem; border-bottom: none;} #topbild .topbildinside .newsticker .layout_latest .info {font-size: 1.2rem; margin-bottom: 0;} body.wega #topbild .topbildinside a {color: #00712F; text-decoration: none;} body.mewe #topbild .topbildinside a {color: #005095; text-decoration: none;} body.haus #topbild .topbildinside a {color: #f39200; text-decoration: none;} body.wein #topbild .topbildinside a {color: #a01f23; text-decoration: none;} body.plus #topbild .topbildinside a {color: #E2001A; text-decoration: none;} body.lehr #topbild .topbildinside a {color: #E2007A; text-decoration: none;} body.tghof #topbild .topbildinside a {color: #C51D1C; text-decoration: none;} body.tghof #topbild .topbildinside p {margin-bottom: 0;} #topbild .topbildinside .topbildtitel h1, #topbild .topbildinside .topbildtitel h2 {background: none; color: #fff; font-family: 'ralewaymedium'; font-size: 12rem; line-height: 13rem; margin: 0; padding: 0; text-shadow: 7px 7px 4px rgba(0, 0, 0, 0.4);} body.haus #topbild .topbildinside .topbildtitel h1, body.haus #topbild .topbildinside .topbildtitel h2 {font-size: 10rem; line-height: 11rem;} body.plus #topbild .topbildinside .topbildtitel h1, body.plus #topbild .topbildinside .topbildtitel h2 {font-size: 10rem; line-height: 11rem;} body.tghof #topbild .topbildinside .topbildtitel h1, body.tghof #topbild .topbildinside .topbildtitel h2 {font-size: 8rem; line-height: 9.6rem;} #topbild .headerwords {width: 22%; position: absolute; top: 5%; left: 0;} .mod_breadcrumb {width: 100%; height: 17px; padding: 4px 0; background: #EBEBEB;} .mod_breadcrumb ul {width: 1200px; margin: 0 auto; line-height: 1.2rem;} .mod_breadcrumb ul li {display: inline-block; font-size: 1.2rem; line-height: 1.2rem;} body.wega .mod_breadcrumb ul li a {color: #00712F; text-decoration: none;} body.mewe .mod_breadcrumb ul li a {color: #005095; text-decoration: none;} body.haus .mod_breadcrumb ul li a {color: #f39200; text-decoration: none;} body.wein .mod_breadcrumb ul li a {color: #a01f23; text-decoration: none;} body.plus .mod_breadcrumb ul li a {color: #E2001A; text-decoration: none;} body.lehr .mod_breadcrumb ul li a {color: #E2007A; text-decoration: none;} body.tghof .mod_breadcrumb ul li a {color: #C51D1C; text-decoration: none;} .mod_breadcrumb ul > span {font-size: 1.2rem; margin:0 0 0 7px; line-height: 1.2rem;} .mod_breadcrumb ul li:nth-of-type(2), .mod_breadcrumb ul li:nth-of-type(3) {display: none;} .mod_breadcrumb ul > span:nth-of-type(1), .mod_breadcrumb ul > span:nth-of-type(2) {display: none;} /* INHALTSELEMENTE */ /*************************************************************/ #container {padding: 30px 0;} #main {margin: 0 auto;} #main .mod_article .inside {width: 1200px; margin: 0 auto;} .mod_article.grau {background: #f3f3f3; padding: 30px; margin: 30px 0;} h1, h2 {font-size: 4.8rem; line-height: 5.5rem; color: #333333; font-family: 'ralewaymedium';} h3 {font-size: 3.5rem; line-height: 4rem; font-family: 'ralewaymedium'; color: #333333;} h4 {font-family: 'ralewaymedium'; color: #333333; line-height: 3rem;} body.wega h1, body.wega h2, body.wega h3, body.wega h4 {color: #00712F;} body.mewe h1, body.mewe h2, body.mewe h3, body.mewe h4 {color: #005095;} body.haus h1, body.haus h2, body.haus h3, body.haus h4 {color: #f39200;} body.wein h1, body.wein h2, body.wein h3, body.wein h4 {color: #4e1012;} body.plus h1, body.plus h2, body.plus h3, body.plus h4 {color: #E2001A;} body.lehr h1, body.lehr h2, body.lehr h3, body.lehr h4 {color: #E2007A;} body.tghof h1, body.tghof h2, body.tghof h3, body.tghof h4 {color: #C51D1C;} /*Text*/ .image_container img, figure img {max-width: 100%; height: auto;} #container .content-text {margin-bottom: 30px;} #container .ce_text .image_container.float_left {width: 48.5%; float: left; margin-right: 3%; text-align: center;} #container .ce_text .image_container.float_right {width: 48.5%; float: right; margin-left: 3%; text-align: center;} #container .ce_text:after, #container .content-text:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #container .content-text p {line-height: 2.8rem;} #container .content-text.media--left {display: inline-block; width: 100%;} #container .content-text.media--left figure {width: 48.5%; float: left; margin-right: 3%; text-align: center;} #container .content-text.media--right {display: inline-block; width: 100%;} #container .content-text.media--right figure {width: 48.5%; float: right; margin-left: 3%; text-align: center;} /*Text hintergrund*/ #container .content-text.hintergrund {padding: 30px;} #container .content-text.hintergrund h1, #container .content-text.hintergrund h2, #container .content-text.hintergrund h3 {display: inline-block; float: left; margin:0 4% 0 0; width: 48%; font-family: 'ralewaymedium'; font-size: 3.5rem; line-height: 4rem; color: #000; padding: 0; background:none;} #container .content-text.hintergrund .textbox {display: inline-block; float: left; width: 48%; margin-right: 0; color: #000;} #container .content-text.hintergrund p {font-size: 3rem; line-height: 3.5rem;} body.wega #container .content-text.hintergrund {background: url(../graphics/wega-text-hintergrund.png) center no-repeat; background-size: cover;} body.mewe #container .content-text.hintergrund {background: url(../graphics/mewe-text-hintergrund.png) center no-repeat; background-size: cover;} body.haus #container .content-text.hintergrund {background: url(../graphics/haus-text-hintergrund.png) center no-repeat; background-size: cover;} body.wein #container .content-text.hintergrund {background: url(../graphics/wein-text-hintergrund.png) center no-repeat; background-size: cover;} body.plus #container .content-text.hintergrund {background: url(../graphics/plus-text-hintergrund.png) center no-repeat; background-size: cover;} body.lehr #container .content-text.hintergrund {background: url(../graphics/lehr-text-hintergrund.png) center no-repeat; background-size: cover;} body.tghof #container .content-text.hintergrund {background: url(../graphics/plus-text-hintergrund.png) center no-repeat; background-size: cover;} /*Gallery*/ #container #main .ce_gallery ul li {width: 22.75%; margin-right: 3%; margin-bottom: 30px; height: 200px; overflow: hidden; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;} #container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} #colorbox #cboxTitle {display: none !important;} #colorbox #cboxCurrent {font-size: 1.5rem;} .content-gallery.content-gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .content-gallery.content-gallery ul li {width: 22.75%; margin-right: 3%; margin-bottom: 20px; display: inline-block; float: left; line-height: 1;} .content-gallery.content-gallery ul li:nth-of-type(4n) {margin-right: 0;} /*List*/ #main .content-text ul {display: table; margin-bottom: 25px;} #main .content-text ul li {vertical-align: middle; line-height: 2.8rem; list-style: none; padding-left: 25px; margin-bottom: 5px; background: url(../graphics/icon-listbullet.svg) no-repeat top 10px left;} body.wega #main .content-text ul li {background: url(../graphics/icon-listbullet-wega.svg) no-repeat top 11px left;} body.mewe #main .content-text ul li {background: url(../graphics/icon-listbullet-mewe.svg) no-repeat top 11px left;} body.haus #main .content-text ul li {background: url(../graphics/icon-listbullet-haus.svg) no-repeat top 11px left;} body.wein #main .content-text ul li {background: url(../graphics/icon-listbullet-wein.svg) no-repeat top 11px left;} body.plus #main .content-text ul li {background: url(../graphics/icon-listbullet-plus.svg) no-repeat top 11px left;} body.lehr #main .content-text ul li {background: url(../graphics/icon-listbullet-lehr.svg) no-repeat top 11px left;} body.tghof #main .content-text ul li {background: url(../graphics/icon-listbullet-tghof.svg) no-repeat top 11px left;} #main .content-text ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #main .content-text ol > li { position:relative; /* Create a positioning context */ margin:0 0 5px 35px; /* Give each list item a left margin to make room for the numbers */ list-style:none; /* Disable the normal item numbering */ line-height: 2.8rem; } #main .content-text ol > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; left: -35px; width: 25px; top: 1px; font-size: 1.8rem; text-align: right; color: #000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } body.wega #main .content-text ol > li:before {color: #00712F;} body.mewe #main .content-text ol > li:before {color: #005095;} body.haus #main .content-text ol > li:before {color: #f39200;} body.wein #main .content-text ol > li:before {color: #4e1012;} body.plus #main .content-text ol > li:before {color: #E2001A;} body.lehr #main .content-text ol > li:before {color: #E2007A;} body.tghof #main .content-text ol > li:before {color: #C51D1C;} /*TABLES*/ table {width: 100%;} table td {padding: 8px;/*border: solid 1px #d1d1d1;*/} table th {padding: 8px;font-family: 'ralewaybold'; /*border: solid 1px #d1d1d1;*/} table tr:nth-child(even) {background-color: #f1f1f1;} table thead {font-weight: bold; background-color: #f1f1f1;} table tfoot {font-style: italic;} /*Hyperlink*/ .content-hyperlink {border-top: 2px solid #878786; padding: 15px 0; margin: 10px 0 20px 0; line-height: 3.9rem;} .content-hyperlink a {display: block; font-size: 3.6rem; font-family: 'ralewaymedium'; text-decoration: none; padding-left: 80px; transition: background 0.3s ease, color 0.3s ease;} .content-hyperlink a:hover {background: url(../graphics/right-arrow-green.svg) left 30px top 10px no-repeat; color: #333;} body.wega .content-hyperlink a {color: #00712F; background: url(../graphics/right-arrow-green.svg) left 20px top 10px no-repeat;} body.wega .content-hyperlink a:hover {background: url(../graphics/right-arrow-green.svg) left 30px top 10px no-repeat; color: #333;} body.mewe .content-hyperlink a {color: #005095; background: url(../graphics/right-arrow-blue.svg) left 20px top 10px no-repeat;} body.mewe .content-hyperlink a:hover {background: url(../graphics/right-arrow-blue.svg) left 30px top 10px no-repeat; color: #333;} body.haus .content-hyperlink a {color: #f39200; background: url(../graphics/right-arrow-orange.svg) left 20px top 10px no-repeat;} body.haus .content-hyperlink a:hover {background: url(../graphics/right-arrow-orange.svg) left 30px top 10px no-repeat; color: #333;} body.wein .content-hyperlink a {color: #a01f23; background: url(../graphics/right-arrow-wein.svg) left 20px top 10px no-repeat;} body.wein .content-hyperlink a:hover {background: url(../graphics/right-arrow-wein.svg) left 30px top 10px no-repeat; color: #333;} body.plus .content-hyperlink a {color: #E2001A; background: url(../graphics/right-arrow-red.svg) left 20px top 10px no-repeat;} body.plus .content-hyperlink a:hover {background: url(../graphics/right-arrow-red.svg) left 30px top 10px no-repeat; color: #333;} body.lehr .content-hyperlink a {color: #E2007A; background: url(../graphics/right-arrow-pink.svg) left 20px top 10px no-repeat;} body.lehr .content-hyperlink a:hover {background: url(../graphics/right-arrow-pink.svg) left 30px top 10px no-repeat; color: #333;} body.tghof .content-hyperlink a {color: #C51D1C; background: url(../graphics/right-arrow-tghof.svg) left 20px top 10px no-repeat;} body.tghof .content-hyperlink a:hover {background: url(../graphics/right-arrow-tghof.svg) left 30px top 10px no-repeat; color: #333;} /*Linkback*/ .linkback {margin:20px 0; padding: 14px 0 1px 0;} body.wega .linkback a {padding: 13px 30px 13px 80px; border:2px solid #00712F; background: url(../graphics/left-arrow-green.svg) left 20px center no-repeat; color: #00712F; text-decoration: none; transition: background 0.3s ease;} body.wega .linkback a:hover {background: url(../graphics/left-arrow-green.svg) left 10px center no-repeat;} body.mewe .linkback a {padding: 13px 30px 13px 80px; border:2px solid #005095; background: url(../graphics/left-arrow-blue.svg) left 20px center no-repeat; color: #005095; text-decoration: none; transition: background 0.3s ease;} body.mewe .linkback a:hover {background: url(../graphics/left-arrow-blue.svg) left 10px center no-repeat;} body.haus .linkback a {padding: 13px 30px 13px 80px; border:2px solid #f39200; background: url(../graphics/left-arrow-orange.svg) left 20px center no-repeat; color: #f39200; text-decoration: none; transition: background 0.3s ease;} body.haus .linkback a:hover {background: url(../graphics/left-arrow-orange.svg) left 10px center no-repeat;} body.wein .linkback a {padding: 13px 30px 13px 80px; border:2px solid #a01f23; background: url(../graphics/left-arrow-wein.svg) left 20px center no-repeat; color: #a01f23; text-decoration: none; transition: background 0.3s ease;} body.wein .linkback a:hover {background: url(../graphics/left-arrow-wein.svg) left 10px center no-repeat;} body.plus .linkback a {padding: 13px 30px 13px 80px; border:2px solid #E2001A; background: url(../graphics/left-arrow-red.svg) left 20px center no-repeat; color: #E2001A; text-decoration: none; transition: background 0.3s ease;} body.plus .linkback a:hover {background: url(../graphics/left-arrow-red.svg) left 10px center no-repeat;} body.lehr .linkback a {padding: 13px 30px 13px 80px; border:2px solid #E2007A; background: url(../graphics/left-arrow-pink.svg) left 20px center no-repeat; color: #E2007A; text-decoration: none; transition: background 0.3s ease;} body.lehr .linkback a:hover {background: url(../graphics/left-arrow-pink.svg) left 10px center no-repeat;} body.tghof .linkback a {padding: 13px 30px 13px 80px; border:2px solid #C51D1C; background: url(../graphics/left-arrow-tghof.svg) left 20px center no-repeat; color: #C51D1C; text-decoration: none; transition: background 0.3s ease;} body.tghof .linkback a:hover {background: url(../graphics/left-arrow-tghof.svg) left 10px center no-repeat;} /*Downloads*/ .content-download.sc.last, .content-downloads.sc.last {padding-right: 0;} .content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0;} .content-download ul, .content-downloads ul {position:relative; width:100%; margin:0; padding:0 0 0 0;} .content-download ul li, .content-downloads ul li {position:relative; width:100%; line-height:21px; padding:0 0 0 0; margin:0 0 5px 0;} /*body.wega .content-download ul li, body.wega .content-downloads ul li {background:#00712F;} body.mewe .content-download ul li, body.mewe .content-downloads ul li {background:#005095;} body.haus .content-download ul li, body.haus .content-downloads ul li {background:#f39200;} body.wein .content-download ul li, body.wein .content-downloads ul li {background:#4e1012;} body.plus .content-download ul li, body.plus .content-downloads ul li {background:#E2001A;} body.lehr .content-download ul li, body.lehr .content-downloads ul li {background:#E2007A;}*/ .content-download img, .content-downloads img {position:absolute; left:10px; top:7px; z-index:400;} body #container .content-downloads a, body #container .content-downloads a:link, body #container .content-downloads a:visited, body #container .content-download a, body #container .content-download a:visited, body #container .content-download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; color: #666666; display:block; padding:8px 30px 8px 40px; margin:0 0 0 0; transition: color 0.5s ease; -webkit-transition: color 0.5s ease; } body.wega #container .content-downloads a:hover, body.wega #container .content-downloads a:active, body.wega #container .content-download a:hover, body.wega #container .content-download a:active {color:#00712F;} body.mewe #container .content-downloads a:hover, body.mewe #container .content-downloads a:active, body.mewe #container .content-download a:hover, body.mewe #container .content-download a:active {color:#005095;} body.haus #container .content-downloads a:hover, body.haus #container .content-downloads a:active, body.haus #container .content-download a:hover, body.haus #container .content-download a:active {color:#f39200;} body.wein #container .content-downloads a:hover, body.wein #container .content-downloads a:active, body.wein #container .content-download a:hover, body.wein #container .content-download a:active {color:#a01f23;} body.plus #container .content-downloads a:hover, body.plus #container .content-downloads a:active, body.plus #container .content-download a:hover, body.plus #container .content-download a:active {color:#E2001A;} body.lehr #container .content-downloads a:hover, body.lehr #container .content-downloads a:active, body.lehr #container .content-download a:hover, body.lehr #container .content-download a:active {color:#E2007A;} body.tghof #container .content-downloads a:hover, body.tghof #container .content-downloads a:active, body.tghof #container .content-download a:hover, body.tghof #container .content-download a:active {color:#C51D1C;} .download-element a {background: url(../graphics/icon-pdf.svg) top 7px left 7px no-repeat;} .download-element.ext-pdf a {background: url(../graphics/icon-pdf.svg) top 7px left 7px no-repeat;} .download-element.ext-zip a {background: url(../graphics/icon-zip.svg) top 7px left 7px no-repeat;} .download-element.ext-doc a {background: url(../graphics/icon-doc.svg) top 7px left 7px no-repeat;} .download-element.ext-docx a {background: url(../graphics/icon-doc.svg) top 7px left 7px no-repeat;} .download-element.ext-xls a {background: url(../graphics/icon-xls.svg) top 7px left 7px no-repeat;} .download-element.ext-xlsx a {background: url(../graphics/icon-xls.svg) top 7px left 7px no-repeat;} /*Accordion*/ #main .ce_accordion {padding-bottom: 10px; /*border-bottom: 3px solid #c6c6c6;*/ margin-bottom: 20px;} body.wega .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #e7efc9 url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.mewe .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #ecf0fc url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.haus .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #F9DDC3 url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.wein .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #dcdcdc url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.plus .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #dcdcdc url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.lehr .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #f3e6ff url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} body.tghof .ce_accordion .toggler {font-size: 2.5rem; line-height: 4rem; margin-bottom: 5px; color: #333333; cursor: pointer; background: #f3e6ff url(../graphics/icon-accordion-toggler.svg) right 2% center no-repeat; padding: 20px 65px 20px 2%; font-family: 'ralewaymedium'; transition: color 0.3s ease, background 0.3s ease;} .ce_accordion .toggler:focus {outline: none;} body.wega .ce_accordion .toggler:hover, body.wega .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #00712F url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.mewe .ce_accordion .toggler:hover, body.mewe .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #005095 url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.haus .ce_accordion .toggler:hover, body.haus .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #f39200 url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.wein .ce_accordion .toggler:hover, body.wein .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #a01f23 url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.plus .ce_accordion .toggler:hover, body.plus .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #E2001A url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.lehr .ce_accordion .toggler:hover, body.lehr .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #E2007A url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} body.tghof .ce_accordion .toggler:hover, body.tghof .ce_accordion .toggler.active {color: #ffffff; cursor: pointer; background: #C51D1C url(../graphics/icon-accordion-toggler-open.svg) right 2% center no-repeat;} #main .ce_accordion .accordion {padding-top: 15px;} /*Divider*/ .divider {display: block; width: 100%; height: 3px; background: #c6c6c6; margin: 20px 0;} /*Linkboxen*/ .linkboxen {display: flex; flex-wrap: wrap; justify-content: center; width: 100%;} .linkboxen.linksbuendig {justify-content: left;} .linkboxen .box {display: inline-block; float: left; margin-bottom: 25px; box-sizing: border-box; position: relative;} .linkboxen .box img {width: 100%; height: auto;} .linkboxen .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .linkboxen .box .text-container {position: relative; margin-top: 15px;} .linkboxen .logobox .logoinside {background-size: contain !important; width: 100%; height: 100%;} .linkboxen .box:last-of-type {margin-right: 0;} .linkboxen .linkboxmore {display: none;} .linkboxen .dreispaltig {width: 31.3%; margin-right: 3%;} .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} .linkboxen .dreispaltig:nth-of-type(3n+1) {clear: left;} .linkboxen .dreispaltig.logobox .image-container {height: 220px; padding: 5%; box-sizing: border-box; background: #ffffff; border:2px solid #e6e6e6;} .linkboxen .vierspaltig {width: 22.75%; margin-right: 3%;} .linkboxen .vierspaltig:nth-of-type(4n) {margin-right: 0;} .linkboxen .vierspaltig:nth-of-type(4n+1) {clear: left;} .linkboxen .vierspaltig.logobox .image-container {height: 160px; padding: 5%; box-sizing: border-box; background: #ffffff; border:2px solid #e6e6e6;} .linkboxen .fuenfspaltig {width: 17.6%; margin-right: 3%;} .linkboxen .fuenfspaltig:nth-of-type(5n) {margin-right: 0;} .linkboxen .fuenfspaltig:nth-of-type(5n+1) {clear: left;} .linkboxen .fuenfspaltig.logobox .image-container {height: 124px; padding: 5%; box-sizing: border-box; background: #ffffff; border:2px solid #e6e6e6;} body.home #main .linkboxen .dreispaltig .image-container {height: 300px; overflow: hidden; position: relative; display: flex; justify-content: center;} body.home #main .linkboxen .dreispaltig .image-container img {width: auto; height: 100%;} body.home #main .linkboxen .dreispaltig .linkboxcontainer {overflow: hidden; position: relative;} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container {position: absolute; top: 80%; margin-top: 0; min-height: 350px; width: 100%; text-align: center; transition: top 0.5s ease;} body.home #main .linkboxen .dreispaltig:hover .linkboxcontainer .text-container {top: 0;} body.home.wega #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(0,113,47,0.8);} body.home.mewe #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(0,80,149,0.8);} body.home.haus #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(235,139,46,0.8);} body.home.wein #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(127,18,22,0.8);} body.home.plus #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(226,0,26,0.8);} body.home.lehr #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(226,0,122,0.8);} body.home.tghof #main .linkboxen .dreispaltig .linkboxcontainer .text-container {background: rgba(197,29,28,0.8);} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container h3 {font-size: 2rem; line-height: 5rem; color: #fff; font-family: 'ralewaymedium'; text-align: center; background: 0; padding: 0; margin: 6px 0;} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container p {color: #fff; text-align: center; margin-bottom: 10px;} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container .linkboxmore {display: block;} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container a {color: #fff; position: relative;} /*Programm*/ .programm {margin: 30px 0;} .programm .programmheader {display: inline-block; width: 100%;} .programm .programmheader div {display: inline-block; float: left; box-sizing: border-box; padding: 5px;} .programm .box {clear: both; display: inline-block; width: 100%; margin-top: -6px; position: relative; transition: background 0.3s ease;} .programm .box:hover {background: #dcdcdc !important;} .programm .box a.programmboxlink {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .programm .box div {display: inline-block; float: left; box-sizing: border-box; padding: 5px;} .programm .box div p {margin-bottom: 0;} .programm .s1 {width: 15%;} .programm .s2 {width: 65%;} .programm .s3 {width: 15%;} .programm .s4 {width: 5%;} .programm .s4 img {width: 45%; float: right; margin-top: 0; margin-right: 5px;} body.wega .programm .box div a {color: #00712F; text-decoration: none;} body.mewe .programm .box div a {color: #005095; text-decoration: none;} body.haus .programm .box div a {color: #f39200; text-decoration: none;} body.wein .programm .box div a {color: #a01f23; text-decoration: none;} body.plus .programm .box div a {color: #E2001A; text-decoration: none;} body.lehr .programm .box div a {color: #E2007A; text-decoration: none;} body.tghof .programm .box div a {color: #C51D1C; text-decoration: none;} body.wega .programm .programmheader {background: #00712F; color: #fff;} body.wega .programm .box:nth-of-type(2n-1) {background: #e7efc9;} body.mewe .programm .programmheader {background: #005095; color: #fff;} body.mewe .programm .box:nth-of-type(2n-1) {background: #ecf0fc;} body.haus .programm .programmheader {background: #f39200; color: #fff;} body.haus .programm .box:nth-of-type(2n-1) {background: #F9DDC3;} body.wein .programm .programmheader {background: #4e1012; color: #fff;} body.wein .programm .box:nth-of-type(2n-1) {background: #e2e2e2;} body.plus .programm .programmheader {background: #E2001A; color: #fff;} body.plus .programm .box:nth-of-type(2n-1) {background: #e2e2e2;} body.lehr .programm .programmheader {background: #E2007A; color: #fff;} body.lehr .programm .box:nth-of-type(2n-1) {background: #f3e6ff;} body.tghof .programm .programmheader {background: #C51D1C; color: #fff;} body.tghof .programm .box:nth-of-type(2n-1) {background: #FD5251;} body .programm.keinort .s2 {width: 80%;} body .programm.keinort .s3 {display: none;} /*Vorschauelemente*/ .vorschaubox {padding-bottom: 20px; border-bottom: 3px solid #c6c6c6;} .vorschaubox h2 {margin: 20px 0; color: #333333; font-size: 3.6rem; line-height: 4.2rem; text-decoration: none;} .vorschaubox a {color: #333333; text-decoration: none;} body.wega .vorschaubox a {color: #00712F;} body.mewe .vorschaubox a {color: #005095;} body.haus .vorschaubox a {color: #f39200;} body.wein .vorschaubox a {color: #a01f23;} body.plus .vorschaubox a {color: #E2001A;} body.lehr .vorschaubox a {color: #E2007A;} body.tghof .vorschaubox a {color: #C51D1C;} .vorschaubox .image-container {display: inline-block; width: 30%; float: left; margin-right: 3%;} .vorschaubox .image-container img {width: 100%; height: auto;} .vorschaubox .text-conatiner {display: inline-block; width: 67%; float: left;} .vorschaubox .text-container .weiterlesen {color: #333333; text-decoration: none;} body.wega .vorschaubox .text-container .weiterlesen {color: #00712F; padding:10px; border:2px solid #00712F; margin-top: 10px; display: inline-block;} body.mewe .vorschaubox .text-container .weiterlesen {color: #005095;} body.haus .vorschaubox .text-container .weiterlesen {color: #f39200;} body.wein .vorschaubox .text-container .weiterlesen {color: #a01f23;} body.plus .vorschaubox .text-container .weiterlesen {color: #E2001A;} body.lehr .vorschaubox .text-container .weiterlesen {color: #E2007A;} body.tghof .vorschaubox .text-container .weiterlesen {color: #C51D1C;} #main .vorschaubox:last-of-type {border-bottom: none;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; font-size: 2rem; display: inline-block; float: left;} #container .formbody input {width: 96%; padding:20px 2%; font-size: 2rem; margin-bottom: 5px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody textarea {width: 96%; padding:20px 2%; font-size: 2rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9);} #container .formbody select {width: 100%; padding:1%; height: 62px; font-size: 2rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {font-size: 2rem; margin-bottom: 5px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 95%;} #container .formbody fieldset span.mandatory {width: auto; float: none;} #container .formbody .explanation p {font-size: 2rem; line-height: 1.4em;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left; font-size: 2rem;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-checkbox legend span {width: auto; float: none;} #container .formbody .widget-radio input {-webkit-appearance:radio;} #container .formbody .submit {margin-top: 7px; padding: 15px 65px 15px 10px; margin-left: 0; cursor: pointer;} body.wega #container .formbody .submit {color: #00712F; border: 2px solid #00712F; background: url(../graphics/right-arrow-green.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.wega #container .formbody .submit:hover {background: url(../graphics/right-arrow-green.svg) right 4px center no-repeat;} body.mewe #container .formbody .submit {color: #005095; border: 2px solid #005095; background: url(../graphics/right-arrow-blue.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.mewe #container .formbody .submit:hover {background: url(../graphics/right-arrow-blue.svg) right 4px center no-repeat;} body.haus #container .formbody .submit {color: #f39200; border: 2px solid #f39200; background: url(../graphics/right-arrow-orange.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.haus #container .formbody .submit:hover {background: url(../graphics/right-arrow-orange.svg) right 4px center no-repeat;} body.wein #container .formbody .submit {color: #4e1012; border: 2px solid #4e1012; background: url(../graphics/right-arrow-wein.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.wein #container .formbody .submit:hover {background: url(../graphics/right-arrow-wein.svg) right 4px center no-repeat;} body.plus #container .formbody .submit {color: #E2001A; border: 2px solid #E2001A; background: url(../graphics/right-arrow-red.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.plus #container .formbody .submit:hover {background: url(../graphics/right-arrow-red.svg) right 4px center no-repeat;} body.lehr #container .formbody .submit {color: #E2007A; border: 2px solid #E2007A; background: url(../graphics/right-arrow-pink.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.lehr #container .formbody .submit:hover {background: url(../graphics/right-arrow-pink.svg) right 4px center no-repeat;} body.tghof #container .formbody .submit {color: #C51D1C; border: 2px solid #C51D1C; background: url(../graphics/right-arrow-tghof.svg) right 10px center no-repeat; transition: background 0.3s ease;} body.tghof #container .formbody .submit:hover {background: url(../graphics/right-arrow-tghof.svg) right 4px center no-repeat;} #container .aussteller.formbody .submit {margin-top: 42px; margin-bottom: 10px;} #container .aussteller.formbody .showall {margin-bottom: 0;} /*Mailchimp*/ #container #mc_embed_signup input {-webkit-appearance:none;} #container #mc_embed_signup button {-webkit-appearance:none;} #container #mc_embed_signup {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto;} #container #mc_embed_signup label {width: 100%; padding-top: 10px; margin-bottom: 5px; font-size: 2rem; display: inline-block; float: left;} #container #mc_embed_signup input {width: 96%; padding:20px 2%; font-size: 2rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);} #container #mc_embed_signup textarea {width: 96%; padding:20px 2%; font-size: 2rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9);} #container #mc_embed_signup select {width: 100%; padding:1%; height: 62px; font-size: 2rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);} #container #mc_embed_signup .input-group {margin-bottom: 10px;} #container #mc_embed_signup .input-group strong {font-size: 2rem; margin-bottom: 10px; margin-top: 15px; display: block;} #container #mc_embed_signup fieldset span {width:100%; float: left;} #container #mc_embed_signup fieldset span input {float: left; width: 5%; height: 26px;} #container #mc_embed_signup fieldset span label {padding-top: 0; width: 95%;} #container #mc_embed_signup fieldset span.mandatory {width: auto; float: none;} #container #mc_embed_signup .explanation p {font-size: 2rem; line-height: 1.4em;} #container #mc_embed_signup .widget-captcha {margin-bottom: 40px;} #container #mc_embed_signup .widget-captcha input {margin-bottom: 5px;} #container #mc_embed_signup .widget-captcha span {width: 100%; float: left; font-size: 2rem;} #container #mc_embed_signup .widget-captcha label span.mandatory {width: auto; float: none;} #container #mc_embed_signup .input-group li {display: inline-block; width: 100%;} #container #mc_embed_signup .input-group input {-webkit-appearance:checkbox; width: 30px; margin-bottom: 5px; padding: 0; display: inline-block;} #container #mc_embed_signup .input-group label {width: calc(99% - 30px); display: inline-block; float: none;} #container #mc_embed_signup .input-group legend span {width: auto; float: none;} #container #mc_embed_signup .widget-radio input {-webkit-appearance:radio;} #container #mc_embed_signup input.button {width: auto; margin-top: 7px; padding: 15px 65px 15px 10px; margin-left: 0; cursor: pointer; color: #005095; border: 2px solid #005095; background: url(../graphics/right-arrow-blue.svg) right 10px center no-repeat; transition: background 0.3s ease;} #container #mc_embed_signup input.button:hover {background: url(../graphics/right-arrow-blue.svg) right 4px center no-repeat;} #container #mc_embed_signup .indicates-required {display: none;} #container .ausstellerliste .ausstellerrow {width: 100%; box-sizing: border-box; padding: 10px; font-size: 1.8rem;} #container .ausstellerliste .ausstellerrow:nth-of-type(2n) {background:#f1f1f1;} #container .ausstellerliste .ausstellerrow.head {font-family: 'ralewaybold';} #container .ausstellerliste .ausstellerrow div {box-sizing: border-box; padding: 10px; display: inline-block; vertical-align: text-top;} #container .ausstellerliste .ausstellerrow a {color: #00712F; text-decoration: none;} #container .ausstellerliste .ausstellerrow .aussteller1 {width: 17%;} #container .ausstellerliste .ausstellerrow .aussteller2 {width: 17%;} #container .ausstellerliste .ausstellerrow .aussteller3 {width: 32%;} #container .ausstellerliste .ausstellerrow .aussteller4 {width: 13%;} #container .ausstellerliste .ausstellerrow .aussteller5 {width: 8%;} #container .ausstellerliste .ausstellerrow .aussteller6 {width: 13%; text-align: right;} /*Columns*/ #container .rs-column.-large-col-2-1 {width: 48.5%; margin-right: 3%;} #container .rs-column.-large-col-2-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-3-1 {width: 31.3%; margin-right: 3%;} #container .rs-column.-large-col-3-1.-large-last {margin-right: 0;} #container .rs-column.-large-col-4-1 {width: 22.75%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1.-large-last {margin-right: 0;} /*YouTube*/ #container .content-youtube {clear: both;} #container .content-youtube embed {max-width: 100%;} #container .content-youtube video {max-width: 100%;} #container .content-youtube iframe {max-width: 100%;} #container .content-youtube .me-plugin {width: 100%;} #container .content-youtube .mejs-overlay {width: 100% !important;} #container .content-player {clear: both;} #container .content-player embed {max-width: 100%;} #container .content-player video {max-width: 100%;} #container .content-player iframe {max-width: 100%;} #container .content-player .me-plugin {width: 100%;} #container .content-player .mejs-overlay {width: 100% !important;} /*Google Map*/ .dlh_googlemap {width: 100% !important;} /* NEWS / TERMINE */ /*************************************************************/ .mod_newsreader .back {margin-top: 15px;} body.wega .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #00712F; background: url(../graphics/left-arrow-green.svg) left 20px center no-repeat; color: #00712F; text-decoration: none; transition: background 0.3s ease;} body.wega .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-green.svg) left 10px center no-repeat;} body.mewe .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #005095; background: url(../graphics/left-arrow-blue.svg) left 20px center no-repeat; color: #005095; text-decoration: none; transition: background 0.3s ease;} body.mewe .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-blue.svg) left 10px center no-repeat;} body.haus .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #f39200; background: url(../graphics/left-arrow-orange.svg) left 20px center no-repeat; color: #f39200; text-decoration: none; transition: background 0.3s ease;} body.haus .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-orange.svg) left 10px center no-repeat;} body.wein .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #4e1012; background: url(../graphics/left-arrow-wein.svg) left 20px center no-repeat; color: #4e1012; text-decoration: none; transition: background 0.3s ease;} body.wein .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-wein.svg) left 10px center no-repeat;} body.plus .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #E2001A; background: url(../graphics/left-arrow-red.svg) left 20px center no-repeat; color: #E2001A; text-decoration: none; transition: background 0.3s ease;} body.plus .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-red.svg) left 10px center no-repeat;} body.lehr .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #E2007A; background: url(../graphics/left-arrow-pink.svg) left 20px center no-repeat; color: #E2007A; text-decoration: none; transition: background 0.3s ease;} body.lehr .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-pink.svg) left 10px center no-repeat;} body.tghof .mod_newsreader .back a {display: inline-block; padding: 13px 30px 13px 80px; border:2px solid #C51D1C; background: url(../graphics/left-arrow-tghof.svg) left 20px center no-repeat; color: #C51D1C; text-decoration: none; transition: background 0.3s ease;} body.tghof .mod_newsreader .back a:hover {background: url(../graphics/left-arrow-tghof.svg) left 10px center no-repeat;} #main .mod_newslist .layout_latest {border-bottom: 3px solid #c6c6c6; padding: 20px 0;} #main .mod_newslist .layout_latest:last-of-type {border-bottom: none;} #main .mod_newslist h2 {margin: 0 0 15px 0;} #main .mod_newslist .ce_text {margin-bottom: 0;} body.wega #main .mod_newslist h2 a {color: #00712F; text-decoration: none;} body.wega #main .mod_newslist .more a {color: #00712F; text-decoration: none;} body.mewe #main .mod_newslist h2 a {color: #005095; text-decoration: none;} body.mewe #main .mod_newslist .more a {color: #005095; text-decoration: none;} body.haus #main .mod_newslist h2 a {color: #f39200; text-decoration: none;} body.haus #main .mod_newslist .more a {color: #f39200; text-decoration: none;} body.wein #main .mod_newslist h2 a {color: #4e1012; text-decoration: none;} body.wein #main .mod_newslist .more a {color: #4e1012; text-decoration: none;} body.plus #main .mod_newslist h2 a {color: #E2001A; text-decoration: none;} body.plus #main .mod_newslist .more a {color: #E2001A; text-decoration: none;} body.lehr #main .mod_newslist h2 a {color: #E2007A; text-decoration: none;} body.lehr #main .mod_newslist .more a {color: #E2007A; text-decoration: none;} #main .mod_newslist .image_container {width: 30%; display: inline-block; float: left; margin: 0 20px 20px 0;} #main .mod_newslist .image_container .platzhalter {width: 360px; height: 240px; max-width: 100%;} body.wega #main .mod_newslist .image_container .platzhalter {background: url(../graphics/wega-news-default.png) center no-repeat; background-size: contain;} body.mewe #main .mod_newslist .image_container .platzhalter {background: url(../graphics/mewe-news-default.png) center no-repeat; background-size: contain;} body.haus #main .mod_newslist .image_container .platzhalter {background: url(../graphics/haus-news-default.png) center no-repeat; background-size: contain;} body.wein #main .mod_newslist .image_container .platzhalter {background: url(../graphics/wein-news-default.png) center no-repeat; background-size: contain;} body.plus #main .mod_newslist .image_container .platzhalter {background: url(../graphics/plus-news-default.png) center no-repeat; background-size: contain;} body.lehr #main .mod_newslist .image_container .platzhalter {background: url(../graphics/lehr-news-default.png) center no-repeat; background-size: contain;} body.tghof #main .mod_newslist .image_container .platzhalter {background: url(../graphics/tghof-news-default.png) center no-repeat; background-size: contain;} .pagination {clear: both; display: block; width: 100%;} .pagination p {display: inline-block; float: right;} .pagination ul {display: inline-block; float: left;} .pagination ul li {width: auto; margin-right: 5px; margin-bottom: 10px; display: inline-block;} .pagination ul li a, .pagination ul li span {border-radius: 0px; text-decoration: none; padding:1px 0 1px 0; width: 30px; display: block; text-align: center; background: #72909A; color: #fff; transition: color 0.3s ease, background 0.3s ease;} body.wega .pagination ul li a, body.wega .pagination ul li span {background: #00712F;} body.mewe .pagination ul li a, body.mewe .pagination ul li span {background: #005095;} body.haus .pagination ul li a, body.haus .pagination ul li span {background: #f39200;} body.wein .pagination ul li a, body.wein .pagination ul li span {background: #4e1012;} body.plus .pagination ul li a, body.plus .pagination ul li span {background: #E2001A;} body.lehr .pagination ul li a, body.lehr .pagination ul li span {background: #E2007A;} .pagination ul li a:hover, .pagination ul li span.active {color: #2E2E2E;} .pagination ul li.next a, .pagination ul li.last a, .pagination ul li.first a, .pagination ul li.previous a {width: auto; padding: 1px 7px 1px 7px;} /* FOOTER */ /*************************************************************/ #footer {height: auto; display: block; clear: both; position: relative; padding-top: 30px;} #footer p {color: #333;} #footer .inside .inside {width: 1200px; display: block; margin: 0 auto 50px auto;} #footer .sponsoren {width: 1200px; margin: 0 auto 30px auto; padding: 10px 0; border-top: 3px solid #c6c6c6; border-bottom: 3px solid #c6c6c6;} #footer .spaltelinks {display: inline-block; float: left; width: 63%; margin-right: 5%;} #footer .spalterechts {display: inline-block; float: left; width: 32%; margin-right: 0;} #footer .sponsoren .linkboxen .image-container {height: 130px;} #footer .sponsoren .spalterechts .linkboxen .image-container {height: 100px;} #footer .sponsoren .spalterechts .linkboxen .dreispaltig {width: 48.5%; margin-right: 3%;} #footer .sponsoren .spalterechts .linkboxen .dreispaltig:nth-of-type(2n) {margin-right: 0;} #footer .sponsoren h4 {margin-bottom: 30px; color: #333;} body.lehr #footer .sponsoren .spaltelinks {width: 35%;} body.lehr #footer .sponsoren .spalterechts {width: 60%;} body.lehr #footer .sponsoren .spaltelinks .linkboxen {justify-content: flex-start;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .dreispaltig {width: 100%; float: left;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .image-container {height: 225px;} body.lehr #footer .sponsoren .spalterechts .rs-columns {padding-top: 0;} body.lehr #footer .sponsoren .spalterechts .linkboxen .vierspaltig {width: 48%; margin-right: 4%; margin-bottom: 10px;} body.lehr #footer .sponsoren .spalterechts .linkboxen .vierspaltig:nth-of-type(2n) {margin-right: 0;} body.lehr #footer .sponsoren .spalterechts .linkboxen .vierspaltig:nth-of-type(2n+1) {clear: left;} body.lehr #footer .sponsoren .spalterechts .linkboxen {justify-content: flex-start;} body.tghof #footer .sponsoren {margin-bottom: 50px; padding: 17px 0 8px 0; border-top: 3px solid #333333; border-bottom: 3px solid #333333;} body.plus #footer .sponsoren .spaltelinks {width: 42%;} body.plus #footer .sponsoren .spalterechts {width: 53%;} body.plus #footer .sponsoren .spaltelinks .linkboxen {justify-content: flex-start;} body.plus #footer .sponsoren .spaltelinks .linkboxen .dreispaltig {width: 48.5%; float: left;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig {width: 31.333333%; float: left;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig:nth-of-type(2n) {margin-right: 3%;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} #footer .socialmediafooter {position: absolute; top: -35px; left: 0; width: 100%; text-align: center;} #footer .socialmediafooter img {transition: transform 0.3s ease;} #footer .socialmediafooter img:hover {transform: scale(1.07);} body.wega #footer .footerfarbig {padding: 40px 0 20px 0; background: #e7efc9; position: relative;} body.mewe #footer .footerfarbig {padding: 40px 0 20px 0; background: #ecf0fc; position: relative;} body.haus #footer .footerfarbig {padding: 40px 0 20px 0; background: #F9DDC3; position: relative;} body.wein #footer .footerfarbig {padding: 40px 0 20px 0; background: #dcdcdc; position: relative;} body.plus #footer .footerfarbig {padding: 40px 0 20px 0; background: #dcdcdc; position: relative;} body.lehr #footer .footerfarbig {padding: 40px 0 20px 0; background: #f3e6ff; position: relative;} body.tghof #footer .footerfarbig {padding: 40px 0 20px 0; background: #EDEDED; position: relative;} #footer .footerfarbig .inside {width: 1200px; margin: 0 auto 30px auto;} body.wega #footer .footerfarbig h4 {color: #00712F;} body.mewe #footer .footerfarbig h4 {color: #005095;} body.haus #footer .footerfarbig h4 {color: #f39200;} body.wein #footer .footerfarbig h4 {color: #4e1012;} body.plus #footer .footerfarbig h4 {color: #E2001A;} body.lehr #footer .footerfarbig h4 {color: #E2007A;} body.tghof #footer .footerfarbig h4 {color: #C51D1C;} #footer .footerfarbig a {color: #333; text-decoration: none;} body.wega #footer a {color: #00712F; text-decoration: none;} body.mewe #footer a {color: #005095; text-decoration: none;} body.haus #footer a {color: #f39200; text-decoration: none;} body.wein #footer a {color: #a01f23; text-decoration: none;} body.plus #footer a {color: #E2001A; text-decoration: none;} body.lehr #footer a {color: #E2007A; text-decoration: none;} body.tghof #footer a {color: #C51D1C; text-decoration: none;} #footer .footerfarbig .spaltelinks .content-text {display: inline-block; float: left; width: 31.3%; margin-right: 3%;} #footer .footerfarbig .spaltelinks .content-text:nth-of-type(3n) {margin-right: 0;} #footer .footerfarbig .spalterechts {position: relative; height: 300px;} #footer .footerfarbig .spalterechts .newsletterlink {border-top: none;} body.wega #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #00712F; background: url(../graphics/right-arrow-green.svg) right 20px center no-repeat; color: #00712F; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.wega #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-green.svg) right 10px center no-repeat;} body.mewe #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #005095; background: url(../graphics/right-arrow-blue.svg) right 20px center no-repeat; color: #005095; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.mewe #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-blue.svg) right 10px center no-repeat;} body.haus #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #f39200; background: url(../graphics/right-arrow-orange.svg) right 20px center no-repeat; color: #f39200; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.haus #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-orange.svg) right 10px center no-repeat;} body.wein #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #4e1012; background: url(../graphics/right-arrow-wein.svg) right 20px center no-repeat; color: #4e1012; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.wein #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-wein.svg) right 10px center no-repeat;} body.plus #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #E2001A; background: url(../graphics/right-arrow-red.svg) right 20px center no-repeat; color: #E2001A; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.plus #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-red.svg) right 10px center no-repeat;} body.lehr #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #E2007A; background: url(../graphics/right-arrow-pink.svg) right 20px center no-repeat; color: #E2007A; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.lehr #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-tghof.svg) right 10px center no-repeat;} body.tghof #footer .footerfarbig .spalterechts .newsletterlink a {padding: 13px 30px 13px 20px; border:2px solid #C51D1C; background: url(../graphics/right-arrow-tghof.svg) right 20px center no-repeat; color: #C51D1C; font-size: 2rem; text-decoration: none; transition: background 0.3s ease;} body.tghof #footer .footerfarbig .spalterechts .newsletterlink a:hover {background: url(../graphics/right-arrow-tghof.svg) right 10px center no-repeat;} #footer .footerklein {/*position: absolute; bottom: 0; left: 0;*/ font-size: 1.2rem;} body.wega #footer .footerklein a {color: #00712F; text-decoration: none;} body.mewe #footer .footerklein a {color: #005095; text-decoration: none;} body.haus #footer .footerklein a {color: #f39200; text-decoration: none;} body.wein #footer .footerklein a {color: #a01f23; text-decoration: none;} body.plus #footer .footerklein a {color: #E2001A; text-decoration: none;} body.lehr #footer .footerklein a {color: #E2007A; text-decoration: none;} body.tghof #footer .footerklein a {color: #C51D1C; text-decoration: none;} #footer .rs-columns {padding-top: 32px;} #footer .inside .inside.rs-columns {margin-bottom: 0;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} /* 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 */ /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 2200px) { #topbild .topbildinside .newsbereich h3 {margin-top: 0;} #topbild .topbildinside .newsbereich h2 {margin-top: 5px;} } @media screen and (max-width: 2000px) { #topbild .topbildinside .newsticker .content-text {display: none;} #topbild .topbildinside .newsticker .layout_latest .ce_text {display: none;} #topbild .topbildinside .newsticker .more {display: none;} #topbild .headerwords {width: 15%;} } @media screen and (max-width: 1500px) { #wrapper #topbild .topbildinside .topbildtitel h1, #wrapper #topbild .topbildinside .topbildtitel h2 {font-size: 8rem; line-height: 9rem;} /*body.haus #topbild .topbildinside .topbildtitel h1, body.haus #topbild .topbildinside .topbildtitel h2 {font-size: 8rem; line-height: 9rem;} body.plus #topbild .topbildinside .topbildtitel h1, body.plus #topbild .topbildinside .topbildtitel h2 {font-size: 8rem; line-height: 9rem;}*/ #topbild .topbildinside .newsbereich h3 {font-size: 2.5rem; line-height: 3rem;} #topbild .topbildinside .newsbereich h2 {font-size: 2.5rem; line-height: 3rem;} } @media screen and (max-width: 1350px) { #header .navcontainer .inside {width: 96%; padding-left: 2%; padding-right: 2%;} #topbild .topbildinside {width: 96%; padding-left: 2%; padding-right: 2%; position: relative;} .mod_breadcrumb ul {width: 96%; padding-left: 2%; padding-right: 2%;} #main .mod_article .inside {width: 96%; padding-left: 2%; padding-right: 2%;} #footer .inside .inside {width: 96%; padding-left: 2%; padding-right: 2%;} #footer .sponsoren {width: 96%; padding-left: 2%; padding-right: 2%;} #footer .footerfarbig .inside {width: 96%; padding-left: 2%; padding-right: 2%;} #footer .sponsoren .linkboxen .image-container {height: 10vw;} body.home #main .linkboxen .dreispaltig .image-container {height: 23vw;} #header > .inside {display: none;} #topbild .topbildinside .newsbereich {width: 100%; margin-top: 0px; padding: 20px 0;} #topbild .topbildinside .topbildtitel {width: 96%; padding: 0 2%;} body.wega #wrapper {border: 6px solid #00712F; padding: 6px;} body.wega #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #00712F; border-right: 6px solid #00712F; border-top: 6px solid #00712F; box-shadow: 0 0 7px 0 #777;} body.mewe #wrapper {border: 6px solid #005095; padding: 6px;} body.mewe #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #005095; border-right: 6px solid #005095; border-top: 6px solid #005095; box-shadow: 0 0 7px 0 #777;} body.haus #wrapper {border: 6px solid #f39200; padding: 6px;} body.haus #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #f39200; border-right: 6px solid #f39200; border-top: 6px solid #f39200; box-shadow: 0 0 7px 0 #777;} body.wein #wrapper {border: 6px solid #4e1012; padding: 6px;} body.wein #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #4e1012; border-right: 6px solid #4e1012; border-top: 6px solid #4e1012; box-shadow: 0 0 7px 0 #777;} body.plus #wrapper {border: 6px solid #E2001A; padding: 6px;} body.plus #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #E2001A; border-right: 6px solid #E2001A; border-top: 6px solid #E2001A; box-shadow: 0 0 7px 0 #777;} body.lehr #wrapper {border: 6px solid #E2007A; padding: 6px;} body.lehr #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; border-left: 6px solid #E2007A; border-right: 6px solid #E2007A; border-top: 6px solid #E2007A; box-shadow: 0 0 7px 0 #777;} body.tghof #wrapper {border: 6px solid #C51D1C; padding: 6px;} body.tghof #logotop {position: fixed; width: 100%; box-sizing: border-box; background:#fff; right: 0 !important; left: 0 !important; border-left: 6px solid #C51D1C; border-right: 6px solid #C51D1C; border-top: 6px solid #C51D1C; box-shadow: 0 0 7px 0 #777;} #logotop .logocontainer {float: none;} #header {padding-top: 170px;} #topbild .topbildinside .newsticker .content-text {display: block;} #topbild .topbildinside .newsticker .layout_latest .ce_text {display: block;} #topbild .topbildinside .newsticker .more {display: block;} #nuunnav .navlogo {position: absolute; width: 60%; top: 20px; left: 20px;} #nuunnav .content-text {margin-top: 20px;} body.wega #nuunnav .content-text a {font-size: 2rem; color: #00712F; text-decoration: none; margin-bottom: 15px;} body.mewe #nuunnav .content-text a {font-size: 2rem; color: #005095; text-decoration: none; margin-bottom: 15px;} body.haus #nuunnav .content-text a {font-size: 2rem; color: #f39200; text-decoration: none; margin-bottom: 15px;} body.wein #nuunnav .content-text a {font-size: 2rem; color: #a01f23; text-decoration: none; margin-bottom: 15px;} body.plus #nuunnav .content-text a {font-size: 2rem; color: #E2001A; text-decoration: none; margin-bottom: 15px;} body.lehr #nuunnav .content-text a {font-size: 2rem; color: #E2007A; text-decoration: none; margin-bottom: 15px;} body.tghof #nuunnav .content-text a {font-size: 2rem; color: #C51D1C; text-decoration: none; margin-bottom: 15px;} #main .mod_newslist .image_container .platzhalter {height: 19vw;} #container #main .ce_gallery ul li {height: 15vw;} } @media screen and (max-width: 1000px) { #container .rs-column.-large-col-4-1 {width: 48.5%; margin-right: 3%; margin-top: 0;} #container .rs-column.-large-col-4-1:nth-of-type(2n) {margin-right: 0;} .linkboxen .dreispaltig.logobox .image-container {height: 17.5vw;} .linkboxen .vierspaltig.logobox .image-container {height: 12.7vw;} .linkboxen .fuenfspaltig.logobox .image-container {height: 10vw;} h1, h2 {font-size: 3.5rem; line-height: 4.5rem;} body.wega h3 {font-size: 2.8rem; line-height: 3.3rem;} body.mewe h3 {font-size: 2.8rem; line-height: 3.3rem;} body.haus h3 {font-size: 2.8rem; line-height: 3.3rem;} body.wein h3 {font-size: 2.8rem; line-height: 3.3rem;} body.plus h3 {font-size: 2.8rem; line-height: 3.3rem;} body.lehr h3 {font-size: 2.8rem; line-height: 3.3rem;} body.tghof h3 {font-size: 2.8rem; line-height: 3.3rem;} #container .content-text.hintergrund p {font-size: 2rem; line-height: 2.5rem;} #container .content-text.hintergrund h1, #container .content-text.hintergrund h2, #container .content-text.hintergrund h3 {font-size: 2.5rem; line-height: 3rem;} .ce_accordion .toggler {font-size: 3.5rem; line-height: 4rem; margin-bottom: 5px; background: url(../graphics/headline-arrow.svg) top 10px left no-repeat; padding-left: 30px; background-size: 17px; transition: background 0.3s ease;} .ce_accordion .toggler.active {background-size: 21px;} .linkboxen .dreispaltig {width: 48.5%;} .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 3%;} .linkboxen .dreispaltig:nth-of-type(2n) {margin-right: 0;} body.home #main .linkboxen .dreispaltig .image-container {height: 30vw;} body.home #main .linkboxen .dreispaltig .image-container .text-container {top: 85%;} #container .ce_form {width: 100%;} #container #mc_embed_signup {width: 100%;} #wrapper #topbild .topbildinside .topbildtitel h1, #wrapper #topbild .topbildinside .topbildtitel h2 {font-size: 5rem; line-height: 5.5rem;} /*body.haus #topbild .topbildinside .topbildtitel h1, body.haus #topbild .topbildinside .topbildtitel h2 {font-size: 5rem; line-height: 5.5rem;} body.plus #topbild .topbildinside .topbildtitel h1, body.plus #topbild .topbildinside .topbildtitel h2 {font-size: 5rem; line-height: 5.5rem;} body.tghof #topbild .topbildinside .topbildtitel h1, body.tghof #topbild .topbildinside .topbildtitel h2 {font-size: 5rem; line-height: 5.5rem;}*/ #footer .spaltelinks {width: 100%; margin: 0 0 15px 0;} #footer .spalterechts {width: 100%; margin: 0 0 15px 0;} #footer .linkboxen .dreispaltig {width: 31.3%; margin-right: 3%;} #footer .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} #footer .sponsoren .spalterechts .linkboxen .dreispaltig {width: 31.3%; margin-right: 3%;} #footer .footerfarbig .spalterechts {height: auto;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .image-container {height: 10vw;} body.lehr #footer .sponsoren .spaltelinks {width: 100%;} body.lehr #footer .sponsoren .spalterechts {width: 100%;} body.lehr #footer .sponsoren .spaltelinks .linkboxen {justify-content: center;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .dreispaltig {width: 30%;} #container .ausstellerliste .ausstellerrow div {display: block;} #container .ausstellerliste .ausstellerrow .aussteller1 {width: 100%; padding: 0; font-family: 'ralewaybold';} #container .ausstellerliste .ausstellerrow .aussteller2 {width: 100%; padding: 0;} #container .ausstellerliste .ausstellerrow .aussteller3 {width: 100%; padding: 0;} #container .ausstellerliste .ausstellerrow .aussteller4 {width: 100%; padding: 0;} #container .ausstellerliste .ausstellerrow .aussteller5 {width: 100%; padding: 0;} #container .ausstellerliste .ausstellerrow .aussteller6 {width: 100%; padding: 0; text-align: left;} #container .ausstellerliste .ausstellerrow.head {display: none;} #srl_layer .ce_image {display: none;} } @media screen and (max-width: 750px) { #container .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-top: 0;} #container .rs-column.-large-col-4-1 {width: 100%; margin-right: 0; margin-top: 0;} .schmal75 {width: 100% !important; margin: 0 auto;} .schmal50 {width: 100% !important; margin: 0 auto;} .linkboxen .dreispaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .vierspaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .fuenfspaltig.logobox .image-container {height: 50vw; padding: 5%;} .linkboxen .dreispaltig {width: 100%; margin-right: 0;} .linkboxen .vierspaltig {width: 100%; margin-right: 0;} .linkboxen .fuenfspaltig {width: 100%; margin-right: 0;} #footer .spaltelinks {width: 100%; margin-right: 0;} #footer .spalterechts {width: 100%; margin-right: 0;} #footer .sponsoren .linkboxen .image-container {height: 30vw;} #footer .footerfarbig .spaltelinks .content-text {width: 100%; margin-right: 0;} #footer .rs-column.-large-col-2-1 {width: 100%; margin-right: 0; margin-top: 0;} #footer .inside .inside.rs-columns .content-text p {text-align: left !important;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .dreispaltig {width: 100%; margin-right: 0;} body.lehr #footer .sponsoren .spaltelinks .linkboxen .image-container {height: 30vw;} #container .content-text.hintergrund h1, #container .content-text.hintergrund h2, #container .content-text.hintergrund h3 {width: 100%; margin:0 0 20px 0;} #container .content-text.hintergrund .textbox {width: 100%;} body.home #main .linkboxen .dreispaltig .image-container {height: 55vw;} body.home #main .linkboxen .dreispaltig .image-container .text-container {min-height: 400px;} body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container {top: 46vw; min-height: 450px;} .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} #logotop .logocontainer {width: 200px;} #topbild .headerwords {display: none;} .tablescroll table {min-width: 768px;} .tablescroll {width: 100%; overflow: auto;} #container .ce_text .image_container.float_left {width: 100%; float: left; margin-right: 0;} #container .ce_text .image_container.float_right {width: 100%; float: left; margin-left: 0;} #container .content-text.media--left figure {width: 100%; margin-right: 0%;} #container .content-text.media--left .rte {width: 100%;} #container .content-text.media--right figure {float: none; width: 100%; margin-left: 0%;} #container .content-text.media--right .rte {width: 100%;} .vorschaubox .image-container {width: 100%; margin-right: 0;} #header {padding-top: 115px;} body.plus #footer .sponsoren .spaltelinks {width: 100%;} body.plus #footer .sponsoren .spalterechts {width: 100%;} body.plus #footer .sponsoren .spaltelinks .linkboxen {justify-content: flex-start;} body.plus #footer .sponsoren .spaltelinks .linkboxen .dreispaltig {width: 100%; float: left;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig {width: 100%; float: left;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig:nth-of-type(2n) {margin-right: 0;} body.plus #footer .sponsoren .spalterechts .linkboxen .dreispaltig:nth-of-type(3n) {margin-right: 0;} body.plus #footer .sponsoren .spalterechts .linkboxen .image-container {height: 30vw;} } @media screen and (max-width: 600px) { #wrapper #topbild .topbildinside .topbildtitel h1, #wrapper #topbild .topbildinside .topbildtitel h2 {font-size: 2.5rem; line-height: 3rem;} body #topbild .topbildinside .topbildtitel {bottom: 10px;} /*body.haus #topbild .topbildinside .topbildtitel h1, body.haus #topbild .topbildinside .topbildtitel h2 {font-size: 3.5rem; line-height: 4rem;} body.plus #topbild .topbildinside .topbildtitel h1, body.plus #topbild .topbildinside .topbildtitel h2 {font-size: 3.5rem; line-height: 4rem;} body.tghof #topbild .topbildinside .topbildtitel h1, body.tghof #topbild .topbildinside .topbildtitel h2 {font-size: 3.5rem; line-height: 4rem;} body.wein #topbild .topbildinside .topbildtitel h1, body.wein #topbild .topbildinside .topbildtitel h2 {font-size: 2.5rem; line-height: 3rem;}*/ body.home #main .linkboxen .dreispaltig .linkboxcontainer .text-container {top: 44vw;} #footer .linkboxen .dreispaltig {width: 100%; margin-right: 0;} #footer .sponsoren .spalterechts .linkboxen .dreispaltig {width: 100%; margin-right: 0;} body.lehr #footer .sponsoren .spalterechts .linkboxen .vierspaltig {width: 100%; margin-right: 0;} #main .mod_newslist .image_container {width: 100%; margin: 0 0 20px 0;} #main .mod_newslist .image_container .platzhalter {width: 100%; height: 60vw;} #container .aussteller.formbody .submit {margin-top: 0;} } /* FONTS */ /*************************************************************/ @font-face { font-family: 'ralewaybold'; src: url('Fonts/raleway-bold-webfont.woff2') format('woff2'), url('Fonts/raleway-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('Fonts/raleway-light-webfont.woff2') format('woff2'), url('Fonts/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaymedium'; src: url('Fonts/raleway-medium-webfont.woff2') format('woff2'), url('Fonts/raleway-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; src: url('Fonts/raleway-regular-webfont.woff2') format('woff2'), url('Fonts/raleway-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; src: url('Fonts/raleway-semibold-webfont.woff2') format('woff2'), url('Fonts/raleway-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }