html,body { height: 100%; }
body { margin: 0px; padding: 0px; -webkit-text-size-adjust: none; line-height: normal; }
body, td, p, .n, blockquote { font-size: 20px; font-family: 'IBM Plex Sans',tahoma,arial; color: #1b1b1b; font-weight: 300; }

H1 { font-size: 60px; font-family: 'IBM Plex Sans',tahoma,arial; margin: 0px; color:#D70B10; font-weight: 700; }
H2 { font-size: 32px; font-family: 'IBM Plex Sans',tahoma,arial; margin: 0px; color:#5A5454; font-weight: 300; }
H3 { font-size: 24px; font-family: 'IBM Plex Sans',tahoma,arial; margin: 0px; color:#D70B10; font-weight: 700; }

span.looksh1 	{ font-size: 60px; font-family: 'IBM Plex Sans',tahoma,arial; color:#D70B10; font-weight: 700; }
span.looksh2 	{ font-size: 32px; font-family: 'IBM Plex Sans',tahoma,arial; color:#5A5454; font-weight: 300; }
span.looksh3 	{ font-size: 24px; font-family: 'IBM Plex Sans',tahoma,arial; color:#D70B10; font-weight: 700; }

input, select, textarea { color:#1b1b1b; }

.small 			{ color: #1b1b1b; }

span.mobile	 	{ font-size: 16px; color:#FFFFFF; font-weight: 600; }
a.mobile 		{ font-size: 16px; color:#FFFFFF; font-weight: 600; text-decoration: none; text-transform: none; }
a.mobile:hover 	{ color: #FFFFFF; text-decoration: underline; }

span.gross	 	{ font-size: 24px; color:#5A5454; }
span.mittel	 	{ font-size: 18px; color:#1b1b1b; }
span.klein	 	{ font-size: 17px; color:#1b1b1b; }
span.upper	 	{ text-transform: uppercase; }
span.weiss	 		{ color:#FFFFFF; }
span.rot			{ color:#D70B10; }
span.dunkelrot	 	{ color:#85292E; }
span.grau	 		{ color:#5A5454; }
span.grab	 	{ font-size: 36px; color:#D70B10; }
span.window	 	{ font-size: 23px; color:#FFFFFF; }
span.team	 	{ font-size: 18px; color:#5A5454; }

span.fusshead 	{ font-size: 18px; color:#FFFFFF; }
span.fusszeile 	{ font-size: 20px; color:#FFFFFF; }
span.fussbig 	{ font-size: 36px; color:#5A5454; }
span.topic 		{ font-size: 30px; color:#FFFFFF; }
span.topic2 	{ font-size: 20px; color:#FFFFFF; }

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

input.i_text:hover 			{ border: 1px solid #D70B10; }
select.i_select:hover 		{ border: 1px solid #D70B10; }
input.i_checkbox:hover 		{ border: 1px solid #D70B10; }
textarea.i_textarea:hover 	{ border: 1px solid #D70B10; }

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

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; }

a, a.ical					{ color: #85292E; text-decoration: none; -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:hover, a.ical:hover		{ color: #85292E; text-decoration: none; }

a.fusszeile 			{ color: #FFFFFF; text-decoration: none; }
a.fusszeile:hover 		{ color: #FFFFFF; text-decoration: underline; }

a.fussbig 				{ color: #5A5454; text-decoration: none; -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.fussbig:hover 		{ color: #5A5454; text-decoration: none; }

a.small 				{ color: #1b1b1b; text-decoration: none; }
a.small:hover 			{ color: #85292E; text-decoration: none; }

a.klappboxlink, 
a.tabs__nav_link		{ color: #FFFFFF; text-decoration: none; }
a.klappboxlink:hover, 
a.tabs__nav_link:hover 	{ color: #FFFFFF; text-decoration: none; }

a.button > .btn, a.buttonical > .btn 	{ color: #FFFFFF; text-decoration:none; border-radius: 0px; border: 0px solid #000000; white-space: normal; background: linear-gradient(to right, #85292E 50%, #D70B10 50%); background-size: 200% 100%; background-position: right bottom; -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				{ background-position: left bottom; }

a.buttonweiss > .btn 	{ color: #FFFFFF; text-decoration:none; border-radius: 0px; border: 1px solid #FFFFFF; white-space: normal; background: linear-gradient(to right, #FFFFFF 50%, transparent 50%); background-size: 200% 100%; background-position: right bottom; -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.buttonweiss:hover > .btn				{ background-position: left bottom; color: #85292E; }

a.buttonpdf > .btn 		{ height: 100%; color: #FFFFFF; text-decoration:none; border-radius: 0px; border: 0px solid #000000; white-space: normal; background: linear-gradient(to right, #85292E 50%, #D70B10 50%); background-size: 200% 100%; background-position: right bottom; -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.buttonpdf:hover > .btn				{ background-position: left bottom; }

input.button 			{ color: #FFFFFF; text-decoration:none; border-radius: 0px; border: 0px solid #000000; white-space: normal; cursor: pointer; background: linear-gradient(to right, #85292E 50%, #D70B10 50%); background-size: 200% 100%; background-position: right bottom; -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 		{ background-position: left bottom; }