@charset "UTF-8";

/*

dunkelrot = #981631
hellrot = #C90230
grün = #007c30

*/

/* -- wurden für IE-Test ersetzt durch die eigentlichen Werte
:root {
--schriftfarbe: #222;
--akzentfarbe1: #981631;
--akzentfarbe2: #C90230;
--hintergrundfarbe: rgba(255,255,255,0.95);
--mouseoverfarbe: rgba(255,255,255,0.10);
--shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
--tooltip: rgba(238,223,131,0.95);
}
*/
/**** OpenLayers ****/
.ol-zoom button, #locateme { background-color:#981631; }
.ol-zoom button:hover, .ol-zoom button:active,  .ol-zoom button:focus {background:#C90230;}
.ol-scale-line{background:#981631}

/**********************************************/

/** pre loader **/
.willkommen {background-color: #981631;}
.attr a{color:#C90230;}

input[type=submit] { background:#C90230;font-family: FontAwesome;}
input[type=submit]:hover {background:#981631;}

.button { background:#C90230;}
.button:hover, #locateme:hover {background-color:#C90230;}
	
#header {background:#981631;  }

#funktionen > div:hover  {background:#C90230; } 

#layertree span img {margin-right: 6px;}
#layertree span.aktiv img.icon_aus { display:none}
#layertree span.aktiv img.icon_ein { display:inline-block}
#layertree span.inaktiv img.icon_aus { display:inline-block}
#layertree span.inaktiv img.icon_ein { display:none}
#boxwrapper {  position:absolute; right:0; top:5px; z-index:10000; }
#boxes {min-height:122px; width:100%; position:relative; left:0;  width:300px;box-sizing:border-box; z-index:2; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);background:rgba(255,255,255,0.95);height:calc(100vh - 5px); overflow:auto }
  
.hideinfos {background:#eeeeee; padding:5px; width:20px; position:absolute; left:0; top:0; height:100%; z-index:3;box-sizing:border-box; color:#ccc; cursor:pointer;}
.hideinfos:hover { background:#e5e5e5}
.hideinfos i {color:#aaa; position:absolute; top:50%; margin-top:-5px; margin-left:2px}
 
  
  /*tabs*/
#tabbox > div {color:#981631;}
#tabbox > div.open { background:#981631;}
#infoWMS > ul > li > id {color:#981631; }
#infoWMS > ul > li span:hover {color:#981631 ;}

.tooltip-inner {color:#981631 !important;}

.kartenbox .info { background-color:#981631;}
.kartenbox:hover h3{ height:70px}

#layertree h3 span.headline:before {font-family: FontAwesome; content:"\f07b"; color:#C90230; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);  margin:0 10px 0 5px;  display:inline-block; vertical-align: middle; font-size: 14pt;}
.sublayerbox > span > span:before { font-family: FontAwesome;display:inline-block; margin:0 5px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);}
.sublayerbox > span {cursor: pointer;}

.infoGrid {grid-template-columns: 1fr 4fr;}
.infoBeschreibung { background-color: rgba(0, 129, 199, 0.2);}
.headerKat { min-width: 35px;}

div.pvw b {
	color: #981631;
	font-weight: 700;
}

.box a {color: #C90230}
.box a:hover{color:#981631}

#box_impressum { display:none; width:650px; height:800px; overflow-y:scroll; overflow-x:hidden; }
#box_datenschutz { display:none; width:650px; height:800px; overflow-y:scroll; overflow-x:hidden; }

#frame_hilfe > .innerframe > p > img {margin-right:10px}
.innerframe a {color: #C90230}
.innerframe a:hover{color:#981631}
.box h1, .frame h1 { color:#981631}

#ZeichnungLink {
		width: 100%;
		height: 80px;
		background: rgba(0, 129, 199, 0.1);
		border: none;
		padding: 10px;
		border-radius: 5px;
		margin-bottom:10px;
}

.LinkButtons {
	margin: 5px auto;
	width: max-content;
}

.LinkButtons button{
		color: #fff;
		background: #C90230;
		border: none;
		padding: 10px;
		border-radius: 3px;
		margin-right: 10px;
}

.LinkButtons button:hover{
	background:#981631;
}

.LinkButtons button i{
	margin-right:5px;
}
	
#copied {
	font-size:10pt;
	text-align: center;
    margin-top: 10px;
    color: #999;
}

#pinform, #messform {
	width:180px;
	position:relative;
}

#pinform::before, #messform::before{
	font-family: FontAwesome;
	content: "\f078";
	font-size: 15px;
	position: absolute;
	right: 15px;
	top: 30px;
	color: #981631;
	pointer-events: none;
}
#pinart, #messart{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #981631;
	width: 100%;
	height: 40px;
	-moz-padding-start: calc(10px - 3px);
	padding-left: 10px;
	cursor: pointer;
	font-size: 10pt;
}




@media only screen and (max-width: 374px) {
	#logo a { padding-right:0; position:relative}
	#logo a img { max-width:140px !important; height: auto !important; top:50%;transform:translateY(-50%); position:relative }
	
}