:root {
  --primary: #0E332F;
  --green: #148F82;
  --blue: #4F98CE;
  --lightgreen: #17A293;
  --white: #FFFFFF;
  --grey: #F6F5F5;
  --darkgrey: #777777;
}

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, H4 { font-size: 18px; font-family: 'Barlow',tahoma,arial; color:var(--primary); font-weight: 400; }

H1 { font-size: 48px; font-family: 'Saira Semi Condensed',arial,tahoma; margin: 0px; color:var(--green); font-weight: 700; }
H2 { font-size: 36px; font-family: 'Saira Semi Condensed',arial,tahoma; margin: 0px; color:var(--green); font-weight: 700; }
H3 { font-size: 20px; font-family: 'Saira Semi Condensed',arial,tahoma; margin: 0px; color:var(--green); font-weight: 700; }

span.looksh1 	{ font-size: 48px; font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--green); font-weight: 700; }
span.looksh2 	{ font-size: 36px; font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--green); font-weight: 700; }
span.looksh3 	{ font-size: 20px; font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--green); font-weight: 700; }

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

.small 			{ color:var(--primary); }
.quicknav		{ font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--darkgrey); }

span.headline 	{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 18px; display: block; }
span.teaser	 	{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 24px; }
span.gross	 	{ font-size: 24px; }
span.mittel	 	{ font-size: 17px; }
span.klein	 	{ font-size: 16px; }
span.gruen	 	{ color:var(--green); }
span.blau	 	{ color:var(--blue); }
span.weiss	 	{ color:var(--white); }
span.team	 	{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 26px; color:var(--green); }
span.gfteam	 	{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 16px; }

span.fusstop 	{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 18px; color:var(--green); display: inline-block; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; }
span.fusszeile 	{ font-size: 16px; color:var(--primary); }
span.topic 		{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 36px; color:var(--white); display: block; }
span.topic2 	{ font-size: 18px; color:var(--white); display: block; }

.b2topic 		{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 16px; color:var(--white); }
.b2topic2 		{ font-family: 'Saira Semi Condensed',arial,tahoma; font-size: 20px; 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%; }
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 #148F82; }
select.i_select:hover 		{ border: 1px solid #148F82; }
input.i_checkbox:hover 		{ border: 1px solid #148F82; }
textarea.i_textarea:hover 	{ border: 1px solid #148F82; }

input.i_text:focus 			{ border: 1px solid #148F82; }
select.i_select:focus 		{ border: 1px solid #148F82; }
input.i_checkbox:focus 		{ border: 1px solid #148F82; }
textarea.i_textarea:focus 	{ border: 1px solid #148F82; }

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

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

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

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

#kommune a.fusszeile:hover { color:var(--green); text-decoration: none; }
#laendlich a.fusszeile:hover { color:var(--blue); text-decoration: none; }

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

a.anker					{ color:var(--white); text-decoration: none; }
a.anker:hover, 
a.anker.active			{ color:var(--primary); }

a.phone 				{ color:var(--green); text-decoration: none; }
a.phone:hover			{ color:var(--lightgreen); text-decoration: none; }

a.quicknav 				{ font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--darkgrey); text-decoration: none; }
a.quicknav:hover 		{ color:var(--green); text-decoration: none; }

a.klappboxlink, 
a.tabs__nav_link		{ font-family: 'Saira Semi Condensed',arial,tahoma; color:var(--primary); 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 	{ color:var(--white); text-decoration: none; }

a.button > .btn, a.buttonical > .btn 	{ color:var(--white); text-decoration:none; background-color:var(--green); border-radius: 0px; border: 2px solid var(--green); white-space: normal; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a.button:hover > .btn, 
a.buttonical:hover > .btn				{ color:var(--green); background-color: transparent; }

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

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

input.button 			{ color:var(--white); text-decoration:none; background-color:var(--green); border-radius: 0px; border: 2px solid var(--green); white-space: normal; cursor: pointer; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
input.button:hover 		{ color:var(--green); background-color: transparent; }