#wpadminbar {
display: none;
}
html,
body {
width:100%;
min-height:100%;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
}
h1 {
text-transform: uppercase;
font-weight: 200;
font-size: 42px;
color:#000;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 12px;
margin: 48px 0px 28px 0px;
}
h2 {
font-weight: 300;
font-size:38px;
color: #d12a3f;
}
h3 {
color: #000;
font-size: 24px;
font-weight: 300;
}
h4 {
font-size: 18px;
font-weight: bold;
}
p {
font-size:18px;
color: #444;
line-height: 1.8em;
}
#topbar a {
color: #222;
}
#footer a{
color: #00BBFF;
}
.panel-heading {
font-size: 21px;
border-bottom: 1px solid #eee;
text-transform: uppercase;
background-color: #FFE900;
color: #000;
margin-bottom: 18px;
}
img {
max-width: 100%;
height: auto !important }
iframe { width: 100% !important;
min-height: 360px !important;
} .container-fluid {
max-width: 1200px;
}
#socialmediabar {
position: fixed;
top: 15%;
right: 0px;
z-index: 20;
background-color: #c3c3c3;
min-height; 164px;
padding: 18px;
-webkit-box-shadow: -3px 1px 19px 3px rgba(204,204,204,0.4);
-moz-box-shadow: -3px 1px 19px 3px rgba(204,204,204,0.4);
box-shadow: -3px 1px 19px 3px rgba(204,204,204,0.4);
transition: padding-right .6s;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-bottom:  2px solid #fff;
}
ul#socialmedialist {
list-style: none;
padding: 0;
margin: 0;
}
ul#socialmedialist li {
padding: 0.6em 0;
}
ul#socialmedialist a {
color: #fff;
opacity: 1.0;
transition: opacity .6s;
}
ul#socialmedialist a:hover {
opacity: .6;
}
#topbar {
position: relative;
width: 100%;
min-height: 24px;
font-size: 14px;
line-height: 24px;
padding:0px 12px;
text-align: left;
}
@media screen and (min-width: 1201px) {
#topbar {
text-align: right;
}
}
#header {
background-color: #fff;
position: relative;
}
#logoimage {
max-width: 600px;
height: auto;
display: inline-block;
}
#teaserarea {
padding: 24px 0px;
}
.mainpagewrapper {
width: 100%;
max-width: 1280px;
min-height: 800px;
background-color: #fff;
margin: 5% auto 0% auto;
padding: 48px 18px;
border-top: 4px solid #FFE900;
}
.contenttopinfo {
background-color: #FFE900;
padding: 18px;
}
.container {
padding: 0px 48px;
}
hr {
margin: 48px 0px;
border-top: 1px solid #e2e2e2;
}
#footer {
position: relative;
bottom: 0px;
background-color: #222;
color: #eee;
background-color: #222;
padding: 24px;
width:100%;
text-align: center;
}
ul#socialmediafooterlist {
list-style: none;
}
ul#socialmediafooterlist li  {
display: inline-block;
margin: 0 15px;
}
ul#socialmediafooterlist a {
color: #fff;
opacity: 1.0;
transition: opacity .6s;
}
ul#socialmediafooterlist a:hover {
opacity: .6;
}
.panel {
border: 1px solid #ddd;
border-radius: 0px;
background-color: #f5f5f5;
padding: 12px;
margin-bottom: 72px;
border-bottom: 4px solid #ddd;
}
.innerwidget {
padding: 18px 0px;
}
#totoppfeil {
display: none;
}
#totoppfeil:hover {
opacity: .7 !important;
transition: opacity .6s;
}
.termin__list {
list-style: none;
padding-left: 0px;
}
.termin__list li {
padding: 12px !important;
}
.termin__list li:nth-child(odd) {
background-color: #eee;
list-style: none;
} @media screen and (max-width:768px) {
#mainnavigation {
width: 100%;
min-height: 54px;
background-color: #fff;
}
#hauptnav {
background-color: #4c4c4c;
height: 430px;
overflow-y: scroll;
}
.navbar-collapse {
background-color: #7c7c7c7c;
}
}
@media screen and (min-width:1200px) {
.navbar-collapse {
padding-left: 0px;
}
#mainnavigation {
width: 100%;
min-height: 54px;
background-color: #4c4c4c;
}
#mainnavigation .nav > li > a { padding-right: 18px;
color: #000;
transition: background-color .7s;
white-space: nowrap;
}
#mainnavigation {width: 100%;}
#menu-hauptmenue .nav > li:hover,#menu-hauptmenue .nav > li:hover a, #menu-hauptmenue .nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eee !important;
color: #000 !important; font-weight: bold;
}
.sub-menu {
display: none;
opacity: 0;
position: absolute;
z-index: 30000;
background: #fff;
padding: 14px 30px;
width: 360px;
border: 1px solid #ddd;
border-top: 4px solid red;
z-index: 1000;
transition: opacity .6s;
}
li:hover .sub-menu {
display: block;
opacity:1;
}
.carpet-mobile {
display:none;
}
.sub-menu li {
margin-bottom: 10px;
list-style: none;
padding: 14px;
border-bottom: 1px solid #ccc;
}
.sub-menu li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.sub-menu a  {
color: #000;
text-decoration: none;
border-bottom: none !important;
font-weight: normal !important;
}
.sub-menu a:hover  {
color: #bbb !important;
}
.sub-menu .current-menu-parent > a {
background-color: #fff;
}
.current-menu-item > a, .current-menu-parent > a {
background: #fff;
font-weight: bold;
color: #222 !important;
}
.menu-item:hover {
color: #CBCBCB;
font-weight: bold;
}
.current-menu-parent li a {
background: inherit;
}
.current-menu-parent .current-menu-item a {
font-weight: bold;
}
.navbar-toggle {
margin-top: 3px;
margin-bottom: 3px;
background-color: #fff;
}
}
@media screen and (max-width: 768px) {
#hauptnav {
width: 100%
}
.current-menu-item > a, .current-menu-parent > a {
border-bottom: 4px solid #d12a3f;
background-color: #fff;
color: #000 !important;
}
.current-menu-parent li a {
}
li:hover .sub-menu {
display: block;
opacity:1;
}
.carpet-mobile {
position: absolute;
right: 0;
top: 0;
width: 25%;
text-align: center;
height: 100%;
line-height: 2.1;
z-index: 6000;
}
.sub-menu  {
list-style: none; 
overflow: hidden;
transition: max-height 0.3s;
max-height: 0;
}
.sub-menu a {
display: block;
margin: 4px 0;
position: relative;
color: #fff;
}
}
.sub-menu a:hover::before{
background-color: red;
}
.sub-menu .current-menu-item {
border-bottom: 3px solid #d12a3f;
background-color: #fff;
}
.sub-menu a:hover::before {
transition: .3s;
opacity: 0;
}
.nav > li > a {
font-weight: 700;
color: #fff;
display: block;
} .btn-default {
margin: 36px 0px;
color: #FFFFFF;
background-color: #d12a3f;
border-color: #d12a3f;
border-radius: 4px;
font-size: 1.0em;
}
.textwidget .veranstalterlogo {
border: 1px solid #eee;
padding: 12px;
width: 100%;
max-width: 140px;
float: left;
display: inline-block;
margin: 8px;
text-align: center;
} @media screen and (max-width: 467px) {
h1, h2,div, p {
font-size: 98% !important;
}
input{
max-width: 180px !important;
}
}
@media screen and (max-width: 767px) {
h1, h2 {
font-size: 24px;
line-height: 1.5;
}
.titelbild__bildunterschrift {
text-align: right;
font-size: 65% !important;
line-height: 1.5;
}
#owl-demo {
margin-top: 96px;
}
.btn-start {
margin: 10px 12px;
}
#logoarea {
padding: 6px;
}
#logoimage {
max-width: 80% !important;
}
.container {
padding: 0px 12px;
}
#logoarea > .container {
padding: 0px 48px;
}
#logoimage {
max-width: 100%;
}
} .affix {
top: 0;
z-index: 100;
}
#metaslider_494 {
border: 6px solid #fff;
box-shadow: 8px 8px #CCC;
}
.breadcrumb {
padding: 8px 15px;
list-style: none;
background-color: transparent;
margin-bottom:0px;
font-size: smaller;
}
ul.liste li {
margin: 12px 0px;
}
.panel ul {
list-style-type: square;
color: #bbb;
}
.panel ul li {
font-size: 18px;
lline-height: 1.4em;
padding: 12px 4px;
}
.schatten {
-webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.06);
-moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.06);
box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.06);
}
.gepunkteterlinkerrand {
border-left: 1px dashed #ddd;
}
.singlepagetopzeile {
margin-top: 24px;
border-bottom: 1px solid #DEDEDE;
}
h2.startseite {
font-size: 38px;
margin: 30px 38px 38px 38px;
position: relative;
text-align: center;
z-index: 1;
}
h2.startseite:before {
border-top: 1px solid #dfdfdf;
content:"";
margin: 0 auto;
position: absolute;
top: 20px; left: 0; right: 0; bottom: 0;
width: 95%;
z-index: -1;
}
h2.startseite span { background: #fff; padding: 0 16px; }
.mainpagewrapper {
border-top: 0px;
margin-top: 0px !important;
}
.panel p {
padding: 18px 0px;
}
.panel ul {
color: #222 !important;
}
h3.termin {
padding: 12px;
font-size: 21px;
border-bottom: 1px solid #ddd;
line-height: 1.6;
}
h3.tabellenueberschrift {
color: #FFF;
background-color: #D12A3F;
padding: 12px;
}
.fa-ul>li {
position: relative;
font-size: 24px;
margin: 24px;
}
.shariff {
margin: 36px auto;
}
@media screen and (max-width: 768px) {
.sub-menu a { }
.sub-menu .current-menu-item {
border-bottom: 3px solid #d12a3f;
}
}
.teasercard {
box-shadow: none;
transition: all .6s;
}
.teasercard:hover {
-webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.6);
box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.6);
}
}
p.mitarbeitername {
font-size: 12px;
}
.slick-prev:before, .slick-next:before {
color: #d12a3f;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#teaserarea {
width: 90% !important;
margin: 12px auto;
}
#logocontainer {
text-align: left;
}
a {
color: #d12a3f;
}
#logoimage {
max-width: 59%;
}
#logoarea {
padding: 16px;
}
#socialmediabar {
background-color: #c92e57;
}
#footer {
border-top: 4px solid #d12a3f;
}
div.panel {
background-color: #ffffff;
}
div.panel-heading {
color: #ffffff;
}
.mainpagewrapper {
border-top: 4px solid #d12a3f;
}
.current-menu-item > a, .current-menu-parent > a {
border-bottom: 4px solid #d12a3f;
}
.panel-heading, .contenttopinfo {
background-color: #d12a3f;
}
@media screen and (min-width:1200px) {
#mainnavigation {
background-color: #4c4c4c;
}
#mainnavigation .nav > li > a {
color: #ffffff;
}
.current-menu-item a, #mainnavigation .nav > li > a:hover, #mainnavigation .nav > li:hover {
background-color: #ffffff;
color: #3a3a3a !important;
}
#mainnavigation .nav > li:hover > a {
color: #3a3a3a !important;
}
.affix {
top: 0;
z-index: 100;
}
}
#logocontainer {
text-align: left;
}
.mainpagewrapper {
max-width: 100%;
border-top: 4px solid #d12a3f;
margin-top: 3%;
}
@media screen and (min-width: 1200px) { #socialmediabar, #socialmediafooter {
display: block !important;
}
}
#kontaktumschlag {
display: block;
}
#footer_kontaktumschlag {
display: inline-block;
}
#facebook {
display: block;
}
#footer_facebook {
display: inline-block;
}
#twitter, #footer_twitter {
display: none !important;
}
#youtube {
display: block;
}
#footer_youtube {
display: inline-block;
}
#xing, #footer_xing {
display: none !important;
}
.row {
display: block;
justify-content: space-around;
}
@media screen and (min-width: 768px) {
.row {	
display: flex;
}
} .show-submenu {
overflow: visible;
max-height: none;
background-color: red;
}  #accordion__event-new-work .panel-heading {
background-color: #d12a3f;
color: #fff;
cursor: pointer;
padding: 0.4em;
margin: 0;
}
#accordion__event-new-work .panel.panel-default {
padding: 0;
border-bottom: 0;
}
#accordion__event-new-work .panel-body {
padding: 0.5em;
}
#accordion__event-new-work .img-block4 {
margin: 0;
padding: 1em 0;
}
#accordion__event-new-work .img-block4 img {
max-width: 100%;
margin: 1em 0 0 0;
}
#accordion__event-new-work .media-body {
padding: 1em 0;
}
#accordion__event-new-work .media-body h3 {
margin: 0.3em auto;
}
#accordion__event-new-work .media-body p {
line-height: 1.3;
}
#accordion__event-new-work .media-body ul li, 
#accordion__event-new-work .media-body ol li {
line-height: 1.1;
padding: 0.2em 0.5em;
}
#accordion__event-new-work .media-right {
width: 40% !important;
padding: 0.4em 0 0 0.4em;
line-height: 1;
}
@media screen and (max-width: 800px) {
#accordion__event-new-work .media-right {
width: 100% !important;
}
} #accordion__event-new-work .media-right img {
margin: 1em 0 0 0;
}
#accordion__event-new-work .btn-textModal {
color: #d12a3f;
}