/* JGR-Wahl Stylesheet Horb am Neckar
 * @updated 2026-02-24 by Thomas Jirasko
 */
:root {
	--color-text:#000;
	--color-main:#e5223f;
	--color-sub:#000;
	--color-warning:#ff0000;
	--color-success:#04ac00;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

html{/*background:linear-gradient(to bottom right,rgb(98,177,205) 0%,rgb(136,201,225) 100%);*/}
html,body{height:100%;width:100%;}
body,table{background-color:transparent;color:var(--color-text);font-family:OpenSansRegular,Arial,Verdana,sans-serif;}
*{margin:0;padding:0;}
h1{font-size:1.1em;}
h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0 0 5px;}
h2,h3{font-size:1em;}
h5{font-size:.8em;}
h6{font-size:.7em;}
img{vertical-align:bottom;}
img.listen,img.kandidaten{margin:0 3px 0 0;}
img.wahl{margin:0 2px 0 -1px;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;font-size:1em;}
a:link,a:visited,a:active{color:var(--color-sub);text-decoration:none;}
a:hover{color:#999;text-decoration:underline;}
a.text_link{color:#555;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
body,h4{font-size:.9em;}
.missing{border:1px dashed red;}
:focus{outline:0;}
a img{border:none;}
caption,th,td{font-weight:normal;text-align:left;}
br{line-height:8px;}
.schatten {-moz-box-shadow:2px 2px 3px #666;-webkit-box-shadow:2px 2px 3px #666;-khtml-box-shadow:2px 2px 3px #666;box-shadow:2px 2px 3px #666;} 
input[type=submit],textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
.fancybox_message{margin:0;padding:0;font-size:1.1em;}
br.clearfix{clear:both;float:none;height:0;font-size:0;}
.text-small{}
.text-medium{font-size:1.2em;line-height:1.4em;}
.text-large{font-size:1.3em;line-height:1.4em;}
.text-normal{font-weight:normal;}
.text-hint{color:var(--color-main);}
.text-success{color:var(--color-success);}
.margin-top-medium{margin-top:25px;}

div#header{}
div#header img.banner{display:block;width:100%;max-width:980px;height:auto;margin:0 auto;}

/* --- index --- */
body.index{font-size:.9em;line-height:1.3em;}
#indexCanvas{margin:25px auto 0 auto;width:auto;max-width:980px;min-height:calc(100% - 300px);color:var(--color-text);font-weight:normal;text-align:left;}
#indexCanvas p{padding:7px 0 20px 0;}
#indexCanvas p.slogan{padding:0;font-size:1.2em;line-height:1.5em;}
#indexCanvas h1{font-size:1.8em;line-height:1.2em;color:var(--color-sub);clear:both;margin-bottom:30px;padding-bottom:5px;font-weight:normal;}
#indexCanvas h1.main{text-align:center;margin-top:25px;color:var(--color-main);}
#indexCanvas h2{font-size:1.5em;line-height:1.2em;clear:both;color:var(--color-main);border-bottom:1px solid #CCC;margin-top:15px;margin-bottom:25px;padding-bottom:5px;font-weight:normal;}
#indexCanvas .messages{padding:30px 0;clear:both;width:100%;text-align:center;}
#indexCanvas ul{margin:13px 0;}
#indexCanvas li{background:url('../images/bullet.png') no-repeat left 5px;padding:0 0 0 15px;margin:0 0 5px 0;}
h1.wahlBeendet{min-width:300px;max-width:980px;text-align:center;margin:10px 0;font-size:1.8em;line-height:1.2em;color:var(--color-main);font-weight:normal;}
a:link,a:visited,a:active{color:var(--color-sub);text-decoration:underline;}
a:hover{color:var(--color-main);}

/* --- info --- */
#indexCanvas .info_wrap .col p{font-size:1.1em;line-height:1.4em;}
#indexCanvas .info_wrap{/*border-top:1px solid #999;*/}
#indexCanvas .info_wrap h1{margin-bottom:0;}
#indexCanvas .info_wrap.tan{margin-top:50px;}
#indexCanvas .info_wrap table{margin-bottom:15px;}
#indexCanvas .info_wrap table td{padding:5px 15px 5px 0;}
#indexCanvas .info_wrap .hidden{display:none;}
#indexCanvas button.open-wahl-info{display:block;margin:10px 0;border:1px solid var(--color-main);color:#fff;padding:8px 28px 8px 15px;font-size:1.1em;text-decoration:none;transition:all .15s ease-in-out;border-radius:7px;background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIGZpbGwtMDAwMDAwIiBkPSJNMTguNTkgMTNIM2ExIDEgMCAwIDEgMC0yaDE1LjU5bC01LjMtNS4zYTEgMSAwIDEgMSAxLjQyLTEuNGw3IDdhMSAxIDAgMCAxIDAgMS40bC03IDdhMSAxIDAgMCAxLTEuNDItMS40bDUuMy01LjN6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+') no-repeat;background-color:var(--color-main);background-position:calc(100% - 5px) 9px;background-size:18px 18px;}
#indexCanvas button.open-wahl-info:hover{background:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIGZpbGwtMDAwMDAwIiBkPSJNMTguNTkgMTNIM2ExIDEgMCAwIDEgMC0yaDE1LjU5bC01LjMtNS4zYTEgMSAwIDEgMSAxLjQyLTEuNGw3IDdhMSAxIDAgMCAxIDAgMS40bC03IDdhMSAxIDAgMCAxLTEuNDItMS40bDUuMy01LjN6IiBmaWxsPSIjOTg1ZjcwIj48L3BhdGg+PC9zdmc+') no-repeat;background-position:calc(100% - 5px) 9px;background-size:18px 18px;color:var(--color-main);cursor:pointer;text-decoration:none;filter:brightness(0) saturate(100%) invert(26%) sepia(41%) saturate(5890%) hue-rotate(356deg) brightness(85%) contrast(95%);}
#indexCanvas table.stimmverteilung-info thead{display:none;}

/* --- Einspaltig --- */
#indexCanvas .full_col{clear:both;padding:0;}
#indexCanvas .full_col img.info{width:100%;}
/* --- Zweispaltig 50% | 50% --- */
#indexCanvas .col_left{float:left;min-width:270px;max-width:46%;padding:0 3% 0 0;margin:25px 0 0 0;}
#indexCanvas .col_right{float:left;min-width:270px;max-width:46%;padding:0 0 0 3% ;margin:25px 0 0 0;}
#indexCanvas .contact .label{display:block;margin-bottom:10px;text-transform:uppercase;}

/* --- Messages --- */
.messages{margin:50px 0 25px 0;}
.messages p.error{min-height:25px;padding:2px 0 0 40px;font-size:1.2em;font-weight:400;color:#eb0000;background:url('../images/icon-alert.png') no-repeat left top transparent;background-size:25px 25px;}
.messages p.info{min-height:25px;padding:2px 0 0 40px;font-size:1.2em;font-weight:400;color:#0182c5;background:url('../images/icon-info.png') no-repeat left top transparent;background-size:25px 25px;}
.messages p.success{min-height:25px;padding:2px 0 0 40px;font-size:1.2em;font-weight:400;background:url('../images/icon-success.png') no-repeat left top transparent;background-size:25px 25px;}
.messages p.hint{min-height:25px;padding:2px 0 0 40px;background:url('../images/icon-hint.png') no-repeat left top transparent;background-size:25px 25px;}
.messages p + p{margin-top:8px;}

/* --- Kandidaten --- */
#indexCanvas .kandidaten_wrap{position:relative;columns:2;column-gap:4em;}
#indexCanvas .kandidaten_wrap.ergebnis{margin-top:25px;}
#indexCanvas .kandidat_wrap{display:inline-block;margin-bottom:35px;width:100%;}
#indexCanvas .kandidat_wrap img.kandidat{display:block;float:left;margin:0 15px 15px 0;width:96px;}
#indexCanvas .kandidat_wrap .info{position:relative;display:block;float:left;width:calc(100% - 111px);padding: 0 0 7px 0;}
#indexCanvas .kandidat_wrap .zurueckgezogen{padding-top:15px;font-weight:600;color:#ff0000;}
#indexCanvas .kandidat_wrap div.platz{display:inline-block;font-size:1.1em;padding:.2em .5em .075em .5em;color:#fff;background-color:var(--color-main);margin:.1em 0 .5em 0;border-radius:5px;}
#indexCanvas .kandidat_wrap div.name{display:block;color:var(--color-sub);font-size:1.15em;}
#indexCanvas .kandidat_wrap div.beruf{display:block;padding-top:5px;padding-bottom:15px;}
#indexCanvas .kandidat_wrap div.beschreibung{position:relative;display:block;font-style:italic;}
#indexCanvas .kandidat_wrap div.beschreibung strong{font-style:normal;}

#indexCanvas .kandidat_wrap .video-toggle-button{position:relative;display:inline-block;width:100px;height:30px;margin-top:10px;padding:2px 10px;background:url('../images/icon-video-ws.png') no-repeat 70px center #ed2524;background-size:40px 26px;color:#fff;font-weight:600;line-height:30px;border-radius:5px;transition:opacity .15s ease-in-out;}
#indexCanvas .kandidat_wrap .video-toggle-button:hover{cursor:pointer;opacity:.80;}
#indexCanvas .kandidat_wrap .video-toggle-button.close{position:absolute;width:30px;height:30px;right:5px;margin:15px 0 0 0;z-index:9;padding:0;background:url('../images/icon-cancel-ws.png') no-repeat center center transparent;background-size:contain;line-height:30px;text-indent:-9999px;border-radius:15px;}
#indexCanvas .kandidat_wrap .video-player_wrap{position:relative;padding-bottom:56.25%;width:100%;height:0;margin-top:10px;}
#indexCanvas .kandidat_wrap .video-player_wrap.portrait{padding-bottom:176.25%;}
#indexCanvas .kandidat_wrap .video-player_wrap.hidden{display:none;}
#indexCanvas .kandidat_wrap .video-js{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow: 0 0 2px #ccc;}
/*#indexCanvas .kandidat_wrap .video-js .vjs-big-play-button{top:calc(50% - 25px);left:calc(50% - 45px);}*/
#indexCanvas .kandidat_wrap .vjs-poster{background-color:#eaeaea;}

/*#indexCanvas ul.downloads  li{background:url('../images/bg_li_download.gif') no-repeat 0px 2px;padding:0 0 0 14px;margin:0 0 5px 0;}*/

/* --- Bewerbung info --- */
#indexCanvas .bewerbung_info{position:relative;padding:25px 25px 15px 140px;color:#000;margin:0 0 50px 0;/*background:linear-gradient(to bottom right,rgb(66,89,69) 0%,rgb(116,133,120) 100%);*/background:linear-gradient(to bottom right,rgb(58,184,188) 0%,rgb(29,198,203) 100%);border-radius:25px;color:#fff;}

span.bewerbung-info-icon-hint{position:absolute;top:calc(50% - 40px);left:25px;display:block;height:80px;width:80px;background:url('../images/icon-hint.png') no-repeat center center transparent;background-size:cover;}

#indexCanvas .bewerbung_info a.button-bewerbung{display:inline-block;margin-left:calc(50% - 140px);border:1px solid var(--color-main);background:var(--color-main);color:#fff;padding:8px 15px 8px 15px;font-size:1.1em;text-decoration:none;transition:all .15s ease-in-out;border-radius:7px;}
#indexCanvas .bewerbung_info a.button-bewerbung:hover{background:#fff;color:var(--color-main);cursor:pointer;text-decoration:none;}

/* --- Bewerbung --- */
#bewerbungCanvas{box-sizing:border-box;margin:50px auto 0 auto;width:auto;max-width:980px;min-height:calc(100% - 300px);color:var(--color-text);font-weight:normal;text-align:left;padding-bottom:20px;}
#bewerbungCanvas h1{text-align:center;font-size:1.7em;line-height:1.3em;font-weight:400;color:var(--color-main);margin-bottom:25px;}
#bewerbungCanvas h2{text-align:center;font-size:1.4em;line-height:1.3em;font-weight:400;color:var(--color-sub);margin-bottom:15px;}
#bewerbungCanvas p.bewerbungsfrist{text-align:center;font-size:1.2em;}
#bewerbungCanvas .success_wrap{border:1px solid #ccc;border-radius:10px;margin-top:30px;}
#bewerbungCanvas .success_wrap .top{padding:25px;border-top-left-radius:10px;border-top-right-radius:10px;background:#efefef;}
#bewerbungCanvas .success_wrap .center{padding:25px;}
#bewerbungCanvas .success_wrap .bottom{padding:25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ccc;}
#bewerbungCanvas .success_wrap h3{font-size:1.3em;line-height:1.5em;margin-bottom:0;color:#04ac00;text-shadow:0 0 3px #fff;text-align:center;}
#bewerbungCanvas .success_wrap h4{font-size:1em;}
#bewerbungCanvas .success_wrap table{width:100%;margin-top:20px;}
#bewerbungCanvas .success_wrap table td.label{width:100px;padding:5px 5px 5px 0;text-align:left;vertical-align:top;}
#bewerbungCanvas .success_wrap table td.value{padding:5px 0 5px 5px;text-align:left;vertical-align:top;}
#bewerbungCanvas .success_wrap p{margin-bottom:15px;}
#bewerbungCanvas .success_wrap .bottom .left{float:left;width:calc(100% - 155px);}
#bewerbungCanvas .success_wrap .bottom .right{float:right;width:auto;text-align:right;}

form#bewerbung *{box-sizing:border-box;}
form#bewerbung{margin-top:50px;}
form#bewerbung .row{clear:both;margin:0 0 25px 0;}
form#bewerbung .row .mandatory-hint{text-align:right;color:var(--color-warning);}
form#bewerbung .row span.mandatory{color:var(--color-warning);}
form#bewerbung .col{width:100%;margin-bottom:20px;}
form#bewerbung .col.full{clear:both;}
form#bewerbung .col.fifty-first{clear:both;float:left;width:48.5%;margin-right:1.5%;}
form#bewerbung .col.fifty-last{float:left;width:48.5%;margin-left:1.5%;}
form#bewerbung .col.conditional{margin-top:15px;}
form#bewerbung .col.conditional.hidden{display:none;}
form#bewerbung .col label{display:block;margin-bottom:5px;color:#444;font-weight:600;}
form#bewerbung .col label.strasse{float:left;width:calc(100% - 80px);margin-right:10px;}
form#bewerbung .col label.hausnr{float:left;width:70px;}
form#bewerbung .col label.plz{float:left;width:90px;margin-right:10px;}
form#bewerbung .col label.ort{float:left;width:calc(100% - 100px);}
form#bewerbung .col input[type="text"],
form#bewerbung .col input[type="number"],
form#bewerbung .col input[type="email"]{width:100%;border:1px solid #ccc;padding:8px 10px;background:#fff;font-size:1em;}
form#bewerbung .col input[type="number"]{padding-right:0;}
form#bewerbung .col.radio{}
form#bewerbung .col input[type="checkbox"]{display:inline-block;width:15px;height:15px;margin:0 3px 3px 0;vertical-align:middle;}
form#bewerbung .col input[type="radio"]{display:inline-block;vertical-align:middle;margin-top:0px;}
form#bewerbung .col input[type="file"]{width:100%;border:1px solid #ccc;padding:8px 10px;}
form#bewerbung .col span.label-inline{display:inline-block;color:#666;padding:0 10px 0 3px;margin-top:8px;}
form#bewerbung .col span.label-inline.right{}
form#bewerbung .col textarea{width:100%;min-height:200px;border:1px solid #ccc;font-family:OpenSansRegular,Arial,Verdana,sans-serif;padding:8px 10px;font-size:1em;}
form#bewerbung .col input[type="number"].plz{display:inline-block;width:90px;margin-right:10px;}
form#bewerbung .col input[type="text"].ort{display:inline-block;width:calc(100% - 104px);}
form#bewerbung .col select{display:inline-block;font-family:OpenSansRegular,Arial,Verdana,sans-serif;padding:6px 0 6px 10px;border:1px solid #ccc;font-size:1em;}
form#bewerbung .col select.tag{min-width:60px;margin-right:10px;}
form#bewerbung .col select.monat{min-width:60px;margin-right:10px;}
form#bewerbung .col select.jahr{min-width:75px;}
form#bewerbung .col select option{padding:2px 10px;font-family:OpenSansRegular,Arial,Verdana,sans-serif;font-size:1em;}
#bewerbungCanvas .row.buttons{position:relative;margin-top:30px;text-align:right;}
#bewerbungCanvas .row.buttons.center{text-align:center;}
#bewerbungCanvas .row.buttons a.button{display:inline-block;;border:1px solid #aaa;background:#aaa;color:#fff;padding:8px 15px 8px 15px;font-size:1.1em;border-radius:7px;text-decoration:none;text-align:center;}
#bewerbungCanvas .row.buttons a.button.left{float:left;}
#bewerbungCanvas .row.buttons a.button.right{float:right;}
#bewerbungCanvas .row.buttons input[type="submit"].right{float:right;}
#bewerbungCanvas .row.buttons a.button:hover{background:#fff;color:var(--color-main);cursor:pointer;}
#bewerbungCanvas .row.buttons input[type="submit"],
#bewerbungCanvas .success_wrap input[type="button"]{border:1px solid var(--color-main);background:var(--color-main);color:#fff;padding:8px 15px 8px 15px;font-size:1.1em;border-radius:7px;}
#bewerbungCanvas .row.buttons input[type="submit"]:hover,
#bewerbungCanvas .success_wrap input[type="button"]:hover{background:#fff;color:var(--color-main);cursor:pointer;}
#bewerbungCanvas .row.buttons input[type="submit"].disabled{border:1px solid #ddd;background:#ddd;}
#bewerbungCanvas .row.buttons input[type="submit"].disabled:hover{background:#ddd;color:#fff;cursor:default;}
#bewerbungCanvas .row.buttons span.loading{position:absolute;display:inline-block;right:190px;height:38px;width:38px;background:url('../images/loading.gif') no-repeat center center;background-size:100% 100%;}
form#bewerbung span.input_error_message{display:block;margin:5px 0 0 0;color:var(--color-warning);}
form#bewerbung input.error,
form#bewerbung select.error,
form#bewerbung textarea.error{box-shadow:0 0 2px 1px color:var(--color-warning);}

/* --- Videoupload --- */
#videouploadCanvas{box-sizing:border-box;margin:50px auto 0 auto;width:auto;max-width:980px;min-height:calc(100% - 300px);color:var(--color-text);font-weight:normal;text-align:left;padding:0 25px 20px 25px;}
#videouploadCanvas img.banner{display:block;width:100%;height:auto;margin:0 0 42px 0;}
#videouploadCanvas h1{text-align:center;font-size:1.7em;line-height:1.3em;font-weight:400;color:var(--color-sub);margin-bottom:25px;}
#videouploadCanvas h2{text-align:center;font-size:1.4em;line-height:1.3em;font-weight:400;color:var(--color-main);margin-bottom:15px;}
#videouploadCanvas p{margin-bottom:1em;}
#videouploadCanvas ul{margin-bottom:1em;list-style-type:square;margin-left:15px;}
#videouploadCanvas p.bewerbungsfrist{text-align:center;font-size:1.2em;}
#videouploadCanvas .messages p.error{font-size:1.2em;margin-top:0;}
#videouploadCanvas .messages p.info span.part:after{content:"|";padding:0 10px;}
#videouploadCanvas .messages p.info span.part:last-child:after{content:"";padding-right:0;}

#videouploadCanvas .videoupload-form_filewrap{box-sizing:border-box;position:relative;display:table;margin:50px 0 0 0;overflow:hidden;height:300px;width:100%;background:url('../images/upload-filewrap.png') no-repeat #fff center 30px;padding:0;border-radius:10px;text-align:center;}
#videouploadCanvas .videoupload-form_filewrap.hidden{display:none;}
#videouploadCanvas .videoupload-form_filewrap .fileinput-button{display:table-cell;font-size:1.25em;line-height:1.5em;padding:10px 10px 40px 10px;width:100%;height:100%;cursor:pointer;border:1px dashed #05638e;border-radius:10px;vertical-align:bottom;}
#videouploadCanvas .videoupload-form_filewrap .fileinput-button span{color:#777;}
#videouploadCanvas .videoupload-form_filewrap .fileinput-button input{position:absolute;top:0;left:0;right:0;width:inherit;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:240px !important;direction:ltr;cursor:pointer;}
/* Fixes for IE < 8 */
@media screen\9 {
  #videouploadCanvas .videoupload-form_filewrap .fileinput-button{filter:alpha(opacity=0);font-size:100%;height:100%;}
}
#videouploadCanvas .files .file{position:relative;margin-top:25px;background:linear-gradient(to right, lightblue 50%, transparent 50%);background-size:200% 100%;background-position:right bottom;font-size:1.2em;transition:all 1s ease;}
#videouploadCanvas .files .file.done{background:lightgreen;}
#videouploadCanvas .files .file span.title{display:block;position:relative;padding:8px 5px 8px 40px;color:black;background:url('../images/loading.gif') no-repeat left center;background-size:30px 30px;}
#videouploadCanvas .files .file span.title.failed,
#videouploadCanvas .files .file.done span.title{background:transparent;padding-left:5px;}
#videouploadCanvas .files .file.done span.title a.preview{display:block;float:left;height:30px;width:30px;margin:-5px 10px 0 0;background:url('../images/icon-preview.png') no-repeat center center;background-size:cover;}
#videouploadCanvas .files .file span.error{display:inline-block;min-height:15px;margin-top:8px;padding-left:24px;color:#eb0000;background:url('../images/icon-alert.png') no-repeat left 2px transparent;background-size:15px 15px;}
#videouploadCanvas .files .file span.cancel{display:block;float:right;height:30px;width:30px;margin:-5px 0 0 0;background:url('../images/icon-cancel.png') no-repeat center center;background-size:cover;}
#videouploadCanvas .files .file span.cancel:hover{cursor:pointer;}
#videouploadCanvas .files .file span.delete{display:block;float:right;height:30px;width:30px;margin:-5px 0 0 0;background:url('../images/icon-delete.png') no-repeat center center;background-size:cover;}
#videouploadCanvas .files .file span.delete:hover{cursor:pointer;}

#videouploadCanvas .video-player_wrap{position:relative;padding-bottom:56.25%;width:100%;height:0;}
#videouploadCanvas .video-player_wrap.hidden{display:none;}
#videouploadCanvas .video-js{position:absolute;top:0;left:0;width:100%;height:100%;}
#videouploadCanvas .video-js .vjs-big-play-button{top:calc(50% - 25px);left:calc(50% - 45px);}
#videouploadCanvas .vjs-poster{background-color:#eaeaea;}

#videouploadCanvas .description{margin-top:25px;}
	
/* --- LOGIN TAN-Eingabe - Anfang => Dieser Abschnitt ist funktionsrelevant --- */
form.tan-input{position:relative;z-index:1;padding:50px 0 0 0;background:#FFF;}
form.tan-input label.code{display:block;float:left;width:37.5%;min-width:180px;font-weight:normal;font-size:1.8em;text-align:right;line-height:1.4em;padding-top:8px;margin-bottom:0 !important;color:var(--color-text) !important;}
#tanInput{display:block;min-width:180px;width:25%;float:left;text-align:center;}
#tanInput input{width:99%;max-width:180px;text-align:center;min-width:150px;border:2px solid #000;color:var(--color-text);font-size:2.8em;box-shadow:0 1px 3px #999;padding:3px 0;}
.submit_login_wrap{display:block;float:left;width:37.5%;text-align:left;padding-top:12px;}
.submit_login_wrap input.submitButton{font-size:1.8em;line-height:1.2em;white-space:nowrap;color:var(--color-main);border:none;background:transparent;font-family:OpenSansRegular,Arial,Verdana,sans-serif;padding-right:33px;background:url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tcmlnaHQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ij48L3BhdGg+PC9zdmc+') no-repeat transparent right 2px;background-size:auto 90%;}
input.submitButton:hover{cursor:pointer;color:var(--color-main-hover);}
.tanMsg{clear:both;width:100%;text-align:center;padding-top:15px;}
.login p.blink{font-size:1.4em;}
.login p.error{color:#d8001d;margin:0;text-align:center;}
.login p.success{color:var(--color-sub);margin:35px 0 0 0;text-align:center;font-size:1.6em;line-height:1.4em;}

/* --- WAHLZETTEL Abstimmung --- */
#canvasWahlzettel{position:relative;margin:0 auto 6px auto;max-width:550px;border:1px solid #ededed;-webkit-box-shadow:0 0 3px #666;-khtml-box-shadow:0 0 3px #666;box-shadow:0 0 3px #666;}
#wz-top{background:#ededed;position:fixed;z-index:10;top:0;width:100%;max-width:550px;text-align:center;}
#wz-top h1{font-size:1.3em;font-weight:bold;margin-bottom:10px;border-bottom:1px solid #fff;}
#wz-top h1 img{width:100%;height:auto;}
#wz-top label{color:#000;display:inline-block;font-size:1.3em;padding:2px 15px 10px 5px;text-decoration:none;white-space:nowrap;}
#wz-top span.votesLeft{color:var(--color-warning);font-size:1.6em;font-weight:bold;vertical-align:baseline;}
#wz-content{padding-top:167px;}
#wz-content .wz_tbl{background-color:#FFF;border-spacing:4px;color:#000;display:inline-table;width:100%;}
#wz-content .wz_tbl td{padding:5px;text-align:left;vertical-align:middle;}
#wz-content .wz_tbl td.foto{width:72px;padding-top:10px;padding-bottom:10px;}
#wz-content .wz_tbl td.foto img{display:block;height:100%;width:100%;height:auto;border:1px solid #CCC;}
#wz-content .wz_tbl td.name{font-size:12px;}
#wz-content .wz_tbl td.name strong{display:block;font-size:14px;}
#wz-content .wz_tbl td span.zurueckgezogen{font-weight:600;color:var(--color-warning);}
#wz-content .wz_tbl td.null,
#wz-content .wz_tbl td.eins,
#wz-content .wz_tbl td.zwei,
#wz-content .wz_tbl td.drei{text-align:center;padding:5px 0 !important;width:52px;}
#wz-content .wz_tbl tr.grey{background-color:#dfdfdf;}
#wz-content .wz_tbl tr td.null{background:url('../images/stimme-0.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.eins{background:url('../images/stimme-1.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.zwei{background:url('../images/stimme-2.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.drei{background:url('../images/stimme-3.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.vier{background:url('../images/stimme-4.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.fuenf{background:url('../images/stimme-5.png') no-repeat center 20px;}
#wz-content .wz_tbl tr td.stimmen.active{filter: invert(44%) sepia(82%) saturate(5799%) hue-rotate(120deg) brightness(101%) contrast(99%);}
/* --- Klickzone für das Abdecken der Radiobuttons -> Switchen wird per JavaScript gemacht, außer JavaScript ist off --- */
#wz-content .wz_tbl tr td span.klick_zone{display:none;position:absolute;z-index:5;height:55px;width:55px;margin-right:2px;margin-top:-35px;cursor:pointer;}
*+html>body #wz-content .wz_tbl tr td span.klick_zone{margin-left:-11px;/* IE */}
#wz-content input#waehlen{background:#D7011D !important;border:2px solid #FFF;color:#FFF;cursor:pointer;font-size:1.5em;font-weight:bold;height:50px;width:100%;}
#wz-content input#waehlen:hover{background-color:#FFF !important;border:2px solid #D7011D;color:#D7011D;}
#wz-content tr.white{background-color:#fff;}
#wz-content td.keine-kandidaten{padding:20px 10px !important;background-color:#D7011D;color:#fff;text-align:center;font-size:1.2em;}

#wz-content .wz_kandidat-info_show{display:block;color:var(--color-main);font-weight:600;height:20px;padding-left:26px;}
#wz-content .wz_kandidat-info_show:before{position:absolute;display:block;content:"";display:inline-block;height:20px;width:20px;margin:-4px 0 0 -26px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACmUlEQVR4nO2aTYhNcRyGn/c3jFkRNTYiWfhcjY2FUiiLaRaaZkuJrHzkoxCTWNlYKUVR8lGapCyGaHYWSqFJIUo2I8NkoiZT1xyLe2ZBk3vuveec37/+56l3/77Pud177v8cqKioqKgohG5gUNKwpIfAWWCpc6fS2CTpq6Tkn0wAm73LFc1CSZ/nGD+bcWCxd8kiGfzP+ERSAhzxLlkU3ZJ+NBJgZje9ixaCmV1uND4VcN27axH0SKplEQDs8i6bNybpWZbx6S9Bl3fhvDmccXxiZhe9y+bNWklTGQXMAKu9C+fJAkmvsl59SSPehXPFzK41MT4BBrw758mhZsZLGgPmeZfOi35Jv5sRYGYXvEvnRa+k6SavfgIc9C6eB/2tjE/zHOj0HtAOB5r92M+RUernAidLynGglza/e7rM7Eqbw73zHtjYyvgNkl4GMCCPTADLsg7vBE5L+hVA8dxiZpeyjO+T9M67bEF503C9pG8BFC0qn2IX8CBqAcD2WAXMAKcajg9UwLSkt5Jet5AX6QFs9mcRAQpIJE2a2XlgfuYhrRKogNnci11AAvRHLcDM7kYtQNLTqAWY2Z2oBQB90Qows1uFjg9YwBfgBNARk4BJSUNAD6DChwcoYDZjwLqYBSSqH6ZazAISYGvsAsp5sBKwgD0xC6gBK6IVUOpbJYEJqKXji78BCkzAKLAbWF7a8MAEJMCO0seHJEDSEy8BwwGMTyR9dxGQMiDpg7OAcU8BUD+C3uclovCzvybooP5qzIikmZIETAHrvYfPxSrgjKTRgj/627yHZmElsN/Mbkv62Obon6p/6x8FFvnOap0lwBZgr5mdM7OrkoZU/1V5LOmRpPtmdiO9uzsG7ATWUNZ//YqKioqKv/kD5TaCsGokTY8AAAAASUVORK5CYII=') no-repeat left center transparent;background-size:20px 20px;transition:all .2s ease-out;filter:brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(5819%) hue-rotate(4deg) brightness(90%) contrast(88%);}
#wz-content .wz_tbl td span.wz_kandidat-info_show:hover{cursor:pointer;color:var(--color-sub);}
#wz-content .wz_tbl td span.wz_kandidat-info_show:hover:before{filter:brightness(0) saturate(100%) invert(58%) sepia(88%) saturate(314%) hue-rotate(133deg) brightness(91%) contrast(90%);}
#wz-content .wz_tbl td span.wz_kandidat-info_show.visible:before{transform:scaleX(-1);}
#wz-content tr.wz_kandidat-info{display:none;}
#wz-content tr.wz_kandidat-info td.text{padding-bottom:20px !important;}
#wz-content tr.wz_kandidat-info td.text{padding-bottom:20px !important;}
#wz-content tr.wz_kandidat-info td.text ul{list-style-type:disc;margin-left:14px;}

/* --- Kandidaten vorschlagen - start --- */
#wz-content .wz_tbl tr.weitere_kandidaten.hidden{display:none;}
#wz-content .wz_tbl h2.kandidaten_vorschlaege{text-align:center;margin:10px 0;}
#wz-content .wz_tbl span.kandidat_add{display:block;height:30px;width:30px;margin:15px auto;padding:10px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEuElEQVR4nO1bMW8cRRT+MMZOlLNv39xubIMLgxB2gaFA8AOQwAlBKEKCAgkkkAJFiqBAQYMACyREQZBjm5IW0ZAEZAoER5y7eXPmQHJhJdAgcEwBgcTEEgISjmIvwju7d969ndk9wn3SdPZ8733z5r03z2sgKyxhEFLsA9MCFJ2GonNg2mqus2D6ApLmIcUM1jCQmV3WUXfHwPQumDbB1Ii5NsG0iBVvNG/zO0d5YheYXm+ecFzH9bUFKWZRntiVtzvJ4J+6SuG4vvi/Ew01524wnW/hyA9gmoMUM6i4k1gd2YPVkT2ouJOQYgZMx5s/E/W765A0nbd77bHijYJpPcL481DiWZTRv+MeDfRBisfA9F3EPhuQpVsy8KQDyPHdYKcWMlrRhyh7hcT7VdwhMJ2MvA5dmRP8hBc0Vop30EBfx3s20AemubCo4jWDlhuAn/SC2V7SiVTOX4Mvgh4JW6i7YwYsNwS/zgcTVidh3wr+ddjQOBaM7Z8KSxgMNTnKedo4D4tDmgCXuqNj9NvbYKn7ADca5ymjP1RhlHjQOE9iMC1qAsxZ5FrQ8sy8Na4ERpW1zL/PGpeihzSxP7fGFRssvg0KMHy7Na6KO6n1GOesccUG0+WAUSazv46yV9Ai4LI1rthg+i1gVMUdssalxLAmwKY1rthg55uAUTX3DmtcsjSlCXDWGlds6EmQab81Lj0JSvGZNa7Y0EsT0/Hrgis2wo3Qeqxnb1L4jVBwzqDEA8Z5EmMNA6FWmMUh4zySnuvOVhiIegxtGK0GSgxD0o/d1wVeQ7WwN1QOmT4x8ibwn8OnQvW/62aEUsxqRvrvgrQDEUnz4X2dVwxabgj+GJwjRDjV0XXww/7jiP2qWMKgBQ8MwB+KRk11f4JyjsQfijpPhe78v7nl5gw8SQFJ04ieDDeaZWwBTPshS1MoewWUvQJkaarZ5CyGSt32OUOV7szbvXhYLnhQdLqFI8mXItl9SW8nrHijkKWPwHQlhfNXwHQSZ4qUtzvxcaZIYHoD+jM5XQRchBLHUB9y83avNcroh6KXoOiiMcfD61dIOmxl5pgK7EyAqdreeGcFit6CpCcgaRrLBQ91KqKBPtTdMajiPWDnUShxDExfg+lqm/2+wpfF2/J224d0DrY59Q0o5+WOxmRKjEOK2RblsAGmC6gV77fgURIjnSdbJLmfocSLkOO7U3PUcROk8zyYLkXw/IVq6V4DnnQAKZ6JDFNJJ1AbKhnnU3tHwPS+xmdvBN8WNToQ4fyfkHQYDdxglVuJF/yoE+9Z54qEn/B+0Zz/A9I5mJkNsnRfPpVgDQNgZyV08jU6kL0xeYDF0XCT4hzJ26xs4Hd4F0IJL5d7mAf8BiXYldnI9l0J/09S2shLHM3VJv0qWoVf87cTfp/7RDZTAZgq2um/apcwlk0ZCbBc8MD09zayq6gVb7VHGBOZCcDOI9qrrmaPLAGyE4De1AR42x5ZAmQYAZ9q9/9xe2QJkGEErAY7P7rLHlkCZChA8APFrD5WTj4ua79SGPJ7UAADQ454vF0jQIYNRxvengD/NwF2QoZJsCdAT4CeAD0BegJktnoCdJ8ArT5ZyVeAzCDpYYT/Y+u6EeAfnz9CcNg0+d0AAAAASUVORK5CYII=') no-repeat center center;background-size:30px 30px;transition:all .2s ease-in;line-height:40px;border-radius:50%;text-align:center;font-size:40px;border:2px solid #00ce11;}
#wz-content .wz_tbl span.kandidat_add:hover{transform:scale(120%);cursor:pointer;}
#wz-content .wz_tbl tr.kandidat.neu td{height:55px;padding-bottom:15px;}
#wz-content .wz_tbl tr.kandidat.neu td span.del_kandidat{display:inline-block;width:33px;height:33px;margin-right:5px;vertical-align:middle;background:url('data:image/png;base64,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') no-repeat center center;background-size:27px 27px;transition:all .2s ease-in;}
#wz-content .wz_tbl tr.kandidat.neu td span.del_kandidat:hover{transform:scale(120%);cursor:pointer;}
#wz-content .wz_tbl tr.kandidat.neu td span.del_kandidat.disabled{visibility:hidden;}
#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input[type="text"]{display:inline-block;padding:5px 10px;border:2px solid #888;border-radius:5px;font-size:16px;width:calc(50% - 50px);vertical-align:middle;}
#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input.vorname{margin:0 5px 0 0;}
#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input.nachname{magin:0 0 0 5px;}
#wz-content .wz_tbl tr.kandidat.neu td span.klick_zone{height:57px;margin-top:-12px;}
*+html>body #wz-content .wz_tbl tr.kandidat.neu td span.klick_zone{margin-left:-11px;/* IE */}
#wz-content .wz_tbl tr.kandidat.neu td.null{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td.eins{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td.zwei{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td.drei{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td.vier{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td.fuenf{background-position:6px 11px;}
#wz-content .wz_tbl tr.kandidat.neu td input[type="radio"]{margin-top:28px;}
/* --- Kandidaten vorschlagen - end --- */

#wz-content div.voting-loader{text-align:center;}
#wz-content div.voting-loader img{display:inline-block;height:50px;width:auto;}

/* --- Voted --- */
.voted_img{background:url('../images/danke.jpg?1.0') no-repeat top center;width:100%;height:330px;margin-top:25px;margin-bottom:25px;}
.voted{font-size:1.5em;}
a.urnengang:hover{color:#CCC;}
a.urnengang:link,a.urnengang:visited,a.urnengang:active{color:#d8001d;font-size:1.5em;text-decoration:underline;}

/* --- Autoform --- */
div#autoForm{float:left;margin-bottom:30px;background-color:#EFEFEF;border:2px groove #FFF;padding:12px 15px 0 15px;}
div#autoForm fieldset{border:1px solid #CCC;border-bottom:0;float:left;padding:10px;}
div#autoForm label,div#autoForm input,div#autoForm select{display:block;float:left;margin-top:5px;}
div#autoForm label,div#autoForm input{height:18px;}
div#autoForm input{padding:auto 2px;}
div#autoForm label{clear:both;width:160px;}
div#autoForm input#submit{clear:both;margin-top:10px;height:auto;}
div#autoForm p{margin-bottom:10px;}
div#cancel{background:#EFEFEF url('../images/cancel.gif') no-repeat 20px;}
div#question{background:#EFEFEF url('../images/question.gif') no-repeat 20px;}
div#success{background:#EFEFEF url('../images/check.gif') no-repeat 20px;}
div#warning{background:#EFEFEF url('../images/warning.gif') no-repeat 20px;}
div#warning,
div#success,
div#question,
div#cancel{border:2px groove #FFF;float:left;font-weight:bold;margin-bottom:30px;padding:20px 20px 20px 110px;}

/* --- Impressum / Datenschutz --- */
#indexCanvas.impressum-datenschutz h1{font-size:1.6em;line-height:1.2em;color:#666;margin:50px 0 25px 0;border-bottom:1px solid #ccc;padding-bottom:5px;font-weight:600;}
#indexCanvas.impressum-datenschutz h2{font-size:1.1em;line-height:1.2em;color:#444;border-bottom:none;margin-top:15px;margin-bottom:0;padding-bottom:0;font-weight:600;}

div#footer{position:relative;box-sizing:border-box;width:100%;clear:both;text-align:center;font-size:10px !important;font-weight:normal;margin-top:15px;padding:10px;background:#eee;border-top:1px solid #ccc;}
div#footer ul li{display:inline-block;padding-right:3px;}
div#footer ul li:before{content:"|";}
div#footer ul li:first-child:before{content:"";}
div#footer a{color:var(--color-text);text-decoration:none;padding-left:5px;}
div#footer ul li:first-child a{padding-left:0;}

@media screen and (max-width:1000px) {

	/* --- Info --- */
	#indexCanvas .full_col{width:94%;margin:0 3%;}
	#indexContent h2{padding:0 2% 5px 2%;}

	/* --- Kandidaen --- */
	#indexContent .kandidat_wrap.ungerade,
	#indexContent .kandidat_wrap.gerade{width:46%;margin-right:2%;margin-left:2%}
	
	/* --- Bewerbung --- */
	#bewerbungCanvas{width:94%;margin-left:3%;margin-right:3%;}

}
@media screen and (max-width:839px){

	/* --- Videoupload --- */
	#videouploadCanvas .messages p.info span.part{display:block;margin-bottom:5px;}
	#videouploadCanvas .messages p.info span.part:after{content:"";padding:0;}

}
@media screen and (max-width:767px){

	/* --- TAN Eingabe --- */
	form.tan-input label.code{clear:both;width:100%;text-align:center;}
	#tanInput{clear:both;width:100%;margin-top:20px;}
	.submit_login_wrap{clear:both;width:100%;text-align:center;margin-top:15px;}
	#indexCanvas .messages {max-width:400px;margin:0 auto;}

	/* --- Info --- */
	#indexCanvas .col_left{width:100%;max-width:100%;margin:0;}
	#indexCanvas .col_right{width:100%;max-width:100%;margin-top:15px;padding-left:0;}
	
	/* --- Bewerbung --- */
	#bewerbungCanvas form#bewerbung{margin-top:50px;}
	form#bewerbung .col.fifty-first{width:100%;margin-right:0;}
	form#bewerbung .col.fifty-last{width:100%;margin-left:0;}
	form#bewerbung .row.buttons{text-align:center;}

	/* --- Impressum / Datenschutz --- */
	body.index #indexCanvas.impressum-datenschutz{margin-top:0;}

	/* --- Index --- */
	#indexCanvas h1.main{font-size:1.4em;}
	#indexCanvas .full_col{padding:0;}
	#indexCanvas .full_col.info_wrap{padding-top:0;}
	#indexCanvas .col_left,
	#indexCanvas .col_right{clear:both;float:none;width:100%;max-width:100%;padding:0;margin:0;}
	#indexCanvas .col_left{margin-top:25px;}

	/* --- Kandidaen --- */
	#indexCanvas .kandidaten_wrap{columns:1;column-gap:0;}
	#indexCanvas .kandidat_wrap{width:100%;margin-bottom:20px;}
	#indexCanvas .kandidat_wrap.ungerade{float:none;width:100%;padding:0;background:#fefefe;}
	#indexCanvas .kandidat_wrap.gerade{float:none;width:100%;padding:0;}
	#indexCanvas .kandidat_wrap img.kandidat{width:175px;margin:0 25px 30px 0;}
	#indexCanvas .kandidat_wrap .info{width:calc(100% - 200px);margin-bottom:35px;}
	#indexCanvas .kandidat_wrap:last-child{margin-bottom:0;}
	#indexCanvas .kandidat_wrap:last-child .info{margin-bottom:0;}

	/* --- Impressum / Datenschutz --- */
	#indexCanvas.impressum-datenschutz h1{margin-top:30px;}

	/* --- Videoupload --- */
	#videouploadCanvas .files .file span.delete{position:absolute;float:none;margin:25px 0 0 50px;}
	#videouploadCanvas .files .file.done span.title a.preview{position:absolute;float:none;margin:25px 0 0 0;}
}
@media screen and (max-width:529px) {

	/* --- Bewerbung info --- */
	#indexCanvas .bewerbung_info{position:relative;padding:25px;}
	#indexCanvas span.bewerbung-info-icon-hint{display:none;}
	#indexCanvas .bewerbung_info a.button-bewerbung{margin-left:calc(50% - 90px);}
	
	/* --- Kandidaten Bewerbung --- */
	#bewerbungCanvas .success_wrap .bottom .left{float:none;width:100%;}
	#bewerbungCanvas .success_wrap .bottom .right{float:none;width:100%;text-align:center;margin:30px 0 -15px 0;}

	/* --- Wahlzettel --- */
	#wz-content{padding-top:34vw;}
}
@media screen and (max-width:479px) {

	/* --- Index --- */
	#indexCanvas h1{font-size:1.6em;}
	#indexCanvas h2{font-size:1.4em;}
	#indexCanvas .kandidat_wrap p.info{width:100%;}

	/* --- Wahlzettel --- */
	#wz-content .wz_tbl td.foto{width:54px;height:72px;}
	#wz-content .wz_tbl tr td.null,
	#wz-content .wz_tbl tr td.eins,
	#wz-content .wz_tbl tr td.zwei,
	#wz-content .wz_tbl tr td.drei{vertical-align:baseline;line-height:110px;}
	#wz-content .wz_tbl tr td span.klick_zone{margin-top:4px;}

	/* --- kandidaten --- */
	#indexCanvas .kandidat_wrap{margin-bottom:10px;}
	#indexCanvas .kandidat_wrap img.kandidat{width:33%;margin:0 6% 30px 0;}
	#indexCanvas .kandidat_wrap .info{width:61%;}

	/* --- Kandidaten vorschlagen --- */
	#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input[type="text"]{display:block;width:calc(100% - 70px);float:right;}
	#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input.vorname{margin:0 5px 5px 0;}
	#wz-content .wz_tbl tr.kandidat.neu td.vorname-name input.nachname{margin:0 5px 0 0;}
	#wz-content .wz_tbl tr.kandidat.neu td.null,
	#wz-content .wz_tbl tr.kandidat.neu td.eins,
	#wz-content .wz_tbl tr.kandidat.neu td.zwei,
	#wz-content .wz_tbl tr.kandidat.neu td.drei,
	#wz-content .wz_tbl tr.kandidat.neu td.vier,
	#wz-content .wz_tbl tr.kandidat.neu td.fuenf{line-height:39px;background-position:2px 12px;}
	#wz-content .wz_tbl tr.kandidat.neu td span.klick_zone{margin-top:10px;height:40px;}
	#wz-content .wz_tbl tr.kandidat.neu td input[type="radio"]{margin-top:35px;}

	/* --- Bewerbung --- */
	#bewerbungCanvas .row.buttons a.button.left{float:none;display:inline-block;margin:25px auto 0 auto;}
	#bewerbungCanvas .row.buttons a.button.right{float:none;display:inline-block;margin:0 auto;}
	#bewerbungCanvas .row.buttons input[type="submit"].right{float:none;display:block;margin:0 auto;}
	#bewerbungCanvas .row.buttons span.loading{right:auto;left:0;}
	
	/* --- Videoupload --- */
	#videouploadCanvas{padding:0 15px 15px 15px;}
}
@media only screen and (max-width:429px) {

	/* --- Wahlzettel --- */
	#wz-content .wz_tbl tr td span.klick_zone{width:100%;}
	#wz-content .wz_tbl td.null, #wz-content .wz_tbl td.eins, #wz-content .wz_tbl td.zwei, #wz-content .wz_tbl td.drei{width:12vw;}
}
@media screen and (max-width:319px) {

	/* --- kandidaten --- */
	#indexCanvas .kandidat_wrap img.kandidat{display:block;float:none;width:80%;margin:0 auto 30px auto;}
	#indexCanvas .kandidat_wrap .info{width:100%;}
}