.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 10100; text-align: center;
line-height: 0;
}
#jqlb_loading{
height:32px;
background-image:url(https://lottoverband.de/wp-content/plugins/wp-lightbox-2/styles/images/loading.gif);
background-repeat:no-repeat;				
background-position:center center; 		
}	
#jqlb_closelabel{
height:22px;
background-image:url(https://lottoverband.de/wp-content/plugins/wp-lightbox-2/styles/images/closelabel.gif);
background-repeat:no-repeat;				
background-position:center center;
}	
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 45%;
height: 100%;
background: transparent url(https://lottoverband.de/wp-content/plugins/wp-lightbox-2/styles/images/blank.gif) no-repeat; display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://lottoverband.de/wp-content/plugins/wp-lightbox-2/styles/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://lottoverband.de/wp-content/plugins/wp-lightbox-2/styles/images/next.gif) right 50% no-repeat; } #nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
#downloadLink{
margin-left: 10px;
}  .ontop #imageData {
padding-top: 5px;
} #imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px;  float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 10090;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {/*\*/height: 1%;/**/}	
#lightboxIframe {
display: none;
}.sslicon,
.back-to-top .path{
fill:#fff;
}
#begriffbox,
#footer_end,
#footer_end a{
color:#fff;
}
#footer_end{
padding-bottom:60px;
}
#logoobile{
display:none;
}
.arrow::after{
border-left: 10px solid #666;
}
#logo > a > img {
height: 75px;
}
#logo {
margin-left: 0;
-webkit-box-shadow: 0 0 0 #4b4b4b;
box-shadow: 0 0 0 #4b4b4b;
}
#header {
width: 361px;
right: 1239px;
}
#begriff_close,
#headerbalken,
#menu ul {
background: #fff;
}
#menu ul li{
background: fff;
}
#menu a {
color: rgb(0,153,64);
}
#menu ul li.current_page_item{
background: rgba(0,153,64, .9);
}
#menu ul li.current_page_item a {
color: #fff;
}
#menu-footermenue{
padding:0;
}
#menu-footermenue li{
list-style:none;
display:inline-block;
}
#menu-footermenue li:not(:first-child):before{
content:"|";
display:inline-block;
margin:0 10px;
}
#impressum {
margin: 0 auto;
max-width: 900px;
display: block;
text-align: center;
}
#inhalt_teaser {
margin-bottom: 0px;
padding-bottom: 100px;
background:rgba(255,255,255,.9)
}
.spaltengruppe .spalte4:nth-child(4n + 5){
clear:left;
}
.spalte1{
width:96%;
margin:0 2% 40px;
}
.spalte5{
width:18%;
margin:0 1% 40px;
float:left;
}
#Kontaktbereich [class*="spalte"],
#kooperationspartner [class*="spalte"],
#bezierksvertreter [class*="spalte"],
#Vorstandboxen [class*="spalte"],
#Startboxen [class*="spalte"]{
background:#f7f7f7;
padding: 20px 10px 10px 10px; }  #Kontaktbereich [class*="spalte"]{
height:auto !important;
padding:10px 20px;
}
#kooperationspartner [class*="spalte"]{ position:relative;
}
#kooperationspartner .spalte4, #kooperationspartner .spalte2, #kooperationspartner .spalte3{
min-height:200px;
}
#kooperationspartner h6{
cursor: pointer;
font-size:14px;
font-weight:400;
background:rgba(0,153,64, .9);
color:#fff;
display:block;
padding:10px;
bottom: 30px;
margin: 0 auto;
width: 200px;
position: absolute;
left: 0;
right: 0;
}
#kooperationspartner h6 a{
color:#fff;
padding:10px;
}
#kooperationspartner2 h6 a, .spalte h6 a{
color:#fff;
padding:10px;
}
#kooperationspartner2 .spalte1 h6{
display: none;
}
#kooperationspartner2 h6, .spalte h6{
position: relative;
font-size:14px;
font-weight:400;
background:rgba(0,153,64, .9);
padding:10px;
width:190px;
}
#kooperationspartner .infos{
position: relative;
}
#kooperationspartner blockquote{
position:absolute;
left:100%;
width:200%;
background:rgba(0,0,0,.9);
color:#fff;
display:none;
padding:20px;
margin-top:-50px;
z-index:10;
}
#kooperationspartner .spalte2 blockquote{
width:100%;
}
#kooperationspartner blockquote:before{
content:"";
position:absolute;
right:100%;
right:calc(100% - 1px);
top:0;
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent rgba(0,0,0,.9) transparent transparent;
}
#kooperationspartner h6:hover ~ blockquote,
#kooperationspartner blockquote:hover{
display:block;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n + 3) blockquote,
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n + 4) blockquote{
left:auto;
right:100%;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n + 3) blockquote:before,
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n + 4) blockquote:before{
left:100%;
right:auto;
border-width: 20px 20px 0 0;
border-color: rgba(0,0,0,.9) transparent transparent transparent;
}
#kooperationspartner.spaltengruppe .spalte2:nth-child(2n + 2) blockquote{
left:auto;
right:100%;
}
#kooperationspartner.spaltengruppe .spalte2:nth-child(2n + 2) blockquote:before{
left:100%;
right:auto;
border-width: 20px 20px 0 0;
border-color: rgba(0,0,0,.9) transparent transparent transparent;
}
#kooperationspartner2 .spalte2:nth-child(2n){
width:20%;
background: #f7f7f7;
padding:15px;
}
#kooperationspartner2 .spalte2:first-child{
width:50%;
}
.gruen{
background:rgb(0,153,64);
color:#fff;
}
.gruen a{
background:#fff;
color:rgb(0,153,64);
padding:5px 20px;
display:inline-block;
}
#menu ul ul li a {
background-color: #fff;
padding: 10px 20px;
}
#menu ul ul li.current_page_item a, #menu ul ul li a:hover, #menu li.current-menu-parent > a {
background:rgb(0,153,64);
color:#fff;
}
#menu a:not([href]):hover {
text-decoration:none;
cursor:default;
}
.alignright{
float:right;
margin-left:10px;
}
.alignleft{
float:left;
margin-right:10px;
}
small{
font-size:50%;
font-weight:400;
color:#666;
}
[id*="aktuelles_news"]{
background:#f7f7f7;
margin-top:20px;
padding:10px 60px 10px 20px;
position:relative;
}
[id*="aktuelles_news"]:after{
content:"";
position:absolute;
right:20px;
top:20px;
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: rgb(0,153,64) transparent transparent transparent;
}
[id*="aktuelles_news"].klickopen:after{
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent  rgb(0,153,64) transparent;
}
.openclose_aktuelles{
background:#f2f2f2;
padding:0 20px;
}
#mitgliederformular small{
font-size:10px;
}
#kontaktformularbereich input,
#kontaktformularbereich textarea,
#mitgliederformular input{
background:#f7f7f7;
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
.slick-dots li button::before {
color:rgb(0,153,64);
font-size: 10px;
opacity: .45;
}
.slick-dots li.slick-active button::before {
opacity: .95;
color: rgb(0,153,64);
}
#kontaktformularbereich textarea{
padding:5px;
}
#Kontaktbereich [class*="spalte"]{
background: none;
}
#mitgliederformular label{
float:left;
width:50%;
padding:0 2%;
margin-bottom:20px;
}
#kontaktformularbereich label{
float:left;
width:100%;
padding:0 2%;
margin-bottom:20px;
}
#kontaktformularbereich .formulartext,
#mitgliederformular .formulartext{
padding:0 2%;
margin-bottom:20px;
display:inline-block;
}
#mitgliederformular span.wpcf7-list-item.first {
margin-left: 0;
}
#kontaktformularbereich input[type="submit"] ,
#mitgliederformular input[type="submit"] {
background:#009940;
}
.post-password-form{
text-align:center;
}
input[type="password"]{
border:0;
background:#e5f4eb;
padding:5px;
width:280px;
display:block;
margin:0 auto;
}
.post-password-form input[type="submit"] {
color: #fff;
background:#009940;
font-weight: 700;
margin: 30px auto 0;
cursor: pointer;
clear: both;
float: none;
padding: 10px 20px;
width: 280px;
text-align: center;
display:block;
}
.button.logout {
position:absolute;
right:0;
top:0;
background: rgb(0,153,64);
color: #fff;
border:0;
padding:10px 20px;
}
#Startboxen .spalte4{
min-height:200px;
}
#Vorstandboxen .spalte5{
min-height:290px;
}
#cookie-notice{
background-color: rgba(0, 153, 64, 0.9)!important; 
}
.cookie-notice-container a{
color:#fff;
}
.pdfprnt-buttons{
float: right;
width:62px
}
.textNachricht h4{
display:inline-block;
}
.dn{
display: none;
}
.spalte2{
text-align: justify;
}
.g-recaptcha{
padding:0 2%;
}
span.wpcf7-list-item {
margin: 0 0 0 0;
}
@media (min-width: 781px) {
#menu.openclose_mobil > div {
padding-top: 0;
}
}
@media (max-width: 1680px) {
#menu a {
padding: 12px 21px;
}
.spalte5 {
width: 31.3333%;
}
#kooperationspartner .spalte4, #kooperationspartner .spalte2, #kooperationspartner .spalte3 {
min-height: 230px;
}
#Vorstandboxen .spalte5{
min-height:240px;
}
}
@media (max-width: 1360px) {
#Startboxen .spalte4 {
width:46%;
}
#logo > a > img {
height: 55px;
margin-top: 17px;
}
#header {
width: 250px;
right: 690px;
}
#menu ul li a {
padding: 12px 6px;
font-size: 15px;
}
#kooperationspartner2 .spalte2:first-child {
width: 60%;
}
#kooperationspartner2 .spalte2:nth-child(2n) {
width: 30%;
}
#kooperationspartner .spalte4, #kooperationspartner .spalte2, #kooperationspartner .spalte3 {
width: 29%;
}
#kooperationspartner .spalte4:nth-child(3n+4) {
clear: left;
}
#kooperationspartner  .spalte4:nth-child(4n+5) {
float: left;
clear:none;
}
#kooperationspartner .spalte4, #kooperationspartner .spalte2, #kooperationspartner .spalte3 {
min-height: 200px;
}
}
@media (max-width: 1200px) {
#kooperationspartner .spalte4, #kooperationspartner  .spalte2, #kooperationspartner .spalte3 {
width:46%;
}
#kooperationspartner .spalte4:nth-child(3n+4) {
clear: none;
}
#menu ul ul {
top: 100%;
right: 0;
}
#kooperationspartner blockquote {
width: 100%;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n+3) blockquote, #kooperationspartner.spaltengruppe .spalte4:nth-child(4n+4) blockquote {
left: 100%;
right: auto;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n+3) blockquote::before, #kooperationspartner.spaltengruppe .spalte4:nth-child(4n+4) blockquote::before {		
left: auto;
right: 100%;
border-width: 0 20px 20px 0;
border-color: transparent rgba(0,0,0,.9) transparent transparent;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(2n+2) blockquote {
left: auto;
right: 100%;
}
#kooperationspartner.spaltengruppe .spalte4:nth-child(2n+2) blockquote::before {
left: 100%;
right: auto;
border-width: 20px 20px 0 0;
border-color: rgba(0,0,0,.9) transparent transparent transparent;
}
}
@media (max-width: 980px) {
#Vorstandboxen .spalte5 {
min-height: 320px;
}
#kooperationspartner2 .spalte2:first-child {
width: 56%;
}
#kooperationspartner2 .spalte2:nth-child(2n) {
width: 36%;
}
#logo > a > img {
height: 45px;
margin-top: 20px;
}
#menu ul li a {
padding: 12px 6px;
font-size: 12px;
}
#header {
width: 184px;
}
#bezierksvertreter .spalte2{
width:46%;
}
.spaltengruppe:not(#bezierksvertreter) .spalte2{
height:auto !important;
margin-bottom:40px;
}
#kooperationspartner [class*="spalte"] {
height: auto !important;
width:96%;
}
#kooperationspartner blockquote::before{
display:none;
}
#kooperationspartner blockquote {
position: relative;
left: 0;
width: 100%;
background: transparent;
color: #666;
display: block;
padding: 20px 2%;
margin-top: 0px;
}
#kooperationspartner.spaltengruppe .spalte2:nth-child(2n+2) blockquote,
#kooperationspartner.spaltengruppe .spalte4:nth-child(4n+3) blockquote, #kooperationspartner.spaltengruppe .spalte4:nth-child(4n+4) blockquote,
#kooperationspartner.spaltengruppe .spalte4:nth-child(2n+2) blockquote {
left: 0;
right: 0;
}
#kooperationspartner blockquote p {
text-align:center !important;
}
#kooperationspartner{
padding-bottom:0px;
}
#mitgliederformular label{
width:100%;
}
#kooperationspartner .spalte4, #kooperationspartner  .spalte2, #kooperationspartner .spalte3 {
width:46%;
}
.pdfprnt-buttons{
float: none;
width:100%;
text-align: center;
}
.textNachricht h4{
display:block;
}
}
@media (max-width: 780px) {
#Vorstandboxen .spalte5 {
min-height: 250px;
}
#kooperationspartner .spalte4, #kooperationspartner  .spalte2, #kooperationspartner .spalte3 {
width: 96%;
}
#kooperationspartner2 .spalte2:first-child {
width: 96%;
}
#kooperationspartner2 .spalte2:nth-child(2n) {
width: 96%;
}
#kooperationspartner2 .spalte1 h6{
display: block;
margin: 0 auto;
}
#kooperationspartner2 .spalte2 h6{
display: none;
}
#menu ul ul li{
border-left:1px solid #fff;
border-right:none;
}
#headerbalken {
background: rgb(0,153,64);
}
#logo > a > img {
height: auto;
margin: 20px 0;
}
#header {
width: 100%;
}
#mobil_oeffnungszeitenbox, #mobil_formularbox{
display:none;
}
.openclose_mobil > div {
padding-top: 0px;
}
#menu ul li a {
padding: 15px 10px;
font-size: 16px;
}
#bezierksvertreter .spalte2,
#Vorstandboxen [class*="spalte"]{
width:100%;
height:auto !important;
}
#bezierksvertreter .spalte2 {
margin-bottom:40px;
}
[id*="aktuelles_news"]{
text-align:left;
font-size:18px;
}
[id*="aktuelles_news"] > small{
font-size:12px;
}
#Startboxen .spalte4 {
width: 96%;
height:auto !important;
min-height:auto !important;
padding-bottom: 15px;
}
.alignleft,
.alignright {
float: none;
margin-left: 0px;
display:block;
margin:0 auto 20px;
}
#teaser:not(.liquid-slider) {
background-position: 70% 50%;
}
#menu ul li.current-menu-parent > ul{
display:block;
}
h2, h3 {
font-size: 20px;
}
body, .readtxt {
font-size: 16px;
}
#kooperationspartner .spalte4, #kooperationspartner .spalte2, #kooperationspartner .spalte3 {
min-height: 220px;
}
}
@media (max-width: 480px) {
.slick-slide img {
margin: 0 auto;
display: block;
height: 100%;
}
.slick-slide{
height:80px;
width:auto;
}
}