/* Editbox-Classes _______________________________________________________________ */ .responsive-video { position: relative; padding: 56.25% 0 0; } .responsive-video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .custom-headline { color: #B18A6D; font-size: 26px; line-height: 30px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } /* Basic ____________________________________________________ */ body, html { height: 100%; } body, table, input, select, textarea { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.375em; } body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table { border: 0px; border-collapse: collapse; } table td, form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a, body .link { color: #933533; cursor: pointer; text-decoration: none; -webkit-transition: all 300ms; transition: all 300ms; } a:hover, body a.link:hover { color: #A68662; } img { border: 0px; vertical-align: middle; } video { vertical-align: middle; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* __________________________________________________________________ End */ /* font-family: 'Crimson Text', serif; font-family: 'Julius Sans One', sans-serif; */ /* Default _______________________________________________________________ */ @media all { body, table, input, select, textarea { color: #6A6A6A; font-family: 'Crimson Text', serif; font-size: 18px; line-height: 24px; } body { -webkit-text-size-adjust: none; } address { font-style: normal; } hr { display: none; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 18px; line-height: 24px; font-weight: normal; } .t1large, .t1large a, .t1largei, .t1largei a { color: #B18A6D; font-size: 60px; line-height: 66px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t1, .t1 a, .t1i, .t1i a { color: #B18A6D; font-size: 40px; line-height: 44px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t2, .t2 a, .t2i, .t2i a { color: #B18A6D; font-size: 18px; line-height: 24px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t3, .t3 a, .t3i, .t3i a { color: #B18A6D; font-size: 38px; line-height: 44px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t4, .t4 a, .t4i, .t4i a { color: #B18A6D; font-size: 30px; line-height: 36px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t5, .t5 a, .t5i, .t5i a { color: #B18A6D; font-size: 24px; line-height: 30px; font-family: 'Julius Sans One', sans-serif; font-weight: normal; } .t6, .t6 a, .t6i, .t6i a { color: #000000; font-size: 18px; line-height: 22px; font-weight: normal; } .t1largei, .t1largei a { color: #FFFFFF; } .t1i, .t1i a { color: #FFFFFF; } .t2i, .t2i a { color: #C5AE97; } .t3i, .t3i a { color: #FFFFFF; } .t4i, .t4i a { color: #FFFFFF; } .t5i, .t5i a { color: #FFFFFF; } .t6i, .t6i a { color: #FFFFFF; } a.linki { color: #FFFFFF; } .defaultFs, .defaulti { font-size: 22px; line-height: 28px; } .defaulti { color: #FFFFFF; } small, .small { font-size: 18px; line-height: 24px; } .medium1, .medium1i { font-size: 20px; line-height: 26px; } .medium1i { color: #FFFFFF; } .large1, .large1i { font-size: 22px; line-height: 26px; } .large1i { color: #FFFFFF; } .ttupper { text-transform: uppercase; } .ttlower { text-transform: lowercase; } .ttnone { text-transform: none; } .ff-default { font-family: 'Crimson Text', serif; } .ff-headline { font-family: 'Julius Sans One', sans-serif; } .fw-light { font-weight: 300; } .fw-normal { font-weight: normal; } .fw-medium { font-weight: 500; } .fw-semi-bold { font-weight: 600; } .fw-bold { font-weight: bold; } .color-headline { color: #B18A6D; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .left { float: left; } .right { float: right; } svg.icon { width: 1.250000em; height: 1.250000em; } ul { margin: 0px 0px 0px 0px; padding-left: 16px; padding-right: 8px; list-style-type: none; text-align: left; } ul li:before { content: '\025AA'; font-size: 20px; position: absolute; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; } ul li { position: relative; padding: 0px 0px 0px 15px; } ul li ul li:before { color: #999999; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 26px; } ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } *.reset ul, ul.reset { padding: 0px 0px 0px 0px; } *.reset ul li:before, ul.reset li:before { content: none; } *.reset ul li, ul.reset li { position: static; padding: 0px 0px 0px 0px; } *.reset ul li ul, ul.reset li ul { padding: 0px 0px 0px 0px; } *.icon1 ul, ul.icon1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } *.icon1 ul li, ul.icon1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1.625000em; position: relative; text-indent: 0px; line-height: 1.562500em; } *.icon1 ul li:before, ul.icon1 li:before { content: none; } *.icon1 ul li svg.icon, ul.icon1 li svg.icon { position: absolute; left: 0px; top: 0.125000em; width: 0.500000em; height: 0.500000em; } table { width: 100%; } table caption { font-size: 20px; } table colgroup col { width: 29.572650%; } table colgroup col:first-child { width: 5.470085%; } table thead { border-bottom: solid 2px #BFBFBF; } table thead th { padding-top: 6px; padding-bottom: 6px; text-align: left; } table tfoot td { border-top: solid 1px #BFBFBF; padding-top: 6px; padding-bottom: 6px; } table tbody td { border-top: solid 1px #BFBFBF; padding-top: 6px; padding-bottom: 6px; } table tr * { padding-left: 0.854701%; padding-right: 0.854701%; } table tr *:first-child { padding-left: 0.341880%; padding-right: 0.341880%; } table.reset { width: auto; } table.reset caption { font-size: inherit; } table.reset colgroup col { width: auto; } table.reset thead { border-bottom: inherit; } table.reset thead th { padding-top: inherit; padding-bottom: inherit; text-align: inherit; } table.reset tfoot td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tbody td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tr * { padding-left: inherit; padding-right: inherit; } .button { display: inline-block; text-align: center; padding: 13px 20px; font-size: 18px; line-height: 26px; font-family: 'Julius Sans One', sans-serif; font-weight: 400; cursor: pointer; } .button .icon { display: inline-block; vertical-align: baseline; } .button .text + .icon { margin-left: 4px; } .button .icon + .text { margin-left: 4px; } .button .icon img { vertical-align: baseline; } .button.small { font-size: 13px; padding: 3px 14px; } .button.big { padding: 14px 30px; } .button:hover { color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .button1 { background-color: #933634; color: #FFFFFF; } .button2 { background-color: #AC9379; color: #FFFFFF; } .button3 { background-color: #708136; color: #FFFFFF; } .button4 { background-color: #661B1A; color: #FFFFFF; } .bgweb { background-color: #E1D3C3; color: #6A6A6A; } .bgwebgradientleft { background: linear-gradient(to right, rgba(221,221,221,1) 0%,rgba(221,221,221,1) 30%,rgba(221,221,221,0) 100%); } .bgwebgradientright { background: linear-gradient(to right, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 70%,rgba(221,221,221,1) 100%); } .bgweb2 { background-color: #B18F6C; color: #F0E5DE; } .bgweb3 { background-color: #FFFFFF; color: #696969; } .bgheader { background-color: #D5C4B1; color: #6A6A6A; } .bgheader2 { background-color: #E1D3C3; color: #6A6A6A; } .bgmobile { background-color: #EFEFEF; color: #000000; } .bglist { background-color: #FFFFFF; color: #6A6A6A; } .bgteaser { background-color: #FFFFFF; color: #6A6A6A; } .bgusp { background-color: #FFFFFF; color: #6A6A6A; } .bglistalternate { background-color: #EFEFEF; color: #000000; } .bgteaseralternate { background-color: #EFEFEF; color: #000000; } .bguspalternate { background-color: #EFEFEF; color: #000000; } .bgbar { background-color: #933634; color: #FFFFFF; } .bghighlight { background-color: #009DDF; color: #FFFFFF; } .bghighlight .borderBefore:before { border-color: #009DDF; } .bghighlight .borderAfter:after { border-color: #009DDF; } .bghighlight2 { background-color: #009DDF; color: #FFFFFF; } .bghighlight2 .borderBefore:before { border-color: #009DDF; } .bghighlight2 .borderAfter:after { border-color: #009DDF; } .bggallerybox { background-color: rgba(0, 0, 0, 0.7); color: #FFFFFF; } .bggallerygradienttopbottom { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ color: #FFFFFF; } .bggallerygradienttop { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#B2000000',GradientType=0 ); /* IE6-9 */ color: #FFFFFF; } .bggallerygradienttop2 { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */ color: #FFFFFF; } .bggallerygradienttop3 { background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,0)), color-stop(100%,rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00EFEFEF', endColorstr='#EFEFEF',GradientType=0 ); } .bggallerygradientradius { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); } .bggallerygradientradiusi { background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); } .bggallerygradientdiagonalbottomtop { background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%); } .bgcookies { background-color: #B18F6C; color: #F0E5DE; } .bgcookiesicon { background-color: #933634; color: #FFFFFF; } .bgicon { background-color: #933634; color: #FFFFFF; fill: #FFFFFF; padding: 0.375000em; display: inline-block; vertical-align: top; } .bgbar .t1large, .bgbar .t1large a, .bgbar .t1, .bgbar .t1 a, .bgbar .t2, .bgbar .t2 a, .bgbar .t3, .bgbar .t3 a, .bgbar .t4, .bgbar .t4 a, .bgbar .t5, .bgbar .t5 a, .bgbar .t6, .bgbar .t6 a, .bghighlight a, .bghighlight .t1large, .bghighlight .t1large a, .bghighlight .t1, .bghighlight .t1 a, .bghighlight .t2, .bghighlight .t2 a, .bghighlight .t3, .bghighlight .t3 a, .bghighlight .t4, .bghighlight .t4 a, .bghighlight .t5, .bghighlight .t5 a, .bghighlight .t6, .bghighlight .t6 a, .bghighlight2 .t1large, .bghighlight2 .t1large a, .bghighlight2 .t1, .bghighlight2 .t1 a, .bghighlight2 .t2, .bghighlight2 .t2 a, .bghighlight2 .t3, .bghighlight2 .t3 a, .bghighlight2 .t4, .bghighlight2 .t4 a, .bghighlight2 .t5, .bghighlight2 .t5 a, .bghighlight2 .t6, .bghighlight2 .t6 a, .bggallerybox .t1large, .bggallerybox .t1large a, .bggallerybox .t1, .bggallerybox .t1 a, .bggallerybox .t2, .bggallerybox .t2 a, .bggallerybox .t3, .bggallerybox .t3 a, .bggallerybox .t4, .bggallerybox .t4 a, .bggallerybox .t5, .bggallerybox .t5 a, .bggallerybox .t6, .bggallerybox .t6 a, .bggallerygradienttopbottom .t1large, .bggallerygradienttopbottom .t1large a, .bggallerygradienttopbottom .t1, .bggallerygradienttopbottom .t1 a, .bggallerygradienttopbottom .t2, .bggallerygradienttopbottom .t2 a, .bggallerygradienttopbottom .t3, .bggallerygradienttopbottom .t3 a, .bggallerygradienttopbottom .t4, .bggallerygradienttopbottom .t4 a, .bggallerygradienttopbottom .t5, .bggallerygradienttopbottom .t5 a, .bggallerygradienttopbottom .t6, .bggallerygradienttopbottom .t6 a, .bggallerygradienttop .t1large, .bggallerygradienttop .t1large a, .bggallerygradienttop .t1, .bggallerygradienttop .t1 a, .bggallerygradienttop .t2, .bggallerygradienttop .t2 a, .bggallerygradienttop .t3, .bggallerygradienttop .t3 a, .bggallerygradienttop .t4, .bggallerygradienttop .t4 a, .bggallerygradienttop .t5, .bggallerygradienttop .t5 a, .bggallerygradienttop .t6, .bggallerygradienttop .t6 a { color: #FFFFFF; } .bglist.bgactive, .bglist.hover:hover, .bgteaser.bgactive, .bgteaser.hover:hover, .bgusp.bgactive, .bgusp.hover:hover, .bglistalternate.bgactive, .bglistalternate.hover:hover, .bgteaseralternate.bgactive, .bgteaseralternate.hover:hover, .bguspalternate.hover.bgactive, .bguspalternate.hover:hover, .bgbar.bgactive, .bgbar.hover:hover, .bggallerybox.bgactive, .bggallerybox.hover:hover, .bggallerygradienttopbottom.bgactive, .bggallerygradienttopbottom.hover:hover, .bggallerygradienttop.bgactive, .bggallerygradienttop.hover:hover, .bggallerygradienttop2.bgactive, .bggallerygradienttop2.hover:hover, .bghighlight.bgactive, .bghighlight.hover:hover, .bghighlight2.bgactive, .bghighlight2.hover:hover { cursor: pointer; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.15); box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.15); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#000000'), progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .bglist.bgactive .bglist, .bglist.hover:hover .bglist, .bglist.bgactive .bglistalternate, .bglist.hover:hover .bglistalternate, .bglist.bgactive .bghighlight, .bglist.hover:hover .bghighlight, .bglist.bgactive .bghighlight2, .bglist.hover:hover .bghighlight2, .bgteaser.bgactive .bgteaser, .bgteaser.hover:hover .bgteaser, .bgteaser.bgactive .bgteaseralternate, .bgteaser.hover:hover .bgteaseralternate, .bgteaser.bgactive .bghighlight, .bgteaser.hover:hover .bghighlight, .bgteaser.bgactive .bghighlight2, .bgteaser.hover:hover .bghighlight2, .bgusp.bgactive .bgusp, .bgusp.hover:hover .bgusp, .bgusp.bgactive .bguspalternate, .bgusp.hover:hover .bguspalternate, .bgusp.bgactive .bghighlight, .bgusp.hover:hover .bghighlight, .bgusp.bgactive .bghighlight2, .bgusp.hover:hover .bghighlight2, .bglistalternate.bgactive .bglist, .bglistalternate.hover:hover .bglist, .bglistalternate.bgactive .bglistalternate, .bglistalternate.hover:hover .bglistalternate, .bglistalternate.bgactive .bghighlight, .bglistalternate.hover:hover .bghighlight, .bglistalternate.bgactive .bghighlight2, .bglistalternate.hover:hover .bghighlight2, .bgteaseralternate.bgactive .bgteaser, .bgteaseralternate.hover:hover .bgteaser, .bgteaseralternate.bgactive .bgteaseralternate, .bgteaseralternate.hover:hover .bgteaseralternate, .bgteaseralternate.bgactive .bghighlight, .bgteaseralternate.hover:hover .bghighlight, .bgteaseralternate.bgactive .bghighlight2, .bgteaseralternate.hover:hover .bghighlight2, .bguspalternate.bgactive .bgusp, .bguspalternate.hover:hover .bgusp, .bguspalternate.bgactive .bguspalternate, .bguspalternate.hover:hover .bguspalternate, .bguspalternate.bgactive .bghighlight, .bguspalternate.hover:hover .bghighlight, .bguspalternate.bgactive .bghighlight2, .bguspalternate.hover:hover .bghighlight2, .bgbar.bgactive .bgbar, .bgbar.hover:hover .bgbar, .bgbar.bgactive .bghighlight, .bgbar.hover:hover .bghighlight, .bgbar.bgactive .bghighlight2, .bgbar.hover:hover .bghighlight2, .bghighlight.bgactive .bghighlight, .bghighlight.hover:hover .bghighlight, .bghighlight.bgactive .bglist, .bghighlight.hover:hover .bglist, .bghighlight.bgactive .bgteaser, .bghighlight.hover:hover .bgteaser, .bghighlight.bgactive .bgusp, .bghighlight.hover:hover .bgusp, .bghighlight.bgactive .bglistalternate, .bghighlight.hover:hover .bglistalternate, .bghighlight.bgactive .bgteaseralternate, .bghighlight.hover:hover .bgteaseralternate, .bghighlight.bgactive .bguspalternate, .bghighlight.hover:hover .bguspalternate, .bghighlight.bgactive .bgbar, .bghighlight.hover:hover .bgbar, .bghighlight.bgactive .bghighlight2, .bghighlight.hover:hover .bghighlight2, .bghighlight2.bgactive .bghighlight2, .bghighlight2.hover:hover .bghighlight2, .bghighlight2.bgactive .bglist, .bghighlight2.hover:hover .bglist, .bghighlight2.bgactive .bgteaser, .bghighlight2.hover:hover .bgteaser, .bghighlight2.bgactive .bgusp, .bghighlight2.hover:hover .bgusp, .bghighlight2.bgactive .bglistalternate, .bghighlight2.hover:hover .bglistalternate, .bghighlight2.bgactive .bgteaseralternate, .bghighlight2.hover:hover .bgteaseralternate, .bghighlight2.bgactive .bguspalternate, .bghighlight2.hover:hover .bguspalternate, .bghighlight2.bgactive .bgbar, .bghighlight2.hover:hover .bgbar, .bghighlight2.bgactive .bghighlight, .bghighlight2.hover:hover .bghighlight { cursor: pointer; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .iconhover:hover { opacity: 0.7; filter: alpha(opacity = 70); cursor: pointer; } .iconinverse { color: #FFFFFF; fill: #FFFFFF; } .pointer { cursor: pointer; } .hover { cursor: pointer; } .hover picture { position: relative; } .hover picture:before { content: ''; background-color: rgba(133,109,85,0); transition: all 300ms; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .hover:hover picture:before { content: ''; background-color: rgba(133,109,85,0.3); } .hover:hover .nohover { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; } .image-zoom picture { position: relative; overflow: hidden; -webkit-transition: all 500ms; transition: all 500ms; } .image-zoom picture img { -webkit-transition: all 1000ms; transition: all 1000ms; } .image-zoom:hover picture img { transform: scale(1.05); } .points1v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 18px; } .points1v:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points1v li:before { content: none; } .points1v li { left: auto; position: static; text-indent: 0px; } .points1v > * { background-color: #FFFFFF; display: inline-block; width: 18px; height: 18px; cursor: pointer; text-indent: -100px !important; padding: 0px 0px 0px 0px; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); } .points1v > * + * { margin-top: 6px; } .points1v > *.active { background-color: #009DDF; } .points1h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .points1h:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points1h li:before { content: none; } .points1h li { left: auto; position: static; text-indent: 0px; } .points1h > * { background-color: #FFFFFF; display: inline-block; width: 18px; height: 18px; cursor: pointer; text-indent: -100px !important; padding: 0px 0px 0px 0px; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.75); } .points1h > * + * { margin-left: 6px; } .points1h > *.active { background-color: #009DDF; } .points2v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; text-align: center; } .points2v:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points2v li:before { content: none; } .points2v li { left: auto; position: static; text-indent: 0px; } .points2v > * { background-color: #FFFFFF; display: inline-block; line-height: 30px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; width: 30px; height: 30px; cursor: pointer; } .points2v > * + * { margin-top: 6px; } .points2v > *.active { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .points2h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } .points2h:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points2h li:before { content: none; } .points2h li { left: auto; position: static; text-indent: 0px; } .points2h > * { background-color: #FFFFFF; display: inline-block; line-height: 30px; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; height: 30px; cursor: pointer; } .points2h > * + * { margin-left: 6px; } .points2h > *.active { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } .points3v { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; text-align: center; } .points3v:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points3v li:before { content: none; } .points3v li { left: auto; position: static; text-indent: 0px; } .points3v > * { border: solid 2px #FFFFFF; display: inline-block; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; width: 17px; height: 17px; cursor: pointer; text-indent: -100px !important; overflow: hidden; } .points3v > * + * { margin-top: 6px; } .points3v > *.active { background-color: #FFFFFF; } .points3h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } .points3h:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points3h li:before { content: none; } .points3h li { left: auto; position: static; text-indent: 0px; } .points3h > * { border: solid 2px #FFFFFF; display: inline-block; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 17px; height: 17px; cursor: pointer; text-indent: -100px !important; overflow: hidden; } .points3h > * + * { margin-left: 6px; } .points3h > *.active { background-color: #FFFFFF; } .tab1 { background-color: #4C4C4C; color: #FFFFFF; line-height: 32px; padding: 0px 1.709402% 0px 1.709402%; width: 28.205128%; height: 32px; } .active .tab1, .tab1.active { background-color: #009DDF; position: relative; } .tab1.active:before { content: ''; position: absolute; left: 24px; bottom: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9.5px 0 9.5px; border-color: #009DDF transparent transparent transparent; } .tab2 { text-align: center; position: relative; } .tab2:before { content: ''; background-color: #FFFFFF; position: absolute; left: 0px; top: 50%; margin-top: -1px; width: 100%; height: 2px; } .tab2 > * { display: inline-block; vertical-align: middle; color: #FFFFFF; border-color: #FFFFFF; background-color: #DDDDDD; border-style: solid; border-width: 2px 1px; line-height: 52px; width: 29.059829%; height: 52px; text-align: center; position: relative; } .tab2 > *:first-child { border-left-width: 2px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; } .tab2 > *:last-child { border-right-width: 2px; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; } .active .tab2 > *.tab .tab2 > *.active { background-color: #FFFFFF; color: #009DDF; } .tab3 { cursor: pointer; position: relative; background-color: #4C4C4C; color: #FFFFFF; font-size: 20px; line-height: 60px; padding: 0px 1.709402% 0px 1.709402%; width: 31.623932%; height: 60px; text-align: center; -webkit-transition: all 400ms; transition: all 400ms; } .tab3:hover, .active .tab3, .tab3.active { background-color: #009DDF; } .tab3:before { content: ''; position: absolute; left: 50%; margin-left: -10.5px; width: 0px; height: 0px; border-style: solid; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all 400ms; transition: all 400ms; } .tab3.arrowtop:before { top: -9px; border-width: 0px 10.5px 10px 10.5px; border-color: transparent transparent #009DDF transparent; } .tab3.arrowbottom:before { bottom: -9px; border-width: 10px 10.5px 0 10.5px; border-color: #009DDF transparent transparent transparent; } .tab3.active:before { opacity: 1; filter: alpha(opacity = 100); } .tabs4 { display: flex; justify-content: center; position: relative; text-align: center; } .tabs4:after { content: ''; width: 100%; height: 1px; background-color: #EEEEEE; position: absolute; left: 0px; bottom: 0px; z-index: 0; } .tabs4 .tab { background-color: #EEEEEE; padding: 15px 3.846154%; margin: 0 0.940171%; border: 1px solid #EEEEEE; border-bottom: 0; position: relative; z-index: 1; } .tabs4 .tab.active { background-color: #DDDDDD; } .tabs5 { display: flex; justify-content: center; position: relative; text-align: center; } .tabs5:after { content: ''; width: 100%; height: 1px; background-color: #EEEEEE; position: absolute; left: 0px; bottom: 3px; z-index: 0; } .tabs5 .tab { padding: 15px 3.846154%; margin: 0 0.940171%; position: relative; z-index: 1; } .tabs5 .tab.active { border-bottom: 6px solid #EEEEEE; } .paging { margin: 20px auto; text-align: center; } .paging1 { } .paging1 a, .paging1 span { display: inline-block; vertical-align: middle; background-color: #E9E9E9; color: #999999; font-size: 14px; line-height: 28px; margin: 0px 3px 0px 3px; width: 28px; height: 28px; text-align: center; } .paging1 a:hover, .paging1 a.active, .paging1 span { background-color: #AAAAAA; color: #FFFFFF; } .paging1 a.prev { background-color: #009DDF; color: #FFFFFF; position: relative; } .paging1 a.prev:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #ffffff transparent transparent; } .paging1 a.prev:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -4.5px; margin-left: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 6px 4.5px 0; border-color: transparent #009DDF transparent transparent; } .paging1 a.next { background-color: #009DDF; color: #FFFFFF; position: relative; } .paging1 a.next:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5.5px; margin-right: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #ffffff; } .paging1 a.next:after { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -4.5px; margin-right: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 0 4.5px 6px; border-color: transparent transparent transparent #009DDF; } .paging1 span.prev, .paging1 span.next { display: none; } .paging2 { } .paging2 a { display: inline-block; vertical-align: middle; background-color: #E9E9E9; color: #999999; font-size: 14px; line-height: 25px; margin: 0px 3px 0px 3px; width: 25px; height: 25px; text-align: center; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; border-radius: 12.5px; } .paging2 a:hover, .paging2 a.active { background-color: #AAAAAA; color: #FFFFFF; } .paging2 a.prev { background-color: #009DDF; color: #FFFFFF; position: relative; } .paging2 a.prev:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -5px; width: 0px; height: 0px; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #ffffff transparent transparent; } .paging2 a.prev:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -3px; width: 0px; height: 0px; border-style: solid; border-width: 5px 7px 5px 0; border-color: transparent #009DDF transparent transparent; } .paging2 a.next { background-color: #009DDF; color: #FFFFFF; position: relative; } .paging2 a.next:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -5px; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #ffffff; } .paging2 a.next:after { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5px; margin-right: -3px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #009DDF; } .paging3 { } .paging3 a, .paging3 span { display: inline-block; vertical-align: middle; color: #AAAAAA; font-size: 14px; margin: 0px 2px 0px 2px; } .paging3 a:hover, .paging3 span { color: #009DDF; } .paging3 .prev { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #009DDF transparent transparent; } .paging3 span.prev { border-color: transparent #AAAAAA transparent transparent; } .paging3 .next { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #009DDF; } .paging3 span.next { border-color: transparent transparent transparent #AAAAAA; } .paging4 { font-size: 14px; line-height: 34px; background-color: #E9E9E9; width: 100%; height: 34px; text-align: center; } .paging4 a, .paging4 span { display: inline-block; vertical-align: middle; color: #BABABA; } .paging4 a:hover, .paging4 span { color: #009DDF; } .paging4 a.prev { float: left; display: inline; color: #009DDF; padding-left: 24px; position: relative; } .paging4 a.prev:before { content: ''; position: absolute; left: 9px; top: 50%; margin-top: -6px; width: 0px; height: 0px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #009DDF transparent transparent; } .paging4 a.prev:after { content: ''; position: absolute; left: 11px; top: 50%; margin-top: -5px; width: 0px; height: 0px; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #E9E9E9 transparent transparent; } .paging4 a.next { float: right; display: inline; color: #009DDF; padding-right: 24px; position: relative; } .paging4 a.next:before { content: ''; position: absolute; right: 9px; top: 50%; margin-top: -6px; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #009DDF; } .paging4 a.next:after { content: ''; position: absolute; right: 11px; top: 50%; margin-top: -5px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #E9E9E9; } .paging5 { } .paging5 a { display: inline-block; vertical-align: middle; color: #AAAAAA; font-size: 14px; margin: 0px 2px 0px 2px; } .paging5 a:hover, .paging5 a.active { color: #009DDF; } .paging5 a.first { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #969797 transparent transparent; } .paging5 a.first:before { content: ''; display: block; background-color: #969797; margin-top: -5.5px; width: 1px; height: 10px; } .paging5 a.prev { margin-right: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #969797 transparent transparent; } .paging5 a.next { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #969797; } .paging5 a.last { margin-left: 4px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #969797; } .paging5 a.last:after { content: ''; display: block; background-color: #969797; margin-top: -5.5px; width: 1px; height: 10px; } } @media (max-width: 1023px) { body { font-size: 20px; line-height: 26px; } .t1large, .t1large a, .t1largei, .t1largei a { font-size: 50px; line-height: 56px; } .t1, .t1 a, .t1i, .t1i a { font-size: 36px; line-height: 40px; } .t3, .t3 a, .t3i, .t3i a { font-size: 32px; line-height: 38px; } .t4, .t4 a, .t4i, .t4i a { font-size: 26px; line-height: 32px; } .t5, .t5 a, .t5i, .t5i a { font-size: 22px; line-height: 27px; } .t6, .t6 a, .t6i, .t6i a { font-size: 16px; line-height: 20px; } .custom-headline { font-size: 24px; line-height: 28px; } .defaultFs, .defaulti { font-size: 20px; line-height: 26px; } small, .small { font-size: 16px; line-height: 22px; } .medium1, .medium1i { font-size: 18px; line-height: 24px; } .large1, .large1i { font-size: 20px; line-height: 24px; } .tabs4 .tab { padding: 15px 2.136752%; } .tabs5 .tab { padding: 15px 2.136752%; } } @media (max-width: 480px) { body { font-size: 18px; line-height: 24px; } .t1large, .t1large a, .t1largei, .t1largei a { font-size: 40px; line-height: 45px; } .t1, .t1 a, .t1i, .t1i a { font-size: 28px; line-height: 32px; } .t3, .t3 a, .t3i, .t3i a { font-size: 26px; line-height: 30px; } .t4, .t4 a, .t4i, .t4i a { font-size: 22px; line-height: 26px; } .t5, .t5 a, .t5i, .t5i a { font-size: 19px; line-height: 23px; } .t6, .t6 a, .t6i, .t6i a { font-size: 16px; line-height: 20px; } .custom-headline { font-size: 20px; line-height: 24px; } .defaultFs, .defaulti { font-size: 18px; line-height: 24px; } small, .small { font-size: 15px; line-height: 20px; } .medium1, .medium1i { font-size: 16px; line-height: 20px; } .large1, .large1i { font-size: 18px; line-height: 22px; } .tabs4 .tab { padding: 15px 1.282051%; } .tabs5 .tab { padding: 15px 1.282051%; } } /* Formelements _______________________________________________________ */ @media all { form { margin: 0px 0px 0px 0px; } form div.row { clear: both; margin: 0px 0px 6px 0px; } form label.label { width: 47.368421%; float: left; display: inline; margin: 8px 1.315789% 0px 0px; padding: 0px 0px 0px 0px; } form label.ort { display: none; } form label.pflichtfeld { font-weight: bold; } form textarea:focus, form input:focus { border: 0px; outline: 0px; } form div.inputfield input, form div.calendarfield input { width: 100%; height: 34px; line-height: 34px; color: #888888; border: 1px solid #cdcdcd; padding: 0px 0px 0px 0px; text-indent: 8px; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; } form div.row.requiredinfobox div.requiredinfotext { text-align: right; margin-right: 6px; } form div.row.input div.inputfield, form div.row.calendar div.calendarfield { width: 51.315789%; float: left; display: inline; padding: 2px 2px; position: relative; color: #888888; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } form div.row.input div.inputfield.plz { width: 15.789474%; } form div.row.input div.inputfield.ort { width: 34.210526%; margin: 0px 0px 0px 1.315789%; } form div.row.input div.disabled input { background-color: #FFFFFF; } form div.row.calendar div.calendarfield a.kalenderopener { width: 21px; height: 19px; position: absolute; right: 10px; top: 8px; z-index: 2; } form div.selectfield span.field { width: 100%; height: 100%; background-color: #FFFFFF; color: #888888; border: solid 1px #cdcdcd; line-height: 34px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } form div.selectfield span.field span.selecticon { position: absolute; right: 28px; top: 24px; } form div.selectfield span.field span.selecticon.selecticonsvg { top: 12px; } form div.selectfield span.field span.selecticon.selecticonsvg svg { width: 15px; height: 15px; } form div.selectfield span.field span.selecticon div, form div.selectfield span.field span.selecticon svg { position: absolute !important; left: 0px !important; top: 0px !important; } form div.selectfield span.field span.selecticon:before { content: ''; position: absolute; z-index: 1; background-color: #666666; top: -6px; left: 0px; width: 12px; height: 2px; display: block; transform: rotate(45deg); } form div.selectfield span.field span.selecticon:after { content: ''; position: absolute; z-index: 1; background-color: #666666; top: -6px; left: 8px; width: 12px; height: 2px; display: block; transform: rotate(-45deg); } form div.selectfield span.field span.selecticon.selecticonsvg:before { content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; } form div.selectfield span.field span.selecticon.selecticonsvg:after { content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; } form div.selectfield select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; opacity: 0.0; filter: alpha(opacity = 0); z-index: 2; } form div.selectfield span.select { display: block; height: 100%; margin: 0px 24px 0px 8px; position: relative; overflow: hidden; white-space: nowrap; } form div.selectfield span.field div.okicon, form div.selectfield span.field div.erroricon { right: 20px; } form div.row.select div.selectfield { width: 51.315789%; height: 38px; line-height: 34px; float: left; display: inline; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } form textarea.textarea { color: #888888; border: 1px solid #cdcdcd; padding: 0px 0px 0px 0px; } form div.row div.textarea { width: 51.315789%; display: inline; float: left; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } form div.row div.textarea textarea { width: 100%; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 4px 8px 4px 8px; height: 4.333em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; } form div.checkboxfield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1em; height: 1em; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.checkboxfield span { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.checkboxfield svg { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.row.checkbox label.label { margin-top: 0px; } form div.row.checkbox div.checkboxfield { float: left; display: inline; margin: 3px 0px 0px 2px; position: relative; } form div.row.checkbox div.checkboxfield div.erroricon { position: absolute; right: -24px; top: -2px; margin-top: 0px; } form div.row.checkbox div.errorV5 div.erroricon { top: -2px; } form div.row.checkbox div.errorV6 div.erroricon { top: -4px; } form div.row.checkbox div.checkboxfield div.formtextV1 { top: -33px; left: -8px; z-index: 3; } form div.row.checkbox div.checkboxfield div.formtextV2, form div.row.checkbox div.checkboxfield div.formtextV5, form div.row.checkbox div.checkboxfield div.formtextV6 { top: -3px; } form div.row.checkbox div.checkboxfield div.formtextV3, form div.row.checkbox div.checkboxfield div.formtextV4 { width: 200px; } form div.row.checkbox div.checkboxfield div.okicon { position: absolute; right: -24px; top: -1px; margin-top: 0px; } form div.row.checkbox div.checkboxfield div.okicon * { position: relative; } form div.row.checkbox label.extralabel { float: left; margin: 0px 0px 0px 4px; width: auto; } form div.row.checkbox div.error + label.extralabel { margin: 0px 0px 0px 28px; } form div.row.checkbox div.errorV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.checkbox div.errorV6 + label.extralabel { margin: 0px 0px 0px 4px; } form div.radiofield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; filter: alpha(opacity = 0); } form div.radiofield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.radiofield svg { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.radiofield span svg { width: 100%; height: 100%; font-size: 1px; } form div.row.radio label.label { margin-top: 0px; } form div.row.radio div.radiofield { width: 16px; height: 16px; float: left; display: inline; margin: 3px 0px 0px 0px; position: relative; } form div.row.radio div.radiofield div.erroricon { position: absolute; right: -28px; top: -2px; margin-top: 0px; } form div.row.radio div.radiofield div.formtextV1 { top: -34px; left: -9px; z-index: 3; } form div.row.radio div.radiofield div.formtextV2, form div.row.radio div.radiofield div.formtextV5, form div.row.radio div.radiofield div.formtextV6 { top: -3px; } form div.row.radio label.extralabel { float: left; margin: 0px 0px 0px 4px; width: auto; } form div.row.radio div.error + label.extralabel { margin: 0px 0px 0px 28px; } form div.row.radio div.errorV5 + label.extralabel { margin: 0px 0px 0px 4px; } form div.row.radio div.errorV6 + label.extralabel { margin: 0px 0px 0px 4px; } form div.uploadfield iframe { width: 128px; height: 128px; position: absolute; right: 0px; top: 0px; opacity: 0.0; filter: alpha(opacity = 0); z-index: 3; } form div.uploadfield div.status { position: absolute; left: -5px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status0 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status1 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status2 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status3 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.button { width: 100%; height: 100%; } form div.row.upload { } form div.row.upload div.uploadfield { width: 51.315789%; height: 32px; float: left; display: inline; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } form div.row.upload div.uploadfieldcontainer { float: left; display: inline; width: 100%; height: 100%; line-height: 2.000000em; color: #888888; border: 1px solid #cdcdcd; padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; } form div.uploadfieldcontainer div.uploadbutton { background: transparent; position: absolute; right: -1px; top: 1px; width: 30px; height: 28px; overflow: hidden; z-index: 2; cursor: pointer; } form div.uploadfieldcontainer div.uploadname { position: absolute; left: -30px; top: 0px; text-indent: 55px; width: 100%; height: 100%; display: block; overflow: hidden; line-height: 27px; } form div .active { background-color: transparent; } form div .activeV1, form div .activeV2, form div .activeV7 { background-color: #d1e5f0; } form div .activeV1 input, form div .activeV1 textarea, form div .activeV2 input, form div .activeV2 textarea, form div .activeV7 input, form div .activeV7 textarea { border-color: #93bdd5; color: inherit; } form div .active div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -32px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .active div.formtextV1 div { position: absolute; left: 10px; bottom: -8px; width: 15px; height: 8px; line-height: 1px; } form div .active div.formtextV2 { color: #FFFFFF; position: absolute; left: 100%; top: 4px; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #93bdd5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e5f0), color-stop(100%,#93bdd5)); background: -webkit-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -o-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: -ms-linear-gradient(top, #d1e5f0 0%,#93bdd5 100%); background: linear-gradient(to bottom, #d1e5f0 0%,#93bdd5 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .active div.formtextV2 div { position: absolute; left: -4px; top: 8px; width: 5px; height: 9px; line-height: 1px; } form div .active div.formtextV3 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .active div.formtextV4 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-radius: 3px; border-radius: 3px; } form div .active div.formtextV3 div, form div .active div.formtextV4 div { padding: 10px 0px 8px 0px; } form div .error { background: transparent; } form div .errorV1, form div .errorV2 { background-color: #f4c4cf; } form div .errorV1 input, form div .errorV1 textarea, form div .errorV2 input, form div .errorV2 textarea, form div .errorV7 input, form div .errorV7 textarea { border-color: #d5889a; color: #d5889a; } form div .errorV4 input, form div .errorV4 textarea, form div .errorV5 span.field, form div .errorV5 input, form div .errorV5 textarea { border-color: #eaa9a4; color: #d5889a; } form div .errorV6 span.field, form div .errorV6 input, form div .errorV6 textarea { color: #555555; border-color: #f3c7c3; background-color: #f3c7c3; } form div div.erroricon { display: none; } form div .error div.erroricon { display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px; z-index: 2; } form div .calendarfield.error div.erroricon { right: 34px; } form div .error div.erroricon * { position: relative; } form div .error div.erroricon div { width: 18px; height: 18px; line-height: 1px; } form div .error div.erroricon svg { fill: #D93D5F; } form div .errorV5 div.erroricon { right: -30px !important; width: 22px; height: 18px; padding: 0px 0px 0px 0px; line-height: 1px; } form div .errorV5 div.erroricon:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; border-style: solid; border-width: 0px 14px 22px 14px; border-color: transparent transparent #CA2B4D transparent; } form div .errorV5 div.erroricon svg { fill: #FFFFFF; width: 15px; height: 15px; margin-left: 7px; margin-top: 5px; } form div .errorV6 div.erroricon { right: -40px !important; top: 50%; width: 18px; height: 24px; padding: 0px 0px 0px 0px; line-height: 1px; background-color: #990000; } form div .errorV6 div.erroricon:before { content: ''; position: absolute; left: -11px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 12px 12px 12px 0px; border-color: transparent #990000 transparent transparent; } form div .errorV6 div.erroricon svg { fill: #FFFFFF; width: 12px; height: 12px; margin-top: 7px; margin-left: 2px; } form div .error div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -32px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .error div.formtextV1 div { position: absolute; left: 7px; bottom: -5px; width: 15px; height: 8px; line-height: 1px; } form div .error div.formtextV1 div:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 0 6px; border-color: #CA2B4D transparent transparent transparent; } form div .error div.formtextV2 { color: #FFFFFF; position: absolute; left: 100%; top: 4px; margin: 0px 0px 0px 8px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top, #e14668 0%,#c62649 100%); background: -o-linear-gradient(top, #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top, #e14668 0%,#c62649 100%); background: linear-gradient(to bottom, #e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .error div.formtextV2 div { position: absolute; left: -4px; top: 12px; width: 5px; height: 6px; line-height: 1px; } form div .error div.formtextV2 div:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 6px 0px; border-color: transparent #D33558 transparent transparent; } form div .error div.formtextV3 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .error div.formtextV4 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-radius: 3px; border-radius: 3px; } form div .error div.formtextV7 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-radius: 3px; border-radius: 3px; } form div .error div.formtextV3 div, form div .error div.formtextV4 div, form div .error div.formtextV7 div { padding: 10px 0px 8px 0px; } form div .error div.formtextV5 { color: #d93b5e; font-size: 12px; line-height: 24px; position: absolute; right: 10px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .error div.formtextV6 { color: #990000; font-size: 12px; line-height: 24px; position: absolute; right: 10px; top: 6px; padding: 0px 10px 0px 10px; height: 24px; white-space: nowrap; z-index: 2; } form div .ok input, form div .ok textarea { color: inherit; } form div .ok div.okicon { position: absolute; right: 3px; top: 50%; margin-top: -10px; padding: 0px 5px 0px 3px; z-index: 2; } form div .calendarfield.ok div.okicon { right: 34px; } form div .ok div.okicon * { position: relative; } form div .ok div.okicon div { width: 20px; height: 20px; line-height: 1px; position: relative; } form div .ok div.okicon div svg { width: 100%; height: 100%; fill: #0F870F; } form div .okV6 div.okicon { right: -40px; top: 50%; width: 18px; height: 24px; padding: 0px 0px 0px 0px; line-height: 1px; background-color: #0C7054; } form div .okV6 div.okicon:before { content: ''; position: absolute; left: -11px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 12px 12px 12px 0px; border-color: transparent #0C7054 transparent transparent; } form div .okV6 div.okicon svg { fill: #FFFFFF; width: 15px; height: 15px; margin-top: 5px; margin-left: 0px; } form div .ok div.formtextV3 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .ok div.formtextV4 { color: #3f8370; font-size: 11px; line-height: 15px; background-color: #c9e6de; clear: both; position: relative; left: 0px; top: 4px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-radius: 3px; border-radius: 3px; } form div .ok div.formtextV3 div, form div .ok div.formtextV4 div { padding: 10px 0px 8px 0px; } form div.formspace { clear: both; height: 34px; overflow: hidden; text-indent: -100px; } form a.senden { float: right; margin: 15px 3px 0px 0px; } form a.senden.clicked { position: relative; } form a.senden.clicked span { opacity: 0.5; filter: alpha(opacity = 50); } form a.senden.clicked span.spinner { color: #000000; font-size: 2px; z-index: 10; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; opacity: 1.0; filter: alpha(opacity = 100); animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; } form a.senden.clicked span.spinner svg { width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity = 50); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 530px) { form label.label { width: 100%; margin: 0px 0px 0.333333em 0px; } form div.row.input div.inputfield, form div.row.calendar div.calendarfield, form div.row div.textarea, form div.row.select div.selectfield { width: 100%; padding: 0.125em 0.416667% 0.125em 0.416667%; margin: 0px 0px 0.333333em 0px; } form div.row.input div.inputfield.plz { width: 33.333333%; } form div.row.input div.inputfield.ort { width: 62.500000%; margin: 0px 0px 0px 2.083333% } } /* Calendar ______________________________________________________________ */ @media all { div.kalendercontainer { z-index: 100; } div.kalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: absolute; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 80; } div.kalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; } div.kalender a.prev:hover { background: url(/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.next { position: absolute; right: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; } div.kalender a.next:hover { background: url(/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/units/inlineapi/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.kalender div.kalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.kalender div.kalenderbox b { background: url(/images/units/inlineapi/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; } div.kalender div.kalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.kalender div.kalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; } div.kalender div.kalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; } div.kalender div.kalenderbox table td a { background: url(/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td a:hover { background: url(/images/units/inlineapi/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.kalender div.kalenderbox table td span { background: url(/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; filter: alpha(opacity = 35); line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td.heute { color: #785547; } div.kalender div.kalenderbox table td.heute a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.kalender div.kalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td a.selectend { background: url(/images/units/inlineapi/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; filter: alpha(opacity = 100); } div.kalender div.kalenderbox table td div.kalenderopen { float: left; position: relative; width: 0px; height: 0px; } div.kalender a.prev { position: absolute; left: 30px; top: 5px; background: url(/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prev:hover { background: url(/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 29px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.next { position: absolute; right: 30px; top: 5px; background: url(/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.next:hover { background: url(/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 29px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.prevyear { position: absolute; left: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-year-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prevyear:hover { background: url(/images/units/inlineapi/kalender-year-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.kalender a.nextyear { position: absolute; right: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-year-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.nextyear:hover { background: url(/images/units/inlineapi/kalender-year-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } } /* LightGallery ______________________________________________________________ */ @media all { .lightGallery div.lightgalleryhover svg { display: none; } [data-lightgallery=true] .lightGallery { position: relative; cursor: pointer; overflow: hidden; } [data-lightgallery=true] .lightGallery picture { overflow: hidden; } [data-lightgallery=true] .lightGallery div.lightgalleryhover { display: none; } [data-lightgallery=true] .lightGallery div.lightgalleryhover svg { display: block; fill: #FFFFFF; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } [data-lightgallery=true] .lightGallery:hover img, [data-lightgallery=true] .lightGallery:hover div.imagewebcam { transition: transform 0.15s ease 0s; transform: scale3d(1.1, 1.1, 1.1); } [data-lightgallery=true] .lightGallery:hover div.lightgalleryhover { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.50); z-index: 2; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; cursor: pointer; display: block; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next svg, .lg-actions .lg-prev svg { fill: #999999; width: 30px; height: 30px; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover svg, .lg-actions .lg-prev:hover svg { fill: #FFFFFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-prev { left: 20px; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; }} @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; }} @media all { .lg-outer.lg-right-end .lg-object { animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { cursor: pointer; float: right; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 40px; outline: medium none; } .lg-toolbar .lg-icon svg { fill: #999999; transition: fill 0.2s linear; width: 20px; height: 20px; } .lg-toolbar .lg-close svg { width: 16px; height: 16px; } .lg-toolbar .lg-icon:hover svg { fill: #FFFFFF; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEEEEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; box-sizing: border-box; } } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color 0.25s ease; } } @media all { .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb svg { fill: #999; } .lg-outer .lg-toogle-thumb:hover svg { fill: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { overflow: auto; } .lg-outer .lg-has-html5 .lg-video-play { height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-video-play svg { width: 55px; height: 55px; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transform-origin: 0 0; backface-visibility: hidden; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { transition-delay: 0s; transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0, 5px, 0); transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown li { padding-left: 0px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share-facebook .lg-icon svg { fill: #3b5998; } .lg-outer #lg-share-twitter .lg-icon svg { fill: #00aced; } .lg-outer #lg-share-googleplus .lg-icon svg { fill: #dd4b39; } .lg-outer #lg-share-pinterest .lg-icon svg { fill: #cb2027; } .lg.thumb.lg-group { box-sizing: border-box; white-space: nowrap; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { display: none !important; } .lg-outer .lg-item span.picture-loading { content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; z-index: 100; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete span.picture-loading { display: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lightGalleryBg .lg-object > div, .lightGalleryBg .lg-object > span, .lightGalleryBg .lg-object > section { display: block; padding: 30px; background-color: #FFFFFF; } .lightGalleryBg .lg-object .centercontent { width: auto; } .lg-outer .lg-ajax { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 100%; text-align: left; white-space: normal; overflow-y: auto; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } } /* Owl Carousel __________________________________________________________ */ @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media all { /* Owl Carousel - Core */ .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } } /* Owl Carousel - Zeppelin Custom __________________________________________________________ */ @media all { .objectfit-cover .owl-stage, .adapted-height .owl-stage, .objectfit-cover .owl-stage-outer, .adapted-height .owl-stage-outer, .objectfit-cover .owl-item, .adapted-height .owl-item { height: 100%; } .owl-carousel:not(.owl-loaded) .element { display: none !important; } .owl-carousel:not(.owl-loaded) .element:first-child { display: block !important; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; } .owl-carousel .owl-nav .owl-prev.disabled svg, .owl-carousel .owl-nav .owl-next.disabled svg { cursor: default; } } /* Basic Print ____________________________________________________ */ @media print { body { text-align: left; background-color: #FFFFFF !important; } nav.mainmenu { display: none; } header.pageheader { display: none; } div.pagecontent { margin: 0px 0px 0px 0px; } article.maincontent { color: #000000 !important; background-color: #FFFFFF !important; margin: 0px 0px 0px 0px !important; float: none; } article.maincontent div.inlineapi a.noprint { display: none; } article.maincontent div.inlineapi span.noprint { display: none; } article.maincontent div.inlineapi div.onlyprint { display: block; } article.maincontent div.inlineapi div.bestaetigung { display: none; } article.maincontent div.inlineapi div.noprint { display: none; } footer.pagefooter { display: none; } } /* Other _____________________________________________________________ */ @media all { br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbefore::before { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbeforeafter::before { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbeforeafter::after { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearafter::after { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } } /* __________________________________________________________________ End *//* Basic ____________________________________________________ */ @media all { body { } address { font-style: normal; } div.outerFrame { border: 2px solid #FFFFFF; } div.frame { position: relative; text-align: left; } .centercontent, .centercontent [data-centercontent="force"].centercontent { width: 96%; max-width: 1400px; margin-left: auto; margin-right: auto; } .centercontent .centercontent { width: auto; max-width: none; margin-left: 0px; margin-right: 0px; } picture, picture a { display: block; position: relative; } picture img { -webkit-transition: opacity 500ms; transition: opacity 500ms; opacity: 1; filter: alpha(opacity = 100); } picture.picture-loading:before { content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; } picture.picture-loading img { opacity: 0; filter: alpha(opacity = 0); } video + .video-controls { display: none; } video + .video-controls.loaded { display: block; } video + .video-controls > div { position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer; } video + .video-controls > div:before { content: ''; position: absolute; width: 50px; height: 50px; border: 5px solid #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } video + .video-controls > div.play { width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid #FFFFFF; border-bottom: 16px solid transparent; margin: -16px 0px 0px -6px; } video + .video-controls > div.play:before { left: -44px; top: -30px; } video + .video-controls > div.pause { width: 8px; height: 26px; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; margin: -13px 0px 0px -10px; } video + .video-controls > div.pause:before { left: -26px; top: -17px; } video + .video-controls .play:hover:before, video + .video-controls .pause:hover:before { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } video + .video-controls > div.pause { display: none; } video + .video-controls.playing > div.play { display: none; } video + .video-controls.playing > div.pause { display: block; } .clearbefore:before, .clearafter:after, .clearbeforeafter:before, .clearbeforeafter:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .inner-padding { padding: 60px; } .inner-padding-medium { padding: 40px; } .inner-padding-small { padding: 16px; } .padding-top { padding-top: 90px; } .padding-bottom { padding-bottom: 90px; } .padding-top-medium { padding-top: 70px; } .padding-bottom-medium { padding-bottom: 70px; } .padding-top-small { padding-top: 25px; } .padding-bottom-small { padding-bottom: 45px; } .padding-top-tiny { padding-top: 32px; } .padding-bottom-tiny { padding-bottom: 32px; } .margin-top { margin-top: 130px; } .margin-bottom { margin-bottom: 130px; } .margin-top-medium { margin-top: 90px; } .margin-bottom-medium { margin-bottom: 90px; } .margin-top-small { margin-top: 45px; } .margin-bottom-small { margin-bottom: 45px; } .z-index-1 { position: relative; z-index: 1; } .z-index-2 { position: relative; z-index: 2; } .z-index-3 { position: relative; z-index: 3; } .border-top { border-top: 2px solid #FFFFFF; } .border-bottom { border-bottom: 2px solid #FFFFFF; } .border-left { border-left: 2px solid #FFFFFF; } .border-right { border-right: 2px solid #FFFFFF; } .vAlignHelper:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .box-resizing.vAlignHelper:before, .box-resizing .vAlignHelper:before { content: none; } .vAlignCenter { display: inline-block; vertical-align: middle; } .vAlignTop { display: inline-block; vertical-align: top; } .vAlignBottom { display: inline-block; vertical-align: bottom; } .box-shadow { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .link.arrow { display: inline-block; vertical-align: top; width: 30px; height: 57px; box-sizing: border-box; } .link.arrow.circle { width: 50px; height: 50px; border-radius: 50%; } .link.arrow.circle.white { background-color: #FFFFFF; } .link.arrow.arrow-right { background: url("/images/design/icon-arrow-right.png") no-repeat center center; } .link.arrow.arrow-left { background: url("/images/design/icon-arrow-left.png") no-repeat center center; } .link.arrow.arrow-right-big { background: url("/images/design/icon-arrow-right-big.png") no-repeat center center; } .link.arrow.arrow-left-big { background: url("/images/design/icon-arrow-left-big.png") no-repeat center center; } .lightbox-icon { background-image: url("/images/design/icon-camera.png"); background-repeat: no-repeat; background-position: center center; } [data-shadow-text]:not([data-shadow-text=""]) { position: relative; overflow: hidden; padding: 20px 0; } [data-shadow-text]:not([data-shadow-text=""]):after { content: attr(data-shadow-text); position: absolute; left: 0px; top: 50%; transform: translateY(-50%) scale(2.5); width: 100%; opacity: 0.1; z-index: 0; } @keyframes imageZoom { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.24) } } @-moz-keyframes imageZoom { 0%, 100% { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.24) } } @-webkit-keyframes imageZoom { 0%, 100% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.24) } } @-ms-keyframes imageZoom { .fullscreen-cover 0% { -ms-transform: scale(1) } .fullscreen-cover 50% { -ms-transform: scale(1.24) } .fullscreen-cover 100% { -ms-transform: scale(1) } } .image-fade { overflow: hidden; } .image-fade picture img { -webkit-animation: imageZoom linear 100s !important; -moz-animation: imageZoom linear 100s !important; -ms-animation: imageZoom linear 100s !important; animation: imageZoom linear 100s !important; } } @media (max-width: 1023px) { div.frame { padding-bottom: 64px; } .inner-padding { padding: 48px; } .inner-padding-medium { padding: 32px; } .inner-padding-small { padding: 14px; } .padding-top { padding-top: 72px; } .padding-bottom { padding-bottom: 72px; } .padding-top-medium { padding-top: 56px; } .padding-bottom-medium { padding-bottom: 56px; } .padding-top-small { padding-top: 36px; } .padding-bottom-small { padding-bottom: 36px; } .padding-top-tiny { padding-top: 26px; } .padding-bottom-tiny { padding-bottom: 26px; } .margin-top { margin-top: 100px; } .margin-bottom { margin-bottom: 100px; } .margin-top-medium { margin-top: 72px; } .margin-bottom-medium { margin-bottom: 72px; } .margin-top-small { margin-top: 36px; } .margin-bottom-small { margin-bottom: 36px; } } @media (max-width: 799px) { .no-padding-top-mobile { padding-top: 0px; } .no-padding-bot-mobile { padding-bottom: 0px; } .no-margin-top-mobile { margin-top: 0px; } .no-margin-bot-mobile { margin-bottom: 0px; } } @media (max-width: 480px) { .inner-padding { padding: 30px; } .inner-padding-medium { padding: 24px; } .inner-padding-small { padding: 12px; } .padding-top { padding-top: 56px; } .padding-bottom { padding-bottom: 56px; } .padding-top-medium { padding-top: 45px; } .padding-bottom-medium { padding-bottom: 45px; } .padding-top-small { padding-top: 30px; } .padding-bottom-small { padding-bottom: 30px; } .padding-top-tiny { padding-top: 22px; } .padding-bottom-tiny { padding-bottom: 22px; } .margin-top { margin-top: 72px; } .margin-bottom { margin-bottom: 72px; } .margin-top-medium { margin-top: 56px; } .margin-bottom-medium { margin-bottom: 56px; } .margin-top-small { margin-top: 30px; } .margin-bottom-small { margin-bottom: 30px; } .centercontent, .centercontent [data-centercontent="force"].centercontent { width: 90%; } .no-centercontent-mobile { width: auto; } .no-padding-top-mobile { padding-top: 0px; } .no-padding-bot-mobile { padding-bottom: 0px; } .no-margin-top-mobile { margin-top: 0px; } .no-margin-bot-mobile { margin-bottom: 0px; } } /* Change following classes and media-queries to your needs ______________ */ @media (max-width: 1023px) { .aboveTabletBreakpoint { display: none !important; } } @media (min-width: 1024px) { .belowTabletBreakpoint { display: none !important; } } @media (max-width: 739px) { .aboveMobileBreakpoint { display: none !important; } } @media (min-width: 740px) { .belowMobileBreakpoint { display: none !important; } } /* Mainmenu _____________________________________________________________ */ @media all { nav.mainmenu ul.menu { display: inline-block; vertical-align: top; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } nav.mainmenu ul.menu li { float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 21px; } nav.mainmenu ul.menu li a { float: left; padding: 0px 0px 0px 0px; } nav.mainmenu ul.menu li.aktiv > a { color: #A68662; } nav.mainmenu ul.menu li ul { display: none; font-weight: normal; list-style-type: none; position: absolute; left: 0px; top: 50px; } nav.mainmenu ul.menu li ul li { display: block; float: none; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; } nav.mainmenu ul.menu li ul li a { display: block; float: none; width: 260px; box-sizing: border-box; background: #D5C4B1; font-size: 16px; line-height: 20px; padding: 12px 16px; } nav.mainmenu ul.menu li ul li.aktiv a { color: #A68662; } } @media (max-width: 1500px) { nav.mainmenu ul.menu li { margin: 0px 12px; } } @media (max-width: 1350px) { nav.mainmenu ul.menu li { margin: 0px 10px; } } @media (max-width: 1200px) { nav.mainmenu ul.menu li a { font-size: 17px; } } @media (max-width: 1100px) { nav.mainmenu ul.menu li { margin: 0px 8px; } nav.mainmenu ul.menu li a { font-size: 16px; } } @media all { div.unitsheader.mobileheader { position: relative; } div.unitsheader.mobileheader:before { content: ''; position: fixed; top: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMi8xNSxvwwsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAADUlEQVQImWNgYGDYDAAAuAC0lXSlKAAAAABJRU5ErkJggg=='); background-repeat: repeat; -webkit-transition: left 400ms, right 400ms; transition: left 400ms, right 400ms; } div.unitsheader.mobileheader div.innerMobileHeader:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } div.unitsheader.mobileheader div.menuopener { margin: 0px 0px 0px 0px; box-sizing: border-box; cursor: pointer; position: relative; z-index: 6; } div.unitsheader.mobileheader div.menuopener span.bar { position: absolute; background-color: #FFFFFF; display: block; -webkit-transition: all 500ms; transition: all 500ms; } .withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar1, .withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar2 { -ms-transform: rotate(45deg) scale(1.25,1.25); -webkit-transform: rotate(45deg) scale(1.25,1.25); transform: rotate(45deg) scale(1.25,1.25); } .withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar3 { -ms-transform: rotate(-45deg) scale(1.25,1.25); -webkit-transform: rotate(-45deg) scale(1.25,1.25); transform: rotate(-45deg) scale(1.25,1.25); } .mobilemenuopen { overflow: hidden; } .mobilemenuopen div.outerFrame { overflow: hidden; position: relative; } div.unitsheader.mobileheader div.mobilemenu { padding: 10px 0 74px; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; font-size: 18px; display: flex; align-items: center; justify-content: center; } div.unitsheader.mobileheader div.mobilemenu ul { font-size: 30px; line-height: 50px; font-weight: 500; text-align: center; } div.unitsheader.mobileheader div.mobilemenu li { height: auto; } div.unitsheader.mobileheader div.mobilemenu li.language { display: inline-block; margin: 0 5px;} div.unitsheader.mobileheader div.mobilemenu li a { display: block; color: #933533; } div.unitsheader.mobileheader div.mobilemenu li.aktiv > a, div.unitsheader.mobileheader div.mobilemenu li > a:hover { color: #A68662; } div.unitsheader.mobileheader div.mobilemenu .hover:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div.unitsheader.mobileheader div.mobilemenu li ul { padding: 5px 0 10px; } div.unitsheader.mobileheader div.mobilemenu li ul li a { font-size: 22px; line-height: 36px; } .effect-slideinleft div.unitsheader.mobileheader div.outermobilemenu, .effect-slideinright div.unitsheader.mobileheader div.outermobilemenu { width: 275px; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; overflow-y: scroll; z-index: 5; border-left: solid 1px #FFFFFF; box-sizing: border-box; } .effect-fade-in div.unitsheader.mobileheader div.outermobilemenu { width: 100%; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; overflow-y: scroll; z-index: 5; box-sizing: border-box; left: 0; border: solid 2px #FFFFFF; } /* Effect SlideIn from the right side ____________________________ */ .effect-slideinright div.unitsheader.mobileheader:before { right: 0px; } .effect-slideinright.mobilemenuopen div.unitsheader.mobileheader:before { z-index: 5; right: 275px; width: 100%; height: 100%; } .effect-slideinright div.frame { -webkit-transition: left 400ms; transition: left 400ms; position: relative; left: 0px; } .effect-slideinright.mobilemenuopen div.frame { left: -275px; } .effect-slideinright div.unitsheader.mobileheader div.outermobilemenu { margin-right: -275px; right: 0px; } .effect-slideinright.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu { margin-right: 0px; } .effect-fade-in div.unitsheader.mobileheader div.outermobilemenu { z-index: -1; opacity: 0; } .effect-fade-in.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu { z-index: 5; opacity: 1; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener { position: fixed; width: 20.000000%; left: 2px; bottom: 0px; height: 64px; border-bottom: solid 2px #FFFFFF; text-align: center; line-height: 64px; color: #FFFFFF; transition: all 400ms; padding: 0; z-index: 12; } .mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener:hover { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text { display: block; opacity: 1; -webkit-transition: all 500ms; transition: all 500ms; margin-top: 35px; margin-left: 0px; font-size: 14px; line-height: 16px; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar { left: 50%; height: 2px; width: 15px; border-radius: 1px; margin-left: -7.5px; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar1 { top: 12px; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar2 { top: 17px; } div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar3 { top: 22px; } .withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar { top: 20px !important; } } @media (max-width: 670px) { div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text { font-size: 12px; } } @media (max-width: 370px) { div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text { font-size: 10px; } } /* Header ________________________________________________________________ */ @media all { header.pageheader { position: absolute; left: 0px; top: -2px; width: 100%; height: 110px; border: 2px solid #FFFFFF; box-sizing: border-box; } header.pageheader .inner-header { display: flex; } header.pageheader a.logo { width: 210px; margin: 16px 29px 0 30px; } header.pageheader a.logo img { width: 100%; } header.pageheader .menu-bar { flex-grow: 1; align-self: flex-end; margin-bottom: 16px; } header.pageheader.fixed .menu-bar { align-self: center; margin-bottom: 0px; } header.pageheader.fixed .lang-buttons { width: auto; } header.pageheader .language-phone { float: left; text-align: right; margin-right: 15px; } header.pageheader .buttons { float: right; width: 220px; } header.pageheader .buttons .icon { margin-right: 5px; } header.pageheader.fixed .buttons { width: auto; } header.pageheader .buttons .button { width: 220px; box-sizing: border-box; margin-bottom: 2px; padding-left: 0; padding-right: 0; } header.pageheader .buttons .button img { vertical-align: middle; } header.pageheader.fixed .buttons .button { float: left; margin: 0 0 0 2px; } header.pageheader .language { font-size: 12px; line-height: 20px; margin-top: 18px; margin-bottom: 30px; } header.pageheader.fixed .language { display: none; } header.pageheader .language a { display: inline-block; vertical-align: top; margin: 0 3px; } header.pageheader .phone { margin-top: 15px; white-space: nowrap; } header.pageheader .phone .phonenumber .icon { margin-right: 10px; } header.pageheader .buttons .button.photo, header.pageheader .buttons .button.phonenumber { display: none; } } @media (max-width: 1350px) { header.pageheader a.logo { width: 180px; margin: 24px 18px 0 30px; } header.pageheader .lang-buttons { width: auto; position: relative; } header.pageheader .language { position: absolute; top: 0; right: 230px; width: 96px; } header.pageheader.fixed .language { right: 440px; } header.pageheader .phone { position: absolute; top: 1px; right: 340px; font-size: 12px; } header.pageheader .phone img { width: 16px; } header.pageheader.fixed .language-phone .phone .text { display: none; } header.pageheader.fixed .phone { right: 444px; } } @media (max-width: 1200px) { header.pageheader .language { right: 220px; } header.pageheader.fixed .language { display: none; } header.pageheader .buttons, header.pageheader .buttons .button { width: 210px; } header.pageheader.fixed .phone { right: 428px; } } @media (min-width: 1024px) { header.pageheader.fixed { position: fixed; top: 0; height: 56px; } header.pageheader.fixed a.logo { display: none; } } @media (max-width: 1023px) { header.pageheader { top: 0px; height: 102px; z-index: 0; border: 0px; position: static; } .mobilemenuopen header.pageheader { z-index: 3; } header.pageheader a.logo { position: absolute; top: 24px; left: 50%; width: 151px; margin: 0 0 0 -75px; } header.pageheader .lang-buttons { width: 100%; position: absolute; right: 0px; top: 0px; } header.pageheader .language { display: block; top: 6px; right: 6px; margin-top: 0px; } header.pageheader .phone { display: none; top: 73px; right: 6px; margin-top: 0px; } header.pageheader .buttons, header.pageheader.fixed .buttons { position: fixed; top: auto; left: 3px; right: auto; bottom: 0; width: calc(100% - 5px); height: 64px; z-index: 10; } header.pageheader .buttons .button { position: absolute; left: 20.000000%; width: 20.000000%; margin-bottom: 0px; border-left: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; padding: 0px; height: 64px; line-height: 64px; } header.pageheader.fixed .buttons .button { margin: 0 0 0 0px; } header.pageheader .buttons .button.photo { left: 20.000000%; } header.pageheader .buttons .button.phonenumber { left: 40.000000%; } header.pageheader .buttons .button.request { left: 60.000000%; } header.pageheader .buttons .button.booking { left: auto; right: 0px; } header.pageheader .buttons .button.photo, header.pageheader .buttons .button.phonenumber { display: block; } header.pageheader .buttons .button { display: block; text-align: center; font-size: 14px; line-height: 16px; } header.pageheader .buttons .icon img { height: 16px; } header.pageheader .buttons .icon, header.pageheader .buttons .text { display: block; } header.pageheader .buttons .icon { margin-top: 12px; margin-right: 0; } header.pageheader .buttons .text { margin-top: 5px; margin-left: 0; } } @media (max-width: 670px) { header.pageheader .buttons .text { font-size: 12px; } } @media (max-width: 400px) { header.pageheader .language { width: auto; top: 12px; } header.pageheader .language a { display: block; text-align: right; } } @media (max-width: 370px) { header.pageheader .buttons .text { font-size: 10px; } } /* Web Content _________________________________________________________________ */ @media all { div.pagecontent { margin: 108px 0px 0px 0px; position: relative; z-index: 1; } section.unitsitemap.layout1 ul li { padding: 0px; } } @media (max-width: 1023px) { div.pagecontent { margin: 0px 0px 0px 0px; } } /* Footer ________________________________________________________________ */ @media all { footer.pagefooter { position: relative; clear: both; } footer.pagefooter .link-bar { padding: 25px 0px; } footer.pagefooter .link-bar a { color: #FFFFFF; font-size: 16px; line-height: 22px; margin: 0 15px; } footer.pagefooter .link-bar a:hover { color: #A68662; } footer.pagefooter .info-boxes a { color: #F0E5DE; } footer.pagefooter .info-boxes a:hover { color: #933533; } footer.pagefooter .info-boxes .info-box { float: left; width: 50%; } footer.pagefooter .info-boxes .info-box + .info-box { float: right; } footer.pagefooter .info-boxes .info-box .info { margin-top: 10px; } footer.pagefooter address span { display: block; } footer.pagefooter address span span { display: inline; } footer.pagefooter .logos { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px 0; } footer.pagefooter .logos .logo { padding: 25px 45px; } footer.pagefooter nav.footernavi { padding: 25px 0 26px; } footer.pagefooter nav.footernavi a { color: inherit; } footer.pagefooter nav.footernavi a:hover { color: #933533; } } @media (max-width: 1280px) { footer.pagefooter .logos .logo { padding: 25px 35px; } } @media (max-width: 1023px) { footer.pagefooter .info-boxes .info-box { float: left; width: 100%; } footer.pagefooter .info-boxes .info-box + .info-box { margin-top: 32px; } } @media (max-width: 799px) { footer.pagefooter .logos .logo { padding: 25px 25px; } } @media (max-width: 600px) { footer.pagefooter .link-bar a { display: block; margin: 5px 15px; } } /* __________________________________________________________________ End */ /* Weather T1 ________________________________________________________________ */ @media all { section.WeatherT1 { } section.WeatherT1 h2 { margin-bottom: 14px; } section.WeatherT1 h3 { margin: 6px 0px 10px 0px; } section.WeatherT1 img { display: block; margin: 0 auto; } section.WeatherT1 p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } section.WeatherT1 .heute, section.WeatherT1 .morgen { clear: both; float: left; margin: 4px 10px 13px 7px; text-align: center; width: 110px; } section.WeatherT1 .vorhersage { float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; } section.WeatherT1 .blau { color: #0055CC; } section.WeatherT1 .rot { color: #BB2200; } section.WeatherT1 div.wetterlink { margin-top: 30px; } } /* VoucherT1 _____________________________________________________________ */ @media all { div.VoucherT1 { } div.VoucherT1 form { max-width: 940px; margin: 0 auto; } div.VoucherT1 form div.row { clear: none; } } /* Teaser T3 ______________________________________________________________ */ @media all { section.TeaserT3 { position: relative; } section.TeaserT3 img { width: 100%; max-width: 100%; } section.TeaserT3 .centercontent .headlines { max-width: 676px; margin: 0 auto; } section.TeaserT3 .headlines .subheadline { margin-top: 12px; } section.TeaserT3 .centercontent .content { position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; } section.TeaserT3 .inner-intro { position: relative; } section.TeaserT3 .inner-intro .image { float: left; width: 50%; } section.TeaserT3 .inner-intro .content-area { float: left; width: 50%; box-sizing: border-box; } section.TeaserT3 .element:nth-child(2n) .image { float: right; } section.TeaserT3 .inner-intro .content ul li + li { margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; } section.TeaserT3 .inner-intro .divider { position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; } section.TeaserT3 .element .link { margin-top: 30px; display: inline-block; vertical-align: top; } } @media (max-width: 1023px) { section.TeaserT3 .centercontent .content { width: auto; } section.TeaserT3 .inner-intro .image { width: 100%; } section.TeaserT3 .inner-intro .content-area { width: 100%; } section.TeaserT3 .inner-intro .image ~ .content-area { border-top: solid 2px #FFFFFF; } section.TeaserT3 .inner-intro .divider { display: none; } } /* Teaser T2 ______________________________________________________________ */ @media all { section.TeaserT2 { } section.TeaserT2 .element { position: relative; cursor: pointer; overflow: hidden; } section.TeaserT2 .element .image { position: relative; } section.TeaserT2 .objectfit-cover .image, section.TeaserT2 .objectfit-cover .picture { height: 100%; } section.TeaserT2 .element .image img { width: 100%; max-width: 100%; } section.TeaserT2 .element .image .gradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 266px; } section.TeaserT2 .element .text { position: absolute; left: 0; bottom: 0; width: 100%; padding: 80px 60px; box-sizing: border-box; } section.TeaserT2 .element .text .title { color: #FFFFFF; } } @media (max-width: 1023px) { section.TeaserT2 .element .text { padding: 60px 40px; } } @media (max-width: 799px) { section.TeaserT2 .element .text { padding: 40px 25px; } } @media (max-width: 640px) { section.TeaserT2 .element .text { position: static; padding: 30px; } section.TeaserT2 .element .text .title { color: #B18A6D; } section.TeaserT2 .element .image .gradient { display: none; } } /* Teaser T1 ______________________________________________________________ */ @media all { section.TeaserT1 .element { float: left; width: 50%; position: relative; } section.TeaserT1 .element:nth-child(2n) { float: right; } section.TeaserT1 .element:nth-child(2n):before { content: ''; position: absolute; top: 0; left: -1px; height: 100%; border-left: solid 2px #FFFFFF; z-index: 1; } section.TeaserT1 .element:nth-child(n + 3) { border-top: solid 2px #FFFFFF; } section.TeaserT1 .element .image { position: relative; } section.TeaserT1 .element .image img { width: 100%; max-width: 100%; } section.TeaserT1 .element .image .gradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 151px; } section.TeaserT1 .element .text { position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px; box-sizing: border-box; } } @media (max-width: 640px) { section.TeaserT1 .element { float: none; display: block; width: auto; } section.TeaserT1 .element:nth-child(2n) { float: none; } section.TeaserT1 .element:nth-child(2n):before { content: none; } section.TeaserT1 .element + .element { border-top: solid 2px #FFFFFF; } } @media (max-width: 480px) { section.TeaserT1 .element .text { position: static; padding: 26px; } section.TeaserT1 .element .text .title { color: #B18A6D; } section.TeaserT1 .element .image .gradient { display: none; } } /* Style-Guide ___________________________________________________________ */ @media all { div.StyleguideT1 { margin: 0px 0px 20px 0px; } div.StyleguideT1 h1.h1 { color: #009DDF; font-size: 3.750000em; line-height: normal; font-weight: normal; } div.StyleguideT1 h2.h2 { color: #999999; border-bottom: solid 1px #BFBFBF; font-size: 2.000000em; line-height: normal; margin: 1.250000em 0px 0.625000em 0px; padding: 0px 0px 0.312500em 0px; font-weight: normal; } div.StyleguideT1 div.headlinebox { float: left; display: inline; padding: 1.709402% 0; width: 50.000000%; } div.StyleguideT1 div.headlineboxinvert { float: left; display: inline; padding: 1.709402% 3.931624%; width: 42.136752%; } div.StyleguideT1 div.defaulti { padding: 1.709402% 3.931624%; } div.StyleguideT1 div.medium1i { padding: 1.709402% 3.931624%; } div.StyleguideT1 div.large1i { padding: 1.709402% 3.931624%; } div.StyleguideT1 a.hover { text-shadow: 0px 0px 0px #000000; } div.StyleguideT1 a.button1 { margin-right: 1.025641%; vertical-align: text-bottom; } div.StyleguideT1 a.button1.hover { color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } div.StyleguideT1 a.button2 { margin-right: 1.025641%; vertical-align: text-bottom; } div.StyleguideT1 a.button2.hover { color: #FFFFFF; -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } div.StyleguideT1 .backgroundcolors { background-color: #EAEAEA; } div.StyleguideT1 .rowbg { display: flex; align-items: center; } div.StyleguideT1 .rowbg:first-child { font-weight: bold; } div.StyleguideT1 .rowbg:first-child .bgstyleguide { height: auto; text-align: center; } div.StyleguideT1 .bgstyleguide { display: inline-block; margin: 10px 2.564103% 0.854701% 10px; width: 8.625000em; height: 3.375000em; } div.StyleguideT1 .bgstyleguide.hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0); } div.StyleguideT1 .points1v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points1h { float: left; } div.StyleguideT1 .points2v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points2h { float: left; } div.StyleguideT1 .points3v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points3h { float: left; } div.StyleguideT1 .tab1 { margin: 0px 0px 1.125000em 0px; } div.StyleguideT1 .tab3 { margin: 0px 0px 1.125000em 0px; } div.StyleguideT1 div.fonticons { } div.StyleguideT1 div.fonticons span { float: left; line-height: 1.375000em; margin: 0px 0px 20px 0px; width: 22.051282%; } div.StyleguideT1 div.fonticons svg.icon { float: left; display: inline; margin-right: 5px; } div.StyleguideT1 div.fonticons span span { float: none; margin: 0px 0px 0px 0px; width: auto; line-height: 1.000000em; } } @media (max-width: 700px) { div.StyleguideT1 div.headlinebox { float: none; display: block; width: auto; } div.StyleguideT1 div.headlineboxinvert { float: none; display: block; width: auto; margin-top: 20px; } } /* Room T1 ______________________________________________________________ */ @media all { section.RoomT1 .element .image img { max-width: 100%; display: block; width: 100%; } section.RoomT1 .element .text-box { width: 48%; } section.RoomT1 .element .prices-box { width: 46.428571%; } section.RoomT1 .element .prices-box .row { display: flex; justify-content: space-between; } section.RoomT1 .element .prices-box .row.header { margin-bottom: 8px; } section.RoomT1 .element .prices-box .row.price { padding: 5px 0; } section.RoomT1 .element .prices-box .row.price + .row.price { border-top: solid 1px #D0BAA3; } /* section.RoomT1 .owl-controls { position: absolute; left: 0px; top: 0px; width: 100%; } */ section.RoomT1 .owl-nav .arrow { position: absolute; top: 50%; margin-top: -25px; } section.RoomT1 .owl-nav .backward { left: 88px; } section.RoomT1 .owl-nav .forward { right: 88px; } section.RoomT1 .element .buttons-box { width: 48%; clear: left; margin-top: 32px; } section.RoomT1 .element .buttons-box .link + .link { margin-left: 32px; } } @media (max-width: 1023px) { } @media (max-width: 899px) { section.RoomT1 .element .text-box { width: 100%; } section.RoomT1 .element .prices-box { width: 100%; margin-top: 24px; } section.RoomT1 .element .buttons-box { width: 100%; margin-top: 24px; } } @media (max-width: 480px) { section.RoomT1 .element .buttons-box .link { float: left; clear: both; } section.RoomT1 .element .buttons-box .link + .link { margin: 10px 0 0 0; } section.RoomT1 .owl-nav .backward { left: 40px; } section.RoomT1 .owl-nav .forward { right: 40px; } } /* RequestT1 _____________________________________________________________ */ @media all { div.RequestT1 { } div.RequestT1 form { max-width: 940px; margin: 0 auto; } div.RequestT1 form div.row { clear: none; } div.RequestT1 div.formoffer { max-width: 940px; margin: 0 auto 2.222222em; display: flex; } div.RequestT1 div.formoffer picture { width: 100%; } div.RequestT1 div.formoffer picture img { display: block; width: 100%; } div.RequestT1 div.formoffer div.offertext { padding: 30px; } div.RequestT1 div.formoffer div.offertext div.headline { margin: 0px 0px 6px 0px; } div.RequestT1 div.formoffer div.offertext div.subheadline { margin: 0px 0px 0.588235em 0px; } div.RequestT1 div.alterkinder { display: none; } div.RequestT1 div.alterkinder div.kinderbox { float: right; display: inline; width: 51.315789%; } div.RequestT1 div.alterkinder div.kinderbox label.label { display: none; } div.RequestT1 div.alterkinder div.kinderbox div.row.select div.selectfield { width: 100%; } } @media (max-width: 600px) { div.RequestT1 div.formoffer { display: block; } } /* CSS easiSoft Plugin ______________________________________________________ */ /* body { background: transparent; } body .wrapper { background: transparent; border: none; } body .btn-primary { background-color: #933634; border-color: #933634; } body .btn-primary:hover { background-color: #6E2827; border-color: #6E2827; } body a { color: #933634; } body a:hover { color: #6E2827; } */ /* Empty T1 ______________________________________________________________ */ @media all { } @media (max-width: 480px) { .QuickLinksT1 a { display: block; } .QuickLinksT1 .divider { display: none; } } /* Offer T1 ______________________________________________________________ */ @media all { section.OfferT1 { position: relative; } section.OfferT1 img { width: 100%; max-width: 100%; } section.OfferT1 .centercontent .headlines { max-width: 676px; margin: 0 auto; } section.OfferT1 .headlines .subheadline { margin-top: 12px; } section.OfferT1 .centercontent .content { position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; } section.OfferT1 .inner-intro { position: relative; } section.OfferT1 .inner-intro .image { float: left; width: 50%; } section.OfferT1 .inner-intro .content-area { float: left; width: 50%; box-sizing: border-box; } section.OfferT1 .element:nth-child(2n) .image { float: right; } section.OfferT1 .inner-intro .content ul li + li { margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; } section.OfferT1 .inner-intro .divider { position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; } section.OfferT1 .element .link { margin-top: 30px; display: inline-block; vertical-align: top; } section.OfferT1-detail { position: relative; } section.OfferT1-detail img { width: 100%; max-width: 100%; } section.OfferT1-detail .centercontent .headlines { max-width: 1170px; margin: 0 auto; } section.OfferT1-detail .headlines .subheadline { margin-top: 12px; } section.OfferT1-detail .centercontent .content { position: relative; max-width: 1170px; margin: 0 auto; } section.OfferT1-detail .content ul li + li { margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; } section.OfferT1-detail .inner-intro { position: relative; } section.OfferT1-detail .inner-intro .content-area { float: right; width: 50%; box-sizing: border-box; } section.OfferT1-detail .inner-intro .image { float: left; width: 50%; } section.OfferT1-detail .inner-intro .divider { position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; } section.OfferT1-detail .prices .boxes { display: flex; justify-content: space-around; flex-wrap: wrap; } section.OfferT1-detail .prices .box { width: 31.623932%; margin: 0 5.128205%; } section.OfferT1-detail .prices .box .title + .price-rows { margin-top: 20px; } section.OfferT1-detail .prices .price-rows { line-height: 145%; } section.OfferT1-detail .request-box a { color: #FFFFFF; } section.OfferT1-detail .request-box span { display: block; } section.OfferT1-onpage .outer-offers { margin: 0 60px; } section.OfferT1-onpage .offers { position: relative; padding: 0 120px; box-sizing: border-box; } /* section.OfferT1-onpage .offers .owl-controls { position: absolute; left: 0px; top: 0px; width: 100%; } */ section.OfferT1-onpage .owl-stage { display: flex; } section.OfferT1-onpage .owl-item { display: flex; flex: 1 0 auto; } section.OfferT1-onpage .offers .owl-nav .arrow { position: absolute; top: 50%; margin-top: -25px; } section.OfferT1-onpage .offers .owl-nav .backward { left: 0px; } section.OfferT1-onpage .offers .owl-nav .forward { right: 0px; } section.OfferT1-onpage .element { display: flex; flex-direction: column; max-width: 100%; } section.OfferT1-onpage .element .text-box { padding: 24px; } section.OfferT1-onpage .active .text-box { opacity: 1; } section.OfferT1-onpage .element .text-box .text { margin-top: 10px; } section.OfferT1-onpage .element .text-box .period { margin-top: 8px; } } @media (max-width: 1599px) { section.OfferT1-onpage .outer-offers { margin: 0 48px; } section.OfferT1-onpage .offers { padding: 0 90px; } } @media (max-width: 1280px) { section.OfferT1-onpage .outer-offers { margin: 0 32px; } section.OfferT1-onpage .offers { padding: 0 72px; } section.OfferT1-detail .prices .box { width: 35.042735%; margin: 0 3.418803%; } } @media (max-width: 1023px) { section.OfferT1 .centercontent .content { width: auto; } section.OfferT1 .inner-intro .image { width: 100%; } section.OfferT1 .inner-intro .content-area { width: 100%; } section.OfferT1 .inner-intro .image ~ .content-area { border-top: solid 2px #FFFFFF; } section.OfferT1 .inner-intro .divider { display: none; } section.OfferT1-detail .inner-intro .image { width: 100%; } section.OfferT1-detail .inner-intro .content-area { width: 100%; } section.OfferT1-detail .inner-intro .image ~ .content-area { border-top: solid 2px #FFFFFF; } section.OfferT1-detail .inner-intro .divider { display: none; } } @media (max-width: 900px) { section.OfferT1-detail .prices .boxes { justify-content: center; } section.OfferT1-detail .prices .box { flex-grow: 1; width: auto; } section.OfferT1-detail .prices .box + .box { margin-top: 20px; } } @media (max-width: 480px) { section.OfferT1-detail .request-box { padding: 40px 0; } section.OfferT1-onpage .outer-offers { margin: 0 16px; } section.OfferT1-onpage .offers { padding: 0 66px; } section.OfferT1-onpage .element .text-box { padding: 20px 12px; } } @media (max-width: 400px) { section.OfferT1-onpage .outer-offers { margin: 0 auto; width: 90%; } section.OfferT1-onpage .offers { padding: 0px; } section.OfferT1-onpage .offers .owl-nav { position: relative; height: 50px; margin-top: 6px; } section.OfferT1-onpage .offers .owl-nav .arrow { position: absolute; top: 0; margin-top: 0; } section.OfferT1-onpage .offers .owl-nav .backward { left: 50%; margin-left: -53px; } section.OfferT1-onpage .offers .owl-nav .forward { left: 50%; right: auto; margin-left: 3px } }/* List T1 ______________________________________________________________ */ @media all { section.ListT1 { position: relative; } section.ListT1 img { width: 100%; max-width: 100%; } section.ListT1 .centercontent .headlines { max-width: 676px; margin: 0 auto; } section.ListT1 .headlines .subheadline { margin-top: 12px; } section.ListT1 .centercontent .content { position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; } section.ListT1 .inner-intro { position: relative; } section.ListT1 .inner-intro .image { float: left; width: 50%; } section.ListT1 .inner-intro .content-area { float: left; width: 50%; box-sizing: border-box; } section.ListT1 .element:nth-child(2n) .image { float: right; }} section.ListT1 .inner-intro .content ul li + li { margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; } section.ListT1 .inner-intro .divider { position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; } section.ListT1 .element .link { margin-top: 30px; display: inline-block; vertical-align: top; } } @media (max-width: 1023px) { section.ListT1 .centercontent .content { width: auto; } section.ListT1 .inner-intro .image { width: 100%; } section.ListT1 .inner-intro .content-area { width: 100%; } section.ListT1 .inner-intro .image ~ .content-area { border-top: solid 2px #FFFFFF; } section.ListT1 .inner-intro .divider { display: none; } } /* Intro T1 ______________________________________________________________ */ @media all { section.IntroT1 { position: relative; } section.IntroT1 img { width: 100%; max-width: 100%; } section.IntroT1 .centercontent .headlines { max-width: 676px; margin: 0 auto; } section.IntroT1 .headlines .subheadline { margin-top: 12px; } section.IntroT1 .centercontent .content { position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; } } @media (min-width: 1024px) { section.IntroT1 .inner-intro { position: relative; } section.IntroT1 .inner-intro .content-area { float: left; width: 50%; box-sizing: border-box; } section.IntroT1 .inner-intro .image { float: right; width: 50%; } section.IntroT1 .inner-intro .divider { position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; } } @media (max-width: 1023px) { section.IntroT1 .centercontent .content { width: auto; } } /* ImpressumV2 ___________________________________________________________ */ @media all { div.ImpressumT2 { } div.ImpressumT2 h1 { margin-bottom: 30px; } div.ImpressumT2 h2 { margin-bottom: 15px; } div.ImpressumT2 h2 b { font-weight: normal; } div.ImpressumT2 img { clear: both; margin: 0px 0px 30px 0px; } div.ImpressumT2 .main-logo { clear: both; margin: 0px 0px 30px 0px; } div.ImpressumT2 .main-logo img { margin: 0px 0px 0px 0px; } div.ImpressumT2 div.block { width: 49.200000%; float: left; margin-left: 1.600000%; } div.ImpressumT2 div.block.first { margin-left: 0; } div.ImpressumT2 div.block.first p { margin: 0px 0px 60px 0px; } div.ImpressumT2 div.logo { position: relative; z-index: 3; float: left; display: inline; margin: 0px 0px 30px 0px; } div.ImpressumT2 div.logo span { display: block; } div.ImpressumT2 div.logo span.title { } div.ImpressumT2 div.logo span.subtitle { font-size: 14px; line-height: 18px; margin-left: 70px; font-family: 'Istok Web', sans-serif; } } @media (max-width: 700px) { div.ImpressumT2 div.block { width: 100%; margin-left: 0px; } } /* HeaderGallery T1 ______________________________________________________ */ @media all { section.HeaderGalleryT1 article.element { position: relative; text-align: center; height: 100%; } section.HeaderGalleryT1 div.text-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } section.HeaderGalleryT1 div.text-box .inner { padding-bottom: 60px; } section.HeaderGalleryT1 div.text-box .button { margin-top: 20px; } section.HeaderGalleryT1 article.element div.image { position: relative; height: 100%; } section.HeaderGalleryT1 article.element div.image picture, section.HeaderGalleryT1 article.element div.image img { width: 100%; height: 100%; } section.HeaderGalleryT1 article.element div.image div.gradient { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 55.714286%; max-height: 390px; } section.HeaderGalleryT1 .arrow { position: absolute; top: 50%; margin-top: -27px; } section.HeaderGalleryT1 .arrow.prev { left: 60px; } section.HeaderGalleryT1 .arrow.next { right: 60px; } section.HeaderGalleryT1 .arrow svg { fill: #FFFFFF; width: 54px; height: 54px; } } @media (max-width:799px) { section.HeaderGalleryT1 div.text-box { position: relative; } section.HeaderGalleryT1 div.text-box .inner { padding: 36px 0; } section.HeaderGalleryT1 div.text-box .button { background-color: #920427; } section.HeaderGalleryT1 article.element div.image div.gradient { display: none; } section.HeaderGalleryT1 .arrow { margin-top: -20px; } section.HeaderGalleryT1 .arrow.prev { left: 26px; } section.HeaderGalleryT1 .arrow.next { right: 26px; } section.HeaderGalleryT1 .arrow svg { fill: #FFFFFF; width: 40px; height: 40px; } } /* FooterQuote T1 ______________________________________________________________ */ @media all { section.FooterQuoteT1 img { max-width: 100%; width: 100%; } section.FooterQuoteT1 .text .title { display: inline-block; vertical-align: top; } } /* FooterImage T1 ______________________________________________________________ */ @media all { section.FooterImageT1 { position: relative; } section.FooterImageT1 img { max-width: 100%; width: 100%; } section.FooterImageT1 .image { position: relative; } section.FooterImageT1 .image .gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 230px; z-index: 1; } section.FooterImageT1 .text { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 35px; box-sizing: border-box; } section.FooterImageT1 .text .title { max-width: 370px; display: inline-block; vertical-align: top; } } @media (max-width: 480px) { section.FooterImageT1 .image .gradient { display: none; } section.FooterImageT1 .text { position: relative; bottom: auto; left: auto; width: 100%; border-top: solid 2px #FFFFFF; } } /* Empty T1 ______________________________________________________________ */ @media all { section.EmptyT1 { } } /* ByCodeDetailT2 ________________________________________________________ */ @media all { /* div.ByCodeDetailT2 table { } div.ByCodeDetailT2 table thead { background-color: #7F8B2B; color: #FFFFFF; border: 0; } div.ByCodeDetailT2 table thead th { text-align: center; font-weight: normal; padding: 20px; vertical-align: top; } div.ByCodeDetailT2 table tbody tr { } div.ByCodeDetailT2 table tbody tr:nth-child(2n) { background-color: #EEF0E6; } div.ByCodeDetailT2 table tbody td { border: 0; padding: 20px; } div.ByCodeDetailT2 table tbody td:nth-child(n+2) { text-align: center; font-size: 22px; } */ div.ByCodeDetailT2 table tbody .mobile-cell { display: none; } div.ByCodeDetailT2 .headlines { max-width: 1170px; margin: 0 auto; } div.ByCodeDetailT2 .headlines .subheadline { margin-top: 12px; } div.ByCodeDetailT2 .content-box { position: relative; max-width: 850px; margin: 0 auto; } div.ByCodeDetailT2 .area2 .content-box { padding-top: 0px; } div.ByCodeDetailT2 .content-box .subheadline + .content { margin-top: 18px; } div.ByCodeDetailT2 .images .image { float: left; width: 100%; } div.ByCodeDetailT2 .images .image.no-margin-top { margin-top: 0; } div.ByCodeDetailT2 .images .image.right { float: right; position: relative; } div.ByCodeDetailT2 .images .image.right:before { content: ''; position: absolute; top: 0; left: -1px; height: 100%; border-left: solid 2px #FFFFFF; z-index: 1; } div.ByCodeDetailT2 .images .image.medium { width: 50%; } div.ByCodeDetailT2 .image picture img { width: 100%; } div.ByCodeDetailT2 .teaser-list { display: flex; flex-wrap: wrap; margin: 3.589744% 0px 40px; } div.ByCodeDetailT2 .teaser-list .teaser { float: left; width: 30.940171%; } div.ByCodeDetailT2 .teaser-list .teaser + .teaser { margin-left: 3.589744%; } div.ByCodeDetailT2 .teaser-list .teaser:hover { cursor: default; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; } div.ByCodeDetailT2 .teaser-list .teaser .text-box { padding: 38px; } div.ByCodeDetailT2 .teaser-list .teaser .links { margin-top: 18px; } div.ByCodeDetailT2 div.liveedit { margin: 0px 0px 20px 0px; } div.ByCodeDetailT2 div.liveeditnewitem { margin: 20px 0px 0px 0px; } } @media (max-width: 1600px) { div.ByCodeDetailT2 .content-box { width: 80%; } } @media (max-width: 1280px) { div.ByCodeDetailT2 .content-box { width: auto; } } @media (max-width: 1023px) { /* div.ByCodeDetailT2 table tbody td:nth-child(n+2) { font-size: 18px; } */ } @media (max-width: 900px) { /* div.ByCodeDetailT2 table thead { display: none; } div.ByCodeDetailT2 table tbody .mobile-cell { display: block; text-align: right; margin-right: 10px; } div.ByCodeDetailT2 table tbody .cell-text { text-align: left; margin-left: 10px; font-weight: bold; } div.ByCodeDetailT2 table tbody tr:nth-child(2n) { background-color: transparent; } div.ByCodeDetailT2 table tbody td { display: block; text-align: center; padding: 12px; } div.ByCodeDetailT2 table tbody td:first-child { background-color: #7F8B2B; color: #FFFFFF; } div.ByCodeDetailT2 table tbody td:nth-child(n+2) { text-align: center; font-size: inherit; display: flex; justify-content: center; align-items: center; } div.ByCodeDetailT2 table tbody td:nth-child(n+2) div { width: 50%; padding: 0px; } div.ByCodeDetailT2 table tbody td:nth-child(2n + 3) { background-color: #EEF0E6; } */ } @media (max-width: 480px) { }