@font-face {font-family:'Open Sans';font-style:normal;font-weight:400;
src: local('OpenSans Regular'),local('OpenSans-Regular'),
url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:600;
src:local('OpenSans SemiBold'),local('OpenSans-SemiBold'),
url('../fonts/OpenSans-SemiBold.ttf') format('truetype');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight:700;
src:local('OpenSans Bold'),local('OpenSans-Bold'),
url('../fonts/OpenSans-Bold.ttf') format('truetype');}
@font-face {font-family:'Oswald';font-style:normal;font-weight:300;
src: local('Oswald Light'), local('Oswald-Light'),
url('../fonts/Oswald-Light.ttf') format('truetype');}
@font-face {font-family:'Oswald';font-style:normal;font-weight:500;
src: local('Oswald Regular'), local('Oswald-Regular'),
url('../fonts/Oswald-Regular.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-style:normal;font-weight:400;
src: local('Arimo Regular'), local('Arimo-Regular'),
url('../fonts/Arimo-Regular.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-style:normal;font-weight:500;
src: local('Arimo Medium'), local('Arimo-Medium'),
url('../fonts/Arimo-Medium.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-style:normal;font-weight:600;
src: local('Arimo SemiBold'), local('Arimo-SemiBold'),
url('../fonts/Arimo-SemiBold.ttf') format('truetype');}
@font-face {font-family:'Arimo';font-style:normal;font-weight:700;
src: local('Arimo Bold'), local('Arimo-Bold'),
url('../fonts/Arimo-Bold.ttf') format('truetype');}



* {margin:0;padding:0;border:0;outline:0;}
html, body {height:100%;-webkit-text-size-adjust:none;text-size-adjust:none;}
body {font-family:'Open Sans',sans-serif;font-size:10px;font-weight:400;line-height:160%;margin:0;}
main {margin-top:0;}
hr {border:thin #fff solid;margin:15px 0;opacity:0.8;box-shadow:0 0 5px rgba(0, 0, 0, 0.6);}


/* Headlines */
h1,h2,h3,h4,h5,h6,h7 {font-family:'Arimo',sans-serif;margin:0;padding:0;border:0;font-weight:600;}
h1 {font-size:380%;line-height:130%;}
h2 {font-size:380%;line-height:130%;}
h3 {font-size:320%;line-height:130%;}
h4 {font-size:260%;line-height:130%;}



/* Typografie */
p {font-size:200%;line-height:170%;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}
.black {color:#000;}
.white {color:#fff;}
.blue {color:#2b4753;}
.grey {color:#ccc;}
.shy {-webkit-hyphens:auto;hyphens:auto;}
.big {font-size:210%;line-height:160%;text-shadow:0 0 5px rgba(0, 0, 0, 0.9);}
.big2 {font-size:210%;line-height:160%;}
.preise {width:100%;border-bottom:thin #aaa solid;padding:8px 0;}
.preise2 {font-family:'Oswald',sans-serif;color:#2b4753;font-weight:700;font-size:220%;text-align:right;}


/* Links */
a:link {color:#000;text-decoration:none;}a:visited {color:#000;text-decoration:none;}a:hover{color:#e2001a;transition:all 0.6s ease;text-decoration:none;}a:active{color:#000;text-decoration:none;}
a.l1:link {font-family:'Oswald',sans-serif;font-weight:500;font-size:210%;line-height:50px;color:#2b4753;text-decoration:none;}a.l1:visited {color:#2b4753;text-decoration:none;}
a.l1:hover{transition:all 0.6s ease;color:#2b4753;opacity:0.5;text-decoration:none;}a.l1:active{color:#2b4753;text-decoration:none;}
a.l2:link {color:#ccc;text-decoration:none;}a.l2:visited {color:#e2001a;text-decoration:none;}a.l2:hover{color:#fff;transition:all 0.6s ease;opacity:0.6;text-decoration:none;}a.l2:active{color:#ccc;text-decoration:none;}
a.l3:link {color:#fff;text-decoration:none;}a.l3:visited {color:#fff;text-decoration:none;}a.l3:hover{color:#2b4753;transition:all 0.6s ease;text-decoration:none;}a.l3:active{color:#fff;text-decoration:none;}
a.l4:link {font-family:'Oswald',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l4:visited {font-family:'Oswald',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l4:hover{font-family:'Oswald',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#2b4753;background:transparent;font-weight:700;text-decoration:none;transition:all 0.6s ease;}
a.l4:active{font-family:'Oswald',sans-serif;font-size:100%;text-align:center;line-height:135%;color:#fff;font-weight:700;text-decoration:none;}
a.l5:link {color:#ddd;text-decoration:none;}a.l5:visited {color:#ccc;text-decoration:none;}a.l5:hover{color:#fff;transition:all 0.6s ease;opacity:0.6;text-decoration:none;}a.l5:active{color:#ccc;text-decoration:none;}
a.l6:link {font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}a.l6:visited {font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}
a.l6:hover{font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;transition:all 0.6s ease;opacity:0.6}a.l6:active{font-size:320%;line-height:130%;font-weight:600;color:#fff;text-decoration:none;}
a.l7:link {color:#2b4753;text-decoration:none;}a.l7:visited {color:#2b4753;text-decoration:none;}a.l7:hover{color:#ed6c66;;transition:all 0.6s ease;text-decoration:none;}a.l7:active{color:#2b4753;text-decoration:none;}


/* Header */
nav {width:100%;height:130px;}
.header-navigation {position:fixed;top:0;width:100%;height:130px;padding:0;background-image: url('../fusspflege_rosenheim/pb.png');transition:top 0.5s;z-index:90000;box-shadow:0px 0px 12px 5px rgba(0,0,0,.2);}
.slideUp {-webkit-transform: translateY(-130px);transform:translateY(-130px);transition:transform .5s ease-out;}
.slideDown {-webkit-transform:translateY(0);transform:translateY(0);transition:transform .5s ease-out;}
.cheader {max-width:1200px;margin:0 auto;height:130px;}
.logo {position:relative;width:140px;height:130px;}
.logo:hover {transition:all 0.6s ease;opacity:0.75;}


/* Listen */
ul.list {list-style:none;font-size:220%;line-height:200%;}
.haken {width:15px;height:14px;}
ul.list2 {list-style:url(../fusspflege_rosenheim/mobile_fusspflege.png);color:#000;font-weight:500;margin:10px 0 10px 20px;font-size:200%;line-height:170%;}


/* Content */
#flex-container {display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#test {opacity:0;transition:opacity 0.6s ease-in;}
#test.load {opacity:1;}
#produkt1      {order:1;}
#produkt1_info {order:2;}
#produkt2      {order:4;}
#produkt2_info {order:3;}
#produkt3      {order:5;}
#produkt3_info {order:6;}
#produkt4      {order:8;}
#produkt4_info {order:7;}
.flex {display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;}
.left {float:left;}
.right {float:right;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.img {width:100%;margin-bottom:-4px;}
.content {max-width:2000px;width:94%;margin:0 auto;background:#fff;-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);}
.ccontent1 {position:relative;width:94%;max-width:900px;margin:0 auto;}
.ccontent2 {position:relative;width:94%;max-width:800px;margin:0 auto;}
.ccontent3 {position:relative;max-width:100%;margin:0 auto;}
.ccontent4 {position:relative;max-width:1400px;margin:0 auto;}
.ccontent5 {position:relative;width:90%;max-width:1000px;margin:0 auto;}
.ccontent6 {position:relative;width:94%;max-width:1140px;margin:0 auto;}
.pad1 {padding:100px 30px 100px 30px;}
.pad2 {padding:150px 0;}
.pad3 {padding:5% 15% 5% 5%;}
.pad4 {padding:100px 0 0 0;}
.pad5 {padding:0 3%;width:94%;}
.pad6 {padding:240px 0 120px 0;}
.down {width:60px;height:45px;margin:0 auto;}
.down2 {position:absolute;bottom:3%;width:60px;height:45px;left:50%;margin-left:-30px;z-index:9000000;}
.bg {position:fixed;z-index:-1;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;}
.abs4 {width:100%;padding:150px 0 100px 0;}
.smallpic {height:950px;background-position:center top;background-size:cover;background-color:#ddd;z-index:5;}
.headline {position:relative;float:left;margin-left:7%;margin-top:460px;z-index:90;width:635px;}
.sstitle {font-family:'Arimo',sans-serif;font-weight:600;font-size:600%;line-height:135%;color:#fff;text-shadow:0 0 12px rgba(0, 0, 0, 0.9);}


/* Thumbnail */
.thumb {overflow:hidden;background-color:#fff;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.thumb img {object-fit:cover;object-position:50%;width:100%;min-height:100%;transition:transform .5s ease;}



/* Formular */
label {color:#fff;font-size:180%;line-height:180%;}
.f1 {background-color: rgba(255, 255, 255, 0.4);width:90%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;padding:0 10px;line-height:200%;border-width:2px;border-style:solid;border-color:#eee;margin-bottom:12px;}
.f2 {background-color: rgba(255, 255, 255, 0.4);width:95%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;padding:0 10px;line-height:200%;border-width:2px;border-style:solid;border-color:#eee;}
.button {font-family:'Oswald',sans-serif;text-align:center;font-size:210%;font-weight:700;width:220px;color:#fff;background-color:#2b4753;padding:10px 0;margin:30px auto;border-width:2px;border-style:solid;border-color:#eee;border-radius:5px;}
.button:hover {color:#2b4753;background-color:#fff;border-style:solid;border-color:#2b4753;transition:all 0.6s ease;}
.button2 {font-family:'Oswald',sans-serif;font-size:210%;font-weight:700;text-align:center;width:220px;color:#fff;background-color:#2b4753;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px auto;border-radius:5px;}
.button2:hover {color:#2b4753;background-color:#fff;border-width:2px;border-style:solid;border-color:#2b4753;transition:all 0.6s ease;}
.button3 {font-family:'Oswald',sans-serif;font-size:210%;font-weight:700;text-align:center;width:220px;color:#fff;background-color:#2b4753;border-width:2px;border-style:solid;border-color:#fff;padding:10px 0;margin:5px 0 30px 0;border-radius:5px;}
.button3:hover {color:#2b4753;background-color:#fff;border-width:2px;border-style:solid;border-color:#2b4753;transition:all 0.6s ease;}


/* Footer */
footer {width:100%;padding:50px 0;background:#222;}
.top {position:relative;width:60px;height:45px;margin:0 auto 0 auto;opacity:.8;z-index:8;}
.cfooter {position:relative;width:94%;max-width:960px;margin:0 auto;}
.footertxt {font-size:165%;color:#999;}


/*  Grid  */
.section {clear:both;padding:0;margin:0;}
.col {display:block;float:left;margin:0;}
.col2 {display:block;float:left;margin:0;}
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}.group {}
.span_1_of_1 {position:relative;width:100%;}
.span_2_of_2 {width:100%;}.span_1_of_2 {width:50%;}
.span_3_of_3 {width:100%;}.span_2_of_3 {width:66.66%;}.span_1_of_3 {width:33.33%;}
.span_4_of_4 {width:25%;}.span_3_of_4 {width:75%;}.span_2_of_4 {width:50%;}.span_1_of_4 {width:25%;}
.span_5_of_5 {width:20%;}.span_4_of_5 {width:80%;}.span_3_of_5 {width:60%;}.span_2_of_5 {width:40%;}.span_1_of_5 {width:20%;}


@media only screen and (max-width: 820px) {
#produkt1      {order:1;}
#produkt1_info {order:2;}
#produkt2      {order:3;}
#produkt2_info {order:4;}
#produkt3      {order:5;}
#produkt3_info {order:6;}
#produkt4      {order:7;}
#produkt4_info {order:8;}
h1 {font-size:300%;line-height:130%;}
h2 {font-size:300%;line-height:130%;}
h3 {font-size:260%;line-height:135%;}
h4 {font-size:260%;}
p {font-size:170%;}
ul.list {font-size:170%;}
a.l1:link {font-size:160%;}
.sstitle {font-size:420%;}
.headline {position:relative;float:left;margin-left:5%;margin-top:420px;z-index:90;width:90%;}
.smallpic {height:800px;}
.big {font-size:195%;line-height:160%;text-shadow:0 0 5px rgba(0, 0, 0, 0.9);}
.big2 {font-size:195%;line-height:160%;}
.preise2 {margin:5px 0 5px 0;text-align:left;}
.ccontent {padding:15px;}
.pad1 {padding:60px 30px 60px 30px;}
.pad2 {padding:60px 0;}
.pad3 {padding:8%}
.pad4 {padding:60px 0 0 0;}
.pad5 {padding:0 4%;}
.button {font-size:190%;width:190px;}
.button2 {font-size:190%;width:190px;}
.button3 {font-size:190%;width:190px;}
.col {margin:0;padding:0;}
.span_2_of_2 {width:100%;} .span_1_of_2 {width:100%;}
.span_3_of_3 {width:100%;} .span_2_of_3 {width:100%;} .span_1_of_3 {width:100%;}
.span_4_of_4 {width:100%;} .span_3_of_4 {width:100%;} .span_2_of_4 {width:100%;} .span_1_of_4 {width:100%;}
.span_5_of_5 {width:100%;} .span_4_of_5 {width:100%;} .span_3_of_5 {width:100%;} .span_2_of_5 {width:100%;} .span_1_of_5 {width:100%;}
.thumb:hover {transition:all 0.6s ease;transform:scale(1.0,1.0);opacity:0.7;}.wrfw3 {padding:80px 0;}}