html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { font-size: 14px; line-height: 19px; color: #333; font-family: "Open Sans", sans-serif; background-color: #fff; font-weight: 400; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
body { font-size: 16px; line-height: 21px; }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) {
body { font-size: 16px; line-height: 21px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) {
body { font-size: 16px; line-height: 21px; }
}
h1 { font-size: 21px !important; font-weight: 400 !important; line-height: 1; text-transform: none; letter-spacing: 0 !important; margin-bottom: 20px
}
h2 { font-size: 54px !important; font-weight: 200 !important; line-height: 54px !important; text-transform: uppercase
; letter-spacing: 0; }
.box-info h3, .presse h3 { text-transform: uppercase; font-size: 14px; line-height: 14px; margin-top: 0; margin-bottom: 3px; }
h5 { font-size: 14px; line-height: 14px; text-transform: uppercase; margin-top: 0; margin-bottom: 3px; }
h3 { margin-top: 0; }
.box3b h3 { font-size: 22px !important; }
.box3c h3 { font-size: 22px !important; }
h4 { font-size: 32px; font-weight: 700; text-transform: uppercase; }
h6 { font-size: 28px !important; font-family: Khand, sans-serif; font-weight: 400 !important; line-height: 28px !important; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px; }
.klein { font-size: 13px!important; line-height: 18px; }
span.klein { font-size: 11px!important; line-height: 18px; }
.bewerbung { color: #acc434; text-transform: none; margin-top: 25px; }
.ausstellung-zusatz img { width: 100% !important; max-width: 100% !important; }
.service { text-transform: none; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #999; }
.service2 { color: #009cdd; text-transform: none; }
.divider { background-color: #333; width: 100%; height: 1px; margin-top: 25px; margin-bottom: 25px; }
ul, ol {
margin-top: 0;
margin-bottom: 0;
list-style: none
}
ul li ul { padding-bottom: 0 !important; }
a { color: #009cdd; }
a:hover { color: #000; }
a:focus { color: #000; background-color: transparent !important; text-decoration: none !important; }
p.klein { font-size: 11px !important; margin-top: 0; }
.klein2 { font-size: 11px !important; margin-top: 0; }
.box4 .glyphicon { font-size: 10px !important; }
.bg-white { background-color: #fff; width: 100%; }
.bg-white2 { background-color: #fff; }
.bg-white3 { background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1); box-shadow: 0 0 30px rgba(0, 0, 0, .1); }
.active2 { color: #009cdd; }
.active3 { color: #acc434; }
.vernisage { color: #333; padding-top: 25px; }
.vernisage2 { color: #acc434; padding-top: 25px; }
.ausstellung h3, .ausstellung h6, .presse h3 { text-transform: none; }
#google-maps iframe { width: 100%; height: 320px; }
.legalnotice p { color: #5a5a5a; font-size: 13px; line-height: 18px; }
.workshop img { margin-bottom: 0; }
/**/
.gruen { color: #acc434; }
.rot { color: #e30614; }
.gruen3 { color: #acc434; font-weight: 400; margin-bottom: 10px; }
.gruen2 { background-color: #acc434 !important; }
.subhead { font-size: 14px; line-height: 19px; }
.readmore { font-size: 14px; font-weight: 400; line-height: 19px; margin-top: 10px; display: block; }
.readmore .glyphicon { font-size: 10px; line-height: 19px !important; }
.blau { color: #009cdd; }
.color2 .btn { background-color: #acc434 !important; border-color: #acc434; }
.right { padding-left: 10px; }
.table-striped { margin-bottom: 0 !important; }
.gruenlink a { color: #acc434; }
.kuenstler img { margin-bottom: 30px; }
/**/
.btn-lg,
.btn-group-lg > .btn { padding: 10px; font-size: 18px; line-height: 1.33; border-style: none; border-radius: 6px; box-shadow: none !important; }
.btn { background-color: #009cdd !important; margin-top: 15px; border-style: none; border-box: none !important; box-shadow: none !important; }
.color2 .btn { background-color: #acc434 !important; }
.banner .btn { font-size: 16px !important; font-weight: 700; margin-top: 15px; }
.btn .glyphicon { font-size: 12px !important; }
.btn-default { color: #fff; text-align: left; min-width: 180px; margin-bottom: 15px; }
.btn-default > .caret { float: right; margin: 8px 0 6px; }
/**/
.pad20 { padding-bottom: 20px; }
.pad-top-bottom { padding-top: 30px; padding-bottom: 30px; }
.pad-top { padding-top: 30px; padding-bottom: 5px; }
.pad-top-bottom60 { padding-top: 60px; padding-bottom: 60px; }
.pad-bottom100 { padding-bottom: 160px; }
.pad40 { padding-top: 60px; padding-bottom: 15px; }
.padtop30 { padding-top: 30px; }
.pad30 { padding-bottom: 25px; }
.pad5b { margin-bottom: 30px; }
/**/
.content-info { padding-top: 40px; padding-bottom: 40px; }
.content-info2 { background-color: #f0f0f0; padding-top: 160px; padding-bottom: 80px; }
.content-info3 { background-color: #f0f0f0; padding-top: 90px; padding-bottom: 80px; }
/**/
.box { width: 100%; height: 350px; margin-bottom: 30px; border: solid 1px #ddd; }
.box7 { margin-bottom: 30px; width: 100%; height: 350px; border: solid 1px #ddd; }
.box25 { position: absolute; top: 60%; right: 0; z-index: 1; }
.box26 { background-color: #fff; position: absolute; z-index: 1; top: 25px; left: 40px; width: 300px; height: 200px; }
.box25 .col-xs-12 { padding-right: 0; padding-left: 0; }
.ausstellung img { max-width: 75%; }
.box25-inner { padding: 40px; }
.box25-inner p { width: 100%; display: inline-block; }
.box2 { background-color: #f1f0ef; width: 100%; height: 350px; margin-bottom: 30px; border: solid 1px #ddd; }
.box2b { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 360px; border: solid 1px #ddd; }
.box6 { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 320px; border: solid 1px #ddd; }
.box3 { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 350px; border: solid 1px #ddd; }
.box3b { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 360px; border: solid 1px #ddd; }
.box3c { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 350px; border: solid 1px #ddd; }
.box5 { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 320px; border: solid 1px #ddd; }
.box5b { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 350px; border: solid 1px #ddd; }
.box4 { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: 350px; border: solid 1px #ddd; }
.banner-info { background-color: #f1f0ef; margin-bottom: 30px; width: 100%; height: auto; border: solid 1px #ddd; }
.box-inner {
padding: 24px 20px 24px 24px;
}
.box-inner4 { padding: 15px; }
.banner-inner { padding: 15px; }
.box-inner5 { background-color: #fff; padding: 20px; }
.box-info5 { padding-bottom: 30px; }
.box-inner2 { padding: 24px 20px; }
.box h4, .box2 h4, .box6 h4 { text-transform: uppercase; color: #191919; font: 34px/31px Khand, sans-serif; height: 243px; vertical-align: bottom
}
.box5 h4 { font: 34px/31px Khand, sans-serif; text-transform: uppercase; vertical-align: bottom; }
.box5b h4 { font: 34px/31px Khand, sans-serif; text-transform: uppercase; vertical-align: bottom; }
.box4 h4 { color: #191919; font: 34px/31px Khand, sans-serif; text-transform: uppercase; height: 243px; vertical-align: bottom; }
.banner-info h4 { color: #191919; font: 26px/34px Khand, sans-serif; text-transform: none; }
.box h5, .box2 h5 {
font-size: 14px;
margin-bottom: 5px;
}
.box a, .box2 a, .box4 a, .box7 a, .box2b a { color: #111 !important; }
.box a:hover, .box2 a:hover, .box2b a:hover, .box4 a:hover, .box7 a:hover { color: #009cdd !important; }
.box-info { height: auto; color: #191919; min-height: 80px; display: block; }
.box .image { overflow: hidden !important; max-height: 180px; margin-bottom: 0 !important; }
.box7 .image { margin-bottom: 0 !important; max-height: 170px; overflow: hidden !important; }
@media (max-width:990px) {
.box25 { position: relative; top: 0; z-index: 0; }
.box26 { position: relative; top: 0; left: 0; width: 100%; height: 160px; z-index: 0; }
.box3b h3 { font-size: 20px !important; }
.box3c h3 { font-size: 20px !important; }
.contact .pad40 { padding-top: 15px; }
.pad-bottom100 { padding-bottom: 90px; }
.content-info3 { padding-top: 0; }
.bg-white3 { -webkit-box-shadow: none; box-shadow: none;}
.box5b { background-color: #f1f0ef; margin-left: 0; height: auto; }
.box6 { background-color: #f1f0ef; margin-left: 0; height: 100px; }
.box6 h4 br { display: none; }
.ausstellung img { max-width: 100%; }
}
@media (max-width:767px) {
.box2 h4 { color: #191919; font: 34px/31px Khand, sans-serif; text-transform: uppercase; height: 143px; vertical-align: bottom; }
.box25-inner { padding: 40px; }
.box26-inner { padding: 40px; }
.box4 h4 { color: #191919; font: 34px/31px Khand, sans-serif; text-transform: uppercase; height: 143px; vertical-align: bottom; }
.box2 h4 br { display: none; }
.box4 h4 br { display: none; }
.box2 { background-color: #f1f0ef; height: 235px; margin-left: 0; }
.box2b { background-color: #f1f0ef; margin-left: 0; height: auto; }
.box26 { height: 235px; }
.box4 { background-color: #f1f0ef; margin-left: 0; height: 265px; }
.box3 { background-color: #f1f0ef; margin-left: 0; height: auto; min-height: 300px; }
.box3b { background-color: #f1f0ef; margin-left: 0; height: auto; min-height: 300px; }
.box .image { max-height: 370px !important; }
.box7 .image { max-height: 360px !important; }
.box { height: 540px !important; }
.box3b h3 { font-size: 24px !important; }
.box3c h3 { font-size: 24px !important; }
.box7 { height: auto !important; }
}
@media (max-width:580px) {
.box7x .image { max-height: 220px !important; }
.box7x { height: 360px !important; }
.content-info .pad40 { padding-top: 0; }
}
@media (max-width:500px) {
.box { height: 510px !important; }
}
@media (max-width:480px) {
.box .image { max-height: 200px !important; }
.box25-inner { padding: 40px 15px; }
.box25-inner h3 { font-size: 22px; }
.box { height: 360px !important; }
}
@media (max-width:320px) {
.box .image { max-height: 180px !important; }
.box25-inner h3 { font-size: 18px; }
.box { height: 340px !important; }
}
.box .image img { width: 100%; }
.box-info .title { display: block; font-size: 26px; font-family: Khand, sans-serif; line-height: 26px; margin-bottom: 3px; overflow: hidden; height: 81px; display: block; }
.box-info .title2 { display: block; font-size: 26px; font-family: Khand, sans-serif; line-height: 26px; margin-bottom: 10px; overflow: hidden; display: block; }
.open-hours .title { font-size: 26px; font-family: Khand, sans-serif; line-height: 26px; display: block; margin-bottom: 15px; overflow: hidden; }
.public-hours { margin-bottom: 15px; }
.event-date { color: #666; font-size: 17px; font-family: Khand, sans-serif; }
/**/
.banner { position: relative; text-align: left; color: #fff; height: 820px; }
.carousel-caption { text-align: left; vertical-align: top !important; position: absolute; height: 820px; margin: 0 auto; left: 0; right: 0; z-index: 5; top: 0; bottom: 0; width: 100%; overflow: hidden; display: table; }
.box27 { color: #f1f0ef; font-size: 18px; background-color: #009cdd; padding: 2px 5px; display: inline; text-shadow: none; }
.vcenter-container { display: table; table-layout: fixed; width: 100%; height: 820px
; }
.vcenter {
display: table-cell;
vertical-align: middle
}
@media (max-width:1440px) {
.carousel-caption .vcenter { vertical-align: middle; }
.vcenter-container { height: 720px !important; overflow: hidden; }
.carousel-caption { height: 720px !important; }
.banner { height: 720px !important; overflow: hidden; }
}
@media (max-width:768px) {
.carousel-caption .vcenter { vertical-align: middle; }
.vcenter-container { height: 500px !important; overflow: hidden; }
.carousel-caption { height: 500px !important; }
.banner { height: 500px !important; overflow: hidden; }
}
.carousel { padding-top: 0 !important; }
.carousel-caption h1 { text-shadow: 2px 2px 10px #000000; font-size: 52px !important; font-weight: 700 !important; line-height: 57px !important; margin-bottom: 0 !important; }
.carousel-caption h2 { text-shadow: 2px 2px 10px #000000; font-size: 32px !important; font-weight: 700 !important; line-height: 37px !important; text-transform: none !important; margin-top: 0; margin-bottom: 0; margin-bottom: 15px !important; }
.carousel-caption p.date { text-shadow: 2px 2px 10px #000000; color: #fff; font-size: 21px !important; font-weight: 700 !important; margin-top: 0; margin-bottom: 20px; margin-bottom: 15px !important; padding: 2px; }
@media (max-width:768px) {
.carousel-caption h1 { font-size: 32px !important; font-weight: 700 !important; line-height: 37px !important; text-shadow: 2px 2px 10px #000000; }
.carousel-caption p.date { font-size: 16px !important; line-height: 21px !important; margin-bottom: 5px !important; }
}
@media (max-width:320px) {
.carousel-caption h1 { font-size: 22px !important; font-weight: 700 !important; line-height: 27px !important; text-shadow: 2px 2px 10px #000000; }
}
.banner-content {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #FFF;
}
.banner .carousel-inner .item { background-position: center top !important; background-size: cover; height: 820px; }
.banner .carousel-inner .item:nth-of-type(3) { background-position: center; height: 820px; background-size: cover; }
.banner .carousel-indicators { text-align: center; left: 50% !important; bottom: 30px; }
.banner .carousel-indicators li { background-color: #acacac; text-indent: -999px; cursor: pointer; display: inline-block; margin: 1px; width: 54px; height: 5px; border: 1px #fff; border-radius: 0 !important; }
.banner .carousel-indicators .active { background-color: #009cdd; margin: 1px; border: 1px #009cdd; }
.banner .carousel-indicators .active:nth-of-type(2) { background-color: #acc434; margin: 1px; border: 1px #009cdd; }
.banner .carousel-indicatorsX .active:nth-of-type(5) { background-color: #acc434; margin: 1px; border: 1px #009cdd; }
.carousel-control.left, .carousel-control.right{
background: none !important;
}
@media (max-width:1440px) {
.banner .carousel-inner .item { height: 720px; }
}
@media (max-width:768px) {
.banner .carousel-inner .item { height: 500px !important; }
}
@media (max-width:580px) {
.item.x{ background-color: white; background-image: url(../ausstellungen/images/052025.jpg); background-repeat: no-repeat; background-position: left center;}
}
/**/
.to-top{ color: #fff !important; height: 29px; width: 29px; background-color: #009cdd; z-index: 10000; cursor: pointer; position: fixed; right: 17px; bottom: 17px; display: none; text-align: center; font-size: 13px; line-height: 29px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.to-top:hover{ color: #333 !important; background-color: #009cdd; }
/**/
.excellence {
padding: 100px 0 0;
width: 100%
}
.parallax {
width: 100%;
padding: 0;
margin: 0;
background-attachment: fixed;
position: relative;
background-size: cover
}
.bg-white {
background: #fff;
margin-right: 15px;
display: block
}
#parallax-2 { background: url(../images/parallax-bg.jpg) no-repeat fixed center; height: 500px
}
.bg-white h2 {
margin-bottom: 30px
}
.bg-white2 p {
padding: 0 0 15px 4px
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
/**/
#retrospective { background-color: #111; padding-top: 40px; padding-bottom: 100px; }
.retrospective { position: relative; min-height: 305px; }
.retrospective h2 { font-size: 26px !important; font-family: Khand, sans-serif; line-height: 26px !important; margin-bottom:5px; }
.retrospective .retrospective-inner { height: 140px; padding: 14px 20px 7px; display: block;}
.retrospective .retrospective-inner p { font-size: 14px !important; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; line-height: 17px !important; margin-bottom: 7px; }
.retrospective .retrospective-info { position: relative; height: auto; border: solid 1px #333333; padding: 0; }
.retrospective li, .retrospective a {
color: #cccccc;
}
@media (max-width:768px) {
#retrospective { padding-bottom: 40px; }
.excellence { padding-top: 40px; }
.pull-right { margin-right: 15px; margin-left: 15px; }
}
/**/
.panel-heading { color: #666666 !important; font-size: 18px !important; font-weight: normal !important; line-height: 21px !important; background-color: transparent !important; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; list-style-type: none; text-shadow: 0 0 1px #FFFFFF; }
.mitglieder .panel-heading { color: #fff !important; font-size: 18px !important; font-weight: normal !important; line-height: 21px !important; background-color: #009cdd !important; list-style-type: none; margin-top: 0; margin-left: 0; padding: 10px 15px; border-bottom: 1px solid #fff; text-shadow: 0 0 1px #FFFFFF; }
.panel-group { margin-bottom: 2px; padding-right: 0; padding-left: 0; }
.mitglieder .panel-group { margin-bottom: 2px; padding-right: 0; padding-left: 0; }
.panel-title a { font-size: 16px; font-weight: 400; line-height: 21px; width: 100% !important; display: block; }
.mitglieder h4 { text-transform: none; }
@media (min-width:768px) {
.panel-heading a:hover { text-decoration: none; }
}
.panel-title a span { color: #999; font-size: 9px; line-height: 21px; display: none; }
.mitglieder .panel-title a span { color: #fff; font-size: 16px; line-height: 21px; display: inline !important; }
.panel ul li a { color: #999; font-size: 13px; }
.mitglieder .panel ul li a { color: #fff; font-size: 16px; }
.panel ul { margin-left: 0; padding-left: 0; }
.mitglieder .panel .leftfilters ul { margin-left: 15px; }
.mitglieder .panel-group .col-sm-4, .mitglieder .panel-group .col-md-4, .mitglieder .panel-group .col-lg-3 { padding-right: 0; padding-left: 0; }
.mitglieder .panel ul li { padding-top: 3px; padding-bottom: 3px; }
.panel { border-style: none !important; }
.mitglieder .panel { background-color: #009cdd; border-style: none !important; }
.panel .glyphicon
{
float: right;
}
.mitglieder .panel .glyphicon { color: #fff; float: right; }
#footer li {font-size: 11px;line-height: 14px;margin-bottom: 8px;}
#footer { padding-top: 40px; }
#footer .footer-list-1 a:hover {color:#009cdd;}
#footer .footer-list-2 a:hover {color:#009cdd;}
#footer .footer-list-3 a:hover {color:#acc434;}
#footer .footer-list-4 a:hover {color:#009cdd;}
#footer .footer-list-5 a:hover {color:#FAAF42;}
p.bottom-links { color: #999; line-height: 50px !important; }
.bottom-links2 { width: 100%; margin-top: 15px; margin-bottom: 30px; padding: 15px 0; border-top: 1px solid #999; border-right-color: #999; border-bottom: 1px none #999; border-right-style: none; border-left-color: #999; border-left-style: none; display: inline-block; }
#footer .bottom-links a { font-size: 14px; color: #999999; }
#footer .fa { font-size: 40px !important; line-height: 1 !important; text-align: center; display: inline-block !important; }
#footer .bottom-links a:hover {
color: #333;
}
.copy { color: #999 !important; font-size: 11px !important; text-align: left; padding-left: 20px; }
.copy a { font-size: 11px !important; line-height: 30px !important; }
.legal { padding-left: 20px; }
.legal a { color: #fff; font-size: 16px !important; line-height: 40px !important; background-color: transparent; padding-right: 5px; padding-left: 5px; display: inline-block; }
@media (max-width:992px) {
.panel-heading { background-color: #f0f0f0 !important; padding-top: 6px; padding-left: 5px; }
.legal { width: 100%; float: left; clear: both; padding-top: 10px; padding-bottom: 10px; padding-left: 0; display: inline-block; }
.copy { line-height: 15px !important; float: left; clear: both; padding-left: 0; display: inline-block; }
.copy a { display: inline; }
.panel ul { padding-left: 15px; }
p.bottom-links { padding-right: 0; padding-left: 0; }
.panel ul li { padding-top: 3px; padding-bottom: 3px; }
.panel ul li a { font-size: 13px; }
.panel-title a span { display: block; }
.panel-collapse { background-color: #f0f0f0; padding-bottom: 5px; }
.mitglieder .panel { background-color: #009cdd; border-style: none !important; }
.mitglieder .panel ul { margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; }
.mitglieder .panel-collapse { background-color: #009cdd; padding-bottom: 5px; }
}
@media (max-width:768px) {
}
/**/
@media (max-width:767px) {
.mitglieder .panel .leftfilters ul { margin-left: 0; }
.mitglieder .panel-group .col-sm-4, .mitglieder .panel-group .col-md-4, .mitglieder .panel-group .col-lg-3 { padding-right: 15px; padding-left: 15px; }
}
@media (max-width:568px) {
.mitglieder .pad-top-bottom { padding-top: 10px !important; padding-bottom: 10px !important; }
}
@media (max-width:320px) {
.mitglieder .panel ul li { padding-top: 0; padding-bottom: 0; }
.mitglieder .pad-top-bottom { padding-top: 5px !important; padding-bottom: 5px !important; }
}
.spinner {
margin: 25px auto 100px;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: #009cdd;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff; /* change if the mask should have another color then white */
z-index: 999999; /* makes sure it stays on top */
}
#status {
width: 280px;
height: 120px;
position: absolute;
left: 50%; /* centers the loading animation horizontally one the screen */
top: 45%; /* centers the loading animation vertically one the screen */
text-align:center;
margin: -60px 0 0 -140px; /* is width and height divided by two */
}
#status img { width: 270px; height: 60px; }
/**/
.mitglieder { background-color: #f0f0f0; padding-top: 160px; padding-bottom: 120px; }
.mitglieder p { font-size: 14px; line-height: 18px; margin-bottom: 20px; }
.mitglieder h2 { font-size: 28px !important; font-family: Khand, sans-serif; font-weight: 400 !important; line-height: 28px !important; margin-bottom: 5px; height: auto; overflow: visible; margin-top: 25px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.mitglieder img { padding-bottom: 15px; }
.mitglieder .btn { margin-top: 20px; }
.grid h3{ font-size: 21px; margin: 15px 0 5px !important; color: #333333; font-family: Khand, sans-serif; font-weight: 400; line-height: 21px; text-align: center; }
.kuenstler h3 { color: #333333; font-size: 34px; font-family: Khand, sans-serif; font-weight: 400; line-height: 39px; text-align: left; margin: 15px 0 5px !important; }
.kuenstler h6 { color: #333333; font-size: 21px !important; font-family: Khand, sans-serif; font-weight: 400; line-height: 26px; text-align: left; margin: 15px 0 5px !important; padding-top: 15px; border-top: 1px dotted #999; }
.kuwnstlerwebsite { color: #009cdd; font-size: 13px; line-height: 18px; padding-bottom: 30px; display: block; }
.backlink-top { padding-bottom: 15px; border-bottom: 1px dotted #999; }
.backlink-bottom { padding-top: 15px; border-top: 1px dotted #999; }
.kuenstler .beruf { font-size: 18px; line-height: 23px; }
.kuenstler ul { padding-bottom: 30px; padding-left: 20px; list-style-type: square; list-style-position: outside; }
.kuenstler .vita { padding-bottom: 30px; }
.kuenstler .line { margin-top: 15px; margin-bottom: 15px; border-top: 1px dotted #5a5a5a; }
.filter { min-height: 225px; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
.grid p{ font-size: 13px; line-height: 17px; color: #888; font-family: "Open Sans"; text-align: center; margin-top: 0; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
a:hover { text-decoration: none !important; }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) {
a:hover { text-decoration: none !important; }
.mitglieder { padding-top: 100px; padding-bottom: 100px; }
.content-info2 { padding-top: 100px; }
}
@media (max-width:568px) {
.mitglieder { padding-top: 80px; padding-bottom: 100px; }
.content-info2 { padding-top: 100px; }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) {
a:hover { text-decoration: none !important; }
.mitglieder { padding-top: 65px; padding-bottom: 100px; }
.content-info2 { padding-top: 100px; }
}
/**/
#navigation { background-color: #fff !important; width: 100%; }
.navbar-brand { width: 270px; height: 60px; float: left; margin-top: 4px; padding: 0 0 10px 15px !important; }
.navbar-brand img { width: 100%; }
.navbar { background-color: #fff; height: 90px !important; border-style: none; padding-top: 10px !important; padding-bottom: 0 !important; }
@media (max-width:568px) {
.navbar { height: 70px !important; }
.navbar-brand { margin-top: 4px; padding: 0 0 10px; width: 200px; height: 44px; float: left; }
}
.navbar-right { height: 100%; padding-top: 10px; }
.navbar-default .navbar-nav > li > a { color: #000; font-size: 16px; font-weight: 300; background-color: #fff; text-transform: uppercase; }
.navbar-default { border-bottom: 1px solid #ddd; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #009cdd; background-color: #fff; }
.navbar-default .navbar-nav > li.fa2 > a:focus, .navbar-default .navbar-nav > li.fa2 > a:hover { color: #acc434 !important; background-color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { color: #009cdd; background-color: #fff; }
.navbar-default .navbar-nav > .active2 > a, .navbar-default .navbar-nav > .active2 > a:focus, .navbar-default .navbar-nav > .active2 > a:hover { color: #acc434 !important; background-color: #fff; }
.dropdown-menu > li > a { display: block; clear: both; font-weight: 400; line-height: 1.43; color: #000; font-size: 16px; padding: 10px 15px !important; border-bottom: 1px solid #e4e4e4; white-space: nowrap
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #009cdd;
text-decoration: none;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.fa2 .dropdown-menu > li > a:focus, .fa2 .dropdown-menu > li > a:hover { color: #acc434 !important; text-decoration: none; background-color: #fff; }
.dropdown-menu { background-color: #fff !important; min-width: 180px; border: solid 1px #e4e4e4 !important; border-radius: 0; box-shadow: none !important; -webkit-box-shadow:none !important; }
.dropdown-menu>li:last-child>a {
border-bottom: none
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #009cdd; background-color: #fff !important; text-decoration: none; outline: none 0
}
.fa2 > .active2 > a, .fa2 > .active2 > a:focus, .fa2 > .active2 > a:hover { color: #acc434; background-color: #fff !important; text-decoration: none; outline: none 0; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { color: #009cdd; background-color: #fff
; }
.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg);}
.navbar-toggle .icon-bar { color: #009cdd; position: relative; transition: 300ms ease-in-out; background-color: #009cdd !important; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-default .navbar-toggle { margin-top: 20px; margin-right: 0 !important; padding-right: 0 !important; border-color: #ddd
; border-style: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #fff
}
.glyphicon-triangle-bottom { font-size: 10px !important; }
@media (min-width:1201px) {
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
}
@media (min-width: 1270px) {
#navigation .container { width: 1270px; }
}
@media (max-width:1200px) {
.dropdown-menu>li:last-child>a { border-bottom: 1px none #e4e4e4; }
.dropdown span.glyphicon { float: right; }
.glyphicon-triangle-bottom { font-size: 13px !important; line-height: 21px; }
.dropdown-menu { position: relative; width: 100%; border-style: none !important; }
.dropdown-menu > li > a { margin-right: 30px; margin-left: 30px; padding-right: 0; padding-left: 0 !important; }
.dropdown-menu>li:first-child>a { padding-top: 0 !important; }
.dropdown-menu>li:last-child>a { }
.navbar-header { float: none; }
.nav > li > a { color: #000; display: block; position: relative; }
.nav > li { border-top-style: none !important; border-right-style: none !important; border-bottom-color: #e4e4e4 !important; border-bottom-style: solid !important; border-bottom-width: 1px; border-left-style: none !important; }
.nav > li:last-child { border-top-color: white !important; border-top-style: none !important; border-right-color: white !important; border-right-style: none !important; border-bottom-color: #e4e4e4 !important; border-bottom-style: solid !important; border-bottom-width: 1px; border-left-color: white !important; border-left-style: none !important; }
.navbar-collapse { max-height: none !important; overflow-x: hidden; }
.navbar-default .navbar-collapse { background-color: #fff; margin-top: 5px; padding-right: 0; padding-left: 0; border-style: none; }
.navbar-collapse.collapse {
display: none!important;
}
.navbar-default .navbar-toggle { float: right !important; margin-top: 15px; margin-right: 0; padding-right: 15px !important; display: block; }
.navbar-nav {
float: none!important;
margin: 0;
}
.navbar-nav>li {
float: none;
}
.collapse.in{ display: block !important; }
}
@media (max-width:568px) {
.navbar-toggle { margin-top: 10px !important; margin-right: 0; padding-right: 15px; }
.dropdown-menu > li > a { padding-top: 5px !important; padding-bottom: 5px !important; }
}
.owl-prev, .owl-next{ opacity: 0.75; display: block; position: absolute; top: 0; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background-color: #009cdd; z-index: 6; }
.wdescription { color: #000; font-size: 14px; line-height: 19px; background-color: #fff; text-align: right; position: absolute; left: 0; bottom: 0; z-index: 7; padding: 10px 10px 10px 20px; display: inline-block; }
.wdescription2 { color: #000; font-size: 14px; line-height: 19px; background-color: #fff; text-align: right; display: inline-block; padding: 10px 10px 0 20px; position: absolute; z-index: 7; bottom: 0; left: 0; }
.owl-prev2, .owl-next2 { color: #fff; font-size: 16px; line-height: 40px; background-color: #009cdd; text-align: center; display: block; margin-top: 10px; position: absolute; z-index: 6; top: 0; width: 40px; height: 40px; opacity: 0.75; }
.owl-prev3, .owl-next3 { color: #fff; font-size: 16px; line-height: 40px; background-color: #acc434; text-align: center; display: block; margin-top: 10px; position: absolute; z-index: 6; top: 0; width: 40px; height: 40px; opacity: 0.75; }
@media (max-width:990px) {
.owl-prev2, .owl-next2 { top: 100%; }
.owl-prev3, .owl-next3 { top: 100%; }
.owl-next2 { right: 0; }
.owl-prev2 { right: 45px; }
.owl-prev3 { right: 45px; }
.owl-next3 { right: 0; }
}
.dps ul li { color: #5a5a5a; font-size: 13px; font-style: normal; line-height: 18px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps ul { margin-bottom: 15px; padding-left: 20px; }
.dps p { color: #5a5a5a; font-size: 13px; line-height: 18px; }
.dps a { color: #5a5a5a; text-decoration: underline; }
.dps a:hover { color: #009cdd; text-decoration: none; }
.dps h5 { color: #5a5a5a; font-size: 18px !important; font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; line-height: 23px !important; background-color: transparent; text-transform: none; text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 0; padding-left: 0; display: block; }
.dps h2 { font-size: 28px !important; font-family: Khand, sans-serif; font-weight: 400 !important; line-height: 28px !important; text-transform: uppercase !important; margin-bottom: 15px; }
.dps h6 { color: #5a5a5a; font-size: 14px !important; font-family: "Open Sans", sans-serif; font-weight: 700 !important; font-style: normal; line-height: 19px !important; text-transform: none; padding-top: 0; }
.dps .stand { padding-top: 30px; display: block; }
ul.workshop_programm { padding-bottom: 15px; padding-left: 20px; list-style-type: disc; }
ul.ul_wks { padding-bottom: 15px; list-style-type: disc; }
.social2 a { font-size: 35px !important; line-height: 40px !important; padding-right: 7px; }
.box-white { background-color: #fff; width: 100%; padding: 30px; display: inline-block; }
@media (max-width:568px) {
.box-white { background-color: #fff; display: inline-block; padding: 30px 0 30px 0; width: 100%; }
}