/* background 
.body-bg {background-image:url(/fileadmin/bilder/deko/manu-schwendener-39728-unsplash.jpg)}
.section{padding: 0;}
.container{padding: 2rem 0;}
*/
/*nav bar */
.nav.nav-sidebar li a {border:1px solid #c1c1c1; color:#5a5a5a;font-size:1.4rem;}
.nav.nav-sidebar li a:active, .nav.nav-sidebar li a:hover, .nav.nav-sidebar li a:focus {border:1px solid #bdbdbd;}
/*
.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {color:#5a5a5a;font-size:1.6rem;}
*/
div.section > div:nth-child(1){border-right: 1px solid #008042; border-left: 1px solid red; background-color:rgba(255,255,255,.8)}

/* .navbar-transition img {height: 75%; width:100%;} */


/* formular*/
form li {
  list-style-type: none;
  padding: 0 0 1rem 0;
  position: relative;
  }

form li label {
  width: 27.5rem;
  position: relative;
  }

form label em {
 /* width: 2rem;*/
/*  position: absolute; */
  left: 0; 
  font-size: 1rem;
 /* display:inline-block; */
  }
@media (min-width:768px){  
form li label {
/*  position: absolute; */
  top: 0;
}
form li input {
  width: 25rem;
  position: absolute;
  top:0;
  }
}
fieldset {margin: 1rem 0 0 0;}
fieldset ol {padding-left: 0px;}

/* fixme: ich will das für beide Formulare passend... aber intro passt nicht zu iin */
li.csc-form-element-reset, li.csc-form-element-submit {
  width:27rem;
  display:inline-block;
  }
.booking li.csc-form-24 input{width: auto;}  
.contact li.csc-form-7 input {width:auto;}
  
.booking li.csc-form-25 label, li.csc-form-26 label  {display:none;}
div.csc-mailform ol li.csc-form-element-reset {
  margin-right: 1em;
  padding-left:16rem;
    }

.csc-mailform input[type=reset], 
.csc-mailform input[type=submit],
.csc-mailform select{
  width: 10rem;
  }
/*
#field-15 { position:absolute; margin:0 0 0 -999em; }

label[for="field-15"]  { position:absolute; margin:0 0 0 -999em; }
*/

.form-container h2 {font-size: 1rem;}

/* kalender */

.calendarize {max-width:100%}
.calendarize ul.events {padding-left: .5rem; list-style-type:none}
.calendarize ul.events li +li {border-top:1px solid #377a6a;}
.calendarize ul.events a {font-size:.875rem;}
.calendarize td.selectedDay {font-weight: bold;}
.calendarize td.not-current-month {color: rgba(0,0,0, 0.25);}

@media(max-width:991px) {
#p39 .calendarize{
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
background: radial-gradient( ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center, radial-gradient( ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
background-size: 10px 100%, 10px 100%;
background-attachment: scroll, scroll;
background-repeat: no-repeat;
}
}