:root {
  --primary: #007CBF;
  --secondarygreen: #9DC42D;
  --secondaryblue: #001D43;
  --white: #FFFFFF;
  --footer: #003A59;
  --lightgrey: #F7F7F7;
}

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; }
body, td, p, .n, blockquote { font-size: 17px; font-family: 'Pangea-Light',tahoma,arial; color:var(--secondaryblue); }

H1 { font-size: 48px; font-family: 'Pangea-Bold',arial,tahoma; margin: 0px; color:var(--primary); }
H2 { font-size: 36px; font-family: 'Pangea-Bold',arial,tahoma; margin: 0px; color:var(--primary); }
H3 { font-size: 31px; font-family: 'Pangea-Bold',arial,tahoma; margin: 0px; color:var(--primary); }
H4 { font-size: 24px; font-family: 'Pangea-Bold',arial,tahoma; margin: 0px; color:var(--secondarygreen); }

span.looksh1 	{ font-size: 48px; font-family: 'Pangea-Bold',arial,tahoma; color:var(--primary); }
span.looksh2 	{ font-size: 36px; font-family: 'Pangea-Bold',arial,tahoma; color:var(--primary); }
span.looksh3 	{ font-size: 31px; font-family: 'Pangea-Bold',arial,tahoma; color:var(--primary); }
span.looksh4 	{ font-size: 24px; font-family: 'Pangea-Bold',arial,tahoma; color:var(--secondarygreen); }

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

.small 			{ color:var(--footer); }

span.headline 	{ font-family: 'Pangea-Bold',arial,tahoma; font-size: 24px; color:var(--secondarygreen); }
span.gross	 	{ font-family: 'Pangea-Medium',arial,tahoma; font-size: 22px; }
span.mittel	 	{ font-size: 17px; }
span.klein	 	{ font-size: 16px; }
span.daten	 	{ font-family: 'Pangea-Medium',arial,tahoma; font-size: 36px; color:var(--secondaryblue); }
span.weiss	 	{ color:var(--white); }
span.blau	 	{ color:var(--primary); }
span.dunkelblau	{ color:var(--secondaryblue); }
span.gruen	 	{ color:var(--secondarygreen); }

span.fusszeile 	{ font-family: 'Pangea-Medium',arial,tahoma; font-size: 24px; color:var(--footer); }
span.fussbig 	{ font-family: 'Pangea-Bold',arial,tahoma; font-size: 48px; color:var(--footer); }
span.fusssmall 	{ font-family: 'Pangea-Bold',arial,tahoma; font-size: 24px; color:var(--primary); }
span.topic 		{ font-family: 'Pangea-Bold',arial,tahoma; font-size: 54px; color:var(--white); }

input.i_text 				{ background-color: #FFFFFF; padding: 10px 10px 10px 10px; width: 85%; }
select.i_select 			{ background-color: #FFFFFF; padding: 10px 10px 10px 10px; width: 85%; border-color: #cccccc; }
input.i_checkbox 			{ background-color: #FFFFFF; padding: 0px; }
textarea.i_textarea 		{ background-color: #FFFFFF; padding: 10px 10px 10px 10px; width: 85%; resize: none; }

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

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

input.r_text 				{ background-color: var(--lightgrey);  border: 1px solid #FF0000; padding: 10px 10px 10px 10px; width: 85%; }
select.r_select 			{ background-color: var(--lightgrey);  border: 1px solid #FF0000; padding: 10px 10px 10px 10px; width: 85%; }
input.r_checkbox 			{ background-color: var(--lightgrey);  border: 1px solid #FF0000; padding: 0px; }
textarea.r_textarea 		{ background-color: var(--lightgrey);  border: 1px solid #FF0000; padding: 10px 10px 10px 10px; width: 85%; resize:none; }

.i_data 					{ border: 1px solid #cccccc; }
.p_data 					{ border: 1px solid #cccccc; }

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

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

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

.p_data::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:var(--secondaryblue);
  opacity: 1; /* Firefox */
}

.p_data:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:var(--secondaryblue);
}

.p_data::-ms-input-placeholder { /* Microsoft Edge */
  color:var(--secondaryblue);
}


a, a.ical					{ font-family: 'Pangea-Medium',arial,tahoma; color:var(--footer); text-decoration: none; }
a:hover, a.ical:hover		{ color:var(--secondarygreen); text-decoration: none; }

a.fusszeile 				{ font-family: 'Pangea-Medium',arial,tahoma; color:var(--footer); text-decoration: none; }
a.fusszeile:hover 			{ color:var(--primary); text-decoration: none; }

a.quicklinks 				{ font-family: 'Pangea-Light',tahoma,arial; color:var(--footer); text-decoration: none; }
a.quicklinks:hover 			{ color:var(--secondarygreen); text-decoration: none; }
a.quicklinksa 				{ font-family: 'Pangea-Light',tahoma,arial; color:var(--footer); text-decoration: none; color:var(--secondarygreen); }
a.quicksearch 				{ color:var(--secondarygreen); }
a.quicksearch:hover 		{ color:var(--primary); }

a.small 				{ font-family: 'Pangea-Light',tahoma,arial; color:var(--footer); text-decoration: none; }
a.small:hover 			{ color:var(--footer); text-decoration: underline; }

a.klappboxlink, 
a.tabs__nav_link		{ font-family: 'Pangea-Bold',arial,tahoma; color:var(--footer); text-decoration: none; display: flex; align-items: center; }
a.klappboxlink:hover, 
a.tabs__nav_link:hover 	{ text-decoration: none; }

a.button > .btn, a.buttonical > .btn 	{ font-family: 'Pangea-Medium',arial,tahoma; color:#FFFFFF; text-decoration:none; border-radius: 0px; border: 0px solid #000000; white-space: normal; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b5d261+0,769b31+100 */
background: rgb(181,210,97); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,210,97,1) 0%, rgba(118,155,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(181,210,97,1) 0%,rgba(118,155,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(181,210,97,1) 0%,rgba(118,155,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d261', endColorstr='#769b31',GradientType=0 ); /* IE6-9 */ }
a.button:hover > .btn, 
a.buttonical:hover > .btn				{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdd772+0,84a546+100 */
background: rgb(189,215,114); /* Old browsers */
background: -moz-linear-gradient(top, rgba(189,215,114,1) 0%, rgba(132,165,70,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(189,215,114,1) 0%,rgba(132,165,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(189,215,114,1) 0%,rgba(132,165,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd772', endColorstr='#84a546',GradientType=0 ); /* IE6-9 */ }

input.button 			{ font-family: 'Pangea-Medium',arial,tahoma; color:#FFFFFF; text-decoration:none; border-radius: 0px; border: 0px solid #000000; white-space: normal; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b5d261+0,769b31+100 */
background: rgb(181,210,97); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,210,97,1) 0%, rgba(118,155,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(181,210,97,1) 0%,rgba(118,155,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(181,210,97,1) 0%,rgba(118,155,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d261', endColorstr='#769b31',GradientType=0 ); /* IE6-9 */ white-space: normal; cursor: pointer; text-align: center; }
input.button:hover 		{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdd772+0,84a546+100 */
background: rgb(189,215,114); /* Old browsers */
background: -moz-linear-gradient(top, rgba(189,215,114,1) 0%, rgba(132,165,70,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(189,215,114,1) 0%,rgba(132,165,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(189,215,114,1) 0%,rgba(132,165,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd772', endColorstr='#84a546',GradientType=0 ); /* IE6-9 */ }