@charset "utf-8";
/* CSS Document */

@import url("fontawesome-all.min.css");

body{margin:30px 0 20px 0;margin:0;padding:0;color:#444;background-color:#fafafa;font-family:Calibri,Arial,sans-serif}
a{text-decoration:none;color:#2484ac}
a:visited{text-decoration:none;color:#2484ac}
a:hover{text-decoration:none;color:#2484ac}
a:active{text-decoration:none;color:#2484ac}
h1 {font-size:32px;font-weight:bold;color:#1d6889;line-height:120%}
h2 {font-size:24px;font-weight:bold;color:#2484ac;line-height:120%;margin-bottom:5px}
#main_content{clear:both;width:60%;margin:0px auto 25px auto;line-height:140%;font-size:16px}
#main_content img{max-width:100%}
#main_content li {padding-bottom:8px}
#ad p {margin:0;font-size:10px;color:#ddd;text-align:right}
figure {text-align:center;background-color:#f2f2f2;padding:5px 5px 0 5px}
figcaption {font-size:12px;color:#777;display: inline-block;text-align:left}
footer{width:60%;margin:0 auto;text-align:center;line-height:140%;font-size:16px}
.header {margin:0 auto 20px auto;padding:10px 0;background-color:#fff;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);width:100%;z-index:3;}
.header ul {margin:0;padding:0;list-style:none;overflow:hidden;background-color:#fff;}
.header li a {display:block;padding:8px 12px;border-right: 1px solid #f9f9f9;text-decoration:none;}
.header li a:hover,.header .menu-btn:hover {background-color:#f9f9f9;}
.header .logo {margin:10px 0 15px 10px}
.header .logo img {max-width:70%}
.header .menu {padding-top:15px;max-height: 0;transition: max-height .2s ease-out;}
.header .menu-icon {cursor:pointer;display:inline-block;float: right;padding: 28px 20px;position: relative;user-select: none;}
.header .menu-icon .navicon {margin-top:30px;background:#333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 20px;}
.header .menu-icon .navicon:before,.header .menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.header .menu-icon .navicon:before {top: 5px;}
.header .menu-icon .navicon:after {top: -5px;}
.header .menu-btn {display: none;}
.header .menu-btn:checked ~ .menu {max-height: 240px;}
.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

.button {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background: #0daebd;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 800;
    outline: 0;
    border: 0;
    cursor: pointer;
    font-size: 1.35em;
    padding: 0.6em 1.5em;
}

.button:hover {
			background: #0FCAD9;
			color: #fff
		}

.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon > .label {
			display: none;
		}

.icon:before {
			position: relative;
			margin-right: 0.5em;
			top: 0.05em;
		}

.accom {width:100%}
.acctop {height:95px;text-align:left;background-image: url("https://www.ferienwohnung-timmendorf.de/timmendorfer-strand_bg.jpg"); background-color: #e5e9ed; font-size:22px;font-weight:800;color:#fff;text-shadow: 2px 1px 1px #444}
.acctop span {font-size:15px}
.acctop p {width:90%;padding:35px 0 5px 10px}
.listing {background-color:#e5e9ed;padding:5px 5px 2px 5px}
.listing a {display:block}
.listing .accrow {background-color:#fff;padding:1px 1px 1px 3px;margin:3px 0;font-size:15px;color:#003580}
.disclaim {text-align:right;margin-bottom:0;font-size:12px;color:#aaa}

@media (min-width: 736px) {
  .header {width:60%}
  .header .logo img {max-width:30%}
  .header li {float: left;}
  .header li a {padding: 8px 12px;}
  .header .menu {max-height: none;}
  .header .menu-icon {display: none;}
}
@media only screen and (min-width:0px) and (max-width:736px){
	h1 {font-size:28px}
	h2 {font-size:22px}
	#main_content{width:92%;margin:0px auto 25px auto;line-height:140%;text-align:left}
	footer{width:92%}
	.acctop {font-size:18px}
		.acctop p {padding:25px 0 5px 10px}
		.acctop span {font-size:15px}
	.cc_dialog{right:0!important;bottom:0!important;max-width:100%!important;padding:1.5rem!important}
	.cc_dialog .cc_dialog_headline{font-size:16px!important;color:#555!important}
	.cc_dialog .cc_dialog_text{font-size:14px!important}
	.cc_dialog button{display:block;width:100%;margin-bottom:7px!important;text-align:center;font-weight:700;font-size:12px!important}
	.cc_dialog button.cc_b_ok{font-size:14px!important;margin-left:.25rem!important}
	}