/* 
 *
 * Copyright 2021 Bernd Asanger, seitenmann.at
 * bernd.asanger@seitenmann.at 
 * 
 *
 */





/* Reset ------------------------------------------------------------------------------------------ */
*,:after,:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
* { position:relative; border:none; outline:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:Verdana, sans-serif; font-weight:400; font-size:16px; line-height:1.6; color:rgba(85,85,85,1); margin:0; padding:0; }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { border:0; vertical-align:baseline; margin:0; padding:0; }





/* Allgemeine Angaben ----------------------------------------------------------------------------- */
body { background-color:rgba(255,255,255,1); padding: 20px; }
ol,ul { list-style:none; margin:0 0 15px 30px; }
strong,b { font-weight:700; }
h1 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
h2 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
h3 { font-size: 16px; font-weight: bold; margin-bottom: 0px; }





/* Formular --------------------------------------------------------------------------------------- */
.antragsform { width: 100%; max-width: 100%; margin: 0 auto; }
.antragsform h1 { text-align: center; }
.antragsform h2 { text-align: center; }
.antragsform h3 { }

.form_footer { font-size: 12px; text-align: center; }
.form_footer img { width: 130px; height: auto; margin: 10px auto; }

.form_table { width: 100%; }
.form_table td { padding-bottom: 15px; vertical-align: top; }
.form_table .td_1 { width: 30%; }
.form_table .td_2 { width: 70%; }

.form_table_items { width: 100%; border-collapse: collapse; }
.form_table_items .headlines td { font-size:12px; border: 1px rgba(0,0,0,0.2) solid; text-align: center; vertical-align: middle; padding: 2px 5px; }
.form_table_items .item_row_summary td { font-size:16px; border: 1px rgba(0,0,0,0.2) solid; vertical-align: middle; padding: 2px 5px; }
.form_table_items .item_row_summary .td_1 { text-align: center; }
.form_table_items .item_row_summary .td_4 { text-align: right;  }

.form_table_items td { padding-bottom: 0px; vertical-align: top; }
.form_table_items .td_1 { width: 8%; }
.form_table_items .td_1 input { text-align: center; }
.form_table_items .td_2 { width: 52%; }
.form_table_items .td_3 { width: 25%; }
.form_table_items .td_4 { width: 15%; }
.form_table_items input { margin-bottom: 0px !important; }
.form_table_items .td_addrow { text-align: left; padding-top: 10px; }
.form_table_items .addrow { display: inline-block; padding: 5px 10px; font-size:12px; background-color: rgba(0,0,0,0.1); border-radius: 3px; cursor: pointer; transition: all 0.3s;  }
.form_table_items .addrow:hover { background-color: rgba(0,0,0,0.20); }
.form_table_items .versicherungssumme { text-align: right; }

.versicherungssumme_gesamt, 
.praemie_europa, 
.praemie_welt,
.praemie_europa_monat, 
.praemie_welt_monat { text-align: right; }

input[type="text"],
input[type="number"],
input[type="email"] { width: 100%; border: 1px rgba(0,0,0,0.2) solid; padding: 6px 10px; margin-bottom: 5px; border-radius: 3px; }
input[type="radio"] { margin-bottom: 10px; }

input[type="checkbox"] { margin-bottom: 0px; }
.checkbox_text { padding-left: 20px; margin-bottom: 10px; }
.checkbox_text input { margin-left: -20px; }

/* input:invalid { box-shadow: 0 0 5px 1px red; } */

select { width: 100%; border: 1px rgba(0,0,0,0.2) solid; padding: 6px 10px; margin-bottom: 5px; border-radius: 3px; }
.infotext { font-size:12px; }

::placeholder { color: rgba(0,0,0,0.3); opacity: 1; /* Firefox */ } /* Chrome, Firefox, Opera, Safari 10.1+ */
:-ms-input-placeholder { color: rgba(0,0,0,0.5); } /* Internet Explorer 10-11 */
::-ms-input-placeholder { color: rgba(0,0,0,0.5); } /* Microsoft Edge */

.form_table_result { width: 100%; }
.form_table_result .td_1 { width: 70%; }
.form_table_result .td_2 { width: 30%; text-align: right; }
.form_table_result .td_2 input { width: 140px; }
.form_table_result .praemieninfo { font-size: 12px; fon-style: italic; text-align: right; }

.submitbutton_wrapper { display: block; text-align: right; }
.submitbutton { background-color: rgb(114,135,0,1); color: rgba(255,255,255,1); padding: 10px; border-radius: 3px; cursor: pointer; transition: all 0.3s; }
.submitbutton:hover { background-color: rgb(150,171,37,1); }

.backbutton { background-color: rgb(180,180,180,1); color: rgba(255,255,255,1); padding: 10px; border-radius: 3px; cursor: pointer; transition: all 0.3s;  } 
.backbutton:hover { background-color: rgb(100,100,100,1); }

.form_table_sepa_wrapper { background-color: rgb(0,0,0,0.04); padding: 15px 15px 0px 15px; }
.form_table_sepa { width: 100%; }
.form_table_sepa td { padding: 0px 0px 15px 0px; vertical-align: top; }
.form_table_sepa .td_1 { width: 40%; /* text-align: right; padding-right: 10px; */ }
.form_table_sepa .td_2 { width: 60%; }

.if_sepa { display: none; }





/* Beleg Upload ----------------------------------------------------------------------------------- */
.beleg_upload { overflow: hidden; width: .1px; height: .1px; opacity: 0; position: absolute; z-index: -1; }
.beleg_upload input { background-color: transparent; border: 1px solid rgba(0,0,0,.3); border-radius: 3px; width: 100%; padding: 5px; }
.beleg_upload+label span { color: rgba(255,255,255,1); font-size: 12px; line-height: 1.2; }
.beleg_upload+label { width: auto; text-align: center; border-radius: 3px; color: rgba(255,255,255,1); background-color: rgba(114,135,0,1); display: inline-block; cursor: pointer; padding: 5px 20px; font-size: 12px; line-height: 1.2; }
.beleg_upload input[type=file] { font-size: 14px; padding: 0; }
.inputElement .uploadLabel { position: static; top: auto; left: auto; margin: 3px 0px; }
.beleg_upload+label:hover, 
.beleg_upload:focus+label { background-color: rgba(114,135,0,1); }





/* Pure CSS Loaders - CC0 License - https://loading.io/css/ --------------------------------------- */
.spinner_wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 150px; text-align: center; color: rgba(114,135,0,1); font-size: 30px; background-color: rgba(255,255,255,0.8); z-index: 1; }
.lds-roller { display: block; position: relative; width: 80px; height: 80px; margin: 0 auto; }
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; }
.lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: rgba(114,135,0,1); margin: -4px 0 0 -4px; }
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 63px; left: 63px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 68px; left: 56px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 71px; left: 48px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 72px; left: 40px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 71px; left: 32px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 68px; left: 24px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 63px; left: 17px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 56px; left: 12px; }
@keyframes lds-roller {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}