:root {
  --primary: #1D8AC9;
  --secondary: #F06425;
  --heading: #236DA8;
  --gruen: #94C11A;
  --gelb: #FBB900;
  --apricot: #F4A567;
  --schwarz: #000000;
  --weiss: #FFFFFF;
  --text: #556676;
  --colorswitch: #E8DABF;
  --colorswitchdark: #D1C19B;
  --body: #F5EEDD;
}

html,body { height: 100%; }
body { margin: 0px; padding: 0px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; line-height: normal; image-rendering: -webkit-optimize-contrast; background-color:var(--body); }
body, td, p, .n, blockquote { font-size: 21px; font-family: 'Alegreya Sans',arial,tahoma; color:var(--text); font-weight: 400; }

H1 { font-size: 64px; font-family: 'Faustina',arial,tahoma; margin: 0px; color:var(--heading); font-weight: 400; }
H2 { font-size: 48px; font-family: 'Faustina',arial,tahoma; margin: 0px; color:var(--heading); font-weight: 400; }
H3 { font-size: 32px; font-family: 'Faustina',arial,tahoma; margin: 0px; color:var(--heading); font-weight: 400; }
H4 { font-size: 24px; font-family: 'Faustina',arial,tahoma; margin: 0px; color:var(--heading); font-weight: 500; }

span.looksh1 	{ font-size: 64px; font-family: 'Faustina',arial,tahoma; color:var(--heading); font-weight: 400; }
span.looksh2 	{ font-size: 48px; font-family: 'Faustina',arial,tahoma; color:var(--heading); font-weight: 400; }
span.looksh3 	{ font-size: 32px; font-family: 'Faustina',arial,tahoma; color:var(--heading); font-weight: 400; }
span.looksh4 	{ font-size: 24px; font-family: 'Faustina',arial,tahoma; color:var(--heading); font-weight: 500; }

input, select, textarea { color:var(--text); }

.small 			{ color:var(--text); }
.quicklinks		{ color:var(--weiss); }

span.headline 	{ font-size: 18px; color:var(--secondary); display: block; }
span.gross	 	{ font-size: 26px; display: block; }
span.mittel	 	{ font-size: 18px; display: block; }
span.klein	 	{ font-size: 16px; display: block; }
span.quote	 	{ font-size: 16px; }
span.blau	 	{ color:var(--primary); }
span.rot	 	{ color:var(--secondary); }
span.weiss	 	{ color:var(--weiss); }
span.zahlen 	{ font-family: 'Faustina',arial,tahoma; font-size: 45px; color:var(--secondary); display: block; }
span.textdivtopic 	{ font-size: 15px; color:var(--text); }
span.textdivtopic2 	{ font-family: 'Faustina',arial,tahoma; font-size: 24px; color:var(--heading); }
span.countholder, 
span.nocountholder 		{ font-family: 'Faustina',arial,tahoma; font-size: 64px; color:var(--heading); }

span.fussgross 	{ font-family: 'Faustina',arial,tahoma; font-size: 24px; color:var(--heading); }
span.fusszeile 	{ font-size: 18px; color:var(--text); }
span.topic 		{ font-family: 'Faustina',arial,tahoma; font-size: 24px; color:var(--weiss); }

input.i_text 				{ background-color: var(--body); padding: 10px 10px 10px 10px; width: 100%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); }
select.i_select 			{ background-color: var(--body); padding: 14px 10px 13px 10px; width: 100%; border: 1px solid var(--body); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); }
input.i_checkbox 			{ background-color: var(--body); padding: 0px; }
textarea.i_textarea 		{ background-color: var(--body); padding: 10px 10px 10px 10px; width: 100%; resize: none; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); }

input.i_text:hover 			{ border: 1px solid var(--colorswitchdark); }
select.i_select:hover 		{ border: 1px solid var(--colorswitchdark); }
input.i_checkbox:hover 		{ border: 1px solid var(--colorswitchdark); }
textarea.i_textarea:hover 	{ border: 1px solid var(--colorswitchdark); }

input.i_text:focus 			{ border: 1px solid var(--colorswitchdark); }
select.i_select:focus 		{ border: 1px solid var(--colorswitchdark); }
input.i_checkbox:focus 		{ border: 1px solid var(--colorswitchdark); }
textarea.i_textarea:focus 	{ border: 1px solid var(--colorswitchdark); }

input.r_text 				{ background-color: var(--body); border: 1px solid #b50000; padding: 10px 10px 10px 10px; width: 100%; }
select.r_select 			{ background-color: var(--body); border: 1px solid #b50000; padding: 14px 10px 13px 10px; width: 100%; }
input.r_checkbox 			{ background-color: var(--body); border: 1px solid #b50000; padding: 0px; }
textarea.r_textarea 		{ background-color: var(--body); border: 1px solid #b50000; padding: 10px 10px 10px 10px; width: 100%; resize:none; }

.r_mini { font-size: 14px; line-height: 28px; font-weight: 500; text-transform: uppercase; color: #b50000; display: block; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}

.p_data::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}

.p_data:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}

.p_data::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}

.i_data 				{ border: 1px solid var(--body); }
.p_data 				{ border: 1px solid var(--body); }

a, a.ical					{ color:var(--text); text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover, a.ical:hover		{ color:var(--primary); text-decoration: none; }

a.fusszeile 			{ color:var(--text); text-decoration: none; }
a.fusszeile:hover 		{ color:var(--primary); text-decoration: none; }

a.small 				{ color:var(--text); text-decoration: none; }
a.small:hover 			{ color:var(--primary); text-decoration: none; }

a.quicklinks 			{ color:var(--weiss); text-decoration: none; font-feature-settings: "lnum"; }
a.quicklinks:hover 		{ color:var(--colorswitch); text-decoration: none; background-color: transparent !important; }

a.klappboxlink, 
a.tabs__nav_link		{ color:var(--text); text-decoration: none; display: flex; align-items: center; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
a.klappboxlink:hover, 
a.tabs__nav_link:hover 	{ text-decoration: none; }

a.button > .btn, a.buttonical > .btn 	{ color:var(--weiss); text-decoration:none; background-color:var(--primary); border-radius: 24px; border: 0px solid #000000; white-space: normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.button:hover > .btn, 
a.buttonical:hover > .btn				{ background-color:var(--heading); }

a.buttonborder > .btn 					{ color:var(--primary); text-decoration:none; background-color: transparent; border-radius: 24px; border: 2px solid var(--primary); white-space: normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a.buttonborder:hover > .btn				{ color:var(--weiss); background-color:var(--primary); }

input.button 			{ color:var(--weiss); text-decoration:none; background-color:var(--primary); border-radius: 24px; border: 0px solid #000000; white-space: normal; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
input.button:hover 		{ background-color:var(--heading); }