* {
box-sizing:border-box;
}

body, .body_impressum  {
  font-family: Verdana, Geneva, sans-serif !important;
  font-weight: 300 !important;
  padding: 0;
  margin: 0;
}

body {
  color: #0000A3;
  background-color: #F9F8D7;
  font-size: 16px;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

input, .login_input {
  color: #4C4C4C;
}

.body_impressum {
  font-size: 14px !important;
  color: #4C4C4C;
  background-color: #FFF0C2;
  padding-left: 20px;
  padding-right: 20px;
}

/*Schriftstile*/
.headline, .bold {
  font-weight: 400;
}

.larger {
  font-size: 150% !important;
}

.xxlarger {
  font-size: 300% !important;
}

.heavy-bold, .heavy-bold-underline {
  font-weight: 700;
}

.heavy-bold-underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.centered {
  text-align: center;
}

.float_right {
  float: right;
}

.headline {
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.img_title {
  width: 512px;
  /*height: 100px;*/
}

.MenueGroup, .MainContent, .LoginContent, .EditorContent, .SliderOverView, .MainWindow {
  margin: 0 auto;
}

.MenueGroup, .MainContent {
  width: 1000px;
}

.LoginContent {
  width: 1000px;
}

.MainWindow, .EditorContent, .SliderOverView {
  width: 800px;
}

.MainContent, .LoginContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

.EditorContent {
  position: relative;
  z-index: 0;
  padding: 60px 10px 0 10px;
}

.SliderOverView {
  position: absolute;
  height: calc(75vh - 48px);
  margin-top: calc((75vh - 96px) * -1);
  z-index: 1;
  transition: 1s;
  background-color: #F9F8D7;
  padding: 0 10px 0 10px;
}

.TabOverView {
  position: absolute;
  bottom: 0;
  width: 400px;
  background-color: #F5F2B7;
  border-color: #0000A3;
  padding: 11px;
  border-left-width: 2px;
  border-left-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-right-radius: 15px;
}

.ContentOverView {
  position: absolute;
  z-index: 1;
  background-color: #F5F2B7;
  height: calc(100% - 48px);
  width: 100%;
  overflow-y: auto;
}

.header, .Menue, .PageHead {
  text-align: center;
  width: 100%;
}

.header {
  height: 120px;
  background-color: #0B4CAD;
  color: #F5F2B7;
  /*margin-top: 10px;
  margin-bottom: 10px;*/
  padding-top: 10px;
  padding-bottom: 10px;
}

.header, .PageHead {
  position: relative;
  z-index: 3;
}

.PageHead {
  font-size: 26px;
  color: #F5F2B7;
  vertical-align: middle;
  padding: 5px;
}

.Menue, .PageHead  {
  background-color:#0000A3;
}

.Menue {
  height: 40px;
}

.MenueGroup {
  height: 100%;
  padding-top: 5px;
  padding-left: 50px;
}

.MenueItem {
  float: left;
  text-align: center;
  font-size: 20px;
  margin-left: 30px;
}

.KeyIcon {
  height: 24px;
  width: 24px;
}

.a_menue, .a_menue:visited, .a_white, .a_white:visited,.closebtn a {
  color: #F5F2B7;
}

.a_white_small, .a_white_small:visited {
  color: #0000A3;
}



.a_menue {
  text-decoration: none;
}

.a_menue:hover {
  color: #EBAF15;
}

.a_menue:hover, .a_white:hover, .a_white_small:hover, .a_text:hover  {
  font-weight: 400;
}

.a_white:hover, .a_white_small:hover {
  color: #A32900;
}

.a_text, .a_text:visited {
  color:#0000A3;
}

.a_text:hover  {
  color: #FA8507;
}

.no_underline, .closebtn a {
  text-decoration: none;
}

.textblock {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000038;
  max-height: 999999px;
}

.textblock_trauer {
  border-style: solid;
  border-color: #000000;
  border-width: 5px;
  max-height: 999999px;
}

/*Eigenschaften Editor*/

.login_input, .input_head, .input_date, .login_button, .editor_button {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 5px;
}

.login_button:hover, .editor_button:hover {
  background-color: #DEDEDE;
  color: #EBAF15;
}

.login_input, .input_head, .input_date, .editor  {
  border-style: solid;
  border-width: 1px;
  border-color: #006666;
}

.login_input  {
  width: 300px;
}

.input_head {
  width: 100%;
}

.input_date {
  width: 100px;
}

.label {
  font-size: 14px;
  margin-bottom: 5px;
}

.login_button, .editor_button {
  cursor: pointer;
  padding:5px;
  border-style: solid;
  border-width: 1px;
  border-color: #006666;
  border-radius: 5px;
}

.login_button {
  width: 300px;
}

.editor_button {
  width: 150px;
}

.editor {
  background-color: #FFFFFF;
  color: #4C4C4C;
  width: 100%;
  font-weight: 400;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-top: 10px;
  overflow: auto;
}

.textarea {
  width: 100%;
  height: 250px;
}

.error_msg {
  margin-top: 50px;
  font-weight: 400;
  color: #AD0000;
  margin-bottom: 10px;
}

.preview {
  background-color: #F5F2B7;
  display: none;
}

/* Ende Editor */

.logo_vertical_center, .logo_vertical_center_inline_flex  {
  align-items: center;
  padding-right: 30px;
}

.logo_vertical_center {
  display: flex;
}

.logo_vertical_center_inline_flex {
  display: inline-flex;
}

.img_pdf {
  margin-right: 15px;
  content:url('../images/pdf_30.png')
}

.img_sponsor {
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 45px;
  width: 200px;
}

.news_frame, .wk_frame, .content, .preview_frame {
  width: 100%;
  position: relative;
  color: #0000A3;
  background-color: #F5F2B7;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-color: #000038;
}

.content_trauer {
  width: 100%;
  position: relative;
  background-color: #666666;
  color: #FFFFFF;
  padding: 20px;
}

.content_lauf {
  width: 100%;
  text-align: center;
  /*font-style: italic;*/
  position: relative;
  padding: 10px;
}

.text_lauf {
  font-size: 100%;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 5px;
}

.img_trauer {
  width: 50%;
  border: 3px solid #000;
}

.news_frame {
  height: 175px;
}

.preview_frame {
  min-height: 170px;
}

.wk_frame {
  height: 100%;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}

.wk_content {
  height: 100%;
  overflow-y: auto;
  max-height: 999999px;
}

.news_content, .preview_content {
  margin-left: 50px;
  padding-right: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow-y: hidden;
  z-index: 0;
}

.news_content {
  height: 155px;
}

.preview_content {
  min-height: 150px;
}

.content {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10 px;
  width: 100%;
}

.blind_div {
  width: 1000px;
  position: absolute;
  left: -2000px;
  top: 0;
  margin-left: 50px;
  padding-right: 110px;
}

.read_more, .more_dots {
  width: 95%;
  float: right;
  text-align: right;
  display: none;
  margin-right: 20px;
}

.read_more {
  margin-top: -35px;
}

.more_dots {
  font-size: 28px;
  font-weight: 700;
  color: #303030;
  margin-top: -85px;
  margin-right: 30px;
  z-index: 1;
}

ul {
	position: relative;
	list-style: none;
	margin-left: 10px;
}

ul li:before {
  font-size: 24px;
	content:"\21E8";
	position: absolute;
	left: 0;
  margin-top: -5px;
}

li {
  margin-bottom: 10px;
}

.news_table {
  font-size: 12px;
  font-weight: 400;
  margin: 10px;
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;


}

.news_sp1, .news_sp2, .news_sp3, .news_sp4, .news_sp5, .news_sp6, .news_sp7 {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  vertical-align: top;
}

.news_sp1 {
  width: 5%;
  text-align: right;
}

.news_sp2 {
  width: 14%;
}

.news_sp3 {
  width: 37%;
}

.news_sp4 {
  width: 10%;
}

.news_sp5 {
  width: 10%;
}

.news_sp6 {
  width: 15%;
}

.news_sp7 {
  width: 9%;
  text-align: center;
}


/* CSS Slideshow */

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: 0;
}

.teaser {
  width: 100%;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next, .prev_news, .next_news  {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  font-weight: bold;
  font-size: 32px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.prev, .next {
  color: #FFFFFF;
  top: 50%;
}

.prev_news, .next_news {
  color: #4C4C4C;
  top: 40%;
}

/* Position the "next button" to the right */
.next, .next_news {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover, .prev_news:hover, .next_news:hover {
  background-color: rgba(0,0,0,0.3);
}

/* Number text (1/7 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot, .dot_news {
  height: 15px;
  width: 15px;
  margin: 10px 5px 10px 0;
  background-color: #BBBBBB;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */

.SlideshowAnimation {
  animation: SlideshowAnimation 10s;
  }

@keyframes SlideshowAnimation {
    0% {opacity: 0;}
    20% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
}

/* Ende CSS Slideshow */

/* Darstellung Wettkampfübersicht */
.zeile {
  display:inline-block;
  width:100%;
  margin-bottom:5px;
  padding-bottom:5px;
  max-height: 999999px;
}

.spalte {
  float: left;
}

.table {
  display:inline-block;
  width: 100%;
}

/* Spalten Wettkampfübersicht */

.sp_1, .sp_2, .sp_3, .sp_4, .sp_5 {
  float: left;
  margin-right: 5px;
}

.sp_1 {
  width:7%;
}

.sp_2 {
  width:22%;
}

.sp_3 {
  width:15%;
}

.sp_4 {
  width:36%;
}

.sp_5 {
  width:17%;
  white-space: normal;
}

/* Spalten Trainingszeiten Kinder*/

.tr_sp1, .tr_sp2, .tr_sp3, .tr_sp4 {
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
  white-space: nowrap;
  float: left;
}

.tr_sp1 {
  width: 15%;
}

.tr_sp2 {
  width: 15%;
}

.tr_sp3 {
  width: 15%;
}

.tr_sp4 {
  width: 55%;
}

/* spalten Erwachsenentraining */

.erw_sp1, .erw_sp2 {
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 0;
  padding-top: 0;
  white-space: nowrap;
  float: left;
}

.erw_sp1 {
  width: 220px;
}

.erw_sp {
  width: 700px;
}


/* Divs und Klassen, die nur mobil angezeigt werden, ausblenden */
.closebtn, .MenueIcon, .MenueTextLeft {
display: none;
}

@media screen and (max-width: 1366px) {
body {
  /*font-size: 16px !important;*/
}

.body_impressum {
  font-size: 10px !important;
  }

.PageHead {
  font-size: 22px;
}

.headline {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.img_title {
  /*height: 66px;*/
}

.img_title {
  width: 342px;
}

.header {
  height: 78px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.Menue {
  height: 32px;
}

.MenueGroup, .MainContent {
  width: 900px;
}

.MenueGroup {
  padding-left: 20px;
}

.MenueItem {
  font-size: 20px;
  margin-left: 20px;
}

.KeyIcon {
  height: 20px;
  width: 20px;
}

/* Next & previous buttons */
.prev, .next, .prev_news, .next_news  {
  margin-top: -14px;
  padding: 12px;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.news_frame {
  height: 140px;
}

.news_content {
  height: 115px;
}

.blind_div {
  width: 666px;
  margin-left: 50px;
  padding-right: 100px;
}

.read_more {
  margin-top: -30px;
}

.dot_news {
  margin-top: 15px;
}

/*Editor*/
.login_input, .input_head, .input_date, .login_button, .editor_button, .label, .textarea, .editor {
  font-size: 12px;
}

/*Ende Editor*/


}

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

body {
  font-size: 36px !important;
}

.body_impressum {
  font-size: 18px !important;
  }

.content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.content_trauer {
  padding-top: 40px;
  padding-bottom: 30px;
}

.text_lauf {
  font-size: 60%;
  width: 100%;
  margin: auto;
}

.MainContent {
  width: 96%;
}

.xxlarger {
  font-size: 200% !important;
}

.MenueIcon {
  display: block;
  float: left;
  width: 90px;
  height: 90px;
  margin-right: -54px;
  margin-left: 35px;
  margin-bottom: 2px;
}

.MenueTextLeft {
  font-size: 30px;
  float: left;
  display: inline-block;
  margin-top: 90px;
  margin-right: -140px;
  margin-left: -37px;
}

.header {
  height: 150px;
}

.img_title {
  width: 717px;
  /*height: 140px;*/
  margin-left: 50px;
  margin-top: 10px;
}

.img_pdf {
  margin-right: 15px;
  content:url('../images/pdf_48.png');
  margin-top: 10px;
  margin-bottom: 10px;
}

.img_trauer {
  width: 80%;
}

.MenueGroup {
  width: 100%;
  text-align: left;
  padding-left: 0;
  margin-top: 50px;
}

.Menue  {
  position: absolute;
  top: 10px;
  height: calc(100% - 20px);
  width: 0;
  float: left;
  z-index: 10;
  left: -150px;
  overflow-x: hidden;
  transition: 0.5s
}

.closebtn {
  display: block;
  position: absolute;
  top: 0;
  right: 30px;
  font-size: 120px;
}

.MenueItem {
  font-size: 60px;
  width: 100%;
  height: 120px;
  left: 0;
  text-align: left;
  margin-left: 0;
  margin-top: 60px;
  padding-left: 50px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
}

.KeyIcon {
  height: 72px;
  width: 72px;
}

.a_menue {
  margin-left: 40px;
}

.headline {
  font-size: 150%;
  padding-top: 20px;
  padding-bottom: 40px;
}

.a_white {
  font-size: 56px;
}

.a_white_small {
  font-size: 30px;
}

.news_frame {
  height: 340px;
}

.preview_frame {
  min-height: 340px;
}

.news_content, .blind_div, .preview_content {
  font-size: 36px;
}

.news_content, .blind_div, .preview_content {
  margin-left: 70px;
}

.blind_div {
  width: 94%;
  padding-right: 140px;
}

.news_content, .preview_content {
  padding-right: 70px;
}

.news_content {
  height: 300px;
}

.preview_content {
  min-height: 300px;
}

.read_more {
  margin-top: -40px;
}

.more_dots {
  margin-top: -100px;
}

.dot_news {
  margin-top: 30px;
}

/* Next & previous buttons */
.prev, .next, .prev_news, .next_news  {
  font-size: 48px;
}

.sp_220 {
  float: none;
}

/* Spalten Veranstaltungen */
.sp_1, .sp_2, .sp_3, .sp_4, .sp_5 {
  max-height: 999999px;
}

.sp_1, .sp_2 {
  font-weight: 700;
}

.sp_3, .sp_4 {
  font-size: 80%;
}

.sp_1 {
  width:20%;
}

.sp_2 {
  width:79%;
}

.sp_3 {
  width:44%;
}

.sp_4 {
  width:45%;
}

.sp_5 {
  width:99%;
  float: left;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;

}

/*Spalten Kindertraining */

.tr_sp1, .tr_sp2, .tr_sp3, .tr_sp4 {
  white-space: normal;
  margin-top: 10px;
}

.tr_sp1 {
  width: 20%;
}

.tr_sp2 {
  width: 20%;
}

.tr_sp3 {
  width: 25%;
}

.tr_sp4 {
  width: 35%;
}

.tr_sp4 {
  float: right;
}

/* Spalten Erwachsenentraining */

.erw_sp1, .erw_sp2 {
  white-space: normal;
  margin-top: 10px;
}

.erw_sp1 {
  width: 50%;
}

.erw_sp2 {
  width: 48%;
}

p {
  margin-top: 20px;
  margin-bottom: 20px;
}

ul {
	margin-left: 20px;
}

ul li:before {
  font-size: 48px;
  /*margin-top: -12px;*/
}

li {
  margin-left: 40px;

}

li span {
  vertical-align: middle;
}

.fancybox-button {
  width: 88px !important;
  height: 88px !important;
}

.login_input, .login_button {
  width: 80%;
}

.login_input, .login_button, .PageHead {
  font-size: 140%;
  padding: 8px;
  margin-bottom: 20px;
}

.size130 {
  font-size: 130%;
}