@media screen and (max-width: 720px) { h1 { font-size: 2.4em; } h2 { font-size: 0.9em; } h3 { font-size: 0.8em; } h4 { font-size: 0.8em; } h5 { font-size: 0.8em; } #car-div img { width: 90%; }
 #car-div-golf img { width: 90%; }  .autosgolf img { width: 90%; } blockquote, p, td, li { font-size: 0.8em; }  #nav { font-size: 0.8em; } }
 
@media screen and (min-width: 721px) { h1 { font-size: 2.6em; } h2 { font-size: 1.2em; } h3 { font-size: 1.2em; } h4 { font-size: 1.2em; } h5 { font-size: 1.2em; } #car-div img { width: 60%; }
 #car-div-golf img { width: 80%; }  .autosgolf img { width: 80%; } blockquote, p, td, li { font-size: 1em; }  #nav { font-size: 1.2em; } }

@media screen and (max-device-width: 720px) { #vibelflash { display: none; } }

h2, h3 { text-align: center; }
blockquote, p { margin-bottom: 1em; line-height: 1.5em; }

#flaggens { position: relative; text-align: center;  z-index: 4; }

#flaggen { border: none; text-align: center; letter-spacing: 1em; }
#flaggen img { width: 2.125em; height: 1.563em; border: none; margin-top: 0.625em; }
#google_translate_element { text-align: center; overflow: hidden; }
.nawie h2 { color: #247eb7; }
.werbung { text-align: center; }
.werbungszwo { text-align: center; width: 70%; height: 100%; }
.newbee { font-size: 130%; text-align: center; font-family: 'comic sans', serif, arial, verdana; color: #FF3300; }

#start { width: 65%; display: block; margin-left: auto; margin-right: auto; }
.andere { width: 85%; display: block; margin-left: auto; margin-right: auto; }
.mehr { width: 65%; display: block; margin-left: auto; margin-right: auto; }

#topper img { width: 100px; border: none;  }

.video-con { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-con iframe,
.video-con object,
.video-con embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

#car-div { padding-left: 1.25em; padding-right: 1.25em; text-align: center; }
#car-div p { font-size: 100%; text-align: center; }
#car-div i { color: #3657cf; }
.car-tab { width: 100%; }
.autolinks { width: 20%; }
.autolinks img { width: 100%; border: none; }
.typ { width: 20%; }
.eins { text-align: center; width: 19%; }
.zwei { text-align: center; width: 19%; }
.drei { text-align: center; width: 19%; }

.flug { width: 40%; }
#flieger img { width: 9em; float: left; margin-right: 0.8em; border-style: solid; border-width: 0.1em; }
#flieger img:hover { border-style: solid; border-width: 0.2em; }
.flug img { width: 40%; border-style: solid; border-width: 0.1em; }
.fliegen { width: 80%; text-align: left; }

#kontakte { font-size: 100%; color: #000000; }

.preisem { width: 100%; }
.preisem img { width: 10em; float: left; padding-right: 1em; }
.private { text-align: left; width: 10em; }
hr { clear: both; visibility: hidden; }

#gaesteb img { width: 10em; float: left; padding-right: 1em; }
#gaesteb h2 { font-size: 160%; }
#gaesteb h3 { font-size: 130%; }

.pentli { width: 12em; float: left; padding-right: 0.5em; }
.pentre { width: 12em; float: right; padding-left: 0.5em; }

.doppelt { width: 49%; }

#poster { width: 98%; }

#emf_advertisement { color: #000000; }

.preise { width: 100%; }
.appleft { width: auto; text-align: center; }
.appright { width: auto; text-align: center; }
.preiserecht { width: auto; text-align: center; }

#vibelflash { text-align: center; }
#vibelflashwh { width: 29.125em; height: 12.875em; }

html, body, div, span, iframe, h1, h2, h3, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, small, strong, sub, sup, b, u, i, center, dl, dt, 
dd, ol, ul, li, header, menu, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: 'comic sans', serif, arial, verdana; }

html { overflow-y: scroll; font-family: 'comic sans', serif, arial, verdana; }

body { margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 100%; background-position: 100% 100%; background-attachment: fixed;
       color: #333; color: #000000; font-style: italic; font-weight: bold;
       background-image: url(https://www.aquaris.biz/images/Banners/teppich082old.gif); }
a { text-decoration: none; color: #247eb7; }
a:hover { text-decoration: underline; color: #206fa1; }

.page-titel { color: #fff; text-align: center; padding: 1% 5% 7%; margin-bottom: -1.5em; letter-spacing: -.05em; }

[role="navigation"] a,
[role="navigation"] a:hover { color: #fff; }

.container { width: 100%; overflow: hidden; }

[role="main"]:before,
[role="main"]:after { content: " "; position: absolute;	z-index: -1; top: 0; left: -100%; width: 100%; height: 100%;
	              background: rgba(0,0,0,.3) url(https://www.aquaris.biz/images/PF/Algarve_Palme.png) no-repeat 0.1em bottom; background-attachment: fixed; }
[role="navigation"],
[role="main"] { -webkit-transition: .2s all ease; -moz-transition: .2s all ease; -o-transition: .2s all ease; -ms-transition: .2s all ease;
	         transition: .2s all ease; width: 90%; padding: 5%; display: block; position: relative; }
.js [role="navigation"] { margin-left: -100%; float: left; padding-bottom: 25em; z-index: 2; }
.js [role="main"] { margin-left: 0; background: #cccccc; box-shadow: 0 0 25px rgba(0,0,0,.9); float: left; z-index: 1; position: relative; }
.active-nav [role="navigation"] { margin-left: 0; width: 80%; }
.active-nav [role="main"]{ margin-right: -100%; }
.active-sidebar [role="navigation"] { margin-left: -200%; }
.active-sidebar [role="main"] {	margin-left: -90%; }
.active-nav [role="main"] { -webkit-transition: .1s all ease; -moz-transition: .1s all ease; -o-transition: .1s all ease; -ms-transition: .1s all ease;
	                     transition: .1s all ease; }

.off-canvas-navigation { width: 100%; overflow: hidden;	display: block;	color: #fff; }
.off-canvas-navigation ul li { width: 20%; display: block; float: left; }
.off-canvas-navigation ul li.sidebar-item { float: right; }
.menu-button,
.sidebar-button { padding: 1em 20%; font-size: 14px; display: block; background: #333;	background: rgba(0,0,0,.3); color: #fff; border-top-right-radius: 1em;
	          box-shadow: inset 0 20px 20px rgba(255,255,255,.1); }
.menu-button.active-button,
.sidebar-button.active-button { }
a.menu-button:hover,
a.sidebar-button:hover { text-decoration: none;	background: rgba(0,0,0,.35); color: #ddd; }
.sidebar-button { text-align: right; border-top-left-radius: 1em; border-top-right-radius: 0; background: rgba(0,0,0,.15); }

[role="navigation"] li { list-style: none; font-size: 18px; margin-bottom: .5em; }
[role="navigation"] li a { display: block; background: rgba(0,0,0,.5); padding: .8em; border-radius: 4px; }
[role="navigation"] li a:hover,
[role="navigation"] li a:active,
[role="navigation"] li a:focus { background: rgba(0,0,0,.8); text-decoration: none; }
[role="navigation"] li.current a { background: rgba(0,0,0,.8); color: #fff; }
[role="main"] h1 { text-align: center; }

aside li { list-style: none; margin: 0;	display: block; }
aside li a { margin: 0;	padding: .5em 0; display: block; border-bottom: 1px solid rgba(255,255,255,.2); }

@media all and (min-width: 800px) { pre { margin: 0 0 0 10% }
body { margin-top: 0; box-shadow: inset 0 0 3em rgba(255,255,255,.3); }
.page-title { text-align: right; margin-bottom: -1.1em; padding: 1% 0 0 30%;}
.off-canvas-navigation ul li { float: right; width: 20%; }
.menu-button { display: none; }
.sidebar-button { border: none;	}
.js [role="navigation"] { width: 20%; margin-left: 0; }
.js [role="main"] { width: 80%; float: left; }
.active-sidebar [role="navigation"] { margin-left: -100%; }
.active-sidebar [role="main"] { margin-left: 0;	width: 60%; }
[role="main"] h1 { text-align: center; } }

@media all and (min-width: 900px) {
.page-title { text-align: right; margin-bottom: -.35em; padding: 0; }
.container { max-width: 1140px;	margin: 0 auto;	}
.off-canvas-navigation { display: none;	}
.js [role="navigation"] { width: 19%; margin-left: 0; float: left; padding: 3%;	}
.js [role="main"] { width: 68.3%; padding: 3%; }
[role="main"] h1 { text-align: center; } }


.centern { text-align: center; }

#angebot img { display: block; margin-left: auto; margin-right: auto; }
.autop img { width: 16%; float: left; margin-right: 0.5em; border-style: solid;  border-width: 2px; }
#helen img { display: inline; margin-left: auto; margin-right: auto; margin: auto; }

#karte { color: #000000; }
#karte:hover { text-decoration: underline; color: #000000; }

.saposmail { width: 99%; }

#arrow { border: none; width: 52px; height: 72px; }

#allin  { background-color: #cccccc; width: 100%; max-width: 62.125em; }
#navi { position: fixed; text-align: center; width: 9.6em; border: none; height: 100em; background-color: #cccccc; }
#topper { width: auto; text-align: center; border: none; background-color: #cccccc; }

#angebot { float: right; background-color: #cccccc; max-width: 51em; border-style: solid; border-right: none;
           border-top: none; border-bottom: none; border-left-width: 0.125em; border-color: #666699; }
.autop { position: absolute; font-size: 95%; left: 154px; background-color: #cccccc; max-width: 802px; border-style: solid; border-right: none;
         border-top: none; border-bottom: none; border-left-width: 2px; border-color: #666699; padding-left: 20px; padding-right: 20px; }
#helen { position: absolute; font-size: 95%; left: 154px; background-color: #cccccc; max-width: 802px; border-style: solid; border-right: none;
         border-top: none; border-bottom: none; border-left-width: 2px; border-color: #666699; padding-left: 20px; padding-right: 20px; }         
#gugel { text-align: center; }

.links { text-align: left; width: auto; }
.mitte { text-align: right; width: auto; }
.rechts { text-align: right; width: auto; }
.pro { text-align: right; width: auto; }
.kinder { text-align: left; width: auto; }
.unten-mitte { text-align: left; width: auto; }

#allet { background-color: #cccccc; position: absolute; width: 100%; max-width: 63em; }
#test1 { background-color: #cccccc; position: fixed; width: 9.375em; height: 100em; text-align: left; font-size: 2em; padding-left: 0.2em; }
#test3 { background-color: #cccccc; position: fixed; width: 9.375em; height: 100em; text-align: left; font-size: 2em; padding-left: 0.2em; }
#test2 { background-color: #cccccc; position: absolute; right:0; width: 52.5em; max-width: 82.5%; float: right; border-style: solid; border-right: none; border-top: none; border-bottom: none; border-left-width: 0.125em; border-color: #666699; }