/* Written by Dirk Schleef - Campow - Germany */


html {
  height:100%;
  --scrollbarBG: #f00;
  --thumbBG: #FF6767;
  hyphens: auto;
}

scrollbar-color: #f00 #FF6767;
body::-webkit-scrollbar {
  width: 11px;
}
body {
    height:100%;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
.main {
    min-height:100%;
    display: block;
}
a {
  color: #e30613;
  border-top: 1px solid rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.0);

}
/*
details summary:focus, a:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;  
/*  border-radius: 5px;               */
/*  outline: 1px solid #fff;
  outline-offset: -1px;  */
/*}
*/
/* anek-latin-200 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/anek-latin-v2-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-200.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-300 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/anek-latin-v2-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-300.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-regular - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/anek-latin-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-regular.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-500 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/anek-latin-v2-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-500.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-600 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/anek-latin-v2-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-600.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-800 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/anek-latin-v2-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-800.svg#AnekLatin') format('svg'); /* Legacy iOS */
}
/* anek-latin-700 - latin */
@font-face {
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/anek-latin-v2-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/anek-latin-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/anek-latin-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/anek-latin-v2-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/anek-latin-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/anek-latin-v2-latin-700.svg#AnekLatin') format('svg'); /* Legacy iOS */
}

@media only screen and (max-width: 786px) {
  .contenttable {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    padding-left: 0px!important;    
  }
  .table {
    padding: 0px;
    margin: 0px;
  }  
}



























* {
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

html {
  --scroll-behavior: smooth;
  scroll-behavior: smooth;

}
html, body {
  height:100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-width: 0px 0px 0px 0px;
  background:#fff;
}
body {
  font-family: 'Anek Latin', sans-serif, Arial;
  color:#333;
  font-size: calc(16px + 0.5vw);
  font-weight: 300;
  line-height: calc(21px + 0.6vw);
  text-align: left;
  hyphens: auto;
}
pre, code {
  margin: 0;
  font-size: 1.3em;
}

h1 {
  font-family: 'Anek Latin', sans-serif, Arial;
  font-size: calc(30px + 2.0vw);
  font-weight: 300;
  line-height: calc(36px + 2.2vw);
  margin: 0px 0px 10px;
  padding: 40px 0px 15px 0px;
  text-align: center; 
  text-transform: uppercase;
  color: #de2222;
}
h2 {
  font-family: 'Anek Latin', sans-serif, Arial;
  font-size: calc(16px + 0.5vw);
  font-weight: 500;
  line-height: calc(21px + 0.5vw);
  margin: 0px 0px 10px;
  padding: 40px 0px 0px 0px;
/*  text-align: center; */
  text-transform: uppercase;
    text-align: left;
}
h3 {
  font-size: calc(16px + 0.5vw);
  font-weight: 400;
  line-height: calc(21px + 0.5vw);
  color: #000;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 10px 0px;
  text-transform: uppercase;
    text-align: left;
}
h4 {
  font-size: calc(16px + 0.5vw);
  font-style: italic;
  font-weight: 400;
  line-height: calc(21px + 0.5vw);
  color: #000;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 10px 0px;
  text-transform: uppercase;
    text-align: left;
}
h5 {
  font-size: calc(16px + 0.5vw);
  font-weight: 300;
  line-height: calc(21px + 0.5vw);
  color: #000;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 10px 0px;
    text-align: left;
}
h6 {
  font-size: calc(16px + 0.5vw);
  font-weight: 300;
  line-height: calc(21px + 0.5vw);
  color: #cc3333;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 10px 0px;
    text-transform: uppercase;
    text-align: left;
}
hr {
    margin-top: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #cc3333;
}
ul{
  list-style-type:square;
  letter-spacing:0,2em;
  list-style-position:outside;
/*  padding: 10px 40px 10px 40px;*/
  text-align: left;
}

ol{
  list-style-type:upper-roman;
  font-size: calc(14px + 0.5vw);
  line-height: calc(19px + 0.5vw);
  letter-spacing:0,2em;
  list-style-position:outside;
/*  padding: 10px 40px 10px 40px;*/
  text-align: left;
}
p{
  padding: 0px 0px 0px 0px;
}
a {
    color: #de2222;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}

.Button-DS a{
	font-size: 20px;
	line-height: 80px;
}

.contenttable {
  padding-left: 10px;
}
.st0 {
  fill: unset;
}


@media only screen and (max-width: 1024px) {
	.inhaltschmal{
	}
}
@media only screen and (max-width: 786px) {
  p {
      text-align: left;
  }


  #dirks-menu {
    height:350px;
  }
	.inhaltschmal{
  		line-height: 1.5em;  
	}
  	.Button-DS a{
		font-size: 12px;
		line-height: 50px;
		text-align: left;
	}
    .inhaltschmal h1{
        font-size: 3.5em;
		line-height: 50px;

	}
}