.icon_inline { display:inline-block; width:20px }
.icon_inline30 { width:30px }
.icon_inline img { position:absolute; margin-top:-18px }
.ui-content p { line-height:1.4 }


.kap1 .ui-content { background-color:#C06C84; color:white }
.kap2 .ui-content { background-color:#F59771; color:white }
.kap3 .ui-content { background-color:#F57280; color:white }
.kap4 .ui-content { background-color:#6C5B7B; color:white }
.kap5 .ui-content { background-color:#355C7D; color:white }
.kap6 .ui-content { background-color:#4F8053; color:white }
.kap7 .ui-content { background-color:#865491; color:white }
.kap8 .ui-content { background-color:#676767; color:white }

.kap1 .ui-content a:link, .kap1 .ui-content a:visited { color:white; }
.kap2 .ui-content a:link, .kap2 .ui-content a:visited { color:white; }
.kap3 .ui-content a:link, .kap3 .ui-content a:visited { color:white; }
a.kap3_lnk_info:link, a.kap3_lnk_info:visited { color:#F57280 !important; }
.kap4 .ui-content a:link, .kap4 .ui-content a:visited { color:white; }
a.kap4_lnk_info:link, a.kap4_lnk_info:visited { color:#6C5B7B !important; }
.kap7 .ui-content a:link, .kap7 .ui-content a:visited { color:white; }
.kap8 .ui-content a:link, .kap8 .ui-content a:visited { color:white; }

.ui-header, .ui-footer { margin-left:auto; margin-right:auto; max-width:1312px }
.ui-content { margin-left:auto; margin-right:auto; max-width:1280px }

.tipp { background:white no-repeat 25px 7px; margin-top:15px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left: 50px; padding-top:17px; padding-bottom:17px; display:block;  }
.kap1 .tipp { color:#C06C84;  background-image:url(img/icon_nahverkehr/tipp.gif); }
.kap3 .tipp { color:#F57280;  background-image:url(img/icon_fahrrad/tipp.gif); }
.kap4 .tipp { color:#6C5B7B;  background-image:url(img/icon_auto/tipp.gif); }
.sprechblase { background:white no-repeat 10px 7px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left: 50px; padding-top:1px; padding-bottom:1px }
.kap1 .sprechblase { color:#C06C84;  background-image:url(img/icon_nahverkehr/sprechblase.gif); }

.hinweis { background:white no-repeat 15px 7px; margin-top:15px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left: 50px; padding-top:17px; padding-bottom:17px; display:block; }
.kap2 .hinweis { color:#F59771;  background-image:url(img/icon_fuss/hinweis.gif); }
.kap3 .hinweis { color:#F57280;  background-image:url(img/icon_fahrrad/hinweis.gif); }
.kap4 .hinweis { color:#6C5B7B;  background-image:url(img/icon_auto/hinweis.gif); }
.wichtig { background:white no-repeat 15px 14px; margin-top:15px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left: 50px; padding-top:17px; padding-bottom:17px; display:block }
.kap1 .wichtig { color:#C06C84;  background-image:url(img/icon_nahverkehr/wichtig.gif); }
.kap2 .wichtig { color:#F59771;  background-image:url(img/icon_fuss/wichtig.gif); }


.ui-content h2 { font-size:2.15em; font-weight:bold;margin-top:0.5em;margin-bottom:0.5em }
.ui-content h3 { font-size:1.75em; font-weight:normal;letter-spacing:1px;margin-top:0em;margin-bottom:0.5em }
.ui-content h4 { font-size:1.3em; font-weight:bold;margin-top:1em;margin-bottom:0.3em }

/* .ui-content b  { background-color:gray; } */

.mb0  { margin-bottom:0px; }
.mtb0 { margin-top:0px; margin-bottom:0px; }

@media (max-width:536px) {
.vz_img_form .vz_icon { width:54px; height:auto }
.vz_img_form .ui-btn { padding: .25em .5em; }
}

@media (max-width: 979px) {
.nicht_mobil { display:none }
}
@media (min-width: 980px) and (max-width: 1330px)  {
	p { max-width:53vw }
	.tipp, .hinweis, .wichtig { position:absolute;top:0;left:57vw; width:25.0vw; clear:both; margin-top:0 }
	.box_rtl { left:auto; right:62vw; }
}
@media (min-width: 1331px)  {
	h2, h3, h4, p, ul.mtb0 { max-width:650px;margin-left:50px }
	.tipp, .hinweis, .wichtig { position:absolute;top:0;left:700px; width:340px; clear:both; margin-top:0 }
	.box_rtl { left:auto; right:700px; }
}

.video_overlay { position:absolute;top:40px;left:0;width:100%;height:calc(100% - 120px);display:none; z-index:10; z-index: 2147483645; }
.video_overlay_table { display:table;width:100%;height:100% }
.video_overlay_cell { display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;font-size:6.7vw;font-weight:bold;color:#83A4AB }
.video_overlay_cell span {    }

@media (min-width: 980px) {
.video_overlay_cell { font-size:70px; }
}


/* Fullscreen Button bei Video verbergen, da kein sonst Overlay erscheint (iOS) */
video::-webkit-media-controls-fullscreen-button {
    display: none;
}
video::-webkit-media-controls-mute-button, video::-webkit-media-controls-volume-slider-container {
    display: none;
}

.video_link { font-size:14px }


.content1 { padding-top:23px; }

.popup { position:absolute; top:10px; left:10px;
	wxidth:100px; 
	hxeight:100px; 
	background-color:#fff; border:1px solid #888;
	    box-shadow: 0 0 12px rgba(0,0,0,.6);
	    padding: 1em;
	    border-radius: .6em 
	 }
.popup_close {
position: absolute;
    display: block;
    width: 18px;
    height: 18px;
        right: -11px;	
        top:-11px;
        background-color:#888;
        border-radius:11px;
        border:3px solid white;
    background: #888 url("/html/compact-guide/delete-white.png") no-repeat 2px 2px;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	}