@charset 'UTF-8';

@import url(https://api.dga-post.de/fonts/css?family=Raleway:400,700);
@import url(https://api.dga-post.de/fonts/css?family=Noto+Serif:400,700);
body:after {
content: url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/lightbox/img/close.png) url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/lightbox/img/loading.gif) url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/lightbox/img/prev.png) url(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.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(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/slick/fonts/slick.eot);
src: url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/slick/fonts/slick.woff) format('woff'), url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/plugin/slick/fonts/slick.ttf) format('truetype'), url(//kartenlegen-tanja-jansen.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.7em;
color: #333;
background:url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/bilder/bg.jpg) no-repeat center center fixed;background-size:cover;}
body,
textarea {
font-family: Raleway,
verdana,
sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.3em;
font-family: Noto Serif,
verdana,
sans-serif;
color: rgb(129,11,129);
}
h1 {
margin-bottom: 20px;
}
a {
text-decoration: none;
color: rgb(129,11,129);
}
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,
.spalte2,
.spalte3,
.spalte4,
.spalte6 {
margin: 0 2% 40px 2%;
float: left;
}
.spalte {
width: 96%;
}
.spalte2 {
width: 46%;
}
.spalte3 {
width: 29%;
}
.spalte4 {
width: 21%;
}
.spalte6 {
width: 12%;
}
.readtxt {
font-size: 16px;
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(129,11,129);
background: -moz-linear-gradient(left, rgba(129,11,129,
1) 0%,
rgba(129,11,129,
.6) 60%,
rgba(129,11,129,
1) 100%);
background: -webkit-linear-gradient(left, rgba(129,11,129,
1) 0%,
rgba(129,11,129,
.6) 60%,
rgba(129,11,129,
1) 100%);
background: linear-gradient(to right, rgba(129,11,129,
1) 0%,
rgba(129,11,129,
.6) 60%,
rgba(129,11,129,
1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='129,11,129', endColorstr='129,11,129', 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(129,11,129);
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(129,11,129);
}
.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(129,11,129);
}
.bcolor {
background: rgb(129,11,129);
}
.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;
background-color: rgb(129,11,129);
}
#smartnavi,
#showmobilnavi,
#zeitenbox,
#adressbox {
display: none;
}
#headericons {
float: right;
}
#headericons .klickbtn {
background-color: rgb(129,11,129);
cursor: pointer;
display: inline-block;
height: 48px;
width: 48px;
}
#headericons .klickbtn:not(:first-child),
#headericons a:not(:first-child) {
margin-left: 20px;
}
.terminzusatz {
background: #f3f3f3;
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(129,11,129);
background-color: rgba(254, 254, 254, 0.65);
padding-top: 9px;
padding-bottom: 9px;
top: 0;
}
kontaktboxheader .icon {
fill: rgb(129,11,129);
}
#kontaktboxheader a {
color: rgb(129,11,129);
font-weight:normal;
}
#kontaktbox,
#formularbox,
#oeffnungszeitenbox {
z-index: 99;
}
#teaser {
background: url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/bilder/header5.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: 100%;
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(129,11,129);
}
#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(129,11,129);
border: 1px solid rgb(129,11,129);
}
.icon {
fill: #ffffff;
height: 48px;
padding: 8px;
width: 48px;
}
.icon2 {
fill: rgb(129,11,129);
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(129,11,129);
color: white;
margin-bottom: 10px;
margin-top: 10px;
}
.klickopen,
.klickbtn:hover {
cursor: pointer;
color: rgb(129,11,129); -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: 14px;
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 {
position: relative;
text-align: center;
padding: 0;
background: rgba(129,11,129,
.9);
}
#menu li {
list-style: none;
position: relative;
display: inline-block;
}
#menu a {
text-decoration: none;
display: block;
padding: 29px 35px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
#smartnavi {
height: 48px;
}
#menu ul li.iconimg {
display: none;
}
.iconimg a {
color: rgb(129,11,129);
}
#menu ul ul {
display: none;
position: absolute;
background: none;
min-width: 100%;
}
#menu ul li:hover ul,
#menu ul li ul:hover {
display: block;
}
#menu ul ul li {
display: block;
text-align: left;
}
#menu ul ul li a {
background-color: rgba(129,11,129,
.7);
}
#menu ul ul li a.on,
#menu ul ul li a:hover {
background-color: rgba(129,11,129,
.9);
}
#westlotto {
background: url(//kartenlegen-tanja-jansen.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"] {
width: 100%;
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;
}
textarea {
float: left;
min-height: 150px;
max-height: 150px;
min-width: 100%;
max-width: 100%;
} .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(129,11,129,
.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(129,11,129,
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;
}
.leistungen ul {
list-style-type: none;
padding-left: 20px;
}
.leistungen li::before {
content: "";
background-color:rgb(129,11,129);
border-radius: 4px;
display: block;
height: 4px;
left: -15px;
position: relative;
top: 20px;
width: 4px;
} @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(129,11,129);
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;
}
}
@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;
}
.spalte3, .spalte4 {
width: 46%;
}
[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: 1;
}
#menu 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 {
background: rgba(129,11,129,
.8);
}
#menu ul ul li {
text-align: center;
}
#menu ul ul {
display: block;
position: relative;
border: none;
box-shadow: none;
padding: 0px 20px 0;
margin-bottom: 0px;
}
#menu .on,
#menu 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(129,11,129,
.9);
}
#showmobilnavi,
.mobil,
#kontaktbox,
#mobil_kontaktbox,
#menu 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;
}
.spalte3, .spalte4 {
width: 96%;
}
.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 {
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,
h2 {
font-size: 26px;
}
#formularbox h2 {
color: #fff;
}
#menu .on,
#menu ul li a:hover {
color: #fff;
}
#menu ul ul li a {
background: none;
}
#menu ul ul li a.on,
#menu ul ul li a:hover {
background: none;
}
#menu 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 {
text-align: left;
}
#menu ul ul,
#menu 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(129,11,129);
font-size:16px;
border:1px solid rgb(129,11,129);
padding:16px;
background:#f1f1f1;
position:relative;
cursor:pointer;
}
.tabmenue{
display:none;
position:absolute;
background:rgb(129,11,129);
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(129,11,129) transparent transparent transparent;
}
#tabmenu.tabopen:after {
border-width: 0 10px 10px 10px;
border-color: transparent transparent rgb(129,11,129) 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;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
}
a {
font-weight: 700;
}
.back-to-top {
background-color: rgb(129,11,129);
position: fixed;
bottom: 85px;
right: 40px;
padding: 2px 1px 2px 8px;
width: 35px;
height: 35px;
}
.back-to-top .path {
fill: #fff;
}
#kontaktboxheader {
position: absolute;
top: 0px;
right: 0;
left: 0;
font-size: 13px;
color: rgb(129,11,129);
text-transform: uppercase;
}
#kontaktboxheader .icon {
height: 14px;
padding: 0;
width: 14px;
margin-right: 5px;
margin-top: 5px;
vertical-align: -2px;
}
#logo {
width: 400px;
float: left;
position: relative;
z-index: 9;
}
#logo img {
margin-top: -20px;
}
#headerbalken {
height: 50px;
margin-top: 40px;
}
#inhalt_teaser {
margin-bottom: 20px;
}
#teaser {
background-size: 100% auto;
float: left;
top: 0;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
z-index: -1;
}
#teaser-wrapper {
max-width: 100% !important;
position: absolute;
top: 0;
z-index: -1;
}
.slider-description {
background: rgba(255, 255, 255, .5);
position: absolute;
top: 30px;
left: 380px;
width: 350px;
padding: 20px;
text-align: left;
}
.slider-description ul {
padding: 20px 0 0 15px;
}
.slider-description li {
margin-bottom: 10px;
font-size: 14px;
line-height: 22px;
}
#footer_end {
bottom: 0px;
padding: 4px 0;
}
#impressum {
margin-right: 0px;
}
#online {
margin: 8px 0 0 0px;
}
#menu ul {
}
#menu li {
border-right: 1px solid #fff;
background-position: 95% 130%;
background-size: 35px auto;
}
#menu a {
padding: 10px 40px 10px 40px;
font-size: 16px;
}
#menu .on,
#menu ul li a:hover {
color: #000;
}
#menu ul ul li {
border-right: none;
}
#menu ul ul li a {
width: 100%;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
border: 1px solid rgb(129,11,129);
}
#kontaktboxheader .icon {
fill: rgb(129,11,129);
}
#logomobile{
display:none;
}
@media (min-width: 871px) {
.facebook {
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 30px;
}
.facebook:before {
content: "|";
position: absolute;
margin-left: -18px;
font-weight: 300;
}
.facebook .icon {
padding: 0;
}
}
@media (max-width: 1640px) {
.hide1600 {
display: none
}
.slider-nav .slick-slide img {
height: 350px;
}
.slider-description {
left: 160px;
}
}
@media (max-width: 1360px) {
.wrap {
width: 1160px;
}
#logo {
width: 300px;
}
#logo img {
margin-top: -10px;
}
.slider-nav .slick-slide img {
height: 260px;
}
.slider-description {
left: 60px;
}
#teaser .panel-wrapper img {
width: 100%;
}
}
@media (max-width: 1200px) {
.wrap {
width: 940px;
}
}
@media (max-width: 980px) {
.wrap {
width: 740px;
}
#menu a {
padding: 10px 20px 13px 20px;
font-size: 15px;
}
#logo {
width: 190px;
}
#logo img {
margin-top: -3px;
}
#kontaktboxheader {
font-size: 12px;
}
.slider-nav .slick-slide img {
height: 220px;
}
.slider-description {
left: 20px;
top: 20px;
width: 300px;
}
.slider-description li {
font-size: 13px;
line-height: 16px;
margin-bottom: 8px;
}
.back-to-top {
bottom: 140px;
right: 1%;
}
}
@media (max-width: 780px) {
#menu ul li a {
padding: 10px 15px;
}
.wrap {
width: 90%;
}
.back-to-top {
display: none !important;
}
#mobil_menu span {
height: 2px;
}
#menu {
margin-top: 2px;
}
#inhalt_teaser {
margin-bottom: 100px;
margin-top: 0px;
}
.balken {
height: 0px;
}
#menu ul {
padding: 10px 15px;
}
#menu li {
border-right: none;
text-align: left;
} #menu a {
font-size: 16px;
display: block;
}
.icon {
width: 34px;
padding: 4px;
}
.klickopen,
.klickbtn:hover {
padding-left: 0px;
}
#impressum.right {
float: none;
width: 100%;
}
#footer_end {
font-size: 14px;
}
#kontaktboxheader .r {
text-align: center;
}
.slider-nav {
padding: 20px 0;
}
.slider-description {
position: relative;
}
.facebook {
margin: 3px 7px 0;
}
.facebook .icon {
margin-top: 0;
}
#header {
overflow: visible;
height:auto !important;
}
#menu {
margin-top: 0px;
}
#header,
#kontaktbox,
#adressbox,
.wrap {
width: 100%;
}
#inhalt_teaser {
margin-bottom: 100px;
margin-top: 250px;
}
#kontaktbox,
#oeffnungszeitenbox,
#formularbox {
margin: 0px auto;
}
#headerbalken {
margin-top: 0px;
height: auto;
}
#logo {
display:none;
}
#teaser:not(.liquid-slider) {
margin-top: 150px;
height:300px !important;
background-size:cover;
}
.mobil {
margin: 0 2px;
}
#kontaktbox>div,
#oeffnungszeitenbox>div,
#formularbox>div{
padding-bottom: 0;
}
#logomobile{
margin-top:10px;
text-align:center;
}
#logomobile img{
max-height:120px;
max-width:80%;
margin-top: 10px;
margin-bottom: 10px;
}
#logomobile{
display:block;
}
}
@media (max-width: 480px) {
.slider-description {
max-width: 260px;
}
#teaser:not(.liquid-slider) {
height:200px !important;
}
#inhalt_teaser {
margin-bottom: 100px;
margin-top: 200px;
}
}a, b, strong{
font-weight: 500;
}
.bgw{
background:none;
}
.sslicon{
fill:#fff;
}
.back-to-top .path{
fill:#fff;
}
#kontaktboxheader{
background-color: rgba(254, 254, 254, 0.9);
}
#footer_end{
color:#fff;
}
#footer_end a{
color:#fff;
}
#logoobile{
display:none;
}
.arrow::after{
border-left: 10px solid #666;
}
.spalte2 {
width: 48%;
margin: 0 2% 40px 0%;
} .headline1{
position: absolute;
margin:0 auto;
left:0;
right:0;
top: 340px;
right: 0;
text-align: center;
font-size: 34px;
font-family: 'Noto Serif';
line-height: 3rem;
color:#8b1d8a;
}
.headline1 h1{
font-size: 40px;
color:#8b1d8a;
}
.text1 {
display:none;
}
#teaser, #header {
height:430px !important;
}
h5{
font-family: Raleway, verdana, sans-serif;
color:#333;
font-size: 22px;
font-weight: 400;
font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0;
}
@keyframes bouncing {
0%   {bottom: 50px;}
50%  {bottom: 65px;}
100% {bottom: 50px;}
}
@-webkit-keyframes bouncing {
0%   {bottom: 50px;}
50%  {bottom: 65px;}
100% {bottom: 50px;}
}
#downbtn {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 50px;
width: 30px;
cursor: pointer;
animation: bouncing 2s linear infinite alternate;
display: none;
}
@keyframes opacity {
0%   {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes opacity {
0%   {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes opacity2 {
0%   {
opacity:0.2;
}
100% {
opacity:1;
}
}
@-webkit-keyframes opacity2 {
0%   {
opacity:0.2;
}
100% {
opacity:1;
}
}
.slidebox{
animation: opacity 4s ease 1 alternate;
}
.slidebox3.slidestart{
animation: opacity2 4s ease 1 alternate;
}
@keyframes slideright {
0%   {
opacity:0;
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-o-transform: translateX(300px);
-ms-transform: translateX(300px);
}
75% {
opacity:1;
}
100% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
}
@-webkit-keyframes slideright {
0%   {
opacity:0;
-moz-transform: translateX(300px);
-webkit-transform: translateX(300px);
-o-transform: translateX(300px);
-ms-transform: translateX(300px);
}
75% {
opacity:1;
}
100% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
}
@keyframes slideleft {
0%   {
opacity:0;
-moz-transform: translateX(-200px);
-webkit-transform: translateX(-200px);
-o-transform: translateX(-200px);
-ms-transform: translateX(-200px);
}
75% {
opacity:1;
}
100% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
}
@-webkit-keyframes slideleft {
0%   {
opacity:0;
-moz-transform: translateX(-200px);
-webkit-transform: translateX(-200px);
-o-transform: translateX(-200px);
-ms-transform: translateX(-200px);
}
75% {
opacity:1;
}
100% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
}
.slidebox2.slidestart{
animation: slideright 2s ease 1 alternate;
}
.startseite::before{
background: url(//kartenlegen-tanja-jansen.de/wp-content/themes/individuell/bilder/tanja_jansen.jpg) no-repeat top center;
background-size: 100% auto;
content: "";
position: absolute;
left: 0;
right: 50%;
display: block;
height: 600px;
width: 100%;
z-index: -1;
}
.startseite{
height: 600px;
margin-top:50px;
line-height: 3rem;
margin-bottom: 50px;
}
.startseite h2, .startseite h3, .startseite2 h2 {
color:#8b1d8a;
font-size: 36px;
opacity: 0.9;
line-height: 3rem;
}
.startseite h3 {
color:#1b1b1b;
font-size: 28px;
line-height: 2.8rem;
}
.startseite2 {
line-height: 2.2rem;
}
.startseite2 h3 {
color:#1b1b1b;
font-size: 24px;
line-height: 2.5rem;
}
.startseite2 h4 {
color:#8b1d8a;
font-size: 28px;
line-height: 2.8rem;
}
.mt100{
margin-top:100px;
}
.mt30{
margin-top:30px;
}
.mt60{
margin-top:60px;
}
.ml0{
margin-left:0;
}
.ml2{
margin-left: 2%;
}
.mr0{
margin-right: 0%;
}
label {
width: 50%;
float: left;
margin-top: 15px;
}
input[type="text"], input[type="email"], input[type="tel"] {
width: 90%;
padding: 5px;
}
.label2 {
width: 100%;
}
textarea {
float: left;
min-height: 150px;
max-height: 150px;
min-width: 95%;
max-width: 95%;
}
input[type="submit"] {
background-color: #8b1d8a;
}
input[type="submit"]:hover {
background-color: #333;
}
.vollebreite{
background-color: #e3e3e1;	
}
#menu-item-29, #wpmenucartli{
border-right: none !important;
}
#menu ul {
margin-left: 255px;
}
.show1680{
display: none;
}
.show980i{
display: none;
}
.kartenauswahl a img{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.kartenauswahl a:hover img{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.footerneu{
background: rgb(129,11,129);
}
#cookiehinweis a {color:#000; text-decoration:none;}
#cookiehinweis a:hover {text-decoration:underline;}
#cookiehinweis div {padding:10px; padding-right:40px;}
#cookiehinweis { 
text-align:center; 
background:rgba(250, 249, 247, 0.95);
position:fixed;
bottom:0px; 
z-index:10000; 
width:100%; 
font-size:16px; 
line-height:1.5rem;
color:#810b81;
}
#cookiehinweis a{ 
color:#810b81;
}
#cookiehinweiscloser {
color:#810b81;
font: 14px/100% arial, sans-serif;
position: absolute;
right: 5px;
text-decoration: none;
top: 5px;
cursor:pointer;
padding:6px;
padding-right:25px;
}
#header{
background-color: #fff
} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
text-align: center;
}
.woocommerce div.product div.images img {
display: inline-block !important;
width: 500px !important;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
opacity: 1 !important;
}
.woocommerce ul.products li.product a img {
width: 100px !important;
}
.woocommerce-tabs {
float: right;
width: 100%;
}
input[type=number]{
border:1px solid #810b8f;
padding:10px;
border-radius: 2px;
}
hr{
height: 1px;
border:none;
background-color: #d3ced2;
}
.product-thumbnail img{
width:150px;
}
#customer_details{
margin-bottom: 50px;
}
#order_review{
margin-top: 20px;
}
.woocommerce table.shop_table {
width: 48% !important;
float: left;
}
#payment {
width: 48%;
float: right;
}
#payment label {
width:96%
}
.woocommerce-checkout #payment div.payment_box {
margin: 2em 0 !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: left !important;
}
#billing_address_2_field{
display: none;
}
#billing_phone_field{
width:47%;
}
.cart_totals h2{
margin-bottom: 15px;
}
.wc-proceed-to-checkout{
width: 200px;
}
.woocommerce-thankyou-order-received, .wc-bacs-bank-details-heading, .wc-bacs-bank-details-account-name{
margin-bottom:20px;
}
.woocommerce-order .woocommerce-order-details table.shop_table{
float:none;
}  .show1600{
display: none;
}
.show1360{
display: none;
}
.show1200{
display: none;
}
ul {
padding: 0;
}
@media (min-width: 780px) {
}
@media (max-width: 1680px) {
#teaser, #header {
height: 400px !important;
}
.headline1{
top: 300px;
}
.spalte6 h4{
font-size: 16px;
line-height: 1.8rem;
}
.show1680{
display: inline-block;
}
.product-thumbnail img {
max-width:120% !important;
}
.cart_totals table.shop_table{
width: 100% !important;
}
#payment label {
width: 93%;
}
.show1600{
display: block;
}
.hide1600{
display: none;
}
.startseite h3 {
color: #1b1b1b;
font-size: 24px;
line-height: 2.6rem;
}
@media (max-width: 1360px) {
#teaser {
background-size: 120% auto;
}
#teaser, #header {
height: 380px !important;
}
body {
font-size: 16px;
}
.headline1 h1 {
font-size: 34px;
}
.headline1 {
font-size: 26px;
line-height: 2.4rem;
}
.startseite h2 {
font-size: 28px;
line-height: 2.5rem;
}
.startseite h3 {
font-size: 20px;
line-height: 2.2rem;
}
.spalte6 {
width: 29%;
margin-bottom: 20px;
}
.spalte6 img{
width:250px;
}
.hide1360{
display: none;
}
.show1360{
display: block;
}
.spalte6 h4 {
font-size: 18px;
line-height: 1.8rem;
}
.woocommerce-cart-form table.shop_table {
width: 100% !important;
}
label {
width: 100%;
}
} @media (max-width: 1200px) {
.show1200{
display: block;
}
.hide1200{
display: none;
}
#menu ul {
margin-left: 96px;
}
.spalte3.uebermich2{
width:46%
}
.spalte3.uebermich1{
width:98%;
text-align:center;
}
.spalte3.uebermich1 img{
width:350px;
}
}
@media (max-width: 980px) {
#teaser {
background-size: 140% auto;
}
#teaser, #header {
height: 340px !important;
}
.headline1{
top: 260px;
}
.hide980{
display: none;
}
.startseite h2, .startseite h3, .startseite2 h2 {
text-align: left;
}
.mt60.startseite2.leistungen {
margin-top: 0;
}
.startseite2 h4 {
font-size: 24px;
line-height: 2.4rem;
}
.spalte2.r{
text-align: center;
}
.spalte2.l{
text-align: center;
}
.checkout table.shop_table {
width: 100% !important;
}
#payment {
width: 100%;
float: right;
}
.woocommerce-additional-fields{
margin-top: 20px;
}
.spalte2 {
width: 96%;
margin-right: 2%;
margin-left: 2%;
}
.startseite .spalte2 {
width: 48%;
margin: 60px 2% 40px 0%;
}
.startseite h2, .startseite h3 {
font-size: 26px;
line-height: 2.2rem;
}
.startseite h3 {
font-size: 22px;
line-height: 2.0rem;
}
.startseite::before {
height: 457px;
}
.startseite {
height: 457px;
}
#menu ul {
margin-left: 207px;
}
#impressum {
width: 100%;
text-align: center;
}
.show980i{
display: inline-block;
}
.show980{
display: block;
}
.kartenauswahl .spalte3{
width: 29%;
}
#inhalt_teaser {
margin-bottom: 0px;
}
.woocommerce div.product div.images img {
width: 400px !important;
}
.cart_totals {
width: 100%!important;
}
#menu ul {
margin-left: 0px;
}
#menu a {
padding: 10px 30px 13px 30px;
}
.startseite2 h2 {
font-size: 30px;
}
.startseite h2{
font-size: 22px;
}
.startseite h3{
font-size: 18px;
}
.woocommerce ul.order_details li {
width: 100%;
margin-bottom:10px;
}
}
@media (max-width: 780px) {
#teaser {
background-size: 160% auto;
}
#teaser:not(.liquid-slider){
height: 280px !important;
margin-top: 0!important;
}
#teaser, #header {
height: 270px !important;
}
.headline1 {
top: 209px;
}
.startseite .spalte2 {
width: 96%;
margin-right: 2%;
margin-left: 2%;
margin-top: 20px;
margin-bottom:0;
}
#menu ul ul li{
border-left:1px solid #fff;
border-right:none;
}
#inhalt_teaser {
margin-top: 0px;
}
.spalte3.uebermich2{
width:96%;
margin-bottom: 0;
}
.startseite::before {
position: relative;
height: auto;
background:none;
}
.startseite {
height: auto;
margin-top:75px:
}
.startseite {
margin-top: 5px;
margin-bottom: 10px;
}
h1, h2 {
font-size: 20px;
}
#menu ul {
margin-left: auto!important;
}
#wpmenucartli {
float: none !important;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input{
margin-right: 4%;
}
.startseite2 h2 {
font-size: 26px;
}
.mt60 {
margin-top: 40px;
}
}
@media (max-width: 480px) {
#teaser:not(.liquid-slider) {
height: 251px !important;
}
.startseite2 h4 {
font-size: 18px;
line-height: 2.0rem;
}
.headline1 h1 {
font-size: 22px;
}
.headline1 {
font-size: 18px;
line-height: 2.0rem;
}
.startseite h2, .startseite h3 {
font-size: 18px;
line-height: 2.2rem;
}
.startseite h3 {
font-size: 16px;
line-height: 2.0rem;
}
.startseite .spalte2 {
margin-bottom: 0px;
}
.spalte6 {
width: 45%;
margin-bottom: -2px;
}
.clear480{
clear: both;
}
.kartenauswahl .spalte3{
width: 98%;
}
.kartenauswahl a img{
width:250px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100% !important;
}
label {
margin-top: 0px;
}
#payment label {
width: 78%;
}
}