html,
body,
form,
textarea,
input,
button,
select,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
table,
td,
th {
color: #333;
margin: 0;
padding: 0;
}
body {
text-align: center;
font: 14px/1.4 arial, helvetica, clean, sans-serif;
*font-size: small;
*font: x-small;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow: hidden;
background-size: contain;
}
html {
overflow-y: scroll;
}
* {
outline: 0;
}
#parentwrapper {
position: relative;
margin: 0 !important;
}
#parent {
min-width: 320px;
}
#main {
padding: 15px;
margin-bottom: 15px;
text-align: left;
}
#header {
margin: 0;
}
#logo .inverted {
display: none;
}
#galslideshows img {
height: auto;
max-width: 100%;
width: auto;
max-height: 500px;
}
#galslideshows div.slidediv {
text-align: center;
}
.galslideshow.inactive div.slidediv {
display: none !important;
}
.galslideshow.inactive div.slidediv.first {
display: block !important;
}
#WideSkyscraper,
.skyscrapper {
display: none;
position: absolute;
top: 0;
left: 990px;
}
#MediumRectangle,
.mediumrectangle {
text-align: center;
}
#MediumRectangleOverview {
float: none;
text-align: center;
}
#MobileBanner,
.mobilebanner {
margin: 0 -10px;
text-align: center;
padding: 10px 0;
}
#FullBanner,
.fullbanner {
display: none;
text-align: center;
width: 100%;
}
#FullBanner {
margin: 30px 0 0;
}
.testbanner .fullbanner,
.testbanner .skyscrapper,
.testbanner .mediumrectangle,
.testbanner .mobilebanner {
background: #ccc;
}
.testbanner .fullbanner {
height: 60px;
}
.testbanner .skyscrapper {
width: 160px;
height: 600px;
}
.testbanner .mediumrectangle {
height: 250px;
}
.testbanner .mobilebanner {
height: 50px;
}
#loginbar,
#logoutbar {
background: #ccc;
padding: 5px;
margin: 0 0 20px 0;
}
#logout-form {
float: right;
width: auto;
}
#logout-form,
#logout-form fieldset {
margin: 0;
padding: 0;
}
#logout-form button {
margin: 0;
width: auto;
padding: 0.5em 1em;
}
#loginbar p,
#logoutbar p {
margin: 0.5em 0;
line-height: 1;
}
#sitenav {
background: #333;
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
width: 100%;
z-index: 9999;
}
#sitenav li {
display: inline;
}
#sitenav a:link,
#sitenav a:visited,
#sitenav a:focus,
#sitenav a:hover,
#sitenav a:active {
display: block;
left: -1000px;
position: absolute;
top: -1000px;
text-decoration: none;
}
#sitenav a:focus,
#sitenav a:active {
color: #fff;
left: 0;
padding: 10px;
position: relative;
top: 0;
white-space: nowrap;
}
ul.nav {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.nav li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:focus,
ul.nav li a.active,
ul.nav li strong {
display: block;
-moz-hyphens: auto;
hyphens: auto;
}
ul.nav li strong {
font-weight: normal;
}
ul.nav li a:hover,
ul.nav li a:focus,
ul.nav li a.active,
ul.nav li strong {
text-decoration: underline;
}
#nav-wrap {
background: #333;
}
#nav.navcolor ul li a:link,
#nav.navcolor ul li a:visited,
#subnav.navcolor ul li a:link,
#subnav.navcolor ul li a:visited,
#onepagenav.navcolor ul li a:link,
#onepagenav.navcolor ul li a:visited {
color: #8b878c;
}
#anchor-nav {
background: #333;
color: #FFF;
display: block;
font-size: 1.4em;
line-height: 1.4;
margin: 0;
padding: 5px 0;
text-decoration: none;
width: 100%;
}
#anchor-nav span {
background: url(gfx/btn-nav-standard.png) 10px center no-repeat transparent;
display: inline-block;
padding-left: 40px;
vertical-align: middle;
}
.no-js #nav,
.no-js #onepagenav {
display: block;
}
#nav,
#onepagenav {
display: none;
overflow: hidden;
-webkit-transition: -webkit-transform 0.8s;
transition: transform 0.8s;
}
.nav h2 {
display: none;
}
.snav {
display: none;
}
#nav ul.snav {
font-size: .875em;
margin-left: 20px;
}
#lnav {
margin: 0;
padding: 0;
position: relative;
text-align: right;
z-index: 1;
width: 100%;
}
.buttons--footer {
display: block;
list-style: none;
margin: 0 0 20px;
}
.buttons--footer li {
display: inline-block;
margin: 0;
padding: 0 10px 0 0;
}
a.more:link,
a.more:visited,
a.more:focus,
a.more:active {
text-decoration: none;
font-weight: 600;
position: relative
}
a.more::before,
a.more::after {
content: "";
position: absolute;
right: -15px;
height: 8px;
width: 2px;
}
a.more::before {
top: 5px;
transform: rotate(-45deg);
}
a.more::after {
top: 10px;
transform: rotate(45deg);
}
.stickybutton {
position: fixed;
bottom: 65px;
right: 0;
text-align: center;
text-transform: uppercase;
padding: 17px;
z-index: 99;
margin: 10px 0;
cursor: pointer
}
a.stickybutton:link,
a.stickybutton:visited,
a.stickybutton:hover,
a.stickybutton:focus,
a.stickybutton:active,
.stickybutton a:link,
.stickybutton a:visited,
.stickybutton a:hover,
.stickybutton a:focus,
.stickybutton a:active {
text-decoration: none
}
.stickybutton:hover {
filter: brightness(120%);
}
#sponsorbox {
padding-bottom: 15px;
}
#sponsorbox ul {
list-style: none;
margin: 0;
padding: 20px 0 0 10px;
}
#sponsorbox li {
display: inline-block;
margin: 0 0 10px;
position: relative;
text-align: center;
vertical-align: middle;
width: 50%;
}
#sponsorbox img {
height: auto;
vertical-align: middle;
}
#sponsorbox .mainsponsor {
text-align: center;
}
.sponsorlist span.hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.sponsorlist span.hover img {
visibility: hidden;
}
.sponsorlist span.hover:hover img {
visibility: visible;
}
#headerimg.inactive img {
display: none;
}
#headerimg.inactive img:first-child {
display: block;
}
#imagewrap.inactive img {
display: none;
}
#imagewrap.inactive img:first-child {
display: block;
}
#imagewrap {
position: relative;
}
#imagewrap img.headergfx {
max-width: 100%
}
#imagewrap .header_text {
position: absolute;
width: 100%;
max-width: 1200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
#imagewrap.full {
height: 100vh;
background-position: center;
background-size: cover;
}
iframe {
width: 100% !important;
}
body>iframe {
width: auto !important;
}
.article.cfix {
padding: 12px 0 7px;
}
.module_article5 .article.cfix,
.module_article6 .article.cfix,
.module_article7 .article.cfix,
.module_article8 .article.cfix,
.module_article9 .article.cfix {
padding: 0;
}
.module_article5 .article.cfix .inner-article,
.module_article6 .article.cfix .inner-article,
.module_article7 .article.cfix .inner-article,
.module_article8 .article.cfix .inner-article,
.module_article9 .article.cfix .inner-article {
padding: 12px 0 7px;
}
.module_article9 a {
text-decoration: none !important;
}
.module_article9 .article.cfix .inner-article {
margin-top: 10px;
padding-top: 0;
}
.module_article9 .inner-article p,
.module_article9 .inner-article h2 {
padding: 0 10px !important;
}
.module_article9 .inner-article p.img {
padding: 0 !important;
}
.module_article9 .inner-article:hover,
.module_article9 .inner-article:focus {
background: #F3F3F3 !important;
}
.module_article10 .inner-article:hover,
.module_article10 .inner-article:focus {
background: none !important;
}
.module_article1 .date {
display: inline-block;
font-style: italic;
}
.module_article1 .navname {
display: inline-block;
margin: 10px 0 10px 2px;
font-style: italic;
}
.module_article2 .date {
display: inline-block;
font-style: italic;
}
.module_article2 .navname {
display: inline-block;
margin: 10px 0 10px 2px;
font-style: italic;
}
.module_article3 .date {
display: inline-block;
font-style: italic;
}
.module_article3 .navname {
display: inline-block;
margin: 10px 0 10px 2px;
font-style: italic;
}
.module_article4 .date {
display: inline-block;
font-style: italic;
}
.module_article4 .navname {
display: inline-block;
margin: 10px 0 10px 2px;
font-style: italic;
}
.title {
margin-top: 0;
}
.module_article5 .date,
.module_article6 .date,
.module_article9 .date,
.module_article10 .date {
margin: 0;
font-style: italic;
}
.module_article5 .navname,
.module_article6 .navname,
.module_article9 .navname,
.module_article10 .navname {
clear: both;
margin: 0 0 5px 0;
font-style: italic;
}
.module_article7 .date,
.module_article8 .date {
margin: 0;
font-style: italic;
}
.module_article7 .navname,
.module_article8 .navname {
margin: 0 0 5px 0;
font-style: italic;
}
.module_article11 .posinherit .article-inner {
margin-top: 0 !important;
top: 0 !important;
position: static !important;
}
.module_article11 p.img,
.module_article12 p.img {
width: 100%;
}
.module_article12 p.img {
margin: 0 0 10px;
}
.module_article11 p.img img,
.module_article12 p.img img {
margin: 0;
}
.module_article12 .inner-article:hover,
.module_article12 .inner-article:focus {
background: none !important;
}
.module_article12 p,
.module_article12 p.img,
.module_article12 h2.title {
text-align: center;
}
.module_article12 {
margin: 0 -15px;
}
.module_article13 * {
text-align: center;
}
.article.sep {
border-top: 1px solid #ccc;
}
.article-tail {
padding: 12px 0;
}
p.img {
width: 100%;
margin: 0;
}
p.img img {
display: block;
width: 100%;
height: auto;
margin: 0 0 10px;
}
ul.img {
width: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.img li {
margin: 0;
padding: 0 0 10px 0;
list-style: none;
list-style-image: none;
}
ul.img li img {
display: block;
width: 100%;
height: auto;
}
ul.imgcrop li img {
max-width: 50vw;
max-height: 50vw;
object-fit: cover;
}
ul.img li a {
display: block;
}
div.bigimage {
padding: 0 0 10px;
}
div.bigimage img {
width: 100%;
height: auto;
}
p.back {
margin: 1.32em 0;
}
p.btn a.back {
color: #fff;
text-decoration: none;
}
.module_address p.img {
width: 100px;
margin: 0 0 15px 0;
}
.module_address p.img img {
width: 100px;
height: auto;
}
ul.address li {
margin: 0 0 5px;
}
#googlemap {
float: right;
margin: 0 0 1.5em;
width: 100%;
}
#googlemap img {
height: auto;
width: 100%;
}
.gmap label {
float: inherit;
}
.gmap button {
width: inherit !important;
}
.googlemapiframe {
margin: 30px 0 0;
}
.content ul.addressbuttons {
list-style: none;
margin: 0 0 15px;
padding: 0;
}
.content ul.addressbuttons li a,
.content ul.addressbuttons li span {
background: #333;
background-image: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #FFF;
display: inline-block;
padding: 6px 0;
margin-bottom: 3px;
text-align: center;
text-transform: uppercase;
width: 100%;
text-decoration: none;
}
.content ul.addressbuttons li a:hover,
.content ul.addressbuttons li a:focus {
box-shadow: 0 0 5px #094891;
-webkit-box-shadow: 0 0 5px #094891;
-moz-box-shadow: 0 0 5px #094891;
-o-box-shadow: 0 0 5px #094891;
text-decoration: underline;
}
.openinghours {
float: left;
width: auto;
}
.module_address ul.img {
margin: 0 -5px;
width: auto;
}
.module_address ul.img li {
display: inline-block;
width: 50%;
}
.module_address ul.img li a {
display: block;
padding: 0;
margin: 0 5px;
}
ul.addresslist {
margin: 16px 0 0;
}
ul.address li.addresslistitem {
border-top: 1px solid #CCC;
list-style: none;
margin: 0;
padding: 20px 0;
}
ul.itemdetails {
margin: 0;
}
ul.itemdetails li {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.itemdetails li h3,
.itemdetails li p {
margin: 0;
}
.module_address .left-column p.img {
float: none;
margin: 0 0 15px;
}
.addressdetails {
list-style: none;
margin: 0;
}
.openinghours {
float: none;
}
.module_address ul.img li a {
margin: 0 5px 5px;
}
.module_address #googlemap,
.module_formmail #googlemap {
float: none;
margin: 20px 0 0;
width: 100%;
max-width: none;
height: 300px;
}
.gmapimg img {
border: 3px solid #FFF;
width: 100%;
height: auto;
}
.maptitle {
text-align: center;
width: 100%;
}
#formmail_control ul {
margin: 0;
list-style: none;
}
#formmail_control li {
margin: 0 0 10px 0;
}
#formmail_control button {
max-width: none;
width: 100%;
}
#formmail_control form {
margin: 1em 0 2.2em 0;
}
.video-container {
padding-bottom: 56.25%;
padding-top: 10px;
position: relative;
width: 100%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wien-gv {
padding-bottom: 65%;
}
video {
width: 100%;
height: auto;
display: block !important;
}
.gal-list,
.gal-thumbs {
margin-left: 0;
}
.gal-thumbs {
display: flex;
justify-content: flex-start;
align-items: center;
overflow: auto;
}
.gal-thumbs li {
margin-right: 20px;
}
.content .gal-list>li,
.content .gal-thumbs>li {
background: none;
padding: 0;
}
.gal-list>li {
margin-bottom: 2em;
}
.content ul.gal-list,
.content ul.gal-list li {
list-style: none;
}
.content .gal-thumbs {
margin: 0 -3px;
}
.content .gal-thumbs li {
display: inline-block;
width: 33.3%;
}
.content .gal-thumbs li a {
display: block;
margin: 0 3px 5px;
}
.content .gal-thumbs li a img {
width: 100%;
height: auto;
}
p.gal-link {
float: left;
width: 32.2%
}
#gallerylist {
margin: 0 -3px;
}
#gallery {
list-style: none;
text-align: center;
}
#gallery li {
background: none;
float: left;
padding: 0;
}
#gal-nav {
margin: 0;
}
#gal-nav li {
background: none;
display: block;
float: left;
padding: 0;
text-align: center;
}
#pgprev,
#pgnext {
display: none;
height: 30px;
width: 15%;
}
#pgprev a,
#pgnext a {
background-image: url("gfx/arrow.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
height: 30px;
width: 30px;
}
#pgprev a {
transform: rotate(90deg);
}
#pgnext a {
transform: rotate(-90deg);
}
#count {
width: 70%;
}
#pgprev.inactive a,
#pgnext.inactive a {
display: none;
}
#gallery {
overflow: hidden;
width: 100%;
}
#gallery img {
width: 100%;
max-width: 100%;
}
#mygallery {
left: 0;
position: relative;
white-space: nowrap;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#mygallery.touchactive {
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
#mygallery li {
display: inline-block;
float: none;
position: relative;
vertical-align: top;
white-space: normal;
}
ul#galslideshows {
list-style: none;
margin: 0;
padding: 0;
}
#galslideshows div.slidediv {
width: 100%;
}
#galslideshows img {
height: auto !important;
}
.galslideshow {
overflow: hidden;
}
.galslideshow .slide-prev,
.galslideshow .slide-next {
height: 30px;
width: 30px;
background-color: #000;
background-position: 0 0;
background-repeat: no-repeat;
display: none;
height: 30px;
position: absolute;
margin-top: -15px;
top: 50%;
text-indent: -999em;
width: 30px;
z-index: 999;
}
.galslideshow .slide-prev {
background-image: url(gfx/pgprev.png);
left: 0;
}
.galslideshow .slide-next {
background-image: url(gfx/pgnext.png);
right: 0;
}
.galslideshow .slide-prev:hover,
.galslideshow .slide-next:hover {
background-size: cover;
margin: -2px;
width: 34px;
height: 34px;
}
.galslideshow.slideactive .slide-prev,
.galslideshow.slideactive .slide-next {
display: inline-block;
margin-top: -20px;
}
span.imgdescr {
display: block;
text-align: center;
width: 100%;
}
.itemlist {
list-style: none;
margin: 0;
}
.module_liste3 ul.img {
float: none;
}
.module_onepage #header {
background: #EEE;
background: rgba(230, 230, 230, 0.90);
position: fixed;
width: 100%;
z-index: 999;
}
.module_onepage .browse {
display: none;
}
.module_onepage #main {
max-width: none;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.module_onepage #content {
margin: 0;
}
.module_onepage .imgstyle1 img {
width: 100%;
height: auto;
}
.module_onepage .sectionhead {
background: #333;
color: #FFF;
padding: 10px 0;
text-align: center;
}
.module_onepage .sectioncontent,
.module_onepage .sectionbody {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.module_onepage .sectioncontent.module_formmail {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: none;
width: 100%;
margin: 0;
}
.module_onepage .sectioncontent.module_formmail #form-description,
.module_onepage .sectioncontent.module_formmail #formmail,
.module_onepage .sectioncontent.module_formmail #form-bottom,
.module_onepage .sectioncontent.module_formmail .confhead {
max-width: 1200px;
margin: 0 auto;
}
.sectioncontent.module_freepage div.notop {
padding: 20px 0;
}
.imgstyle2,
.imgstyle3,
.imgstyle4 {
background-position: center center;
background-size: cover !important;
}
.imgstyle3 {
background-attachment: fixed !important;
}
.imgstyle4 {
position: relative;
}
.imgstyle4 .onepage-inner {
padding: 0 5px;
position: absolute;
}
.imgstyle4 .onepage-inner.posinherit {
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
top: 0 !important;
position: inherit !important;
}
.imgstyle6 {
position: relative;
}
.imgstyle6 .onepage-inner {
padding: 0;
position: absolute;
}
.imgstyle6 .onepage-inner.posinherit {
margin-top: 0 !important;
top: 0 !important;
position: inherit !important;
}
.video-background {
background: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99;
}
.video-foreground,
.video-background iframe,
.video-background video {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
pointer-events: none;
}
.video-foreground {
overflow: hidden;
}
.content-mobile {
display: block;
}
.content-desktop {
display: none;
}
@media (min-aspect-ratio: 16/9) {
.video-background iframe,
.video-background video {
height: 300% !important;
top: -100% !important;
}
}
@media (max-aspect-ratio: 16/9) {
.video-background iframe,
.video-background video {
width: 300% !important;
left: -100% !important;
}
}
#totop {
background-color: #333;
background-image: url(gfx/arrow-totop2.png);
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
bottom: 30px;
box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
color: #fff;
display: none;
height: 40px;
position: fixed;
text-indent: -999em;
right: 30px;
width: 40px;
z-index: 100
}
.abclst {
list-style: none;
margin: 0 -10px 20px 0;
padding: 0;
}
.abclst li {
display: inline-block;
vertical-align: top;
width: 20%;
}
.abclst li a {
border: 1px solid;
color: #333;
border-color: #333;
}
.abclst li a {
display: block;
font-weight: 700;
font-size: 1.250em;
text-align: center;
margin: 0 10px 10px 0;
padding: 10px;
text-decoration: none;
}
.wrlst {
list-style: none;
margin: 25px 0;
padding: 0;
}
.wrlst li {
background-color: #333;
margin: 5px 0;
text-align: center;
border-radius: 5px;
}
.wrlst li a:link,
.wrlst li a:visited {
display: inline-block;
padding: 10px 0 10px 5px;
text-decoration: none;
color: #fff;
}
.wrlst li a:hover,
.wrlst li a:focus,
.wrlst li a:active {
text-decoration: underline;
}
.wrlst li a:link span,
.wrlst li a:visited span {
color: #fff;
text-decoration: none;
text-align: center;
font-weight: 600;
}
.wrlst li a:hover span,
.wrlst li a:focus span,
.wrlst li a:active span {
text-decoration: underline;
}
#wordlist ul {
list-style: none;
maargin: 0;
padding: 0;
}
#wordlist ul.img li {
display: block;
}
.module_glossar ul.img {
width: 100%;
}
#wordlist ul span {
margin: 0 15px 0 0;
}
.worddetail {
float: left;
}
.file {
margin: 0;
padding: 0;
}
.content ul.sponsorlist {
list-style: none;
width: 100%;
text-align: center;
margin: 20px 0;
padding: 0 0 20px;
}
.content .partnerswiper.swiper-container {
max-width: 1280px;
}
.content ul.sponsorlist li {
display: inline-block;
text-align: center;
vertical-align: middle;
position: relative
}
.content ul.sponsorlist li img {
width: 100%;
height: auto;
}
.swiper-button-prev,
.swiper-button-next {
display: none;
}
#videoplayer {
padding: 20px 0;
}
.module_botrvideo p.img {
position: relative;
}
.module_botrvideo article.article p.img img.playbutton {
width: 40px;
height: auto;
position: absolute;
top: 40%;
left: 50%;
margin: 0 0 0 -20px;
}
audio {
width: 100%;
}
.module_audio article {
border-top: 1px solid #CCC;
margin: 20px 0;
padding-top: 20px;
}
.module_audio article.first {
border-top: none;
padding-top: 0;
}
.content ul.sitemap .list {
list-style: none;
list-style-image: none;
margin: 0 0 0 10px;
padding: 0;
}
.default.module_sitemap ul.sitemap a {
color: #333;
}
.content ul.sitemap {
font-size: 1em;
padding: 0 0 0 20px;
}
.content ul.sitemap li {
background: transparent !important;
padding: 0;
margin-bottom: 3px;
}
.content ul.sitemap li a {
display: inline;
text-decoration: underline;
width: auto;
}
.content ul.sitemap {
list-style: disc;
list-style-image: none;
margin: 0.69em 0;
}
.content ul.sitemap ul {
font-size: 1em;
list-style: disc;
list-style-image: none;
}
.content ul.sitemap .list {
list-style: none;
list-style-image: none;
}
.transitionelement {
display: inline-block;
vertical-align: top;
width: 100%;
}
.transitionelement a:link,
.transitionelement a:focus,
.transitionelement a:hover,
.transitionelement a:visited,
.transitionelement a:active {
display: block;
margin: 0;
padding: 0;
z-index: 1;
position: relative;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.mosaik-5 .transitionelement .inner {
margin: 0 0 6px;
}
.mosaik-10 .transitionelement .inner,
.mosaik-blurred .transitionelement .inner,
.mosaik-grayscale .transitionelement .inner,
.mosaik-opacity .transitionelement .inner,
.mosaik-opacity-image .transitionelement .inner,
.mosaik-round-zoom .transitionelement .inner,
.mosaik-4columns .transitionelement .inner,
.mosaik-textonly .transitionelement .inner {
margin: 0 0 12px;
}
.mosaik-mask .transitionelement .inner {
margin: 0 0 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mosaik-mask .transitionelement:hover .inner {
animation-name: transanimation2;
animation-duration: 0.7s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@-webkit-keyframes transanimation2 {
0% {
background-size: 100%;
}
50% {
background-site: 108%;
}
100% {
background-size: 115%;
}
}
.mosaik-50 .transitionelement .inner {
margin: 0 0 50px 0;
-webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
}
.mosaik-textonly {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.transitionelement .inner img {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.mosaik-blurred .inner {
overflow: hidden;
}
.mosaik-blurred .inner img {
filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
-webkit-filter: blur(2px);
filter: url(filter/blur.svg#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.mosaik-blurred .inner img:hover {
filter: none;
-moz-filter: blur(0);
-ms-filter: blur(0);
-webkit-filter: blur(0);
-o-filter: blur(0);
filter: url(filter/blur.svg#unblur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.mosaik-grayscale .inner img {
filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
-webkit-filter: grayscale(1);
filter: url(filter/grayscale.svg#grayscale);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.mosaik-grayscale .inner img:hover {
filter: none;
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
-webkit-filter: grayscale(0);
;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
.mosaik-opacity .inner img {
filter: contrast(0.5);
-moz-filter: contrast(0.5);
-ms-filter: contrast(0.5);
-o-filter: contrast(0.5);
-webkit-filter: contrast(0.5);
opacity: .75;
}
.mosaik-opacity .inner img:hover {
filter: none;
-moz-filter: contrast(1);
-ms-filter: contrast(1);
-o-filter: contrast(1);
-webkit-filter: contrast(1);
opacity: 1;
}
.mosaik-opacity-image .inner img {
opacity: .33;
}
.mosaik-opacity-image .inner a:hover img {
opacity: 1;
}
.mosaik-mask .inner img {
visibility: hidden;
}
.mosaik-round-zoom .inner {
overflow: hidden;
}
.mosaik-round-zoom a,
.mosaik-textonly .transitionelement {
position: relative;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
}
.mosaik-textonly .transitionelement {
display: flex;
width: 100%;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
min-height: 100px;
}
.mosaik-textonly .inner {
padding: 10px;
width: calc(100% - 10px);
height: calc(100% - 10px);
margin: 0
!important;
position: relative;
border: 1px solid;
}
.mosaik-textonly a {
text-decoration: none !important;
width: 100%;
height: calc(100% - 20px);
}
.mosaik-textonly h1,
.mosaik-textonly h2,
.mosaik-textonly h3,
.mosaik-textonly h4,
.mosaik-textonly h5,
.mosaik-textonly h1,
.mosaik-textonly h6 {
margin-top: 0 !important;
}
.mosaik-textonly .transitionelement:hover {
z-index: 2;
-webkit-transform: scale(1.2) !important;
-moz-transform: scale(1.2) !important;
-ms-transform: scale(1.2) !important;
-o-transform: scale(1.2) !important;
transform: scale(1.2) !important;
}
.mosaik-round-zoom a:before {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
width: 63%;
padding-bottom: 63%;
content: '';
z-index: 1;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
border: 200px solid #FFF;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all .3s ease;
}
.mosaik-round-zoom a:hover:before {
padding-bottom: 80%;
width: 80%;
}
.mosaik-round-zoom .transitionelement .overlay {
display: none !important;
}
.mosaik-round-zoom .transitionelement .bottom {
margin-top: 0;
position: absolute;
z-index: 9;
}
.mosaik-round-zoom .transitionelement img {
margin-top: -30px;
padding-bottom: 30px;
}
.mosaik-animation .inner img:hover {
-webkit-animation: transanimation1 5s infinite;
}
.transitionelement img {
width: 100%;
height: auto;
}
.transitionelement .overlay {
position: absolute;
top: 0;
right: 0;
background: url(gfx/transparent-bg.png) top left repeat;
background: rgba(0, 0, 0, 0.6);
content: '';
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
-moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
-o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 5;
}
.mosaik-mask .transitionelement .overlay {
background: rgba(0, 0, 0, 0.7);
}
.no-js .transitionelement a:focus,
.no-js .transitionelement a:hover,
.js .transitionelement a.scaled {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 10;
}
.js .transitionelement a.transparent .overlay,
.mosaik-mask .transitionelement .overlay {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.transitionelement .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
}
.mosaik-mask .transitionelement .bottom {
z-index: 9;
top: 0;
}
.transitionelement .bottom .title {
margin: 0;
padding: 10px;
color: #fff;
}
.transitionelement.twocolumns h4 {
color: #333 !important;
text-align: center;
}
@-webkit-keyframes transanimation1 {
0% {
-webkit-filter: saturate(1);
}
50% {
-webkit-filter: saturate(5);
}
100% {
-webkit-filter: saturate(1);
}
}
#videoplayer {
padding: 20px 0;
}
.module_vimeovideo p.img {
position: relative;
}
.module_vimeovideo article.article p.img img.playbutton {
width: 40px;
height: auto;
position: absolute;
top: 40%;
left: 50%;
margin: 0 0 0 -20px;
}
.module_vimeovideo article.article p.img img {
width: 100%;
}
.module_vimeovideo #videoplayer iframe {
width: 100%;
}
html.js .module_event .calendar.overview,
html.js .module_event ul.browse {
display: none;
visibility: hidden;
}
.calwrap.showcallist .calendar.overview,
.calwrap.showcallist ul.browse {
display: block !important;
visibility: visible !important;
}
#calendar button:hover,
#calendar button:focus,
#calendar button:active {
box-shadow: none !important;
border: 1px solid #ddd !important;
}
.calitem {
border-bottom: 1px solid #ddd;
padding: 10px 0 0 0;
}
.calitem:last-of-type {
border-bottom: none;
}
.datepicker-close {
position: absolute;
top: -40px;
right: -5px;
}
#ui-datepicker-div {
z-index: 99999 !important;
}
.btn {
margin: 10px 0;
background-color: #555;
color: #fff;
border-radius: 5px;
text-align: center;
padding: 5px;
}
.searchinput {
margin: 0 0 10px 0;
}
.searchfield {
border: 1px solid #aaa;
padding: 5px;
}
.searchfield legend {
background-color: #fff;
padding: 5px;
margin: 0 0 0 10px;
}
.fc-left,
.fc-right {
width: 100%;
margin: 0 0 10px 0;
}
span.occured {
font-size: initial;
font-weight: initial;
color: #aaa;
}
.module_event .more a::after {
content: '›';
display: inline-block;
vertical-align: top;
padding-left: 5px;
}
.module_event .back::before {
content: '‹';
display: inline-block;
vertical-align: top;
padding-right: 5px;
}
.module_quiz .answer.button,
.answeritems li {
padding: 10px 5px;
border-radius: 15px;
max-width: calc(100% - 20px);
margin: 10px 0;
text-align: center;
cursor: pointer;
font-size: 1.1428571428571428em;
}
.answeritems li {
cursor: auto !important;
}
.answeritems .correct {}
.answeritems .wrong {}
.questionwrap {
padding: 35px;
text-align: center;
border-radius: 20px;
margin: 50px 0 0 0;
position: relative;
}
.questionwrap ul {
margin: 20px;
}
.questionwrap li {
float: none !important;
display: inline-block;
width: 100%;
}
.nextq {
font-size: 1.1428571428571428em;
border-radius: 15px;
padding: 10px;
float: none;
margin: 20px;
width: auto;
}
.checkcorrect,
.checkwrong {
position: relative;
padding: 40px 0 0 0;
margin: 20px 0 0 0;
}
.checkcorrect:before,
.checkwrong:before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
width: 30px;
height: 30px;
}
.counter {
margin: 0;
text-align: right;
position: absolute;
right: 25px;
bottom: 25px;
}
.module_quiz .answer.button,
.answeritems li {
background-color: #CBCBCB;
}
.answeritems .correct {
background-color: #66a821;
color: #fff;
}
.answeritems .wrong {
background-color: #cf2e29;
color: #fff;
}
.checkcorrect:before {
background-image: url("gfx/helferwiens/default/smile.svg");
}
.checkwrong:before {
background-image: url("gfx/helferwiens/default/sad.svg");
}
#basketbar {
height: 100px;
margin: -15px -15px 20px -15px;
width: calc(100% + 30px);
}
#basketbar * {
text-transform: uppercase;
}
#basketbar .baskets {
display: inline-block;
margin: 0;
height: 100%;
vertical-align: middle;
min-width: 100px;
}
#basketbar .baskets .wk {
display: inline-block;
height: 100%;
position: relative;
width: 100px;
}
#basketbar .baskets .wk.noicon a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
text-decoration: none;
}
#basketbar .baskets .wk.wkicon a {
text-align: center;
}
#basketbar .baskets .wk.wkicon img {
width: 20px;
height: auto;
margin: -3px 0 0 0;
}
#basketbar .baskets .wkinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#basketbar .baskets .wk .count {
position: absolute;
top: 12px;
right: 20px;
font-size: 0.5714285714285714em;
font-weight: bold;
border-radius: 50%;
padding: 2px;
width: 13px;
height: 13px;
line-height: 13px;
text-align: center;
}
#basketbar .baskets .wk .name {
font-size: 0.8571428571428571em;
hyphens: none;
margin: 10px 0 0 0;
}
#basketbar .right {
height: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
}
#basketbar .right>* {
flex-shrink: 0;
}
#basketbar .login,
#basketbar .logout {
display: inline-block;
height: 100%;
width: 100px;
vertical-align: middle;
position: relative;
}
#basketbar .login a,
#basketbar .logout a {
text-align: center;
text-decoration: none;
}
#basketbar .login img,
#basketbar .logout img {
width: 20px;
height: auto;
margin: 0;
}
#basketbar .login p,
#basketbar .logout p {
margin: 10px 0 0 0;
font-size: 0.8571428571428571em;
}
#basketbar .login .wrap,
#basketbar .logout .wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
}
#basketbar .login>.dropdown,
#basketbar .logout>.dropdown {
display: none;
}
#basketbar .login:hover>.dropdown,
#basketbar .logout:hover>.dropdown {
display: block;
}
#basketbar .login .dropdown,
#basketbar .logout .dropdown {
position: absolute;
width: 100%;
text-align: center;
padding: 5px 0;
top: 100px;
}
#basketbar .imgwrap {
margin: 0 auto;
width: 20px;
height: 20px;
}
.shop_breadcrumbs ul {
text-align: center;
}
.shop_breadcrumbs ul.three li {
width: calc((100%/5) - 20px);
}
.shop_breadcrumbs ul.four li {
width: calc((100%/7) - 20px);
}
.shop_breadcrumbs li {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: 60%;
vertical-align: middle;
}
.shop_breadcrumbs li span {
display: none;
}
.shop_breadcrumbs li:not(.spacer) {
width: 40px !important;
height: 40px;
border-radius: 50%;
margin: 0 5px;
}
.shop_breadcrumbs li:not(.active) {
opacity: 0.5;
}
.shop_breadcrumbs li.spacer {
height: 1px;
}
.module_shop .overview .article-inner {
max-width: 300px;
margin: 0 auto;
}
.module_shop .overview .product_infos {
text-transform: uppercase;
font-weight: bold;
margin: 10px 0 0 0;
}
.module_shop .overview .product_infos * {
text-decoration: none;
}
.module_shop .overview .product_infos .price {
font-weight: normal;
}
.module_shop .overview .product_image img {
width: 100%;
height: auto;
}
.module_shop .browse {
text-align: center;
}
.module_shop .extras {
font-weight: bold;
}
.module_shop .extras:empty {
display: none;
}
.module_shop .addition-item {
display: flex;
justify-content: start;
align-items: center;
}
.module_shop .addition-item input.checkbox {
margin: 0 10px 0 0;
}
.module_shop .browse .bprev a,
.module_shop .browse .bnext a {
display: inline;
}
.module_shop .browse li.bpages {
display: inline-block;
text-align: center;
margin: 0 10px;
}
.module_shop .swiper-container-wrap {
width: 100%;
float: none;
}
.module_shop .swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.module_shop .swiper-slide {
text-align: center;
}
.module_shop .gallery-thumbs {
height: 50%;
box-sizing: border-box;
padding: 10px 0;
}
.module_shop .gallery-thumbs .swiper-slide {
height: 100%;
cursor: pointer;
}
.module_shop .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.module_shop .gallery-top .swiper-slide img {
width: 100%;
height: auto;
}
.module_shop .gallery-top .swiper-slide .swiper-inner {
width: 100%;
height: 100%;
position: relative;
}
.module_shop .gallery-thumbs .swiper-slide img {
width: 100%;
height: 100%;
}
.module_shop .firstheading {
display: block;
}
.module_shop .controlwrap {
height: 100%;
width: 30px;
position: absolute;
right: 0;
top: 0;
}
.module_shop .amountcontrol {
height: 42px;
width: 50%;
position: relative;
border: 1px solid;
max-width: 120px;
display: inline-block;
}
.module_shop .control {
text-decoration: none;
padding: 0;
width: 30px;
height: 21px;
display: inline-block;
vertical-align: top;
text-align: center;
line-height: 21px;
position: absolute;
}
.module_shop .amount {
width: calc(100% - 31px);
text-align: center;
float: none;
height: 100%;
border: none;
display: inline-block;
background: none;
vertical-align: top;
font-size: 1.2857142857142858em;
font-weight: bold;
}
.module_shop .control .icon {
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
}
.module_shop .control.down {
top: 21px;
}
.module_shop .control.down .icon {
transform: rotate(90deg);
}
.module_shop .control.up .icon {
transform: rotate(-90deg);
}
.module_shop .separator {
display: inline-block;
height: calc(100% - 10px);
width: 1px;
margin: 5px 0;
}
.module_shop .price_wrap {
display: inline-block;
text-align: right;
width: calc(100% - 126px);
}
.module_shop .detail .price {
font-size: 2em;
line-height: 1;
}
.module_shop .versions ul,
.module_shop .versions label {
float: none;
}
.module_shop .values_wrap {
margin: 20px 0;
}
.module_shop input[type='submit'] {
width: 100%;
padding: 8px 0;
font-weight: bold;
margin: 0 0 20px 0;
max-width: 370px;
border-radius: 5px;
}
.module_shop input[type='radio'] {
margin: 2px 10px 0 0;
}
.module_shop .overview .inner,
.module_shop .overview .inner img {
transition: all .5s ease-in-out;
}
.module_shop .overview .shopitem {
position: relative;
}
.module_shop .overview .shopitem a {
text-decoration: none !important;
background-color: transparent !important;
}
.module_shop .overview .shopitem p.title span.name {
max-width: calc(100% - 65px);
}
.module_shop .overview.bigger .shopitem a:focus .inner,
.module_shop .overview.bigger .shopitem a:hover .inner,
.module_shop .overview.bigger .shopitem.scaled .inner {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 10;
}
.module_shop .overview.bigger .shopitem.transparent .inner {
opacity: 0.5;
}
.module_shop .overview.blurred .shopitem .inner img {
filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
-webkit-filter: blur(2px);
filter: url(filter/blur.svg#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.module_shop .overview.blurred .shopitem .inner img:hover {
filter: none;
-moz-filter: blur(0);
-ms-filter: blur(0);
-webkit-filter: blur(0);
-o-filter: blur(0);
filter: url(filter/blur.svg#unblur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.module_shop .overview.grayscale .shopitem .inner img {
filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
-webkit-filter: grayscale(1);
filter: url(filter/grayscale.svg#grayscale);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.module_shop .overview.grayscale .shopitem .inner img:hover {
filter: none;
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
-webkit-filter: grayscale(0);
;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
.module_shop .overview.opacity .shopitem .inner img {
filter: contrast(0.5);
-moz-filter: contrast(0.5);
-ms-filter: contrast(0.5);
-o-filter: contrast(0.5);
-webkit-filter: contrast(0.5);
opacity: .75;
}
.module_shop .overview.opacity .shopitem .inner img:hover {
filter: none;
-moz-filter: contrast(1);
-ms-filter: contrast(1);
-o-filter: contrast(1);
-webkit-filter: contrast(1);
opacity: 1;
}
.module_shop .overview.zoom .shopitem .inner {
overflow: hidden;
}
.module_shop .overview.zoom .shopitem .product_image {
position: relative;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
overflow: hidden;
border: none;
}
.module_shop .overview.zoom .shopitem a,
.module_shop .overview.zoom .shopitem a:link,
.module_shop .overview.zoom .shopitem a:focus,
.module_shop .overview.zoom .shopitem a:hover,
.module_shop .overview.zoom .shopitem a:active,
.module_shop .overview.zoom .shopitem a:visited {
display: block;
margin: 0;
padding: 0;
z-index: 1;
position: relative;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.module_shop .overview.zoom .shopitem .product_image:before {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
width: 63%;
padding-bottom: 63%;
content: '';
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
transition: all .3s ease;
}
.module_shop .overview.zoom .shopitem a:hover .product_image:before {
padding-bottom: 90%;
width: 90%;
}
#basket li.item {
padding: 10px 0;
border-bottom: 1px solid;
margin: 10px 0;
position: relative;
}
#basket input {
float: none;
width: 50px;
background: no-repeat;
border: none;
padding: 0;
text-align: left;
vertical-align: middle;
font-weight: bold;
}
#basket .tblcell {
display: inline-block;
vertical-align: middle;
margin: 0 0 5px 0;
}
#basket .tblcell.img {
float: left;
width: calc(20% - 10px);
margin: 0 10px 10px 0;
}
#basket .tblcell.img img {
width: 100%;
height: auto;
}
#basket .tblcell.product,
#basket .tblcell.amountwrap,
#basket .tblcell.price,
#basket .tblcell.price_sum {
width: calc(80% - 30px) !important;
float: right;
}
#basket .noimage .tblcell.product,
#basket .noimage .tblcell.amountwrap,
#basket .noimage .tblcell.price,
#basket .noimage .tblcell.price_sum {
width: calc(100% - 20px) !important;
}
#basket .tblcell.product ul {
margin: 0;
font-size: 1em;
font-style: italic;
}
#basket .tblcell.del {
width: 100%;
}
#basket .additions .tblcell {
margin: 0;
}
#basket .additions .tblcell.product,
#basket .additions .tblcell.amountwrap,
#basket .additions .tblcell.price,
#basket .additions .tblcell.price_sum {
float: none;
width: calc(100% - 40px);
}
.additions {
padding-top: 15px;
clear: both;
}
.module_shop .overview .expand {
display: none;
}
.module_shop article.detail {
min-height: 100px;
}
.module_shop article.detail .lead {
cursor: pointer;
}
.productinfos form ul li {
float: none;
padding: 0;
margin: 0;
}
.productinfos form ul {
margin-bottom: 20px;
}
.module_shop .shop-item-title:not(.noexpand) {
position: relative;
padding-left: 20px;
cursor: pointer;
}
.module_shop .shop-item-title:not(.noexpand)::before,
.module_shop .shop-item-title:not(.noexpand)::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0.9em;
height: 2px;
background-color: #000;
transition: 0.5s ease-in-out;
}
.module_shop .shop-item-title:not(.noexpand)::before {
transform: translateY(-50%);
}
.module_shop .shop-item-title:not(.noexpand)::after {
transform: translateY(-50%) rotate(90deg);
}
.module_shop .shop-item-title:not(.noexpand).active::after {
transform: translateY(-50%) rotate(0deg);
}
.additions {
padding: 0;
}
.additions ul {
margin: 0 !important;
}
.addition-item {
padding: 0;
margin-block: 10px !important;
}
.addition-item:first-child {
margin-bottom: 10px;
}
#basketfloating {
padding: 0 50px 0 60px;
bottom: 50%;
transform: translate(76%, 50%);
box-shadow: 0px 5px 10px #00000033;
transition: 0.5s ease-in-out;
}
#basketfloating::before{
content: none;
}
#basketfloating .baskets {
width: fit-content;
margin-inline: auto;
position: relative;
}
#basketfloating .imgwrap {
position: relative;
}
#basketfloating .imgwrap::before {
content: "";
width: 33px;
height: 21px;
position: absolute;
top: 0;
left: -47px;
transform: translateY(-50%);
background-size: auto;
background-size: contain;
}
.default #basketfloating p.name {
color: #fff;
}
.default #basketfloating .imgwrap::before{
background: url("/assets/style/gfx/basic-life/white/shopping_cart.svg") no-repeat center;
}
.default #basketfloating .count{
background-color: #fff;
}
#basketfloating .wkicon>a {
display: flex;
justify-content: flex-start;
align-items: center;
}
#basketfloating .count{
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
font-size: 0.6em;
width: 15px;
height: 15px;
transform: translateX(-30px);
font-weight: bold;
text-align: center;
}
#basket .total {
border-top: 1px solid;
border-bottom: 1px solid;
padding: 10px 0;
font-weight: bold;
text-transform: uppercase;
}
#basket .sum {
float: right;
}
#basket .delwk {
text-align: center;
}
#basket .shop,
#basket .purchase {
display: inline-block;
width: 100%;
text-align: center;
}
#basket .shop a,
#basket .purchase a {
width: calc(100% - 2em);
}
#basket .error {
padding: 20px;
border: 1px solid;
margin: 0 0 20px 0;
}
#basket .headings {
display: none;
}
#basket .heading {
text-transform: uppercase;
margin: 0 10px 0 0;
width: calc(40% - 10px);
display: inline-block;
vertical-align: top;
hyphens: auto;
}
#basket .amountwrap .heading {
vertical-align: middle;
}
#basket .pinner {
width: 60%;
display: inline-block;
vertical-align: top;
}
.module_basket .controlwrap {
position: relative;
display: inline-block;
width: 30px;
height: 35px;
vertical-align: middle;
}
.module_basket .controlwrap .control {
display: inline-block;
width: 30px;
height: 17px;
position: absolute;
}
.module_basket .control.down {
top: 17px;
}
.module_basket .control.up .icon {
transform: rotate(-90deg) translate(0, -50%);
}
.module_basket .control.down .icon {
transform: rotate(90deg) translate(0, 50%);
}
.module_basket .control .icon {
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
width: 17px;
height: 17px;
position: absolute;
left: 50%;
}
.module_basket .delete {
position: relative;
padding: 0 0 0 30px;
text-decoration: none;
}
.module_basket .delete:hover,
.module_basket .delete:active,
.module_basket .delete:focus {
text-decoration: underline;
}
.module_basket .delete:before,
.module_basket .delete:after {
content: '';
position: absolute;
left: 0;
width: 18px;
height: 1px;
top: 11px;
}
.module_basket .delete:before {
transform: rotate(45deg);
}
.module_basket .delete:after {
transform: rotate(-45deg);
}
.module_basket .delbasket button {
margin: 0;
max-width: 320px;
}
.module_bestellung .forgotpw {
text-align: right;
}
.module_bestellung .login_register,
.module_bestellung .guest {
margin: 20px 0;
padding: 20px 0;
}
.module_bestellung .login_register button,
.module_bestellung .guest button {
margin: 20px 0 0 0;
width: 100%;
}
.module_bestellung .login_register a.button {
margin: 20px 0 0 0;
width: calc(100% - 2em);
}
.module_bestellung .login_register label,
.module_bestellung .guest label {
visibility: hidden;
}
.module_bestellung .login_register input,
.module_bestellung .guest input {
width: 100%;
padding: 10px 15px;
border-radius: 2px;
}
.module_bestellung .login_register {
border-bottom: 1px solid;
}
.module_bestellung form .delivery *,
.module_bestellung form .payment * {
overflow: visible;
font-size: 1em;
}
.module_bestellung form .delivery input,
.module_bestellung form .payment input {
margin: 2px 10px 0 0;
}
.module_bestellung form .delivery ul,
.module_bestellung form .payment ul {
width: 100%;
}
.module_bestellung form .delivery .radiotxt,
.module_bestellung form .payment .radiotxt {
display: inline-block;
width: auto;
margin: 0;
}
.module_bestellung form .infos {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
background-position: top center;
margin: 0 0 0 5px;
background-repeat: no-repeat;
overflow: visible;
cursor: pointer;
}
.module_bestellung form .descr {
display: none;
width: calc(100% - 25px);
margin: 0 0 0 25px;
text-align: left;
}
.module_bestellung form .descr * {
margin: 0;
}
.module_bestellung #deliverydate {
background-repeat: no-repeat !important;
background-position: right 5px center !important;
background-size: 19px !important;
display: inline-block;
float: none;
width: calc(58% - 8px);
vertical-align: middle;
}
.module_bestellung .tpicker {
width: auto;
display: inline-block;
float: none;
vertical-align: middle;
margin: 0 0 0 20px;
}
.module_bestellung .tpicker label {
float: left;
margin: 5px 0 0 0;
width: 9.5em;
}
.module_bestellung .tpicker div,
.module_bestellung .tpicker span {
display: inline-block;
float: none;
vertical-align: middle;
}
.module_bestellung .tpicker span {
margin: 0 5px;
}
.module_bestellung .tpicker div {
margin: 0;
}
.module_bestellung .tpicker .up,
.module_bestellung .tpicker .down {
width: 50px;
height: 20px;
position: relative;
display: inline-block;
vertical-align: top;
}
.module_bestellung .tpicker .up .icon,
.module_bestellung .tpicker .down .icon {
width: 20px;
height: 20px;
display: inline-block;
background-repeat: no-repeat;
background-size: 10px;
position: absolute;
top: 0;
left: 50%;
margin: 0;
background-position: center;
}
.module_bestellung .tpicker .up .icon {
transform: rotate(-90deg) translate(0, -50%);
}
.module_bestellung .tpicker .down .icon {
transform: rotate(90deg) translate(0, 50%);
}
.module_bestellung .picker {
width: 50px;
}
.module_bestellung .picker input {
width: 50px;
text-align: center;
}
.module_bestellung .deliverywrap {
clear: both;
width: 100%;
}
.module_bestellung #basket .product.noimage .pinner {
text-align: right;
}
.module_shoplogin .loginwrap {
border-bottom: 1px solid;
}
.module_shoplogin .loginwrap,
.module_shoplogin .register {
margin: 0 0 30px 0;
}
.module_shoplogin .loginwrap button {
margin: 20px 0 0 0;
width: 100%;
}
.module_shoplogin .register a.button {
margin: 20px 0 0 0;
width: calc(100% - 2em);
}
.module_shoplogin .datawrap {
padding: 20px;
border: 1px solid;
margin: 0 0 30px 0;
}
.module_shoplogin .datawrap a {
float: right;
position: relative;
}
.module_shoplogin .datawrap a:after {
content: '';
background-repeat: no-repeat;
background-position: center;
float: right;
width: 20px;
height: 20px;
margin: 0 0 0 10px;
}
.module_shoplogin .heading {
display: none;
}
.module_shoplogin .row {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid;
}
.module_shoplogin .col {
margin: 0 0 10px 0;
}
.module_shoplogin .col.products .p {
display: inline-block;
vertical-align: top;
margin: 0 0 0 5px;
max-width: calc(100% - 155px);
}
.module_shoplogin .row * {
font-size: 1em;
}
.module_shoplogin .row span {
font-weight: bold;
min-width: 150px;
display: inline-block;
}
.module_shoplogin .delivery_wrap {
display: none;
}
.module_bestellung #basket li.item {
padding: 10px 0;
border-bottom: 1px solid;
margin: 10px 0;
}
.tblcell.del a {
display: inline-block;
text-indent: -999em;
}
.module_bestellung #basket .tblcell {
display: inline-block;
vertical-align: middle;
margin: 0 0 10px 0;
}
.module_bestellung #basket .tblcell.img {
float:
none;
margin: 0 10px 10px 0;
}
.module_bestellung #basket .tblcell.img img {
width: 100%;
height: auto;
}
.module_bestellung #basket .tblcell.product,
.module_bestellung #basket .tblcell.amountwrap,
.module_bestellung #basket .tblcell.price,
.module_bestellung #basket .tblcell.price_sum {
width: 80%;
}
.module_bestellung #basket .tblcell.product ul {
margin: 0;
font-size: 1em;
font-style: italic;
}
.module_bestellung #basket .tblcell.del {
width: 100%;
}
.module_bestellung #basket .total,
.module_bestellung .totalvalue .total,
.module_bezahlung #basket .total,
.module_bezahlung .totalvalue .ges {
padding: 10px 0;
font-weight: bold;
text-transform: uppercase;
}
.module_bestellung #basket .sum,
.module_bestellung .totalvalue .sum,
.module_bezahlung #basket .sum,
.module_bezahlung .totalvalue .sum {
float: right;
}
.module_bestellung .totalvalue,
.module_bezahlung .totalvalue {
border-bottom: 1px solid;
border-top: 1px solid;
padding: 10px 0;
font-weight: bold;
}
.module_bestellung .headings {
display: none;
}
.module_bestellung .heading {
text-transform: uppercase;
margin: 0 10px 0 0;
width: calc(40% - 10px);
display: inline-block;
vertical-align: top;
}
.module_bestellung .radiotxt {
width: auto !important;
}
.module_bestellung .payment .radiotxt,
.module_bestellung .delivery .radiotxt {
width: calc(100% - 50px) !important;
}
.module_bezahlung ul.payments {
margin: 0 0 30px 0;
}
.module_bezahlung #paypal-button-container {
max-width: 480px;
margin: 0 auto;
}
#basketbar {
border-bottom: 1px solid;
}
#basketbar * {
color: #333;
}
#basketbar .baskets .wk:hover .name,
#basketbar .logout:hover p,
#basketbar .login:hover p {
color: #fff;
}
#basketbar .baskets .imgwrap {
background-image: url("gfx/basic-life/default/shopping_cart.svg");
}
#basketbar .login .imgwrap,
#basketbar .logout .imgwrap {
background-image: url("gfx/basic-life/default/profile.svg");
}
#basketbar .baskets .wk:hover .imgwrap {
background-image: url("gfx/basic-life/white/shopping_cart.svg");
}
#basketbar .login:hover .imgwrap,
#basketbar .logout:hover .imgwrap {
background-image: url("gfx/basic-life/white/profile.svg");
}
.shop_breadcrumbs li:not(.spacer) {
border: 1px solid;
}
.shop_breadcrumbs li.spacer {
background: #333;
}
.shop_breadcrumbs li.data {
background-image: url("gfx/basic-life/default/orderdata.svg");
}
.shop_breadcrumbs li.control {
background-image: url("gfx/basic-life/default/review.svg");
}
.shop_breadcrumbs li.payment {
background-image: url("gfx/basic-life/default/payment.svg");
}
.shop_breadcrumbs li.response {
background-image: url("gfx/basic-life/default/confirmation.svg");
}
.module_shop .control .icon {
background-image: url("gfx/basic-life/default/arrow.svg");
}
.module_shop .control:hover {
background-color: #eee;
}
.module_shop .amountcontrol {
border-color: #333;
}
.module_shop .amount {
color: #333;
}
.module_shop .separator {
background: #333;
}
.module_shop .overview.zoom .shopitem .product_image:before {
border: 200px solid #FFF;
}
.module_basket .control .icon {
background-image: url("gfx/basic-life/default/arrow.svg");
}
.module_basket #basket input {
color: #333;
}
.module_basket .delete:before,
.module_basket .delete:after {
background: #333;
}
.module_basket #basket li.item,
.module_basket .headings,
.module_basket .total {
border-color: #333;
color: #333;
}
.module_basket .headings .show_wk {
width: 15%;
}
.module_basket #basket .error {
border-color: #f00;
background-color: rgba(255, 0, 0, 0.1);
}
.controlwrap .control:hover,
.controlwrap .control:focus,
.controlwrap .control:active {
background: #eee;
}
.module_basket .button.deact {
opacity: 0.5;
}
.module_basket .collitem::after,
.module_bestellung .collitem::after {
content: ', ';
}
.module_basket .collitem:last-of-type::after,
.module_bestellung .collitem:last-of-type::after {
content: '';
}
.module_bestellung .login_register {
border-color: #333;
}
.module_bestellung .tpicker .up,
.module_bestellung .tpicker .down {
width: 48px;
border: 1px solid;
background: none !important;
border-color: transparent;
}
.module_bestellung form .infos {
background-image: url("gfx/basic-life/default/info.svg");
}
.module_bestellung #deliverydate {
background-image: url("gfx/basic-life/default/calendar.svg");
}
.module_bestellung .tpicker .up .icon,
.module_bestellung .tpicker .down .icon {
background-image: url("gfx/basic-life/default/arrow.svg");
}
.module_shoplogin .datawrap a:after {
background-image: url("gfx/basic-life/default/edit.svg");
}
.module_shoplogin .row * {
color: #333;
}
.module_bestellung .totalvalue,
.module_bezahlung .totalvalue {
border-color: #000;
margin: 0 0 20px 0;
}
.highlight-white {
color: #FFF;
}
.highlight-black {
color: #000;
}
ul.downloads {
list-style: none;
margin: 0 0 .69em;
padding: 0;
}
ul.downloads li {
background-position: 0 .15em;
list-style-type: none;
margin: .2em 0;
}
.i,
a.i:link,
a.i:visited,
a.i:focus,
a.i:hover,
a.i:active {
background-repeat: no-repeat;
background-position: left center;
padding-top: .1em;
padding-bottom: .1em;
text-decoration: none;
}
a.i:focus,
a.i:hover,
a.i:active {
text-decoration: underline;
}
.i {
background-image: url(icon/fragezeichen.png);
padding-left: 25px;
}
.idoc,
.irtf,
.itxt {
background-image: url(icon/word.png);
padding-left: 25px;
}
.izip,
.irar,
.isit {
background-image: url(icon/zip.png);
padding-left: 25px;
}
.ijpg,
.ijpeg,
.igif,
.ieps,
.ipng {
background-image: url(icon/image.png);
padding-left: 25px;
}
.ixls,
.icsv {
background-image: url(icon/excel.png);
padding-left: 25px;
}
.ipdf {
background-image: url(icon/acrobat.png);
padding-left: 25px;
}
.imp3,
.iwav,
.im4a {
background-image: url(icon/audio.png);
padding-left: 25px;
}
.iwmv {
background-image: url(icon/media-player.png);
padding-left: 25px;
}
.ivideo,
.imov {
background-image: url(icon/quicktime.png);
padding-left: 25px;
}
.irss {
background-image: url(icon/rss.png);
padding-left: 25px;
}
.icon-email {
background: url("gfx/icon-email.svg") left center / 22px 16px no-repeat;
padding-left: 30px;
}
ul.browse {
clear: both;
font-size: .92em;
list-style: none;
list-style-image: none;
margin: 1.38em 0;
padding: 0;
}
.browse li {
display: inline-block;
margin-bottom: .25em;
vertical-align: middle
}
.browse .bprev,
.browse .bpages {
margin-right: 1em;
}
.browse li.bpages {
float: none;
display: inline;
}
.browse ul strong,
.browse ul span,
.browse a:link,
.browse a:visited,
.browse a:focus,
.browse a:hover,
.browse a:active {
display: block;
padding: 3px 8px;
text-align: center;
text-decoration: none;
}
.browse a:focus,
.browse a:hover,
.browse a:active {
text-decoration: underline;
}
.browse ul {
display: inline;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.browse ul strong,
.browse ul a:link,
.browse ul a:visited,
.browse ul a:focus,
.browse ul a:hover,
.browse ul a:active {
color: #333;
background: #FFF;
border: 1px solid #333;
text-decoration: none;
}
.browse ul strong,
.browse ul a:focus,
.browse ul a:hover,
.browse ul a:active {
background-color: #333;
border-color: #333;
color: #fff;
}
details>summary {
cursor: pointer;
list-style: none;
}
details summary>* {
display: inline;
}
details>summary::marker,
details>summary::-webkit-details-marker
{
display: none !important;
}
summary::after {
content: " \25BA";
}
details[open]>summary::after {
content: " \25BC";
}
a:link,
a:visited,
a:focus,
a:hover,
a:active {
color: #333;
text-decoration: underline;
}
a.nof:focus {
outline-offset: 0;
-moz-outline-radius: 0;
}
a:hover,
a:active {
outline: 0;
}
a.nu:link,
a.nu:visited,
a.nu:focus,
a.nu:hover,
a.nu:active {
text-decoration: none;
}
a.nu:focus,
a.nu:hover,
a.nu:active {
text-decoration: underline;
}
a.spc:link,
a.spc:visited,
a.spc:focus,
a.spc:hover,
a.spc:active {
color: #BF4342;
}
a.spc:focus,
a.spc:hover,
a.spc:active {}
a.camu:link,
a.camu:visited,
a.camu:focus,
a.camu:hover,
a.camu:active {
color: #333;
text-decoration: none;
}
a.camu:focus,
a.camu:hover,
a.camu:active {
text-decoration: underline;
}
a.tarn:link,
a.tarn:visited,
a.tarn:focus,
a.tarn:hover,
a.tarn:active {
text-decoration: none;
}
h1,
.h1 {
font-size: 1.714em;
line-height: 1.3;
margin: .750em 0 .375em;
}
h2,
.h2 {
font-size: 1.571em;
line-height: 1.3;
margin: .818em 0 .409em;
}
h3,
.h3 {
font-size: 1.429em;
line-height: 1.3;
margin: .900em 0 .450em;
}
h4,
.h4 {
font-size: 1.286em;
line-height: 1.3;
margin: 1.000em 0 .500em;
}
h5,
.h5 {
font-size: 1.143em;
line-height: 1.3;
margin: 1.125em 0 .563em;
}
h6,
.h6 {
font-size: 1.000em;
line-height: 1.3;
margin: 1.286em 0 .643em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
p {
line-height: 1.4;
margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h2.title {
text-align: left;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
margin-top: 0;
}
.content p,
.content ul,
.content ol {
font-size: 1.077em;
}
li {
line-height: 1.4;
}
ol {
margin: .69em 0 .69em 2.38em;
}
ul.tarn ul,
ul.tarn ol,
ul {
margin: .69em 0 .69em 1.38em;
}
ul ul {
list-style-type: disc;
margin-top: 0;
}
ul.tarn {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.tarn li li {
border: 0 none;
float: none;
padding: 0;
}
ul.inline {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.inline li {
display: inline;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
code,
pre {
font-family: "Courier New", monospace, serif;
font-size: 1em;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
*[lang|='de'] q:before {
content: '\201C';
}
*[lang|='de'] q:after {
content: '\201D';
}
*[lang|='de'] q q:before {
content: '\2018';
}
*[lang|='de'] q q:after {
content: '\2019';
}
small,
sup,
sub {
font-size: 85%;
}
big {
font-size: 125%;
line-height: 80%;
}
abbr,
acronym {
text-transform: uppercase;
font-size: 85%;
letter-spacing: .1em;
}
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #888;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
blockquote {}
hr {
border: 0;
border-top: 1px solid #ccc;
background-color: #fff;
display: block;
height: 1px;
line-height: 1px;
margin: .69em 0;
padding: 0;
}
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
svg:not(:root) {
overflow: hidden;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%
}
img.vmiddle {
vertical-align: middle;
}
.fright img,
img.fright {
margin: 0 0 .3em .8em;
}
.fleft img,
img.fleft {
margin: 0 .8em .3em 0;
}
img.imgfullwidth {
height: auto !important;
width: 100% !important;
}
::-moz-selection {
color: #fff;
background: #ccc;
text-shadow: none;
}
::selection {
color: #fff;
background: #ccc;
text-shadow: none;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
.v {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden;
width: 1px !important;
}
.wai {
display: inline;
float: left;
height: 1px;
margin: -1em 0 0;
overflow: hidden;
position: relative;
width: 1px;
}
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.none,
.noem em {
display: none;
visibility: hidden;
}
.block {
display: block;
visibility: visible;
}
.cfix:before,
.cfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.cfix:after {
clear: both;
}
.ofix {
overflow: hidden;
}
.bb {
border-bottom: 1px solid;
padding-bottom: 1em;
}
.bt {
border-top: 1px solid;
padding-top: 1em;
}
.c {
clear: both;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.error {
color: #f00;
}
.error a:link,
.error a:visited,
.error a:focus,
.error a:hover,
.error a:active,
.error h1,
.error h2,
.error h3,
.error h4,
.error h5,
.error h6 {
color: #f00;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.fnone {
float: none;
}
.fnorm {
font-size: 1em;
}
.fsmall,
small {
font-size: .85em !important;
}
.iblock {
display: inline-block;
}
.m0 {
margin: 0;
}
.mb {
margin-bottom: .69em;
}
.mbd {
margin-bottom: 1.4em;
}
.ml {
margin-left: 1em;
}
.mr {
margin-right: 1em;
}
.mt {
margin-top: .69em;
}
.mth {
margin-top: .35em;
}
.mtd {
margin-top: 1.4em;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.p0 {
padding: 0;
}
.pb {
padding-bottom: .69em;
}
.pbd {
padding-bottom: 1.4em;
}
.pl {
padding-left: 1em;
}
.pr {
padding-right: 1em;
}
.pt {
padding-top: .69em;
}
.pth {
padding-top: .35em;
}
.ptd {
padding-top: 1.4em;
}
.pt0 {
padding-top: 0;
}
.pb0 {
padding-bottom: 0;
}
.notop>*:first-child {
margin-top: 0;
}
.nobottom>*:last-child {
margin-bottom: 0;
}
.nowrap {
white-space: nowrap;
}
.pad {
padding: .5em 1em;
}
.success {
color: #009900;
}
.success a:link,
.success a:visited,
.success a:focus,
.success a:hover,
.success a:active,
.success h1,
.success h2,
.success h3,
.success h4,
.success h5,
.success h6 {
color: #009900;
}
.tcenter {
text-align: center;
}
.tleft {
text-align: left;
}
.tright {
text-align: right;
}
.versal {
text-transform: uppercase;
}
.wauto {
width: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
font: 100%;
empty-cells: show;
width: 100%;
}
caption {}
thead {}
tbody {}
tfoot {}
thead th {}
th,
td {
font-size: 1em;
padding: .2em .2em;
}
thead td,
th {
font-weight: bold;
}
form {clear: both;margin: 0.6em 0 2.2em 0;padding:0;width:100%;}
.ie form {margin: 1.6em 0 2.2em 0;}
fieldset {border:0 none;margin:0 0 1em;padding:0.5em 0;text-align: left;}
fieldset.p0 {padding:0;}
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:10px 0;width:100%;}
form li ol, form li ul {float:left;padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:1px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}
form p {margin-top:0;}
form .error-msg {border:1px solid;clear:both;margin:.69em 0;padding:.5em 1em;}
.ie form .error-msg {padding:1.5em 1em 0.5em 1em ;}
form .error-msg legend {border:1px solid;padding:.2em .5em;}
form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
form .error-msg ul li {background-image:none;clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
form .error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
form li.error label {}
form li.error input, form li.error select, form li.error textarea {font-weight:normal;}
form small {display:block;font-size:0.85em;}
label, form ol div, form ul div {float:left;line-height:1.3;margin:5px 0 0 0;vertical-align:top;font-weight:normal;}
.req label {font-weight:bold;}
form .checktxt, form .radiotxt, form .widetxt { margin-right:0;}
form .radiotxt.full, form .checktxt.full {width:90%;}
form fieldset .autotxt {width:auto;}
form label.req {display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%;}
input, select, textarea {border: 1px solid;float:left;font-size:1em;padding:4px 10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
select {width:100%;}
option {padding-left: 0.4em;} 
textarea {font-family:inherit;resize: vertical;overflow: auto; vertical-align: top; }
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio {background-color: transparent;margin:7px 5px 0 0;padding:0;width:auto !important;}
label, input[type=checkbox], input[type=radio], input[type=submit], button {cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[type='search']{-webkit-appearance: none;}
input[disabled='disabled'] {cursor:auto;}
input[type="submit"]::-moz-focus-inner {border:0;} 
button::-moz-focus-inner, input::-moz-focus-inner  {border: none;padding: 0;}
form .wauto {width:auto;}
form .full {width:98%;}
form .spacer {display:block;margin:.2em 5px 0 0;float:left; text-align:center;}
form .short {margin-right:10px;width:100px;}
form img.captcha {float:left;margin-right:.5em;}
.ui-timepicker-select > option[disabled] { display: none; visibility: hidden; }
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {border:0 none;cursor:pointer;display:inline-block;font-size:1em;font-weight:bold;line-height:1.2;margin:0;padding:.5em 1em;text-align:center;text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
button {width: 284px; overflow: visible; } 
.module_event a.button:link, .module_event a.button:visited, .module_event a.button:focus, .module_event a.button:hover, .module_event a.button:active, .module_event button {
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit; }
.module_event button {width: auto; }
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active { text-decoration:underline;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active {width:auto;}
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active {float:right;}
label, form ol div, form ul div {overflow:hidden;width:9.5em;}
form fieldset .right {margin-left:0;width:100%;} 
input, textarea {width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
form .checktxt, form .radiotxt, form .widetxt {width:254px;}
form li ol, form li ul, input.button {width:284px;}
input.captcha {margin-top:10px;width:100px;}
.module_shop form li ol, .module_shop form li ul { width:inherit; }
form li.req {}
form .req li label {background-color:transparent;}
input, select, textarea {background: #DBDBDB;border-color: #DBDBDB;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-color: #333;color:#fff;}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active {}
input.placeholder {color:#B3B3B3;}
input::-webkit-input-placeholder {color:#B3B3B3;}
input:-moz-placeholder {color:#B3B3B3s;}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active,
input:focus, select:focus, textarea:focus {border-color:#000;}
form .error-msg, form .error-msg legend {background-color: #FFCECF;border-color:#BF0027;}
form .error-msg legend {
-webkit-box-shadow: 0 0 5px #BF0027;
-moz-box-shadow: 0 0 5px #BF0027;
-o-box-shadow: 0 0 5px #BF0027;
box-shadow: 0 0 5px #BF0027;
}
form .error-msg {background-color: #FFCECF;border-color:#f00;
}
form li.error label {color:#f00;}
input[disabled='disabled'] {background-color:#DADADD;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#f00 !important;}
input[type="text"]:focus:invalid, input[type="email"]:focus:invalid, input[type="number"]:focus:out-of-range, form li.error input, form li.error select, form li.error textarea {
border-color: #f00;
}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active { border:none; }
@media only screen and (max-width: 320px){
}
@media only screen and (max-width: 479px){
ul.img { width:35%; }
.module_freepage1 ul.img, .module_freepage3 ul.img, .module_article1 ul.img, .module_article3 ul.img, .module_article5 ul.img { float:right;margin-left:15px; }
.module_freepage2 ul.img, .module_freepage4 ul.img, .module_article2 ul.img, .module_article4 ul.img, .module_article6 ul.img { float:left;margin-right:15px; }
ul.img li.first, ul.img li.mediumrectangle { display:block; }
ul.img.withcontentad { margin:0 -5px;width:inherit !important; }
ul.img.withcontentad li { display:inline-block !important;margin:0;padding:0;width:33.33%; }
ul.img.withcontentad li a { margin:0 5px 10px; }
ul.img.withcontentad li.mediumrectangle, ul.img.withcontentad li.first { width:100%; }
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button, input, select, textarea {
padding-top:8px;padding-bottom:8px;
}
ul.browse li.bprev, ul.browse li.bnext { display:block;margin:10px 0;width:100%; }
ul.browse li.bprev a, ul.browse li.bnext a { border:1px solid #333;display:block;padding:5px 0; }
.module_shop ul.browse li.bprev a, ul.browse li.bnext a { border:none; }
.module_shop ul.browse li.bprev, ul.browse li.bnext { display:inline-block; }
.module_quiz .questionwrap { padding: 10px; }
}
@media only screen and (min-width: 480px){
#MediumRectangle {float:right;margin:0 0 .5em .5em;}
#MediumRectangle.detail {float:left;margin:0 .5em .5em 0;}
#sponsorbox li { width:33.33333333333333%; }
.content ul.addressbuttons { float:left;width:40%; }
.content ul.addressbuttons li { margin-right:10px; }
.content ul.address li a {display:inline;width:auto;}
.module_address ul.img li { padding:0;width:25%; }
#googlemap { margin-top:-50px;width:60%; }
.module_freepage1 ul.img, .module_freepage3 ul.img { float:right; }
.module_freepage1 ul.img li, .module_freepage3 ul.img li { padding:0 0 10px 15px; }
.module_freepage2 ul.img, .module_freepage4 ul.img{ float:left; }
.module_freepage2 ul.img li, .module_freepage4 ul.img li { padding:0 15px 10px 0; }
p.img { width:35%;text-align:right;float:right;margin:0 0 10px 15px; }
.module_article1 p.img, .module_article3 p.img, .module_article5 p.img, .module_article7 p.img { float:right;margin:0 0 0 15px;text-align:right; }
.module_article2 p.img, .module_article4 p.img, .module_article6 p.img, .module_article8 p.img { float:left;margin:0 15px 0 0;text-align:left; }
.module_article9 p.img, .module_article13 p.img { margin:0 0 16px;width:100%; }
.module_article9 p.img img { margin:0 auto;width:100%;max-width:500px; }
.module_article13 p.img img { margin:0 auto;width:100%;max-width:600px; }
ul.img { float:right;width:35%; }
ul.img li { padding:0 0 10px 15px; }
ul.withcontentad { width:315px; }
.module_article1 ul.img, .module_article3 ul.img, .module_article5 ul.img { float:right; }
.module_article1 ul.img li, .module_article3 ul.img li, .module_article5 ul.img li { padding:0 0 10px 15px; }
.module_article2 ul.img, .module_article4 ul.img, .module_article6 ul.img { float:left; }
.module_article2 ul.img li, .module_article4 ul.img li, .module_article6 ul.img li { padding:0 15px 10px 0; }
.module_article12 .article.cfix { display:inline-block;padding:0 15px;vertical-align:top;width:50%; }
.module_botrvideo1 article { width:100%;margin:0; }
.content .gal-thumbs li { width:20%; }
p.gal-link {width:100%;}
.transitionelement { width:50%; }
.mosaik-5 .transitionelement.even .inner { margin: 0 3px 6px 0; }
.mosaik-5 .transitionelement.odd .inner { margin: 0 0 6px 3px; }
.mosaik-mask .transitionelement .inner { margin:0 0 15px 15px; }
.mosaik-10 .transitionelement.even .inner, .mosaik-blurred .transitionelement.even .inner, .mosaik-grayscale .transitionelement.even .inner, .mosaik-opacity .transitionelement.even .inner, .mosaik-opacity-image .transitionelement.even .inner, .mosaik-4columns .transitionelement.even .inner { margin: 0 6px 12px 0; }
.mosaik-10 .transitionelement.odd .inner, .mosaik-blurred .transitionelement.odd .inner, .mosaik-grayscale .transitionelement.odd .inner, .mosaik-opacity .transitionelement.odd .inner, .mosaik-opacity-image .transitionelement.odd .inner, .mosaik-4columns .transitionelement.odd .inner { margin: 0 0 12px 6px; }
.mosaik-50 .transitionelement.even .inner { margin: 0 12.5px 25px 0; }
.mosaik-50 .transitionelement.odd .inner { margin: 0 0 25px 12.5px; }
.mosaik-textonly { grid-template-columns: repeat(2, 1fr); }
.abclst li { width:14.28571428571429%; }
.module_glossar ul.img { width:315px; }
.content ul.sponsorlist:not(.swiper-wrapper) li { margin:0 2.5% 20px;width:28.33333333333333%; }
#formmail_control button { width: 300px;margin: 0;  }
.module_shop .overview.standard article { display: inline-block;vertical-align: text-top;width: calc(50% - 20px);margin: 10px; }
.module_shop .browse .bprev,.module_shop .browse .bnext, .module_shop .browse .bprev-empty,.module_shop .browse .bnext-empty { width: 33%;margin: 0; }
.module_shop .browse .bpages { max-width: 33%;width: auto; }
.module_shop .browse .bprev { text-align: right; }
.module_shop .browse .bnext { text-align: left; }
#basketbar .right{
float: right;
}
.module_basket  #basket .shop,.module_basket  #basket .purchase { display: inline-block; width: 50%; }
.module_basket  #basket .shop { text-align: left; }
.module_basket  #basket .purchase { text-align: right; }
.module_basket  #basket .shop a,.module_basket  #basket .purchase a { width: calc(90% - 2em); }
.module_basket  #basket .delwk { text-align: left; }
.module_bestellung .radiolist li { display: inline-block; width: auto;margin: 0 20px 0 0; }
.module_bestellung .radiolist .radiotxt { width: auto !important; }
.module_bestellung .payment .radiotxt, .module_bestellung .delivery .radiotxt { width: auto !important; }
select {width:auto;}
}
@media only screen and (max-width: 639px){
.module_article11 .article-inner { margin-top:0 !important;top:0 !important;position:static !important; }
#basket .tblcell.product,  #basket .tblcell.amountwrap,  #basket .tblcell.price,  #basket .tblcell.price_sum { padding: 0 20px 0 0; }
.tblcell.del { position: absolute; top: 0; right: 0; width: 20px !important; height: 20px;}
#basket .additions .tblcell.amountwrap { display: none; }
.module_bestellung #basket li.noimage .tblcell.img { display: none; }
.module_bestellung #basket .tblcell { width: calc(100% -20px) !important; }
}
@media only screen and (min-width: 640px){
.module_article11 article.article { position:relative; }
.module_article11 article.article .article-inner { box-sizing:border-box;display:inline-block;position:absolute;width:50%; }
.module_article11 .even .article-inner { padding-right:20px; }
.module_article11 .odd .article-inner { padding-left:20px; }
.module_article11 p.img { box-sizing:border-box;display:inline-block;width:50%;margin:0; }
.module_article11 .even p.img { float:right;margin:0; }
.module_article11 .odd p.img { float:left;margin:0; }
.module_article13 article.article { display:inline-block;vertical-align:top;width:50%; }
.module_article13 article.article.odd { padding-left:15px; }
.module_article13 article.article.even { padding-right:15px; }
.module_vimeovideo #videoplayer iframe { min-height: 400px !important; }
.mosaik-50 .transitionelement.even .inner { margin: 0 25px 50px 0; }
.mosaik-50 .transitionelement.odd .inner { margin: 0 0 50px 25px; }
.shop_breadcrumbs { margin: 0 0 50px 0; }
.shop_breadcrumbs li { position: relative; }
.shop_breadcrumbs li span { display: inline-block; position: absolute;top: 50px;transform: translate(-50%,0);width: 110px;text-align: center; }
.module_bestellung .login_register, .module_bestellung .guest { vertical-align: top;display: inline-block;padding:30px; }
.module_bestellung .login_register {  width: calc(50% - 71px); margin: 0;padding:30px 40px 30px 30px; }
.module_bestellung .guest { width: calc(50% - 70px); margin: 0;padding:30px 30px 30px 40px; }
.module_bestellung .login_register { border-right: 1px solid;border-bottom: none; }
#basket .headings { display: inline-block;width: 100%;vertical-align: middle;border-top:1px solid; border-bottom: 1px solid;padding: 10px 0; }
#basket .headings li { display: inline-block;text-transform: uppercase; }
#basket .headings .image { width: 15%; }
#basket .headings .product { width: 30%; }
.module_bestellung #basket .headings .product { width: 40%; }
#basket .headings .amount, #basket .headings .price, #basket .headings .price_sum  { display: inline-block;width: 15%; }
#basket .headings .price,#basket .headings .price_sum { text-align: right; }
#basket .heading { display: none; }
#basket .tblcell.img { width: calc(15% - 10px); }
#basket .tblcell.product { width:30% !important; }
#basket .tblcell.product.noimage { width:45% !important; }
.module_bestellung #basket .tblcell.product { width:40% !important; }
.module_bestellung #basket .tblcell.product.noimage { width: 55% !important; }
#basket .tblcell.amountwrap, #basket .noimage .tblcell.amountwrap { width:15% !important; }
#basket .headings .amount,#basket .tblcell.amountwrap, #basket .tblcell.amountwrap * { text-align: right; }
#basket .tblcell.price,#basket .noimage .tblcell.price, #basket .tblcell.price_sum, #basket .noimage .tblcell.price_sum { width:15% !important; text-align: right; }
#basket .tblcell.del { width:7% !important; text-align: right;}
#basket .tblcell.del a, .deleteadditionalitem { display: inline-block;text-indent: 999em;overflow: hidden;width: 20px !important;height: 20px;padding: 0; }
#basket .tblcell.product, #basket .tblcell.amountwrap, #basket .tblcell.price, #basket .tblcell.price_sum{
float: none;
}
.module_basket .headings .show_wk { text-align: right; }
#basket .additions .amnt { display: none; }
#basket .additions .tblcell.product{
width: 45% !important;
}
.module_bestellung #basket .additions .tblcell.product{
width: 40% !important;
}
.additions ul li:not(:first-child){ margin: 30px 0;}
#basket .ges { display: inline-block; width: 75%; }
#basket .sum { display: inline-block; float: none; width: 15%;text-align: right; }
.module_bestellung #basket .ges, .module_bezahlung #basket .ges {  width: 85%; }
.module_bestellung #basket .headings .amount, .module_bezahlung #basket .headings .amount  { text-align: right; }
.module_bestellung #basket .product.noimage .pinner {
text-align: left;
}
}
@media only screen and (min-width: 645px){
}
@media only screen and (max-width: 719px){
.module_sitemap #MediumRectangle { float:none; }
.module_address #MediumRectangle { float:none;width:100%;margin:20px 0; }
.imgstyle3 { background-attachment:initial !important; }
.googlemapiframe iframe { height:300px; }
.stickybutton:not(#basketfloating){
width: calc(100% - 34px);
bottom: 0;
left: 0;
margin: 0;
}
#footer {
position: relative;
z-index: 999;
}
}
@media only screen and (min-width: 720px){
#content { margin:20px 20px 0; }
.content p, .content ul, .content ol {font-size:1em;line-height:1.4;}
h1, .h1 {font-size: 1.714em;} 
h2, .h2 {font-size: 1.571em;}
h3, .h3 {font-size: 1.429em;}
h4, .h4 {font-size: 1.286em;}
h5, .h5 {font-size: 1.143em;}
#lnav ul li {display:inline;font-size:1em;}
#anchor-nav { display:none; }
#nav { display:block; }
#nav ul.snav { margin-left:0; }
#nav ul.snav a, #nav ul.snav strong { padding-left:20px; }
#sidebar {border-left:1px solid #333;border-top:none;padding:0;}
#sponsorbox li { width:25%; }
#FullBanner, .module_article1 #FullBannerModul, .module_article2 #FullBannerModul, .module_article3 #FullBannerModul, .module_article4 #FullBannerModul, .module_botrvideo1 #FullBannerModul {display:block;}
.module_article1 #MediumRectangleModul, .module_article2 #MediumRectangleModul, .module_article3 #MediumRectangleModul, .module_article4 #MediumRectangleModul, .module_botrvideo1 #MediumRectangleModul { display:none; }
.module_address p.img { float:right;margin:0 0 15px 15px; }
.module_address p.img, .module_address p.img img { width:200px; }
.content ul.addressbuttons { width:40%; }
ul.address li { margin:0;padding:0 ;}
.module_address ul.img li { width:20%; }
#googlemap {margin-top:-50px;width:50%;max-width:300px;}
ul.itemdetails li { padding-left:20px;width:25%; }
ul.itemdetails li.first { padding-left:0;width:50%; }
ul.itemdetails li.last { text-align:right; }
.left-column, .right-column { box-sizing:border-box;display:inline-block;vertical-align:top;width:50%; }
.left-column { padding-right:20px; }
.module_address ul.img li { width:33.33%; }
.module_address #googlemap { height:400px; }
.module_formmail #googlemap { height:300px; }
ul.address.overview_2 li.addresslistitem { display:inline-block;width:33.33%; }
ul.address.overview_2 li.addresslistitem.columnone .inner { margin-right:14px; }
ul.address.overview_2 li.addresslistitem.columntwo .inner { margin:0 7px; }
ul.address.overview_2 li.addresslistitem.columnthree .inner { margin-left:14px; }
p.img { width:220px; }
.module_article5 .article.cfix, .module_article6 .article.cfix, .module_article7 .article.cfix, .module_article8 .article.cfix, .module_article9 .article.cfix { display:inline-block;vertical-align:top;width:50%; }
.module_article5 .article.cfix.even .inner-article, .module_article6 .article.cfix.even .inner-article, .module_article7 .article.cfix.even .inner-article, .module_article8 .article.cfix.even .inner-article, .module_article9 .article.cfix.even .inner-article { margin-right:15px; }
.module_article5 .article.cfix.odd .inner-article, .module_article6 .article.cfix.odd .inner-article, .module_article7 .article.cfix.odd .inner-article, .module_article8 .article.cfix.odd .inner-article, .module_article9 .article.cfix.odd .inner-article { margin-left:15px; }
.module_article5 .article.cfix p.img, .module_article6 .article.cfix p.img, .module_article7 .article.cfix p.img, .module_article8 .article.cfix p.img { width:120px; }
.module_article9 .article.cfix { width:33.33%; }
.module_article9 .article.cfix.columnone .inner-article { margin-right:14px;margin-left:0; }
.module_article9 .article.cfix.columntwo .inner-article { margin-left:7px;margin-right:7px; }
.module_article9 .article.cfix.columnthree .inner-article { margin-left:14px;margin-right:0; }
.module_article12 .article.cfix { width:50%;padding:0 15px; }
.module_article13 article.article { margin:0 0 20px; }
.module_botrvideo2 .article { width:50%;display:inline-block;vertical-align:top;padding:0 !important;margin:0 0 15px 0; }
.module_botrvideo2 .article.even .botrvideo_wrapper { padding:0 10px 0 0; }
.module_botrvideo2 .article.odd .botrvideo_wrapper { padding:0 0 0 10px; }
.module_botrvideo2 article p { padding: 0 10px 10px 10px;margin:0; }
.module_botrvideo2 article h2 { padding: 10px;margin:0; }
.module_botrvideo2 article p.img { width:100%;height:auto;margin:0;padding:0;flex:0 0 auto; }
.module_botrvideo2 article p.img img { margin:0; }
.module_botrvideo2  { display:flex;flex-direction:row;flex-wrap:wrap;width:100%;clear:both;align-items: stretch; }
.module_botrvideo2 .wrapper_inner { width:100%;flex:1 1 auto; }
.module_botrvideo2 .botrvideo_wrapper { display:flex;flex-direction:column;flex-wrap:wrap;align-items: stretch;height:100%; }
.module_botrvideo2 .mediumrectangle .botrvideo_wrapper { display:block; }
.module_botrvideo3 .article { width:33.333333333%;display:inline-block;vertical-align:top;padding:0 !important;margin:0 0 15px 0; }
.module_botrvideo3 .article.columnone .botrvideo_wrapper { padding:0 10px 0 0; }
.module_botrvideo3 .article.columntwo .botrvideo_wrapper { padding:0 10px; }
.module_botrvideo3 .article.columnthree .botrvideo_wrapper { padding:0 0 0 10px; }
.module_botrvideo3 article p { padding: 0 10px 10px 10px;margin:0; }
.module_botrvideo3 article h2 { padding: 10px;margin:0; }
.module_botrvideo3 article p.img { width:100%;height:auto;margin:0;padding:0;flex:0 0 auto; }
.module_botrvideo3 article p.img img { margin:0; }
.module_botrvideo3  { display:flex;flex-direction:row;flex-wrap:wrap;width:100%;clear:both;align-items: stretch; }
.module_botrvideo3 .wrapper_inner { width:100%;flex:1 1 auto; }
.module_botrvideo3 .botrvideo_wrapper { display:flex;flex-direction:column;flex-wrap:wrap;align-items: stretch;height:100%; }
.module_botrvideo3 .mediumrectangle .botrvideo_wrapper { display:block; }
audio { width:300px; }
.transitionelement { width:33.3%; }
.transitionelement.twocolumns { width:50%; }
.mosaik-4columns .transitionelement { width:25%; }
.mosaik-5 .transitionelement.no3left .inner { margin: 0 4px 6px 0; }
.mosaik-5 .transitionelement.no3center .inner { margin: 0 2px 6px 2px; }
.mosaik-5 .transitionelement.no3right .inner { margin: 0 0 6px 4px; }
.mosaik-10 .transitionelement.no3left .inner, .mosaik-blurred .transitionelement.no3left .inner, .mosaik-grayscale .transitionelement.no3left .inner, .mosaik-opacity .transitionelement.no3left .inner, .mosaik-opacity-image .transitionelement.no3left .inner { margin: 0 8px 12px 0; }
.mosaik-10 .transitionelement.no3center .inner, .mosaik-blurred .transitionelement.no3center .inner, .mosaik-grayscale .transitionelement.no3center .inner, .mosaik-opacity .transitionelement.no3center .inner, .mosaik-opacity-image .transitionelement.no3center .inner { margin: 0 4px 12px 4px; }
.mosaik-10 .transitionelement.no3right .inner, .mosaik-blurred .transitionelement.no3right .inner, .mosaik-grayscale .transitionelement.no3right .inner, .mosaik-opacity .transitionelement.no3right .inner, .mosaik-opacity-image .transitionelement.no3right .inner { margin: 0 0 12px 8px; }
.mosaik-4columns .transitionelement.no4left .inner { margin:0 8px 12px 0}
.mosaik-4columns .transitionelement.no4center .inner { margin:0 6px 12px 2px}
.mosaik-4columns .transitionelement.no4center2 .inner { margin:0 2px 12px 6px}
.mosaik-4columns .transitionelement.no4right .inner { margin:0 0 12px 8px}
.mosaik-textonly { grid-template-columns: repeat(3, 1fr); }
.module_onepage .sectionhead { padding:20px 0; }
.sectioncontent.module_freepage div.notop { padding:40px 0; }
.module_onepage .sectioncontent { padding:20px 15px; }
.module_onepage .sectioncontent.module_formmail { padding:20px 0 0; }
.module_onepage .sectioncontent.module_formmail #form-description, .module_onepage .sectioncontent.module_formmail #formmail, .module_onepage .sectioncontent.module_formmail #form-bottom { padding:0 15px; }
.content-mobile { display:none; }
.content-desktop { display:block; }
#galslideshows.columns2 li { display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%; }
#galslideshows.columns2 li.odd { padding-right:10px; }
#galslideshows.columns2 li.even { padding-left:10px; }
#galslideshows.columns3 li { display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:33.333%; }
#galslideshows.columns3 li.columnone { padding-right:8px; }
#galslideshows.columns3 li.columntwo { padding:0 4px; }
#galslideshows.columns3 li.columnthree { padding-left:8px; }
.abclst li { width:8.333333333333333%; }
.abclst li a:link, .abclst li a:hover, .abclst li a:focus, .abclst li a:visited, .abclst li a:active { padding:5px; }
.wrlst { list-style:none;margin:25px 0 25px 10px;padding:0; } 
.wrlst li { background-color:transparent;margin:0;text-align:left;border-radius:none; }
.wrlst li a:link,  .wrlst li a:visited { display:inline-block;padding:10px 0 10px 5px;text-decoration:none; color:#333; }
#MediumRectangleOverview { float: right;text-align:center; }
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active { padding:1px 6px; }
.content ul.sponsorlist:not(.swiper-wrapper) li { margin:0 1.5% 20px;width:22%; }
#calendar { max-width: 80%;margin: 0 auto; }
.searchinput { max-width: none; }
.searchinput, .btn { margin:0 0 10px 0;width:calc(50% - 10px); }
#suchbegriff { width:calc(100% - 10px); }
.searchfield { padding: 5px 5px 5px 17px; }
.searchinput:first-of-type { margin:0 10px 10px 0; }
.btn { background-color: #555; color:#fff;border-radius: 5px;clear:both;width:200px; }
.fc-left, .fc-right { width: inherit;margin:inherit; }
.calitem p.date, .calitem h2.title, .calitem p.event-location, .calitem p.more { display:inline-block;vertical-align:top; }
.calitem p.date, .calitem p.more { width:15%; }
.calitem h2.title, .calitem p.event-location { width:35%; }
#basket ul{
font-size: 1.1em;
}
#basketbar { margin: -40px -8px 20px -8px;width: calc(100% + 19px); }
.module_shop .overview.standard article { display: inline-block;vertical-align: text-top;width: calc(33.3333% - 20px);margin: 10px; }
.module_shoplogin .loginwrap, .module_shoplogin .register { width: calc(50% - 51px); display: inline-block;vertical-align: top; }
.module_shoplogin .loginwrap input, .module_shoplogin .register input { max-width: none; width: 100%; }
.module_shoplogin .loginwrap { padding: 0 30px 0 20px;border-right: 1px solid;border-bottom: none; }
.module_shoplogin .loginwrap button { margin: 20px 0 0 0; }
.module_shoplogin .register { padding: 0 20px 0 30px; }
.module_shop .swiper-container-wrap { width: calc(50% - 20px); display: inline-block;margin: 0 20px 0 0;vertical-align: top; }
.module_shop .detail .productinfos { width: 50%; display: inline-block;vertical-align: top; }
.module_shop .secondheading { display: block; }
.module_shop .firstheading { display: none; }
.module_bestellung .deliverydate label { display: inline-block;float: none;vertical-align: middle; }
.module_bestellung .deliverywrap { max-width: 390px; width: 70%; clear: none; display: inline-block; vertical-align: middle; float: none; }
.module_bestellung .tpicker { width: 35%; }
.module_bestellung #deliverydate { width: calc(61% - 8px); }
.module_shoplogin .addresses { display: inline-block; width: 50%;vertical-align: top; }
.module_shoplogin .col { display: inline-block; vertical-align: top; }
.module_shoplogin .heading { display: inline-block;width: 100%;border-bottom: 1px solid;margin: 0 0 10px 0; }
.module_shoplogin .heading * { font-size: 0.8571428571428571em;text-transform: uppercase; }
.module_shoplogin .row span { display: none; }
.module_shoplogin .orders .row { border-top: 1px solid; border-bottom: none; }
.module_shoplogin .col { width:calc(20% - 10px);margin: 10px 10px 10px 0; }
.module_shoplogin .col.products { width:calc(30% - 10px);margin: 10px 10px 10px 0; }
.module_shoplogin .col.products .p { width: 100%;max-width: none !important; }
.module_shoplogin .col.total { width:calc(10% - 10px);margin: 10px 10px 10px 0;text-align: right; }
input, textarea, select {max-width:390px;width:70%;}
button, form fieldset .right {margin-left:9.5em;max-width:390px;width:70%;}
.module_event button{width:auto;}
}
@media only screen and (min-width: 960px){
.transitionelement.twocolumns .bottom { bottom:40px; }
#sponsorbox li { width:20%; }
.content ul.addressbuttons {width:280px;}
#googlemap {width:300px;}
.module_article12 .article.cfix { width:25%;padding:0 15px; }
.content ul.sponsorlist:not(.swiper-wrapper) li { margin:0 1.5% 20px;width:17%; }
}
@media only screen and (min-width: 980px){
#content { margin:20px 30px 0; }
.abclst li { width:6.666666666666667%; }
#basketbar { margin: -40px -8px 20px -8px;width: calc(100% + 18px); }
}
@media only screen and (max-width: 1023px){
.gal-thumbs li{width: unset !important;}
}
@media only screen and (min-width: 1024px){
.gal-thumbs li img{ width: 100%;}
#basketfloating:hover{
transform: translate(0, 50%);
}
}
@media only screen and (min-width: 1120px){
#WideSkyscraper { display:block; }
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
#anchor-nav span { background-image:url(gfx/btn-nav-standard-x2.png);background-size:26px 16px; }
}
@media print {
html, body {height:auto;min-height:inherit;}
#parent, #content {clear:none;float:none;min-width:100%;min-width:10px;padding:0;overflow:visible;position:static;width:100%;}
#sitenav, #nav, #search, .v, .back, #footer, #mnav2 {display: none; visibility:hidden;}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
body .content a[href^="http"], body .content a[href^="ftp"] {background-image:none;padding-right:0;}
body .content a[href^="http"]:after {content: " (" attr(href) ") ";}
body .content a[href^="http://echonet.at"], body .content a[href^="http://www.echonet.at"] {background-image:none;}
body .content a[href^="http://echonet.at"]:after, body .content a[href^="http://www.echonet.at"]:after {content: "";}
.page {page-break-after: always;} 
tr, img { page-break-inside: avoid; }
.i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {background-image:none;padding-left:0;}
ul.downloads {list-style:square;margin-left:1.67em;}
ul.downloads li {list-style:square;padding-left:0;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-image:none;border:1px solid #B00020;color:#B00020;}
a.button span, button span {background-image:none;}
thead { display: table-header-group; } 
}