Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/frisura.at/httpdocs/css/scaffold/modules/NestedSelectors/NestedSelectors.php on line 312
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/frisura.at/httpdocs/css/scaffold/modules/NestedSelectors/NestedSelectors.php on line 315
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/frisura.at/httpdocs/css/scaffold/modules/Formatter/Formatter.php on line 310
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/vhosts/frisura.at/httpdocs/css/scaffold/modules/Formatter/Formatter.php on line 339
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
margin: 0;
padding: 0;
border: 0;
background: none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table
{
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td
{
text-align: left;
font-weight: normal;
}
table,
td,
th
{
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: "";
}
blockquote,
q
{
quotes: "" "";
}
a img
{
border: none;
}
img
{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}
pre,
code,
kbd,
samp,
var,
output
{
white-space: pre;
}
mark
{
background: #ffffd9;
}
nav,
section,
article,
header,
aside,
footer,
figure,
dialog
{
display: block;
}
time,
progress,
mark,
output
{
display: inline;
}
/* ###########################################################
DEFAULT SETTINGS
###########################################################*/
.hide
{
display: none;
}
#loading,
#successmessage,
#errormessage
{
display: none;
}
ul
{
list-style-type: none;
}
ul
{
margin: 0px;
padding: 0px;
}
div
{
position: relative;
}
a:focus
{
outline: none;
}
html,
body
{
text-align: left;
line-height: 1.5em;
font-size: 62.5%;
height: 100%;
font-family: Open Sans, Arial, sans-serif;
color: #fff;
}
body
{
font-size: 1em;
background: #111;
}
a
{
color: #b02260;
text-decoration: none;
}
a:hover
{
color: #b02260;
text-decoration: underline;
}
h1,
h2,
h3,
h4
{
color: #fff;
font-weight: 300;
clear: left;
argin-bottom: 0.7em;
margin-top: 0em;
}
h1 em,
h2 em,
h3 em,
h4 em
{
font-style: normal;
color: #b02260;
}
h1
{
font-size: 2.8em;
line-height: 1.2em;
}
h2
{
font-size: 2.0em;
line-height: 1.2em;
}
h3
{
font-size: 1.4em;
line-height: 1.2em;
}
h4
{
font-size: 1.4em;
line-height: 1.2em;
}
#wrap
{
text-align: left;
position: relative;
z-index: 50;
top: 0px;
left: 0px;
width: 100%;
float: left;
}
#inner
{
width: 100em;
position: relative;
margin-left: -50em;
left: 50%;
top: 0px;
text-align: left;
}
#header
{
margin-top: 5em;
width: 100%;
position: relative;
float: left;
clear: left;
}
#header #logo
{
text-decoration: none;
color: white;
width: 30%;
float: left;
position: relative;
}
#header #logo span.img
{
width: 155px;
height: 137px;
float: left;
position: relative;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#header #logo span.title
{
position: absolute;
left: 130px;
top: 80px;
float: left;
letter-spacing: 0.1em;
}
#header #logo span.title b
{
float: left;
color: white;
font-size: 1.8em;
font-weight: 700;
}
#header #logo span.title em
{
float: left;
font-style: normal;
margin-top: 0.5em;
clear: left;
font-size: 1.2em;
text-transform: uppercase;
font-weight: 300;
}
#header #logo:hover span.title b
{
color: #b02260;
}
#header #navigation
{
position: absolute;
right: 1em;
top: 8em;
text-align: right;
}
#header #navigation a
{
float: left;
text-transform: uppercase;
color: white;
padding: 0.5em;
text-decoration: none;
font-size: 1.4em;
font-weight: 300;
margin-right: 1.3em;
}
#header #navigation a:hover
{
color: #b02260;
}
#header #navigation a.active
{
color: #b02260;
border-bottom: 1px solid #b02260;
}
#content
{
width: 80%;
position: relative;
float: left;
margin-left: 13.2%;
clear: left;
margin-top: 10em;
margin-bottom: 5em;
}
#content .home_facebook,
#content .aktuelles_facebook
{
width: 100%;
float: left;
position: relative;
clear: left;
margin-top: 15em;
}
#content .aktuelles_facebook
{
margin-top: 5em;
}
#content .caption
{
float: left;
margin-bottom: 3em;
width: 100%;
position: relative;
}
#content .caption h2
{
font-size: 1.6em;
text-transform: uppercase;
float: left;
margin-right: 1.5em;
}
#content .caption a
{
float: left;
font-size: 1.3em;
padding-top: 0.2em;
}
#content .col_left,
#content .col_right
{
width: 47%;
position: relative;
}
#content .col_left
{
float: left;
}
#content .col_right
{
float: right;
}
#content .pricetable
{
width: 100%;
margin-top: 1em;
font-size: 1.3em;
}
#content .pricetable td
{
padding: 0.5em 0;
}
#content .pricetable td.desc
{
width: 80%;
}
#content .pricetable td.price
{
text-align: right;
width: 20%;
}
#content .home_facebook .timelineelement .likes_and_comments
{
display: none;
}
#content .fbrow
{
width: 100%;
float: left;
position: relative;
clear: left;
margin-bottom: 3em;
}
#content .timelineelement
{
margin-bottom: 3em;
font-weight: 300;
float: left;
width: 20%;
margin-right: 5%;
position: realtive;
font-size: 1.3em;
}
#content .timelineelement .creation
{
float: left;
color: #aaa;
}
#content .timelineelement .content
{
line-height: 1.5em;
float: left;
clear: left;
width: 100%;
margin-top: 0.1em;
}
#content .timelineelement .content a.image
{
float: left;
width: 100%;
overflow: hidden;
max-height: 10em;
display: block;
padding: 0.5em 0;
}
#content .timelineelement .content a.image img
{
width: 100%;
float: left;
}
#content .timelineelement .likes_and_comments
{
width: 100%;
float: left;
clear: left;
margin-top: 1em;
}
#content .timelineelement .likes_and_comments .likes,
#content .timelineelement .likes_and_comments .comments
{
float: left;
position: relative;
font-size: 0.9em;
color: #999;
}
#content .timelineelement .likes_and_comments .likes
{
margin-right: 2em;
}
#content .fb_elem_1,
#content .fb_elem_5,
#content .fb_elem_9,
#content .fb_elem_13
{
clear: left;
}
#content .button
{
position: relative;
color: white;
float: left;
font-size: 1.4em;
background: #b02260;
text-decoration: none;
font-family: Georgia, Palatino, Times, serif;
padding: 0.4em 2.5em 0.4em 0.8em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 2em;
margin-right: 3em;
}
#content .button em
{
font-style: italic;
float: left;
}
#content .button span
{
width: 20px;
height: 20px;
position: absolute;
top: 5px;
right: 5px;
background-image: url(/css/userimg/_sprite.png);
background-repeat: no-repeat;
background-position: 0 -168px;
}
#content .button:hover
{
background: white;
color: #b02260;
}
#content .button:hover span
{
background-position: 0 -186px;
}
#siteslides_container
{
position: fixed;
margin-left: 0px;
right: 0px;
z-index: 1;
top: 0px;
background: #222;
width: 100%;
height: 100%;
float: left;
}
#siteslides_container #imagearrow_left,
#siteslides_container #imagearrow_right
{
display: none;
cursor: pointer;
width: 7em;
float: left;
position: absolute;
z-index: 40;
top: 0px;
height: 100%;
}
#siteslides_container #imagearrow_left span,
#siteslides_container #imagearrow_right span
{
background-image: url(/css/userimg/_sprite.png);
background-position: center center;
width: 24px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
background-repeat: no-repeat;
}
#siteslides_container #imagearrow_left
{
left: 0px;
}
#siteslides_container #imagearrow_left span
{
left: 50%;
margin-left: -12px;
background-position: -222px -66px;
}
#siteslides_container #imagearrow_right
{
right: 0px;
}
#siteslides_container #imagearrow_right span
{
right: 50%;
margin-right: -12px;
background-position: -222px -104px;
}
#siteslides_container #siteslides_closer
{
display: none;
z-index: 20;
position: fixed;
top: 0;
left: 50%;
margin-left: -14px;
width: 28px;
height: 8em;
background: #b02260;
font-weight: bold;
color: white;
text-decoration: none;
padding: 0 0 1em 0;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
#siteslides_container #siteslides_closer span
{
float: left;
position: absolute;
width: 20px;
height: 20px;
background-image: url(/css/userimg/_sprite.png);
background-position: 0px -147px;
bottom: 1em;
left: 0.5em;
}
#siteslides_container #siteslides_closer:hover
{
background: #111;
color: white;
padding-top: 0.5em;
}
#siteslides_container #siteslides_overlay
{
width: 100%;
height: 100%;
background: #000;
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter: "alpha(opacity=85)";
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
position: absolute;
top: 0px;
left: 0px;
z-index: 20;
}
#siteslides_container .siteslide,
#siteslides_container .staticslide
{
width: 100%;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
z-index: 10;
display: none;
}
#siteslides_container .siteslide .bgimage,
#siteslides_container .staticslide .bgimage
{
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
#siteslides_container .siteslide .img_big,
#siteslides_container .staticslide .img_big
{
width: 100%;
float: left;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
#siteslides_container .siteslide
{
display: block;
z-index: 1;
}
#siteslides_container .siteslide.active
{
display: block;
z-index: 10;
}
#siteslides_container .siteslide.fading
{
display: block;
z-index: 15;
}
#siteslides_container .staticslide
{
display: block;
position: relative;
height: 100%;
top: 0;
}
#siteslides_container .staticslide iframe
{
width: 100%;
height: 100%;
overflow: hidden;
}
#siteslides_container iframe
{
width: 100%;
height: 100%;
overflow: hidden;
}
/* MEDIA QUERIES ****************** */
@media screen and (min-width: 1400px)
{
}
@media screen and (max-width: 960px)
{
}
@media screen and (max-width: 800px)
{
}
@media screen and (max-width: 650px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 380px)
{
}