|
|
| Zeile 1: |
Zeile 1: |
| − | .version.index /* version checker */
| + | /*Für alles was da kommt... Nun nur noch für die Seriennavigation |
| − | {
| |
| − | color: #00001B;
| |
| − | background-color: #08001E;
| |
| − | }
| |
| − | | |
| − | #muse_css_mq
| |
| − | {
| |
| − | background-color: #FFFFFF;
| |
| − | }
| |
| − | | |
| − | #page
| |
| − | {
| |
| − | z-index: 1;
| |
| − | min-height: 438px;
| |
| − | background-image: none;
| |
| − | border-width: 0px;
| |
| − | border-color: #000000;
| |
| − | background-color: transparent;
| |
| − | padding-bottom: 62px;
| |
| − | width: 100%;
| |
| − | max-width: 1250px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | | |
| − | #u763
| |
| − | {
| |
| − | z-index: 2;
| |
| − | width: 1209px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 106px;
| |
| − | margin-left: 50%;
| |
| − | left: -605px;
| |
| − | }
| |
| − | | |
| − | #u760
| |
| − | {
| |
| − | z-index: 3;
| |
| − | display: block;
| |
| − | margin-top: -86px;
| |
| − | margin-bottom: -86px;
| |
| − | }
| |
| − | | |
| − | #pu911-3
| |
| − | {
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 106px;
| |
| − | width: 50.72%;
| |
| − | margin-left: 1.6%;
| |
| − | }
| |
| − | | |
| − | #u911-3
| |
| − | {
| |
| − | z-index: 59;
| |
| − | vertical-align: top;
| |
| − | width: 618px;
| |
| − | height: 216px;
| |
| − | position: relative;
| |
| − | margin-left: 2.53%;
| |
| − | background: url("../images/u911-3.png") no-repeat 0px 0px;
| |
| − | }
| |
| − | | |
| − | #u776
| |
| − | {
| |
| − | z-index: 43;
| |
| − | width: 146px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 112px;
| |
| − | position: relative;
| |
| − | margin-left: 32.34%;
| |
| − | }
| |
| − | | |
| − | #u772
| |
| − | {
| |
| − | z-index: 44;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -46px;
| |
| − | }
| |
| − | | |
| − | #u787
| |
| − | {
| |
| − | z-index: 45;
| |
| − | width: 146px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 5px;
| |
| − | position: relative;
| |
| − | margin-left: 32.34%;
| |
| − | }
| |
| − | | |
| − | #u783
| |
| − | {
| |
| − | z-index: 46;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -46px;
| |
| − | }
| |
| − | | |
| − | #u645
| |
| − | {
| |
| − | z-index: 31;
| |
| − | width: 350px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 44px;
| |
| − | position: relative;
| |
| − | }
| |
| − | | |
| − | #u641
| |
| − | {
| |
| − | z-index: 32;
| |
| − | display: block;
| |
| − | margin-top: -101px;
| |
| − | margin-bottom: -102px;
| |
| − | }
| |
| − | | |
| − | #u311
| |
| − | {
| |
| − | z-index: 29;
| |
| − | width: 149px;
| |
| − | border-width: 0px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 684px;
| |
| − | left: 223px;
| |
| − | }
| |
| − | | |
| − | #u455
| |
| − | {
| |
| − | z-index: 30;
| |
| − | display: block;
| |
| − | margin-top: -47px;
| |
| − | margin-bottom: -47px;
| |
| − | }
| |
| − | | |
| − | #ppu798
| |
| − | {
| |
| − | padding-bottom: 0px;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 434px;
| |
| − | width: 35.76%;
| |
| − | margin-left: 17.84%;
| |
| − | }
| |
| − | | |
| − | #pu798
| |
| − | {
| |
| − | width: 65.78%;
| |
| − | margin-left: 34.01%;
| |
| − | }
| |
| − | | |
| − | #u798
| |
| − | {
| |
| − | z-index: 47;
| |
| − | width: 144px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | }
| |
| − | | |
| − | #u794
| |
| − | {
| |
| − | z-index: 48;
| |
| − | display: block;
| |
| − | margin-top: -14px;
| |
| − | margin-bottom: -15px;
| |
| − | }
| |
| − | | |
| − | #u812
| |
| − | {
| |
| − | z-index: 49;
| |
| − | width: 144px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 51.37%;
| |
| − | }
| |
| − | | |
| − | #u808
| |
| − | {
| |
| − | z-index: 50;
| |
| − | display: block;
| |
| − | margin-top: -15px;
| |
| − | }
| |
| − | | |
| − | #pu656
| |
| − | {
| |
| − | margin-top: 30px;
| |
| − | width: 66%;
| |
| − | margin-left: 34.01%;
| |
| − | }
| |
| − | | |
| − | #u656
| |
| − | {
| |
| − | z-index: 33;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | }
| |
| − | | |
| − | #u652
| |
| − | {
| |
| − | z-index: 34;
| |
| − | display: block;
| |
| − | margin-top: -35px;
| |
| − | margin-bottom: -37px;
| |
| − | }
| |
| − | | |
| − | #u98
| |
| − | {
| |
| − | z-index: 5;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 50.85%;
| |
| − | }
| |
| − | | |
| − | #u663
| |
| − | {
| |
| − | z-index: 6;
| |
| − | display: block;
| |
| − | margin-top: -36px;
| |
| − | margin-bottom: -36px;
| |
| − | }
| |
| − | | |
| − | #pu473
| |
| − | {
| |
| − | margin-top: 20px;
| |
| − | width: 66.22%;
| |
| − | margin-left: 33.79%;
| |
| − | }
| |
| − | | |
| − | #u473
| |
| − | {
| |
| − | z-index: 15;
| |
| − | width: 148px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | }
| |
| − | | |
| − | #u469
| |
| − | {
| |
| − | z-index: 16;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -47px;
| |
| − | }
| |
| − | | |
| − | #u425
| |
| − | {
| |
| − | z-index: 11;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px;
| |
| − | left: 51.02%;
| |
| − | }
| |
| − | | |
| − | #u421
| |
| − | {
| |
| − | z-index: 12;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -45px;
| |
| − | }
| |
| − | | |
| − | #pu505
| |
| − | {
| |
| − | margin-top: 4px;
| |
| − | width: 100%;
| |
| − | }
| |
| − | | |
| − | #u505
| |
| − | {
| |
| − | z-index: 17;
| |
| − | width: 147px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | }
| |
| − | | |
| − | #u501
| |
| − | {
| |
| − | z-index: 18;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -44px;
| |
| − | }
| |
| − | | |
| − | #u516
| |
| − | {
| |
| − | z-index: 19;
| |
| − | width: 148px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 33.56%;
| |
| − | }
| |
| − | | |
| − | #u512
| |
| − | {
| |
| − | z-index: 20;
| |
| − | display: block;
| |
| − | margin-top: -46px;
| |
| − | margin-bottom: -47px;
| |
| − | }
| |
| − | | |
| − | #u527
| |
| − | {
| |
| − | z-index: 21;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px;
| |
| − | left: 67.57%;
| |
| − | }
| |
| − | | |
| − | #u523
| |
| − | {
| |
| − | z-index: 22;
| |
| − | display: block;
| |
| − | margin-top: -46px;
| |
| − | margin-bottom: -45px;
| |
| − | }
| |
| − | | |
| − | #u932-4
| |
| − | {
| |
| − | z-index: 75;
| |
| − | display: block;
| |
| − | vertical-align: top;
| |
| − | margin-top: 130px;
| |
| − | position: relative;
| |
| − | margin-left: 47.66%;
| |
| − | }
| |
| − | | |
| − | #u929-3
| |
| − | {
| |
| − | z-index: 72;
| |
| − | vertical-align: top;
| |
| − | height: 349px;
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | background: url("../images/u929-3.png") no-repeat 0px 0px;
| |
| − | }
| |
| − | | |
| − | #pu823
| |
| − | {
| |
| − | padding-bottom: 0px;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 434px;
| |
| − | width: 11.61%;
| |
| − | margin-left: 54%;
| |
| − | }
| |
| − | | |
| − | #u823
| |
| − | {
| |
| − | z-index: 51;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | }
| |
| − | | |
| − | #u819
| |
| − | {
| |
| − | z-index: 52;
| |
| − | display: block;
| |
| − | margin-top: -15px;
| |
| − | margin-bottom: -14px;
| |
| − | }
| |
| − | | |
| − | #u678
| |
| − | {
| |
| − | z-index: 35;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 44px;
| |
| − | position: relative;
| |
| − | margin-left: 0.69%;
| |
| − | }
| |
| − | | |
| − | #u674
| |
| − | {
| |
| − | z-index: 36;
| |
| − | display: block;
| |
| − | margin-top: -36px;
| |
| − | margin-bottom: -36px;
| |
| − | }
| |
| − | | |
| − | #u439
| |
| − | {
| |
| − | z-index: 13;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 15px;
| |
| − | position: relative;
| |
| − | }
| |
| − | | |
| − | #u435
| |
| − | {
| |
| − | z-index: 14;
| |
| − | display: block;
| |
| − | margin-top: -40px;
| |
| − | margin-bottom: -41px;
| |
| − | }
| |
| − | | |
| − | #u549
| |
| − | {
| |
| − | z-index: 23;
| |
| − | width: 145px;
| |
| − | background-color: transparent;
| |
| − | margin-top: 1px;
| |
| − | position: relative;
| |
| − | }
| |
| − | | |
| − | #u545
| |
| − | {
| |
| − | z-index: 24;
| |
| − | display: block;
| |
| − | margin-top: -45px;
| |
| − | margin-bottom: -45px;
| |
| − | }
| |
| − | | |
| − | #pu915-4
| |
| − | {
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 146px;
| |
| − | width: 32.4%;
| |
| − | margin-left: 65.92%;
| |
| − | }
| |
| | | | |
| − | #u915-4
| + | Hauptseiten ReDesign 2.0 Rev. 3; Mai 2019*/ |
| − | {
| |
| − | z-index: 62;
| |
| − | display: block;
| |
| − | vertical-align: top;
| |
| − | position: relative;
| |
| − | margin-left: 75.56%;
| |
| − | }
| |
| | | | |
| − | #u918-3
| + | /*Responsible Design*/ |
| − | {
| |
| − | z-index: 66;
| |
| − | display: block;
| |
| − | vertical-align: top;
| |
| − | margin-top: 7px;
| |
| − | position: relative;
| |
| − | margin-left: 3.96%;
| |
| − | }
| |
| | | | |
| − | #u926-3
| + | * Screen widths: 0 < 950px < 1180px < 1650px < 2355px < 3000px */ |
| − | {
| |
| − | z-index: 69;
| |
| − | vertical-align: top;
| |
| − | width: 204px;
| |
| − | height: 31px;
| |
| − | margin-top: 8px;
| |
| − | position: relative;
| |
| − | margin-left: 5.19%;
| |
| − | background: url("../images/u926-3.png") no-repeat 0px 0px;
| |
| − | }
| |
| | | | |
| − | #ppu834
| + | /* width 0 < 950px */ |
| − | { | + | .empty-tile { display:none; } /* No need space fillers */ |
| − | margin-top: 76px;
| |
| − | width: 100%;
| |
| − | } | |
| | | | |
| − | #pu834
| + | @media screen and (min-width: 950px) { /* width 950px < 1180px */ |
| − | {
| + | .categories { max-width:750px; } /* Leave a 100px to 215px gap each side */ |
| − | padding-bottom: 0px;
| |
| − | margin-right: -10000px; | |
| − | margin-top: 1px;
| |
| − | width: 32.84%;
| |
| | } | | } |
| | | | |
| − | #u834
| + | @media screen and (min-width: 1180px) { /* width 1180px < 1650px */ |
| − | {
| + | .empty-tile, /*{ display:inline-block; }*/ |
| − | z-index: 53;
| + | .categories { max-width:950px; } /* Leave a 115px to 200px gap each side */ |
| − | width: 133px;
| |
| − | background-color: transparent; | |
| − | position: relative; | |
| | } | | } |
| | | | |
| − | #u830
| + | @media screen and (min-width: 1650px) { /* width 1650px < 2355px */ |
| − | {
| + | .nav-titlecard { max-width:1415px; } |
| − | z-index: 54;
| |
| − | display: block; | |
| − | margin-top: -39px;
| |
| − | margin-bottom: -39px;
| |
| | } | | } |
| | | | |
| − | #u1594
| + | @media screen and (min-width: 2355px) { /* width 2355px < 3000px */ |
| − | { | + | .nav-titlecard, /*{ max-width:2130px; }*/ |
| − | z-index: 4; | + | .infoblock-container { max-width:2130px; } |
| − | background-color: #9898F5; | |
| − | margin-top: 5px;
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| | } | | } |
| − | | + | @media screen and (min-width: 3000px) { /* width 3000px < inf */ |
| − | #u1597-4
| + | .categories { max-width:2130px; } |
| − | {
| + | /*.nav-titlecard { max-width:2130px; }*/ |
| − | z-index: 83;
| + | /*.infoblock-container { max-width:2130px; }*/ |
| − | display: block;
| |
| − | vertical-align: top;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 19px;
| |
| − | width: 32.34%;
| |
| − | left: 64.67%;
| |
| − | }
| |
| − | | |
| − | #u845
| |
| − | { | |
| − | z-index: 55;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px; | |
| − | left: 34.08%;
| |
| − | }
| |
| − | | |
| − | #u841
| |
| − | { | |
| − | z-index: 56;
| |
| − | display: block;
| |
| − | margin-top: -38px;
| |
| − | margin-bottom: -35px;
| |
| − | }
| |
| − | | |
| − | #u856
| |
| − | {
| |
| − | z-index: 57;
| |
| − | width: 131px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 67.66%;
| |
| − | } | |
| − | | |
| − | #u852
| |
| − | {
| |
| − | z-index: 58;
| |
| − | display: block;
| |
| − | margin-top: -7px; | |
| − | margin-bottom: -6px;
| |
| − | }
| |
| − | | |
| − | #pu692
| |
| − | {
| |
| − | margin-top: 41px;
| |
| − | width: 99.76%;
| |
| − | margin-left: 0.25%;
| |
| − | }
| |
| − | | |
| − | #u692
| |
| − | { | |
| − | z-index: 37;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px;
| |
| − | }
| |
| − | | |
| − | #u688
| |
| − | {
| |
| − | z-index: 38;
| |
| − | display: block;
| |
| − | margin-top: -30px;
| |
| − | margin-bottom: -30px;
| |
| − | } | |
| − | | |
| − | #u706
| |
| − | {
| |
| − | z-index: 39;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative; | |
| − | margin-right: -10000px;
| |
| − | left: 33.92%;
| |
| − | }
| |
| − | | |
| − | #u702
| |
| − | {
| |
| − | z-index: 40;
| |
| − | display: block;
| |
| − | margin-top: -30px;
| |
| − | margin-bottom: -30px;
| |
| − | }
| |
| − | | |
| − | #u726
| |
| − | { | |
| − | z-index: 41;
| |
| − | width: 129px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 68.07%;
| |
| − | } | |
| − | | |
| − | #u722
| |
| − | {
| |
| − | z-index: 42;
| |
| − | display: block;
| |
| − | margin-top: -28px;
| |
| − | margin-bottom: -29px;
| |
| − | }
| |
| − | | |
| − | #pu408
| |
| − | {
| |
| − | margin-top: 20px;
| |
| − | width: 66.42%;
| |
| − | margin-left: 0.25%;
| |
| − | }
| |
| − | | |
| − | #u408
| |
| − | {
| |
| − | z-index: 9;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | }
| |
| − | | |
| − | #u404
| |
| − | {
| |
| − | z-index: 10;
| |
| − | display: block;
| |
| − | margin-top: -39px;
| |
| − | margin-bottom: -38px;
| |
| − | }
| |
| − | | |
| − | #u391
| |
| − | {
| |
| − | z-index: 7;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px;
| |
| − | left: 50.93%;
| |
| − | }
| |
| − | | |
| − | #u387
| |
| − | {
| |
| − | z-index: 8;
| |
| − | display: block;
| |
| − | margin-top: -42px;
| |
| − | margin-bottom: -42px;
| |
| − | }
| |
| − | | |
| − | #pu560
| |
| − | {
| |
| − | margin-top: 5px;
| |
| − | width: 66.18%;
| |
| − | margin-left: 0.25%;
| |
| − | }
| |
| − | | |
| − | #u560
| |
| − | {
| |
| − | z-index: 25;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | margin-top: 1px;
| |
| − | }
| |
| − | | |
| − | #u556
| |
| − | {
| |
| − | z-index: 26;
| |
| − | display: block;
| |
| − | margin-top: -38px;
| |
| − | margin-bottom: -38px;
| |
| − | }
| |
| − | | |
| − | #u571
| |
| − | {
| |
| − | z-index: 27;
| |
| − | width: 132px;
| |
| − | background-color: transparent;
| |
| − | position: relative;
| |
| − | margin-right: -10000px;
| |
| − | left: 50.75%;
| |
| − | }
| |
| − | | |
| − | #u567
| |
| − | {
| |
| − | z-index: 28;
| |
| − | display: block;
| |
| − | margin-top: -38px;
| |
| − | margin-bottom: -39px;
| |
| − | }
| |
| − | | |
| − | #u953-4
| |
| − | {
| |
| − | z-index: 79;
| |
| − | display: block;
| |
| − | vertical-align: top;
| |
| − | margin-top: 126px;
| |
| − | position: relative;
| |
| − | margin-left: 22.23%;
| |
| − | }
| |
| − | | |
| − | .html
| |
| − | {
| |
| − | background-color: #000000;
| |
| | } | | } |
| | | | |
| − | body
| + | /*Seriennavigation*/ |
| − | { | + | .nav-titlecard{ |
| − | position: relative; | + | margin:0 auto; |
| − | min-width: 320px; | + | /*display:flex; |
| | + | flex-flow:row-reverse wrap-reverse;*/ |
| | + | justify-content:center; |
| | } | | } |
