/************************************************************************ 1 - GLOBALS ************************************************************************/ div#port { position:fixed; top:0px; left: 50%; margin: 0 0 0 -580px; width: 1158px; height:1578px; border: 1px dotted #f1e; background: transparent url(_images/940_grid_12_col.png) top center repeat-y; display: none; z-index: 0; } /************************************************************************ 1.1 - LOAD FONT(S) ************************************************************************/ @font-face { font-family: 'DroidSerifRegular'; src: url('_fonts/DroidSerif-Regular-webfont.eot'); src: local('/'), url('_fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('_fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('_fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSerifBold'; src: url('_fonts/DroidSerif-Bold-webfont.eot'); src: local('/'), url('_fonts/DroidSerif-Bold-webfont.woff') format('woff'), url('_fonts/DroidSerif-Bold-webfont.ttf') format('truetype'), url('_fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansRegular'; src: url('_fonts/DroidSans-webfont.eot'); src: local('/'), url('_fonts/DroidSans-webfont.woff') format('woff'), url('_fonts/DroidSans-webfont.ttf') format('truetype'), url('_fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansBold'; src: url('_fonts/DroidSans-Bold-webfont.eot'); src: local('/'), url('_fonts/DroidSans-Bold-webfont.woff') format('woff'), url('_fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('_fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ModernPictogramsNormal'; src: url('_fonts/modernpics-webfont.eot'); src: local('/'), url('_fonts/modernpics-webfont.woff') format('woff'), url('_fonts/modernpics-webfont.ttf') format('truetype'), url('_fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg'); font-weight: normal; font-style: normal; } html { width: 100%; height: 100%; overflow-y: scroll; z-index: -1; } body { width: 100%; height: 100%; background: rgb(244,244,244); background: rgba(224,224,224,1); color: rgb(136,139,111); color: rgba(136,139,111,1); z-index: 0; } a { -webkit-transition: color 0.35s ease-in-out; -moz-transition: color 0.35s ease-in-out; -o-transition: color 0.35s ease-in-out; transition: color 0.35s ease-in-out; } /************************************************************************ 1.4 - CSS3 FX ************************************************************************/ /* * { transition: opa 1.0s; -moz-transition: width 1.0s; -webkit-transition: width 1.0s; } */ html { -webkit-tap-highlight-color: rgba(160,161,154,1); } ::-moz-selection { background: rgb(131,126,122); background: rgba(131,126,122,1); color: rgb(254,255,248); color: rgba(254,255,248,1); text-shadow: none; } ::-webkit-selection { background: rgb(131,126,122); background: rgba(131,126,122,1); color: rgb(254,255,248); color: rgba(254,255,248,1); text-shadow: none; } ::selection { background: rgb(131,126,122); background: rgba(131,126,122,1); color: rgb(254,255,248); color: rgba(254,255,248,1); text-shadow: none; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } ::selection:window-inactive { background: transparent; } /************************************************************************ FONT ADJUST ************************************************************************/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* {font: font-style [italic,oblique] font-variant [small-caps] font-weight [bold] 24px/1.5 "Times New Roman", Times, serif;} */ body { font: normal normal 400 82.125%/1.5em "droid-sans", arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small; } select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } table { font-size: inherit; font: 100%; } h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p, p a, em, em a, blockquote, blockquote a, img, img a { margin: .24em 0 .48em 0; padding: 0 0 0 0; text-shadow: 0px 1px 0px rgba(255,255,255,1); } h2 { margin-bottom: 0.64em; padding: 0 0 0 0; font-size: 235%; line-height: 1.30em; text-align: center; } h2 { font-weight: 600; font-style: normal; text-transform: none; letter-spacing: 0.0000em; color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h2 a { text-transform: none; letter-spacing: .0231em; } h2 a:link, h2 a:visited { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h2 a:hover, h2 a:active { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h3 { margin-bottom: 0.64em; padding: 0 0 0 0; font-size: 145%; line-height: 1.30em; text-align: left; } h3 { font-weight: 600; font-style: normal; text-transform: none; letter-spacing: 0.0000em; color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h3 a { text-transform: none; letter-spacing: .0231em; } h3 a:link, h3 a:visited { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h3 a:hover, h3 a:active { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h4 { margin-bottom: 0.64em; padding: 0 0 0 0; font-size: 145%; line-height: 1.30em; text-align: left; } h4 { font-weight: 600; font-style: normal; text-transform: none; letter-spacing: 0.0000em; color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h4 a { text-transform: none; letter-spacing: .0231em; } h4 a:link, h4 a:visited { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h4 a:hover, h4 a:active { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } h5 { margin-bottom: 0.1em; padding: 0 0 0 0; font-size: 135%; line-height: 1.25em; text-align: left; } h5 { font-weight: 900; font-style: normal; text-transform: none; letter-spacing: .0231em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h5 a { text-transform: none; letter-spacing: .0231em; } h5 a:link, h5 a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h5 a:hover, h5 a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h6 { margin-bottom: 0.1em; padding: 0 0 0 0; font-size: 135%; line-height: 1.25em; text-align: left; } h6 { font-weight: 900; font-style: normal; text-transform: none; letter-spacing: .0231em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h6 a { text-transform: none; letter-spacing: .0231em; } h6 a:link, h6 a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } h6 a:hover, h6 a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } p { margin-bottom: 1.48em; padding: 0 0 0 0; font-size: 115%; line-height: 1.45em; text-align: left; } p { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: .0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } p a { text-transform: none; letter-spacing: .0000em; } p a:link, p a:visited { font-weight: 700; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } p a:hover, p a:active { font-weight: 700; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } small { margin-bottom: 0.48em; padding: 0 0px 0.96em 0; font-size: 105%; line-height: 1.5em; text-align: left; display:block; } small { font-weight: 400; font-style: normal; text-transform: none; letter-spacing: .0000em; border-bottom: 0px dotted rgba(212,212,212,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } small a { text-transform: none; letter-spacing: .0000em; } small a:link, small a:visited { font-weight: 800; font-style: normal; border-bottom: 1px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } small a:hover, small a:active { font-weight: 800; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(022,022,022,1); background: rgba(255,255,255,0); } em { margin-bottom: 0.48em; padding: 0 0 0 0; font-size: 115%; line-height: 1.45em; text-align: left; display: block; } em { font-weight: 100; font-style: normal; text-transform: none; letter-spacing: .0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } em a { text-transform: none; letter-spacing: .0231em; } em a:link, em a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } em a:hover, em a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } dl dt { margin-bottom: 0em; padding: 0 0 0 0; font-size: 115%; line-height: 1.45em; text-align: left; } dl dt { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: .0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } dl dt a { text-transform: none; letter-spacing: .0000em; } dl dt a:link, dl dt a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } dl dt a:hover, dl dt a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } dl dd { margin-bottom: 0em; padding: 0 0 0 0; font-size: 115%; line-height: 1.45em; text-align: left; } dl dd { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: .0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } dl dd a { text-transform: none; letter-spacing: .0000em; } dl dd a:link, dl dd a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } dl dd a:hover, dl dd a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } blockquote { margin-bottom: 0.48em; padding: 0 !important; font-size: 135%; line-height: 1.48em; text-align: center; display: block; } blockquote { font-weight: 400; font-style: normal; text-transform: none; letter-spacing: .0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } blockquote a { text-transform: none; letter-spacing: .0231em; } blockquote a:link, blockquote a:visited { font-weight: 400; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } blockquote a:hover, blockquote a:active { font-weight: 400; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } strong { margin-bottom: 0.96em; padding: 0 0 0 0; font-size: 100%; line-height: 1.5em; text-align: left; } strong { font-weight: 600; font-style: normal; text-transform: none; letter-spacing: .0231em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } strong a { text-transform: none; letter-spacing: .0231em; } strong a:link, strong a:visited { font-weight: 600; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } strong a:hover, strong a:active { font-weight: 600; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } form { margin-bottom: 0.96em; padding: 0 0 0 0; font-size: 105%; line-height: 1.8em; text-align: left; } form { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: 0.0000em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } form a { text-transform: none; letter-spacing: 0.0000em; } form a:link, form a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } form a:hover, form a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } input { margin-bottom: 0.96em; padding: 0 0 0 0; font-size: 105%; line-height: 1.8em; text-align: left; font-family: "droid-sans", arial, helvetica;} input { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: .0231em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } input a { text-transform: none; letter-spacing: .0231em; } input a:link, input a:visited { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(120,120,119,1); background: rgba(255,255,255,0); } input a:hover, input a:active { font-weight: 300; font-style: normal; border-bottom: 0px dotted rgba(237,126,000,1); color: rgba(237,126,000,1); background: rgba(255,255,255,0); } textarea { margin-bottom: 0.96em; padding: 0 0 0 0; font-size: 100%; line-height: 1.8em; text-align: left; font-family: "droid-sans", arial, helvetica;} textarea { font-weight: 300; font-style: normal; text-transform: none; letter-spacing: .0231em; color: rgba(120,120,119,1); background: rgba(255,255,255,0); } /************************************************************************ 2.0 - 1140 (1120) GRID V2 by Andy Taylor \ cssgrid.net \ www.andytlr.com ************************************************************************/ .wrapper { margin: 0 auto; padding: 0px 20px 0 20px; width: auto; z-index: 1; } .divider { margin: 0 auto; width: 100%; max-width: 1120px; min-width: 320px; overflow: hidden; z-index: 2; } .col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding:0; z-index: 3; } .col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11 { margin: 0px 3.8% 0px 0; float: left; } .divider .col-01 { width: 4.85%; } .divider .col-02 { width: 13.45%; } .divider .col-03 { width: 22.05%; } .divider .col-04 { width: 30.75%; } .divider .col-05 { width: 39.45%; } .divider .col-06 { width: 48%; } .divider .col-07 { width: 56.75%; } .divider .col-08 { width: 65.4%; } .divider .col-09 { width: 74.05%; } .divider .col-10 { width: 82.7%; } .divider .col-11 { width: 91.35%; } .divider .col-12 { width: 100%; } /************************************************************************ COLORTABLE ************************************************************************* ------------------------------------------------------------------------- | BEIGE | R: 241 G: 226 B: 182 | rgba(241,226,182,1); | #f1e2b6 | TYPO > R: 252 G: 251 B: 250 | rgba(252,251,250,1); | #76a68a | ------------------------------------------------------------------------- | GREEN 1 | R: 187 G: 212 B: 175 | rgba(187,212,175,1); | #bbd4af | ------------------------------------------------------------------------- | GREEN 2 | R: 118 G: 166 B: 138 | rgba(118,166,138,1); | #76a68a | ------------------------------------------------------------------------- | GREEN 3 | R: 136 G: 139 B: 111 | rgba(136,139,111,1); | #888b6f | TYPO > R: 160 G: 160 B: 155 | rgba(168,169,163,1); | #76a68a | ------------------------------------------------------------------------- | RED | R: 190 G: 095 B: 085 | rgba(237,126,000,1); | #be5f55 | ------------------------------------------------------------------------- ************************************************************************/ /************************************************************************ 1.3 - HTML5 TAGS ************************************************************************/ /*e-o-f*****************************************************************/ form .dsgvo input {width:auto !important; margin-right:3px;} form .dsgvo label {width:auto !important;} form .dsgvo label a {text-decoration:underline;}