.own_content {
  overflow: auto;
  margin: 0 auto;
  width: 50em;
  min-height: calc(100% - 16em - 7vh);
}

.own_item_content {
  display:block;
  width: 100%;
  min-height: calc(100% - 16em - 7vh);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: auto;
}

.content_title {
  display: none;
}

.content_panel {
  display: table;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  width: 44em;
  background-repeat: no-repeat;
  background-image: 
		linear-gradient(to right, #039, white), 
		linear-gradient(white, #039), 
		linear-gradient(to right, white, #039),
		linear-gradient(#039, white);
  background-size: 20em 2px, 2px 5em, 20em 2px, 2px 5em;
  background-position: 0 0, bottom right, bottom right, 0 0;
}

.content_panel::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 2px solid #039;
  border-radius: 10px; /* Hier die Rundung */
  pointer-events: none; /* Damit es nicht stört */
}

.content_panel_up p, 
.content_panel_up h2 {
  padding: 3% 1% 1% 5%;
}

.content_panel_down {
}

.content_panel_down p  {
  padding: 1% 10% 1% 5%;
  text-align: justify;
  font-size: 100%;
}

.content_panel_link {
  float: right;
  padding: 0px 20px 10px 10px;
}

.content_panel:hover {
  background-repeat: no-repeat;
  background-image: 
		linear-gradient(165deg, #039, rgba(200, 200, 255, 0.1) 30%, rgba(200, 200, 255, 0.1) 70%, #039);
  background-size: 100% 100%;
  background-position: 0 0;
}

.content_panel_link:hover {
}

.content_title_main h2:before, 
.content_title_main p:before, 
.content_panel_up p:before, 
.content_panel_up h2:before {
  content:"◙";
}

.own_content_main h1:before {
  content:"◙";
}

.content_title p, .content_title_main h2, .content_title_main p {
  padding-left: 10%;
}

.content_title p, 
.content_title_main h2, 
.content_title_main p, 
.content_panel_up p, 
.content_panel_up h2, 
.own_content_main h2 {
	color: #2B63B7;
	font-weight: bold;
	font-size: 140%;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1.0);
}

.own_content_main h2 {
	padding-top: 3%;
	padding-left: 3.5%;
}

.content_title_main h2, .content_title_main p, .own_content_main p {
	padding-left: 3%;
	padding-right: 3%;
	text-align: justify;
}

.content_title_main h2, .content_title_main p {
	padding-top: 2%;
}

.own_content_main p {
	padding-top: 1.5%;
}

.own_content_main h1 {
	padding-top: 1.5%;
	padding-right: 1.5%;
	padding-left: 3.0%;
	color: #2B63B7;
	font-size: 140%;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 1.0);
}

.own_content_main > p:last-of-type {
  padding-bottom: 1%;
}

.content_title_main {
  margin: 0 auto;
}

.own_item_content {
  background: white;
}

.own_item_content_side {
	width: 50em;
	margin-right: auto;
	margin-left: auto;
}

.own_content_main {	
	position: relative;
	margin: 0 auto;
	width: 50em;
}

.own_content_main img, .content_title_main img {
	float: right;
	margin: 3% 3% 5% 5%;
	width: 15%;
}

.section_table {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 95%;
  padding: 5px;
}

.section_table_row {
  display: table-row;
}

.section_table_caption {
  display: table-cell;
  width: 48%;
}

.section_table_void {
  display: table-cell;
  width: 0%;
}

.section_table_frame {
  display:table-cell;
  vertical-align: middle;
  margin:  0% 0% 0% 0%;
  border: 2px solid #003366;
}

.inside_section {
  overflow: hidden; 
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  margin-bottom: 1%;
  z-index: -1;
}

.own_content, .content_title {
  background-color: #FFF;	
}

.text_section {
  overflow: hidden; 
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  margin-bottom: 0%;
}

.inside_float_section {
  overflow: hidden; 
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  border: 1px solid red;
}

.img_float_container{
  display: table;
  float: left;
  width: 50%;
  padding: 15px;
  height: 13%;
}

.img_float_section {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  border: 1px solid orange;
}

.caption_section {
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 5px 0px 5px;
}

.inside_flex_section {
  display: flex;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 5px 5px 5px;
  height: auto;
  position: relative;
}

.inside_flex_section p {
  padding: 0px;
  margin: 0px;	
  padding-top: 0%;
  line-height: 140%;
}

.img_container {
  width: 50%;
  margin: 0% 2% 0% 0%;
}

.inside_flex_section .img_container {
  border: 5px solid #003366;
}

.img_section {
  position:relative;
  top: 50%;
  transform: translateY(-50%);
}

.img_caption p, .section_table_caption p {
  display: inline-block;
  position: relative;
  padding: 0.4em 0.8em 0.4em 0.8em;
  background-color: #003366;
  color: white;
}

.img_container pp, .img_container_w p{
  position: absolute;
  padding: 0.4em 0.8em 0.4em 0.8em;
  margin-left: 0px;
  background-color: #003366;
  color: white;
}

.mimg img {
  width: 100%;
  border: 1px solid cyan;
}

.img_container_w {
  float: left;
  padding: 1.5% 3% 0% 0%;
  width: 100%;
  margin-top: 0%;
  position: relative;
}

.mimg p a, .img_container_l p a, .img_container_w p a{
  color: #00CCFF;
}

li::marker {	color: red; }

.cform {
  margin:0 auto;
  padding:10px 10px 10px 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-top: 10px; 
  border-right: 20px; 
  border-bottom: 20px; 
  border-left: 20px;
  border-style: solid;
  border-color:  #f2f2f2;
  border-radius: 5px;
  background-color: #f2f2f2;
}

input[type=text], select, textarea {
  width: 100%; 
  padding: 12px; 
  border: 1px solid #003366;
  border-radius: 4px; 
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 2px; 
  margin-bottom: 10px; 
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit] {
  background-color: #003366;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #A4D1FF;  /*background: rgba(255, 255, 255, 0.1);*/
  color: black;
}

.own_content { 
  border-left: 3px solid #003366; 
}

@media screen and (max-width: 1116px) {
	.container { width: 100%;	}
	.content_title { width: 100%;}
}

@media screen and (max-width: 1000px) {
	.own_content {        min-height: calc(100% - 15em - 7vh);}
}

@media screen and (max-width: 840px) {
  .content_panel_up p, 
  .content_panel_up h2 {
    font-size: 1.0em;
  }
  .content_panel_down p {font-size: 0.8em; }
  .content_panel_link { font-size: 0.8em; }
  .own_content {        min-height: calc(100% - 15em - 7vh);}
}

@media screen and (max-width: 815px) {
  .own_content {
    width: 100%; 
  }
  .own_content_main { 
    width: 100%; 
    border-left: 0px solid #003366; 
  }
  .content_title_main {
    width: 100%; 
  	border-left: 0px solid #003366; 
  }
  .own_item_content_side { 
    width: 100%;
    border: none;
  }
}

@media screen and (max-width: 780px) {
	.content_panel { width: 90%;	}
}

@media screen and (max-width: 740px) {
  .navbar { width: 200px;}
}

@media screen and (max-width: 600px) {
	.own_content { min-height: calc(100% - 13em - 7vh);}
	.content_title_main h2,	.content_title_main p, .own_content_main h2, .own_content_main p {
		padding-left: 5%;
		padding-right: 5%;
	}
	.own_content_main p {
		font-size: 90%;
	}
	
	label { font-size: 90%; }
	input[type=text] { padding: 6px;}
	.cform {
		border-top: 10px; 
		border-right: 10px; 
		border-bottom: 10px; 
		border-left: 10px;
	}
}

@media screen and (max-width: 555px) {
	.img_container, .img_container_l,	.img_container_w {
	  width: 100%;
  }
}

@media screen and (max-width: 480px) {
	.own_content { min-height: calc(100% - 11em - 7vh);}
}

@media screen and (max-width: 455px) {
	.img_container_l, .img_container_w {
    padding: 3% 3% 0% 0%;
  }
	.content_title_main h2, .content_title_main p {
		font-size: 120%;
	}
}

@media screen and (max-width: 410px) {
	.own_content { min-height: calc(100% - 11em - 7vh);}
}