/*
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
*/

:root {
    --fontcolor:#2a382e;
    --fontcolor1:#fff;
    --bottomcolor:#edcc8b;
    --headlines:#2b3978;
    --link:#2a2f45;
    --linkhover:#0a53b3;
    --transbackground06: rgba(255,255,255,.6);
    --transbackground09: rgba(255,255,255,.9);
    --transbackgblack06: rgba(0,0,0,.6);
    --orange:#faba01;
    --bgwhite:#ffffff;
}

.aspect {
    -webkit-aspect-ratio: 16/9;
    aspect-ratio: 16/9;
}

.aspect img {
    height:100%;
    width:100%;
}

.hr_section {border-top: 2px #faba01 solid;border-bottom: 2px #faba01 solid}
.empty.hr_section {border-top: 0px #faba01 solid;}

.contact .hr_section {border-top: 0px #faba01 solid;}

.hinweis {font-size:16px}

.middle {align-self: center;}
.fa {font-family: 'FontAwesome';}
.fa-times:before {content: '\f00d';}
.fa-phone:before {content: '\f095';}
.fa-envelope:before {content: '\f0e0';}
.fa-caret-right:before {content: '\f0da';}
.telefon:before {font-family:'FontAwesome';}
.telefon:before {content: '\f095';margin-right:5px}
.none {display: none;}
.fg1 {flex-grow: 1}
.flex_center  {display: -webkit-flex;display: -ms-flex;display: flex;width: 100%;justify-content:center}  
.flex  {display: -webkit-flex;display: -ms-flex;display: flex;width: 100%;}    
.flex_row {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}  
.flex_row_wrap  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-flex-flow: row wrap;flex-flow: row wrap;}
.flex_nowrap  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: nowrap;}
.flex_column {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: column;} 
.flex_end {justify-content:flex-end; }
.flex_start {justify-content:flex-start}
.strong {font-weight: bold}
.w10 {width:10%}.w15 {width:15%}.w20 {width:20%}.w30 {width:30%}.w33 {width:33%}.w40 {width:40%}.w50 {width:50%}.w60 {width:60%}.w70 {width:70%}.w80 {width:80%}.w90 {width:90%}.w100 {width:100%}
.just {text-align: justify;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left}
.flex1 {flex:1} .flex2 {flex:2} .flex3 {flex:3} .flex4 {flex:4}
.fa:before,.fa:after {font-family:'FontAwesome';}
.font-small {font-size: 12px; font-weight: 400;}
.it_c {align-items:center;}
a span {
    display: block;
    float: left;
}
.fl {float: left}

/* header {border:1px #ccc solid} */
#header {position: relative;}
#bg-small {
    height: 30px;
    width:100%;
    display: block;
    background: url("../img/background-small.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.nav-subcat,
#top-nav .nav-subcat li,
#banner,
#poser-index {
    position: relative;
}
a,.services-more a {
    text-decoration: none;
    color: #2A2F45FF;
}
a:hover, footer a:hover, #top-nav a:hover, .services-more a:hover {color: #0A53B3FF;}
a:visited {color: #2A2F45FF;}

h1, h2, h3, .blue {color:#2B3978FF;}
.topic h2 {
    position: absolute;
    color:#fff;
    font-size:30px;
    left:0;
    right:0;
    margin: 0 auto;
    top:10px;
    text-shadow: 2px 2px #000;
}
.no-shadow {box-shadow: none!important;}


.nav-subcat > ul, #topic-pos img,
#poser-index-andreja img,
#poser-index-more button,
#services-index > div,
.site_content img{
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px;
}
.nav-subcat > ul:after,#topic-pos img:after,
#poser-index-andreja img:after,
#poser-index-more button :after,
#services-index > div:after,
.site_content img:after{
    content: "";
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}
.list:before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(-90deg);
    transition: transform .15s;
    -webkit-transition: transform .15s;
    -webkit-transition: transform .15s;
    position: absolute;
    left: -20px;
    top: 10px;
}
.list:hover:before {
    transition: left .15s;
    -webkit-transition: left .15s;
    -webkit-transition: left .15s;
    left: -15px;

}
article {padding:10px;}

html, body {
    width: 100%;
    margin: 0 auto;
    padding:0;
    font-size: 20px;
    /* font-family: 'Lato', sans-serif; */
    font-family: "Times New Roman";
    background: #fff;
    line-height: 140%;
    letter-spacing:1.5px
}
body .nav-subcat {letter-spacing:initial}

#banner, #poser-index,footer  {width:100%; max-width: 100%}
header, section, .section, .content, #poser-index, #poser-index > div,footer,footer > div {margin: 0 auto}
header, section, .section, .content, #poser-index > div,footer > div, #kontakt {max-width: 1580px}

#kontakt h2 {font-size:21px}

.quote, #banner-slogan1 {line-height: initial;}
ul {list-style: none}

header #logo a {
    display: inline-block;
    text-align: center;
}
header #logo a > div {
    margin-top: -18px;
    margin-left: 10px;
    padding-bottom: 10px;
    color: #2B3978FF;
    font-weight: 600;
}


#top-nav {
    align-self: flex-end;
    text-transform: uppercase;
}
#top-nav li {padding:0 1.5%}
#top-nav > ul {margin-bottom: 0}
#top-nav > ul > li {padding-bottom: 10px;padding-left:3%; padding-right: 3% }
.nav-subcat span:hover {cursor: pointer}
.nav-subcat > ul {
    display: none;
    position: absolute;
    left: 10px;
    background: #ffffff;
    padding: 15px 0;
    min-width: 450px;
    margin-top: 10px;
    z-index: 9;
}
.nav-subcat .quanten {margin-left: 5px;}
.nav-subcat > ul b {margin-left: 10px}
.nav-subcat > ul li b {margin-left: 0px}
.sub-menu > li > ul {padding-left: 0px}
#top-nav .nav-subcat li.nosub {padding-left: 0}
#top-nav .nav-subcat li {padding: 10px 10px 10px 30px;}
#top-nav .nav-subcat li a:hover, #top-nav .nav-subcat li:hover {
    color:#0A53B3FF;
}
header {min-height: 100%;}
#banner {
    border-top:2px #faba01 solid;
    height:404px;
    background: url("../img/banner.webp");
    background-size: cover;
    background-repeat: no-repeat;
}
#wrapper {  border-top:2px #faba01 solid;}
#banner-slogan1, #banner-slogan2 {
    position: absolute;
    color:#ffffff;
    text-shadow: 2px 2px #000;
}

#banner-slogan1, #banner-slogan1 h1 {
    font-size: 70px;
    top:30%;
    left:10%;
    margin: 0 auto;
    font-family:"Times New Roman", Times, serif;
    font-weight: 800;
    color:#ffffff;
}
#banner-slogan1 span {display: block}
#banner-slogan2 {
    top:70%;
}
#topic-pos {
    justify-content: center;
}
#topic-pos > div {
    position: relative;
    z-index: 8;
    margin-right:0px;
    margin-left: 0px;
    margin-top: 0px;
}


.quote {
    display: block;
    color:#2B3978FF;
    font-size: 30px;
    text-align: center;
    padding: 50px;
    width: 360px;
    font-style: italic;

}
.quote span {
    display: block;
     margin-top: 20px;
    font-size: 70%;
    color:#4E4E4EFF;
    font-style:normal;

}
#welcome {
    width:50%;
    margin: 0 auto;
}
section, .section {
    margin-bottom: 60px;
}
section#kontakt .inner_content {margin: 50px;}
.poser-ceo span {
    display: block;
    font-size:35px;
}
.poser-ceo {
    text-align: left;
    padding-top:20px;

}
#poser-index-more {
    margin-top: -25px;
    align-self: center;
    height: 150px;
    text-align: left;
}
#button {display:inline-block}
#poser-index-more #button {
    font-size: 25px;
    border-radius: 6px;
    background:#ffe9bd ;
    border:0;
    cursor: pointer;
    padding:20px;
    width:250px;
}
.only-poser .poser-content {padding-left: 80px}

#adress > div {text-align: left; }
#adress ul {padding-left:0; margin-left: 0}
.content-img-double img {margin: 20px 60px}

.faszien-sport img  {box-shadow:none}
form {
    width: 620px;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    margin: 0 auto;

}
.form_l {width: 200px;}
.form_r {flex:1; align-items: center;}
.form_r input,.form_r textarea {flex:1; font-size:18px; padding:5px}
.form_r {line-height: 20px;}
form input[type=radio] {
    height: 20px;
    width: 20px;
}
#form_kontakt input[type="text"] {
    margin-bottom: 10px;
    border: 0;
    border-bottom: 1px grey dashed;
    font-size: 95%;
    letter-spacing: 1.5px;
    background: transparent;
    display: inline-block;
    color: #0061A6;
}
.form_r textarea,#form_kontakt input[type="text"] {width: 100%}

.security {margin-right: 10px}
form a {color:#2B3978FF; font-weight: 500}
input.captcha {width: 20%}
form img {height: 20px; padding:0px 0 0 20px}
.form_r.anrede.flex {
    width: 270px;
    flex: initial;
}
.form-notice {margin: 10px 0}


#services-index > div {margin: 20px; padding:40px}
#services-index .br {margin:3px}
#services-index h3 {margin-bottom: 10px}

.services-more {
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    margin-top: 20px;
}
footer #footer-nav {text-align: right}
#footer-nav li {padding-left: 10px}
#footer-nav ul {
    justify-content: center;
    padding: 0
}

footer .social { align-items: center;}
.company-footer {
    margin-top: -20px;
    color: #2B3978FF;
    font-weight: 600;
}
#copyright {margin-top: 20px}
#footer-nav {margin: 20px 0 20px 0}
#ooter-logo #logo > div {margin-top: -10px}

#facebook {
    height:40px;#headline
    width:40px;
    border-radius: 100%;
    text-align: center;
    border:1px #3b5998 solid;
    color:#3b5998;
    font-size:25px;
    font-weight:700;
    display:table-cell;
    vertical-align:middle;
}
.arrow-right {
    position: absolute;
    bottom: 20px;
    fill: #ffffff;
    stroke: transparent;
    transform: rotate(180deg);
    width:50px!important;
    text-shadow: 2px 2px #000;
}
#headline {margin: 40px 0 80px 0}
#headline h1 {margin:0;font-size:35px; margin: 0px 0 40px 0}
#headline span {
    display:block;
    font-size: 26px;
    font-weight: 600;
    color:#2B3978FF;
}
.headline_img {flex-grow: 1; margin-bottom: -50px}
.headline_img img {width:250px; height: auto}
.site_content {margin-bottom: 60px}
.content-img-left {margin-right: 60px}

.content-img-right img {max-width: 100%}

.content-img {margin-top: 60px}
.site_content ul {list-style: initial}
.content-img-left,.content-img-right {min-width: 350px; min-height: 250px}
.content-img-left-big {margin-right: 60px;}
.content-img-right-big {margin-left: 60px;}

.content-img-left.faszien {min-width: initial; }

.site_content strong {
    color: #2B3978FF;
}
/* .poser-content {padding-left:160px} */

.poser-content ul {padding-left: 20px;padding-right: 20px}


.poser-img img {max-width: 200px}
.beispielbild {border:1px #2B3978FF solid; padding:20px;}
.faszien-master-img img {max-width: 400px; max-height: 400px}
.faszien img.fl {margin: 0 50px 10px 0}
#language {
    width:250px;
    position: absolute;
    right: 18px;
    top:5px;
    text-align: right;
}
#language .lang {padding: 0 5px; color: #2B3978FF}
#language .lang.de {color: #000; font-weight: bold}
#language .lang img {width:30px}
.nav_about {min-width:115px }
.nav_about.hrv {min-width:90px }
.poser .poser-img img {position: relative}
.poser .poser-img > div {
    position: relative;
    display: inline-block
}
.poser .poser-img a:after {
    content: 'read more';
    display: block;
    width: 100%;
    color: #fff;
    text-shadow: #000 5px 0 10px;
    position: absolute;
    bottom:5px;
    z-index: 999;
    transition: all 0.5s ease-in;
    border-radius: 0 0 5px 5px;
    left: 10%;
    opacity: 0;
    transition: all 1s ease-in;
}
.nexloaded .poser .poser-img a:after {
    opacity: 1;
    transition: all 1s ease-in;
}
/*
.test .poser .poser-img a:hover:before {
    top:0px;
    height: 30px;
    transition: all 0.5s ease-in;
}
*/



@media not all and (min-resolution:.001dpcm) { @media {
    #banner-slogan1, #banner-slogan1 h1 {
        color: #ffffff;
    }
    #banner {
        border-top: 2px #FD7E14FF solid;
        background: url(../img/banner.JPG);
    }
    #wrapper {  border-top:1px #faba01 solid;}
    h1, h2, h3 {color:#2b3978;}
    article {padding: 10px 30px 10px 30px;
    }
}}