html { line-height: 1.4; overflow-x: hidden !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { cursor: default; margin: 0; font-family: "Roboto"; font-size: 16px; line-height: 1.42857143; color: #202020;  background: #ddd !important } .navbar { background-color: #fff; } b{font-weight:bold;} @media (max-width:768px) { .desktop {display:none;} .wow { margin-top: 50px } } .head { color: #fff; margin: 0 auto; padding: 0 15px; line-height: 30px; background: #004f92; position: relative; text-transform: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .head1 { margin-top: -10px; text-align: center; font-size: 1.1em !important; } @media (max-width:470px) { } @media (min-width:768px) { .head1 { margin-top: -10px; text-align: right; margin-right: 5px; } .head { color: #fff; display: inline-block; line-height: 30px; font-size: 0.8em !important; background: #004f92; position: relative; } }       @-webkit-keyframes image_blur { 0% { -webkit-filter: blur(10px);} 50% { -webkit-filter: blur(10px);} 100% { -webkit-filter: blur(0px);} }    .slidern {  -webkit-animation: image_blur 3s;  width:100%;height:400px;object-fit: cover; -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}    @media (max-width:1080px) { .wk {font-size:14px} } @media (min-width:1081px) { .wk {font-size:12px} } @media (max-width:854px) { .wk {font-size:14px} } @media (min-width:961px) { .header-img {top: 40px;} .logohead { margin-top: -10px; width: 250px;margin-left: -10px; } .navlink { font-size: 1em !important; } } @media (max-width:768px) { .header-img {top: 90px;} } @media (max-width:960px) { .logohead { margin-top: -37px; width: 200px;  } .navlink { font-size: 1em !important; } } @media (max-width:768px) { .logohead { margin-top: -32px; width: 200px;margin-left: 15px; } .navlink { font-size: 1em !important; } } @media (max-width:1023px) { .welle { display: none } } .person { width: 45% !important; top: 10%; position: absolute; z-index: 11; transition: left 13s ease; } @media (min-width:3840px) { .person { width: 30% !important; top: 25%; left: 100px; position: absolute; z-index: 11; transition: left 13s ease; } } @media (max-width:1280px) { .person { width: 40% !important; top: 20%; } } @media (max-width:915px) { .person { width: 33% !important; top: 32%;left:25px; } } @media (max-width:768px) { .person { width: 50% !important; top: -5%;left:25px; } } @media (max-width:414px) { .person { width: 55% !important; top: -10%;left:5px; } } .wahlcountdowndiv {background:#f49c0c;} @media(max-width: 768px) { .wahlcountdowndiv {margin-top:50px}} .wahlcountdown { width: 600px; padding: 20px; box-sizing: border-box; } .wahlcountdown.flipdown { margin: auto; } .wahlcountdown h1 { text-align: center; font-weight: 100; font-size: 3em; margin-top: 0; margin-bottom: 10px; } .wahlcountdown p { text-align: center; font-weight: 100; margin-top: 0; margin-bottom: 35px; } .wahlcountdown .buttons { width: 100%; height: 50px; margin: 50px auto 0px auto; display: flex; align-items: center; justify-content: space-around; } .wahlcountdown .buttons p { height: 50px; line-height: 50px; font-weight: 400; padding: 0px 25px 0px 0px; color: #333; margin: 0px; } .wahlcountdown .button { display: inline-block; height: 50px; box-sizing: border-box; line-height: 46px; text-decoration: none; color: #333; padding: 0px 20px; border: solid 2px #333; border-radius: 4px; text-transform: uppercase; font-weight: 700; transition: all .2s ease-in-out; } .wahlcountdown .button:hover { background-color: #333; color: #FFF; } .wahlcountdown.button i { margin-right: 5px; } @media(max-width: 550px) { .wahlcountdown{ width: 100%; } .wahlcountdown h1 { font-size: 2.5em; } .wahlcountdown p { margin-bottom: 25px; } .wahlcountdown .buttons { width: 100%; margin-top: 25px; text-align: center; display: block; } .wahlcountdown .buttons p, .wahlcountdown .buttons a { float: none; margin: 0 auto; } .wahlcountdown .buttons p { padding-right: 0px; } .wahlcountdown .buttons a { display: inline-block; } } .wahlprogramm { padding:10px; } .inner:hover .nachher1 { display: block; } .inner:hover .vorher1 { display: none; } .inner .nachher1 { display: none; z-index: 100; } .inner .vorher1 { display: block; z-index: 50; } .inner:hover .nachher2 { display: block; } .inner:hover .vorher2 { display: none; } .inner .nachher2 { display: none; z-index: 100; } .inner .vorher2 { display: block; z-index: 50; } .inner:hover .nachher3 { display: block; } .inner:hover .vorher3 { display: none; } .inner .nachher3 { display: none; z-index: 100; } .inner .vorher3 { display: block; z-index: 50; } .inner:hover .nachher4 { display: block; } .inner:hover .vorher4 { display: none; } .inner .nachher4 { display: none; z-index: 100; } .inner .vorher4 { display: block; z-index: 50; } .inner:hover .nachher5 { display: block; } .inner:hover .vorher5 { display: none; } .inner .nachher5 { display: none; z-index: 100; } .inner .vorher5 { display: block; z-index: 50; } .inner:hover .nachher6 { display: block; } .inner:hover .vorher6 { display: none; } .inner .nachher6 { display: none; z-index: 100; } .inner .vorher6 { display: block; z-index: 50; } .inner {  border:3px solid #F49C0C; padding:40px;color:#000; text-align:center} .inner:hover {background: #ffffff;border:3px solid #202020; padding:40px;color:#202020; text-align:center; transition: all 1s;} .innerut {width:100%} .inneru {padding:10px} .grid { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; figure { margin: 1rem; position: relative; figcaption { background: rgba(0,79,146, .8); bottom: 5px; box-sizing: border-box; position: absolute; width: 100%; padding: .7rem; -webkit-transition: max-height 0.3s ease-out; overflow: hidden; } p { margin-top: .5rem; } h2 {font-size:12px} } img { width: 100%; object-fit: cover; } } @media screen and (min-width: 301px) { figure { width: calc(100% - 2rem); figcaption { height: 50px; } &:hover { figcaption { position: absolute; bottom: 5px; width: 100%; height: 100%; transition: height .5s ease-in; } p { opacity: 1; -webkit-transition: opacity .5s ease-in .6s; -moz-transition: opacity .5s ease-in .6s; -ms-transition: opacity .5s ease-in .6s; transition: opacity .5s ease-in .6s; } } } p { opacity: 1; } } @media screen and (max-width: 300px) { figure { width: 100%; } p { opacity: 1; } figcaption { height: auto; } } @media(max-width: 768px) { .vorstand1.vorstand3{text-align:center} } .btna { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-bottom: 25px; padding:10px; color: #fff !important; background: #F49C0C; } .btn { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-bottom: 25px; padding:10px; color: #fff !important; background: #004f92; } .btn:hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-color:#004f92; margin-bottom: 25px; color: #004f92 !important; background: #fff; transition-property: all; transition-duration: .4s; transition-timing-function: ease; transition-delay: .4s; } .v2 { color:#f49c0c; } .v1:hover { fill: #f49c0c !important; animation-iteration-count: 1; transition: all 0.1s ease-in ; color:#f49c0c; } .dropdown-item {padding-left: 10px;} .navlink2:hover{color:#f49c0c;} @media(max-width: 960px) { .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; margin-top: 2px; font-size: 14px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } } .tabbed figure { display: block; margin-left: 0; width: 100%; clear: both;border:0px solid #202020; } .tabbed > input, .tabbed figure > div { display: none; } .tabbed figure>div { } #tab1:checked ~ figure .tab1, #tab2:checked ~ figure .tab2, #tab3:checked ~ figure .tab3 { display: block;} nav label {bottom: -10px; float: left;padding: 15px 15px; background: #004f92; color: #fff; bottom: -5px; position: relative; } nav label:nth-child(1) { bottom: -5px; position: relative; } nav label:hover { background: #f49c0c; } nav label:active { background: #f49c0c; } #tab1:checked ~ nav label[for="tab1"], #tab2:checked ~ nav label[for="tab2"], #tab3:checked ~ nav label[for="tab3"] { background: #F49C0C; color: #202020; position: relative; border-bottom: none; } #tab1:checked ~ nav label[for="tab1"]:after, #tab2:checked ~ nav label[for="tab2"]:after, #tab3:checked ~ nav label[for="tab3"]:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: white; left: 0; bottom: -1px; } @media (max-width: 767px) { .row.reorder-xs { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); direction: rtl; } .row.reorder-xs > [class*="col-"] { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); direction: ltr; } } .li_u {border-bottom: 1px solid #202020;padding-top:5px;font-size:12px;} .feld {border-radius: .25rem; background: #fff !important;padding:15px} .tip {background:#F49C0C; height:100%; padding:10px} .weiterlesen {margin:10px; position:absolute;right:-5px; bottom:-5px;padding:5px; background:#004f92;color:#fff !important; border:0px;} .weiterlesen > a {margin:10px; position:absolute;right:-5px; bottom:-5px;padding:5px; background:#004f92;color:#fff !important; border:0px;} @media only screen and (min-width:1024px) { .start1 {height: 250px !important;}} @media only screen and (max-width:1024px) { .start1 {height: 300px !important;}} /*! * SVG Wahlkreise */ svg {font-size:12px} @media only screen and (min-width:1024px) { .mittig { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}} #g56,#g62,#g26,#Erzgebirgskreis_12_-_16,#Görlitz,#Bautzen_52_-_56,#Mittelsachsen_17_-_20,#text1,#text9{ animation-iteration-count: 1; animation: opacity2 3s ease-in ; } #g56:hover,#g62:hover,#g26:hover,#Erzgebirgskreis_12_-_16:hover,#Görlitz:hover,#Bautzen_52_-_56:hover,#Mittelsachsen_17_-_20:hover{ animation-iteration-count: 1; animation: opacity3 4s ease ; } #g38,#g50,#g74,#Meißen,#Vogtland,#Leipzig_Stadt,#text4,#text10,#text7,#text5{ animation-iteration-count: 1; animation: opacity 3s ease-in ; }	#g38:hover,#g50:hover,#g74:hover,#Meißen:hover,#Vogtland:hover,#Leipzig_Stadt:hover{ animation: opacity3 4s ease ; animation-iteration-count: 1; } #g32,#g44,#g14,#g68,#Dresden,#Zwickau,#Chemnitz,#Nordsachsen,#text3,#text8,#text6{ animation-iteration-count: 1; animation: opacity2 3s ease-in ; }	#g32:hover,#g44:hover,#g14:hover,#g68:hover,#Dresden:hover,#Zwickau:hover,#Chemnitz:hover,#Nordsachsen:hover{ animation: opacity3 4s ease; animation-iteration-count: 1; } #g20,#g8,#g80,#SOE_48_-_51,#Leipzig_Land_21_-_24,#text2{ animation: opacity1 3s ease-in ; animation-iteration-count: 1; }	#g20:hover,#g8:hover,#g80:hover,#SOE_48_-_51:hover,#Leipzig_Land_21_-_24:hover{ animation: opacity3 4s ease ; animation-iteration-count: 1; }  #text10:hover,#text9:hover,#text8:hover,#text7:hover,#text6:hover,#text5:hover,#text4:hover,#text3:hover,#text2:hover,#text1:hover{ animation: opacity3 4s ease ; animation-iteration-count: 1; }   @keyframes opacity { 0% { opacity:0; } 100% { opacity:1; } } @keyframes opacity1 { 0% { opacity:0; } 30% { opacity:0.5; } 100% { opacity:1; } } @keyframes opacity2 { 0% { opacity:0; } 50% { opacity:0.5; } 100% { opacity:1; } } @keyframes opacity3 { 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:0; } } .wk { font-size: 12px; } .slow { animation: slowm 1.5s; opacity:1; } @keyframes slowm { from { opacity:0; } to { opacity:1; } }  .v2 {  color: #fff !important;} .v3 {  color: #f49c0c !important;}  


.slidersvg { margin-left: -250px;  margin-top: -120px;}                             

@media (max-width:1180px)  {.slidersvg { margin-left: -250px;
  margin-top: -50px;
  width: 160%;} }

@media (max-width:915px)  {.slidersvg { margin-left: -250px;
  margin-top: -150px;
  width: 180%;} }
@media (max-width:768px) {.slidersvg { margin-left: -100px;
  margin-top: -200px;
  width: 140%;} } 
@media (max-width:414px)  {.slidersvg { margin-left: -60px;
  margin-top: -200px;
  width: 140%;}    }  .formularfeld {
  display: none;
}
.spnd{ }