@media screen {

/* blaue Ränder bei Links vermeiden und Übergang */
a {
    border: none;
    color: none;
    background: none;
    outline: none;
}

/* Links Übergang */
a {
    text-decoration:none;
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

/* Links */
a:hover {
    color:#bbdb48;
}

/* Links zurück Übergang Größe */
.linkback a {
    font-size:.9rem;
    text-decoration:none;
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

/* Schrift basis */
p,
a,
li,
ul,
td,
th,
caption,
.toggler,
formbody,
form,
.text.mandatory,
.textarea.mandatory,
.submit {
    font-size:1.3rem;
    line-height:180%;
    color:#6d7273;
    font-family: 'Podkova', serif; 
    font-weight: 400;
}

/* Schrift Zitat */
.ce_text.zitat p {
    font-size:1.3rem;
    line-height:180%;
    color:#fff;
    font-family: 'Podkova', serif; 
    font-weight: 400;
    color:#fff !important;
}
#cookiebar span {
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:24px;
    text-align:center;
    color:#c00;
    font-family: 'Podkova', serif;  
    font-weight: 400;
    font-size: 0.7 rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
#cookiebar a {
    margin-right:24px;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    font-size:1rem;
    color:#c00;
}

/* Überschrift 1 */
h1 {
    font-size:1.3rem;
    line-height:160%;
    color:#900;
    font-family: 'Podkova', serif;
    font-weight: 700;
}

/* Überschrift 2 */
h2 {
    font-size:1.3rem;
    line-height:170%;
    color:#900;
    font-family: 'Podkova', serif;
    font-weight:700;
}

/* Überschrift 2 */
h3 {
    font-size:1.3rem;
    line-height:170%;
    color:#900;
    font-family: 'Podkova', serif;
    font-weight:400;
}

/* Überschrift 6 / Titel */
h6 {
    padding-right:24px;
    padding-left:24px;
    font-size:7rem;
    line-height:90%;
    color:#fff;
    letter-spacing:6px;
    font-family: 'Podkova', serif;
    font-weight: 400;
}
#cookiebar {
    width:100%;
    height:90px;
    bottom:0;
    position:fixed;
    margin-right:auto;
    margin-left:auto;
    padding-top:12px;
    text-align:center;
    background-color:#fff;
    border-top:1px dotted #adadad;
    z-index: 1000;
}
#cookiebar button {
    width:80px;
    height:30px;
    margin-right:auto;
    margin-left:auto;
    padding:1px;
    text-align:center;
    background-color:#fff;
    border:1px dotted #000;
    cursor: pointer;
}
body {
    background-color:#d4dadb;
}

/* Hintergrund Call you */
body.kontakt {
    background-image:url("/files/hs-bilder/call-you.png");
    background-repeat:no-repeat;
    background-position: center 100px;
}
html {
    -webkit-animation: smooth 1s ease-in-out;
     animation: smooth 1s ease-in-out;
}
@-webkit-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

/* Größe und Fixierung Kopf */
#header {
    width:100%;
    height:60px;
    left:0;
    top:0;
    position:fixed;
    display:block;
    margin-bottom:4px;
    padding-bottom:2px;
    background-color:#fff;
    border-bottom:2px dotted #f2f2f4;
    z-index: 999;
}

/* Navigation oben rechts */
#header .mod_navigation {
    height:56px;
    right:140px;
    top:11px;
    position:absolute;
    float:right;
    text-align:center;
}

/* Navigation oben rechts */
#header .mod_navigation a,
#header .mod_navigation li,
#header .mod_navigation p,
#header .mod_navigation .active {
    float:left;
    margin-right:12px;
    font-size:1rem;
    list-style-type:none;
    font-family: 'Podkova', serif;  
    font-weight: 400;
}

/* Toplink einrücken */
#back-to-top {
    margin-left:40px;
}

/* Pointer Toplink */
#back-to-top {
    cursor: pointer;
}

/* Stimmen Link rechts */
#stimmen {
    right:150px;
    top:760px;
    position:absolute;
    float:right;
    margin-right:12%;
}

/* Stimmen Link ausblenden */
.stimmen #stimmen {
    top:840px;
    position:relative;
    float:right;
    display:none;
    margin-right:12%;
}
#main {
    top:60px;
    position:absolute;
}
#abteil1.mod_article {
    width:100%;
    height:800px;
    text-align:center;
    background-image:url("/files/hs-bilder/JP-Port-Titel-HG.jpg");
    background-repeat:no-repeat;
    background-size:auto 800px;
    background-position:center 60px;
    background-attachment: fixed;
}

/* Titel platzieren */
#abteil1.mod_article h6 {
    margin-top:76px;
}
#abteil2.mod_article {
    width:100%;
    min-height:200px;
    background-color:#fff;
}
#abteil3.mod_article {
    width:100%;
    min-height:600px;
    padding-top:0;
    background-color:#fff;
}
#abteil4.mod_article {
    width:100%;
    min-height:200px;
    padding-top:82px;
    background-color:#fff;
}
#zwischen.mod_article {
    width:100%;
    min-height:400px;
    padding-bottom:120px;
    background-repeat:no-repeat;
    color:#fff;
    background-image: url("/files/hs-bilder/schripsel-2.png");
    background-size: 60% !important;
    background-attachment: fixed;
    background-position: center 100%;
}

/* Abschnitt Vita */
#abteil5.mod_article {
    width:100%;
    min-height:800px;
    padding-top:82px;
    background-color:#fff;
    background-image:url("/files/hs-bilder/vita-schrift-1.png");
    background-repeat:no-repeat;
    background-position: center 360px;
    background-size: 9%;
    background-attachment: fixed;
}
#schluss.mod_article {
    width:100%;
    min-height:600px;
    padding-bottom:56px;
    background-color:#323e40;
    color:#fff;
}
.mod_rocksolid_slider {
    max-width:960px;
    margin:24px auto 0;
    padding:8px 24px 0;
}
.ce_headline.solo {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding:8px 24px;
}
.ce_text,
.ce_hyperlink {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding:24px;
}
.mod_article.eng .ce_text {
    max-width:960px;
    margin:0 auto;
    padding:0 24px;
}
.ce_text li {
    margin-bottom:12px;
    list-style-type:circle;
}
.mod_article.vita .ce_text li {
    margin-bottom:12px;
    list-style-type:circle;
}

/* Breite und Zentrierung Formular */
.ce_form {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding:8px 24px;
}

/* Textfelder Formular */
.ce_form .text {
    height:76px;
    border:1px dotted #c9d1d1;
}

/* Textfelder Formular */
.ce_form .textarea {
    height:180px;
    margin-right:auto;
    margin-left:auto;
    padding-top:18px;
}

/* Sendebutton */
form .submit {
    width:200px;
    height:42px;
    max-width:960px;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-right:24px;
    padding-left:24px;
    background-color:#bbd65a;
    font:1rem 'Podkova' serif;
    color:#900;
}

/* Datenschutzanzeige umschließendes DIV Platzierung */
div#opt {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    background-color:#fff;
    border:1px dotted #c00;
}

/* Datenschutzanzeige */
iframe {
    min-width:400;
    min-height:280px;
    display:block;
    padding:24px;
    font-family: 'Podkova', serif !important; 
    font-weight: 400  !important;
    color:990000 !important;
}