/* Baltik_Basic.css */
*{
    font:18px/1.3em 'Source Sans Pro',sans-serif;
    font-weight:normal;
    box-sizing:border-box;
    font-weight:400;
}


.mobile_only {
    display:none;
}
.desktop_only {
    /*display:block;*/
}

.margin_top {
    margin-top:8vmin;
}
    
body{
    background-color:#cee2f6;
    font-size:1vmin;
    line-height:1.3em;
    padding:0px;
    margin:0px;
    font-weight:400;
}

#mobile_nav_overlay {
    display:none;
}

#main_content{
    width:100%;
    padding-right:2vw;
    padding-left:2vw;
    background:#ffffff;
    float:left;
}

a{
    text-decoration:none;
    color:#014489
}

p {
    margin-bottom:0.5em;
}

a:hover{
    text-decoration:underline
}

h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0 0 .5em;
    line-height:1.1em;
    font-weight:normal;
    color:#014489;
    font-weight:400
}

h1{
    font-size:3vw
}

h2{
    font-size:4vmin;
}

h4 {
   font-size:3vmin;
   margin-top:1em;
   margin-bottom:0em; 
}



ul {
    list-style-type: none;
}

ul.quadrat {
    padding:0px;
    margin:0px;
}

ul.quadrat li {
    font-weight:400;
    padding:0px 0px 0px 18px;
    margin:0 0 0.5em 0;
    background:url(../images/icons/li-quadrat.png) no-repeat top left;
    background-position: 0px 7px;
}


ul.compact {
    padding-left:2em;
    margin-left:0px;
    margin-bottom:2em;
}



ul.ebene1 li {
    margin-top:0.5em;
    text-indent:-2em;
    font-weight:700;
}

ul.ebene2 li {
    margin-top:0.5em;
    font-weight:400;
     text-indent:-1.5em;
}


ul.ebene3 {
    margin-top:0.5em;
    font-weight:400;
    padding-left:1em;
    list-style-type: disc;
}

ul.ebene3 li {
    font-weight:400;
    text-indent:0em;
}




table{
    width:100%
}

table.lines td{
    padding-top:1vh;
    padding-bottom:1vh;
    border-bottom:1px solid #ccc;
    padding-left:0.5vw;
    padding-right:0.5vw;
    font-weight:400;
}

.centered_text{
    text-align:center
}

.widget{
    width:100%;
    padding-right:.2vmin;
    padding-bottom:1vmin;
    padding-left:.2vmin
}

.widget label{
    color:#014489;
    display:block;
    padding-bottom:.5vmin;
    font-weight:600

}

.widget .display_value {
    width:100%;
}


input[type=text],input[type=tel],input[type=date],input[type=email],textarea{
    width:100%;
    padding:.5vmin 1vmin;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:.2vh;
    line-height:1.5em;
}

.buttonlink, input[type=submit]{
    width:100%;
    display:block;
    margin-top:3vmin;
    padding:10px;
    background-color:#014489;
    border-radius:5px;
    color:#fff;
    text-align:center;
    font-weight:400;
}


.buttonlink:hover {
    background-color:#085aaf;
    text-decoration:none;
}

#wrapper{
    max-width:1600px;
    position:relative;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    background:#ffffff;
}

#top {
    width:100%;
    background:#ffffff;
    float:left;
}


#main_content{
    padding-top:3vw
}



#footer{
    width:100%;
    padding-top:3vh;
    padding-bottom:3vh;
    background:#ffffff;
    float:left;
}

#footer .inside{
    width:96%;
    margin-right:2vw;
    margin-left:2vw;
    padding-top:2vh;
    padding-bottom:3vh;
    border-top:1px solid #f7a600
}

#footer #footer_adresse{
    width:60%;
    float:left
}

#footer #footer_nav{
    float:right
}

#footer #footer_nav a {
    display:inline-block;
    padding-left:1vw;
    font-weight:400;
}

#titelbild {
    width:100%;
    padding-top:30%;
    display:block;
    float:left;
    position:relative;
}

body.start #titelbild {
  background:url(../images/bilder_wohnmobil/titel_raps_P1040642.jpg) no-repeat center center;
  background-size:cover;
}

body.wohnmobil #titelbild {
    background:url(../images/bilder_wohnmobil/wohnmobil3_P1040656_titel.jpg) no-repeat center center;
    background-size:cover;
}

body.anfrage #titelbild {
    background:url(../images/bilder_wohnmobil/wohnmobil4_P1040649.jpg) no-repeat center center;
    background-size:cover;
}

body.impressum #titelbild {
    background:url(../images/bilder_wohnmobil/wohnmobil6_P1040652.jpg) no-repeat center center;
    background-size:cover;
}

body.mietbedingungen #titelbild {
    background:url(../images/bilder_wohnmobil/wohnmobil5_P1040632.jpg) no-repeat center center;
    background-size:cover;
}






#titel_head {
    position:absolute;
    top:30px;
}

#titel_head.links{
    position:absolute;
    display:block;
    left:30px;
}

#titel_head.rechts{
    right:30px;
    position:absolute;
    display:block;
    text-align:right;
}

#logo_start {
    height:10vh;
    display:block;
    float:right;
    margin-bottom:2vh;
    margin-right:2vw;
}


#top_nav{
    height:12vh;
    left:2vw;
    top:0;
    position:absolute;
    background:#ffffff;
}

#top_nav li{
    height:12vh;
    display:inline-block;
    margin-right:2vw;
    padding-top:7vh;
    vertical-align:bottom;
    font-weight:400;
    background:#ffffff;
}

#top_nav li a{
    text-decoration:none;
    font-weight:400;
    text-decoration:none;
    color:#014489;
}


#top_nav li.active{
    border-bottom:1vh solid #f7a600
}

#top_nav li.main_nav_item_datenschutz,
#top_nav li.main_nav_item_impressum
{
   display:none;
}


.spalten_container{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    flex-direction:row;
}

.spalte {
    width:40%;
    min-height:20px;
    position:relative;
    display:block;
    /*border:1px solid #66ff99;*/
}


#intros {
    padding-left:10%;
    padding-right:10%;
    padding-bottom:5em;
}

#intros .spalte {
    width:45%;
    min-height:12em;
    padding-top:8vh;
    position:relative;
}

#intros .spalte a {
    position:absolute;
    bottom:0px;
    display:block;
    text-decoration:none;
    width:100%;
}

#intros .spalte a p {
    color:#000
}

#intros .spalte#wohnmobil{
    background-image:url("../images/icons/wohnmobil_icon.svg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:12vh
}

#intros .spalte#termine{
    background-image:url("../images/icons/termine_icon.svg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:8vh
}

#intros .spalte#buchung{
    background-image:url("../images/icons/buchung_icon.svg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:8vh
}

#ausstattungsliste{
    width:50%;
    float:right
}

#ausstattungsliste .spalte{
    width:50%
}

#ausstattungsliste .spalte.li{
    padding-right:2%
}
#ausstattungsliste .spalte.re{
    padding-left:2%
}

.rubrik{
    padding-left:.5vw;
    background-color:#f7a600;
    line-height:1.1em;
    color:#fff;
    font-weight:700
}

#galerie_ausstattung{
    width:100%;
    float:left;
    position: sticky;
    top:0px
}

#galleria_container {
    width:100%; 
    padding-top:100%;
    position:relative;
    /*border:1px solid #3399ff;*/
    /*position:sticky;
    top:50px;*/
    margin-top:3em;
    margin-bottom:3em;
}

.galleria{ 
    position:absolute;
    width: 100%; 
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}

.galleria-container{
    width:100%;
    background-color:#dddddd;
    /*border:1px solid #fff*/
}

.galleria-info-link{
    display:none
}

#galeriespalte{
    width:50%;
    float:left;
    padding-right:4vw;
}

#kalender_container{
   /* width:800px;
    min-height:400px;*/
    width:48%;
    /*border:1px solid #dd5588;*/
    font-weight:400;
    float:left;
}


#anfrageformular {
    width:48%;
    /*border:1px solid #338877;*/
    float:right;
}

.form_box {
    border:1px solid #cccccc; 
    border-radius:9px;
    padding:10px;
    margin-bottom:10px;
}

.month-container span{
    font-size:150%;
    font-weight:400
}


.week {
    /*border:1px solid #337799;*/
    margin-top:2px !important;
    margin-bottom:2px !important;
}

.day span {
    font-weight:400;
    font-size:120%;
}

.today-button {
    font-weight:400;
    display:none;
}


.day.selected span {
    font-weight:700 !important;
}


.week .day[disabled="disabled"] span {
    background-image:url("../images/icons/date_disabled.svg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    color:#ff0000 !important;
  }



.widget.plz_feld{
    width:25%;
    display:inline-block
}

.widget.ort_feld{
    width:70%;
    float:right;
    display:inline-block
}

.widget.start_datum{
    width:47%;
    display:inline-block;
    vertical-align:top;
    padding-bottom:5px;
}
.widget.end_datum{
    width:47%;
    display:inline-block;
    vertical-align:top;
    padding-bottom:5px;
}

button.prev-button{
    display:inline-block;
    font-weight:400;
    color:#708897;
    padding-left:16px;
    background-image:url("../images/icons/pfeil_calendar_prev.svg");
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 12px;
    cursor:pointer
}

button.next-button{
    display:inline-block;
    font-weight:400;
    color:#708897;
    padding-right:16px;
    background-image:url("../images/icons/pfeil_calendar_next.svg");
    background-position:right center;
    background-repeat:no-repeat;
    background-size: 12px;
    cursor:pointer
}

.url_block{
    display:none
}



/* ############ Popup ########################## */



#popup_shadow {
	position:fixed;
	z-index:90;
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	display:none;
}

#popup{
	width:80%;
    max-width:500px;
	padding:0px;
	position:absolute;
	background:#ffffff;
	z-index:99;
	border-radius:10px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}

#popup_title {
	color:#000000;
	background:#f7a600;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:10px 20px 10px 20px;
	font-weight:400;
}

#popup_content {
	width:100%;
	padding:20px 20px 0px 20px;
}

#popup_content li {
	padding-bottom:10px;
}

#popup_button_container {
	text-align:center;
}


#popup_close_button {
	width:100%;
}

#popup_button_container {
	margin-top:30px;
}


#popup_button_container a {
	text-align:center;
	background:#014489;;
	margin:auto;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding:8px 20px 10px 20px;
	text-decoration:none;
	display:block;
	color:#ffffff;
}

#popup_button_container a:hover {
	background-color:#085aaf;
}


.zwei_buttons a#popup_button_left {
	width:49.7%;
	float:left;
	border-bottom-right-radius:0px;
	border-right:1px solid #ffffff;
	padding-left:0px;
	padding-right:0px;
}
.zwei_buttons a#popup_button_right {
	width:49.7%;
	float:right;
	border-bottom-left-radius:0px;
	border-left:1px solid #ffffff;
	padding-left:0px;
	padding-right:0px;	
}

.drei_buttons a#popup_button_left {
	width:33%;
	float:left;
	border-bottom-right-radius:0px;
}
.drei_buttons a#popup_button_center {
	width:34%;
	float:left;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-right:3px solid #ffffff;
	border-left:3px solid #ffffff
	
}
.drei_buttons a#popup_button_right {
	width:33%;
	float:right;
	border-bottom-left-radius:0px;
}


.ok_meldung {
    text-align:center;
    padding:10vmin;
}


.preis_bereiche_container {
    padding:0em 0 2em 0;
}