@font-face {font-family:'Oswald';font-display:swap;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-display:swap;font-style:normal;font-weight:400;
src: local('Oswald Regular'), local('Oswald-Regular'),
url('../fonts/Oswald-Regular.ttf') format('truetype');}
@font-face {font-family:'Oswald';font-display:swap;font-style:normal;font-weight:500;
src: local('Oswald Medium'), local('Oswald-Medium'),
url('../fonts/Oswald-Medium.ttf') format('truetype');}
@font-face {font-family: 'PlayfairDisplay';font-display:swap;font-style:normal;font-weight:400;
src: local('PlayfairDisplay Regular'), local('PlayfairDisplay-Regular'),
url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');}
@font-face {font-family: 'CormorantInfant';font-display:swap;font-style:normal;font-weight:700;
src: local('CormorantInfant Bold'), local('CormorantInfant-Bold'),
url('../fonts/CormorantInfant-Bold.ttf') format('truetype');}
@font-face {font-family: 'MuktaMahee';font-display:swap;font-style:normal;font-weight:200;
src: local('MuktaMahee ExtraLight'), local('MuktaMahee-ExtraLight'),
url('../fonts/MuktaMahee-ExtraLight.ttf') format('truetype');}
@font-face {font-family:'OpenSans';font-display:swap;font-style:normal;font-weight:400;
src: local('OpenSans Regular'),local('OpenSans-Regular'),
url('../fonts/OpenSans-Regular.ttf') format('truetype');}


* {margin:0;padding:0;border:0;outline:0;}
html, body {height:100%;font-family:'Playfair Display',sans-serif;-webkit-text-size-adjust:none;font-weight:400;}
body {-webkit-overflow-scrolling:touch;min-height:600px;height:100%;background:#fff;line-height:165%;font-size:10px;font-weight:400;text-align:left;overflow-x:hidden;}
p {font-size:200%;line-height:165%;color:#404040;}
b {line-height:100%;font-weight:500;}
hr {border:0;height:1px;margin:15px 0;background:#ccc;}
.hr2 {border:0;height:1px;margin:15px 10% 15px 0;background:#ccc;}


/* Headlines */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;}
h1 {font-size:440%;line-height:140%;font-family:'Oswald',sans-serif;font-weight:400;}
h2 {font-size:440%;line-height:140%;font-family:'Oswald',sans-serif;font-weight:400;}
h3 {font-size:300%;line-height:150%;font-family:'Oswald',sans-serif;font-weight:400;}
h4 {font-size:220%;line-height:220%;font-family:'Oswald',sans-serif;font-weight:500;}
h5 {font-size:240%;line-height:165%;font-family:'Oswald',sans-serif;font-weight:400;}


/* Typografie */
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}
.black {color:#000;}
.white {color:#fff;}
.red {color:#c00418;}
.grey {color:#333;}
.blue {color:#004767;}
.small {font-size:175%;}
.big {font-size:280%;}
.bigger {font-size:540%;line-height:200%;font-family:'Oswald',sans-serif;font-weight:400;}
.shy {-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.br {line-height:60%;}
.semi {font-family:'Cormorant Infant',serif;font-weight:700;font-style:italic;font-size:200%;line-height:50%;margin:0 5px;color:#c00418;}
.impr {font-size:175%;}
.subr {font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#c00418;margin-left:20px;}
.subr2 {font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#c00418;margin-right:20px;}
.tlt {font-family:'Oswald',sans-serif;font-size:230%;line-height:180%;color:#004767;text-decoration:none;}


/* Links */
a:link {font-family:'Oswald',sans-serif;font-size:190%;color:#fff;text-decoration:none;}
a:visited {font-family:'Oswald',sans-serif;font-size:190%;color:#fff;text-decoration:none;}
a:hover{font-family:'Oswald',sans-serif;font-size:190%;color:#c00418;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;}
a:active{font-family:'Oswald',sans-serif;font-size:190%;color:#fff;text-decoration:none;}
a.l1:link {font-family:'Playfair Display',sans-serif;color:#000;text-decoration:none;font-size:100%;line-height:190%;}
a.l1:visited {font-family:'Playfair Display',sans-serif;color:#000;text-decoration:none;font-size:100%;line-height:190%;}
a.l1:hover{font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:190%;-webkit-transition:0.3s;transition:0.3s;}
a.l1:active {font-family:'Playfair Display',sans-serif;color:#000;text-decoration:none;font-size:100%;line-height:190%;}
a.l2:link {font-family:'Playfair Display',sans-serif;color:#444;text-decoration:none;font-size:100%;}
a.l2:visited {font-family:'Playfair Display',sans-serif;color:#444;text-decoration:none;font-size:100%;}
a.l2:hover{font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;-webkit-transition:0.3s;transition:0.3s;}
a.l2:active {font-family:'Playfair Display',sans-serif;color:#444;text-decoration:none;font-size:100%;}
a.l3:link {font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:240%;}
a.l3:visited {font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:240%;}
a.l3:hover{font-family:'Playfair Display',sans-serif;color:#000;text-decoration:none;font-size:100%;line-height:240%;-webkit-transition:0.3s;transition:0.3s;}
a.l3:active {font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:240%;}
a.l4:link {font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#004767;text-decoration:none;margin-left:20px;}
a.l4:visited {font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#004767;text-decoration:none;margin-left:20px;}
a.l4:hover{font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#c00418;text-decoration:none;margin-left:20px;-webkit-transition:0.5s;transition:0.5s;}
a.l4:active{font-family:'Oswald',sans-serif;font-size:100%;line-height:140%;color:#004767;text-decoration:none;margin-left:20px;}
a.l5:link {font-family:'Oswald',sans-serif;font-size:160%;line-height:140%;color:#004767;font-weight:400;text-decoration:none;}
a.l5:visited {font-family:'Oswald',sans-serif;font-size:160%;line-height:140%;color:#004767;font-weight:400;text-decoration:none;}
a.l5:hover{font-family:'Oswald',sans-serif;font-size:160%;line-height:140%;color:#c00418;font-weight:400;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;}
a.l5:active{font-family:'Oswald',sans-serif;font-size:160%;line-height:140%;color:#004767;font-weight:400;text-decoration:none;}
a.l6:link {font-family:'Playfair Display',sans-serif;color:#004767;text-decoration:none;font-size:100%;line-height:190%;}
a.l6:visited {font-family:'Playfair Display',sans-serif;color:#004767;text-decoration:none;font-size:100%;line-height:190%;}
a.l6:hover{font-family:'Playfair Display',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:190%;-webkit-transition:0.3s;transition:0.3s;}
a.l6:active {font-family:'Playfair Display',sans-serif;color:#004767;text-decoration:none;font-size:100%;line-height:190%;}
a.l7:link {font-family:'Oswald',sans-serif;font-size:110%;line-height:180%;color:#004767;text-decoration:none;}
a.l7:visited {font-family:'Oswald',sans-serif;font-size:110%;line-height:180%;color:#004767;text-decoration:none;}
a.l7:hover{font-family:'Oswald',sans-serif;font-size:110%;line-height:180%;color:#c00418;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;}
a.l7:active{font-family:'Oswald',sans-serif;font-size:110%;line-height:180%;color:#004767;text-decoration:none;}
a.l8:link {display:inline-block;position:relative;z-index:1;}
a.l8:visited {display:inline-block;position:relative;z-index:1;}
a.l8:hover{-webkit-transition:0.5s;transition:0.5s;opacity:0.6;}
a.l8:active {display:inline-block;position:relative;z-index:1;}
a.l9:link {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l9:visited {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l9:hover{font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;letter-spacing:1px;font-size:220%;font-weight:400;line-height:220%;-webkit-transition:0.3s;transition:0.3s;}
a.l9:active {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l10:link {font-family:'Oswald',sans-serif;color:#004767;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l10:visited {font-family:'Oswald',sans-serif;color:#004767;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l10:hover{font-family:'Oswald',sans-serif;color:#004767;text-decoration:none;letter-spacing:1px;font-size:220%;font-weight:400;line-height:220%;-webkit-transition:0.3s;transition:0.3s;}
a.l10:active {font-family:'Oswald',sans-serif;color:#004767;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l11:link {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l11:visited {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l11:hover{font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;letter-spacing:1px;font-size:220%;font-weight:400;line-height:220%;-webkit-transition:0.3s;transition:0.3s;}
a.l11:active {font-family:'Oswald',sans-serif;color:#fff;text-decoration:none;font-size:220%;font-weight:400;line-height:220%;}
a.l12:link {font-family:'Oswald',sans-serif;font-size:165%;font-size:190%;color:#999;text-decoration:none;font-weight:400;}
a.l12:visited {font-family:'Oswald',sans-serif;font-size:165%;font-size:190%;color:#999;text-decoration:none;font-weight:400;}
a.l13:link {font-family:'Oswald',sans-serif;font-size:200%;line-height:200%;color:#fff;text-decoration:none;font-weight:400;}
a.l13:visited {font-family:'Oswald',sans-serif;font-size:200%;line-height:200%;color:#fff;text-decoration:none;font-weight:400;}
a.l13:hover {font-family:'Oswald',sans-serif;font-size:200%;line-height:200%;color:#004767;text-decoration:none;font-weight:400;-webkit-transition:0.3s;transition:0.3s;}
a.l13:active {font-family:'Oswald',sans-serif;font-size:200%;line-height:200%;color:#fff;text-decoration:none;font-weight:400;}




/* Listen */
ul.list {list-style-image:url(../zimmerei_rosenheim/zimmerei_rosenheim/zimmerei.png);color:#000;margin:0 0 0 22px;font-size:200%;line-height:200%;text-align:center;}
ul.list2 {ist-style-position:outside;list-style-image:url(../zimmerei_rosenheim/zimmerei_rosenheim/zimmerei.svg);font-size:200%;line-height:165%;text-align:left;color:#333;margin-left:14px;}
ul.list3 {list-style-image:url(../zimmerei_rosenheim/zimmerei_rosenheim/zimmerei.png);color:#444;margin:0 0 0 22px;font-size:175%;line-height:160%;text-align:left;}
ul.list4 {list-style-position:outside;list-style-image:url(../zimmerei_rosenheim/zimmerei_rosenheim/haken.svg);font-family:'Oswald',sans-serif;font-weight:400;font-size:210%;line-height:190%;text-align:left;color:#004767;margin-left:14px;}
ul.list5 {list-style-position:outside;list-style-image:url(../zimmerei_rosenheim/zimmerei_rosenheim/haken.svg);font-family:'Oswald',sans-serif;font-weight:400;font-size:230%;line-height:180%;text-align:left;color:#004767;margin-left:26px;}


/* Head */
#main {transition:margin-left .5s;padding:20px;}
.header-navigation {position:fixed;top:0;width:100%;max-width:100%;z-index:900;height:100px;transition:top 0.5s;background-color:#fff;display:block;box-shadow:0px 0px 12px 6px rgba(0,0,0,.25);}
.slideUp {-webkit-transform: translateY(-100px);transform:translateY(-100px);transition:transform .5s ease-out;}
.slideDown {-webkit-transform:translateY(0);transform:translateY(0);transition:transform .5s ease-out;}
.fw {position:relative;width:100%;height:95px;background-color:#fff;z-index:900000;padding:5px 0 0 0;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .25), 0 3px 9px rgba(0, 0, 0, .25);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, .25), 0 3px 9px rgba(0, 0, 0, .25);box-shadow:0 1px 3px rgba(0, 0, 0, .25), 0 3px 9px rgba(0, 0, 0, .25);}
.fc {position:relative;max-width:1200px;width:94%;margin:0 auto;}
.logo {position:relative;float:right;width:340px;margin-top:3px;}
.tel {float:left;}
.open {position:absolute;width:28px;height:22px;left:0px;top:65px;cursor:pointer;z-index:900000;-webkit-transition:0.5s;transition:0.5s;}
.open:hover {opacity:0.5;}
.op {width:28px;height:22px;margin:0 auto;}
.sidenav {height:100%;width:0;position:fixed;top:0;left:0;background: rgba(0,0,0,0.8);overflow-x:hidden;padding-top:26px;transition:0.5s;z-index:9001;}
.sidenav a {padding:8px 8px 8px 24px;text-decoration:none;font-size:260%;line-height:130%;color:#fff;display:block;-webkit-transition:0.3s;transition:0.3s;}
.sidenav a:hover, .offcanvas a:focus{color:#c00418;letter-spacing:1px;}
.sidenav .closebtn {position:absolute;top:0;right:10px;font-size:56px;margin-left:50px;cursor:pointer;}


/* Content */
#test {opacity:0;transition:opacity 0.6s ease-in;}
#test.load {opacity:1;}
#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;}
.img {width:100%;margin-bottom:-5px;}
.img:hover {width:100%;opacity:0.5;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;}
.img2 {width:100%;margin-bottom:-5px;}
.img3 {width:100%;margin-bottom:-5px;margin-top:-13px;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.abs {position:relative;width:100%;height:60px;}
.abs2 {position:relative;width:100%;height:700px;}
.abs3 {position:relative;width:100%;padding:220px 0}
.wrapper1 {position:relative;width:90%;max-width:1120px;margin:0 auto;}
.wrapper2 {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.wrapper3 {position:relative;width:90%;margin:0 auto;left:1%;}
.wrapper4 {position:relative;width:90%;max-width:1200px;margin:0 auto;}
.down {position:absolute;bottom:40px;width:60px;height:45px;left:50%;margin-left:-30px;z-index:900000;cursor:pointer;}
.down:hover {opacity:0.6;}
.down2 {position:relative;width:60px;height:60px;margin:0 auto;z-index:900002;cursor:pointer;}
.down2:hover {opacity:0.6;}
.down3 {position:relative;width:60px;height:45px;margin:0 auto;z-index:900000;}
.down3:hover {opacity:0.6;}
.up {position:relative;width:60px;height:45px;margin:0 auto -5px auto;z-index:900000;cursor:pointer;}
.up:hover {opacity:0.6;}
.gradient {border:0;height:1px;margin:35px 0;background:#fff;background-image:-webkit-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);background-image:-moz-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);
background-image:-ms-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);background-image:-o-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);}
.gradient2 {border:0;height:1px;margin:15px 0;background:#fff;background-image:-webkit-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);background-image:-moz-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);
background-image:-ms-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);background-image:-o-linear-gradient(left, #e9e9e9, #aaa, #e9e9e9);}
.responsiveContainer {position:relative;padding-bottom:56%;height:0;overflow:hidden;}
.responsiveContainer iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.shadow {-webkit-box-shadow:0px 0px 25px 8px rgba(0, 0, 0, 0.12);-moz-box-shadow:0px 0px 25px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 25px 8px rgba(0, 0, 0, 0.12);}
.ww {position:relative;width:100%;background-color:#fff;z-index:0;padding:80px 0;}
.wg {position:relative;width:100%;background-color:#f6f6f6;z-index:1;padding:180px 0;}
.wg2 {position:relative;width:100%;z-index:1;padding:100px 0;background-image:url("../zimmerei_rosenheim/zimmerei_rosenheim/grey.png");background-repeat:repeat;background-color:transparent;}
.wg3 {position:relative;width:100%;background-color:#f6f6f6;z-index:1;padding:160px 0;}
.wg4 {position:relative;width:100%;z-index:1;padding:190px 0;background-image:url("../zimmerei_rosenheim/zimmerei_rosenheim/lgrey.png");background-repeat:repeat;background-color:transparent;}
.wg5 {position:relative;width:100%;background-color:#f6f6f6;z-index:1;padding:100px 0;}
.wg6 {position:relative;width:100%;background-color:#fff;z-index:1;padding:100px 0;}
.pad {padding:5% 15% 5% 5%;}
.mt {margin-top:10px;}
.ml {font-size:170%;color:#444;margin:0 25px;}
.hl {}
.fullwidth1 {position:relative;width:100%;max-height:700px;background-size:contain;z-index:90000;display:block;}
.fullwidth2 {position:relative;max-width:1400px;margin:0 auto;z-index:90000;display:block;}
.fsc {position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.sub {width:100%;background-color:#fff;padding:20px 0;}
.marg {margin:0 10px;}
.whitespace {width:100%;height:100px;background-color:#fff;}
.topgalerie {width:100%;height:580px;z-index:1;}
.arrow {height:14px;margin-right:6px;}
.pr {padding-left:12px;margin-right:-10px;}
.pl {padding-right:12px;margin-right:-10px;}
.m {margin:18px 0;}
.margl {margin-left:-18px;}
.social {float:left;display:block;margin:25px 20px 0 0;}
.display {}


/* Thumbnails */
.container {position:relative;width:50%;}
.image {display:block;width:100%;height:auto;margin:5px;}
.overlay {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:.5s ease;background-color:#000;opacity:0;}
.container:hover .overlay {opacity:0.5;}
.text {font-family:'Mukta Mahee',sans-serif;color:white;font-size:600%;position:absolute;font-weight:200;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;text-shadow:0 0 12px rgba(0, 0, 0, 0.9);}
.thumb {overflow:hidden;background-color:#000;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;}
.thumb:hover img {transform:scale(1.1);}
.thumb2 {overflow:hidden;background-color:#000;justify-content:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.thumb2 img {object-fit:cover;object-position:50%;width:100%;min-height:100%;transition:transform .5s ease;}


/* Buttons */
.button {font-family:'Oswald',sans-serif;width:160px;font-weight:400;font-size:200%;background-color:#004767;color:#fff;margin-top:25px;line-height:155%;padding:6px 35px;border:0;-webkit-border-radius:5px;border-radius:5px;}
.button:hover {color:#c00418;-webkit-transition:0.3s;transition:0.3s;}
.button2 {width:200px;color:#fff;border-width:2px;border-style:solid;border-color:#fff;background:rgba(0,71,103,0.6);margin:6px;border-radius:5px;display:inline-block!important;display:block;}
.button2:hover {background: rgba(192,4,24,0.6);transition:all 0.6s ease;}
.button3 {background: rgba(255,255,255,0.5);width:220px;color:#004767;border-width:3px;border-style:solid;border-color:#004767;margin:0 auto;border-radius:5px;display:inline-block!important;display:block;}
.button4 {background: rgba(0,71,103,0.6);width:220px;color:#fff;border-width:3px;border-style:solid;border-color:#fff;margin:0 auto;border-radius:5px;display:inline-block!important;display:block;}
.button5 {font-family:'Oswald',sans-serif;width:210px;text-align:center;background-color:#004767;border-width:2px;border-style:solid;border-color:#3d5d79;margin:25px 0;padding:5px 0;-webkit-border-radius:5px;border-radius:5px;}
.button5:hover {color:#3d5d79;background-color:#fff;border-width:2px;border-style:solid;border-color:#3d5d79;transition:all 0.6s ease;}


/* Formular */
label {color:#333;font-size:165%;line-height:180%;}
.f1 {background-color:#ccc;width:100%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;line-height:200%;border:0;padding:2px 0;-webkit-border-radius:5px;border-radius:5px;margin-bottom:4px;}
.f2 {background-color:#ccc;width:98.6%;font-family:'Open Sans',sans-serif;font-size:100%;color:#000;line-height:200%;border:0;padding:2px 0;-webkit-border-radius:5px;border-radius:5px;}


/* Parallax */
.sektion {position:relative;top:-100px;width:100%;height:100%;overflow:hidden;}
.hintergrundbild {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/p.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.hintergrundbild1 {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/holzbau_rosenheim.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:2;}
.hintergrundbild2 {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/dacheindeckung_rosenheim.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:3;}
.hintergrundbild3 {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/innenausbau_rosenheim.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:4;}
.hintergrundbild4 {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/aussenfassaden_rosenheim.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:5;}
.hintergrundbild5 {position:absolute;background-image: url("../zimmerei_rosenheim/leistungen/geruestbau_rosenheim.webp");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:6;}
.text2 {position:absolute;top:36%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.headline {font:800% 'Oswald',serif;font-weight:500;line-height:125%;color:#fff;text-shadow:0 0 12px rgba(0, 0, 0, 0.9);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:50;margin-bottom:15px;}
.subline {font:340% 'Oswald',serif;font-weight:400;line-height:160%;color:#fff;text-shadow:0 0 12px rgba(0, 0, 0, 0.9);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:50;}
.thin {font-family:'Roboto',sans-serif;font-weight:300;margin:0 6px;}
.hintergrundbild img {min-width:100%;}
.text h1, .text h2, .text p, .text ul {margin:2%;} ul {list-style: none;}


/* Footer */
footer {background-color:#1d1d1d;font-family:'Open Sans',sans-serif;padding:0 20px;padding-bottom:60px;overflow:hidden;border-top:1px solid #555;}
.ftlogo {position:relative;max-width:340px;margin:45px auto 0 auto;z-index:1;}
.footer-content {max-width:980px;margin:0 auto;}
.footer-menu {padding-top:40px;overflow:hidden;}
.footer-col {width:25%;float:left;}
input[type="checkbox"] {display:none;}
.s {font-size:220%;line-height:165%;font-family:'Oswald',sans-serif;font-weight:400;position:relative;z-index:1;background:#1d1d1d;margin-bottom:14px;}
.product-list {padding:0;list-style:none;margin:8px 0 0 0;}
.product-list li {margin-bottom:5px;line-height:1;}
.product-list a {color:#999;display:inline-block;font-size:140%;line-height:170%;}
.product-list a:hover {color:#fff;}
input[type="checkbox"]:checked+.col-section .product-list {transition:transform 300ms ease, -webkit-transform 300ms ease;visibility:visible;position:static;transform:none;}
input[type="checkbox"]:checked+.col-section h3::after {transform: rotate(45deg) scale(1.08);}
.footer-base {padding-top:55px;padding-bottom:21px;color:#999;font-size:140%;line-height:170%;}
.footer-more-ways {margin-bottom:8px;padding-bottom:11px;border-bottom:1px solid #444;}
.footer-more-ways a {color:#fff;}
.nowrap {white-space:nowrap;}
a.lf:link {font-family:'Open Sans',sans-serif;color:#fff;text-decoration:none;font-size:100%;}a.lf:visited {font-family:'Open Sans',sans-serif;color:#fff;text-decoration:none;}
a.lf:hover{font-family:'Open Sans',sans-serif;color:#c00418;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;}a.lf:active {font-family:'Open Sans',sans-serif;color:#fff;text-decoration:none;}


/* Fehler */
#fehler_logo {width:400px;height:250px;margin:0 auto;}
#fehler {max-width:1000px;top:25px;margin:0 auto;}


/*  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%;}


/* Mobile Devices */
@media only screen and (max-width: 767px) {
body {font-size:9px;}
b {line-height:125%;}
#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;}
.section {clear:both;padding:0;margin:0;}
.col {margin:0.4% 0% 0.4% 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%;}
.tel {display:none;}
.ml {margin:10px 15px 0 15px;}
.hl {margin-left:15px;}
.headline {font:600% 'Oswald',serif;margin-bottom:15px;font-weight:500;}
.subline {font:280% 'Oswald',serif;}
.text2 {top:32%!important;}
.wg {padding:200px 0;}
.wg2 {padding:80px 0;}
.wg3 {padding:180px 0;}
.wg5 {padding:90px 0;}
.ww {padding:50px 0;}
.container {margin:3px 0;}
.topgalerie {width:100%;height:400px;margin-top:80px;z-index:1;}
.pr {padding-left:0;margin-right:0;}
.pl {padding-right:0;margin:0 0 15px 0;}
.display {display:none;}
.arrow {display:none;}
.container {margin-bottom:20px;}
.fw {height:135px;}
.open {position:relative;width:28px;height:22px;margin:0 auto;top:100px;cursor:pointer;z-index:900000;}
.logo {width:320px;margin:-15px auto 0 auto;float:none;}
.sidenav {padding-top:35px;}.sidenav a {font-size:21px;}
.whitespace {height:135px;}
.img3 {width:80%;margin-bottom:-5px;margin-top:-13px;}
.m {margin:18px 0 0 0;}
.pad {padding:5%;}
	
	
footer {padding:0 16px;padding-bottom:21px;}
.ftlogo {position:relative;max-width:300px;margin:45px auto 0 auto;z-index:1;}
.footer-col {width:100%;}
.item {border-bottom:1px solid #555;padding:8px 0;} 
.s {font-size:220%;margin:0;cursor:pointer;}
.s::after {content: '+';float:right;font-size:135%;font-weight:bold;margin-top:-2px;margin-right:8px;transition:transform .3s ease}
.product-list {visibility:hidden;position:absolute;transform:translateY(-100px);z-index:1;padding:5px 0 16px 0;}
.product-list li {margin:0;}
.product-list a {display:block;padding:6px 14px;}
.footer-col {overflow: hidden;}}


@media only screen and (min-width:767px) {
.item-padding-top {padding-top:24px;}}
.footer-legal-copyright {margin-right:30px;float:left;margin-top:3px;}
.footer-legal-links {float:left;}
.footer-legal-links a {border-right:1px solid #999;margin-right:10px;padding-right:12px;display:inline-block;margin-top:3px;white-space:nowrap;color:#fff;}
.footer-legal-links a:last-child {border-right:none;}
.footer-legal-links a:hover {color:#c00418;}


@media only screen and (max-width: 480px) {
h1 {font-size:360%;}
h2 {font-size:360%;}
.abs2 {position:relative;width:100%;height:400px;}
.abs3 {position:relative;width:100%;height:300px;}
.tel {display:none;}
.sidenav .closebtn {top:5px;}
.sub {display:none;}
.marg {display:none;}
.text2 {top:25%!important;}
.headline {font:420% 'Oswald',serif;font-weight:500;line-height:125%;margin-bottom:15px;}
.subline {font:220% 'Oswald',serif;line-height:160%;}}