header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* Alt
@font-face {
    font-family: 'nevisbold';
    src: url('../../files/bootsverleih_rappl/css/font/nevis-webfont.eot');
    src: url('../../files/bootsverleih_rappl/css/font/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/bootsverleih_rappl/css/font/nevis-webfont.woff2') format('woff2'),
         url('../../files/bootsverleih_rappl/css/font/nevis-webfont.woff') format('woff'),
         url('../../files/bootsverleih_rappl/css/font/nevis-webfont.ttf') format('truetype'),
         url('../../files/bootsverleih_rappl/css/font/nevis-webfont.svg#webfontbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/

@font-face {
    font-family: 'nevisbold';
    src: url('../../files/bootsverleih_rappl/css/font/nevis-bold-mit-umlauten-webfont.woff2') format('woff2'),
         url('../../files/bootsverleih_rappl/css/font/nevis-bold-mit-umlauten-webfont.woff') format('woff'),
         url('../../files/bootsverleih_rappl/css/font/nevis-bold-mit-umlauten-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Make the wrapping container 960 pixel wide
 */
#wrapper {
	width: 99.99996%;
	margin:0 auto;
}

@media (max-width: 1024px) {
#wrapper {
	width: 99.99996%;
	max-width:960px;
	margin:0 auto;
}
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"], .col-3 {
	float:left;
	margin-left:1%;
	margin-right:1%;
	display:inline;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:1%;
	margin-right:1%;
}

.mod_article .grid13 {
	margin-left:0%;
	margin-right:0%;
}


/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}
.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>* {
	margin-left:1%;
	margin-right:1%;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,.mod_article.grid13 {
	margin-left:0;
	margin-right:0;
}

/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#main .inside {
	overflow:hidden;
}

/**
 * Grid column widths
 */
.grid1  { width:6.33333%;  }
.grid2  { width:14.66666%; }
.grid3  { width:22.99999%; }
.col-3  { width:22.99999%; }
.grid4  { width:31.33332%; }
.grid5  { width:39.66665%; }
.grid6  { width:47.99998%; }
.grid7  { width:56.33331%; }
.grid8  { width:64.66664%; }
.grid9  { width:72.99997%; }
.grid10 { width:81.3333%; }
.grid11 { width:89.66663%; }
.grid12 { width:97.99996%; }
.grid13 { width:99.99996%; margin-left:0; margin-right:0; }
		
		
		
/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:8.33333%;  }
.mod_article.grid2  { width:16.66666%; }
.mod_article.grid3  { width:24.99999; }
.mod_article.col-3  { width:24.99999; }
.mod_article.grid4  { width:33.33332; }
.mod_article.grid5  { width:41.66665%; }
.mod_article.grid6  { width:49.99998%; }
.mod_article.grid7  { width:58.33331%; }
.mod_article.grid8  { width:66.66664%; }
.mod_article.grid9  { width:74.99997%; }
.mod_article.grid10 { width:83.3333%; }
.mod_article.grid11 { width:91.66663%; }
.mod_article.grid12 { width:99.99996%; }


/**
 * Default offset widths
 */
.offset1  { margin-left:7.41666666667%  !important; }
.offset2  { margin-left:15.8333333333% !important; }
.offset3  { margin-left:24.25% !important; }
.offset4  { margin-left:32.6666666667% !important; }
.offset5  { margin-left:41.0833333333% !important; }
.offset6  { margin-left:49.5% !important; }
.offset7  { margin-left:57.9166666667% !important; }
.offset8  { margin-left:66.3333333333% !important; }
.offset9  { margin-left:74.75% !important; }
.offset10 { margin-left:83.1666666667% !important; }
.offset11 { margin-left:91.5833333333% !important; }
.offset12 { margin-left:99% !important; }
.offset13 { margin-left:99% !important; }
/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)

@media (min-width:768px) and (max-width:979px)
{}

 */
 
/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
	/**
	 * Remove the overall width
	 */
	#wrapper {
		width:auto;
	}
	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	*[class*="offset"] {
		margin-left:10px !important;
	}
	
	/**
    * Set the default margin of the grid columns
    */
    *[class*="grid"] {
	margin-left:3%;
	margin-right:3%;
    }	
    

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:3%;
	margin-right:3%;
}

.mod_article .col-3 {
	margin-left: 1%;
    margin-right: 1%;
    box-sizing: border-box;
   }


}

html {
    overflow-y: scroll;
    overflow-x: auto;
}
html,
body {
    height:100%;
}
body {
    width:100%;
    margin:0;
    padding:0;
    background: #003159;
    /*
    background: url(../../files/bootsverleih_rappl/bilder/bg_main.jpg) top center repeat-y;
    background-size: 100% auto;
    */
    -webkit-font-smoothing: antialiased;
}

html {
    font-size:100.0%;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin:0;
    padding:0;
}
body {
    margin:0;
    padding:0;
    font-size:100%;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	color:#16334a;
	line-height: 1.5;
	
}
a,
body,
div,
em,
input,
label,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul {
	font-family: 'Arimo', sans-serif;
	font-weight:400;
}

strong {
	font-family: 'Arimo', sans-serif;
	font-weight:600;
}

body,
div,
input,
label,
li,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
    font-size:16px;
}

/* Mobile oder Desktop Navigation */
    
.showOnMobile {
	display:none!important;
}

.showOnDesktop {
	display:block!important;
}


@media (max-width: 1024px) {
body,
div,
input,
label,
li,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
    font-size:14px;
}
}

@media (max-width: 767px) {
	
body,
div,
input,
label,
li,
ol,
p,
select,
td,
th,
textarea,
u,
ul {
	font-size:100%;
}

#header h1 {

	font-size:18px;
}

/* Mobile oder Desktop Navigation */
 
.showOnMobile {
	display:block!important;
}

.showOnDesktop {
	display:none!important;
}

.linkWeiss p {
    background: #b9cdd7;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    color: #16334a!important;
    
    border-radius: 6px;
}

.linkWeiss p a {
    color: #16334a!important;
}




}




li {
    list-style-type:none;
}
h1 {
    margin:15px 0 12px;
    padding:0;
    font-family:nevisbold, Arial;
    font-size:28px;
    line-height:1.3;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
	color: #003159;
}

#header h1 {

	padding-left:30px;
	color: #fff;
}

/*
#main h1 {
    margin:0 0 6px;
    padding:0;
    font-size:25px;
    line-height:1.3;
    font-weight:normal;
    color:#d20c12;
}

*/

h2 {
    margin:0 0 12px;
    padding:0;
	font-family: 'Arimo', sans-serif;
	font-weight:600;
    font-size:18px;
    line-height:1.3;
	color: #003159;
}

h3 {
    margin:0 0 12px;
    padding:0;
	font-family: 'Arimo', sans-serif;
	font-weight:600;
    font-size:18px;
    font-style:italic;
    line-height:1.3;
	color: #003159;	
/*	
    margin:15px 0 12px;
    padding:0;
    font-family:dejavu_sanscondensed_bold;
    font-size:18px;
    line-height:1.3;
    font-weight:normal;
	color: #273583;
	*/
}


.breaking_news h2 {
    margin:0 0 12px;
}
a {
    text-decoration:none;
    color:#b0301e /* #aa9849; */
}
#main a {
    text-decoration:none;
    color:#b0301e;
}
#main a:hover {
    text-decoration:underline;
    color:#b0301e;
}
a:hover {
    text-decoration:underline;
    color:#b0301e;
}
a:active,
a:focus {
    outline: none;
    -moz-outline-style: none;
}

.linkWeiss p {
    padding: 8px 20px!important;
}

.linkWeiss a {
    text-decoration:underline!important;
    color:#fff!important;
	white-space: nowrap!important;
}

.linkWeiss a:hover {
    text-decoration:underline!important;
    color:#dfc2c2!important;
}


.linkWeiss span {
	white-space: nowrap;
	
}

img {
    vertical-align:middle;
    border:0px;
}
p,
pre,
form,
figure {
    margin:0;
    padding:0;
}
hr {
    height:1px;
    background-color:#e5e1dd;
    /* Farbe für Opera und Firefox */ color: #e5e1dd;
    /* Farbe für Internet Explorer (IE) */ border: 0;
}


/* Button Cookie-Einstellungen ändern */
.mod_cookiebarOpener a {
	/*
  position: fixed;
  bottom: 0px;
  left: 30px;
  z-index: 1000000002;
  */
  display: block;
  font-size: 14px;
  border: none;
  outline: none;
  background: #15819f;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 6px  6px 0 0; 
}

/* Top Link Button */

#topLinkButton {
  display: none;
  position: fixed;
  bottom: 150px;
  right: 30px;
  z-index: 1000000002;
  width: 40px;
  height: 40px;
  font-size: 31px;
  border: none;
  outline: none;
  background: #0096d9 url(../../files/bootsverleih_rappl/bilder/mwk-arrow-top.svg) no-repeat center 50%;
  color: white;
  cursor: pointer;
  padding: 0px;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  opacity: 0.28;
}

#topLinkButton em {
  display: none;
}

#topLinkButton:hover {
  opacity: 1;
}

@media (max-width: 767px) {
	
#topLinkButton {
  bottom:30px;
  right: 30px;
}
}

/**
 * cookiebar extension for Contao Open Source CMS
 *
 * Copyright (C) 2011-2015 Codefog
 *
 * @package cookiebar
 * @author  Codefog <http://codefog.pl>
 * @author  Kamil Kuzminski <kamil.kuzminski@codefog.pl>
 * @license LGPL
 */

#cookiebar {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: #282828;
	padding: 12px 16px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 2;
    z-index: 10;
}

#cookiebar.top {
	top: 0;
}

#cookiebar.bottom {
	bottom: 0;
}

#cookiebar span {
	margin-right: 1em;
	color:#FFF;
}

.cookiebar__message {
	color:#FFF;
}

#cookiebar button {
	height: 32px;
	padding: 0 12px;
	border: none;
	background-color: #4ea55e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	line-height: 32px;
	-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

.cookiebar {
	background-color: #282828;
}


.cookiebar__button {
    background-color: #23778d;
}

.cookiebar__button:hover {
    background-color: #219bbb;
}

#cookiebar a {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;	
	margin-left: 1em;
	color: #ffffff;
	text-decoration: underline;
}

#cookiebar a:hover {
	text-decoration: none;
}

@media (max-width: 767px){

#cookiebar {
	padding: 12px 16px 60px;
}

.cookiebar__link {
    display:block;
    margin:5px 0 20px;
}

.cookiebar__message {
	margin:0;
}

}
.image_container .caption { 
	background:#eae9e7;
	height:36px; 
	border-bottom:1px solid #d6d4d0;
	padding:17px 15px 0 15px;
	margin-top:0px;
	color: #33425f;
    font-size: 22px;
}

.positionrelative { 
	position:relative;
}

.norden .image_container { 
	position:absolute;
	right:20px;
	top:220px;
	z-index:1000000000;
}


.image_container, .textKasten { 
	margin-bottom:0px;

}

.powerpol .textKasten { 
	margin-bottom:5px;

}

.textmitbildKasten .image_container, .noBottomMargin .image_container { 
	margin-bottom:0;
}

.noBottomMargin, .noBottomMargin .image_container { 
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

.textKasten h1, .toggler { 
	min-height:26px; 
	border-bottom:1px solid #d6d4d0;
	padding:10px 15px 10px 15px;
	margin-top:0px;
	font-family: dejavu_sanscondensed_bold;
    font-size: 24px;
    font-weight: normal;
}

.textKasten h1 { 
	border-bottom:0px solid #d6d4d0;
}


 .toggler {
    background: #e3e4ed  url('../../files/bootsverleih_rappl/bilder/aufklapppfeil.png') 98% 50% no-repeat;
    cursor:pointer;
    padding-right:50px;
    padding-bottom:10px;
    border-radius: 4px;
}

 .toggler:hover, .ui-state-active {
    background: #e3e4ed  url('../../files/bootsverleih_rappl/bilder/aufklapppfeil_hover.png') 98% 50% no-repeat;
      -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
 }

.accordion div { 
	padding:15px;
	margin-top:0px;
    border-left:0px solid #eae9e7;
    border-right:0px solid #eae9e7;
    border-bottom:0px solid #eae9e7;
}

.accordion .ce_text  { 
	padding:10px 0;
    border:0px;
}

.textKasten p { 
	padding:15px;
	margin-top:0px;
    border-left:0px solid #eae9e7;
    border-right:0px solid #eae9e7;
    border-bottom:0px solid #eae9e7;
}

.obKasten h2 { 
	padding:15px 15px 0;
	margin-top:0px;
}

.obKasten p { 
	padding:0 15px 15px;
	margin-top:0px;
}

.obKasten { 
	background: #e3e4ed;
	color:#fff;
	margin-top:0px;
    border-left:0px solid #eae9e7;
    border-right:0px solid #eae9e7;
    border-bottom:1px solid #eae9e7;
    margin-bottom: 35px;
    -webkit-border-radius: 4px;
border-radius: 4px;
width:90%;
	
}

.obKasten ul { 
	width:70%;
	padding:0px;
	color:#fff;
	margin-left:13%;
	list-style-image: url('../../files/bootsverleih_rappl/layout_bilder/haken.png');
	margin-top:30px;
	margin-bottom:25px;
}

 .obSpan { 
	width:80%;
	padding:0px;
	color:#fff;
	margin-right:7%;
	margin-top:2px;
	margin-bottom:25px;
	float:right;
	text-align:right;
}

#main .obSpan a { 
	width:100%;
	color:#fff;
}
.obKasten ul li { 
	color:#fff;
}


.obButton { 
    background:  url('../../files/bootsverleih_rappl/layout_bilder/obBackground.png') repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    border-style: solid;
    border: 0px;
    font-size: 18px;
    margin: 0px 0;
    padding: 5px 15px;
	width:60%;
}

.Kasten1 { 
    background:  url('../../files/bootsverleih_rappl/bilder/bg-preise.png') repeat scroll center center;
    background-size:1200px 375px;
    display: block;
    color: #fff;
    border-radius: 6px;
    outline: 4px double #4f7580;
	outline-offset: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 45px 0;
    width: 94%;
    box-sizing: border-box;
    clear: both;
    -webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
}
/*
.Kasten1:hover { 
    background-size:1300px 406px;
}

*/
.Kasten1 p { 
    color: #fff;
}

#bgvollehoehe { 
	background:#eae9e7;
	border-right:0px solid #d6d4d0;
margin-left:2%;
margin-right:2%;
	margin-bottom:30px;
	position:relative;
}

.textmitbildKasten{ 
	background:#eae9e7;
	border-right:0px solid #d6d4d0;
}
.textmitbildKasten .bildlinks{ 
	width:48%;
	float:left;
	margin-right:2%;
}

.textmitbildKasten img{ 
	width:98%;
}

.textmitbildKasten .image_container { 
	margin-bottom:0;
}


.textmitbildKasten h1 { 
	padding:8px 15px 0 15px;
	margin-top:10px;
	color: #33425f;
    font-size: 22px;
}

.textmitbildKasten p { 
	padding:15px;
	margin-top:0px;
}


.textmitbildKasten ul {
    color: #333;
    list-style-type:disc;
    list-style-position:outside;
    margin-bottom: 25px;
    margin-left: 5%;
    margin-top: 5px;
    padding: 0;
    width: 90%;
}

.textmitbildKasten ul li {
    list-style-type:disc;
    color: #333;
    font-size:14px;
    font-style:italic;
}

 .brechts { 
 	float:left;
	margin:0;
	padding:0;
	border-right:0px solid #d6d4d0;
	height:100% !important;
}

 .trechts {
 	float:right;
	width:50%;
    margin:0;
	padding:0;
}
	
.linkbox { 
	display:block;
	cursor: hand; cursor: pointer; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease-out;
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*   IE8 */
  filter: alpha(opacity=100);	
    text-decoration: none;
	}

.linkbox a:hover {
  text-decoration:none !important;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  filter: alpha(opacity=50); 
  -webkit-filter: blur(5px); 
}

.linkbox_parken {
  background:url('../../files/bootsverleih_rappl/layout_bilder/feld4_startseite.jpg');
  background-repeat:no-repeat;
background-position:center 0px;
-o-background-size: 100% auto, auto;
-moz-background-size: 100% auto, auto;
-webkit-background-size: 100% auto, auto;
background-size: 100% auto, auto;
}

.linkbox_parken img:hover {
  text-decoration:none !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  filter: alpha(opacity=50); 
  -webkit-filter: blur(5px);
}



.bbuchen  {  
	width:31px;
	height:29px;
	background: #eae9e7 url('../../files/bootsverleih_rappl/layout_bilder/buchen.png') center center no-repeat;
    cursor:pointer;
    padding:5px;
    display:block;
    float:right;
    z-index:100000;
}

.bbuchen:hover  {  
	background: #eae9e7 url('../../files/bootsverleih_rappl/layout_bilder/buchen_hover.png') center center no-repeat;
    cursor:pointer;
    padding:5px;
}

.llink  {  
	width:31px;
	height:29px;
	background: #eae9e7 url('../../files/bootsverleih_rappl/layout_bilder/link.png') center center no-repeat;
    cursor:pointer;
    padding:5px;
    display:block;
    float:right;
    z-index:100000;
}

.llink:hover  {  
	background: #eae9e7 url('../../files/bootsverleih_rappl/layout_bilder/link_hover.png') center center no-repeat;
    cursor:pointer;
    padding:5px;
}

.positionKontakt {  
width:40px;
position:absolute;
bottom:3%;
right:1.3%;
}


.positionKontaktLinks {  
width:40px;
position:absolute;
bottom:3%;
left:1.3%;
}

.cclear { 
clear:both;

}

.tpreise table,.tpreise tbody  {
	width:99.99%;
    border-spacing: 5px;
    border-collapse:separate;
}

td.tzeit {
	padding:1%;
	width:73%;
	background:#e3e4ed url('../../files/bootsverleih_rappl/layout_bilder/preispfeil.png')  right center no-repeat;
    border-collapse:separate;
    vertical-align: middle;
    -webkit-border-radius: 4px;
border-radius: 4px;
}

td.tpreis {
	padding:1%;
	width:22%;
	text-align:center;
    border-collapse:separate;
    vertical-align: middle;
    border:#d4d5df 1px solid;
-webkit-border-radius: 4px;
border-radius: 4px;
	
}

.llKasten ul { 
	width:95%;
	padding:0px;
	margin-left:5%;
	list-style-type:square;
	margin-top:5px;
	margin-bottom:5px;
}

.llKasten ul li { 
	list-style-type:square;
}
/*
.dlh_googlemap {
	border-radius:0;
	-webkit-box-shadow:inset 0 3px 3px 3px rgba(100,100,100,0.5);
box-shadow:inset 0 3px 3px 3px rgba(100,100,100,0.5);
}
*/
.ce_dlh_googlemaps {
	-webkit-box-shadow:inset 0 3px 3px 3px rgba(100,100,100,0.5);
box-shadow:inset 0 3px 3px 3px rgba(100,100,100,0.5);
}

.balkenrot { 
	background:#870e11;
	color:#fff;
	text-align:center;
	border-top:5px solid #b9cdd7;
	margin:0 1% 0 1%;
}

.balkenrot p { 
	padding:8px 0;
	color:#fff;
}

.brechts { 
	width:25%;
	float:right;
	display:block;
	text-align:right;
}

.bmitte { 
	width:47.99998%;
	float:left;
	display:block;
	text-align:center;
}

.blinks { 
	width:25%;
	float:left;
	display:block;
	text-align:left;
}

.blinks, .brechts, .bmitte, .image_container_ampel .ce_html { 
	margin-left:0px !important;
	margin-right:0px !important;
}

.image_container_ampel{ 
	width:253px;
	height:40px;
	background: url('../../files/bootsverleih_rappl/bilder/ampel-geschlossen.png')  left top no-repeat;

}


.ampel_closed { 
	position:absolute;
	left:1%;
	top:5px;
}

.ampel_closed .image_container { 
	z-index:10000;

}


.topGrafik { 
/*	width:100%; */
	height:auto;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

.flexBoxed { 
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}


.bildRund img { 
	border-radius:50%;
}

.bildRund .image_container { 
/*	width:30%; */
	margin-right:8%;
}

.zitatText { 

}

.zitatText p { 
	display: block;
	margin:20px;
	font-family: 'Amaranth', serif;
	font-weight:400;
	font-style:italic;
	font-size:28px;
	line-height:34px;
	color:#7e889b;
}

.zuckerl{ 
	background:#fff;
	padding:0;
	border:1px solid #4f7580;
	border-radius:5px;
}

.zuckerl h2 { 
	padding:8px 12px 0;
}

.zuckerl p { 
	padding:0 12px 8px;
}



.hoverLinkEffect1 a { 
	display: block;
	transform: scale(1);
	transition: all 200ms ease-in-out;
	opacity: 1;
}

.hoverLinkEffect1 a:hover { 
	transform: scale(1.05);
	transition: all 200ms ease-in-out;
	opacity: 0.8;
}




@media (max-width: 767px) {
	.textmitbildKasten .bildlinks, .trechts { 
	width:100%;
	float:none;
}

.positionKontakt, .positionKontaktLinks {  
position:relative;
margin:1% 2% 3% 2%;
width:93.9999%;
text-align:center;
height:35px;
}

.bbuchen, .llink  {  
    float:none;
    z-index:100000;
    margin-left:auto;
    margin-right:auto;
}

.tpreise, .tpreise table,.tpreise tbody  {
	padding-left:0;
	padding-right:0;
}		


.blinks, .brechts, .bmitte {
/*	text-align:center; */
		float:none !important;
		display:block !important;
		width:auto !important;
	}
	
.norden .image_container, .mod_mwk_back_to_top { 
	display:none;
}

.bildRund .image_container { 
	margin-right:2%;
	margin-left:2%;
	margin-bottom:30px;
}

}
/**
 * May3r Layout CSS
 *
 * Copyright (c) 20013 Christian Mayer
 *
 */
@media screen{
	
.formbody{
    font-size:21px; 
    padding:0 0.5%;
}

/** formular **/
input, select, textarea, button {
    margin:5px 0 5px 0;
    padding:12px;
    background:#f7f7f7;
    -webkit-border-radius: 2px;
   border-radius: 2px;
   border:1px solid;
   border-left-color:#bcc8cf;
   border-bottom-color:#bcc8cf;
   border-right-color:#abadb3;
   border-top-color:#abadb3;   
       font-size:21px; 
}

select  {
    width:99.9998%;
}


input, textarea {
    width:99.9998%;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}

.submit{
    width:100%;
}

textarea {
	resize:vertical;
}


.dinput{
    width:80%;
}

.widget-captcha{
    width:48.9998%;
    margin-right:2%;
    float:left;
}

.captcha input {
    margin-right:2%;
    display:inline-block;
    width:40%;
}

.CalendarFieldIcon{
    cursor:pointer;
}

.comment_default first {
    margin-left:0;
}

.comment_default .info {
    margin:0 0 10px;
    padding:0;
}
.comment_default .comment {
    margin:5px 10px 20px 0;
    padding:10px;
    background:#e3e9ef;
    -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;

}

.reply  .comment {
    background:#e9e9d7;

}

.checkbox_container {
    white-space:nowrap;
text-align:left;

}

.checkbox {
    width:4%;
}

.spts .checkbox_container span {
    float:left;
    clear:both;
}

.explanation {
    line-height:1.2em;
    padding:15px 10px;
}

.dtnschtz {
    padding:7px 8px;
}

.submit_container .submit {
    float:right;
    width:48.9998%;
}

.submit {
    border:0px;
    color:#f3f5f8;
    background:#15819f;
    cursor:pointer;
}
.submit:hover {
    background:#246475;
}



}

@media (max-width: 767px) {
	
	.submit_container .submit {
    float:none;
    width:99.9998%;
}

.widget-captcha, .captcha input {
    width:99.9998%;
    margin-right:0%;
    float:none;
}

}

.map-container iframe {
	filter: invert(90%) hue-rotate(180deg) brightness(130%);
   }

#wrapper {
    background: url(../../files/bootsverleih_rappl/bilder/bg_main.jpg) top center repeat-y;
    background-size: 100% auto;
    -webkit-font-smoothing: antialiased;
}   


/* Google Maps iframe nachladen */

.target-wrapper {
  padding: 0;
    
}

#target1, #target2, #target3 {
  background: #fff  url("../../files/bootsverleih_rappl/bilder/Karte_Chiemsee.jpg") center center; 
  background-size: cover;
  max-width: 100%;
  width: 100%;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  border-radius: 0;
}

#target1, #target2 {
  /* height: 410px; */
  aspect-ratio: 16 / 9;
}

#target3 {
  height: 520px;
}

.target-wrapper #main .inside {
  margin: 0!important; 
  padding: 0!important;
  max-width: 100vw!important;
}

.iframeWrapper {
  height: 100%; 
  width: 100%; 
  display: flex; 
  justify-content: center; 
  align-content: center; 
  flex-direction: column;
  
}

.iframeWrapper p {
  text-align:center;
  font-size: 100%;
  /* color:  #fff; $c-lampersberger--darkblue;  */
  padding: 2rem;
  box-sizing: border-box;
}

.iframeWrapper p a {
  text-decoration: underline;
  /* color: #fff; $c-lampersberger--darkblue;  */
}

.iframeWrapper p a.button {
  text-decoration: none;
  color: #fff !important;
  font-size: 105%;
  background: #579aa7;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
}

.iframeWrapper p a.button:hover {
  text-decoration: none!important;
  background: #6dbac9;
}

.iframeWrapper .primaryButton a {
  cursor: pointer;
}


.noMargin  {
  margin: 0!important; 
  padding: 0!important;
}

.norden  {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 1;
}

   
   /* alt 

.map-container iframe {
     width: 100%;
     filter: grayscale(100%);
     
   }
   
   /* alt 

.ce_dlh_googlemaps input {
	
padding: 5px;
font-size: 14px;
width: 200px;

}

.ce_dlh_googlemaps button {
	
padding: 5px;
font-size: 14px;
}

.ce_dlh_googlemaps .submit {
	width: auto;
}

*/
#mainmenu {
    margin-top:0;
    padding:0px;
    color:#f3f5f8;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    text-align: center;
    width:100%;
    border-bottom:5px solid #b9cdd7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23778d+0,27869f+50,23778d+100 */
background: #23778d; /* Old browsers */
background: -moz-linear-gradient(left,  #23778d 0%, #27869f 50%, #23778d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #23778d 0%,#27869f 50%,#23778d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #23778d 0%,#27869f 50%,#23778d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23778d', endColorstr='#23778d',GradientType=1 ); /* IE6-9 */

}
#mainmenu ul.level_1 {


    margin-left: auto;
    margin-right: auto;
    border-right:0px solid #999;
    border-left:0px solid #999;
    text-align:center;
    width:100%;    
    position: relative;
    font-size:0;
    margin-bottom: 0;
}
#mainmenu li {
display: inline-block;
    line-height:1;
    padding:0;

}
#mainmenu li.login,
#mainmenu li.register {
    float:right;
}
#mainmenu a,
#mainmenu strong.active {
    display:block;
    padding:18px 28px;
    margin:0;
    font-weight:normal;
    text-decoration:none;
    color:#003159;
    text-transform:uppercase;
    letter-spacing:.00em;
    font:20px nevisbold;
    line-height:20px;
    border-left:0;
    background: url('../../files/bootsverleih_rappl/bilder/steuerrad_links.png') right 50% no-repeat, url('../../files/bootsverleih_rappl/bilder/steuerrad_rechts.png') left 50% no-repeat;
    background-size: 12px auto;
}
#mainmenu  li:first-child a,
#mainmenu  li:first-child strong.active {
    background: url('../../files/bootsverleih_rappl/bilder/steuerrad_links.png') right 50% no-repeat;
    background-size: 12px auto;
}

#mainmenu  li:last-child a,
#mainmenu  li:last-child strong.active {
    background: url('../../files/bootsverleih_rappl/bilder/steuerrad_rechts.png') left 50% no-repeat;
    background-size: 12px auto;
}

#mainmenu a:hover,
#mainmenu strong.active,
#mainmenu a.trail {
    background-color:none;
     color:#fff;   
}

#mainmenu li:hover,
#mainmenu li.active,
#mainmenu li a.trail {
    background-color:none;
    color:#003159;      
}

#mainmenu li.login a,
#mainmenu li.login strong.active,
#mainmenu li.register a,
#mainmenu li.register span {
    border-right:0 solid #999;
    border-left:1 solid #999;
}
/*
#mainmenu .level_1 ul {
    width:160px;
    left:-999em;
    position:absolute;
    margin-bottom:0;
    background-color:#e5e1dd;
    border:1px solid #999;
}
*/
#mainmenu .level_2 ul {
    margin:0px 0 0 160px;
    position:absolute;
}
#mainmenu .level_2 li {
    float:none;
    background:none;
}
#mainmenu .level_2 a,
#mainmenu .level_2 strong.active {
    padding-top:6px;
    padding-bottom:8px;
    border-right:0;
}
#mainmenu .level_2 a.submenu,
#mainmenu .level_2 span.submenu {
    background:url(../../files/bootsverleih_rappl/css/&quot;tl_files/rounded_boxes/images/hover.gif&quot;) right center no-repeat;
}
#mainmenu li:hover .level_2,
#mainmenu .level_2 li:hover .level_3,
#mainmenu .level_3 li:hover .level_4 {
    left:auto;
}
.mod_navigationSub,
.mod_newsmenu {
    background-color:#E9E9E9;
}
.mod_navigationSub h1 {
    margin:0;
    padding:2px 0 2px 20px;
    background-color:#91BED4;
    font-size:18px;
    font-style:italic;
    color:#fff;
}
.mod_navigationSub ul,
.mod_navigationSub li,
.mod_newsmenu ul,
.mod_newsmenu li {
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_navigationSub ul {
    padding-top:10px;
    padding-bottom:10px;
}
.mod_newsmenu ul {
    padding-top:0;
    padding-bottom:0;
}
.mod_navigationSub a {
    width:180px;
    display:block;
    margin-left:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-bottom:1px dotted #A6A6A6;
}
.mod_newsmenu a {
    width:180px;
    display:block;
    margin-left:0;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-top:1px dotted #A6A6A6;
    font-weight:normal;
}
.mod_navigationSub a:hover {
    width:180px;
    display:block;
    margin-left:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil_active.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-bottom:1px dotted #A6A6A6;
    text-decoration:none;
    color:#F26101;
}
.mod_newsmenu a:hover {
    width:180px;
    display:block;
    margin-left:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-top:1px dotted #A6A6A6;
    text-decoration:none;
    color:#F26101;
}
.mod_navigationSub span,
.mod_navigationSub a.trail {
    width:180px;
    display:block;
    margin-left:30px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil_active.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-bottom:1px dotted #A6A6A6;
    font-weight:bold;
    text-decoration:none;
    color:#F26101;
}
.mod_newsmenu a:hover,
.mod_newsmenu a.trail,
.mod_newsmenu span {
    width:180px;
    display:block;
    margin-left:0;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    background-image:url("../../files/bootsverleih_rappl/css/files/fM_k0002/images/navigation_sub_pfeil_active.gif");
    background-position:left center;
    background-repeat:no-repeat;
    border-top:1px dotted #A6A6A6;
    text-decoration:none;
    color:#F26101;
}
.mod_navigationSub .last,
.mod_navigationSub a:hover.last,
.mod_navigationSub .trail.last {
    border-bottom:0px;
}

.mod_mobile_menu {
    text-align:center;
}
.mod_mobile_menu span {
    background:#33425f;
    position:fixed;
    left:0;
    top:0;
    margin:0;
    display:block;
    padding:14px 13px;
    font-weight:normal;
    text-decoration:none;
    color:#f3f5f8;
    text-transform:none;
    letter-spacing:.04em;
    font:21px questaregular;
    line-height:20px;
    border-left:0;
    z-index:1000000000;
    width:100%;
    cursor:pointer;
}

.mobile_menu {
    padding-top:40px;
    z-index:1000000000;
}

@media (max-width: 767px){
	
#mainmenu a,
#mainmenu strong.active {
    padding:18px 28px;
    font:16px nevisbold;
}

#mainmenu  .first a,
#mainmenu  .first strong.active,
#mainmenu  .last a,
#mainmenu  .last strong.active {
    background: none;
}

}

.grid12.showOnMobile {
    margin-left: 0!important;
    margin-right:  0!important;
  margin-bottom: 40px;
  }
  
.naviInAccordion  {
  background: #fff;
}
.naviInAccordion .toggler  {
  margin-top: 0;
  padding: 12px 5px 8px;
  font:21px nevisbold;
  font-weight: normal;
  text-transform: uppercase;
  color: #f3f5f8;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  border-bottom: 5px solid #b9cdd7;
  background: #23778d;
  background: linear-gradient(to right,#23778d 0%,#27869f 50%,#23778d 100%);
}
  
  
  .mod_navi_mobile {
    margin-top:0;
    padding:0px;
    background:#fff;
    color:#33425f;
    margin-left: 3%;
    margin-right: 3%;
    padding-left: 0;
    text-align: left;
    width:94%;
}
.mod_navi_mobile ul.level_1 {
padding:0;
}
.mod_navi_mobile li {
    padding:0;

}

.mod_navi_mobile a,
.mod_navi_mobile strong {
    display:block;
    padding:14px 8px;
    margin:0;
    width:100%;
    font-weight:normal;
    text-decoration:none;
    color:#33425f;
    text-transform:uppercase;
    letter-spacing:0;
    font:21px nevisbold;
    line-height:20px;
    border-bottom:1 solid #999;
}
.mod_navi_mobile  .first a,
.mod_navi_mobile  .first span {
margin-top:8px;
}
.mod_navi_mobile a:hover,
.mod_navi_mobile span,
.mod_navi_mobile a.trail {
    background-color:none;
     color:#33425f;   
}

.mod_navi_mobile li:hover,
.mod_navi_mobile li.active,
.mod_navi_mobile li a.trail {
    background-color:#eae9e7;
    color:#33425f;   
    border-radius: 6px;
}

.mod_navi_mobile li.login a,
.mod_navi_mobile li.login span,
.mod_navi_mobile  li.register a,
.mod_navi_mobile li.register span {
    border-right:0 solid #999;
    border-left:1 solid #999;
}


.mod_mobile_menu {
    text-align:center;
}
.mod_mobile_menu span {
background:#33425f;
    position:fixed;
    left:0;
    top:0;
    margin:0;
    display:block;
    padding:14px 18px;
    font-weight:normal;
    text-decoration:none;
    color:#f3f5f8;
    text-transform:none;
    letter-spacing:.04em;
    font:21px questaregular;
    line-height:20px;
    border-left:0;
    z-index:1000000000;
    width:100%;
    cursor:pointer;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}

.mobile_menu {
    padding-top:48px;
    z-index:1000000000;
}

.mobile_menu .inner {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    overflow-y: scroll;
}
.pagination {
    margin-top:30px;
}
#breaking_news {
    width:220px;
    margin:0;
    padding:0;
}
#breaking_news h1 {
    margin:0;
    padding:0;
    font-weight:normal;
    color:#000;
    text-transform:uppercase;
    font-style:normal;
    font:21px CooperHewittBold;
}
#breaking_news h2 {
    margin:0;
    padding:2px 0;
    font-size:26px;
    font-weight:normal;
    color:#000;
    font-style:normal;
}
.mod_newsmenu h1 {
    margin:0 0 10px;
    padding:2px 0 2px 20px;
    font-size:18px;
    color:#000;
    font-style:normal;
}
#breaking_news .layout_short {
    margin-right:0;
    margin-left:0;
    padding:15px 0 11px;
    border-top:1px solid #edeae6;
    border-bottom:1px dotted #A6A6A6;
}
#breaking_news .layout_short.last {
    border-bottom:0px;
}
.mod_newsmenu {
    margin-top:3px;
}
#main .layout_full h1 {
    margin-left:10px;
}
#main .layout_full .ce_text h1 {
    margin-left:0;
}
.keinWeiterlink .more {
    display:none;
}
.copyright {
    margin-right:auto;
    margin-left:auto;
    font-size:16px;
    color:#dee1e7;
    padding:20px;
    line-height:normal;
}

.copyrightbox {
}

.copyright a {
    text-decoration:underline;
    color:#dee1e7;
}
.copyright a:hover {
    text-decoration:none;
    color:#fff;
}



.logoLinkBox {
	margin: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: space-between;
    justify-content: flex-end;
    
}

.logoLinkBox span {
    color: #dee1e7;
    margin-right: 20px;
    
}

.logoLinkBox img {
    height: 80px;
    
}

.zahlartenbox {
    background:#343b47;
    width:30%;
    float:right;
}
.wifibox {
    width:33%;
    float:right;
    padding-bottom:20px;
}


.partnerhotelbox {
    width:25%;
    float:left;
    padding-bottom:20px;
}

.HeaderLogo, .muschelTrenner {
   display:block;
    text-align:center;
}

.HeaderLogo img{
     width:470px;


}

.muschelTrenner img{
     width:363px;


}


.HeaderTrenner {
    width:2px;
    height:105px;
    float:left;
    margin:22px 0 0;
}

.LogoLink {
    float:left;
    margin:0;
}


#wrapper {
    min-height:100%;
    margin-top:0;
    margin-bottom:0;
}
#header, #zwischenzeile, .custom {
    background: url(../../files/bootsverleih_rappl/bilder/bg_main.jpg) top center repeat-y;
    background-size: 100% auto;
    margin-bottom: 20px;
    
}



.bbuchen, .llink  {  
    float:none;
    z-index:100000;
    margin-left:auto;
    margin-right:auto;
		
}

.mod_headerImage {
    left:310px;
    position:absolute;
    top:20px;
}
#container {
    height:100%;
    padding-top:0;
    padding-bottom:30px;
    background: url("../../files/bootsverleih_rappl/bilder/bg_main.jpg") top center repeat-y;
    background-size: 100% auto;
}
#right .inside {
    width:220px;
    margin-top:10px;
    margin-left:0;
}
#main .inside, #zwischenzeile .inside {
    /* padding-top:20px; */
    margin:0 auto 0; /* 25px; */
   max-width:1550px; 
}

#main .maxWidth, #zwischenzeile .maxWidth,  #footer .maxWidth, .mod_article.maxWidth  {
    margin:0 auto; /* 25px; */
    padding-top:20px;
   max-width:1140px; 
}

.bottomgrafik {
    width: 100%;
    background:#fff;
     text-align:center;
}

.footerDiv {
    max-width: 1140px;
    margin-top:0px;
    margin-bottom:0;
    border-top:0px solid #d20c12;
    min-height:110px;
    padding:0px;
    margin-right:auto;
    margin-left:auto;
    display:block;
	
}

#footer {
    margin-top:0px;
    margin-bottom:0;
    min-height:90px;
    padding:0px;
    background: #003159;
    border-top: 5px solid #b9cdd7;
}
#footer .inside {
    margin-right:auto;
    margin-left:auto;
    padding:0px;
    margin:0;
}
.ce_text,
.teaser {
    line-height:1.5;
}
div.error,
p.error {
    margin:0;
    padding:2px 0 0;
    color:#f00;
}
.mod_article .back {
    margin-top:18px;
}
.mod_article .more {
    display:inline;
}
.mod_breadcrumb {
    left:20px;
    position:absolute;
    overflow:hidden;
    font-size:14px;
    color:#fff;
    top:6px;
}
.mod_breadcrumb ul {
    overflow:hidden;
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_breadcrumb li {
    float:left;
}
.mod_breadcrumb li:after {
    margin-right:3px;
    padding-left:1px;
}
.mod_breadcrumb li.active:after {
    display:none;
}
.mod_breadcrumb a {
    font-size:14px;
    text-decoration:none;
    color:#d20c12;
}
.mod_breadcrumb a:hover {
    font-size:14px;
    text-decoration:underline;
    color:#d20c12;
}
.ce_gallery .caption {
    color:#999;
}
.ce_gallery img,
.image_container img {
    padding:0;
    border:0px solid #91BED4;
    background:none;
}
.ce_gallery img:hover,
.image_container a img:hover {
    padding:0;
    border:0px solid #A6A6A6;
    background:none;
}
.caption {
    margin-top:4px;
}
.mod_article .pdf_link {
    right:2px;
    position:absolute;
    top:0;
}
.mod_article .pdf_link a {
    margin-right:5px;
}
.mod_lostPassword {
    margin:24px;
}
.mod_lostPassword td {
    padding-right:6px;
    padding-bottom:3px;
}
.mod_lostPassword .text,
.mod_lostPassword .password {
    width:210px;
}
.mod_lostPassword .captcha {
    width:40px;
}
.mod_lostPassword .captcha_text {
    color:#666;
}
.ce_list ul {
    margin:0;
    padding:0;
}
.ce_list li {
    margin:0 0 0 22px;
    padding:0;
    line-height:16px;
}
* html .ce_list li {
    margin-left:26px;
}
.ce_accordion {
    margin-left:0px;
}
.toggler {
    padding:1px 0 2px;
}
.toggler_first {
    color:#304269;
}
.toggler_first:hover {
    text-decoration:underline;
    color:#F26101;
    cursor:pointer;
}
.accordion div {
    padding:6px 0 8px 0;
}

.ce_table {
    margin-top:24px;
    margin-bottom:24px;
    border-left:1px solid #ccc;
}
.ce_table td {
    padding:2px 8px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
*:first-child+html .ce_list li {
    margin-left:26px;
}
.ce_table th {
    padding:2px 8px;
    background-color:#e6e6e6;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.ce_table th a {
    color:#000;
}
h1 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}
.pagination li {
    display:inline;
    margin:0;
    padding:0;
    list-style-type:none;
}
#tps .col_0 {
    width:80px;
}
.pagination p {
    float:left;
    padding:3px 7px;
    text-align:left;
    background-color:#fff;
}
#tps .explanation {
    padding-bottom:24px;
}
.pagination ul {
    float:right;
    margin:0 10px 0 0;
    padding:0;
    text-align:right;
}
#main .pagination a {
    display:inline-block;
    padding:4px 7px 3px;
    background-color:#fff;
    text-decoration:none;
}
#main .pagination a:hover,
#main .pagination .current {
    display:inline-block;
    padding:4px 7px 3px;
    background-color:#e5e1dd;
    text-decoration:none;
}
#header .inside {
    z-index:999;
}
.ce_gallery ul {
    overflow:hidden;
}
.ce_gallery li {
    float:left;
    padding:0 3px 12px;
}
.ce_flexSlider {
    margin:0;
    padding:0;
}
.flexslider {
    margin:0;
    padding:0;
}
.googleplus {
    float:right;
    margin:0;
}
.facebook {
    top:195px;
    position:absolute;
    left:930px;
}

.cs_txt p {
    margin:0;
    padding:3% 40px 2%;
    font-size:21px;
}

.cs_txt .slider-prev, .cs_txt .slider-next {
    display:none;
}   


/*  abstände oben und unten */

.m-t-10 {
	margin-top:10px !important;
}

.m-t-20 {
	margin-top:20px !important;
}

.m-t-30 {
	margin-top:30px !important;
}

.m-t-40 {
	margin-top:40px !important;
}

.m-t-50 {
	margin-top:50px !important;
}

.m-t-60 {
	margin-top:60px !important;
}


.m-b-10 {
	margin-bottom:10px !important;
}

.m-b-20 {
	margin-bottom:20px !important;
}

.m-b-30 {
	margin-bottom:30px !important;
}

.m-b-40 {
	margin-bottom:40px !important;
}

.m-b-50 {
	margin-bottom:50px !important;
}

.m-b-60 {
	margin-bottom:60px !important;
}




@media (max-width: 1024px) {
.cs_txt p {
    padding:2% 40px 1%;
    font-size:18px;
}
}

@media (max-width: 767px){
	#header {
		margin-top:0px;
}

.copyrightbox, .zahlartenbox, .partnerhotelbox, .wifibox {
    width:100%;
    float:none;
}



}

@media (min-width: 768px){
	
.HeaderLogo {
    float:none;
    margin:45px auto 25px;
    text-align:center;
    background:url('../../files/bootsverleih_rappl/layout_bilder/neueroeffnung_nach_renovierung_2016.png')no-repeat left bottom;
	
}


.neueroeffnung {
    display:none;
}
}
.tourenKarte {
    height: auto;
    background: url('../../files/bootsverleih_rappl/bilder/touren_karte_blanco.jpg') left top no-repeat;
    background-size: contain;
    background-position: center center;
    box-sizing: border-box;
  }
  
.tourenKarte svg {
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box;
    /* background: #313;  */
  }

/***************************************************
 * Generated by SVG Artista on 7/7/2025, 4:10:19 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 12637.0537109375px;
    stroke-dasharray: 12637.0537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 12637.0537109375px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 12637.0537109375px;
    stroke-dasharray: 12637.0537109375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 12637.0537109375px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 630.197998046875px;
    stroke-dasharray: 630.197998046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 630.197998046875px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 630.197998046875px;
    stroke-dasharray: 630.197998046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 630.197998046875px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(229, 42, 32);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(229, 42, 32);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 4729.15234375px;
    stroke-dasharray: 4729.15234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 4729.15234375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 4729.15234375px;
    stroke-dasharray: 4729.15234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 4729.15234375px;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 630.197265625px;
    stroke-dasharray: 630.197265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 630.197265625px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 630.197265625px;
    stroke-dasharray: 630.197265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 630.197265625px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 504.6548245743669px;
    stroke-dasharray: 504.6548245743669px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 504.6548245743669px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 504.6548245743669px;
    stroke-dasharray: 504.6548245743669px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 504.6548245743669px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 2, 2);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 2, 2);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 8780.0517578125px;
    stroke-dasharray: 8780.0517578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 8780.0517578125px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 8780.0517578125px;
    stroke-dasharray: 8780.0517578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 8780.0517578125px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 8466.5654296875px;
    stroke-dasharray: 8466.5654296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 8466.5654296875px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 8466.5654296875px;
    stroke-dasharray: 8466.5654296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 8466.5654296875px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(229, 42, 32);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(229, 42, 32);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}