html { 
overflow:auto;
padding:0;
margin:0;
height:100.1%;
width:100%;
}

body {
background-color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:74%;
padding:0;
margin:0;
height:100%;
width:100%;
}


/* LINK */

a {
color:#666;
text-decoration: underline;
}

a:link {
color:#666;
text-decoration: underline;
}

a:visited {
color:#666;
text-decoration:underline;
}

a:focus {
color:#666;
text-decoration:underline;
}

a:hover {
color: #444;
text-decoration:none;
}

a:active {
color:#666;
text-decoration:underline;
}


/* FONT */
h1, h2, h3, h4, h5, h6, p {
font-family: Arial, Helvetica, sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}*/

h1 {
font-size: 3.2em;
text-align:center;
font-weight: normal;
line-height:1.2em;
margin:0;
padding:0;
color: #000;
letter-spacing:-0.5px;
border:0px solid;
}

h2 {
font-size: 3.0em;
line-height:1.1em;
font-weight: bold;
text-align:left;
color: #000;
margin:0;
padding:0;
border:0px solid #000;
}

header h2 {
font-size: 1.6em;
line-height:1.1em;
font-weight: bold;
text-align:left;
color: #000;
letter-spacing:-0.3px;
margin:0;
padding:0 0 8px 0;
border:0px solid red;
}

h3 {
font-size: 1.6em;
font-weight: bold;
text-align:left;
margin:0 0 4px 0;
padding:0;
color: #000;
border:0px solid #666;
}

h4 {
font-size: 2.5em;
font-weight: normal;
text-align:left;
margin:20px 0 0 0;
padding:0;
color: #000;
border:0px solid #000;
}

p {
color: #000;
font-weight: normal;
font-size: 1.4em;
line-height:1.5em;
text-align:left;
margin:0;
border:0px solid #444;
}

.bold {
font-weight:bold;
}

.kursiv {
font-style:italic;
}

.upper {
text-transform:uppercase;
}

.textmid {
text-align:center;
}

.font220 {
font-size:220%;
}

.font80 {
font-size:80%;
}


ul {
list-style-type: disc;
margin:0;
padding:0 0 0 14px;
width:96%;
border:0px solid red;
}

li {
font-size: 1.4em;
line-height:1.4em;
font-weight:normal;
height: auto;
text-align: left;
color: #000;
background: transparent;
padding: 0;
margin:0;
border:0px solid red;
}


.nowrap {
white-space: nowrap;
}


/* Else */

hr {
position:relative;
margin:20px auto;
border: none;
width:14%;
border-top: 2px solid #666;
background-color: transparent;
height:1px;
text-align:center;
}
.space10 {
position:relative;
border:0px solid blue;
height:10px;
width: 100%;
background: transparent;
}

.space20 {
position:relative;
border:0px solid blue;
height:20px;
width: 100%;
background: transparent;
}

.space30 {
position:relative;
border:0px solid blue;
height:30px;
width: 100%;
background: transparent;
}

.space40 {
position:relative;
border:0px solid blue;
height:40px;
width: 100%;
background: transparent;
}

.space50 {
position:relative;
border:0px solid blue;
height:50px;
width: 100%;
background: transparent;
}

.space160 {
position:relative;
border:0px solid blue;
height:200px;
width: 100%;
background: transparent;
}

.scale {
position:relative;
width: 100%;
height: auto;
object-fit:cover;
}

.scale50 {
position:relative;
width: 40%;
height: auto;
}

.clearfix::after {
visibility: hidden;
display: block;
content: ".";
clear: both;
height: 0;
}


/* Struktur atf */


header.atf {
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0 solid blue;
z-index:1;
}

header.atf a {
color:#666;
text-decoration:underline;
}

header.atf a:hover {
color:#000;
text-decoration:none !important;
transition:all .5s linear;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
}

.header-wrapper {
position:relative;
max-width: 1200px;
min-width:300px;
height:auto;
margin:0 auto 12px auto;
padding: 50px 2% 0;
background: transparent;
border:0px solid orange;
z-index:2;
}

.header-con {
position:fixed;
/*position: sticky;*/
display: block;
top:0;
left:0;
height: 10%;
width: 100%;
min-width:280px;
margin: 0 auto;
padding:0;
border: 0px solid aqua;
background: #000;
box-shadow: 0px 0px 6px 0px #aaa;
z-index: 100;
}

.header-con2 {
position:relative;
/*position: sticky;*/
display: block;
height: 58px;
max-width: 1200px;
min-width:280px;
margin: 0 auto;
padding:0;
border: 0px solid blue;
background: #000;
}

.header_img {
position:relative;
display:block;
margin: 26px auto 0;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header_img-inner {
position:relative;
float:left;
display:block;
margin: 0;
width: 50%;
outline:0px solid green;
z-index:2;
padding:0;
}

.header_img-inner-full {
position:relative;
float:left;
display:block;
margin: 0;
width: 100%;
outline:0px solid green;
z-index:2;
padding:0;
}

.header_img-2 {
position:relative;
display:block;
margin: 12px auto 0;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header_img-3 {
position:relative;
float:left;
display:block;
margin: 0 auto 12px;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header-logo {
display: block;
float:right;
height: 100px;
width: 250px;
margin: 0;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_tp.png) no-repeat 50% 0;
background-size:85% auto;
clear:both;
}

.header-logo-1 {
display: block;
height: 100px;
width: 250px;
margin: 0 auto;
padding:0;
border: 0px solid aqua;
background: #fff url(../img/logo_tp.png) no-repeat 50% 0;
background-size:85% auto;
clear:both;
}

.header_col-full {
position:relative;
display:block;
float:left;
width:94%;
padding:1% 3%;
margin:1% 0;
min-height:40px;
background:#d9dadc;
border:0px solid blue;
}



/************* Ende atf ********************/


#wrapper {
display:block;
float:left;
position:relative;
width: 96%;
margin:0 auto;
padding: 0 2%;
border:0px solid red;
}

#wrapper-bg {
display:block;
float:left;
position:relative;
width: 100%;
margin:0 auto;
padding: 0;
background:#d9dadc;
border:0px solid red;
}

main {
position: relative;
display: block;
position: relative;
min-width:310px;
max-width: 1200px;
min-height:560px;
height:100%;
margin: 0 auto;
border:0px solid #000;
padding:0;
background:transparent;
z-index:1;
}

.main-bg {
position: relative;
display: block;
position: relative;
min-width:310px;
max-width: 1280px;
height:100%;
margin: 0 auto;
border:0px solid #000;
padding:0;
background:transparent;
z-index:1;
}

header {
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0px solid blue;
}

article {
display: block;
position: relative;
margin:0 auto 0;
padding:0;
width:100%;
height: auto;
border: 0px solid green;
}

section {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 0;
margin:0 auto;
border: 0px solid blue;	
}

.col-full {
position:relative;
display:block;
width:100%;
padding:0;
margin:0;
height:auto;
border:0px solid red;
}

.inner {
width:94%;
padding:0 3%;
border:0px solid blue;
}

.col-full-bxslider {
position:relative;
display:block;
width:100%;
padding:0;
margin:0;
height:auto;
border:0px solid green;
}

.col-full-bg {
position:relative;
display:block;
width:94%;
padding:1% 3%;
margin:0;
height:auto;
background:#d9dadc;
border:0px solid blue;
}

.col-full-2 {
position:relative;
display:block;
width:74%;
padding:0 2%;
margin:0 auto 1% auto;
height:auto;
border:0px solid red;
}

button {
position:relative;
height:64px;
width:250px;
padding: 10px;
margin: 0;
background:#eee;
border:0px solid #fff;

-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 10px;
}

button p {
text-align: center;
font-size: 1.5em;
font-weight:bold;
color:#000;
line-height:2.1em;
}

.icon-primary {
    color: #fff;
    background: #d78fe9;
    transition: 0.3s;
    border:0px solid blue;
    margin:0 auto;
    text-align:center;
    }
    
.icon-lg {
    width: 100px;
    height: 100px;
}

.icon {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    }
    
    p.center {
    text-align: center;
    }


.tp-video {
position:relative;
height:auto;
width:80%;
padding: 0 10%;
margin: 10% auto;
background:transparent;
border:0px solid red;
}

video {
width: 100% !important;
height: 100% !important;
margin: 0 auto;
padding:0;
border:0px solid #999;
}


.flexbox {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  border:0px solid green;
}

.box1 {
  min-height: 90px;
  height:auto;
  width:266px;
  background: #98bf0e;
  flex: 0 1 auto;
  margin: 4px 0;
  padding: 0;
  border:0px solid red;
}

.box2 {
  min-height: 100px;
  height:auto;
  min-width:100px;
  background: transparent;
  flex: 1 0 auto;
  margin: 4px 4px 8px 4px;
  padding:0;
  border:0px solid blue;
}

.box3 {
  min-height: 20px;
  width: 100%;
  min-width:200px;
  height:auto;
  background: transparent;
  flex: 0 1 auto;
  margin: 0;
  padding:0;
  border:0px solid green;
}


picture {
position:relative;
display: flex; 
justify-content: center;
align-items: center;
width:100%;
}

picture img {
max-width:100%;
}


a.imgmap {
width:90px;
height: 30px;
position:absolute;
right:30%;
bottom:24%;
display:inline;
border:0px solid red;
outline:none;
}



/* Footer */

footer {
display: block;
float:left;
position: relative;
width: 80%;
min-height:40px;
padding: 0px 10% 0px 10%;
background:#000;
z-index:0;
border-top:0px solid #000;
}

footer p {   
color: #000;
font-size: 1.2em;
margin:4px 0 0 0;
text-align: left;
font-weight:normal;
}



/***************************************** - 920px *************************************/

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


}


/***************************************** - 860px *************************************/

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

video {
width: 94% !important;
height: auto !important;
margin: 0 3%;
padding:0;
border:0px solid #999;
}

#wrapper > *, footer > *, .footer-bottom > * {
font-size:85%;
}

}



/***************************************** - 420px *************************************/

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


a.imgmap {
width:56px;
height: 28px;
position:absolute;
right:6.5%;
bottom:22%;
display:inline;
border:0px solid red;
outline:none;
}

}

/*************************** :root *******************************/

html * {
border: 1px none;
}

:root * {
border: 1px none red;
}