/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://z.tanzflair.de/font/poppins-other.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://z.tanzflair.de/font/poppins-other.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://z.tanzflair.de/font/poppins-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.subbox { flex: 1 1 300px; border:none;; padding: 5px; margin: 5px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius: .5em; }
.subflextable { width:300px; }
.subflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
.bildboxtext img { BORDER:0; WIDTH: 100%; display: block; }
.bildboxtext span { text-align: left; line-height: 2em; width: 80%; bottom: 0; position: absolute; background-color: #00A5E7; font-size: normal; font-family: Poppins,Arial; font-weight:bold; padding: 0 5px; }
.bildboxtext { WIDTH: 100%; MAX-WIDTH:600px; margin: 0 auto; position: relative; }
.bildbox { flex: 1 1 500px; border: 0; padding: 5px; margin: 5px; }
.bildflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
.textbox { flex: 1 1 400PX; border: 0; padding: 5px; margin: 5px; }
.textflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
#cookiedingsbums { outline: 1px solid #7b92a9; border-top:1px solid #fff; background: #d6e0eb; background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); position:fixed; bottom:0px; z-index:10000; width:100%; line-height:16px; }
h4, h5, .Header, .Logo, .Banner, .BildRechts, .BildMitte, .BildLinks, .Inhalt, .Sprechomat, .Fuss, .Navi, .Navi a, .Suche { border-radius: .5em; }
a { padding: 10px; }
a:link { color: #222121; }
a:visited { color: #222121; }
a:hover { color: #222121; }
a:focus { color: #222121; outline: 1px solid red; }
a:active { color: #222121; }
h1 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.6em; font-weight: bold; border: 0; border-radius: 5px; padding: 0 5px; }
h2 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.5em; font-weight: bold; border: 0; border-radius: 5px; padding: 0 5px; }
h3 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.4em; font-weight: bold; border: 0; border-radius: 5px; padding: 0 5px; }
h4 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.3em; font-weight: bold; border: 0; border-radius: 5px; padding: 0 5px; }
h5 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.2em; font-weight: bold; border: 0; border-radius: 5px; padding: 0 5px; }
h6 { color: #0e0c0b; font-style: normal; font-family:Poppins,Arial,serif; font-size: 1.1em; font-weight: bold; border: 1px solid #222121; border-radius: 5px; padding: 0 5px; }
legend { font-family: Arial,Arial,serif; font-size: 1em; color: #0e0c0b; font-weight: bold; border-left: 2px solid ; }
p, li, td { font-family: Poppins,Arial,serif; font-size: 1em; color: #0e0c0b; font-weight:normal; }
th { text-align: center; padding: 3px; font-family:Poppins,Arial,serif; font-size: 22px; color:#000000; font-weight:bold; border: 1px solid #222121; }
DIV#Presse { margin: 15px 15px 15px 15px; padding: 2px 5px 2px 5px; border: 0; min-width: 16em; min-height: 100px; color: #000000; background-color:#DDDDDD; -webkit-box-shadow: 3px 3px 6px #000000; -moz-box-shadow: 3px 3px 6px #000000; box-shadow: 3px 3px 6px #000000; -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offx=3, offy=3)"; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offY=3, offX=3); font-family:'Times New Roman','Courier New',Arial,serif; color:#000000; }
h1#Presse { font-size:small; font-style:normal; font-weight:bold; text-align: center; letter-spacing:0.3em; border: 0; }
h2#Presse { font-size:x-large; font-style:normal; font-weight:bold; text-align: center; letter-spacing:0.1em; border: 0; }
h3#Presse { font-size:large; font-weight:normal; text-align: center; letter-spacing:0.1em; border: 0; }
h4#Presse { font-size:medium; font-weight:bold; text-align: justify; border: 0; }
p#Presse, li#Presse, td#Presse { text-align: justify; }
div#Seite { margin: 0 auto; width: 100%; text-align: left; border: 0; background-color: transparent; }
.Header { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: transparent; }
.Header a { padding: 0; }
.Position { color: gold; }
.Position a { color: gold; }
.Logo { display: none; }
.Banner { border: 0; margin: 0; }












.Content { display: flex; flex-direction: row; flex-wrap: nowrap; }
.Inhalt { min-height: 500px; margin: 1px; padding: 4px 1%; background-color: #EEEEEE; background-color: #EEEEEE; }
.Sprechomat { display: none; }
.BildRechts { float: right; margin: 4px 4px 4px 4px; background-color:#BBBBBB; text-align: justify; font-size: small; }
.BildLinks { float: left;   margin: 4px 4px 4px 4px; background-color:#BBBBBB; text-align: justify; font-size: small; }
.BildMitte { align: center; margin: 0 auto; text-align: center; font-size: small; }
.rund { border-radius: .5em; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; cursor: hand; }
input, textarea { background: #ddd; }
input:focus, textarea:focus { color: #000; background: #fff; outline: 1px solid red; }
.Suche { display: none; }
.Fuss { display: none; }
.Fuss a:link, .Fuss a:visited { color: gold; }
.Fuss a:hover { color: gold; }
.Fussdruck { width: 100%; margin: 2px 0; padding: 0; border: 0; text-align: right; font-family: Poppins,Arial,serif; font-size:medium; color: #0e0c0b; background-color: ; font-weight:normal; }
.Boden { display: none; }
div#WichtigeEingaben { display: none; }
.bildtext { position: relative; }
.bildtext span { background-color: hsla(0, 0%, 100%, 0.5); position: absolute; bottom: 0; width: 100%; line-height: 2em; text-align: center; }
.bildtext img { display: block; }
.cup { tr:nth-child(even) { background-color: #000000; } tr:nth-child(odd)  { background-color: #DDDDDD; } }
.BildScroll { width: 100%; align: center; margin: -20px 0 0 0; border-radius: .5em; }
.kbdtaste { background: #F7F7F7; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:4px; border-style:solid; border-width:1px; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.5); white-space:nowrap; font-size: 1.1em; font-weight: bold;}
.kbdmenue { background: #777777; padding:0 .4em; white-space:nowrap; font-size: 1.1em; color: #FFFFFF }
.kbdkartei { border-bottom: solid 1px #888888; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.5); white-space:nowrap; font-size: 1.1em; }
.kbdschalt { background: #F7F7F7; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border: solid 1px #DDDDDD; border-radius:2px; padding:0 .4em; white-space:nowrap; font-size: 1.1em; }
body { background-color: #222121; }
.LogoBild { align: center; margin: 0 auto; text-align: center; font-size: small; border: 1px solid gold;}
.subbox { background-color: #DEDEDE; }
.abstand { margin: 15px; }
.Team div { width: 250px; height: 250px; background-size: 250px 250px; }
.Team .withHover { display: none; }
.Team:hover .withoutHover { display: none; }
.Team:hover .withHover { display: block; }
.Content { display: block; }
.Navi { display: none; }