@font-face {
    font-family: "Ubuntu";
    src: url('font/Ubuntu-Regular.ttf');
}
@font-face {
    font-family: "Ubuntu";
    src: url('font/Ubuntu-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: "Ubuntu";
    src: url('font/Ubuntu-Light.ttf');
    font-style: italic;
}
@font-face {
    font-family: "Ubuntu";
    src: url('font/Ubuntu-Light.ttf');
    font-style: italic;
}

body{font-family: "Ubuntu";}
.mp_butt > img, .mp_auswertung{
    border: 2px solid red;
    border-radius: 25px;
}
.mp_auswertung > h2{
    padding:15px;
}
.mp_butt > h2{
    font-size: 20px;
    max-width: 270px;
    padding-top: 15px;
    font-weight: bold;
}

.buying-selling.active {
    background: #7BB712;
}
.buying-selling {
    width: 130px;
    padding: 10px;
    position: relative;
}
.buying-selling-word {
    font-size: 15px;
    font-weight: 600;
    margin-left: 22px;
}
.timelineheadline{
    color:black;
}
.swiper-menu > .floatcaption{
    color: white;
    font-size: 24px;
    background-color: rgba(0,0,0,0.4);
    padding: 15px;
    position: absolute;
    bottom: 30px;
    width: 300px;
    text-align: center;
}
.menulink {
    max-width: 300px;
    max-height: 220px;
    width:auto;
}
#tchscrn_menu table td {
    padding: 30px;
    vertical-align: bottom;
    text-align: center;
}
.radio-dot:before, .radio-dot:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 100%;
}
.radio-dot:before {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    top: 10px;
    left: 16px;
}
.radio-dot:after {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    top: 14px;
    left: 20px;
}

.buying-selling.active .buying-selling-word {
    color: #fff;
}
.buying-selling.active .radio-dot:after {
    background: #426C2A;
}
.buying-selling.active .radio-dot:before {
    background: #fff;
    border-color: #699D17;
}
.buying-selling.active .radio-dot:after {
    background: #426C2A;
}

.polinav>img_bak{
    border:2px solid #343434;
    border-radius:12px;
}
.polinav>img{
    margin-left: 15px;
}
.polinav.navinverted>img{
    border:0px;
    border-radius:0px;
}
.polinav.active>img_bak{
    border:2px solid #b8b8b8;
}
.polinav.active>img{
}
.boldtext_head .markercaption{font-size: 40px;font-weight: bold;font-family: Verdana, Arial, sans-serif}
/*.markera {background: #c54abf;opacity:.5}*/
.polinav.markera {
    border-left:2px solid black;
}
.polinav.markera.tp {
    border-left:none;
}
.polinav.markera:first-of-type {
    border-left: none;
}
.polinav.markera.bbb {
    border-left: none;
}
.polinav.markera_bak {border-radius:12px;width:90px;height:90px}
.starttiles{height: 264px;width: 372px;}
.formtile{width: 293px;height: 291px;border-radius:30px;border: 6px solid black;background-color: white;}
.formtile > img{
    max-height: 263px;
    max-width: 263px;
    margin: 10px;
}
.formtile > .markercaption{
    margin-top: -70px;
    text-align: center;
    font-weight: bold;
}
.formtile.toptile > .markercaption{
    margin-top: -250px;
}
.stofftile{width: 305px;height: 305px;border-radius: 15px;}
.stoffmarker > h2{
    margin-top: -70px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
}
#content{
    background-color:#ffffff;
    transform-origin: left top;
}

div.videofloat {min-height:390px;width:659px;z-index:1001}
.modelllabelwrap{
    left: 900px;
    bottom: 140px;
    position: absolute;

}
.plainhead{
     width:450px;
     text-align: center;
 }
.plainhead > .markercaption{
    color: black;
    font-size: 36px;
    padding: 15px;
    position: absolute;
    bottom: 0px;
    width: 450px;
    text-align: center;
}
.fakemenu{
    width:350px;
    height:250px;
    text-align: center;
}
.fakemenu > img{
    max-width: 350px;
    max-height: 250px;
    height: 250px;
    width: auto;
}
.fakemenu > .markercaption{
    color: white;
    font-size: 24px;
    background-color: rgba(0,0,0,0.4);
    padding: 15px;
    position: absolute;
    bottom: 0px;
    width: 350px;
    text-align: center;
}
.stoffmenu{
    width:370px;
    height:220px;
    text-align: center;
    overflow:hidden;
}
.stoffmenu > img{
    width: 370px;
}
h2 > small{
    font-size: 60%;
    color: white;
}
.stoffmenu > .markercaption{
    color: white;
    font-size: 24px;
    background-color: rgba(0,0,0,0.4);
    padding: 15px;
    position: absolute;
    bottom: 0px;
    width: 370px;
    text-align: center;
}
#modelllabel{
    color: #fff;
    font-size: 22px;
    background-color: #808080;
    text-align: center;
    border-radius: 10px;
    white-space: nowrap;
    padding: 5px;
    margin-right: 20px;
    float: left;
}
#modelllabelclose{
    width: 35px;
    height: 34px;
    color:#fff;
    font-weight:bold;
    background-color: #808080;
    text-align: center;
    border-radius: 10px;
    padding-top:6px;
    float:right;

}
#modelllabelplay{
    position:absolute;
    top: 330px;
    height: 310px;
    width: 210px;
    left: 860px;
}

.polipolclaim{
    position:absolute;
    right:10px;
    bottom:30px;
}
.polipolclaim > img{
    height:130px;
}
.fkttext{
    position: absolute;
    bottom: 56px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #343434;
    background-color: white;
}
.covervideo{
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: white;
    background-image: url("play.png");
    top: 13px;
    right: 13px;
    background-size: cover;
    pointer-events: none;
}
#myfloatwrapper > .minifloat{
    height: 130px;
    margin-right: 30px;
    margin-bottom: 30px;
    border:none;
    padding:0px;
}
#myfloatwrapper > .minifloat > .polipolclaim > img{
     height:60px;
    width:auto;
 }
#myfloatwrapper > .minifloat > .floatcaption{
    font-size:18px;
    display:block;
    bottom:0px;
}
#myfloatwrapper{
    width: 1820px;
    position: absolute;
    top: 120px;
    left: 130px;
    height: 980px;
    padding: 20px;
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 21.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 26px;
    width: 26px;
    transition: all 0.15s ease-out 0s;
    background: white;
    border: 1px solid #343434;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}
.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    color:black;
    content: '✔';
    display: inline-block;
    font-size: 22px;
    text-align: left;
    padding: 3px;
    line-height: 20px;
}
input:focus {
    outline: none !important;
    box-shadow: none !important;
}
.option-input.yes:checked::before {
    color:#00BC3D;
}
.option-input.radio {
    border-radius: 3px;margin-right: 7px;    margin-bottom: 12px;
}
.option-input.radio::after {
    border-radius: 10px;
}
.fktdiv{
    position: absolute;
    color: black;
    font-size: 24px;
    height: 210px;
    border-radius: 30px;
    border: 6px solid black;
    background-color: white;
}
.fktdiv.small{
    font-size: 14px;
    height: 160px;
    border-radius: 20px;
    border: 5px solid black;
}
.fktdiv.disabled{
    pointer-events: none;
    opacity: 0.4;
}
.fktdiv  img {
    width:200px;
    padding: 10px;
    max-height: 200px;
}
.fktdiv.small  img {
    width:150px;
    padding: 8px;
    max-height: 150px;
}
.fktdiv.small > .covervideo {
    width:30px;
    height: 30px;
}
.fktdiv.small.extrasmall{
    font-size: 12px;
    height: 130px;
    border-radius: 15px;
    border: 3px solid black;
}
.fktdiv.small.extrasmall  img {
    width:120px;
    padding: 6px;
    max-height: 120px;
}
.fktdiv.small.extrasmall > .covervideo {
    width:20px;
    height: 20px;
}
.fktdiv.small.extrasmall > .fkttext {
    font-size:12px;
}
.fktdiv.bright > div > label,.fktdivmulti.bright > div > label {
    color:white;
}
.fktdivmulti{
    position: absolute;
    color: black;
    font-size: 24px;
    border-radius: 30px;
    border: 6px solid black;
    background-color: white;
}
.fktdivmulti.all {
    height: 160px;
    width: 160px;
    margin-left: 60px;
    margin-top: 60px;
    overflow: hidden;
    position: inherit;
}
.fktdivmulti.disabled{
    pointer-events: none;
    opacity: 0.4;
}
.fktdivmulti > div {
    position:relative;
}
.fktdivmulti > div  img {
    width:150px;
    padding: 6px;
    max-height: 150px;
}
.fktdivmulti > div > .fktdiv{
    position: relative;
    font-size: 10px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid black;
    max-width: 60px;
    text-align: center;
    margin-bottom: 5px;
}
.fktdivmulti > div > .fktdiv  img{
    height: 65px;
    max-width: 65px;
    padding-bottom: 10px;
    margin-left:-10px;
}
.fktdivmulti > div > .fktdiv > .labelwrap{
    position: absolute;
    top: 0px;
    left: 70px;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label{
    text-align:left;
    width:100px;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label > .option-input{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid black;
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    display: inline-flex;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label > .option-input:checked::before {
    height: 20px;
    width: 20px;
    position: absolute;
    color: black;
    content: '✔';
    display: inline-block;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    line-height: 20px;
}
.fktdivmulti > div > .fktdiv > .fkttext{
    position: absolute;
    bottom: 2px;
    width: 100%;
    text-align: center;
    font-size: 6px;
    color: black;
}
.gimmemore{
    background-color: black;
    border-radius: 5px;
    color: white;
    border: 2px solid white;
    padding: 10px;
    height: 60px;
    z-index: 999;
}
.pp_mainimg > img{
    max-width:1060px;
    max-height:750px;
}
.pp_3dinfo{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    border: 2px solid black;
    background-color: yellow;
    border-radius: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 27px;
    font-weight: bold;
}
.pp_sinfo > img{
}
.pp_sinfo_stoff{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    background-size: cover;
}
.pp_sinfo_stoff > img{

}
.kataloglogo > img{
    max-height: 70px;
    padding:10px;
    background-color: white;
}
.ivoslide{
    padding-top:75px;
}
.swiper-menu{
    height:295px;
}
div.widevideo{
    width: 880px;
}
.ppnav > img{
    width:280px;
    height:280px;
}
.ppnav > .markercaption{
    position: absolute;
    width: 300px;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    line-height: 280px;
    font-weight: bold;
    font-size: 40px;
    color: black;
    margin-top: -300px;
}
#thecsel{
    display:none;
    position:absolute;
    bottom:0px;
    left:-200px;
    border:5px solid black;
    border-radius:30px;
    color:black;
    padding:10px;
}
.stoffbutton{
    color: black;
    font-size: 24px;
    height: 300px;
    width: 300px;
    border-radius: 15px;
    text-align: center;
    border: 10px solid black;
    background-color: white;
}
.stoffbutton > img {
    width: 220px;
    padding: 10px;
}
.stoffbutton > h2{
    font-size: 36px;
    font-weight: bold;
    font-family: "Ubuntu";
    text-transform: uppercase;
}
.stoffbutton.stoffsmall > h2{
    font-size: 22px;
    font-weight: bold;
    font-family: "Ubuntu";
    text-transform: uppercase;
    bottom: 15px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.stoffpopdyn,.stoffpopdyn:hover{
    position: absolute;
    top: 250px;
    left: 550px;
    width: 800px;
    border: 12px solid #777777;
    border-radius: 24px;
    text-align:center;
    padding: 20px;
    background-color: white;
    color:black;
    display:none;
}

#stoffpopclose{
    position: absolute;
    right: 10px;
    top:10px;
}
#stoffpophead{
    color: white;
    font-size: 26px;
    background-color: #777777;
    padding: 10px;
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
#stoffpoptext{
    font-size: 24px;
    width: 818px;
    padding-top: 30px;
    text-align: left;
}
#stoffpopimgr{
    position: absolute;
    right: 21px;
    top: 86px;
    display:none;
}
#stoffpopimgb{
    display:none;padding-top: 35px;
}


.container_buttons{
    position:absolute;
    font-size:24px;
    bottom:64px;
    left:1600px;
    width:320px;
    height:auto;
    z-index:10;
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    flex-direction: column;

}

.container_buttons > .button h2{
    height: 50px;
    width: 320px;
    color: #ffffff;
    background-color: #333333;
    text-align: right;
    font-size: inherit;
    padding-top: 13px;
    padding-right: 20px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #999999;
    z-index: 11;

}
.container_buttons > .button h2 > sup{
font-size: 50%;
    top: -.8em;
}
.container_buttons > .button_highlight h2{
    color: #02b5dd;
    background-color: #ffffff;

}
.container_buttons > .button_selected h2{
    color: #02b5dd;

}
.gallery-thumbs .swiper-slide {

    opacity: 1;
    filter: none;
    position: absolute;
    top:64px;
    left: 640px;
    width: 1280px;
    height: 952px;
}

.gallery-thumbs {
    position: absolute;
    top: 890px;
    height: 125px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.swiper-slideshow img {
    position: absolute;
    top:64px;
    left: 640px;
    width: 1280px;
    height: 952px;

}
.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 340px;
    left: auto;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 660px;
    right: auto;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 540px;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
div:focus{outline:none}
span:focus{outline:none}
.markera.quali > img {
    max-width:87px;
}

.halfling > h2{
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0px;
    padding-top: 55px;
    height: 150px;
    width: 100%;
    background-color: rgb(0,0,0,0.4);
}
.halfling > img{
    object-fit: cover;
    width: 958px;
    height: 890px;
}
.ivoslide {
    margin-top: 100px;
    padding: 20px;margin-left: 14px;
}
.container_buttons.ivoslide{
    margin-top: 75px;
    padding: 0px;
}
#tchscrn_menu table td {
    padding: 8px;
    vertical-align: bottom;
    text-align: center;
    height: auto;
}
.menulink {
    max-width: 369px;
    height: 258px;
    max-height: 300px;
    width: auto;
}
.swiper-menu > .floatcaption {
    color: white;
    font-size: 24px;
    background-color: rgba(0,0,0,0.4);
    padding: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 96%;
    text-align: center;
    margin-left: 8px;
    margin-bottom: 8px;
}
.pp_sinfo {
    position: absolute;
    top: 20px;
    left: 23px;
    width: 20px;
    height: 20px;
    background-size: cover;
}
.pp_sinfo.xd{
               top: 70px;
}
#modelllabel {
    color: #fff;
    font-size: 22px;
    text-align: center;
    white-space: nowrap;
    background-color: #343434;
}
.ppcontainer > a > img{
    max-width:150px;
    margin-top: 15px;
    padding-right: 10px;
}
.formtile_form,.formtile_stoff{
     border-right:3px solid white;
     border-bottom:3px solid white;
     background-color: #343434;
 }
.formtile_form > .markercaption{
    color: white;
    position: absolute;
    bottom: 49px;
    right: 163px;
    font-size: 46px;
}
.formtile_form > img{
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    position: absolute;
}
.formtile_stoff{
    text-align: center;
}
.formtile_stoff > .markercaption{
    color: white;
    position: absolute;
    bottom: 41px;
    font-size: 22px;
    width: 100%;
}
.formtile_stoff > img{
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 40%;
    position: absolute;
}
.fsize15{
    width:384px;
    height:296px;

}
.fsize15 > img{
    max-width:500px;
    max-height:400px;
}
.fsize9{
    width:640px;
    height:296px;

}
.fsize9 > img{
    max-width:500px;
    max-height:400px;
}
.fsize6{
    width:640px;
    height:446px;

}
.fsize6 > img{
    max-width:500px;
    max-height:400px;
}
.fsize4{
    width:960px;
    height:446px;

}
.fsize4 > img{
    max-width:500px;
    max-height:400px;
}
.fsize3{
    width:640px;
    height:890px;

}
.fsize3 > img{
    max-width:500px;
    max-height:400px;
}
.fsize2{
     width:960px;
     height:890px;

 }
.fsize2 > img{
    max-width:700px;
    max-height:600px;
}
.fsize1{
    width:1920px;
    height:880px;

}
.fsize1 > img{
    max-width:800px;
    max-height:600px;
}
.stoffpopdyn, .stoffpopdyn:hover {
    position: absolute;
    top: 192px;
    left: 461px;
    width: 1107px;
    border: 2px solid #fff;
    text-align: left;
    padding: 98px;
    background-color: #343434;
    color: white;
    display: none;
    border-radius:0px;
}
#stoffpophead {
    color: white;
    font-size: 26px;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius:0px ;
    background-color: inherit;
}
#stoffpopclose {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 40px;
}
.fktdiv {
    height: 220px;
    width: 250px;
    font-size: 16px;
    border-radius: 0px;
    border: 2px solid black;
}
.fktdiv  img {
    width: 200px;
    padding: 10px;
    max-height: 200px;
}
.fktdiv.small {
    height: 220px;
    width: 250px;
    font-size: 12px;
    border-radius: 0px;
    border: 1px solid #343434;
}
.fktdiv.small  img {
    width: 190px;
    max-height: 201px;
    margin-left:29px;
}
.labelwrap {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.fkttext {
    position: absolute;
    bottom: 56px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #343434;
}
.fakemenu.active,.stoffmenu.active{
    outline: 1px solid white;
    outline-offset: 6px;
}
.fktdivmulti{
    position: absolute;
    color: black;
    font-size: 14px;
    width: 214px;
    padding: 21px;
    border-radius: 0px;
    border: 1px solid black;
    background-color: white;
}
.fktdivmulti.all {
    height: 180px;
    width: 160px;
    margin-left: 0px;
    margin-top: 0px;
    overflow: hidden;
    position: absolute;
}
.fktdivmulti.disabled{
    pointer-events: none;
    opacity: 0.4;
}
.fktdivmulti > div {
    position:relative;
    margin-top: 10px;
}
.fktdivmulti > div  img {
    width:150px;
    padding: 6px;
    max-height: 150px;
}
.fktdivmulti > div > .fktdiv{
    position: relative;
    font-size: 10px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid black;
    max-width: 60px;
    border:0px;
    text-align: center;
    margin-bottom: 5px;
}
.fktdivmulti > div > .fktdiv  img{
    height: 70px;
    max-width: 70px;
    width: auto;
    padding-bottom: 10px;
}
.fktdivmulti > div > .fktdiv > .labelwrap{
    position: absolute;
    top: 25px;
    left: 50px;
    white-space: nowrap;
    width: 129px;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label{
    text-align:left;
    width:50px;margin-left: 6px;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label > .option-input{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid black;
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    display: inline-flex;
}
.fktdivmulti > div > .fktdiv > .labelwrap > label > .option-input:checked::before {
    height: 20px;
    width: 20px;
    position: absolute;
    color: black;
    content: '✔';
    display: inline-block;
    font-size: 12px;
    text-align: left;
    padding-left: 4px;
    line-height: 15px;
}
.fktdivmulti > div > .fktdiv > .fkttext{
    position: absolute;
    bottom: 35px;
    left: 65px;
    text-align: left;
    font-size: 10px;
    color: black;
}
#weiterfunk{
    position: absolute;
    left: 1416px;
    bottom: 22px;
    font-size: 13px;
    color: white;
    background-color: #343434;
    border-radius: 0px;
    padding: 20px;
}
.label{display: inline-block;
    max-width: 100%;
    margin-bottom: 18px;
    margin-left: unset;font-weight:unset;
    margin-right: unset;}

.input[type=radio] {margin:unset;}
.ppcontainer > a > .markercaption{
    color: white;
    font-size: 14px;
    background-color: rgba(0,0,0,0.4);
    padding: 5px;
    bottom: 0px;
    width: 140px;
    margin-top: -25px;
    text-align: center;
    position: relative;
    white-space: nowrap;
}
.ppcontainer > a{
    float: left;
}

.qualiplay{

}
.qualiplay > .markercaption{
    color: white;
    background-color: rgba(0,0,0,0.4);
    width: 960px;
    height: 50px;
    padding-left: 300px;
    padding-top: 8px;
    font-size: 28px;
    position: absolute;
    bottom: 0px;
}
.qualiplay > img{
    padding-left: 570px;
    padding-bottom: 8px;
    position: relative;
    z-index: 999;
}
.miniheadline > h2{
    font-size:22px;
}
#planungpop, #planungpop:hover {
    position: absolute;
    top: 192px;
    left: 461px;
    width: 900px;
    border: 2px solid #fff;
    text-align: left;
    padding: 98px;
    background-color: #343434;
    color: white;
    display: inline;
    z-index: 22222;
    border-radius: 0px;
    max-height: 800px;
    overflow: auto;
}
.planungpoptext {
    font-size: 24px;
    width: 818px;
    padding-top: 30px;
    text-align: left;
    overflow:auto;
}
#planungpophead {
    color: white;
    font-size: 26px;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0px;
    background-color: inherit;
}
table.ptable td, table.ptable th{
    padding:12px;
}