@charset 'UTF-8';

@import url(https://api.dga-post.de/fonts/css?family=Lato:400,700);
@import url(https://api.dga-post.de/fonts/css?family=Lato:400,700);
body:after {
content: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/close.png) url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/loading.gif) url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/prev.png) url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/lightbox/img/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
@import url(https://api.dga-post.de/animate.css/3.0.0/animate.min.css);
.no-js .liquid-slider {
height:350px;
overflow:scroll;
}
.ls-preloader {  
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/liquidslider/images/loading.gif) #f2f2f2 no-repeat center 50%;
opacity:1;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:2;
} .ls-wrapper {
clear: both;
overflow: auto;
position: relative;
}
.liquid-slider {
background: #f2f2f2;
width: 600px;
margin: 0 auto;
float: left;
overflow: hidden;
position: relative;
}
.arrows .liquid-slider { margin: 0 10px;
}
.ls-responsive .liquid-slider {
width: 100%;
margin: 0;
}
.panel-container {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000; }
.liquid-slider .panel-container .fade {
width:100%;
opacity: 0;
position: absolute;
top: 0; 
left: 0;
display: block;
} .liquid-slider .ls-panel {  
width: 600px;
display: block;
float: left;
}
.panel-wrapper {  
padding: 15px 40px;
position:relative;
} .ls-nav {
overflow:hidden;
clear:both;
}
.ls-nav a {
background: #d8d8d8;
color: #333333;
margin-right: 1px;
padding: 10px 15px;  
outline:0;
}
.ls-nav a:hover {
background: #f2f2f2;
color: #333333;
text-shadow: none;
}
.ls-nav .current a {
background: #f2f2f2;
}
.currentCrossLink {
font-weight: bold;
}
.ls-nav ul {  
padding:0;
clear: both;
display: block;
margin: auto;
overflow: hidden;
}
.ls-nav ul li {
display: inline;
}
.ls-nav ul li a {
display: block;
float: left;
text-decoration: none;
} .ls-select-box { 
width: 100%;
height: 35px;
overflow: hidden;
background: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/liquidslider/images/menu.png) no-repeat right #ddd;
}
.ls-select-box select {  
width: 150%;
-webkit-appearance: none;
-moz-appearance: none;
appearance:none;
background: transparent;
padding: 5px;
font-size: 110%;
border: none;
height: 35px;
cursor:pointer;
outline: 0;
} .ls-nav-left, .ls-nav-right {
top:0;
float: left;
clear:both;
}
.ls-nav-left a, .ls-nav-right a {
background: #000;
color: #fff;
padding: 5px;
width: 100px;
display: block;
text-align: center;
text-decoration: none;
}
.ls-responsive .ls-nav-left {
position: absolute;
left: 0;
z-index: 2;
}
.ls-responsive .ls-nav-left a {
background: #9A9A9A;
width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
background: #747474;
}
.ls-responsive .ls-nav-right {
position: absolute;
right: 0;
z-index: 2;
}
.ls-responsive .ls-nav-right a {
background: #9A9A9A;
width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
background: #747474;
} .ls-nav-left-arrow, .ls-nav-right-arrow {
cursor: pointer;
float: left;
clear: both;
}
.ls-nav-left-arrow a, .ls-nav-right-arrow a {
display: block;
}
[class$="-arrow"] {
width: 25px;
height: 25px;
background-image: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/liquidslider/images/arrow.png);
background-repeat: no-repeat;
margin-top: 50px;
position:relative;
}
.ls-nav-right-arrow {
background-position: top right;  
margin-right: 5px;
}
.ls-nav-left-arrow {
background-position: top left;  
margin-left: 5px;
}
.ls-nav-left-arrow:hover {
background-position: bottom left;
}
.ls-nav-right-arrow:hover {
background-position: bottom right;
}
.ls-responsive .ls-nav-left-arrow {
position: absolute;
left: 0;
z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
position: absolute;
right: 0;
z-index: 2;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{	margin:0 auto;
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/fonts/slick.eot);
src: url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/fonts/slick.woff) format('woff'), url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/fonts/slick.ttf) format('truetype'), url(//hausgottesdank.de/wp-content/themes/individuell/plugin/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 5px;
display: block;
width: 100%;
padding: 0;
margin: 0px 0px -25px;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #0f3a67;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #0f3a67;
}
.nodot li::before {
background-color: none !important;
}
* {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-size: 18px;
line-height: 1.5em;
color: #666;
background:url(//hausgottesdank.de/wp-content/themes/individuell/bilder/bg.jpg) #ddecf3 no-repeat center bottom ;background-size:100% auto;}
body,
textarea {
font-family: Lato,
verdana,
sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.3em;
font-family: Lato,
verdana,
sans-serif;
color: rgb(0,58,101);
}
h1 {
margin-bottom: 20px;
text-align: center;
}
a {
text-decoration: none;
color: rgb(0,58,101);
}
img {
border: 0px;
max-width: 100%;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
iframe {
border: 0px;
} .pos,
.wrap {
position: relative;
}
.ovhi {
overflow: hidden;
}
.pos {
width: 100%;
}
.wrap {
width: 1600px;
margin: 0 auto;
left: 0;
right: 0;
}
.spalte,
.spalte1,
.spalte2,
.spalte3,
.spalte4, 
.spalte14,
.spalte78 {
margin: 0 2% 40px 2%;
float: left;
}
.spalte,
.spalte1 {
width: 96%;
}
.spalte2 {
width: 46%;
}
.spalte3 {
width: 29%;
}
.spalte4 {
width: 21%;
}
.spalte14 {
width: 14%;
margin: 0 2% 40px 0%;
}
.spalte78 {
width: 80%;
}
.readtxt {
font-size: 17px;
line-height: 1.8em;
}
[class*="openclose_"]:not(#menu) {
height: 0;
overflow: hidden;
}
[class*="openclose_"].openclose_tabmenu{
height:auto !important;
width:0;
float:left;
overflow:hidden;
}
.tabmenue > div:not(:last-child) {
margin-right: 20px;
}
.tabmenue > div {
display: inline-block;
}
.balken {
height: 5px;
background: rgb(0,58,101);
background: -moz-linear-gradient(left, rgba(0,58,101,
1) 0%,
rgba(0,58,101,
.8) 60%,
rgba(0,58,101,
1) 100%);
background: -webkit-linear-gradient(left, rgba(0,58,101,
1) 0%,
rgba(0,58,101,
.8) 60%,
rgba(0,58,101,
1) 100%);
background: linear-gradient(to right, rgba(0,58,101,
1) 0%,
rgba(0,58,101,
.8) 60%,
rgba(0,58,101,
1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='0,58,101', endColorstr='0,58,101', GradientType=1);
}
#balken2 {
position: absolute;
top: 100%;
left: 0;
}
.arrow {
display: block;
width: 100%;
clear: both;
padding-left: 30px;
position: relative;
}
.arrow:after {
content: "";
position: absolute;
top: 5px;
left: 0;
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #666;
border-right: 0px solid transparent;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.arrow.klickopen:after {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.plus {
cursor: pointer;
display: block;
padding: 0 30px;
position: relative;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0);
border: 1px solid rgb(0,58,101);
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.plus.klickopen,
.plus:hover {
background: rgba(255, 255, 255, 0.8);
}
.mt30i {
margin-top: 30px !important;
}
.plus:after {
content: "+";
display: block;
font-size: 24px;
height: 20px;
position: absolute;
right: 10px;
top: 0;
width: 20px;
}
.plus.klickopen:after {
content: "-";
font-size: 30px;
top: -3px;
}
.klickbtn {
cursor: pointer;
}
.hovercolor:hover {
opacity: .7;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
} .c {
text-align: center;
}
.r {
text-align: right;
}
.l {
text-align: left;
}
.ovhi {
overflow: hidden;
}
.ovvi {
overflow: visible;
}
.right {
float: right;
}
.bl {
position: relative;
float: left;
margin: 0 10px 5px 0;
}
.br {
position: relative;
float: right;
margin: 0 0 5px 10px;
}
.bor {
border-right: 1px solid rgb(0,58,101);
}
.bobo {
border-bottom: 1px solid #ddd;
}
.mb20 {
margin-bottom: 20px;
}
.mb40 {
margin-bottom: 40px;
}
.mt20 {
margin-top: 20px;
}
.mt40 {
margin-top: 40px;
}
.ml20 {
margin-left: 20px;
}
.ml40 {
margin-left: 40px;
}
.ml4p {
margin-left: 4%;
}
.mr20 {
margin-right: 20px;
}
.mr40 {
margin-right: 40px;
}
.p20 {
padding: 20px;
}
.color {
color: rgb(0,58,101);
}
.bcolor {
background: rgb(0,58,101);
}
.colorw {
color: #fff;
}
.colorw a {
color: #fff;
}
.clear {
clear: both;
}
.list li {
margin-bottom: 20px;
}
.list li ul {
margin-top: 20px;
}
.s12 {
font-size: 12px;
}
.s20 {
font-size: 20px;
}
.w80 {
width: 80px;
}
.w150 {
width: 150px;
}
.w200 {
width: 200px;
}
.w350 {
width: 350px;
}
.w600 {
width: 600px;
}
.h100 {
height: 100px;
}
.dib {
display: inline-block;
}
.db {
display: block;
}
.flr {
float: right;
}
.fll {
float: left;
}
.fln {
float: none;
}
.vat {
vertical-align: top;
}
.va5 {
vertical-align: 5px;
}
.hide {
display: none;
} #site {
min-height: 100%;
width: 100%;
position: relative;
}
.facebook {
width: 48px;
height: 48px;
display: inline-block;
cursor: pointer;
}
.facebook .icon {
padding: 0;
} #header {
z-index: 1;
}
#headerbalken {
z-index: 2; }
#smartnavi,
#showmobilnavi,
#zeitenbox,
#adressbox {
display: none;
}
#headericons {
float: right;
}
#headericons .klickbtn {
background-color: rgb(0,58,101);
cursor: pointer;
display: inline-block;
height: 48px;
width: 48px;
}
#headericons .klickbtn:not(:first-child),
#headericons a:not(:first-child) {
margin-left: 20px;
}
.terminzusatz {
background: #ccc;
display: block;
padding: 20px;
text-align: center;
}
.terminzusatz:before {
content: "i";
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid #999;
background: #bbb;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
#kontaktboxheader {
color: rgb(0,58,101);
background-color: rgba(254, 254, 254, 0.5);
padding-top: 9px;
padding-bottom: 9px;
top: 0;
}
kontaktboxheader .icon {
fill: rgb(0,58,101);
}
#kontaktboxheader a {
color: rgb(0,58,101);
font-weight:normal;
}
#kontaktbox,
#formularbox,
#oeffnungszeitenbox {
z-index: 99;
}
#teaser {
background: url(//hausgottesdank.de/wp-content/themes/individuell/bilder/header.jpg) no-repeat center center;
background-size: cover;
} #inhalt_teaser {
min-height: 400px;
overflow: hidden;
margin-bottom: 100px;
}
#teaser-wrapper {
max-width: 100% !important;
}
#anmeldung_box {
width: 30%;
margin: 70px auto 0;
}
.infobtn {
background: rgba(116, 163, 183, 0) none repeat scroll 0 0;
border: 1px solid #060709;
cursor: pointer;
padding: 0 30px;
position: relative;
transition: all 1s ease-out 0s;
display: inline-block;
}
.infobtn:hover {
background: rgba(116, 163, 183, 0.3) none repeat scroll 0 0;
}
.panel-wrapper h2 {
display: none;
}
.liquid-slider {
background: none;
}
.panel-wrapper {
line-height: 0;
padding: 0;
text-align: center;
}
.zeitblock {
width: 20%;
float: left;
margin-bottom: 20px;
}
.spalte2 .zeitblock {
width: 50%;
float: left;
margin-bottom: 20px;
}
.spalte2 .zeitblock:nth-child(2n+1) {
clear: left;
}
#begriffbox {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
overflow: hidden;
background-color: rgb(0,58,101);
}
#begriff_close {
position: absolute;
right: 0;
top: 0;
font-size: 60px;
font-weight: 700;
width: 82px;
height: 82px;
line-height: 82px;
cursor: pointer;
color: rgb(0,58,101);
border: 1px solid rgb(0,58,101);
}
.icon {
fill: #ffffff;
height: 48px;
padding: 8px;
width: 48px;
}
.icon2 {
fill: rgb(0,58,101);
height: 15px;
padding: 0px;
width: 15px;
}
.leistungen>h3 {
margin-bottom: 15px;
}
.ma {
display: inline-block;
margin: 0 20px 60px;
font-size: 14px;
width: 235px;
vertical-align: top;
}
#team .ma:nth-child(6) {
clear: left;
}
#team .spalte3:nth-child(3n+4) {
clear: both;
}
.kastenfarbe {
background-color: rgb(0,58,101);
color: white;
margin-bottom: 10px;
margin-top: 10px;
}
.klickopen,
.klickbtn:hover {
cursor: pointer;
color: rgb(0,58,101); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.klickbtn {
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #footer_end {
position: relative;
width: 100%;
font-size: 12px;
min-height: 90px;
}
#impressum,
#kontaktinfo {
margin-top: 8px;
display: inline-block;
width: 100%;
}
#impressum {
float: right;
width: auto;
margin-right: 35px;
}
#online {
float: left;
font-weight: bold;
margin: 8px 0 0 35px;
position: absolute;
margin-top: 4px;
}
.sslicon {
width: 15px;
margin-right: 10px;
margin-top: 5px;
height: 30px;
vertical-align: -3px;
}
.hinweis {
text-transform: none;
margin-top: 5px;
line-height: 1rem;
}
#impressum.right {
position: absolute;
right: 0;
margin-top: 9px;
}
.lottoundtotoverband {
margin: 0px auto;
width: 160px;
position: absolute;
left: 0;
right: 0;
top: -85px;
} #menu ul, #menu2 ul {
position: relative;
text-align: center;
padding: 0; ;
}
#menu li, #menu2 li {
list-style: none;
position: relative;
display: inline-block;
border-right: 2px solid #8ebfd2;
float: left;
}
#menu a, #menu2 a {
text-decoration: none;
display: block;
padding: 11px 20px;
color: rgb(0,58,101);
font-weight: 400;
}
#smartnavi {
height: 48px;
}
#menu ul li.iconimg, #menu2 ul li.iconimg {
display: none;
}
.iconimg a {
color: rgb(0,58,101);
}
#menu ul ul, #menu2 ul ul {
display: none;
position: absolute;
background: none;
min-width: 100%;
}
#menu ul li:hover ul,
#menu ul li ul:hover, 
#menu2 ul li:hover ul,
#menu2 ul li ul:hover {
display: block;
}
#menu ul ul li, #menu2 ul ul li {
display: block;
text-align: left;
}
#menu ul ul li a,#menu2 ul ul li a  {
background-color: rgba(0,58,101,
.7);
}
#menu ul ul li a.on,
#menu ul ul li a:hover, 
#menu2 ul ul li a.on,
#menu2 ul ul li a:hover {
background-color: rgba(0,58,101,
.9);
font-weight:bold;
}
#westlotto {
background: url(//hausgottesdank.de/wp-content/themes/individuell/style/westlotto.png) no-repeat center center;
width: 194px;
height: 60px;
font-size: 0;
vertical-align: top;
margin-top: -2px;
} .formtext {
float: left;
width: 48%;
margin-bottom: 20px;
}
.mr4 {
margin-right: 4%;
}
.gruen {
color: #74823d;
}
.rot {
color: #900;
}
.info {
margin-bottom: 20px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea {
-webkit-border-radius: 3px;
border-radius: 3px;
border: 0;
}
input[type="text"],
input[type="email"],
input[type="tel"], 
textarea
{
width: 90%;
padding: 5px;
}
input[type="submit"] {
color: #fff;
font-weight: 700;
margin-top: 30px;
cursor: pointer;
clear: both;
float: left;
padding: 10px 20px;
width: 280px;
text-align: center;
background-color: rgba(0,58,101);
}
textarea {
float: left;
min-height: 150px;
max-height: 150px;
min-width: 95%;
max-width: 95%;
} .galeriebild {
float: left;
width: 23.1%;
margin-bottom: 30px;
opacity: .85;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
line-height: 0;
background-size: 100% auto;
background-position: center center;
}
.galeriebildteam {
line-height: 1.5;
}
.galeriebild a {
background-size: 100% auto;
background-position: center center;
display: block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.galeriebild img {
display: none;
}
.galeriebild a:hover {
background-size: 140% auto;
}
.galeriebild:hover {
opacity: 1;
}
#galerie .galeriebild:not(:nth-child(4n)) {
margin-right: 2.5%;
}
#galerie .galeriebild:nth-child(4n+5) {
clear: left;
} #preleader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
z-index: 999999;
opacity: 1;
height: 100%;
}
#preleader.out {
opacity: 0;
height: 0;
-webkit-transition: opacity 1s ease 0s, height .1s ease 2s;
-moz-transition: opacity 1s ease 0s, height .1s ease 2s;
-ms-transition: opacity 1s ease 0s, height .1s ease 2s;
-o-transition: opacity 1s ease 0s, height .1s ease 2s;
transition: opacity 1s ease 0s, height .1s ease 2s;
}
.mul8 {
height: 100px;
width: 100px;
position: absolute;
left: 0;
right: 0;
margin: -50px auto 0;
top: 50%;
}
.mul8circ1 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
animation: 2s linear 0s normal none infinite running mul8circ1Anim;
border-color: rgba(0, 0, 0, 0) rgba(0,58,101,
.6);
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 10px;
height: 100px;
position: absolute;
width: 100px;
}
.mul8circ2 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
animation: 2.5s linear 0s normal none infinite running mul8circ1Anim;
border-color: rgba(0, 0, 0, 0) rgba(0,58,101,
1);
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 10px;
height: 100px;
position: absolute;
width: 100px;
}
@-webkit-keyframes mul8circ1Anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes mul8circ1Anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .n_stb_wrapper {
border-bottom: 1px solid #000000;
float: left;
font-size: 16px;
line-height: 1.8em;
margin: 0 2% 40px;
padding-bottom: 20px;
width: 96%;
}
.n_stb_headline {
display: block;
font-weight: 700;
margin-bottom: 20px;
}
.n_stb_content {
margin-bottom: 20px;
}
.n_stb_date {
font-size: 12px;
font-style: italic;
}
.news_bild {
float: left;
font-size: 60%;
margin: 15px 30px 10px 0;
width: 250px;
}
.news_content {
font-size: 100%;
line-height: 1.4em;
padding-top: 20px;
text-align: left;
}
.news_author {
border-bottom: 1px dotted #cccccc;
color: #404040;
font-size: 0.8em;
margin-top: 15px;
}
.news strong {
margin-top: 15px;
}
.spalte2 ul, .spalte1 ul {
list-style-type: none;
padding-left: 20px;
}
.spalte2 li::before, .spalte1 li::before {
content: "";
background-color:rgb(0,58,101);
border-radius: 4px;
display: block;
height: 4px;
left: -15px;
position: relative;
top: 17px;
width: 4px;
}
.spalte2 .slider li:before{
width: 0px;
} @media (min-width: 981px) {
.show980 {
display: none !important;
}
}
@media (min-width: 781px) {
.show780 {
display: none !important;
}
.iconimg h3 {
margin: 24px 0;
font-weight: bold;
color: #fff;
}
.iconimg a {
color: rgb(0,58,101);
display: block;
width: 100%;
line-height: 20px;
padding: 150px 0 0 0;
font-size: 15px;
}
.iconimg div {
height: 140px;
width: 100%;
overflow: hidden;
display: block;
}
.iconimg a:hover div {
background-size: 160px auto;
}
.iconimg {
background-size: 136px auto !important;
color: #ffffff;
display: inline-block;
font-size: 12px;
line-height: 0;
margin-bottom: 40px;
margin-right: 1.5%;
padding-bottom: 0;
vertical-align: top;
width: 18%;
}
.iconimg,
.iconimg a {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.iconimg:hover {
background-size: 160px auto !important;
padding-bottom: 20px;
}
.iconimg:hover a {
padding-top: 200px;
font-size: 18px;
}
#oeffnungszeitenbox,
#kontaktbox {
display: block;
height: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
right: 0;
z-index: 1;
background: #fff;
padding: 0 20px;
}
}
@media (min-width: 481px) {
.show480 {
display: none !important;
}
}
@media (max-width: 1680px) {
.hide1600 {
display: none
}
.wrap {
width: 1280px;
}
#menu a, #menu2 a  {
padding: 11px 4px;
}
}
@media (max-width: 1360px) {
.hide1200 {
display: none
}
#teaser .panel-wrapper img,
.wrap {
width: 940px;
}
}
@media (max-width: 980px) {
.hide980 {
display: none
}
.btn {
margin: 20px 0 35px 0;
}
#teaser .panel-wrapper img,
#footer,
.wrap {
width: 740px;
}
.spalte2 {
width: 96%;
margin: 0 2%;
padding: 0;
margin-bottom: 20px;
}
.news {
margin-bottom: 0px;
}
.center980 {
text-align: center;
}
.spalte4 {
width: 46%;
}
.splate3{
width: 29%;
}
[class*="openclose_"]>.spalte2:last-child {
margin-bottom: 20px;
}
.zeitblock {
width: 33.33%;
}
.iconimg {
width: 31%;
}
.galeriebild {
width: 31%;
}
#galerie .galeriebild:nth-child(4n) {
margin-right: 2.5%;
}
#galerie .galeriebild:nth-child(3n) {
margin-right: 0;
}
#galerie .galeriebild:nth-child(4n+5) {
clear: none;
}
#galerie .galeriebild:nth-child(3n+4) {
clear: left;
}
.mt0 {
margin-top: 0px !important;
}
#online,
#impressum.right {
position: relative;
width: 100%;
margin: 3px 0;
text-align: center;
}
#footer_end {
padding: 10px 0;
}
.hinweis {
min-height: 0;
}
.lottoundtotoverband {
margin: 0px auto;
width: 160px;
position: relative;
left: 0;
right: 0;
top: 0;
margin-top: -40px;
}
}
@media (max-width: 780px) {
.hide780,
.pfeilpfad {
display: none !important;
}
#footer,
#kontaktbox,
#zeitenbox,
#adressbox,
.wrap {
width: 440px;
}
#showmobilnavi,
.mobil,
#kontaktbox,
#mobil_kontaktbox,
#adressbox,
#menu ul {
display: block;
}
#footer,
#headericons,
.tab4 {
display: none;
}
.spalte2 {
margin-bottom: 20px;
} .spalte2 ul,
ul.spalte2 {
padding: 0 0 0 20px;
}
.spalte2 ul li,
ul.spalte2 li {
text-align: left;
}
.iconimg {
width: 100%;
}
#anmeldung_box,
#menu ul li,
.formtext,
.nachricht,
.form,
#impressum,
#online {
width: 100% !important;
}
#mobil_menu span {
background: #fff;
display: block;
height: 3px;
left: 8px;
position: absolute;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
width: 30px;
border-radius: 1px;
}
.klickopen,
.klickbtn:hover {
padding-left: 0px;
}
.line1 {
top: 14px;
}
.line2,
.line3 {
top: 23px;
}
.line4 {
top: 32px;
}
#mobil_menu.klickopen .line1,
#mobil_menu.klickopen .line4 {
opacity: 0;
}
#mobil_menu.klickopen .line1,
#mobil_menu.klickopen .line2 {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
#mobil_menu.klickopen .line3,
#mobil_menu.klickopen .line4 {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.mobil {
cursor: pointer;
float: left;
margin: 0 90px;
}
#menu,
#kontaktbox,
#zeitenbox,
#adressbox {
position: absolute;
overflow: hidden;
height: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: #fff;
}
#menu.open,
#kontaktbox.open,
#oeffnungszeitenbox.open,
#formularbox.open {
padding-top: 50px;
}
#kontaktbox,
#oeffnungszeitenbox,
#formularbox
{
background: none;
position: absolute;
text-align: center;
left: 0;
margin: 0 auto;
right: 0;
z-index: 10;
}
#kontaktbox a {
color: #fff;
}
#menu {
background: none;
z-index: 99;
}
#menu ul, #menu2 ul {
border: 1px solid #fff;
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3);
margin-bottom: 20px;
width: 100%;
z-index: 100;
}
#menu li a:hover, #menu2 li a:hover{
background: rgba(0,58,101,
.8);
}
#menu2 ul ul li {
text-align: center;
}
#menu ul ul, #menu2 ul ul {
display: block;
position: relative;
border: none;
box-shadow: none;
padding: 0px 20px 0;
margin-bottom: 0px;
}
#menu .on, #menu2 .on,
#menu ul li a:hover, #menu2 ul li a:hover {
border-bottom: none;
}
#kontaktbox>div,
#oeffnungszeitenbox>div,
#formularbox>div {
padding: 20px 20px 0;
text-align: center;
border: 1px solid #fff;
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 10px 3px rgba(0, 0, 0, .3);
margin-bottom: 20px;
color: #fff;
background: rgba(0,58,101,
.9);
}
#showmobilnavi,
.mobil,
#kontaktbox,
#mobil_kontaktbox,
#menu ul,#menu2 ul {
display: block;
}
#mobil_kontaktbox,
#mobil_oeffnungszeitenbox,
#mobil_formularbox, 
#mobil_kartenbox {
background-position: center center;
background-repeat: no-repeat;
background-size: 30px auto;
cursor: pointer;
display: inline-block;
height: 48px;
width: 48px;
}
#mobil_kontaktbox:hover,
#mobil_oeffnungszeitenbox:hover,
#mobil_formularbox:hover {
opacity: .9;
}
#menu ul li.iconimg {
display: block;
background: none;
}
input[type="submit"] {
margin: 30px 58px;
}
.iconimg:hover {
padding-bottom: 0px;
}
.iconimg:hover a {
font-size: 15px;
padding-top: 200px;
}
.formtext {
margin-right: 0%;
}
body,
.readtxt {
font-size: 18px;
}
#online {
margin-left: 10px;
font-size: 12px;
}
#teaser {
height: 180px;
}
.ma {
margin: 0 0 40px;
width: 100%;
}
#inhalt_teaser .list {
text-align: left;
padding-left: 20px;
}
#impressum,
#online {
margin: 5px 0;
text-align: center;
}
#smartnavi {
display: block;
}
.spalte4 {
width: 96%;
}
.splate3{
width: 29%;
}
.mobil {
float: none;
margin: 0 0px;
}
#mobil_menu {
position: relative;
display: inline-block;
width: 48px;
height: 48px;
}
#teaser {
height: 140px;
}
#showmobilnavi {
width: 100%;
}
.einrichtung {
height: auto;
margin: 0;
}
.zeitblock {
width: 100%;
}
.lageplan {
height: 250px;
}
.bl,
.br {
width: 100%;
margin: 0 0 20px;
}
a[data-title],
.lightboxstop {
cursor: default;
}
#menu ul li a, #menu2 ul li a  {
padding: 10px 5px;
}
.openclose_openbox {
overflow: auto !important;
}
#galerie .galeriebild {
width: auto;
margin-right: 0 !important;
opacity: 1;
display: inline-block;
float: none;
}
#galerie .galeriebild a {
height: auto !important;
display: inline-block;
width: auto !important;
}
#galerie .galeriebild img {
display: block;
}
.terminzusatz::before {
line-height: 1;
}
#logo>a>img {
width: auto;
}
h1{
font-size: 26px;
}
h2{
font-size: 18px;
}
#formularbox h2 {
color: #fff;
}
#menu .on, #menu2 .on,
#menu ul li a:hover, #menu2 ul li a:hover {
color: #fff;
}
#menu ul ul li a,	#menu3 ul ul li a {
background: none;
}
#menu ul ul li a.on, #menu2 ul ul li a.on,
#menu ul ul li a:hover, #menu2 ul ul li a:hover  {
background: none;
}
#menu ul ul, #menu2 ul ul {
display: block;
position: relative;
border: none;
box-shadow: none;
padding: 0px 20px 0;
margin-bottom: 0px;
width: 100%;
margin-top: 0px;
}
#menu ul ul li, #menu2 ul ul li {
text-align: left;
}
#menu ul ul,
#menu ul li:hover ul,
#menu2 ul ul,
#menu2 ul li:hover ul {
height: auto !important;
display: none;
}
.leistungen {
text-align: left;
}
.leistungen .klickopen,
.leistungen .klickbtn:hover {
padding-left: 30px;
}
.facebook .icon,
.facebook {
width: 38px;
height: 38px;
vertical-align: top;
margin-top: 3px;
}
.tabmenue > div{
display:block;
margin-right:0;
}
.tabmenue h2 {
margin-bottom:15px;
font-weight:400;
font-size:18px;
text-align:left;
}
#tabmenu{
color:rgb(0,58,101);
font-size:16px;
border:1px solid rgb(0,58,101);
padding:16px;
background:#f1f1f1;
position:relative;
cursor:pointer;
}
.tabmenue{
display:none;
position:absolute;
background:rgb(0,58,101);
color:#fff;
z-index:5;
width:90%;
width: calc(100% - 40px);
padding:20px;
}
[id*="tabmenu_"]:not(.klickopen){
color:#fcdbb1;
}
.tabmenue h2.klickopen{
color:#fff;
}
#tabmenu.tabopen + .tabmenue{
display:block;
}
#tabmenu:after {
content: "";
position: absolute;
right: 20px;
top: 24px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: rgb(0,58,101) transparent transparent transparent;
}
#tabmenu.tabopen:after {
border-width: 0 10px 10px 10px;
border-color: transparent transparent rgb(0,58,101) transparent;
}
.tabmenue > div:not(:last-child) {
margin-right: 0px;
}
}
@media (max-width: 480px) {
.hide480 {
display: none
}
#kontaktbox,
#adressbox {
width: 300px;
}
#menu.open,
#kontaktbox.open,
#zeitenbox.open,
#adressbox.open {
padding-top: 0px;
}
#kontaktbox>div,
#oeffnungszeitenbox>div,
#formularbox>div,
#menu ul {
padding-top: 0;
}
#begriffbox h2 {
padding: 0 90px;
}
.spalte2 .zeitblock {
width: 100%;
}
input[type="submit"] {
margin: 30px 0px;
width: 250px;
}
}
.back-to-top {
display: none !important;
}
#header {
margin: 0 auto;
overflow: hidden;
}
#headerbalken {
z-index: 99;
}
#logo {
float: left;
width: 100%;
text-align: center;
}
#logo > a > img {
height: 190px;
padding: 10px;
margin-top: -59px;
}
#teaser:not(.liquid-slider) {
width: 100%;
height: 350px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
background-size: auto 100%;
background-position: center center;
z-index: 9;
position: relative;
}
#footer {
bottom: 60px;
}
#footer_end {
text-transform: uppercase;
padding: 15px 0;
min-height: 120px;
}
#menu2 ul {
font-size: 15px;
}
#menu .on,
#menu ul li a:hover {
border-bottom: 0px solid #fff;
}
#menu2 .on,
#menu2 ul li a:hover {
border-bottom: 0px solid #fff;
}
#menu2 ul ul li a {
padding: 13px 30px 14px 30px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
border: 1px solid rgb(0,58,101);
}
@media (min-width: 781px) {
#oeffnungszeitenbox,
#kontaktbox {
z-index: 99;
}
#mobil_kontaktbox_2:hover,
#mobil_oeffnungszeitenbox_2:hover {
background-color: #adaebe;
}
#menu2 {
height: 46px !important;
}
}
@media (max-width: 1360px) {
#menu2 ul li a {
padding: 29px 12px;
}
#teaser:not(.liquid-slider) {
height: 310px;
}
}
@media (max-width: 980px) {
#menu2 a {
padding: 12px 12px;
}
#menu2 ul {
font-size: 15px;
}
#logo>a>img {
height: 100px;
}
#logo {
margin-left: 0;
}
#menu2 ul li {
text-align: left !important;
}
#menu2 ul li li {
border-left: 1px solid white;
}
}
@media (max-width: 780px) {
#menu ul li a {
padding: 12px 12px;
}
.wrap {
width: 100%;
}
#oeffnungszeitenbox,
#formularbox,
#menu {
width: 440px;
}
#menu ul {
padding: 30px 20px 20px;
}
.klickopen,
.klickbtn:hover {
padding-left: 0px;
}
#logo>a>img {
height: 100px;
}
.mobil {
margin: 0 15px;
}
#teaser:not(.liquid-slider) {
height: 180px;
}
}
@media (max-width: 480px) {
#zeitenbox,
#oeffnungszeitenbox,
#formularbox,
#menu {
width: 100%;
}
#logo {
margin-left: 0px;
}
#logo>a>img {
height: auto;
width: 300px;
}
#header {
right: 0;
}
.mobil {
margin: 0 1px;
}
#kontaktbox>div,
#oeffnungszeitenbox>div,
#formularbox>div,
#menu ul {
padding-bottom: 0;
}
#teaser:not(.liquid-slider) {
height: 160px;
}
}.spalte14{
background-color: #8ebfd2;
}
.spalte14 .menu{
list-style-type:none;
padding:10px;
}
.spalte14 .menu li{
border-bottom: 1px solid #fff;
padding: 12px 0 12px 0;
}
.spalte14 .menu li:last-child{
border-bottom: none;
}
.spalte14 .menu li a{
padding: 16px 0 16px 0;
}
.spalte14 .menu li:hover a{
color:#fff;
}
.spalte14 .menu .current-menu-item a{
color:#fff;
}
.spalte14 .menu .current-menu-item{
color:#fff;
}
.spalte14 .menu .current-menu-item::before{
content: "⯈";
display: inline-block;
margin-right: 5px;
position: relative;
}
.bluebox .spalte1{
background-color: #8ebfd2;
color: #0f3a67;
padding: 15px;
}
.bluebox h2{
color: white;
}
#menu2 .current_page_item a{
color: #666;
}
#menu2 li:hover a{
color: #333;
}
#logo {
float: left;
width: 224px;
text-align: left;
}
#logo > a > img {
height: auto;
padding: 0px;
margin-top: -48px;
width: 180px;
}
#headerbalken{
float: right;
margin-top: 80px;
}
#headerbalken{
width: 80%;
}
#menu2 {
width: 100%;
}
.bgw{
background:none;
}
.sslicon{
fill:#0f3a67;
}
#online {
margin-top: 55px;
}
.back-to-top .path{
fill:#fff;
}
#begriffbox{
color:#fff;
}
#begriff_close{
background:#fff;
}
#footer_end{
color:#0f3a67;
background: none;
}
#footer_end a{
color:#0f3a67;
}
#logoobile{
display:none;
}
.arrow::after{
border-left: 10px solid #666;
}
#kontakt h3{
display: inline-block;
}
#kontakt img{
float: left;
margin-right: 20px;
}
.kategorieicon {
display: inline-block;
vertical-align: top;
margin-left: 20px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.kategorieicon a {
display:inline-block;
padding: 10px 10px 11px;
}
.kategorieicon:hover {
background-color: #adaebe;
} label {
width: 50%;
float: left;
margin-top:0px;
}
.label2 {
width:100%;
}
.label2 input[type="email"],
.label2 input[type="text"] {
width: 95%;
padding: 5px;
}
#wpcf7-f2413-o1 form p{
margin: 0.2em 1em;
}
.menueerweitert{
text-align: center;
color: white;
background-color: #0f3a67;
font-size: 20px;
padding: 5px;
}
.show1680{
display:none;
width: 100% !important;
}
.iconsstart{
margin-top: 50px;
}
.slick-prev {
left: -40px;
}
.slick-next {
right: -40px;
}
.slick-prev::before, .slick-next::before{
color:#0f3a67;
}
#veranstaltungen img {
display: inline-block;
float: right;
margin-left: 15px;
}
.logbuch{
width:600px;
margin: 0 auto;
}
.mittagstisch{
width:900px;
margin-left: 359px;
}
.logbuch {
margin-bottom: 55px !important;
}
.logbuch li::before, .mittagstisch  li::before{
background-color: rgba( 0,0,0,0) !important;
}
.logbuch .slick-prev {
left: -25px;
}
.logbuch .slick-next {
right: -25px;
} @media (min-width: 780px) {
}
@media (max-width: 1680px){
.show1680{
display:block;
}
.hide1680{
display:none;
}
.mittagstisch{
width:800px;
margin-left: 250px;
}
}
@media (max-width: 1360px) {
#headerbalken{
width:100%;
}
#headerbalken{
float: right;
margin-top: 20px;
}
#menu2 ul{
font-size: 13px;
}
.spalte14{
width: 20%;
margin: 0 0% 40px 0%;
}
.spalte78{
width: 76%;
}
#menu2 ul li a {
padding: 12px 9px;
}
#logo > a > img {
margin-top: -43px;
width: 150px;
}
#inhalt_teaser{
margin-bottom: 40px;
}
#kontakt img {
float: none;
}
#veranstaltungen img {
display: block;
float: none;
margin-left: 0px;
}
.mittagstisch {
margin-left: 64px;
}
} @media (max-width: 1200px) {
}
@media (max-width: 980px) {
body, .readtxt {
font-size: 16px;
}
#menu2 ul{
font-size: 11px;
}
#menu2 ul li a {
padding: 11px 3px;
}
#logo > a > img {
margin-top: -40px;
width: 120px;
}
#impressum {
float: none;
width: 100%;
margin-right: 0;
text-align: center;
}
#online{
margin-top: 0;
}
body{
background: url(//hausgottesdank.de/wp-content/themes/individuell/bilder/bg2.jpg) #ddecf3 no-repeat center bottom;
background-size: auto;
background-size: 100% auto;
}
.zeitblockhead h2{
color:#fff;
font-size: 20px;
}
.iconsstart{
margin-top:
0px;
}
.iconsstart img{
width:150px;
}
#kontakt img {
float: left;
}	
#veranstaltungen img {
display: inline-block;
float: right;
margin-left: 15px;
}
.mittagstisch {
width: 660px;
margin-left: 40px;
}
.kategorieicon a {
padding: 12px 7px;
font-size:13px;
}
}
@media (max-width: 780px) {
#oeffnungszeitenbox, #formularbox, #menu {
width: 440px;
}
#menu li{
float:none;
border:none;
border-bottom: 1px solid #496888;
}
#menu li:last-child{
border-bottom: none;
}
#menu ul {
background: rgba(0,58,101, .95);
text-align: left;
}
#menu ul {
font-size: 16px;
}
#menu ul li a {
color:#fff;
}
#menu .current_page_item a {
color: #8ebfd2;
}
#headerbalken{
background-color: #0f3a67;
margin-top: 40px;
}
#logo{
float: none;
width: 100%;
text-align: center;
}
.spalte14{
width: 32%;
margin: 0 0% 40px 2%;
}
.spalte78{
width: 96%;
}
#logo > a > img {
margin-top: 8px;
width: 150px;
}
#headerbalken {
margin-top: 10px;
}
#specialclass{
margin: 0 2% 40px 0%;
}
body{
background-size: 150% auto;
}
#inhalt_teaser{
margin-bottom: 20px;
}
.logbuch{
width:400px;
}
.slick-dots li {
margin: 0 2px;
}
.mittagstisch {
width: 396px;
margin-left: 46px;
}
}
@media (max-width: 480px) {
body{
background-size: 200% auto;
}	
.spalte14{
width:96%;
}
.spalte78{
width: 96%;
}
#oeffnungszeitenbox, #formularbox, #menu {
width: 100%;
}
#menu ul {
padding: 30px 20px;
}
#veranstaltungen img {
display: block;
float: none;
margin-left: 0px;
}
.logbuch{
width:200px;
}
.logbuch .slick-dots li {
margin: 0 0px;
}
.logbuch .slick-dots {
bottom: -17px;
}
.mittagstisch {
width: 200px;
margin-left: 0px;
}
}<!--  place the contents of this css file, in the <head></head> of your html page when using 
the responsive table generator code on sites not in UNLcms or the UNL.edu framework -->
<style>
table {
width: 100%;
max-width: 100%;
border: 1px solid #d5d5d2;
border-collapse: collapse
}
table caption {
font-family: 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.954rem;
line-height: 1;
margin-bottom: .75em
}
table th {
font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: .02em;
font-size: .9353rem;
padding: 1.2307em 1.0833em 1.0833em;
line-height: 1.333;
background-color: #eae9e6
}
table td, table th {
text-align: left
}
table td {
padding: .92307em 1em .7692em
}
table tbody tr:nth-of-type(even) {
background-color: #f9f8f5
}
table tbody th {
border-top: 1px solid #d5d5d2
}
table tbody td {
border-top: 1px solid #d5d5d2
}
table.wdn_responsive_table thead th abbr {
border-bottom: none
}
@media screen and (max-width:47.99em) {
table.wdn_responsive_table td, table.wdn_responsive_table th {
display: block
}
table.wdn_responsive_table thead tr {
display: none
}
table.wdn_responsive_table tbody tr:first-child th {
border-top-width: 0
}
table.wdn_responsive_table tbody tr:nth-of-type(even) {
background-color: transparent
}
table.wdn_responsive_table tbody td {
text-align: left
}
table.wdn_responsive_table tbody td:before {
display: block;
font-weight: 700;
content: attr(data-header)
}
table.wdn_responsive_table tbody td:empty {
display: none
}
table.wdn_responsive_table tbody td:nth-of-type(even) {
background-color: #f9f8f5
}
}
@media (min-width:48em) {
table caption {
font-size: 2.532rem
}
table th {
padding: 1.2307em 1.2307em 1em;
font-size: .802rem
}
table td {
padding: .75em 1em .602em
}
}
@media screen and (min-width:48em) {
table.wdn_responsive_table thead th:not(:first-child) {
text-align: center
}
table.wdn_responsive_table tbody td {
text-align: center
}
table.wdn_responsive_table.flush-left td, table.wdn_responsive_table.flush-left thead th {
text-align: left
}
}
</style>