/*
Theme Name: Oswald Hofer - Tischlerei- und Montagearbeiten
Theme URI: http://www.trend-media.com
Author: trend media
Author URI: http://www.trend-media.com
*/


@font-face {
font-family: 'ubuntu';
src: url('fonts/ubuntucondensed-regular.eot');
src: url('fonts/ubuntucondensed-regular.eot?#iefix') format('embedded-opentype'),
 url('fonts/ubuntucondensed-regular.woff') format('woff'),
 url('fonts/ubuntucondensed-regular.ttf') format('truetype'),
 url('fonts/ubuntucondensed-regular.svg#ubuntucondensed-regular') format('svg');
font-weight: normal;
font-style: normal;
}


body {margin: 25px 0 0;}
header.mobile{display:none;}

header { font-family: ubuntu; margin: 0 auto; position: relative; width: 65%; z-index: 20; }
.bild1 { width: 100%; }
main { background: none repeat scroll 0 0 #e3e3e3; margin: -50px auto 0; position: relative; width: 65%; z-index: 10; }
.bild2 { height: auto; width: 55%; }
.text-box1 { display: block; left: 21%; margin: -11% 0 0; max-width: 381px; position: relative; }
.text-box1, .text-box1 a { color: #000000; font-family: ubuntu; font-size: 19px; text-decoration: none; }
ul li:before { content: ">"; font-size: 25px; font-weight: bold; padding: 0 8px 0 0; position: relative; top: 2px; }
ul { list-style: outside none none; }
ul li:before { font-size: 25px; font-weight: bold; padding: 0 8px 0 0; position: relative; top: 2px; }
li:nth-child(2n) { color: #6f6f6f; }
.text-box2 { display: block; float: right; font-family: ubuntu; font-size: 20px; position: absolute; right: 30px; top: 40px; }
.main-help-box {background: none repeat scroll 0 0 #e3e3e3;}

.main-help-box.mobile{display:none;}


@media only screen and ( max-width: 1825px ){
main, header  {width: 75%;}
}

@media only screen and ( max-width: 1575px ){
main, header  {width: 85%;}
}
@media only screen and ( max-width: 1400px ){
main, header  {width: 100%;}
}

@media only screen and ( max-width: 1315px ){
.text-box2 { display: block; float: none; font-size: 30px; position: relative; right: 0; width: 100%;  height: 322px; text-align: center; }
.text-box1 { display: block; left: 39%; max-width: 50%; position: relative; text-align: left; top: -150px;}
.bild2 { height: auto; width: 100%; margin: 8% auto 4%; display: block; }
.main-help-box.desktop{display:none;}
.main-help-box.mobile{display:block;}
.text-box1, .text-box1 a {font-size: 25px;}
}

@media only screen and ( max-width: 1030px ){

}

@media only screen and ( max-width: 960px ){
header.desktop{display:none;}
header.mobile{display:block;}
.text-box1 {max-width: 55%;top: -100px;}
}

@media only screen and ( max-width: 768px ){
.text-box1, .text-box1 a {font-size: 20px;top: -85px;}
.text-box2 { display: block; float: none; font-size: 28px; position: relative; right: 0; width: 100%; height: 322px; text-align: center; left: -3%; padding-top: 30px; }
}

@media only screen and ( max-width: 736px ){
.text-box1, .text-box1 a {font-size: 18px;top: -85px;}
.text-box2 {font-size: 26px;height: 272px;}
}

@media only screen and ( max-width: 667px ){
.text-box2 { font-size: 24px; height: 290px; }
}
@media only screen and ( max-width: 600px ){
.text-box2 {font-size: 20px;height: 290px;}
.text-box1, .text-box1 a {font-size: 16px;top: -85px;}
}

@media only screen and ( max-width: 568px ){
.bild2 { height: auto; width: 88%; display: block; margin: 8% 0 5% 0; }
.text-box1, .text-box1 a { font-size: 16px; top: -62px; left: 34%; max-width: 60%; }
}

@media only screen and ( max-width: 450px ){
.bild2 { height: auto; width: 99%; display: block; margin: 22% 0 5% 0; }
.text-box1, .text-box1 a { font-size: 18px; left: 0; max-width: 100%; text-align: center; top: 0px; margin: 0% 0 2%; }
}

@media only screen and ( max-width: 400px ){
.bild2 { height: auto; width: 99%; display: block; margin: 38% 0 5% 0; }
.text-box2 {left: -7%;}
}

@media only screen and ( max-width: 365px ){
.text-box2 { font-size: 18px; height: 290px; }
}

@media only screen and ( max-width: 335px ){
.bild2 { height: auto; width: 99%; display: block; margin: 67% 0 5% 0; }
}

@media only screen and ( max-width: 320px ){
.bild2 { height: auto; width: 99%; display: block; margin: 40% 0 5% 0; }
.text-box2 {font-size: 16px;height: 290px;}
}

@media only screen and ( max-width: 240px ){
.bild2 { height: auto; width: 99%; display: block; margin: 82% 0 5% 0; }
}
   table.tb-datenschutz td {
    border-bottom: 1px dashed #000000;
    padding: 12px 0;
}