@charset "utf-8";
/* CSS Document */


/* Fonts */
/*
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


/* Standard */
* { margin: 0px; padding: 0px; box-sizing: border-box; }

html { }
body { background: #FFF; padding: 50px 50px; }
body,td,th { font-family: 'Open Sans', sans-serif; font-size: 17px; color: #666; line-height: 1.5; }

#clearing, .clearing { clear: both; font-size: 0px; }
#clearleft, .clearleft { clear: left; font-size: 0px; }
#clearright, .clearright { clear: right; font-size: 0px; }
#clearfix, .clearfix { display: block !important; width: 100% !important; height: 0px !important; overflow: hidden !important; font-size: 0px !important; float: none !important; }
	#clearfix:after, .clearfix:after {
		content: ".";
		display: inline-block !important;
		height: 0px !important;
		width: 100% !important;
		clear: both;
		visibility: hidden !important;
		padding: 0px !important;
		margin: 0px !important;
		font-size: 0px !important;
	}



/* Allgemein */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-size: 60px;
	color: #3B3F3F;
	margin: 0px 0px 60px;
	font-weight: 300;		
	line-height: 1.05;
	word-wrap: break-word;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: 100; }

h1 {margin-bottom: 20px;text-transform: uppercase;text-align: center;}
h2 { font-size: 40px; text-transform: uppercase;text-align: center;}
h3, h4, h5, h6 { margin-bottom: 30px; }
h3 { font-size: 35px; }
h4 { font-size: 30px; }
h5, h6 { font-size: 20px;color: #ff0000; text-align: center;}

h1.seitenueberschrift { color: #CC0617; }
	h1.seitenueberschrift.hide { display: none !important; }

h1.seitenueberschrift.left, .ueberschrift.left > * { text-align: left; }
h1.seitenueberschrift.center, .ueberschrift.center > * { text-align: center; }
h1.seitenueberschrift.right, .ueberschrift.right > * { text-align: right; }


p { margin-bottom: 15px; font-size: 20px;}

a { color: #000; transition: all 0.5s ease; }
a:hover { text-decoration: none; }
a img { border: none; }

hr { height: 0px; width: 100%; text-decoration: none; text-align: center; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin: 20px 0px; }

ul { list-style-type: square; margin-left: 25px; line-height: 1.25; margin-bottom: 15px; }
li { margin-bottom: 10px; }
ol { margin-left: 25px; line-height: 1.25; list-style-position: inside; }



/* Blöcke */
main, header, section, nav, article, footer, aside, .slider-wrapper { display: block; position: relative; z-index: 5; }
.inner { max-width: 1600px; margin: 0px auto; }

main { max-width: 1100px; margin: 0px auto; }

nav { padding: 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #EEE; transition: all 0.5s ease; z-index: 10; }
	/*nav.fixto-fixed { z-index: 1000; }*/
nav ul { list-style-type: none; line-height: normal; margin: 0px; padding: 0px; }
nav li { display: inline; margin: 0px 10px 0px 0px; }
nav li a { position: relative; font-size: 15px; color: #393F3F; text-transform: uppercase; display: inline-block; text-decoration: none; padding: 30px 20px; overflow: hidden; }
nav li a:hover, nav li a.selected { color: #000; }
	nav li a.selected { font-weight: bold; color: #D62F30; }
	nav li a:before { content: ''; position: absolute; top: 0px; left: 0px; width: 0%; height: 4px; margin: 0px 50%; background: #DDD; transition: all 0.25s ease; }
		nav li a:hover:before, nav li a.selected:before { width: 100%; margin: 0px 0%; }
		nav li a.selected:before { background: #D62F30; }
	nav li a:after { content: ''; position: absolute; bottom: -40px; left: 50%; background: #D62F30; width: 20px; height: 20px; margin-left: -10px; transform: rotate(45deg); transition: all 0.3s ease; }
		nav li.haschilds a:hover:after { bottom: -8px; }
nav li.markit a { }
nav ul ul ul { display: none; }



a.gotoupload { padding: 35px 35px; text-decoration: none; display: inline-block; background: #39f; text-transform: uppercase; color: #FFF; font-weight: bold; font-size: 18px; cursor: default; }
a.gotoupload:hover { box-shadow: 0px 5px 15px rgba(0,0,0,0.08); transform: scale(1.1); }

a.sendform { padding: 15px 15px; background: #CCC; color: #FFF; font-size: 16px; }
/*a.sendok { background: #86bb8c; }*/



iframe { width: 100%; height: 500px; }



/* Modul: Formulargenerator */
::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}

form { margin: 0px auto; padding: 25px 35px; display: block; max-width: 600px; box-shadow: 0px 5px 15px rgba(0,0,0,0.08); }

input, textarea, select { 
	max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
	margin: 10px 0px;
	-webkit-appearance: none;
}
input:focus, textarea:focus, select:focus { border-color: #39f; }
textarea { height: 75px; }


input.checkbox { width: auto; vertical-align: -webkit-baseline-middle; }
label.checkbox { float: none; width: auto; }

div.radios { padding-bottom: 13px; }
label.radio { margin-top: 0px; }
p.radio { display: inline; margin-right: 10px; }
p.radio input { width: auto; }
p.radio label { width: auto; float: none; text-align: left; margin: 0px 7px 0px 3px; }

select.half { width: 125px; }
input.inp50 { width: 50px; }
input.inpShorter { width: 238px; }

label.captcha { font-weight: bold; }

p.formsubmit { padding-left: 270px; margin-left: 0px; }
p.formcaptcha { margin-top: 15px; }
p.formcheckbox { padding-left: 270px; }

ul.form_warning { color: #900; font-weight: bold; font-size: 14px; margin: 20px auto 40px auto; border: 1px solid #990000; padding: 10px 20px 10px 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); background-color: #FAE7E7; }
input.form_warning, textarea.form_warning { border: 1px solid #900; }
label.form_warning { color: #900; }

.form-miniheader { display: block; margin-bottom: 4px; }
.form-info { display: block; text-align: center; font-size: 13px; margin: 20px 0px 0px; color: #888; }

p.formlabel-kon_dse, p.formdse { padding-left: 0px; margin-right: 0px; display: inline; }
p.formlabel-kon_dse > *, p.formdse > * { margin-right: 0px; }



/* Sonstiges + Editorstyles */
img.bild_links_mit_textfluss { text-align: left; margin-right: 20px; margin-bottom: 20px; float: left; }
img.bild_rechts_mit_textfluss { text-align: right; margin-bottom: 20px; margin-left: 20px; float: right; }
img.bild_links_mit_textfluss_und_rahmen { text-align: left; margin-right: 20px; margin-bottom: 20px; border: 7px solid #DDD; float: left; }
img.bild_rechts_mit_textfluss_und_rahmen { text-align: right; margin-bottom: 20px; margin-left: 20px; border: 7px solid #DDD; float: right; }
img.bild_rahmen { border: 7px solid #DDD; }

.text_standard { color: #666; text-decoration: none; font-style: normal; font-variant: normal; font-size: 1em; }
	.text_standard:hover { font-style: normal; }
.text_klein { text-decoration: none; font-style: normal; font-variant: normal; font-size: 0.75em; }
.text_grossbuchstaben { text-transform: uppercase; }
.text_einrueckung { margin-left: 1em; }

table.tabelle_links { margin-left: 0px; margin-right: auto; }
table.tabelle_mittig { margin-left: auto; margin-right: auto; }
table.tabelle_rechts { margin-left: auto; margin-right: 0px; }

a.link-historyback { padding: 25px 0px; }
.hide, .content-hide { display: none; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.textfarbe_rot { color: #CC0617; }
.textfarbe_grau { color: #3A3F3F; }

a.linkbox-rot, a.linkbox-grau, a.linkbox-balken, a.linkbox-pfeil { text-decoration: none; text-transform: uppercase; font-size: 1.2em; margin: 0px 5px 5px 0px; padding: 8px 40px; -mozborder-radius: 3px; border-radius: 3px; background: #CC0617; font-family: 'Lato', sans-serif; font-weight: normal; color: #FFF; text-align: center; line-height: 1.75; }
	a.linkbox-rot:hover { background: #3A3F3F; }
a.linkbox-grau { background: #3A3F3F; }
	a.linkbox-grau:hover { background: #CC0617; }
a.linkbox-balken, a.linkbox-pfeil { position: relative; display: inline-block; padding: 8px 25px; background: #EEE; color: #3A3F3F; min-width: 175px; margin: 0px 5px 5px 0px; }
	a.linkbox-balken:before { content: ''; background: #CC0918; width: 6px; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease; }
	a.linkbox-balken:hover { color: #000; }
	a.linkbox-balken:hover:before { /*mix-blend-mode: multiply;*/ width: 20px; }
a.linkbox-pfeil { background: url(btn-pfeil.png) right center no-repeat #EEE; }
	a.linkbox-pfeil:hover { color: #FFF; background-color: #CC0617; }


	
	

/* TinyMCE Breitenbeschränkunen */
.maxwidth500 { max-width: 500px; margin: 0px auto; }
.maxwidth600 { max-width: 600px; margin: 0px auto; }
.maxwidth700 { max-width: 700px; margin: 0px auto; }
.maxwidth800 { max-width: 800px; margin: 0px auto; }
.maxwidth900 { max-width: 900px; margin: 0px auto; }



/* Hacks */
.ipad .content { }

.camera_wrap { max-width: 900px; margin-left: auto; margin-right: auto; float: none !important; }
.camera_wrap .camera_pag .camera_pag_ul { text-align: center !important; }
.camera_wrap .camera_pag .camera_pag_ul li { background-color: #303E5B !important; border: 2px solid #303E5B; width: 10px !important; height: 10px !important; margin: 15px 5px 0px !important; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-color: #303E5B; }
.camera_wrap .camera_pag .camera_pag_ul li>span { top: 0px !important; left: 0px !important; background-color: #FFF; width: 10px !important; height: 10px !important; }
.camera_wrap .camera_pag .camera_pag_ul li:hover>span { background-color: #303E5B !important; }




@media screen and (max-width:600px){
	h1 { font-size: 45px; }
	h2 { font-size: 35px; }
	h3 { font-size: 30px; }
	h4 { font-size: 25px; }
}