:root {
  --bodytext: #001726;
  --orange: #F25B0C;
  --green: #30C056;
  --darkblue: #000F3D;
  --cyan: #44BCCB;
  --lightgrey: #F7F7F7;
  --darkgrey: #EEEFF0;
  --white: #FFFFFF;
  --black: #000000;
}

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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; font-feature-settings: "ss01"; }
body, td, p, .n, blockquote { font-size: 18px; font-family: 'Spezia Regular',tahoma,arial; color:var(--bodytext); font-weight: 400; }

H1 { font-size: 56px; font-family: 'SpeziaExtended Bold',arial,tahoma; margin: 0px; color:var(--cyan); font-weight: 700; }
H2 { font-size: 48px; font-family: 'SpeziaExtended Bold',arial,tahoma; margin: 0px; color:var(--cyan); font-weight: 700; }
H3 { font-size: 24px; font-family: 'SpeziaExtended Bold',arial,tahoma; margin: 0px; color:var(--cyan); font-weight: 700; }

span.looksh1 	{ font-size: 56px; font-family: 'SpeziaExtended Bold',arial,tahoma; color:var(--cyan); font-weight: 700; }
span.looksh2 	{ font-size: 48px; font-family: 'SpeziaExtended Bold',arial,tahoma; color:var(--cyan); font-weight: 700; }
span.looksh3 	{ font-size: 24px; font-family: 'SpeziaExtended Bold',arial,tahoma; color:var(--cyan); font-weight: 700; }

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

.small 			{ font-family: 'Spezia Regular',arial,tahoma; color:var(--darkblue); }

span.gross	 	{ font-family: 'Spezia Medium',arial,tahoma; font-size: 24px; }
span.mittel	 	{ font-size: 17px; }
span.klein	 	{ font-size: 16px; }
span.headline 	{ font-family: 'Spezia SemiBold',arial,tahoma; font-size: 14px; color:var(--black); display: block; }
span.subline 	{ font-family: 'Spezia SemiBold',arial,tahoma; font-size: 14px; color:var(--black); display: block; }
span.team	 	{ font-family: 'Spezia Medium',arial,tahoma; font-size: 14px; color:var(--darkblue); display: block; }
span.orange	 	{ color:var(--orange); }
span.gruen	 	{ color:var(--green); }
span.dunkelblau	{ color:var(--darkblue); }
span.cyan	 	{ color:var(--cyan); }
span.weiss	 	{ color:var(--white); }
span.schwarz 	{ color:var(--black); }

span.fusszeile 	{ font-family: 'Spezia Regular',arial,tahoma; font-size: 16px; color:var(--white); display: inline-block; }
span.topic 		{ font-family: 'SpeziaExtended Bold',arial,tahoma; font-size: 32px; color:var(--white); display: inline-block; }
span.topic2 	{ font-family: 'Spezia Medium',arial,tahoma; font-size: 20px; color:var(--white); display: inline-block; }
span.name 		{ font-family: 'SpeziaExtended Bold',arial,tahoma; font-size: 34px; color:var(--cyan); }
span.titel	 	{ font-family: 'Spezia Medium',arial,tahoma; font-size: 22px; color:var(--white); }

.pull-bild-links .circlecontent span, 
.pull-bild-rechts .circlecontent span, 
.pull-bild-rechts .circlecontent a	{ color:var(--darkblue); }

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

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

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

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

::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 #999999; }
.p_data 				{ border: 1px solid #999999; }

a, a.ical					{ font-family: 'Spezia Medium',arial,tahoma; color:var(--cyan); 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(--cyan); text-decoration: underline; }

a.fusszeile 			{ font-family: 'Spezia Regular',arial,tahoma; color:var(--white); text-decoration: none; }
a.fusszeile:hover 		{ color:var(--cyan); }
a.fussbig 				{ font-family: 'SpeziaExtended Bold',arial,tahoma; color:var(--white); text-decoration: none; }
a.fussbig:hover 		{ color:var(--cyan); }

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

a.kontaktlink 			{ font-family: 'SpeziaExtended Bold',arial,tahoma; color:var(--darkblue); text-decoration: none; }
a.kontaktlink:hover 	{ text-decoration: underline; }

a.klappboxlink, 
a.tabs__nav_link		{ font-family: 'Spezia SemiBold',arial,tahoma; color:var(--darkblue); text-decoration: none; display: flex; align-items: center; -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.klappboxlink:hover, 
a.tabs__nav_link:hover 	{ color:var(--cyan); text-decoration: none; }

.coloring-darkblue .klappboxlink { color:var(--white); }
.coloring-darkblue a.klappboxlink:hover { color:var(--cyan); }

a.button > .btn, a.buttonical > .btn 	{ font-family: 'Spezia SemiBold',arial,tahoma; color:var(--cyan); text-decoration:uppercase; background-color: transparent; border-radius: 100px; border: 1px solid var(--cyan); 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				{ color:var(--black); background-color:var(--cyan); }

a.buttondunkel > .btn 					{ font-family: 'Spezia SemiBold',arial,tahoma; color:var(--black); text-decoration:uppercase; background-color: transparent; border-radius: 100px; border: 1px solid var(--black); 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.buttondunkel:hover > .btn 			{ border: 1px solid var(--darkblue); color:var(--cyan); background-color:var(--darkblue); }

.coloring-signet a.button > .btn 		{ color:var(--black); background-color:var(--cyan); }
.coloring-signet .innerlink 			{ filter: invert(.5) brightness(0%); }
.coloring-signet a.button:hover > .btn 	{ color:var(--cyan); background-color: transparent; }
.coloring-signet a.button:hover .innerlink { filter: invert(0) brightness(100%); }

input.button 			{ font-family: 'Spezia SemiBold',arial,tahoma; color:var(--cyan); text-decoration:uppercase; background-color:transparent; border-radius: 100px; border: 1px solid var(--cyan); white-space: normal; cursor: pointer; text-align: center; -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 		{ color:var(--black); background-color:var(--cyan); }