/* Font-Klassen */
/*
.MinionPro-It { font-family: MinionPro-It; }
.MinionPro-Medium { font-family: MinionPro-Medium; }
.MinionPro-Regular { font-family: MinionPro-Regular; }
.MinionPro-SemiboldIt { font-family: MinionPro-SemiboldIt; }
.Avenir-Black { font-family: Avenir-Black; }
.Avenir-BlackOblique { font-family: Avenir-BlackOblique; }
.Avenir-Book { font-family: Avenir-Book; }
.Avenir-BookOblique { font-family: Avenir-BookOblique; }
.Avenir-Heavy { font-family: Avenir-Heavy; }
.Avenir-HeavyOblique { font-family: Avenir-HeavyOblique; }
.Avenir-Light { font-family: Avenir-Light; }
.Avenir-LightOblique { font-family: Avenir-LightOblique; }
@import "main.css";
.Avenir-Medium { font-family: Avenir-Medium; }
.Avenir-MediumOblique { font-family: Avenir-MediumOblique; }
.Avenir-Oblique { font-family: Avenir-Oblique; }
.Avenir-Roman { font-family: Avenir-Roman; }
*/

@keyframes imgzoomin {
    from {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
    }
    to {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
}

@keyframes imgzoominout {

}

.MinionPro-It {
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;

    font-size: 1.2em;
}
.MinionPro-Medium {
    font-family: 'MinionPro-Medium';
}
.MinionPro-Regular {
    font-family: 'MinionPro-Regular';
}
.MinionPro-SemiboldIt {
    font-family: 'MinionPro-SemiboldIt';
}
.Avenir-Black {
    font-family: 'Avenir Next W01';
    font-weight: bold;
}
.Avenir-BlackOblique {
    font-family: 'Avenir-BlackOblique';
}
.Avenir-Book {
    font-family: 'Avenir Next W01';
    font-weight: bold;
}
.Avenir-BookOblique {
    font-family: 'Avenir-BookOblique';
}
.Avenir-Heavy {
    font-family: 'Avenir-Heavy';
}
.Avenir-HeavyOblique {
    font-family: 'Avenir-HeavyOblique';
}
.Avenir-Light {
    font-family: 'Avenir-Light';
}
.Avenir-LightOblique {
    font-family: 'Avenir-LightOblique';
}
.Avenir-Medium {
    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;

    font-size: 1.2em;
}
.Avenir-MediumOblique {
    font-family: 'Avenir Next W01';
    font-style: italic;
}
.Avenir-Oblique {
    font-family: 'Avenir-Oblique';
}
.Avenir-Roman {
    font-family: 'Avenir-Roman';
}

/* CI-Farbwerte */
html,
body,
.header,
.torso,
.footer {
    background-color: #fff;
    min-width: 600px;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #1d1d1b;
}

::selection {
    color: #fff; 
    background: #1d1d1b;
}



body * {
    color: #1d1d1b;

    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

body .plugin-article h1 p.bodytext {
    -moz-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

a img {
    border: none;
}

.bg-red {
    background-color: #891B15;
}
.bg-violett {
    background-color: #4E2583;
}

/* Allgemeine Definitionen */
* {
    box-sizing: border-box;
}
html,
body {
    margin: 0px;
}


/* Seitenelemente */
.header {
    /* padding: 0.5rem; */

    z-index: 10;
    width: 100%;
    height: 7.5rem;

    position: fixed;
    top: 0rem;
}

.header .content {
    height: 7.5rem;
}

.header.header-bottom-border {
    border-width: 0 0 1px 0;

    border-image: linear-gradient(right, #891B15, #4E2583) 100% 1;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#891B15), to(#4E2583)) 100% 1;
    -webkit-border-image: -webkit-linear-gradient(right, #891B15, #4E2583) 100% 1;
    -o-border-image: -o-linear-gradient(right, #891B15, #4E2583) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #891B15, #4E2583) 100% 1;

    border-style: solid;
}

#page-10 .header,
#page-13 .header,
#page-41 .header {
    border-width: 0 0 1px 0;
    border-image: linear-gradient(right, #891B15, #4E2583) 100% 1;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#891B15), to(#4E2583)) 100% 1;
    -webkit-border-image: -webkit-linear-gradient(right, #891B15, #4E2583) 100% 1;
    -o-border-image: -o-linear-gradient(right, #891B15, #4E2583) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #891B15, #4E2583) 100% 1;
    border-style: solid;
}

.header .logo a {
    display: block;
}
.header .col-left a {
    height: 5.5rem;
    margin: 0.6rem 0rem 0.6rem 2rem;
    display: inline-block;
}
.header .col-left a img {
    height: 100%;
}
.header .col-left,
.header .col-right {
    width: 26%;
}
.header .col-center {
    width: 10%;
}
.header .content {
    width: 100%;
    position: relative;
    top: -1px;
    
    background-color: #fff;
}

.header .content .area {
    width: 65.25rem;
    margin: auto;
    list-style-type: none;

    padding: 0;
}
.header .content .area li {
    margin: auto 2.3rem;
}
.header .content .area li a {
    text-decoration: none;
}
.header .content .area li a .title {
    text-align: center;
    text-transform: uppercase;

    font-size: 1.2rem;

    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;

    letter-spacing: 0.15rem;
}
.header .content .area li a .subtitle {
    font-style: italic;
    text-align: center;

    font-size: 1.15rem;

    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;

    letter-spacing: 0.1rem;
}

.header .content .area li.current a .title {
    font-family: 'Avenir Next W01';
    font-weight: 800;
    font-style: normal;
}

.header .content .area li.current a .subtitle {
    font-family: 'Aptifer Slab W01';
    font-weight: 500;
    font-style: italic;
}

.header .content .socialmedia {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header .content .socialmedia li {
    height: 2rem;
    margin: auto 0.5rem;
}
.header .content .socialmedia li a,
.header .content .socialmedia li a img {
    height: 100%;
}

.header .content .centerlogo {
    /* height: 100%; */
}

.header .content .language {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 6.5rem;
    display: inline-block;
    margin-left: 0.625rem;
    margin-right: 2rem;
    font-size: 1.75rem;

    position: relative;
    top: -0.1rem;
    left: 0.5rem;
}
.header .content .language li {
    width: 45%;
    float: left;
    text-transform: uppercase;

    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;

    text-align: right;
}
.header .content .language li.first {
    width: 45%;
    float: left;
    border-right: 1px solid #000;
    text-transform: uppercase;
    text-indent: 0px;
    /* padding-right: 1.5rem; */
    text-align: left;
}
.header .content .language li.current {
    font-family: 'Avenir Next W01';
    font-weight: 800;
    font-style: normal;
}
.header .content .language li a {
    text-decoration: none;
}

.header .content .search {
    display: inline-block;
    margin-left: 0rem;
    height: 2.125rem;
}
.header .content .search form {
    background-image: url('/typo3conf/ext/photonworld/Resources/Public/images/header-search.svg');
    background-repeat: no-repeat;
    height: 2.142857143rem;
    width: 10.714285714rem;
    background-size: 100% 100%;
}
.header .content .search form .sword {
    height: 100%;
    border: none;
    background: transparent;
    width: 70%;
    margin-left: 0.75rem;
}
.header .content .search form input.submit {
    display: block;
    height: 100%;
    width: 10%;
    height: 100%;
    background-size: 50%;
    margin: 5%;
    height: 55%;
    position: relative;
    right: 0.6rem;
    bottom: 2.125rem;
}
.header .content .search form input.sword {
    background: transparent;
    display: block;
    height: 100%;
    width: 72%;
    border: none;
    outline: none;
    margin-left: 8%;
    overflow: hidden;

    padding: 0.4rem;

    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;
    font-size: 1.15rem;
    color: #808080;

    text-align: center;

    line-height: 2.1rem;
}

.torso {
    margin-top: 7.5rem;
}

.torso .content .safari-fix-1 {
    width: 100%;
    height: 15rem;
    position: absolute;
    background-color: #fff;
}

.torso .content {
    background-image: -webkit-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -moz-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -o-linear-gradient(#4E2583 0%, #891B15 100%);
    background-image: linear-gradient(#4E2583 0%, #891B15 100%);
    background: linear-gradient(90deg, #4E2583 0%, #891B15 100%);
}

.torso .content .heading {
    position: fixed;
    z-index: 1;
    width: 100%;
}

.torso .content .elements {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

#page-20 .torso .content .elements {
    top: 4.5rem !important;
}

.torso .content .elements .maincontent {
    background-color: #fff;
    position: relative;
    /* overflow: hidden; */
    padding-top: 2.155rem;
}
#page-47 .torso .content .elements .maincontent {
    padding-top: 0rem !important;
}

#page-5 .torso .content .elements  {
    background-color: #fff;
}
#page-5 .torso .content .elements .maincontent {
    width: 83.572rem;
    margin: auto;
}

#page-28 .torso .content .elements .maincontent,
#page-6 .torso .content .elements .maincontent,
#page-30 .torso .content .elements .maincontent,
#page-20 .torso .content .elements .maincontent {
    padding-top: 0rem;
}

.torso .content .startsite-item,
.torso .content .plugin-schuelerlaborvideos .startsite-item-nolink {
    width: 83.572rem;
    height: 27.25rem;
    margin: auto;
    /* padding: 1.3125rem 0rem 0rem 0rem; */
}
.torso .content .startsite-item-nolink {
    width: 83.572rem;
    margin: auto;
}
.torso .content .startsite-item-nolink .hardheight {
    height: 27.25rem;
}


.torso .elements .bottom-border {
    height: 0.75rem;

    background-image: -webkit-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -moz-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -o-linear-gradient(#4E2583 0%, #891B15 100%);
    background-image: linear-gradient(#4E2583 0%, #891B15 100%);
    background: linear-gradient(30deg, #4E2583 0%, #891B15 100%);
}

.torso .content .startsite-item .bottom-border,
.torso .content .startsite-item-nolink .bottom-border {
    height: 2px;

    background-image: -webkit-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -moz-linear-gradient(top bottom, #4E2583 100%, #891B15 75%);
    background-image: -o-linear-gradient(#4E2583 0%, #891B15 100%);
    background-image: linear-gradient(#4E2583 0%, #891B15 100%);
    background: linear-gradient(30deg, #4E2583 0%, #891B15 100%);
}

#page-57 .maincontent {
    padding-top: 30rem;
}

#page-57 .startsite-item a {
    text-decoration: none !important;
}

#page-56 .maincontent .bottom-border {
    width: 53.358rem;
    height: 2px !important;
    margin: auto;
}

#page-45 .torso .elements .bottom-border {
    height: 4.482357143rem;
}

.torso .content .startsite-item .bodytext,
.torso .content .startsite-item-nolink .bodytext {
    font-size: 1.625rem;
    line-height: 2.3rem;
    margin: 0rem;
    letter-spacing: 0.081rem;
}
.torso .content .startsite-item .csc-default,
.torso .content .startsite-item-nolink .csc-default {
    display: table;
    clear: both;

    height: 100%;
    width: 100%;
}
.torso .content .startsite-item .csc-default .csc-textpic,
.torso .content .startsite-item-nolink .csc-default .csc-textpic {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.torso .content .startsite-item .csc-default .csc-textpic .csc-textpic-imagewrap,
.torso .content .startsite-item-nolink .csc-default .csc-textpic .csc-textpic-imagewrap {
    position: absolute;
    top: 0px;
}
.torso .content .startsite-item .csc-default .csc-textpic .csc-textpic-imagewrap figure,
.torso .content .startsite-item-nolink .csc-default .csc-textpic .csc-textpic-imagewrap figure {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0.68rem;
    top: 1.25rem;
}
.torso .content .startsite-item .csc-default .csc-textpic .csc-textpic-imagewrap figure img,
.torso .content .startsite-item-nolink .csc-default .csc-textpic .csc-textpic-imagewrap figure img {
    width: 39.286rem;
    height: 26rem;
}

.torso .content .startsite-item .csc-default .csc-textpic.csc-textpic-equalheight .csc-textpic-imagewrap figure img,
.torso .content .startsite-item-nolink .csc-default .csc-textpic.csc-textpic-equalheight .csc-textpic-imagewrap figure img {
    width: 39.286rem;
    height: 26rem;
}

.torso .content .startsite-item {
    cursor: pointer;
}
/*
.torso .content .startsite-item .csc-default .csc-textpic .csc-textpic-imagewrap figure img:hover,
.torso .content .startsite-item-nolink .csc-default .csc-textpic .csc-textpic-imagewrap figure img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);

    animation-name: imgzoomin;
    animation-duration: 1s;
}
*/
.torso .content .startsite-item .csc-default .csc-textpic .csc-textpic-text,
.torso .content .startsite-item-nolink .csc-default .csc-textpic .csc-textpic-text{
    width: 41.25rem;
}

.torso .content .startsite-item .csc-default .csc-textpic-intext-right .csc-textpic-text,
.torso .content .startsite-item-nolink .csc-default .csc-textpic-intext-right .csc-textpic-text{
    float: left;
}
.torso .content .startsite-item .csc-default .csc-textpic-intext-right .csc-textpic-imagewrap,
.torso .content .startsite-item-nolink .csc-default .csc-textpic-intext-right .csc-textpic-imagewrap {
    right: 0px;
}
.torso .content .startsite-item .csc-default .csc-textpic-intext-left .csc-textpic-text,
.torso .content .startsite-item-nolink .csc-default .csc-textpic-intext-left .csc-textpic-text {
    float: right;
    width: 41.25rem;
}
.torso .content .startsite-item .csc-default .csc-textpic-intext-left .csc-textpic-imagewrap,
.torso .content .startsite-item-nolink .csc-default .csc-textpic-intext-left .csc-textpic-imagewrap,
.torso .content .startsite-item .csc-default .csc-textpic-intext-right .csc-textpic-imagewrap,
.torso .content .startsite-item-nolink .csc-default .csc-textpic-intext-right .csc-textpic-imagewrap {
    width: 39.286rem;
    height: 26rem;
    
    overflow: hidden;
}

.torso .content .startsite-item .bodytext,
.torso .content .startsite-item-nolink .bodytext{
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: normal;
}

.ART-startside-item-divider {
    width: 100%;
    height: 3px;
}
.ART-startside-newsplugin-divider {
    width: 100%;
    height: 0.4375rem;

    position: relative;
    top: -0.5625rem;
    z-index: 100;
}

.footer {
    background-color: rgb(32, 32, 32);
    padding: 2.9375em;
    box-sizing: border-box;

    padding: 2.785714286em;
}

.footer .innerfooter {
    width: 126.2857143em;
    margin: auto;
}

.footer .innerfooter .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 2rem;
}
.footer .innerfooter .menu ul li {
    margin: 0.6rem auto;

    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;

    font-size: 1.2em;
    letter-spacing: 0.15em;
}
.footer .innerfooter .menu ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.footer .innerfooter .content {
    background-image: none!important;
    margin-left: 3.25em;
}

.footer .innerfooter .content .bodytext {

    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: italic;
    font-size: 1.0em;

    line-height: 1.75em;
    letter-spacing: 0.1em;
    width: 35em;
    color: #fff;
}

.footer .innerfooter .content .csc-default {
    float: left;
    color: #fff;

    box-sizing: border-box;
}
.footer .innerfooter .content #c10.csc-default {
    margin-left: 2.8125em;
}
.footer .innerfooter .logo {
    height: 7.55rem;
    margin-bottom: 1.714285714em;
}

.footer .innerfooter .socialmedia {
    width: 15.28571429em;
    margin: auto;
    height: 7.55rem;
    margin-bottom: 1.714285714em;
    overflow: hidden;
}

.footer .innerfooter .socialmedia center {
    height: 100%;
}

/* IE-Hack */
/*
@media screen\0 {
    .footer .innerfooter .socialmedia {
        height: 11.5em !important;
    }
}
*/

.footer .innerfooter .socialmedia ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
    
    padding-top: 2rem;
}
.footer .innerfooter .socialmedia ul li {
    margin: 0 0.484595238em;
}
.footer .innerfooter .socialmedia a {
    display: block;
    height: 3.792428571em;
    width: 3.792428571em;
}
.footer .innerfooter .socialmedia a img {
    display: block;
    height: 3.792428571em;
    width: 3.792428571em;
}

.footer .innerfooter .row-1 {
    padding: 2.5rem 0 0em 0;
}

.footer .innerfooter .row-3 {
    font-family: 'Avenir Next W01';
    text-align: center;

    padding: 1.9em 0 3em 0;
    letter-spacing: 0.13em;
    font-size: 1.1em;
}

.footer .innerfooter .row-3 span {
    color: #fff;
}

.footer .bodytext {
    font-size: 0.8em;
    margin: 0rem;
}

.footer .innerfooter .col-1 {
    width: 38.5em;
    margin-right: 7.142857143em;
}
.footer .innerfooter .col-2 {
    width: 35em;
    margin-right: 7.142857143em;
}
.footer .innerfooter .col-2 .content {
    margin-left: 0px;
}
.footer .innerfooter .col-3 {
    width: 30.5em;
    padding-top: 8.25em;
}



/* Floating */

.floatleft { float: left; }
.floatright { float: right; }

.sl-container:after,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.verticalAlign-table {
    display: table;
}
.verticalAlign-cell {
    display: table-cell;
    vertical-align: middle;

    width: inherit;
    height: inherit;
}

.svg-hexagon {
    cursor: pointer;
}

#page-34 .video {
    margin: 1.0rem !important;
}

@media all and (min-width: 1890px){
    html,body{font-size:14px}
}
@media all and (max-width: 1890px){
    html,body{font-size:13px}
}
@media all and (max-width: 1660px){
    html,body{font-size:12px}
}
@media all and (max-width: 1440px){
    html,body{font-size:11px}
}
@media all and (max-width: 1130px){
    html,body{font-size:10px}
}
@media all and (max-width: 1024px){
    html,body{font-size:9px}
    .torso .content .startsite-item .bottom-border {height:1px!important;}
    .torso {
        /* width: 137.1428571rem; */
    }
    .footer {
        width: 137.1428571em;
    }
}
@media all and (max-width: 904px){
    html,body{font-size:8px}
}
@media all and (max-width: 600px){
    html,body{font-size:7px}
}
.plugin-article,
.plugin-featurearticle {
    width: 84.143rem;
    margin: auto;
}

.plugin-article .smallerwidth,
.plugin-featurearticle .smallerwidth,
#c71,
#c322,
#c341,
#c339,
.plugin-digitalbook,
#page-58 .maincontent p,
#page-34 div.normal,
#page-13 div.normal,
#page-41 div.normal,
#c149 div.normal {
    width: 53.358rem;
    margin: 0rem auto !important;
}


#page-34 .backtotop {
    display: none;
}

#c149 h1 {
    margin-bottom: 3rem !important;
}

#page-57 .firstHeadline,
#page-33 .maincontent p .firstHeadline {
    font-size: 1.625rem;
    line-height: 2.3rem;
}
#page-33 .maincontent p .firstWords {
    font-size: 1.4rem;
    line-height: 2rem;
}
#page-33 .maincontent p {
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: auto;
}

#page-33 .startsite-item {
    cursor: initial;
}

#page-33 figure img {
    cursor: default;
}
#page-33 figure img:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;

    animation-name: none;
}

#page-37 .link,
#page-43 .link,
#page-57 .link,
#page-56 .link {
    margin: 3rem auto 4rem auto;
}
#page-43 .link a,
#page-37 .link a,
#page-57 .link a, 
#page-56 .link a  {
    background-image: url('/typo3conf/ext/photonworld/Resources/Public/images/header-search.svg');
    display: block;
    background-size: 100% 100%;
    height: 2.2rem;
    text-align: center;
    padding-top: 0.4rem;
    text-decoration: none;
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;
    font-size: 1.2rem;
    width: 10rem;
    margin: auto;
}
.plugin-article h2,
#page-43 h2,
#page-57 h2,
#page-56 h2,
#page-37 h2,
#page-34 h2 {
    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;
    font-size: 1.9rem;
    text-align: center;
    margin: 0.5rem 0rem 1.4rem 0rem;
    color: #1d1d1b;
}
.plugin-article h1,
#page-43 h1,
#page-56 h1,
#page-57 h1,
#page-37 h1,
#page-34 h1,
#page-13 h1,

#page-58 .maincontent h1,
#page-41 h1,
#c149 h1 {
    font-family: 'Avenir Next W01';
    font-weight: 900;
    font-style: normal;
    font-size: 3.925rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 5.3rem;

    padding: 0rem 0rem 0rem 0rem;
    margin: 0px;
}

/*
#page-56 h1,
#page-57 h1,
#page-43 h1 {
    padding-bottom: 4rem;
    padding-top: 2.5rem;
}
*/

#c220 h1 {
    margin-bottom: 1.875rem;
    margin-top: 4rem;
}

#c221 {
    width: 58rem;
    margin: auto;
}

#c221 h1 {
    font-family: 'Avenir Next W01' !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 1.6875rem !important;
    margin-top: 0.5rem !important;

    text-align: left;
    text-transform: none;
    line-height: 0rem;
    padding: 0rem 0rem 0rem 0rem;
    margin: 4rem 0rem 2rem 0rem;
}

#c221 .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
}

#c221 .csc-textpic-center-inner,
#c221 .csc-textpic-center-outer {
    position: static;
    float: none;
    right: 0rem;
}

#c221 .csc-textpic-imagewrap {
    float: left;
    display: inline;
    width: 20rem;
    height: auto;
    margin-right: 5rem;
    margin-top: 1rem;
}

#page-13 h1,
#page-58 .maincontent h1,
#page-41 h1 {
    margin-bottom: 4rem;
    margin-top: 5rem;
}

.plugin-article .textcontrols a,
.plugin-article h3,
#page-43 h3,
#page-56 h3,
#page-57 h3,
#page-37 h3 {
    font-size: 1.45rem;
    letter-spacing: 0.05rem;
    /* margin: 4rem 0rem 1.4rem 0rem; */
    /* line-height: 2.4rem; */
    font-family: 'Avenir Next W01';
    font-weight: 700;
    font-style: normal;
    margin: 0.5rem 0rem 0rem 0rem;
    line-height: 2.4rem;
}
#page-56 p,
#page-57 p,
#page-43 p,
#page-37 p {
    margin: 0rem;
}

.plugin-article .info {
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;

    text-align: center;
    font-size: 1.4rem;

    letter-spacing: 0.06rem;
    color: #808080;

    margin-bottom: 4rem;
}
.plugin-article .info span {
    color: inherit;
}
.plugin-article .info span.authors {
    color: #1d1d1b !important;

    font-family: 'Aptifer Slab W01';
    font-weight: 500;
    font-style: italic;
    
    
}
.plugin-article .info span.authors a {
    cursor: pointer;
}
.plugin-article .authorend {
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: italic;
    font-size: 1.40rem;
    letter-spacing: 0.025rem;
    padding: 1.4rem 0px;
    margin: 0px;
    line-height: 2.4rem;
    position: relative;
    top: -0.3rem;
}
/*
.plugin-article .authors {
    font-family: 'Avenir Next W01';
    font-weight: ligther;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5rem;
}
.plugin-article .date {
    font-family: 'Avenir Next W01';
    font-weight: lighter;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0rem;
}
*/
.plugin-article .introduction,
.plugin-article .introduction *,
#page-43 .introduction,
#page-56 .introduction,
#page-57 .introduction,
#page-37 .introduction {
    font-size: 1.45rem;
    letter-spacing: 0.0rem;
    margin: 0rem 0rem 2.4rem 0rem;
    line-height: 2.4rem;
    font-family: 'Avenir Next W01';
    font-weight: 700;
    font-style: normal;
}
.plugin-article .content {
    background: none;
}

.plugin-article .content p,
.plugin-article .zwischending *,
#page-37 div.normal,
#page-43 div.normal,
#page-56 div.normal,
#page-57 div.normal,
#page-34 div.normal,
#page-13 #c148,
#page-58 .maincontent p,
#page-41 #c177,
#c149,
.textabove,
.textbeforeheadline {
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: normal;
    font-size: 1.45rem;
    letter-spacing: 0.025rem;
    padding: 0.4rem 0px 1.75rem;
    margin: 0px;
    line-height: 2.4rem;
    position: relative;
    top: -0.3rem;
}
.textbeforeheadline { 
    font-style: italic !important;
}

#page-34 div.normal p,
#page-13 #c148 p,
#page-41 #c177 p,
#c149 p {
    margin: 0rem;
}
#page-13 #c148,
#page-41 #c177,
#c149 {
    margin: 0rem 0rem 5rem 0rem;
}

.positionrelative {
    position: relative;
}

.heading .csc-textpic-center-outer,
.heading .csc-textpic-center-inner {
    position: static;
    float: none;
    right: 0;
    height: 100%;
    width: 100%;
}

.heading .csc-textpic-center-inner .csc-textpic-image.csc-textpic-last {
    height: 100%;
    width: 100%;
    margin-bottom: 0rem;
}

.heading .csc-textpic-center-inner .csc-textpic-image.csc-textpic-last img {
    height: 100%;
    width: 100%;
}

.footer .copyright {
    margin-top: 0em;
    text-align: center;
    letter-spacing: 0.1em;
}

.footer .copyright .Avenir-Medium,
.footer .copyright .MinionPro-It {
    color: #fff!important;
}

.backtotop {
    width: 3.286rem;
    height: 3.286rem;
    position: absolute;
    z-index: 10;
    /* top: 73.5rem; */
    top: 60rem;
    right: 0;
    margin: 0 3.6rem 3.6rem 0;
    background-image: url('/typo3conf/ext/photonworld/Resources/Public/Icons/backtotop.svg');
    background-repeat: no-repeat;
    cursor: pointer;

    border: 1px solid #000;
}

#page-6 .mainbottomborderafterelements,
#page-28 .mainbottomborderafterelements,
#page-30 .mainbottomborderafterelements,
#page-31 .mainbottomborderafterelements {
    display: none;
}

#c61 h1 {
    text-align: center;
    font-size: 4.25rem;
    font-family: 'Avenir Next W01';
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}
#c61 .csc-textpic-imagewrap {
    float: none;
}
#c61 .csc-textpic-image.csc-textpic-last {
    width: 100%;
    height: 100%;
}
#c61 .csc-textpic-imagewrap {
    height: 56.924rem;
    width: 88.895999999999999rem;
    overflow: hidden;
    margin: auto;
}
#c61 .csc-textpic-image.csc-textpic-last img {
    height: 100%;
    width: 100%;
}
#c61 .csc-textpic-text {
    text-align: center;
    font-family: 'Avenir Next W01';
    font-weight: 700;
    font-style: normal;
    font-size: 1.35rem;
    margin: 3rem auto 0rem auto;
    line-height: 2rem;
}

#page-34 .maincontent,
#page-56 .maincontent,
#page-43 .maincontent,
#page-37 .maincontent {
    padding-top: 0rem !important;
}

#c130 p {
    margin: 0.45rem;
}

/* Google Maps */
#c64 {
    padding: 15rem 0rem;
}
#map_canvas64 {
    margin: auto;
}

#page-43 .maincontent,
#page-56 .maincontent,
#page-57 .maincontent,
#page-37 .maincontent {
    width: 83.85714286rem;
    padding-top: 5.428571429rem;
    margin: auto;
}
/*
#page-34 .maincontent {
    width: 83.85714286rem;
    padding-top: 5.428571429rem;
    margin: auto;
}
*/
#page-43 .elements,
#page-56 .elements,
#page-57 .elements,
#page-37 .elements {
    background-color: #fff;
}

#page-34 .elements {
    background-color: #fff;
}

.firstHeadline {
    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
.firstWords {
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: italic;
}

#c130 {
    width: 58.64285714rem;
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: italic;
    margin: auto;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 20rem;
    line-height: 2.25rem;
}

.content-en .plugin-news .isvideo .title {
    display: none !important;
}
#page-4.content-de .plugin-fullsizepicture {
    display: none !important;
}
.content-en .plugin-news .center .video-js {
    top: -16rem !important;
}

#c327,
#c70,
#c72 {
    margin-top: 5rem;
}

.hidden {
    display: none;
}

.slidecols {
    overflow: hidden;
    width: 70.358rem;
}
/*
.video-picture img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);

    animation-name: imgzoomin;
    animation-duration: 1s;
}
*/

.js-search {
    height: 100%;
    display: table;
    margin: auto;
}

.js-search .js-search-button {
    border: none;
    background-color: transparent;
    height: 2.75rem;
    
    display: block;
    float: left;
    margin-right: 1.5rem;
    
    cursor: pointer;
}

.js-search .js-search-button img {
    height: 100%;
    width: auto;
}

.js-search .js-search-edit  {
    background-color: transparent;
    border: none;
    height: 2.75rem;
    
    display: block;
    float: left;
    
    font-size: 2.25rem;
    color: #fff;
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: italic;
}

.js-search .js-search-edit,
.js-search .js-search-button {
    outline: 0 none;
    border: 0 none;
}

/* Zoom auf alle Bilder im Content-Bereich */
.elements .maincontent img {
    overflow: hidden;
    -webkit-transition: -webkit-transform 400ms ease-out;
    -moz-animation: -webkit-transform 400ms ease-out;
    -o-animation: -webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out;
}
#page-4 .maincontent img:hover,
#page-5 .maincontent img:hover,
#page-56 .maincontent img:hover,
#page-57 .maincontent img:hover,
#page-19 .maincontent img:hover,
#page-31 .maincontent img:hover {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

#c297 {
    width: 47.46rem;
    margin: auto;
    text-align: center;
    
    font-size: 1.4rem;
    letter-spacing: 0.03rem;
    color: #4d4d4d;
    line-height: 1.95rem;
    font-family: 'Aptifer Slab W01';
    font-weight: 200;
    font-style: normal;
}

.footer .logo {
    height: 7.5rem;
}
.footer .logo a {
    display: inline-block;
    height: 100%;
}

.footer .logo a img {
    height: 100%;
}


.language-box {
    border: 1px solid #9d9c9c;
    background-color: #fff;
    padding: 1rem 1.4286rem 1.4286rem 1.4286rem;
    margin-bottom: 1.4286rem;
    
    position: absolute;
    right: -15rem;
    width: 15rem;
    
    top: 20rem;
}

.language-box-link {
    font-family: 'Avenir Next W01';
    font-weight: 800;
    font-style: normal;
    font-size: 1.2rem;
    margin: auto;
    color: #000;
    text-indent: 0rem;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0.709875rem 0;
    word-break: keep-all;
}

.plugin-article video {
    width: 100%;
    padding-top: 1rem;
}
.plugin-article .video-title {
    color: #808080;
    font-family: 'Avenir Next W01';
    font-style: italic;
    font-size: 1rem;
    position: relative;
    top: -1.95rem;
}

.labor-sidebox {
    border: 1px solid #9d9c9c;
    background-color: #fff;
    padding: 1rem 1.4286rem 1.4286rem 1.4286rem;
    margin-bottom: 1.4286rem;
    width: 17.358rem;
    position: absolute;
    top: 10.125rem;
    right: -4rem;
}

.labor-sidebox .headline {
    font-family: 'Avenir Next W01';
    font-weight: 800;
    font-style: normal;
    font-size: 1.2rem;
    margin: auto;
    border-bottom: 1px solid #000;
    color: #000;
    text-indent: 0rem;
    text-transform: uppercase;
    padding: 0 0 0.709875rem 0;
    margin-bottom: 1.2rem;
}

.labor-sidebox .text {
    font-family: 'Avenir Next W01';
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
    margin: 0.357142857rem auto;
}

.labor-sidebox .text2 {
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 0.025rem;
    margin: 0px;
    line-height: 120%;
}

#page-37 .labor-sidebox.second-box {
    top: 43rem !important;
}
#page-56 .labor-sidebox.second-box,
#page-56 .labor-sidebox.second-box {
    top: 32rem !important;
}

.labor-sidebox .text2 img {
    width: 100%;
}

/* Piwik */
#c305 {
    width: 53.358rem;
    margin: 0rem auto !important;
}

#c305 iframe {
    height: 18rem !important;
}
#c305 h3 {
    font-family: 'Aptifer Slab W01';
    font-weight: 400;
    font-style: normal;
    font-size: 1.45rem;
    letter-spacing: 0.025rem;
    padding: 0.4rem 0px 1.75rem;
    margin: 0px;
    line-height: 2.4rem;
    position: relative;
    top: -0.3rem;
}

.photonlab-subnavi {
    text-align: center;
    background-color: rgb(32, 32, 32);
    position: relative;
}

.photonlab-subnavi .photonlab-logo {
    position: absolute;
    height: 100%;
}

.photonlab-subnavi .photonlab-logo img {
    height: 80%;
    padding-left: 2.6rem;
    margin-top: 0.25rem;
}

.photonlab-subnavi ul {
    list-style-type: none;
    display: inline-block;
    padding: 0rem;
    margin: 0rem;
    width: auto;

    margin-top: 1.25rem;
}

.photonlab-subnavi ul li {
    float: left;
    padding-right: 3.75rem;
}

.photonlab-subnavi ul li:nth-child(7) {
    padding: 0rem;
}

.photonlab-subnavi ul li a {
    text-decoration: none;
    
    font-family: 'Avenir Next W01';
    font-weight: 600;
    font-style: normal;

    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    
    color: #fff;
    letter-spacing: 0.15rem;
}

.photonlab-subnavi ul li a.active {
    font-weight: 800;
}

.photonlabDesign {
    background: linear-gradient(30deg, #06030d 0%, #212696 33%, #a40f15 67%, #e06a23 100%);
}

.plugin-news.photonlabDesign2 {
    background-color: #000 !important;
}

.plugin-schoollaborarticles h1,
.plugin-schoollabormaterials h1 {
    font-family: 'Avenir Next W01';
    font-weight: 900;
    font-style: normal;
    font-size: 3.925rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 5.3rem;
    padding: 0rem 0rem 0rem 0rem;
    margin: 4rem auto 4rem auto;
    
    width: 70rem;
}

.plugin-schoollabormaterials ul {
    list-style-type: none;
    margin: 0rem auto 10rem auto;
    padding: 0rem;
    width: 50%;
}

.plugin-schoollabormaterials ul li {
        border-bottom: 0.2rem solid #000;
    padding: 1.0rem 0rem 1rem 0rem;
}

.plugin-schoollabormaterials ul li .col-left {
    float: left;
    width: 5%;
}

.plugin-schoollabormaterials ul li .col-right {
    float: right;
    width: 95%;
}

.plugin-schoollabormaterials ul li a {
    text-decoration: none;
}

.plugin-schoollabormaterials ul li h2 {
    font-family: 'Avenir Next W01';
    font-size: 1.875rem;
    margin: 0rem;
}

.plugin-schoollabormaterials ul li .description {
    font-family: 'Aptifer Slab W01';
    font-size: 1.6875rem;
}

.plugin-schoollabormaterials ul li img {
    width: 70%;
    display: block;
    margin-top: 0.5rem;
}

#page-19 .contentBox .content .video-js {
    position: absolute;
    top: -40rem !important;
    left: 10rem;
}

#page-47 .close,
#page-28 .close,
#page-30 .close {
    display: none;
}


.maincontent #c71.csc-default .bodytext img, 
.maincontent #c322.csc-default .bodytext img {
    width: 100%;
}

.scrollSL {
    text-decoration: none;
}

.picture-left {
    width: 40%;
    float: left;
    padding-right: 1.66%;
    padding-top: 2%;
}

.body-right {
    float: right;
    width: 60%;
    padding-left: 1.66%;
}

.picture-right {
    width: 40%;
    float: right;
    padding-left: 1.66%;
    padding-top: 2%;
}

.body-left {
    float: left;
    width: 60%;
    padding-right: 1.66%;
}

.sl-container {
    clear: both;
    border-top: 2px solid #000;
}

.sl-container img {
    width: 100%;
}

.sl-container h3 {
    margin-top: 0rem;
}

.plugin-digitalbook{
    padding: 2rem 0rem;
}

.plugin-digitalbook-picture {
    width: 40%;
    float: left;
    padding-right: 1.66%;
    padding-top: 2%;
}

.plugin-digitalbook-picture img {
    width: 100%;
}

.plugin-digitalbook-text {
    float: right;
    width: 60%;
    padding-left: 1.66%;
}

.plugin-digitalbook-torso {
    margin-top: 3%;
}

.plugin-digitalbook-torso table {
    width: 100%;
}
.plugin-digitalbook-torso table tr td {
    width: 18%;
    vertical-align: top;
    padding: 1%;
    font-family: 'Aptifer Slab W01';
}
.plugin-digitalbook-torso table tr td.arrow {
    width: 2%;
    vertical-align: middle;
    padding: 0%;
}
.plugin-digitalbook-torso table tr td:nth-child(1) {
    padding-left: 0%;
    width: 17%;
}
.plugin-digitalbook-torso table tr td:nth-child(9) {
    padding-right: 0%;
    width: 17%;
}
.plugin-digitalbook-torso table tr td:nth-child(10) {
    padding-left: 0%;
    width: 17%;
}
.plugin-digitalbook-torso table tr td:nth-child(19) {
    padding-right: 0%;
    width: 17%;
}
.plugin-digitalbook-torso table tr td img {
    width: 100%;
}

.sl-container a {
    text-decoration: none;
}

.plugin-fullsizepicture .headline {   
    text-align: center;
    font-family: 'Avenir Next W01';
    font-weight: bold;
    width: 100%;
    position: absolute;
    top: 80%;
    
    font-size: 2.5rem;
    line-height: 4.5rem;
    color: #000!important;
    text-align: center;
}
.plugin-fullsizepicture .headline span {   
    padding: 0.857142857rem 1.285714286rem;
    background-color: #9c9b9b;
    text-transform: uppercase;
}

.plugin-fullsizepicture .headline span img {  
    width: 1.75rem;
    height: 1.75rem;
}

.plugin-digitalbook a {
    text-decoration: none;
}

.sl-container .picture-left a .bodytext,
.sl-container .picture-right a .bodytext,
.oveflowhidden,
.overflowhidden {
    overflow: hidden;
}

.oveflowhidden img,
.overflowhidden img {
    display: block;
}

.footer .footer-logo {
    height: 3.3rem;
    margin-left: 1.5rem;
}

.footer .logo-irgendwie {
    text-align: center;
    margin-top: 4rem;
}

.footer .logo-irgendwie .logo {
    display: inline-block;
}

.footer .bodytext {
    hyphens: none;
}

#c322 .sl-container div.normal a {
    text-decoration: underline;
}

.mobile-menu {
    display: none;
}

.hamburger {
    background-image: url(/typo3conf/ext/photonworld/Resources/Public/Icons/aw_new/Hamburger_1.svg);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    margin-right: 0rem;
        
    position: absolute;
    top: 2rem;
    right: 3rem;
}

.mobile-menu .floatleft {
    float: none;
}

.mobile-menu ul {
    list-style-type: none;
}

.mobile-menu ul li {
    margin: 5px;
}

.mobile-menu ul li a {
    text-decoration: none;
}

.mobile-menu ul li a .subtitle:before {
    content: " - ";
}

.mobile-menu ul li a .title {
    display: inline;
}

.mobile-menu ul li a .subtitle {
    display: inline;
}

.hamburger {
    display: none;
}