*{ 
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
outline:none;
}

html, body {
height: 100%;
}

*::selection {
background:#872c2c;
color:#fff;
}

textarea, input[type="text"] {
-webkit-appearance: none;
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* rufina-regular - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rufina-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rufina'), local('Rufina-Regular'),
       url('../fonts/rufina-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina-v5-latin-regular.svg#Rufina') format('svg'); /* Legacy iOS */
}
/* rufina-700 - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rufina-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rufina Bold'), local('Rufina-Bold'),
       url('../fonts/rufina-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina-v5-latin-700.svg#Rufina') format('svg'); /* Legacy iOS */
}

body {
background:#ebebeb;
color:#000;
font-family:'Source Sans Pro', Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
-webkit-text-size-adjust:none;
}

div {
position: relative;
}

img, iframe {
vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px 0;
}

h1{
font-size:36px;
line-height:42px;
font-weight:300;
text-transform:uppercase;
/*font-family: 'Rufina', serif;
background: url(../img/line-200.png);
background-position:left bottom;
background-repeat:no-repeat;
margin: 0 0 10px 0;
padding:0 0 10px 0;*/
}

h2{
font-size:54px;
line-height:56px;
font-weight:300;
text-transform:uppercase;
margin: 0 0 20px 0;
}

h3{
font-size:20px;
font-weight:500;
text-transform:uppercase;
}

p {
margin: 0 0 10px 0;
font-size:15px;
line-height:27px;
-webkit-hyphens: auto;
hyphens: auto;
}

p a{
color:#666;
}

p a:hover{
color:#888;
border-bottom:1px dotted #999;
}

.brown p a{
color:#fff;
opacity: .8;
}

.brown p a:hover{
color:#fff;
opacity: .6;
border-bottom:1px dotted #fff;
}

hr{
height: 0;
margin: 15px 0;
border-bottom: 1px solid #ccc;
}

/* LAYOUT */

.bodywrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px; 
position:relative;
}

.section{
width: 100%;
}

.wrap{
width:960px;
margin: 0 auto;
}

.col{
float: left;

}

.col.third{
width:300px;
}

.col.third img{
width:100%;
}

.col.half{
width:465px;
}

.col.two_thirds{
width:630px;
}

.col.full{
width:960px;
}

.col.gap{
background: none;
width:30px;
height: 30px;
}

.col630{
width:630px;
}

.col.third.planung{
width:300px;
}

@media ( min-width : 1600px ) {
.col.third.planung{
width:610px;
}
}

.centered {
width:960px;
height:600px;
position:absolute;
margin:-300px 0px 0px -480px;
top: 50%; 
left: 50%;
background-color:#eee;
}

/* NAVIGATION */

.navigation {
font-size: 13px;
background:#fff;
height:60px;
padding:25px 0;
}

.navigation ul{
list-style: none;
position:absolute;
right:0;
top:35px;
z-index:450;
}

.navigation ul li{
margin: 0 0 0 30px;
float: left;
}

.navigation ul li a{
display: block;
color: #000;
text-transform:uppercase;
font-weight:bold;
font-size:16px;
letter-spacing:1px;
height:60px;
}

.navigation ul li a:hover{
opacity: 0.5;
}

.navigation ul li a.current{
color: #80172f;
background:url(../img/arrow-down.png);
background-position:center 50px;
background-repeat:no-repeat;
}

.navigation ul li a.current:hover{
color: #80172f;
opacity:1;
}

.subnavigation {
background:#80172f ;
height:52px;
padding:0;
}

.subnavigation ul{
top:15px;
left:0;
}

.subnavigation ul li{
margin: 0 30px 0 0 ;
float: left;
}

.subnavigation ul li a{
color: #fff;
}

.subnavigation ul li a.current{
color: #fff;
background:url(../img/arrow-down-red.png);
background-position:center 37px;
background-repeat:no-repeat;
}

.subnavigation ul li a.current:hover{
opacity:1;
color: #fff;
}


ul li{
margin:0 0 5px 30px;
line-height:22px;
font-size:15px;
line-height:27px;
}

.stage, .header{
min-height:300px;
}

.flexslider .section{
background-size:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
overflow:hidden;
}

.flexslider .section img{
width:100%;
opacity:0;
position:absolute;
top:0;
left:0;
}

.flexslider .text{
color:#fff;	
position:absolute;
bottom:20px;
left:0;
}

.blackbubble{
position:absolute;
right:0;
bottom:-125px;
width:250px;
height:250px;
background:#80172f;
color:#fff;
border-radius:250px;
z-index:300;
}

.blackbubble.home{
top:-160px;
}

.blackbubble div{
height:250px;
width:250px;
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:24px;
line-height:36px;
font-weight:300;
text-transform:uppercase;
}

.blackbubble div p{
font-size:24px;
line-height:36px;
font-weight:300;
text-transform:uppercase;
margin:0;
}

.contentpadding{
padding:40px 0 50px 0;
}

.bottompadding{
padding:0 0 30px 0;
}

.aktuelles{
color:#aaa;
padding-top:25px;
}

.aktuelles p{
margin: 0;
}


.shopbutton{
background:#80172f;
padding:20px 0;
}

a .shopbutton{
color:#fff;
transition:all .1s;
}

a .shopbutton:hover{
color:#80172f;
background:#fff;
}

.shopbutton i{
font-size:56px;
padding:1px 0 0 0;
}

.shopbutton h1{
margin:12px 0 0 0;
font-size:30px;
line-height:20px;
}

.shopbutton p{
margin:0;
font-size:16px;
letter-spacing:1px;
}

.moodgrid{
opacity:0;
transition:all .3s;
padding:10px 0;
}

.moodgrid .cs_single { 
width: 300px; 
transition:all .3s; 
background:#fff; 
margin-bottom:30px; 
}

.moodgrid .cs_single img{ 
width: 100%; 
}

.moodgrid .cs_single.w2 {
width: 630px;
}

.moodgrid .cs_single.full { 
width: 960px !important; 
left:0 !important;
}

.moodgrid .cs_single .text{
overflow: hidden;
text-overflow: ellipsis;
height:85px;
padding:20px 30px;
}

.moodgrid .cs_single .text h1{
font-size:26px;
line-height:28px;
}

.moodgrid .cs_single .text p{
font-size:15px;
line-height:23px;
}

.moodgrid .cs_single.full .text{
overflow: hidden;
text-overflow: ellipsis;
height:auto;
}

.btn_pop, .btn_close{
height:30px;
width:30px;
background:#000;
color:#fff;
position:absolute;
right:-15px;
top:-15px;
border-radius:15px;
cursor:pointer;
text-align:center;
line-height:30px;
font-size:18px;
transition:all .2s;
}

.btn_pop:hover, .btn_close:hover{
background:#fff;
color:#000;
}

.overlay_gradient{
background: url(../img/overlay-gradient.png);
background-repeat:repeat-x;
background-position:bottom;
height:69px;
width:100%;
position:absolute;
bottom:0;
left:0;
display:block;
}

.moodgrid .cs_single.full .overlay_gradient{
display:none;
}


.brown{
background:#80172f !important;
color:#fff;
}

.header, .header .wrap{
height:300px;
}

.whitebox{
background:#fff;
padding:25px 25px 15px 25px;
}

.contactbox{
background:#fff;
padding:25px 25px 20px 25px;
min-height:140px;
}

.contactbox h2{
font-size:34px;
line-height:32px;
margin:0;
}

.contactbox i, .whitebox i{
padding:0 6px 0 0;
color:#888;
}

.contactbox .subline{
color:#777;
padding:0;
text-transform:uppercase;
margin:1px 0 8px 0;
}

.skizzen{
height:700px;
}

.skizze_hover{
display:none;
}

.skizzen img{
position:absolute;
left:0;
top:0;
}

.skizze_overlay{
width:100%;
height:670px;
background:#ebebeb;
position:absolute;
top:75px;
left:0;
z-index:100;
display:none;
}

.skizze_overlay img{
width:100%;
}

#skizze_dachgeschoss{
display:none;
}

.btn_skizze{
background:#641225;
padding:5px 10px;
color:#fff; 
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
display:inline-block;
margin:5px 5px 0 0;
}

.btn_skizze.active{
background:#fff;
color:#641225;
}

.footer{
text-align:right;
padding:15px 0;
color:#fff;
background:#641225;
height: 20px; 
}

.footer a{
color:#fff; 
text-transform:uppercase;
letter-spacing:1px;
margin-left: 10px;
}

.footer a:hover{
opacity:0.5;
}

.push {
height: 50px;
}

#map{
height:400px;
width:100%;
}


#slides .section{
background-size:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
overflow:hidden;
}

#slides .slidesjs-container, #slides .section{
height:400px;
}

#slides .section img{
width:100%;
opacity:0;
position:absolute;
top:0;
left:0;
}

#slides .text{
position:absolute;
bottom:40px;
left:0px;
color:#fff;
}

.slidesjs-navigation{
color:#fff;
font-size:30px;
position:absolute;
top:50%;
z-index:2000;
margin-top:-15px;
opacity:0;
transition:all .2s;
}

.slidesjs-previous{
left:10px;
}

.slidesjs-next{
right:10px;
}

.slidesjs-pagination{
position:absolute;
text-align: center;
bottom:10px;
z-index:2000;
width:100%;
opacity:0;
transition:all .2s;
}

.slidesjs-pagination-item{
list-style:none;
display: inline;
}

.slidesjs-pagination-item a{
width:10px;
height:10px;
border-radius:10px;
display: inline-block;
text-indent:10000px;
margin:0 2px; 
background:rgba(255,255,255,0);
border:1px solid #fff;
transition: all .2s;
}

.slidesjs-pagination-item a.active{
background:#fff;
border-radius:10px;
display: inline-block;
text-indent:10000px;
margin:0 2px;
}

.slides, .slides .slidesjs-container, .slides .section, .slides .wrap, .slides .full{
min-height:300px;
}

.gallerywrap{
margin: 30px 0;
}

.gallerywrap img{
margin: 0 7px 7px 0;
transition:all .2s;
}

/* FORM */

.form{
margin:30px 0;	
}

.form input, .form textarea{
font-family:'Neue Helvetica', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
padding:8px;
border:1px solid #efefef;
width:300px;
background:#f6f6f6;
font-size:16px;
color:#777;
margin: 0 0 10px 0;
}

.form .status{
display:none;
color:#f00;
margin: 0 0 8px 0;
}

.form .submitbutton{
border:1px solid #efefef;
width:60px;
color:#777;
background:#f6f6f6;
padding:8px;
text-align:center;
display:inline-block;
}

.form .submitbutton:active{
-webkit-transform:scale(0.95);
}

.form_error {
-webkit-animation: shake .1s;
-webkit-animation-iteration-count:3;
-moz-animation: shake .1s;
-moz-animation-iteration-count:3;
animation: shake .1s;
animation-iteration-count:3;
}

@-webkit-keyframes shake
{
0%   {-webkit-transform: translate(0,0)}
33%  {-webkit-transform: translate(-10px,0)}
66%  {-webkit-transform: translate(10px,0)}
100%  {-webkit-transform: translate(0,0)}
}

@-moz-keyframes shake
{
0%   {-moz-transform: translate(0,0)}
33%  {-moz-transform: translate(-10px,0)}
66%  {-moz-transform: translate(10px,0)}
100%  {-moz-transform: translate(0,0)}
}

@keyframes shake
{
0%   {transform: translate(0,0)}
33%  {transform: translate(-10px,0)}
66%  {transform: translate(10px,0)}
100%  {transform: translate(0,0)}
}

.not_selectable{
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.clearer{
clear:both;
}

.mobile{
display: none;
}

/* LARGE SCREENS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( min-width : 1600px ) {

.wrap{
width:1290px
}

.col.third{
width:395px;
}

.col.half{
width:620px;
}

.col.two_thirds{
width:760px;
}

.col.full{
width:1290px
}

.col.gap{
width:50px;
height: 40px;
}


.moodgrid .cs_single.full { 
width: 1290px !important; 
left:0 !important;
}


.contactbox{
min-height:150px;
}


}


/* IPAD PORTRAIT * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
@media ( max-width : 960px ) {
*{
box-sizing:border-box;
}

.wrap{
width:730px
}

.col.third{
width:230px;
}

.col.half{
width:355px;
}

.col.two_thirds{
width:480px;
}

.col.full{
width:730px;
}

.col.gap{
width:20px;
height: 20px;
}

}


/* MOBILE * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
@media ( max-width : 600px ) {
*{
box-sizing:border-box;
}

.desktop{
display: none;
}

.mobile{
display: block;
}

.wrap{
width:100%;
}

.col.third{
width:100%;
}

.col.half{
width:100%;
}

.col.two_thirds{
width:100%;
}

.col.full{
width:100%;
}

.col.gap{
display: none;
}

.navigation{
display: none;
}

.navigation ul li{
margin: 0 0 0 0;
width: 100%;
}

.toggle_navigation{
position: absolute;
right: 10px;
top:10px;
}

}