@charset "utf-8";

:root {
	
	--color-ci-green-rgb: 135,161,32;
	--color-ci-green: #87a120;
	
	--color-text-ci-green-rgb:79,95,15;
	--color-text-ci-green: #4F5F0F;
	
	--color-ci-blue-rgb: 14,72,126;
	--color-ci-blue: #0e487e;	
	
	--color-ci-lila-rgb: 115,55,126;
	--color-ci-lila: #73377e;	
	
	--color-ci-grey-rgb: 191,191,191;
	--color-ci-grey: #bfbfbf;	
	
	--color-link-rgb: 79,95,15;
	--color-link: #4F5F0F;
	
	--color-link-grey-rgb: 102,102,102;
	--color-link-grey: #666666;
	
	--color-link-dark-grey-rgb: 76,76,72;
	--color-link-dark-grey: #4c4c48;
	
	--color-headlines-rgb: 14,72,126;
	--color-headlines: #0e487e;
	
	--color-headline-h1-rgb: 14,72,126;
	--color-headline-h1: #0e487e;
	
	--color-grey-headline-rgb: 89,89,89;
	--color-grey-headline: #595959;
	
	/*	
	--color-headlines-rgb: 135,161,32;
	--color-headlines: #87a120;
	
	--color-headline-h1-rgb: 136,136,136;
	--color-headline-h1: #888888;
	
	--color-grey-headline-rgb: 136,136,136;
	--color-grey-headline: #888888;
	*/
	
	--color-text-rgb: 76,76,72;
	--color-text: #4c4c48;
	
	--color-text-dark-rgb:51,51,51;
	--color-text-dark:#333333;

	--color-red-rgb: 197,20,28;
	--color-red: #c5141c;
	
	--color-darkgrey-rgb: 101,101,101;
	--color-darkgrey: #656565;
	
	--color-grey-rgb: 181,181,181;
	--color-grey: #b5b5b5;
	
	--color-lightgrey-rgb: 229,229,229;
	--color-lightgrey: #e5e5e5;
	
	--color-green-rgb: 108,177,46;
	--color-green: #6cb12e;
	
	--color-darkgreen-rgb: 22,130,45;
	--color-darkgreen: #16822d;
	
	

	--slider-height: 640px;

	--picbox-width: 236px;
	--picbox-pano-width: 312px;

	--gallery-thumb-width: 300px;
	
}
/* ##### FORMULAR START ##### */

#container section div.infobox {
	padding:6px;
	margin:4px 0 10px 0;
	font-size:100%;
	clear:none;
}

#container section div.success {
	margin:12px 0 18px 0;
	background: rgba(54,193,64,0.125);
	border: 3px solid rgba(54,193,64,1);	
}

#container section div.success h2 {
	color:green;
	color:rgba(54,193,64,1);
	margin:10px;
}


div#karte {
	display:block;
	min-height:360px;
}

div#route > div {
	font-size:100%!important;
	color:#86817d!important;
	font-family:'Overlock', Tahoma, Helvetica, Verdana, Arial, san-serif!important;
}

div#route div.adp-summary {
	font-size:110%;
}

div#route div.adp-substep {
	font-size:90%;
}





#content article.formular div.form {
	width:680px;
	margin:0;
	clear:none;
}

#content article.formular form.formular {
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	font-size:100%;
	clear:none;
}

#content article.formular form.formular fieldset {
	clear:none;
	margin:4px 0 10px 0;
	padding:20px;
	font-size:100%;
	border:0px;
	background: rgba(252,252,252,1);
}

#content article.formular form.formular fieldset.error {
	/*
	border:1px solid red;
	*/
	border:1px solid #B50000;
	margin:12px 0 18px 0;
}

#container section article.formular form fieldset.box_l,
#container section article.formular form fieldset.box_r {
	float:left;
	margin:0 2% 0 0;
}

#container section article.formular form fieldset.box_r {
	margin:0;
}

#container section article.formular form fieldset.box50 {
	width:48%;
}

#content article.formular form.formular fieldset legend {
	font-size:190%;
	line-height:140%;
	padding:4px 6px;
	margin:0 0 0 -4px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: rgba(252,252,252,1);
	/*
	color:#666;
	*/
	color: #333;
	font-weight:600 !important;
}

#content article.formular form.formular fieldset legend.fehler {
	/*
	background-color:red;
	*/
	background-color: #B50000;
	color:#fff;
}

#content article.formular form.formular p.r {
	text-align:right;
}

#content article.formular form.formular span.fl {
	float:left;
}

#content article.formular form.formular span.fr {
	float:right;
}

#content article.formular form.formular span.form_pflicht {
	display:inline-block;
	margin-bottom:6px;
}

#content article.formular form.formular p,
#content article.formular form.formular ul {
	display:block;
	margin:0 0 8px 0;
	font-size:100%;
	width:auto;
}

#content article.formular form.formular p,
#content article.formular form.formular li {
	font-size:150%;
	line-height:130%;
}

#content article.formular form.formular li li {
	font-size:100%;
}

#content article.formular form.formular ul {
	margin:0 0 4px 20px;
}

#content article.formular form.formular fieldset span.txt {
	display:inline-block;
	margin:0;
	font-size:100%;
	line-height:130%;
}

#content article.formular form.formular fieldset p {
	line-height:130% !important;	
}

#content article.formular form.formular fieldset #mapbox,
#content article.formular form.formular fieldset #mapbox #map_canvas {
	display:block;
	margin-bottom:0;
	padding:0;
}

#content article.formular form.formular fieldset p.hinweis {
	display:block;
	clear:both;
	margin:4px 0 16px 124px;
	padding:0 0 0 44px;
	font-size:150%;
	line-height:130%;
	min-height:36px;
	background:url(/gif/icons/hinweis.png) no-repeat 4px 4px;
}

#content article.formular form.formular fieldset p.full {
	margin-left:0;	
}

#content article.formular form.formular fieldset label,
#content article.formular form.formular fieldset label.radio {
	display:inline-block;
	width:130px;
	margin:0;
	padding:0;
	font-size:100%;
	line-height:110%;
}


#content article.formular form.formular fieldset label.ort,
#content article.formular form.formular fieldset label.ortsteil {
	width:70px;
	margin-left:16px;
}

#content article.formular form.formular fieldset label.fl {
	float:left;
	display:inline-block;
}

#content article.formular form.formular fieldset.border label.fl_textarea {
	margin:0;
}

#content article.formular form.formular fieldset label.captcha {
	width:130px;
}

#content article.formular form.formular fieldset label.block,
#content article.formular form.formular fieldset span.block {
	width:100%;
	display:block;
}

#content article.formular form.formular fieldset label.select.auto,
#content article.formular form.formular fieldset label.radio_label {
	width:auto;
	margin-left:6px;
}

#content article.formular form.formular fieldset label.checkbox_label {
	width:auto;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px;
}



#content article.formular form.formular fieldset p span.hinweistext {
	display: inline-block;
	width:calc(100% - 156px);
	margin-left:156px;
	margin-top:4px;
}


#content article.formular form.formular select.select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;	
	font-size:100%;
	line-height:130%;
	width:auto;
	/*
	border:1px solid #d5d5d5;
	*/
	border: 1px solid rgba(128,128,128,1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:2px 30px 2px 2px;	
	display:inline-block;
	margin:0 0 0 24px;
	/*
	color:#666;
	*/
	color: #333;
	background-color:#fff;
	background-image: url(/gif/icons/icon-bottom.png);
	background-repeat: no-repeat;
	background-position: right 4px top 50%;
}

#content article.formular form.formular fieldset select.auto_width {
	width:auto;
}

#content article.formular form.formular select.select option {
	padding:2px 4px;
	font-size: 100%;
	/*
	color:#666;
	*/
	color: #333;
}


#content article.formular form.formular fieldset input.txt, 
#content article.formular form.formular fieldset input.suche,
#content article.formular form.formular fieldset textarea {
	display:inline-block;
	margin:0 0 0 24px;
	padding:6px;
	/*
	border:1px solid #d5d5d5;
	*/
	border: 1px solid rgba(128,128,128,1);
	font-size:110%;
	line-height:130%;
	/*
	color:#666;
	*/
	color: #333;
	font-family:Tahoma,Verdana,Arial,san serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#content article.formular form.formular fieldset input.txt, 
#content article.formular form.formular fieldset textarea {
	width:calc(100% - 174px);
}

#content article.formular form.formular fieldset textarea.fl {
	float:left;	
}

#content article.formular form.formular fieldset input.nolabel, 
#content article.formular form.formular fieldset textarea.nolabel {
	margin-left:0;	
	width:calc(100% - 18px);
}

#content article.formular form.formular fieldset input.plz {
	width:60px;
}

#content article.formular form.formular fieldset input.ort,
#content article.formular form.formular fieldset select.ortsteil {
	width:calc(100% - 342px);
	margin-left:0px;
}

#container form fieldset textarea,
#container form fieldset textarea:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	/*
	border:1px solid #d5d5d5;
	*/
	border: 1px solid rgba(128,128,128,1);
}

#content article.formular form.formular fieldset input.captcha {
	width:100px;
}

#content article.formular form.formular fieldset img.captcha {
	margin:0 0 0 24px;
}


#content article.formular form.formular fieldset input.radio, 
#content article.formular form.formular fieldset input.checkbox,
#content article.formular form.formular fieldset input[type="radio"] {
	display:inline-block;
	width:16px;
	margin-left:25px;
}

#content article.formular form.formular fieldset p input.radio:nth-of-type(1), 
#content article.formular form.formular fieldset p input.checkbox:nth-of-type(1),
#content article.formular form.formular fieldset input[type="radio"]:nth-of-type(1) {
	display:inline-block;
	width:16px;
	margin-left:25px;
}

#content article.formular form.formular fieldset input.checkbox {
	margin-right:4px;
	vertical-align:-1px;
}


#content article.formular form.formular fieldset img.captcha {
	vertical-align:-8px;
	margin-right:10px;
}

#content article.formular form.formular .buttons {
	display:block;
	margin:4px 0 32px 0;		
}


#content article.formular form.formular button,
#content article.formular form.formular input[type="submit"],
#content article.formular form.formular input[type="reset"] {
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	/*
	background: rgba(54,193,64,0);
	color:rgba(54,193,64,1);
	border: 3px solid rgba(54,193,64,1);
	*/
	background: rgba(8,93,14,0);
	color:rgba(8,93,14,1);
	border: 3px solid rgba(8,93,14,1);
	border-radius: 0px;
	overflow:hidden;
	display: inline-block;
	position: relative;
	font-size: 130%;
	padding: 10px 20px;
	width:auto;
	margin-left:10px;
	margin-bottom:10px;
	overflow-wrap: break-word !important;	
}

#content article.formular form.formular button:hover,
#content article.formular form.formular input[type="submit"]:hover,
#content article.formular form.formular input[type="reset"]:hover {
	background-color: transparent;
	text-shadow: none;
	color: #fff !important;
	background: rgba(8,93,14,1);
	/*
	background: rgba(54,193,64,1);
	*/
	
}

#content article.formular form.formular button:hover:before,
#content article.formular form.formular input[type="submit"]:hover:before,
#content article.formular form.formular input[type="reset"]:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}

#content article.formular form.formular button:before,
#content article.formular form.formular input[type="submit"]:before,
#content article.formular form.formular input[type="reset"]:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: rgba(8,93,14,1);
	/*
	background: rgba(54,193,64,1);
	*/
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


#content article.formular form.formular input[type="reset"] {
	background: rgba(244,73,73,0);
	color:rgba(244,73,73,1);
	border: 3px solid rgba(244,73,73,1);
	margin-right:0px;
}

#content article.formular form.formular input[type="reset"]:hover {
	color: #fff !important;
	background: rgba(244,73,73,1);
}

#content article.formular form.formular input[type="reset"]:before {
	color: #fff !important;
	background: rgba(244,73,73,1);
}




#container form fieldset label.txt.url,
#container form fieldset input.txt.url,
#container form fieldset label.url,
#container form fieldset input.url {
	display:none !important;
}

#container form fieldset input:focus,
#container form fieldset select:focus,
#container form fieldset textarea:focus {	
	background:rgba(236,236,236,.5);
}


#container div.success {
	border:2px solid rgba(0,128,0,1);
	background-color:rgba(0,128,0,.125);
	margin:12px 0 18px 0;
	padding:6px;
}

#container div.success h2 {
	color:#008000;
	margin:0 0 2px 0;
}






#content article.formular form.formular#routenplaner {
	width:100%;
	display:block;
	margin:0 0 10px 0 !important;
}

#content article.formular form.formular#routenplaner fieldset {
	/*
	width:calc(49% - 20px);	
	float:left;
	margin:0 1% 10px 0;
	*/
	width:calc(100% - 12px);	
	float:left;
	margin:0 0 10px 0;
	padding:6px;
	display:block;
}

#content article.formular form.formular#routenplaner fieldset:nth-child(even){
	margin-right:0;
}

#content article.formular form.formular#routenplaner fieldset label.txt {
	width:80px;
	display:inline-block;
	float:left;
	padding:6px 0 !important;
}

#content article.formular form.formular#routenplaner fieldset input.txt,
#content article.formular form.formular#routenplaner fieldset select {
	width:calc(100% - 96px);	
	margin:0;
	padding:6px;
}

#content article.formular form.formular#routenplaner fieldset select {
	width:calc(100% - 84px);
}

#content article.formular form#routenplaner #route_button {
	float:right !important;
}

#content article.formular form#routenplaner span.fl {
	float:right;
}


#content article.formular form#routenplaner p.r {
	text-align:right;
}

#content article.formular div#karte {
	width:100%;
	display:block;
	min-height:420px;
	margin:0 0 10px 0;
}

#content article.formular div.transport#karte {
	min-height:480px;
}

div#route > div{
	font-size:140%;
}


#content div.anfahrtsplan {
	float:right;
	margin:0 0 16px 24px;
}





#choose {
	display:inline-block;
	float:right;
	margin:4px 0 10px 0;
}

#choose select {
	padding:6px;
	margin:0;
	border:1px solid #E6E6E6;
}






#content article.formular form.formular fieldset #mapbox,
#content article.formular form.formular fieldset #mapbox #map_canvas {
	display:block;
	margin-bottom:0;
	padding:0;
}




@media only screen and (max-width: 1023px) {
		
	#content article.formular form.formular fieldset label,
	#content article.formular form.formular fieldset label.txt {
		display:block;
		width:auto;
		margin-bottom:2px;
		line-height:130%;
	}

	#content article.formular form.formular fieldset label.ort,
	#content article.formular form.formular fieldset label.ortsteil {
		width:auto;
		display:block;
		float:none;
		margin-left:0;
	}

	#content article.formular form.formular fieldset label.fl {
		width:auto;
		display:block;
		float:none;
		margin:0;
	}
	
	#content article.formular form.formular fieldset label.radio {
		margin-bottom:6px;
	}

	#content article.formular form.formular fieldset label.radio_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
	}
	
	#content article.formular form.formular fieldset label.checkbox_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
		margin-right:16px;
		vertical-align:2px;
	}
		
	#content article.formular form.formular fieldset input.txt, 
	#content article.formular form.formular fieldset textarea {
		font-size:150%;
		line-height:140%;
	}
	
	#content article.formular form.formular fieldset input.txt, 
	#content article.formular form.formular fieldset textarea,
	#content article.formular form.formular fieldset textarea.fl,
	#content article.formular form.formular fieldset input.nolabel, 
	#content article.formular form.formular fieldset textarea.nolabel,
	#content article.formular form.formular fieldset input.plz,
	#content article.formular form.formular fieldset input.ort,
	#content article.formular form.formular fieldset select.select {
		padding:6px;
		/*
		border:1px solid #d5d5d5;
		*/
		border: 1px solid rgba(128,128,128,1);
		width:calc(100% - 14px);
		display:block;
		float:none;
		margin:0 0 4px 0;
	}
		
	#content article.formular form.formular fieldset select.select {
		margin-left:0px;
	}
	
	#content article.formular form.formular fieldset select.ortsteil {
		width:100%;
	}
	
	#content article.formular form.formular fieldset select.auto_width {
		width:auto;
	}

	#content article.formular form.formular fieldset input.captcha {
		width:100px;
		float:left;
	}

	#content article.formular form.formular fieldset p input.radio, 
	#content article.formular form.formular fieldset p input.checkbox,
	#content article.formular form.formular fieldset p input[type="radio"] {
		display:inline-block;
		width:16px;
		height:auto;
		margin:0 0 4px 25px;
	}
	
	#content article.formular form.formular fieldset p input.radio:nth-of-type(1), 
	#content article.formular form.formular fieldset p input.checkbox:nth-of-type(1),
	#content article.formular form.formular fieldset p input[type="radio"]:nth-of-type(1) {
		margin-left:0;
	}

	#content article.formular form.formular fieldset img.captcha {
		float:left;
	}
	
	#content article.formular form.formular fieldset span.frage {
		margin:6px 10px 0 0;
		float:left;
	}
	
}

	




#content article.formular form.formular fieldset p input.checkbox_txt_label {
	border:4px solid red !important;
	background-color:yellow !important;
	margin:4px 0 0 0 !important;
	display:block !important;
	padding:0 !important;
	width:16px !important;
	float:left !important;
}

#content article.formular form.formular fieldset p label.checkbox_txt_label {
	width:calc(100% - 48px);
	margin-left:6px;
	float:left;
	line-height:130%;
}

/* ##### FORMULAR ENDE ##### */












/* ### GMAP INFOFENSTER STYLES START ### */

.gm-style .gm-style-iw-t {
    position: absolute;
    width: 100%;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}

.gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}

.gm-style-iw-a {
	position: absolute; 
	left: 15px; 
	top: 15px;
}
.gm-style-iw-t {
	right: 0px; 
	bottom: 59px;
}
.gm-style-iw gm-style-iw-c {
	max-width: 654px; 
	max-height: 541px;
}
.gm-style-iw-d {
	max-width: 618px; 
	max-height: 505px;
}


.fancybox_content {
	font-size:100%;
	width:auto;
	min-width:216px;
	height:auto;
	min-height:120px;
	overflow-y:auto;
	margin:0;
	padding:6px;
	display:inline-block;
	background-color:#fff;
}

.fancybox_content * {}

.fancybox_content p,
.fancybox_content p a {
	margin:0 !important;
	padding:0;
}

.fancybox_content a {
	color:#009AE7 !important;	
}

.fancybox_content img.pic_object {
	width:100%;
	max-width:216px;
	height:auto;
	margin-bottom:2px;
}

.fancybox_content {
	text-align:left;
}

.fancybox_content p {
	text-align:left;
	line-height:130% !important;
	margin:0 0 3px 0;
}

#container .fancybox_content p.object_name a {
	font-weight:600;	
	color:#555 !important;
	font-size:120%;
}

#container .fancybox_content p.object_location a {
	font-weight:400;	
	color:#555 !important;
	font-size:70%;
	line-height:100% !important;
}


/* ### GMAP INFOFENSTER STYLES ENDE ### */



/* ### GMAP CONTROL STYLES START ### */

#map-controls {
	display:none;
}

 .gm-style .controls {
        font-size: 28px;  /* this adjusts the size of all the controls */

        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        box-sizing: border-box;
        border-radius: 2px;
        cursor: pointer;
        font-weight: 300;
		height: 1em;
        width: 1em;
        margin: 6px;
        text-align: center;
        user-select: none;
        padding: 2px;
      }
      .gm-style .controls button {
        border: 0;
        background-color: white;
        color: rgba(0, 0, 0, 0.6);
      }
      .gm-style .controls button:hover {
        color: rgba(0, 0, 0, 0.9);
      }

      .gm-style .controls.zoom-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }
      .gm-style .controls.zoom-control button {
        font: 0.85em Arial;
        margin: 1px;
        padding: 0px;
      }
	  
	  .gm-style .controls.streetview-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }

      .gm-style .controls.maptype-control {
        display: flex;
        flex-direction: row;
        width: auto;
      }
      .gm-style .controls.maptype-control button {
        display: inline-block;
        font-size: 0.5em;
        margin: 0 1px;
        padding: 0 6px;
      }
      .gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map {
        font-weight: 700;
      }
      .gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite {
        font-weight: 700;
      }

      .gm-style .controls.fullscreen-control button {
        display: block;
        font-size: 1em;
        height: 100%;
        width: 100%
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon {
        border-style: solid;
        height: 0.25em;
        position:absolute;
        width: 0.25em;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 2px 0 0 2px;
        left: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 0 2px 2px 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 2px 2px 0 0;
        right: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 0 0 2px 2px;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 0 0 2px 2px;
        left: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 2px 2px 0 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 0 2px 2px 0;
        right: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 2px 0 0 2px;
      }

/* ### GMAP CONTROL STYLES ENDE ### */



/* ### GMAP DIRECTIONS STYLES START ### */

.adp,
.adp table  {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
}

.adp b,.adp-list b {
font-weight:400
}

.adp-warnbox {
margin:5px 0 3px 0
}

.warnbox-content {
background:transparent;
background:none;
}

.warnbox-c1,
.warnbox-c2 {
background:transparent;
background:none;
font-size:1px;
height:1px;
margin-top:0;
overflow:hidden
}

.warnbox-c1 {
margin:0 2px
}

.warnbox-c2 {
margin:0 1px
}

.adp-list {
background:#fff;
border:1px solid #cdcdcd;
cursor:pointer;
padding:4px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
}

.adp-fullwidth {
width:100%
}

.adp-listsel {
background:#eee;
text-decoration:none
}

.adp-listheader {
padding:4px
}

.adp-placemark {
background:#eee;
border:1px solid silver;
color:#000;
cursor:pointer;
margin:10px 0px 10px 0px;
vertical-align:middle
}

.adp-placemark tr td,
.adp-placemark .adp-text {
vertical-align:middle;
padding:4px !important;
}

img.adp-marker {
width:22px;
height:40px
}

img.adp-marker2 {
width:27px;
height:43px
}

.adp-details,
.adp-legal {
color:#676767
}

.adp-summary {
padding:0 3px 3px 3px
}

.adp-step,
.adp-substep {
border-top:1px solid #cdcdcd;
margin:0;
padding:6px 3px 3px 3px !important;
vertical-align:middle;
line-height:120%;
}

.adp-list img,
.adp-substep img {
width:15px;
height:15px;
position:relative;
top:2px;
margin-right:3px
}

.adp-distance {
white-space:nowrap
}

.adp-step,
.adp-text {
width:100%;
}

.adp-directions {
cursor:pointer;
border-collapse:collapse
}

.adp-list .gm-arrow {
width:8px;
height:9px;
margin:5px 0 3px
}

.adp-agencies {
font-size:80%;
margin:5px 0
}
.adp-summary-duration {
float:right;
margin-left:7px;
white-space:nowrap
}

.adp-substep .gm-line {
margin-right:4px
}

.adp-substep .adp-stepicon {
overflow:hidden;
position:relative;
top:0;
left:0;
width:16px;
height:16px
}

.adp-substep .adp-stepicon .adp-maneuver {
background-size:19px 630px;
position:absolute;
left:0;
width:16px;
height:16px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ferry {
background-position:0 -614px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ferry-train {
background-position:0 -566px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-merge {
background-position:0 -143px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-straight {
background-position:0 -534px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-fork-left {
background-position:0 -550px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-left {
background-position:0 -598px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-left {
background-position:0 -197px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-left,
.adp-substep .adp-stepicon .adp-maneuver.adp-keep-left {
background-position:0 -413px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-left {
background-position:0 0
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-left {
background-position:0 -378px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-left {
background-position:0 -305px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-fork-right {
background-position:0 -499px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-right {
background-position:0 -429px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-right {
background-position:0 -232px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-right,
.adp-substep .adp-stepicon .adp-maneuver.adp-keep-right {
background-position:0 -483px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-right {
background-position:0 -582px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-right {
background-position:0 -51px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-right {
background-position:0 -35px
}

div#route > div {
	font-size:120% !important;
	color:rgba(76,76,72,1) !important;
	font-family: Tahoma, Helvetica, Verdana, Arial, san-serif;
	font-weight:400 !important;	
}

div#route div.adp-summary {
	font-size:140% !important;
}

div#route div.adp-substep {
	font-size:140% !important;
}

/* ### GMAP DIRECTIONS STYLES ENDE ### */





/* GMAP Blocked Start */

#box_karte #karten_box {
	background:rgba(0,0,0,.25);
}

#box_karte.blocked {
	position:relative;
}

#box_karte.blocked .message {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: calc(100% - 60px);
	height: calc(100% - 60px);		
	z-index:100 !important;
	border:0px solid red !important;	
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner.webp) no-repeat center center !important;
	color:#fff !important;
	text-align:center;
	padding:30px;
}

/*
#box_karte.witten.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-witten.webp) no-repeat center center !important;	
}

#box_karte.kemnade.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-kemnade.webp) no-repeat center center !important;	
}

#box_karte.bergmannsheil.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-bergmannsheil.webp) no-repeat center center !important;	
}

#box_karte.unicenter.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-unicenter.webp) no-repeat center center !important;	
}
*/

#box_karte.blocked #karten_box {
	background:rgba(0,0,0,.75);
}

#box_karte.blocked .message p,
#box_karte.blocked .message * {
	color:#fff !important;
}

#box_karte.blocked .message a,
#box_karte.blocked .message span.link {
	cursor: pointer;
	color:#fff !important;
	text-decoration:1px dotted underline;
	/*
	color:#B50000 !important;
	color:red !important;
	*/
}

#box_karte.blocked .message a:hover,
#box_karte.blocked .message span.link:hover {
	text-decoration:1px underline;
}

#box_karte.blocked .message a.googlemaps-blocked,
#box_karte.blocked .message span.googlemaps-blocked {
	color:#fff !important;
	/*
	background-color:red;
	*/
	background-color: #B50000;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:6px;
	display:inline-block;
	cursor: pointer;
	text-decoration:1px dotted underline;
}

#box_karte.blocked .message span.googlemaps-blocked:hover {
	text-decoration:1px underline;
}

/* GMAP Blocked Ende */