/* ---------------------------------------------------------------------------------------------------- */
/* Typefaces */

/* Farbe #e13f23  rgb = 225,63,35 */

/* Plain lists */
.plain, .plain > li { list-style:none; }
.plain > li { margin:0; }

/* ---------------------------------------------------------------------------------------------------- */
.nav-rechts {
right: 0px;
position: fixed;
z-index: 900;
-webkit-transition: right .4s ease-in-out;
}
.nav-rechts-offen {
right: -192px;
position: fixed;
z-index: 900;
-webkit-transition: right .4s ease-in-out;
}
.nav-rechts-offen:hover {
position: fixed;
right: 0px;
}



iframe {
 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 600px; 
}


.vertical-middle{
       
       padding: 7% 8%;
        height: 100%;
        width: 100%;
       
}
.textblock {
    
}
.schwarz{
    color: #000;
}
.weiss{
    color: #fff;
}
h1 {
letter-spacing: 3px;
font-size: 38px;
line-height: 52px;
margin-bottom: .8em;
font-weight: 300;
}

h2 {
letter-spacing: 3px;
font-size: 17px;
line-height: 26px;
margin-bottom: .8em;
color: #000;
font-weight: 400;
}
h3 {
letter-spacing: 2px;
font-size: 15px;
line-height: 22px;
font-weight: 400;
margin-bottom: .8em;
color: #f00;
}
p {
letter-spacing: 2px;
font-size: 15px;
line-height: 22px;
font-weight: 400;
margin-bottom: .8em;
color: #000;
}
/* Navigation */
.header {
    padding: 14px 0;
    background: rgba(0, 0, 0, 0.7);
}
.header .main-nav .nav .nav-item a{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 17px;
    color: rgba(0,0,0,0);
}
.header .main-nav .nav .nav-item.active{
    color: #f00;
}
.header .main-nav .nav .nav-item a:hover{
    color: #fff;
}
.header .logo {
    padding: 5px 0 5px 0;
}

.oxlogo {
    margin-top: 4px;
}

.navbar-nav {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 16px;
    float: left;
    margin: 15px 0 0 0px;
}

ul {
    font-size: 16px;
    line-height: 1.75;
	margin-left: -20px;
}

.direkt-buchen a{
float: left;
margin: 30px 30px 0 0px;
color: #f00;
font-size: 17px;
font-weight: 400;
letter-spacing: 1px
}

/* ---------------------------------------------------------------------------------------------------- */
/* Buttons */
a ,a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Sections */
.lazy {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;  
        display: block;
        transition-delay: 0.6s;
}

div.container-lokal {
        /*white-space: nowrap;*/
    }

img.lazy {
        width: 100%; 
        height: 100%;
        padding: 2px; 
        display: inline-block;
        }
    
.section
{	
    padding-right: 0px;   
    padding-left: 0px;	
	overflow:hidden;
	background:white;
	position: relative;
	
	
   
}
.anfang {
    background: rgba(0,0,0,0.0);
    position: relative;
    padding-bottom: 200px;
}

/* Ausrichtung */


.textopen {
    margin: 0px 0px; 
    font-size: 60px;
    letter-spacing: 5px;
    color: #ff3333;
    line-height: 1.1;
    
}
/* ---------------------------------------------------------------------------------------------------- */
/* Reihen */
.row {
margin-right: -10px;
margin-left: 0px;

}
.table>tbody>tr>th {
    font-weight: 400;
    font-size: 16px;
    padding: 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px;

}
/* ---------------------------------------------------------------------------------------------------- */
.modal {
    z-index: 9000;
    top: 90px;
}

.modal-body {
        padding: 20px 0px 0px 0px; 

}

.logofont{
        padding:10px;        
        width: 100%;
        height: 222px;
        z-index: 90;
        background: rgba(0,0,0, 0.350);
    }

/*Button Formular*/

.btn_absenden {
padding: 20px 20px 5px;
border-radius: 4px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
color: #fff;
background-color: #ff3333;
}
.button .btn .btn_absenden a:hover {
color: #fff;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Intro */

.section_intro
{
	padding:15% 1.5em;
	background:#93ca3a;
	color:white;
	text-align:center;
}

/* ---------------------------------------------------------------------------------------------------- */
/* easybooking anfrage */


.btn-flagge {
    padding: 0px;
    border: 0px;
    border-radius: 4px;
}
.btn-anfrage {
    background: rgba(0,0,0,0);
    border: 0px;
    padding: 0px;

}

button.btn.btn-warning{
padding: 0px;
margin-top: 26px;
font-weight: 500;
font-size: 16px;
color:white;
background: #94a1a3;
width: 100%;
height: 36px;
border-color: #000;
}


/* easybooking anfrage */
input#anreise.booking_date, input#abreise.booking_date {
padding: 2px;
border: 0px;
border-color: #aaa;
border-radius: 5px;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
color: #fff
}
.abstand{
    padding: 20px;

}
div.form-group label{
        color:white;
        font-weight: 300;
        letter-spacing: 2px;
        font-size: 17px;

}
.col-md-2 {
text-align: left;

}
.tel-block {
width: 100%;
height: 100%;
background: #fff;
font-weight: 500;
font-size: 16px;
color: #000;
padding: 6px;
}


.h1head {
letter-spacing: 3px;
font-size: 38px;
line-height: 1.4;
margin-bottom: .8em;
font-weight: 300;
}
input#tagungdate.booking_date{
        font-weight: 500;
        font-size: 14px;
        
}
.form-control {
         height: 34px;
}

.btn {
        font-weight: 500;
        font-size: 14px;
        height: 34px;
        padding: 0px 12px;
}

.well {
            min-height: 20px;
            padding: 10px;
            margin-bottom: 20px;
            background-color: #ffffff;
            border: 0px solid #e3e3e3;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}
.btn-default:focus {
            background-color: #ffffff;
            color: #000;
}
@media (max-width:767px) {
    .vertical-middle {
            padding: 9% 1%;

        }
}



/* ---------------------------------------------------------------------------------------------------- */