/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */ body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden} /* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */ #wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none!important;display:block!important;width:auto!important}*[class*="offset"]{margin-left:10px!important}} /** * Global TinyMCE style sheet */ .isg-rot, .isg-rot p, .isg-rot span {color:#931d53 !important;} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control span{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* width * height * padding * margin * display * position * z-index */ /* Grundelemente*/ *{} body { } .ce_text, p, p a, p span, li{ } .mod_article *[class*="ce_"], .mod_article *[class*="mod_"]{ margin-left:0px !important; margin-right:0px !important; } /* slogan*/ .slogan{ } /* margnal*/ .marginal{ } /* more & backLink*/ .back_ajax, .more.ajax{ display:none; cursor:pointer; } .back a, .more a{ cursor:pointer; } #einleitung .toggle_link, #einleitung .toggle_back{ cursor:pointer; display:none; } .aufklappbar{ margin-bottom:30px; } /* navigation mit headline-erweiterung */ .headline > span{ } .ce_image, .mod_article figure,.mod_article img, #right figure,#right img{ padding:0px !important; margin:0px !important; } #fullwidth img{ padding:0px !important; margin-bottom:30px !important; } /* logo */ #logo{ display:block; width:245px; height:172px; } /* einleitung */ #einleitung { display:block; position:absolute; top:110px; min-height:55px; margin:12px 0 0 300px; padding:0px; } /* suche */ .mod_search:not(#sucheingabe) > form{ display:none; } .mod_search#sucheingabe{ display:block; position:absolute; right:0px; height:34px; marngin:12px 0 0 300px; padding:0px; } .mod_search#sucheingabe [name="keywords"]{ display:block; float:left; height:32px; margin:0px; padding:0px 0 0 10px; } .mod_search#sucheingabe [type="submit"]{ display:block; float:left; width:40px; height:34px; margin:0px; padding:0px; } /* copyright */ #copyright{ display:block; position:absolute; width:auto; height:31px; padding:0px; } /* top link*/ #top_link{ display:block; position:absolute; tomp:215px; right:3px; width:31px; height:31px; margin:-78px 0 0 0px; padding:0px; } /* breadcrumb */ .mod_breadcrumb{ display:block; position:absolute; max-width:584px; width:auto; height:34px;padding:0px; } .mod_breadcrumb ul{padding:0px; margin:0px;} .mod_breadcrumb ul, .mod_breadcrumb ul li{float:left; min-width:40px; padding-right:1px; } .mod_breadbcrumb ul li.first{float:left; display:none; } .mod_breadcrumb li, .mod_breadcrumb li a, .mod_breadcrumb li span{ } /* headlines mit unterstreichung rot , color rot und background weiß und umgekehrt*/ h1.bg_red,h2.bg_red, h3.bg_red,h4.bg_red, h5.bg_red,h6.bg_red, h7.bg_red,h8.bg_red, .bg_red h1,.bg_red h2, .bg_red h3,.bg_red h4, .bg_red h5,.bg_red h6, .bg_red h7,.bg_red h8{ padding-left:10px; padding-right:10px; } /* headlines */ h1,h1 a{ margin-top:0px; } h2,h2 a,h3,h4, h3 a,h4 a{ margin-top:0px; } h2,h3,h4,h5,h6,h7,h8, h2 a,h3 a,h4 a,h5 a,h6 a,h7 a,h8 a{ } a{ } /* Newsliste */ .mod_newslist > div, .mod_newslist > div h2{ margin-top:0px; } .teaser p{ margin-bottom:0px;} /* Hoverfunktion #mainnavigation*/ #header #mainnavigation{ z-index:90 !important; } #header #mainnavigation ul.level_1{ z-index:980 ; } #header #mainnavigation ul.level_2{ z-index:990 ; display:none; } #header #mainnavigation ul.level_3{ display:none; } #header #mainnavigation ul.level_2 > li.touch ul.level_3, #header #mainnavigation ul.level_2 > li:hover ul.level_3{ display:block ; z-index:980 ; } /* #header #mainnavigation dropdown */ #header { margin-bottom:40px; } #header #mainnavigation ul.level_1{ float:left; padding:0px; } #header #mainnavigation ul.level_2{ margin:0px; padding:0px; position:absolute; } #header #mainnavigation ul.level_3{ position:absolute; display:none; tonp:0px; margin:-30px 0 0 212px; padding:0px; } #header #mainnavigation ul.level_1 > li{ float:left; width:212px; } #header #mainnavigation li{ min-width:212px; width:auto; cursor:pointer; } /* #footer #footernavigation */ #footer , #footer #footernavigation{ margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; } #footer #footernavigation ul.level_1{ } #footer #footernavigation ul.level_2{ margin:0px ; padding:0px; } #footer #footernavigation ul.level_1 > li{ float:left; margin-right:32px ; } #footer #footernavigation ul.level_1 > li:last-child{ margin-right:0px !important; } #footer #footernavigation li{ } #footer #footernavigation li, #footer #footernavigation li a, #footer #footernavigation li span{ min-height:30px; height:auto; display:block; } /* Backgroung-images * * * */ /* scroll to top link #header #mainnavigation ul.level_2 > li.submenu.active > span:hover, #header #mainnavigation ul.level_2 > li.submenu.active > span.touch, #header #mainnavigation ul.level_2 > li:hover > a, #header #mainnavigation ul.level_2 > li:hover > span, #header #mainnavigation ul.level_2 > li.touch > a, #header #mainnavigation ul.level_2 > li.touch > span, #header #mainnavigation ul.level_2 > li.submenu > a:hover, #header #mainnavigation ul.level_2 > li.submenu > a.touch, #header #mainnavigation ul.level_2 > li.siblning > a, #header #mainnavigation ul.level_2 > li.sibling > span */ #header #mainnavigation ul.level_2 > li.touch, #header #mainnavigation ul.level_2 > li:hover { background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/nav-hover28x18.png") right top no-repeat; } /* suche lupe */ .mod_search#sucheingabe [type="submit"]{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/suche_lupe30.png") 2px 2px no-repeat; } /* drop down header media bis 500px */ @media only screen and (min-width: 0px) and (max-width: 767px){ body > ul.level_2 , #header #mainnavigation ul.level_2 { background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/hover_nav_ul2.png") 20px 18px no-repeat !important ; } #header #mainnavigation ul.level_2 > li, #header #mainnavigation ul.level_2 > li > a, #header #mainnavigation ul.level_2 > li > span{ background: transparent !important ; } } /* drop down header media bis 500px */ @media only screen and (min-width: 0px) and (max-width: 499px){ /* body*/ body{ background: #b8c2ce url("https://www.isg-systemergonomie.de/files/isg/layout/img/nav_open_bg.png") 0px 0px repeat-x !important; } /* #header */ #header{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/header_bg.png") 0px -40px repeat-x; } #header #mainnavigation ul.level_1 > li > a, #header #mainnavigation ul.level_1 > li > span{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/open_nav.png") right top no-repeat !important ; } #footber #footernbavigation ul.level_1 > li{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/linie.png") 0 0 repeat ; } } /* drop down header media bis 500px */ @media only screen and (min-width: 500px){ /* #header */ #header{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/header_bg.png") 0px -80px repeat-x; } } /* drop down footer media bis 1023px */ @media only screen and (min-width: 0px) and (max-width: 1023px){ #footer #footernavigation ul.level_1 > li.trail > span, #footer #footernavigation ul.level_1 > li.active > span{ background: transparent url("http://www.isg-systemergonomie.de/files/isg/layout/img/close_nav.png") right top no-repeat !important; } #footer #footernavigation ul.level_1 > li > a, #footer #footernavigation ul.level_1 > li > span{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/open_nav.png") right top no-repeat ; } #footer #footernavigation ul.level_1 > li{ background: transparent url("https://www.isg-systemergonomie.de/files/isg/layout/img/linie.png") 0 0 repeat ; } } /* Colors * Gelb: #ffcc00 * Rot: #931d53 * Hellrot: #ae567d * linie Nav ul2 < 499px: #a3afc1 * Nav ul2 <499: #92a0b5 * Grau1: #777996 * Grau2: #72849d * Logogau:#72859d * Grau3: #b5bece * Hellgrau: #b8c2ce * Weiß: #ffffff * Schwarz: #1a171b * */ /*Grundelemente*/ body { color: #1a171b; background-color: #b8c2ce; } p, p a, p span, li { color: #1a171b; } /* Fließtext Link*/ .mod_article a, .mod_article a:visited, .mod_article a:active, .mod_article a:link, .mod_article a:hover, .mod_article a.touch, .mod_article .toggler { color: #931d53; } /* contao */ #wrapper { background-color: #fff; } /* slogan*/ .slogan { color: #1a171b; } /* margnal*/ .marginal { color: #1a171b; } .marginal span.toggle_link, .marginal span.toggle_back { color: #931d53; } /* Suche */ .mod_search#sucheingabe [name="keywords"] { } .mod_search#sucheingabe [type="submit"] { border: 0px solid #fff; color: transparent; } /* more & ackLink*/ .back_ajax, .back, .more, .more a { color: #931d53; } /* navigation mit headline-erweiterung */ .headline { color: #ffcc00 !important; } .headline:hover, .headline.touch { color: #fff !important; } /* border grau1 suchfeld */ input:not([type="submit"]), input[type="text"], .search input { border: 1px solid #777996; } /* copyright */ #copyright p { color: #ffffff !important; } /* breadcrumb grau2 color*/ .mod_breadcrumb li, .mod_breadcrumb a, .mod_breadcrumb span { color: #72849d !important; } /* sitemap */ .mod_sitemap .headline { color: #931d53 !important; } /* headlines mit unterstreichung rot , color rot und background weiß und umgekehrt*/ h1:not(.bg_red) a, h2:not(.bg_red) a, h3:not(.bg_red) a, h4:not(.bg_red) a, h5:not(.bg_red) a, h6:not(.bg_red) a, h7:not(.bg_red) a, h8:not(.bg_red) a { color: #931d53; } h1:not(.bg_red), h2:not(.bg_red), h3:not(.bg_red), h4:not(.bg_red), h5:not(.bg_red), h6:not(.bg_red), h7:not(.bg_red), h8:not(.bg_red) { border-bottom: 1px solid #931d53; color: #931d53; } .bg_red h1 a, .bg_red h2 a, .bg_red h3 a, .bg_red h4 a, .bg_red h5 a, .bg_red h6 a, .bg_red h7 a, .bg_red h8 a { color: #fff; } h1.bg_red, h2.bg_red, h3.bg_red, h4.bg_red, h5.bg_red, h6.bg_red, h7.bg_red, h8.bg_red, .bg_red h1, .bg_red h2, .bg_red h3, .bg_red h4, .bg_red h5, .bg_red h6, .bg_red h7, .bg_red h8 { border-bottom: 1px solid #931d53; color: #fff; background-color: #931d53; } /* #header hover effekt*/ #header #mainnavigation ul.level_2 li:hover, #header #mainnavigation ul.level_2 li.touch{ background-color: #72859d !important; } /* left navi < 768*/ @media only screen and (min-width: 0px) and (max-width: 767px) { body > ul.level_2 li, body > ul.level_2 li.submenu.active span:hover, body > ul.level_2 li.submenu.active span.touch, body > ul.level_2 li.submenu.active span, body > ul.level_2 li.trail > a, body > ul.level_2 li.active > span, body > ul.level_2 li:hover > a, body > ul.level_2 li:hover > span, body > ul.level_2 li.touch > a, body > ul.level_2 li.touch > span, body > ul.level_2 li.submenu a:hover, body > ul.level_2 li.submenu a.touch, body > ul.level_2 li.siblning a, body > ul.level_2 li.sibling span, #header #mainnavigation ul.level_2 li, #header #mainnavigation ul.level_2 li.submenu.active span:hover, #header #mainnavigation ul.level_2 li.submenu.active span.touch, #header #mainnavigation ul.level_2 li.submenu.active span, #header #mainnavigation ul.level_2 li.trail > a, #header #mainnavigation ul.level_2 li.active > span, #header #mainnavigation ul.level_2 li:hover > a, #header #mainnavigation ul.level_2 li:hover > span, #header #mainnavigation ul.level_2 li.touch > a, #header #mainnavigation ul.level_2 li.touch > span, #header #mainnavigation ul.level_2 li.submenu a:hover, #header #mainnavigation ul.level_2 li.submenu a.touch, #header #mainnavigation ul.level_2 li.siblning a, #header #mainnavigation ul.level_2 li.sibling span { background-color: transparent !important; } body > ul.level_2, #header #mainnavigation ul.level_2 { background-color: #92a0b5 !important; } body > ul.level_2 li a, body > ul.level_2 li span { border-bottom: 1px solid #a3afc1 !important; display: block; height: 30px; width: 100%; } body > ul.level_2 > li a, body > ul.level_2 > li span, #header #mainnavigation ul.level_2 > li a, #header #mainnavigation ul.level_2 > li span { border-bo0ttom: 1px solid #a3afc1; background-color: transparent; color: #fff; } body > ul.level_2 li > a:hover, body > ul.level_2 li > a.touch, body > ul.level_2 li > span:hover, body > ul.level_2 li > span.touch { color: #931d53; } body > .level_2 li, #header #mainnavigation .level_2 li { border-bottom: 0px solid #931d53 !important; } body > ul.level_3, #header #mainnavigation ul.level_3 { border-left: 0px solid #931d53 !important; } }/*++++++++++++++++++++++*/ @media only screen and (min-width: 768px) { /* #header #mainnavigation background rot, color weiß*/ #header #mainnavigation { banckground: #931d53; } #header #mainnavigation .level_2 li { background: #b5bece; border-bottom: 1px solid #931d53; } #header #mainnavigation .level_2 li, #header #mainnavigation .level_2 li a, #header #mainnavigation .level_2 li span { color: #931d53; } #header #mainnavigation ul.level_3 { border-left: 2px solid #931d53; }/* #header #mainnavigation ul.level_2{ background-color: #92a0b5 !important; } #header #mainnavigation ul.level_2 > li a, #header #mainnavigation ul.level_2 > li span{ bord0er-bottom:1px solid #a3afc1; backg0round-color: transparent !important; col0or:#fff; } #header #mainnavigation .level_2 li{ background: #b5bece; border-bottom:1px solid #931d53; } #header #mainnavigation .level_2 li, #header #mainnavigation .level_2 li a, #header #mainnavigation .level_2 li span{ color: #931d53; } #header #mainnavigation ul.level_3{ border-left:2px solid #931d53; } #header #mainnavigation ul.level_2 > li a, #header #mainnavigation ul.level_2 > li span{ border-bottom:1px solid #a3afc1; background-color: transparent ; color:#fff; } #header #mainnavigation .level_2 li{ border-bottom:0px solid #931d53 !important; } #header #mainnavigation ul.level_3{ border-left:0px solid #931d53 !important; }*/ } @media only screen and (min-width: 1024px) { #footer #footernavigation ul.level_1 > li a, #footer #footernavigation ul.level_1 > li span, #footer #footernavigation ul.level_2 > li a, #footer #footernavigation ul.level_2 > li span { border-bottom: 1px solid #ae567d; } } /* media bis 499px */ @media only screen and (min-width: 0px) and (max-width: 499px) { body > ul.level_1 > li a, body > ul.level_1 > li span, #header #mainnavigation ul.level_1 > li a, #header #mainnavigation ul.level_1 > li span { border-bottom: 1px solid #ae567d; } } /* #header #mainnavigation background rot, color weiß*/ #header #mainnavigation { banckground: #931d53; } /* #footer #footernavigation background rot, color weiß linien color hellrot*/ #footer #footernavigation { background: #931d53; color: #fff; } /* */ #footer #footernavigation ul.level_2 > li:hover a, #footer #footernavigation ul.level_2 > li.touch a, #footer #footernavigation ul.level_2 > li:hover span, #footer #footernavigation ul.level_2 > li.touch span { color: #ffcc00 !important; } #footer #footernavigation li, #footer #footernavigation li a, #footer #footernavigation li span { color: #fff; } /*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* @media only screen and (max-width: 319px) @media only screen and (min-width: 320px) and (max-width: 479px) @media only screen and (min-width: 480px) and (max-width: 767px) @media only screen and (min-width: 768px) and (max-width: 1023px) @media only screen and (min-width: 1024px) */ @media only screen and (max-width: 319px) { #header,#footer,#wrapper { width: 319px; margin: 0; } } @media only screen and (min-width: 0px) and (max-width: 768px) { /* animation nav*/ bo00dy:not(.open_nav), bod00y:not(.open_nav) > ul.level_2, body:not(.open_nav) #wrapper{ -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} b00ody.open_nav, b00ody.open_nav > ul.level_2, .open_nav #wrapper{ -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;} body #wrapper, body #header, body #container, body #footer{ z-index:99999; } .open0_nav > ul.level_2{ z-index:99 !important; } body > ul.level_2{ z-index:-2 ; } /* animierte navigation */ .open_nav {overflow-x:hidden;} .closed_nav {} .open_nav #wrapper{margin-left:170px !important; } body > ul.level_2 li, body > ul.level_2 ul{list-style:none; padding:0px; margin:0px;} body > ul.level_2 { position: fixed; width:140px; margin:0px 0 0 0px; padding:50px 10px 30px 20px; left: 0px; } .closed_nav > ul.level_2, .open_nav #header #mainnavigation ul.level_2 { display:none; } #header #mainnavigation ul.level_2 { position: absolute; width:140px; margin:0px; padding:40px 10px 30px 20px; left: 40px; } #header #mainnavigation ul.level_2 li{ min-height:40px; height:auto; } #header #mainnavigation ul.level_2 li, #header #mainnavigation ul.level_2 li a, #header #mainnavigation ul.level_2 li span{ min-width:140px !important; width:140px; margin:0px ; padding:0px ; } #header #mainnavigation ul.level_3 { position: relative !important; width:140px; margin:0px; padding:0px; display: block !important; } #header #mainnavigation li a, #header #mainnavigation li span{ width:204px; display:block; padding-left:3px; padding-right:5px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { #header,#footer,#wrapper { min-width: 320px; width: auto; max-width: 479px; margin: 0; } #main { width: 100%; margin-right: 0px; } #right { width: 100%; margin-left: 0px; } #mainnavigation,#footernavigation { width: 100%; padding: 0px; } #footer #footernavigation ul.level_1 { width: 88%; margin: 26px 20px 48px 20px; padding: 0; } #footer #footernavigation ul.level_2 >li { float: left; min-width: 100%; width: 100% !important; } } @media only screen and (min-width: 480px) and (max-width: 768px) { #header,#footer,#wrapper { min-width: 480px; width: auto; max-width: 767px; margin: 0; } #header { min-height: 240px; margin-bottom: 40px; } #main { width: 100%; margin-right: 0px; } #right { width: 100%; margin-left: 0px; } #mainnavigation,#footernavigation { width: 100%; padding: 0px; } /* #header #mainnavigation */ #header #mainnavigation.touch, #header #mainnavigation:hover { min-height: 240px !important; height: auto !important; } #header #mainnavigation { position: absolute; min-height: 140px !important; height:140px !important; } /* logo */ #logo { position: absolute; z-index: 10 !important; top: 58px; margin: 0px 0 0 40px; } #footer #footernavigation ul.level_1 { width: 84%; margin: 26px 40px 48px 40px; padding: 0; } } /* 500px mainnavi funktioniert besser */ @media only screen and (min-width: 0px) and (max-width: 499px) { #header { min-height: 410px ; height: auto ; margin-bottom: 40px; } /* #header #mainnavigation */ /* #header #mainnavigation */ #header #mainnavigation { position: absolute; min-height: 110px !important; height:100px !important; } #header #mainnavigation ul.level_1 { min-width: 236px; width: 100%; margin: 10px 0 0 0px; padding:0px; } /*#header #mainnavigation.touch, #header #mainnavigation:hover { min-height: 540px !important; height: auto !important; }*/ #header #mainnavigation ul.level_1>li { float: left ; width: 100% ; min-width: 112px ; margin:0px; padding:0px; } #header #mainnavigation ul.level_1>li>a, #header #mainnavigation ul.level_1>li>span { width: 80%; display:block; padding-left: 3px; padding-right: 25px; margin-left: 20px; margin-right: 0px; } /* logo */ #logo { position: absolute; z-index: 10 !important; top: 128px !important; width: 220px !important; height: auto !important; margin: 0px 0 0 20px; } #logo img { width: 160px !important; height: auto !important; } /* einleitung */ #einleitung { top: 290px; margin-left: 20px !important; min-width: 80px; width: auto; max-width: 98%; padding-right: 20px; } #container,#fullwidth { width:90%; padding: 0px 20px !important; } /* suche */ .mod_search#sucheingabe { top: 220px !important; width:84px; } .mod_search#sucheingabe [name="keywords"]{ width:30px; } .mod_search#sucheingabe.focus { z-index: 1220; width:184px; } .mod_search#sucheingabe [name="keywords"]:focus{ width:130px; } /* breadcrumb */ .mod_breadcrumb { top: 346px ; height:auto !important; margin: 12px 0 10px 20px; } } /* 628px mainnavi funktioniert besser */ /* #header #mainnavigation */ @media only screen and (min-width: 500px) and (max-width: 628px) { /* logo */ #logo { position: absolute; z-index: 10 !important; top: 58px; margin: 0px 0 0 40px; } /* einleitung */ #einleitung { min-width: 480px; width: auto; max-width: 600px; padding-right: 40px; } /* suche */ .mod_search#sucheingabe { top: 260px; } /* breadcrumb */ .mod_breadcrumb { top: 296px; margin: 12px 0 0 40px; } #header { min-height: 410px ; height: auto ; margin-bottom: 40px; } /* #header #mainnavigation */ /* #header #mainnavigation */ #header #mainnavigation { position: absolute; min-height: 110px !important; height:100px !important; } #header #mainnavigation ul.level_1 { margin-left: 40px; width:100%; } #header #mainnavigation ul.level_1>li { float: left; width: auto; min-width: 112px; } #header #mainnavigation ul.level_1>li>a, #header #mainnavigation ul.level_1>li>span { width: auto; padding-left: 3px; padding-right: 25px; } .mod_search#sucheingabe{ width:184px; } .mod_search#sucheingabe [name="keywords"]{ width:130px; } /* einleitung */ #einleitung { top: 310px; margin-left: 40px !important; min-width: 80px; width: auto; max-width: 94%; padding-right: 40px; } } @media only screen and (min-width: 629px) and (max-width: 1023px) { /* #header #mainnavigation */ #header #mainnavigation { min-height: 440px ; height: auto ; } #header #mainnavigation ul.level_1 { min-width: 436px; margin: 28px 0 0 297px; } #header #mainnavigation ul.level_1>li { float: left; width: auto; min-width: 112px; } #header #mainnavigation ul.level_1>li>a, #header #mainnavigation ul.level_1>li>span { width: auto; padding-left: 3px; padding-right: 25px; } /* breadcrumb */ .mod_breadcrumb { top: 296px; margin: 12px 0 0 40px; } } @media only screen and (min-width: 629px) and (max-width: 768px) { #header { min-height: 330px ; height: auto ; margin-bottom: 40px; } .mod_search#sucheingabe{ width:184px; } .mod_search#sucheingabe [name="keywords"]{ width:130px; } /* einleitung */ #einleitung { min-width: 280px; width: auto; max-width: 600px; padding-right: 40px; } /* suche */ .mod_search#sucheingabe { top: 290px; } /* breadcrumb */ .mod_breadcrumb { top: 296px; margin: 12px 0 0 40px; } } @media only screen and (min-width: 480px) and (max-width: 820px) { /* 821px funktioniert besser */ #container,#fullwidth { width: 85%; padding: 0px 40px; } } @media only screen and (min-width: 821px) and (max-width: 1023px) { /* 821px funktioniert besser */ #container,#fullwidth { width: 90%; padding: 0px 40px; } } @media only screen and (min-width: 769px) { body > ul.level_2{display:none;} #header #mainnavigation li a, #header #mainnavigation li span{ width:184px; display:block; padding-left:3px; padding-right:5px; } #header #mainnavigation ul.level_2 li a, #header #mainnavigation ul.level_2 li span{ margin-right:20px; } } @media only screen and (min-width: 769px) and (max-width: 1023px) { #header,#footer,#wrapper { min-width: 768px; width: auto; max-width: 1023px; margin: 0; } #header { min-height: 240px; margin-bottom: 80px; } #main { width: 60%; margin-right: 40px; } #right { width: 35%; margin-left: 0px; } /* logo */ #logo { position: absolute; z-index: 10 !important; top: 28px; margin: 0px 0 0 40px; } #header #mainnavigation ul.level_1 { } #header #mainnavigation ul.level_1 > li.is_open ul.level_2{ display:block ; z-index:980 ; } #mainnavigation,#footernavigation { width: 100%; padding: 0px; } /* suche */ .mod_search#sucheingabe { top: 260px; } /* breadcrumb */ .mod_breadcrumb { top: 256px; margin: 12px 0 0 40px; } #footer #footernavigation ul.level_1 { width: 90%; margin: 26px 40px 48px 40px; padding: 0; } } /*footer navigation 320 bis 1023*/ @media only screen and (min-width: 0px) and (max-width: 1023px) { /* copyright */ #copyright { margin: -96px 0 0 40px; } #footer { height: auto !important; } #footer #footernavigation { padding-bottom: 108px; } #footer #footernavigation ul.level_2 { width: 100%; display: none; } #footer #footernavigation ul.level_2>li a, #footer #footernavigation ul.level_2>li span { border-bottom: 0px solid #ae567d !important; } /*#footer #footernavigation li.trail ul.level_2, #footer #footernavigation li.active ul.level_2, #footer #footernavigation li:hover ul.level_2, #footer #footernavigation li.touch ul.level_2*/ #footer #footernavigation li.is_open ul.level_2 { display: block; } #footer #footernavigation ul.level_1 >li.is_open { padding-bottom: 3px; } #footer #footernavigation ul.level_1 >li { width: 100%; } #footer #footernavigation ul.level_2 >li:nth-child (4n) a, #footer #footernavigation ul.level_2>li:nth-child (4n) span { paddivg-right: 0px !important; } #footer #footernavigation ul.level_2 >li { float: left; min-width: 5%; width: auto; } #footer #footernavigation ul.level_2 li > a,#footer #footernavigation ul.level_2 li>span { width: 100%; padding-right: 40px; background-color: transparent !important; } #footer #footernavigation ul.level_1 li>a,#footer #footernavigation ul.level_1 li>span { width: 100%; } } @media only screen and (min-width: 1024px) { /* #wrapper */ #header,#footer,#wrapper { width: 1024px; margin: 0 auto; padding: 0px; } #main { width: 616px; margin-right: 40px; } #right { width: 288px; } #mainnavigation,#footernavigation,#container,#fullwidth { width: 944px; padding: 0 40px; } /* logo */ #logo { margin: -91px 0 0 40px; } /* einleitung */ #einleitung { width: 684px; } /* suche */ .mod_search#sucheingabe { top: 212px; } .mod_search#sucheingabe{ width:184px; } .mod_search#sucheingabe [name="keywords"]{ width:130px; } /* breadcrumb */ .mod_breadcrumb { top: 196px; margin: 12px 0 0 300px; } /* copyright */ #copyright { margin: -96px 0 0 526px; } /* #header #mainnavigation */ #header #mainnavigation { min-height: 120px; } #header #mainnavigation ul.level_1 { min-width: 636px; margin: 28px 0 0 260px;; } /* #footer #footernavigation */ #footer,#footer #footernavigation { } #footer #footernavigation ul.level_1 { float: left; min-width: 212px; width: auto; margin: 26px 0 48px 0px; padding: 0px; } #footer #footernavigation ul.level_2 { } #header { min-height: 240px; margin-bottom: 40px; } #header #mainnavigation ul.level_1 > li.is_open ul.level_2{ display:block ; z-index:980 ; } #footer #footernavigation ul.level_1>li { width: 212px; } #footer #footernavigation ul.level_1>li:last-child { } #footer #footernavigation li { min-width: 212px; width: auto; } #footer #footernavigation li,#footer #footernavigation li a,#footer #footernavigation li span { width: 212px; } } /* Schriftdeklaration * font-family * font-size * line-height * letter-spacing * text-decoraton * (text-transform, text-shadow ) * font-weight * font-style * list-style * need Google Font */ /* Grundelemente*/ *{font-size: 100.01%;font-size: 1em !important;} body { font-size: 14px ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Open Sans","OpenSans", Myriad, Arial, sans-serif; font-weight:400 !important; } .ce_text, p, p a, p span, li{ font-size: 14.5px !important; line-height:22px; font-family: "OpenSans", "Open Sans", Myriad, Arial, sans-serif; font-weight:300 !important; } /* Fließtext Link*/ .mod_article a:hover, .mod_article a.touch, .mod_article .toggler.touch, .mod_article .toggler:hover{ text-decoration:underline; cursor:pointer; } /* margnal*/ .marginal span.toggle_link:hover, .marginal span.toggle_back:hover, .marginal span.toggle_link.touch, .marginal span.toggle_back.touch{ text-decoration:underline !important; cursor:pointer; } .marginal, .marginal span{ font-size: 12px !important; line-height:20px !important; font-weight:300 !important; } /* more & back Link*/ .back_ajax, .back, .more, .more a, .mod_article .toggler{ font-size: 12.5px !important; line-height:22px; font-weight:400 !important; } /* Suche */ .mod_search#sucheingabe [type="submit"]{ font-size:0px; text-indent:-2000; } /* navigation mit headline-erweiterung */ .headline > span{ line-height:30px; font-weight:700 !important; } #header .headline > span{ font-size: 14.5px !important; text-transform:uppercase; letter-spacing:0.1825em !important; } #footer .headline > span{ font-size: 14px !important; letter-spacing:0.0685em !important; } /* headlines */ h1,h1 a{ font-size:22px !important; line-height:30px; letter-spacing:0.0225em; text-transform:uppercase; font-weight:700 !important; } h2,h2 a,h3,h4, h3 a,h4 a{ font-size:22px !important; line-height:30px; letter-spacing:0.0225em; text-transform:uppercase; } h2,h3,h4,h5,h6,h7,h8, h2 a,h3 a,h4 a,h5 a,h6 a,h7 a,h8 a{ font-weight:400 !important; } a{text-decoration:none; } /* #header #slogan media < 499px */ @media only screen and (min-width: 0px) and (max-width: 499px) { /* slogan*/ .slogan{ font-size: 12px !important; line-height:20px !important; font-weight:400 !important; } /* breadcrumb grau2 color*/ .mod_breadcrumb li, .mod_breadcrumb li a, .mod_breadcrumb li span{ list-style:none; font-size: 12.5px !important; line-height:20px; } } /* #header #mainnavigation media < 499px */ @media only screen and (min-width: 0px) and (max-width: 767px) { body > ul.level_2 >li, body > ul.level_2> li > a, body > ul.level_2 >li >span, #header #mainnavigation ul.level_2 >li, #header #mainnavigation ul.level_2> li > a, #header #mainnavigation ul.level_2 >li >span{ text-transform:none !important; font-size: 14.5px !important; line-height:30px; letter-spacing:0.0225em !important; font-weight:700 !important; } body > ul.level_3 li, body > ul.level_3 li a, body > ul.level_3 li span, #header #mainnavigation ul.level_3 li, #header #mainnavigation ul.level_3 li a, #header #mainnavigation ul.level_3 li span{ list-style:none; text-transform:none; font-size: 14.5px !important; line-height:30px; letter-spacing:0.0525em; font-weight:300 !important; } } /* #header #mainnavigation dropdown background grau, color rot*/ #header #mainnavigation ul.level_1 > li, #header #mainnavigation ul.level_1 > li > a, #header #mainnavigation ul.level_1 > li > span, #header #mainnavigation ul.level_2 > li, #header #mainnavigation ul.level_2 > li >a, #header #mainnavigation ul.level_2 > li >span{ list-style:none; text-transform:uppercase; font-size: 14.5px; line-height:30px; letter-spacing:0.1025em; font-weight:700 !important; } body > ul.level_2 li, body > ul.level_2 li a, body > ul.level_2 li span{ /*list-style:none; text-transform:uppercase; font-size: 14.5px; letter-spacing:0.1025em; font-weight:700 !important;*/ line-height:30px; } #header #mainnavigation ul.level_1 > li > span, #header #mainnavigation ul.level_2 > li > span{ cursor:pointer; } @media only screen and (min-width: 629px) and (max-width: 1023px) { #header #mainnavigation ul.level_1 > li, #header #mainnavigation ul.level_1 > li > a, #header #mainnavigation ul.level_1 > li > span{ letter-spacing:0.0825em !important; } } @media only screen and (min-width: 500px){ /* slogan*/ .slogan{ font-size: 14px !important; line-height:20px !important; font-weight:400 !important; } /* breadcrumb grau2 color*/ .mod_breadcrumb li, .mod_breadcrumb li a, .mod_breadcrumb li span{ list-style:none; font-size: 14px !important; line-height:22px; } #header #mainnavigation ul.level_3 li, #header #mainnavigation ul.level_3 li a, #header #mainnavigation ul.level_3 li span{ list-style:none; text-transform:uppercase; font-size: 14.5px; line-height:30px; letter-spacing:0.1025em; font-weight:700 !important; } } /* #footer #footernavigation background rot, color weiß*/ #footer #footernavigation li{ list-style:none;} #footer #footernavigation ul.level_2 li, #footer #footernavigation ul.level_2 li a, #footer #footernavigation ul.level_2 li span{ font-size: 12.5px !important; line-height:30px !important; font-weight:400 !important; } /* Copyright */ #footer #copyright p{ font-size: 12.5px !important; line-height:40px !important; font-weight:400 !important; } /* sitemap */ .mod_sitemap ul.level_1 > .headline{ list-style:none; } .mod_sitemap ul.level_1 > .headline span{ font-size:22px !important; line-height:30px; letter-spacing:0.0225em; text-transform:uppercase; } /* ie Suche * * * */ .ie9.mod_search#sucheingabe{ display:block; position:absolute; right:0px; height:34px; marngin:12px 0 0 300px; padding:0px; } /* suche */ .ie9 .mod_search#sucheingabe .submit{ display:block; float: right !important; } .ie9 .mod_search#sucheingabe { top: 220px !important; width:184px !important; } .ie9 .mod_search#sucheingabe [name="keywords"], .ie9 .mod_search#sucheingabe [type="search"]{ display:block; float:left; width:130px !important; } .ie9 .mod_search#sucheingabe.focus { z-index: 1220; width:214px; } .ie9 .mod_search#sucheingabe [name="keywords"]:focus .ie9 .mod_search#sucheingabe [type="search"]:focus{ width:130px; } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("../../files/fonts/open-sans-v15-latin-300.eot"); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url("../../files/fonts/open-sans-v15-latin-300.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-300.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-300.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-300.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-300.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url("../../files/fonts/open-sans-v15-latin-300italic.eot"); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url("../../files/fonts/open-sans-v15-latin-300italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-300italic.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-300italic.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-300italic.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-300italic.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("../../files/fonts/open-sans-v15-latin-600.eot"); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("../../files/fonts/open-sans-v15-latin-600.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-600.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-600.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-600.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-600.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("../../files/fonts/open-sans-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url("../../files/fonts/open-sans-v15-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-regular.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-regular.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("../../files/fonts/open-sans-v15-latin-italic.eot"); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url("../../files/fonts/open-sans-v15-latin-italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-italic.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-italic.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-italic.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-italic.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url("../../files/fonts/open-sans-v15-latin-600italic.eot"); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url("../../files/fonts/open-sans-v15-latin-600italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-600italic.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-600italic.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-600italic.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-600italic.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url("../../files/fonts/open-sans-v15-latin-700italic.eot"); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../../files/fonts/open-sans-v15-latin-700italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-700italic.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-700italic.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-700italic.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-700italic.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url("../../files/fonts/open-sans-v15-latin-800.eot"); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("../../files/fonts/open-sans-v15-latin-800.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-800.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-800.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-800.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-800.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("../../files/fonts/open-sans-v15-latin-700.eot"); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url("../../files/fonts/open-sans-v15-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-700.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-700.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-700.svg#OpenSans") format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url("../../files/fonts/open-sans-v15-latin-800italic.eot"); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url("../../files/fonts/open-sans-v15-latin-800italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/fonts/open-sans-v15-latin-800italic.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-800italic.woff") format('woff'), /* Modern Browsers */ url("../../files/fonts/open-sans-v15-latin-800italic.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/fonts/open-sans-v15-latin-800italic.svg#OpenSans") format('svg'); /* Legacy iOS */ }