.row {
/*	max-width: 66.875em; */ 
	max-width: 80.0em; 
	max-width: 1280px; 
}

#content1 {
	width:100%;
}

.ol-zoom-extent button {
	min-width: 70px;
	text-align:center;
	padding: 0px 5px 0px 5px;
}

body.startseite main {
    margin-top: -285px;
}

div#mapleft, div#mapright {
    height: 600px;
    width:100%;
/*    float:left; */
}

.blend_background {
	background-color: #333;
}

.blendText {
	display:block;
	position:relative;
	top:300px;
	left:20%;
	width:300px;
	z-index:999;
	color:#ff0000;
	text-align:center;
	background-color:#ffffffaa;
	padding:5px;
}


.blendText_margin {
	margin-top:-52px;
}

.container1 {
    float: left;
    width: 100%;
    height: auto;
    overflow-x: auto;
    background-color: #fff;
    overflow-y: hidden;
    padding-bottom:40px;
    min-height:650px;
}
	
.mapbox {
	background-color: #ccc;
}

.mapboxText {
	display:block;
	position:relative;
	top:300px;
	left:20%;
	width:300px;
	z-index:999;
	color:#333333;
	text-align:center;
	/*background-color:#ffffffcc;*/
	padding:5px;
}

.map {
	padding-top:0px;
}

.grey {
	color: #555 !important;	
}

.container1 {
    float: left;
    width: 100%;
    height: auto;
    overflow-x: auto;
    background-color: #fff;
    overflow-y: hidden;
    padding-bottom:40px;
}

#actualdate {
	float:right;
	margin-right:5%;
	font-size: 0.9em;
	padding:3px;
	white-space: nowrap;
}

.container1 #mainleft, .container1 #preselect {
	width: 45%;
	float: left;
	margin-right:5%;
    margin-bottom: 20px;
}


.container1 #left, .weekleft {
	width: 100%;
	clear:both;
}

.weekleft img, .weekright img {
	margin-left: -9px;
}

.container1 #left {
	border: solid 1px #000000;
}

.container1 #info_left {
	width: 100%;
	padding:10px;
	min-height: 100px;
}

#info_left li {
	list-style-type: none;
}

.container1 #mainright {
	max-width: 45%;
	float: left;
	margin-right:5%;
    margin-bottom: 20px;
}

.preview, .preview1 {
	padding:7px;
	border:1px solid #000;
	overflow-y:auto;
	min-width:100px;
	min-height:100px;
}

.preview1 {
	height:200px;
}

.error {
	background-color: rgba(0,0,0,0.2);
}

.errorNone {
	display: none;
}
.errorDisplay {
	display: flex;
}

.zoomhelp {
	border:solid 0px #000;
	padding: 1px 5px;
	min-width: 30px;
	background-color: rgba(0,60,136,.5);
	color: #fff;
	font-size:0.85em;
	font-weight:400;
	text-align: center;
}

.zoomhelp:hover {
	background-color: rgba(0,60,136,.7);
}

#errorMessage1, #errorMessage2 {
	align-items: center;
	justify-content: center;
	text-align:center;
	color: rgb(217,0,0);
	font-weight:700;
}

.container1 #right, .weekright {
	width: 100%;
}

.container1 #right {
	border: solid 1px #000000;
}

.container1 #info_right {
	width: 100%;
	padding:10px;
	min-height: 100px;
}

.border-bottom {
	border: solid 1px #000000;
}

.hide{
  float:left;
  visibility: hidden;
  position: relative;
  z-index:1;
  background: #fff;
  border: 1px solid #666666;
  width: 250px;
  height: auto;
  margin:-20px 5px 5px 0px;
  padding:2px;
  left: 0px;
  top:0px;
}
.show{
 visibility: visible;
}


.btnown {
	background-color: white;
	border:solid 1px #000;
	padding:8px;
	margin: 0 3px;
	min-width: 40px;
}

.btnown:hover {
	background-color:#2d4b9b;
	color: white;
}

.btnresult {
	background-color: white;
	min-width: 40px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	border:solid 0px #000;
	border-top: solid 2px #cccccc; 
	width: 100%;
	text-align:left;
}

.btnresult:hover {
	background-color: #2d4b9b;
	color: #fff;
}

button[type="submit"] {
	font-size:smaller;
}

button[type="submit"]::first-line {
	font-size:medium;
	font-weight:bold;
}

button:nth-last-of-type(1) {
	border-bottom: solid 2px #cccccc; 
}

.inputform {
	padding: 8px;
	margin-bottom: 10px;
}

input[type="checkbox"].inputform {
	transform: scale(1.3);
	-webkit-appearance:auto !important;
	margin-right:5px;
}

.btnactive {
	background-color:#2d4b9b;
	color: white;
}

#warnjs {
	max-width:500px;
}

.searchfield {
/*	padding-top:100px; */
}

.searchfield p {
	font-size:1.2em;
	background-color: #eee;
	padding: 10px;
}

/* Buttons onfocus */
button:focus, #map div div button:focus, a#trigger:focus, div[role="link"]:focus, footer a:focus, select:focus, input[type="submit"]:focus {
	border: solid 2px orange;
}


/* Format Warntext */
.headline {
	font-weight: bold;	
	font-size: 1.8rem;
	padding-bottom: 5px;
}

.pikto {
	width: 60px !important;
	padding-bottom: 5px;
	padding-right: 10px;
}

.pikto_right {
	float:right;
	width:30px !important;
	padding-bottom:3px;
}

.date {
	font-weight: bold;
	padding-bottom: 5px;
}

#scrollinfo1, #scrollinfo2 {
	color: #eaeaea;
	background-color: #33333388;
}


.pagination li {
  display:inline-block;
  padding:5px;
}

.infotext {
	font-size: 1.5rem;
}


/* Linkliste */
#linkliste {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

#linkliste_left, #linkliste_right {
	border: 2px solid #333;
	padding: 15px;
	margin-bottom: 10px;
	background-color: transparent;
	margin: 10px;
	float:left;
	transition: 0.3s;
}

#linkliste_left:hover, #linkliste_right:hover {
	transform: scale(1.02);
	box-shadow: 2px 2px 7px;
}


#linkliste_left img, #linkliste_right img {
	display: block;
	margin-left: auto;
	margin-right: auto;
  	width: 60%;
}

.flexheight {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

#linktext {
	margin-top: 10px;
	clear:both;
	width: 70%;
	margin: 1em auto; 
	display:flex;
	align-items:center;
	justify-content:center;
	-webkit-hyphens: auto;
    -ms-hyphens: auto;
	hyphens: auto;
}

figcaption {
	font-size: 1.1rem;
	width: 55%;
	margin: 0em auto; 
	display:flex;
	align-items:left;
	justify-content:left;
}

.article-full ol ul li {
	list-style-type: disc;
} 

footer a:hover, footer a:active, footer a:focus {
  color: #fff;
}

.wrap {
	 margin: 1em auto;
}

.accord {
	display:grid;
}

.accord .panel {
  clear:both;
  margin: 0 auto;
  height: 0;
  overflow:hidden;
  line-height: 1.4;
  padding: 0 20px;
  background-color: rgba(242,244,246,0.6);
  box-sizing: border-box;
  transition: all 1.5s;
}

.accord label {
	font-size: 1.8rem;
	font-weight: bold;
	color: #555;
	display: block;
	padding: 15px;
	color: #2D4B9B;
	font-weight: 400;
	box-sizing: border-box;
	z-index: 100;
	padding-top: 25px;
}

.accord div{
	margin-bottom: 0px;
	border-bottom: 5px solid #fff;
	background-color: rgba(242,244,246,0.6);
}

.accord input{
  display: none;
}

.leftlabel {
	float:left;
    width: 80%; 
    cursor: pointer;
}

.rightlabel {
    cursor: pointer;
}

ul.panel li {
	font-size: 1.6rem;
	margin-bottom: 25px;
	margin-left: 10px;
}

ul.innerpanel li {
	margin-bottom: 0px;
	list-style: disc;
}

/*.accord input:checked~.panel { */
.accord input~.panel {
	height: auto; 
	color: #333;
	padding: 20px; 
	transition: all 1.5s; 
}

.accordopen {
	height: auto; 
	color: #333;
	padding: 20px; 
	transition: all 1.5s; 
}

.accordopenright {
  content: url("../images/expand.svg");
  width:auto;
  position: relative;
  left: -15px;
}

.accordcloseright {
  content: url("../images/plus.svg");
  width:auto;
  position: relative;
  left: -15px;
}
	
.accord input:checked+label:before {
	transition: 0.5s;
}
	
.accord input~label.rightlabel:nth-child(odd)::after {
  content: url("../images/plus.svg");
}

.accord1 input:checked~label.rightlabel:nth-child(odd)::after {
  content: url("../images/expand.svg");
}

.dotted {
	border-bottom: 1px dotted #333;
	cursor: help;
}


#in input::first-line {
	font-weight:bold;
}

.choice {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 50px;
	margin-top: 50px;
	clear:left;
}

#input {
	background-color: #00000000;
	border: 0px solid #00000000;
	color: #00000000;
	position:absolute;
	left:-1000px;
	top:-1000px;
	z-index:-1;
}

#copyclip {
	border-bottom: 1px solid;
}

.anim {
	overflow: hidden;
	word-wrap: break-word;
	white-space: nowrap;
	animation: progressBar 4s ease-in-out;
	text-align:center;
}

@keyframes progressBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

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

@media screen and (min-width: 501px) {
	.col-lg-6 {
		flex: 0 0 500px;
		width: 50%;
	}
	
}

@media screen and (max-width:1000px) {
	.blendText {
		width:auto;
		left: 0%;
	}
	
}

@media screen and (max-width:800px) {
	.zoomhelp {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#right {
		margin-top: 40px;
	}
}



@media screen and (min-width:500px) and (max-width:700px) {
	.hide {
		width: 80%;
		height:auto;
	}
	
	#right {
		margin-top: 40px;
	}
	
}


@media screen and (max-width:600px) {
	.container1 #mainleft, .container1 #mainright {
		width:100%;
		clear:both;
	 	margin-bottom:10px;
	}
	
	.container1 #mainleft, .container1 #mainright {
		width:100%;
		padding-left: 10px;
		padding-right: 10px; 
		max-width:100%;
	}
	
	.preview {
		width: 100%;
		height:auto;
	}
	
	#content1 {
		width:100%;
		word-wrap: break-word;
		hyphens:auto;
	}
	
	.container1 #info_left, .container1 #info_right {
		min-height:0px;
	}
	
	
}


@media screen and (max-width:400px) {
	.hide {
		width: 80%;
		height:auto;
		font-size:0.8em;
	}
	
	.inputform {
		width: 90%;
		margin-bottom: 5px;
	}
	
	#linktext {
		width: 90%;
		font-size: 1.4rem;
}
	
	
}


@media screen and (max-width: 1170px) {
	#nav:not(.hide) ul.level-1 {
	padding-right:0px;
	padding-left:80px;
	}
}

@media screen and (min-width: 1023px) and (max-width:1169px) {
	#nav:not(.hide) ul.level-1 {
	padding-right:0px;
	padding-left:290px;
	}
}

@media screen and (max-width: 820px) {
	#nav:not(.hide) ul.level-1 {
		padding-left:60px;
	}
}

@media screen and (max-width:600px) {
	#smart {
		display:inline;
	}
	#smart button {
		padding:5px;
		margin:5px;
		width:100%;
	}
	#param {
		white-space:nowrap;
	}

}

@media screen and (max-width:500px) {
	#ort th, td {
		hyphens: auto;
 		font-size:0.7em;
	} 		
	footer ul {
		padding-right: 0px;
	}
	
	#right {
		margin-top: 20px;
	}
	.mapboxText {
		left:10%;
	}
		
}

@media screen and (max-width:400px) {

	#legende td {
 		font-size:0.7em;
 		}

	#right {
		margin-top: 40px;
	}
}