/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 950px;max-width: 1260px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}.boxgrau {display: none}.boxgrauwas {display: none}.figur {display:none;}.figur_was {display:none;}nav.main-navigation {margin-top: 70px;}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}.boxgrau {display: none}.boxgrauwas {display: none}.figur {display:none;}.figur_was {display:none;}nav.main-navigation {margin-top: 100px;}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}.figur {display:none;}.figur_was {display:none;}.content-wrapper {height:1000px;}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {.figur {display:none;}.figur_was {display:none;}}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* Stylesheet: wa_mobiles Modified On 2015-05-18 07:53:21 */
@font-face {font-family: 'nobileregular';src: url('http://www.primalfitness.at/webfont/nobile.eot');src: url('http://www.primalfitness.at/webfont/nobile.eot?#iefix') format('embedded-opentype'),url('http://www.primalfitness.at/webfont/nobile.woff') format('woff'),url('http://www.primalfitness.at/webfont/nobile.ttf') format('truetype'),url('http://www.primalfitness.at/webfont/nobile.svg#nobileregular') format('svg');font-weight: normal;font-style: normal;}/* =====================================BASIC STYLES===================================== */body {background: #fff;font-family: 'nobileregular',sans-serif;font-size: 12px;color: #555;line-height: 1.3}/* add some space inside the boxed container */#boxed .container {padding: 0}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #bdbdbd}/* horizontal ruler */hr {border: solid #bdbdbd;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #555;}a:visited {color: #473c77;}a:hover {color: #473c77;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://individualpilates.at/uploads/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://individualpilates.at/uploads/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: 'nobileregular', sans-serif;}h1 {color: #bdbdbd;margin: 10px 0;font-size: 28px;font-weight:normal;}h2 {color: #555;font-size: 22px}h3 {color: #473c77;font-weight: 300;font-size: 18px;line-height:20px;}.kleiner {font-size:0.9em;}.grau_h3 {color: #555;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {margin-top: 0px;}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: #fff;box-shadow: 2px 2px 8px #555}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.oben {background: #473c77;text-align:right;min-height: 35px;color: #fff;display:block;font-size:1.5em;padding:10px 15px 0px 0px;}/* the logo */.logo {margin: 20px 20px 0px 40px;position: relative}/* Kontaktblock */.kontakt {margin: 10px 10px 5px 0px;position: relative;float:right;text-align:right;font-size:0.95em;}.boxgrau {margin: -100px 20px 5px 0px;position: relative;background: #e4e4e4;padding: 0 10px 0px 10px;width:200px;min-height:120px;font-size:1.1em;line-height:1.5em;}.boxgrauwas {margin: -50px 20px 5px 0px;position: relative;background: #e4e4e4;padding: 0 10px 0px 10px;width:200px;min-height:120px;font-size:1.1em;line-height:1.5em;}article ul li, .boxgrau ul li {margin-left:-10px;list-style-image: url(https://individualpilates.at/uploads/images/pfeilchen.png);}/* ------ NAVIGATION ------ *//* first level */nav.main-navigation {z-index: 990;height: 55px;line-height: 57px;margin-top: 20px;margin-right:40px;text-align:right;}nav.main-navigation > ul {padding: 0}nav.main-navigation > ul > li {padding: 0;margin:20px 12px;position: relative}nav.main-navigation > ul > li:first-child,nav.main-navigation > ul > li.first {}nav.main-navigation > ul > li:last-child,nav.main-navigation > ul > li.last {}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-family: 'nobileregular', sans-serif;color: #473c77;text-decoration: none;font-size: 14px;font-weight: 600;cursor: pointer;padding: 20px;}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #bdbdbd;padding: 20px;background-image: url(https://individualpilates.at/uploads/images/pilates_figur.png);background-repeat:no-repeat;background-position:right center;}/* bottom part of header*/.header-bottom {height: 100px;background: #ebebeb;line-height: 55px;text-align:center;}/* ------ CONTENT AREA ------ */.content-wrapper {padding-top: 30px;min-height:450px;position:relative;}.content {max-width:80%;}.figur {width:82px;height: 325px;display:block;position:absolute;right:-35px;}.figur_was {width:82px;height: 325px;display:block;position:absolute;right:-48px;}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;background: #473c77;margin: 0;padding: 8px 20px 8px 20px;color: #fff;}.footer a {color: #fff;}
/* Stylesheet: wa_layout Modified On 2015-04-21 16:19:04 */