/* =================================== */
/*	Basic Style 
/* =================================== */

body {
    background-color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    font-size: 15px;
    color: #818181;
}

#hintergrund {
	background-color: #FFFFFF;
    padding: 0;
}

.ueberschrift {
    margin-bottom: 50px;
}

.ueberschrift.white {
    color: #FFFFFF;
}

.ueberschrift h2 {
    font-size: 36px;
    text-transform: uppercase;
}

.ueberschrift.white h2,
.ueberschrift.white h4 {
    color: #FFFFFF;
}

.ueberschrift h2:after {
    border-bottom: 1px solid #009EE3;
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: relative;
    width: 115px;
}

.ueberschrift.white h2:after {
    border-bottom: 1px solid #FFFFFF;
}

figure, p, address {
    margin: 0;
}

p {
    line-height: 25px;
}

.backdiv {
    padding: 50px 0 50px;
}

.overlay {
	padding: 25px;
	background-color: #54397E;
}

.table_preisliste {
    position: relative;
	display: flex;
	justify-content: center;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #252525;
}

main > section {
    padding: 70px 0;
}

.sec-title.white,
.sec-title.white h2,
.sec-title.white h3,
.sec-title.white h4 {
    color: #FFFFFF;
}

.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.sec-title h2:after {
    border-bottom: 1px solid #009EE3;
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: relative;
    width: 115px;
}

.sec-title.white h2:after {
    border-bottom: 1px solid #FFFFFF;
}

.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

table { 
	border-collapse: collapse;
	align-self: center;
}

.mySlides {
	display:none;
}

#home {
	margin-top: 50px;
}


/**
/* Div Table
/* ==========================================*/

.divTable{
	display: table;
	width: 100%;
}

.divTableRow {
	display: table-row;
}

.divTableCell {
	border: 0px;
	display: table-cell;
	padding: 3px 10px;
	width: 33%;
}

.divTableBody {
	display: table-row-group;
}


/**
/*	Header
/* ==========================================*/

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: #54397E;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 0;
}

#navigation.animated-header {
    padding: 0;
}

.head-img {
	width: 50%;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
}

/*============================================================
	Footer
==============================================================*/

#footer {
    background-color: #2E2E2E;
    padding: 5px 0;
    color: #7F7F7F;
}

.footer-content {
    margin: 0 auto;
}

.footer-content > div {
    margin-bottom: 10px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.footer-content,
.footer-copy,
.footer-map,
.footer-oeffnungszeiten,
.footer-imp{
    margin: 15px 0 5px;
}

.footer-copy  {
	float: left;
	text-align: left;
	width: 25%;
}

.footer-map {
	float: left;
	text-align: center;
	width: 45%;
}

.footer-oeffnungszeiten {
	float: left;
	text-align: left;
	padding-left: 15px;
	width: 25%;
}

.footer-imp {
	float: right;
	text-align: right;
	width: 5%;
}

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }
	
	.backdiv {
		padding: 15px 0 15px;
	}

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 25px;
    }
	
	.sec-title h3 {
		font-size: 15px;
	}

    .sec-title h2:after {
        left: 30%;
    }
	
	.w3-modal {
		padding-top: 15%;
	}
	
	.lotus {
		display: none;
	}

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #FFFFFF;
    }
	
	.head-img {
		width: 75%;
	}

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

/* footer */
    .footer-content {
        width: 100%;
    }
	
	.footer-copy  {
		padding-top: 50px;
		padding-left: 15px;
		width: 25%;
	}

	.footer-map {
		padding-left: 15px;
		padding-right: 15px;
		width: 75%;
	}

	.footer-oeffnungszeiten {
		padding-left: 15px;
		width: 75%;
	}

	.footer-imp {
		float: left;
		padding-right: 15px;
		width: 25%;
	}
}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .sec-title h2:after {
        left: 38%;
    }

/* footer */
    .footer-content {
        width: 380px;
    }
}