/* maven-pro-regular - latin */ @font-face { font-family: 'Maven Pro'; font-style: normal; font-weight: 400; src: url('maven/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Maven Pro Regular'), local('MavenPro-Regular'), url('maven/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('maven/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('maven/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('maven/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('maven/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */ } /* maven-pro-500 - latin */ @font-face { font-family: 'Maven Pro'; font-style: normal; font-weight: 500; src: url('maven/maven-pro-v11-latin-500.eot'); /* IE9 Compat Modes */ src: local('Maven Pro Medium'), local('MavenPro-Medium'), url('maven/maven-pro-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('maven/maven-pro-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('maven/maven-pro-v11-latin-500.woff') format('woff'), /* Modern Browsers */ url('maven/maven-pro-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('maven/maven-pro-v11-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */ } /* maven-pro-700 - latin */ @font-face { font-family: 'Maven Pro'; font-style: normal; font-weight: 700; src: url('maven/maven-pro-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('Maven Pro Bold'), local('MavenPro-Bold'), url('maven/maven-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('maven/maven-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('maven/maven-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('maven/maven-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('maven/maven-pro-v11-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */ } /* maven-pro-900 - latin */ @font-face { font-family: 'Maven Pro'; font-style: normal; font-weight: 900; src: url('maven/maven-pro-v11-latin-900.eot'); /* IE9 Compat Modes */ src: local('Maven Pro Black'), local('MavenPro-Black'), url('maven/maven-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('maven/maven-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('maven/maven-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */ url('maven/maven-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('maven/maven-pro-v11-latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */ } html,body,div,p,h1,h2,h3,ul,ol,span,a,table,td,form,img,li,input,textarea,select { line-height:140%; margin:0; padding:0; font-size:16px; } /** * Fix fonts that render as bold in Firefox * * Put this near the top of your style.css * Before any overriding styles */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } /** * Firefox specific rule */ @-moz-document url-prefix() { body { font-weight: lighter !important; } h1 { word-spacing:-0.2em; } } body { background: #fff; background-image:url(images/ecke_2.jpg); background-repeat:no-repeat; background-position:0 0; background-size: contain; cursor: auto; font-style:normal; font-weight:400; line-height: 1.5; margin: 0; padding: 0; border-top:40px solid #c8d300; } /****** Grundstruktur ****/ .cell .cell{ padding-right: 0 !important; padding-left: 0 !important; } /*****************/ #logo { padding:3.0em 1.3em; border:0; max-width:580px; } /**************************/ .hintergrund { background:#f6f7f7 0 0 url(images/bg_chirurgie_im_zentrum.png); background-repeat:no-repeat; min-height:650px; background-size: contain; padding-top:90px; } .grau { background:#f6f7f7; } .fuss { width:100%; background:#c8d300; padding:20px 0 30px 0; margin:2px 0 0 0; } #eroeffnung{ margin:-20px 0 0 300px; transform: rotate(10deg); background:#fff; border:1px solid #a7b0b3; padding:15px; -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.22); box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.22); width:285px; } .bild { background:#f6f7f7; padding:15px; margin:10px 0 0 0; } /**************************/ h1 { color:#888f91; font-family: 'Maven Pro'; font-style: normal; font-weight: 700; font-size:1.7em; margin:0 10px 30px 0; } h2 { font-family: 'Maven Pro'; font-style: normal; font-weight: 700; color:#98d4e6; font-size:2.0em; line-height:110%; } p, ul.aufzaehl li{ color:#888f91; font-family: 'Maven Pro', sans-serif; font-weight:500; font-size:1.2em; font-style:normal; line-height:150%; } .grau p a { color:#677c83; font-size:100%; } .fuss p a { color:#fff; font-size:100%; } p a:hover { color:#737e82; } p { margin:2px 15px 20px 0; } .fett { font-size:1.0em; font-weight:700; } ul.aufzaehl { list-style-type:disc; margin:5px 5px 40px 18px; } ul.aufzaehl li{ margin:8px 0px; } .fuss p { color:#fff; } .icon { padding:0 20px; } .kleiner { font-size: 1.0em; } /**********************/ /**********************************************/ @media only screen and (max-width: 1024px) { .hintergrund { background:#f6f7f7 -300px 0 url(images/bg_chirurgie_im_zentrum.png); background-repeat:no-repeat; min-height:650px; background-size: cover; } #eroeffnung{ margin:-20px 0 0 100px; transform: rotate(20); padding:12px; width:285px; } h1{ margin:20px 10px 30px 0; } } /**********************************************/ @media only screen and (max-width: 40em) { #logo { padding:3.0em 0.5em; margin-left:0; border:0; width:320px; } h1 { font-size:1.3em; margin:40px 20px 40px 25px; } h2 { font-size:1.3em; } p, ul.aufzaehl li{ font-size:1.0em; } p{ margin:5px 15px 20px 25px; } ul.aufzaehl { margin:5px 15px 20px 40px; } #eroeffnung{ margin:-20px 0 0 90px; transform: rotate(20); padding:12px; width:200px; } .icon { padding:20px 0 8px 25px; } .hintergrund { background:#f6f7f7 -380px 0 url(images/bg_chirurgie_im_zentrum.png); background-repeat:no-repeat; min-height:450px; background-size: cover; } }