/*
Theme Name: Kovacs
Theme URI: https://www.barbarakovacs.com
Description: Wordpress-Theme für Barbara Kovacs
Version: 1.0
Author: Maximilian Huber
Text Domain: https://www.barbarakovacs.com
Author URI: https://www.eracht.at
*/

/* Global */

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}

body, html {height: 100%; width: 100%; font-family: 'Fira Sans', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.3; margin: 0px; color: var(--grey); background-color: var(--lightgrey);}

.footer-top-box2 svg {fill: #FFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.footer-top-box2 svg:hover {fill: var(--pink);}

:root {--white: #FFFFFF;}
:root {--grey: #414141;}
:root {--lightgrey: #F2F2F2;}
:root {--pink: #ED1E79;}
:root {--violett: #662D91;}

.pink {color: var(--pink);}

.wrapper-main {width: 100%; height: auto; float: left; padding: 0px 60px 50px 60px; margin-bottom: 70px; border-radius: 0px 0px 10px 10px; background-color: var(--white); box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.container {width: 100%; height: auto; margin: 0 auto; padding: 0px 50px; max-width: 1400px; }
.container-header {width: 100%; height: auto; margin: 0 auto; padding: 0px 110px; max-width: 1400px;}
#wrapper-header {width: 100%; height: auto; float: left; border-bottom: solid 4px var(--lightgrey); background-color: var(--white); padding: 50px 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
/* Header */

#header {z-index: 1001!important; width: 100%; height: auto; position: fixed; overflow: hidden; padding: 0px 0px; visibility: visible; display: block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
#logo {width: auto; height: 60px; float: left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.custom-logo {width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left;}
#navigation {width: calc(100% - 100px); height: auto; float: right; padding: 21px 0px 21px 0px; line-height: 16px; visibility: visible; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align: right;}


#header-mobile {height: 0px; visibility: hidden; display: none;}
.hamburger {height: 0; line-height: 0px;}
.cross {height: 0; line-height: 0px;}
.menu-mobile {line-height: 0;}

.menu {margin: 0px; padding: 0px;}
.menu ul {display: inline-block; margin: 0px;}
.menu li {display: inline-block; list-style: none; padding: 0px; margin: 0px 0px 0px 5px; }
.menu li:before {content: "•"; display: inline-block; margin-right: 12px; font-weight: 500; color: var(--lightgrey);}
.menu li:first-child:before, .menu .children li:before {content: ""; display: none; }
.menu li:first-child {margin-left: 0px;}
.menu li a {display: inline-block; text-decoration: none; font-weight: 400; font-size: 16px; color: var(--grey); letter-spacing: 2px; text-transform: uppercase; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.menu li a:hover {color: var(--pink);}
.current_page_item a, .current-menu-item a {color: var(--pink)!important;}

/* Header */

.show {float: left; width: 100%; height: 500px; margin-top: 164px; align-items: right; flex-direction: column; display: flex; border-bottom: solid 4px var(--lightgrey);}
.show-title {width: 100%; height: 100%; text-align: right; align-items: right; justify-content: center; flex-direction: column; display: flex; font-family: 'Noto Serif', serif; font-size: 60px; line-height: 70px; font-weight: 400; color: var(--pink);}

/* News */

.section-news-inside {width: 100%; height: auto; float: left; border-radius: 10px;}
.section-news-inside-img {width: 100%; height: auto; float: left; border-radius: 10px;}
.section-about-wrapper-container-text a {text-decoration: none; color: var(--pink); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.section-about-wrapper-container-text a:hover {color: var(--violett);}
.container-news-margin {width: 100%; height: auto; float: left; margin-top: -134px;}
.section-news-container-noborder {width: 100%; height: auto; float: left; margin-top: 60px; padding-bottom: 60px; margin-bottom: 60px;}
.section-news-container-noborder h2 {float: left; width: 100%; height: auto; font-family: 'Noto Serif', serif; font-size: 30px; line-height: 35px; font-weight: 400; color: var(--pink); text-align: left; padding: 0px; margin: 0px;}

/* About & Contact */

.section-about {width: 100%; height: auto; float: left; margin-top: 234px; }
.section-about h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0px 0px 70px 0px; color: var(--pink); letter-spacing: 3px; text-transform: uppercase; }
.section-about-container {width: 100%; height: auto; float: left; padding-top: 50px; padding-bottom: 0px; border-top: solid 4px var(--lightgrey);}
.section-about-inside {width: 100%; height: 0; padding-bottom: 50%; float: left; position: relative; border-radius: 10px;}
.section-about-inside-img {position: absolute; width: 100%; height: 100%; object-fit: cover; border: none; border-radius: 10px;}
.section-about-color {position: absolute; width: 100%; height: 100%; color: var(--weiss); background-color: none; align-items: center; justify-content: center; flex-direction: column; display: flex; border-radius: 10px;}
.section-about-wrapper {width: 100; max-width: 800px; height: auto; margin: 0px auto;}
.section-about-wrapper-container {width: 100%; height: auto; float: left; margin-top: 60px; padding-bottom: 60px; margin-bottom: 60px; border-bottom: solid 4px var(--lightgrey);}
.section-about-wrapper-container h2, .section-formular-wrapper-container h2 {float: left; width: 100%; height: auto; font-family: 'Noto Serif', serif; font-size: 30px; line-height: 35px; font-weight: 400; color: var(--pink); text-align: left; padding: 0px; margin: 0px;}
.section-about-wrapper-container-text {width: 100%; height: auto; float: left; font-size: 20px; line-height: 28px; font-weight: 300; margin-top: 35px;}
.section-about-wrapper-container-text p:first-child {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.section-about-wrapper-container-text p {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.section-about-download {width: 100%; height: auto; float: left; align-items: right; flex-direction: column; display: flex; margin-top: 60px; padding: 35px 30px; background-color: #F8F8F8; border-radius: 10px; text-align: center; align-items: center;}
.section-about-download svg {fill: var(--pink); justify-content: center; flex-direction: column; display: flex; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.section-about-download svg:hover {fill: var(--violett);}
.section-about-download a {width: 50px; height: 50px; float: left; justify-content: center; flex-direction: column; display: flex;}
.section-about-download-text a {padding-top: 15px; width: 100%; height: auto; float: left; justify-content: center; flex-direction: column; display: flex; font-size: 20px; font-weight: 400; color: var(--pink); letter-spacing: 2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.section-about-download-text a:hover {color: var(--violett);}

.section-formular-wrapper-container {width: 100%; height: auto; float: left; margin-top: 0px; margin-bottom: 60px;}
.section-formular-text {margin-top: 35px;}
.section-formular-text, .section-formular-mail {width: 100%; height: auto; float: left; font-size: 20px; line-height: 28px; font-weight: 300; }
.section-formular-mail {margin-top: 15px; color: var(--pink); font-weight: 400; }
.section-formular {width: 100%; height: auto; float: left; margin-top: 60px; padding-top: 60px; border-top: solid 4px var(--lightgrey);}

.section-formular .wpcf7-form-control {background-color: transparent; text-align: left; height: 60px; border: 2px solid #A8A8A8; width: 100%; padding-left: 15px; padding-right: 15px; color: var(--pink); font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 5px; border-radius: 10px;}
.section-formular .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.section-formular .wpcf7-submit {background-color: var(--pink); border: 1px solid var(--pink); color: var(--white); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; text-align: center;}
.section-formular .wpcf7-submit:hover {background-color: var(--violett); border: 1px solid var(--violett); opacity: 0.8;}
.section-formular .wpcf7-response-output, .wpcf7-validation-errors {margin-top: -10px!important; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; border-width: 0!important; background-color: transparent; padding: 0px!important; color: var(--pink); font-size: 16px;}
.section-formular .wpcf7-not-valid-tip {margin-top: 0px; color: var(--pink)!important;}
.section-formular label {font-size: 12px; font-weight: 400; color: var(--grey); }
.wpcf7-form p {margin-top: 0px!important; margin-bottom: 15px;}
.wpcf7-form-control:focus {border-color: var(--pink)!important; outline: none!important;}

.section-formular ::-webkit-input-placeholder {color: var(--grey)!important; opacity: 0.8;}
.section-formular :-moz-placeholder {color: var(--grey)!important; opacity: 0.8;}
.section-formular ::-moz-placeholder {color: var(--grey)!important; opacity: 0.8;}
.section-formular :-ms-input-placeholder {color: var(--grey)!important; opacity: 0.8;}
.grecaptcha-badge {display: none!important; visibility: hidden!important;}

/* Speaking */

.section-speaking {width: 100%; height: auto; float: left; margin-top: 234px; padding-bottom: 0px;}
.section-speaking h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0px 0px 70px 0px; color: var(--pink); letter-spacing: 3px; text-transform: uppercase; }
.section-speaking-container {width: 100%; height: auto; float: left; padding-top: 50px; padding-bottom: 70px; border-top: solid 4px var(--lightgrey);}
.section-speaking-container h2 {font-family: 'Noto Serif', serif; font-size: 30px; line-height: 35px; font-weight: 400; color: var(--white); text-align: center; padding: 0px; margin: 0px;}

.section-speaking-inside {width: 100%; height: 0; padding-bottom: 30%; float: left; position: relative; border-radius: 10px;}
.section-speaking-inside-img {position: absolute; width: 100%; height: 100%; object-fit: cover; border: none; border-radius: 10px;}
.section-speaking-color {position: absolute; width: 100%; height: 100%; color: var(--weiss); background-color:  rgba(237, 30, 121, .8); align-items: center; justify-content: center; flex-direction: column; display: flex; border-radius: 10px;}
.section-speaking-title {padding: 10px 30px; }

.table-speaking-datum {font-size: 22px; line-height: 26px; font-weight: 400; color: var(--pink); margin-left: 15px; float: left; vertical-align: top;}
.table-speaking-datum:before {content: "\203A"; color: var(--pink); margin-left: -15px; float: left;}
.table-speaking-title {font-size: 22px; line-height: 26px; font-weight: 400; width: 100%; float: left; vertical-align: top;}
.table-speaking-text {font-size: 20px; line-height: 24px;font-weight: 300; width: 100%; float: left; vertical-align: top; padding: 5px 0px 25px 0px;}

.section-speaking-text table {width: 100%; height: auto; table-layout: fixed; }
.section-speaking-text td:first-child {width: 210px; vertical-align: top;}

.section-speaking-text td:nth-child(2) {width: calc(100% - 210px); vertical-align: top;}


.section-speaking-text {width: 100%; height: auto; float: left; color: var(--grey); font-size: 20px; line-height: 26px; text-align: left; font-weight: 300; margin-top: 40px;}
.section-speaking-text ul {list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px; float: left;}
.section-speaking-text li {padding-top: 0px; padding-bottom: 25px; padding-left: 20px; line-height: 25px; float: left;}
.section-speaking-text li::before {content: "\203A"; color: var(--pink); display: inline-block; width: 25px; margin-left: -25px;}
.publications-link {width: 100%; height: auto; float: left; margin-top: 10px;}
.publications-link a {text-decoration: none; color: var(--pink); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.publications-link a:hover {text-decoration: none; color: var(--violett);}

/* Publications */

.section-publications {width: 100%; height: auto; float: left; margin-top: 234px; padding-bottom: 0px;}
.section-publications h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0px 0px 70px 0px; color: var(--violett); letter-spacing: 3px; text-transform: uppercase; }
.section-publications-container {width: 100%; height: auto; float: left; padding-top: 50px; padding-bottom: 70px; border-top: solid 4px var(--lightgrey);}
.section-publications-container h2 {width: 100%, height: auto; float: left; margin: 0px 0px 35px 0px; font-family: 'Noto Serif', serif; font-size: 30px; line-height: 35px; font-weight: 400; color: var(--violett); }
.section-publications-text {width: 100%; height: auto; float: left; color: var(--grey); font-size: 20px; line-height: 26px; text-align: left; font-weight: 300;}
.section-publications-text ul {list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px; float: left;}
.section-publications-text li {padding-top: 0px; padding-bottom: 25px; padding-left: 20px; line-height: 25px; float: left;}
.section-publications-text li::before {content: "\203A"; color: var(--violett); display: inline-block; width: 25px; margin-left: -25px;}
.publications-link {width: 100%; height: auto; float: left; margin-top: 10px;}
.publications-link a {text-decoration: none; color: var(--violett); overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.publications-link a:hover {text-decoration: none; color: var(--pink);}
.section-publications-text strong {font-weight: 400; color: var(--violett);}

/* Sections */

.section-01 {width: 100%; height: auto; float: left; margin-top: 70px; border-bottom: solid 4px var(--lightgrey); padding-bottom: 90px;}
.section-01 h1, .section-03 h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0; color: var(--violett); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 35px; }
.section-02 h2, .section-04 h2, .section-03 h2, .section-news h2 {font-family: 'Noto Serif', serif; font-size: 30px; line-height: 35px; font-weight: 400; color: var(--white); text-align: center; padding: 0px; margin: 0px;}
.section-01 h2 {font-family: 'Noto Serif', serif; font-size: 20px; line-height: 24px; font-weight: 400; color: var(--white); text-align: center; padding: 0px; margin: 0px;}

.section-01-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; margin-bottom: 0px;}
.section-01-grid-inside {width: 100%; height: 0; padding-bottom: 70%; float: left; position: relative; background-color: var(--violett); border-radius: 10px;}
.section-01-grid-inside-img {position: absolute; width: 100%; height: 100%; object-fit: cover; border: none; border-radius: 10px;}
.section-01-grid-color {position: absolute; width: 100%; height: 100%; color: var(--weiss); background-color:  rgba(102, 45, 145, .8); align-items: center; justify-content: center; flex-direction: column; display: flex; border-radius: 10px;}
.section-01-grid-title {padding: 10px 30px; }
.section-01-grid-text {font-size: 18px; line-height: 24px; font-weight: 300; color: var(--white); text-align: center; padding: 10px 30px; }
.section-01-link {width: 100%; height: auto; float: left; text-align: right; margin-top: 35px; }
.section-01-link a {font-size: 20px; font-weight: 400; color: var(--violett); letter-spacing: 2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.section-01-link a:hover {color: var(--pink);}


.section-02 {width: 100%; height: auto; float: left; margin-top: 70px; border-bottom: solid 4px var(--lightgrey); padding-bottom: 90px;}
.section-02 h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0; color: var(--pink); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 35px; }

.section-02-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; margin-bottom: 0px;}
.section-02-grid-inside {width: 100%; height: 0; padding-bottom: 70%; float: left; position: relative; background-color: var(--violett); border-radius: 10px;}
.section-02-grid-color {position: absolute; width: 100%; height: 100%; color: var(--weiss); background-color:  rgba(237, 30, 121, .8); align-items: center; justify-content: center; flex-direction: column; display: flex; border-radius: 10px;}
.section-02-link {width: 100%; height: auto; float: left; text-align: right; margin-top: 35px; }
.section-02-link a {font-size: 20px; font-weight: 400; color: var(--pink); letter-spacing: 2px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.section-02-link a:hover {color: var(--violett);}


.section-03 {width: 100%; height: auto; float: left; margin-top: 70px; border-bottom: solid 4px var(--lightgrey); padding-bottom: 90px;}
.section-03-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; margin-bottom: 0px;}
.section-03-grid-inside {width: 100%; height: 0; padding-bottom: 40%; float: left; position: relative; border-radius: 10px;}

.section-04 {width: 100%; height: auto; float: left; margin-top: 70px; padding-bottom: 40px;}
.section-04 h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0; color: var(--pink); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 35px; }
.section-04-grid {width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; margin-bottom: 0px;  grid-auto-rows: minmax(100px, auto);}
.section-04-grid-inside-left {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; border-radius: 10px; grid-column: 1 / 2; grid-row: 1;}
.section-04-grid-inside-right {width: 100%; height: auto; float: left; position: relative; border-radius: 10px; grid-column: 2 / 4; grid-row: 1;}
.section-04-grid-color {position: absolute; width: 100%; height: 100%; color: var(--weiss); background-color:  rgba(237, 30, 121, .8); align-items: center; justify-content: center; flex-direction: column; display: flex; border-radius: 10px;}

.section-news {width: 100%; height: auto; float: left; margin-top: 70px; padding-bottom: 90px; border-bottom: solid 4px var(--lightgrey);}
.section-news h1 {font-size: 30px; font-weight: 400; line-height: 30px; margin: 0; color: var(--pink); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 35px; }
.section-news-grid-inside-left {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; border-radius: 10px; grid-column: 1 / 2; grid-row: 1;}

/* Seiten */

/* Footer */

.footer-top {height: auto; width: 100%; float: left; background-color: #202020; padding: 70px 0px;}
.footer-top-title {width: 100%; height: auto; float: left; font-size: 30px; font-weight: 400; color: var(--white); text-transform: uppercase; letter-spacing: 3px; padding-bottom: 10px; border-bottom: solid 4px var(--grey); margin-bottom: 35px;}
.footer-top-box-container {width: 100%; height: auto; float: left;}
.footer-top-box1 {width: 50%; height: auto; float: left;}
.footer-top-box2 {width: 50%; height: auto; float: right; text-align: right;}
.footer-top-box2 a {width: 40px; height: 40px; float: right; margin-left: 8px; margin-right: 0px;}
.footer-top-box1-title {font-size: 20px; font-weight: 400; color: var(--lightgrey); float: left; width: 100%; height: auto; margin-bottom: 15px;}
.footer-top-box1-section {float: left; width: 100%; height: auto; margin-top: 8px;}
.footer-top-box1-icon {width: 22px; height: 22px; float: left; }
.footer-top-box1-text {width: calc(100% - 22px); height: auto; float: left; font-size: 16px; font-weight: 300; line-height: 22px; color: var(--white); padding-left: 12px; padding-top: 2px;}

.footer-bottom {height: auto; width: 100%; float: left; background-color: #171717; padding: 0px 0px;}
.footer-bottom-box1 {width: 50%; height: auto; float: left; color: var(--white); font-size: 16px; padding: 30px 0px 30px 0px; font-weight: 400; text-align: left; border-bottom: none; margin-bottom: 0px;}
.footer-bottom-box2 {width: 50%; height: auto; float: right; color: var(--white); font-size: 16px; padding: 30px 0px 30px 0px; font-weight: 400; text-align: right; margin-top: 0px;}
.footer-bottom-box1 a {text-decoration: none; color: var(--white); font-weight: 400; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.footer-bottom-box2 a {text-decoration: none; color: var(--pink); font-weight: 400; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.footer-bottom-box1 a:hover {text-decoration: none; color: var(--pink);}
.footer-bottom-box2 a:hover {text-decoration: none; color: var(--violett);}
.footer-divider {color: var(--white); font-size: 16px; margin: 0px 8px; font-weight: 500;}

@media (max-width: 1250px) {
	.section-01-grid-title {font-size: 20px; line-height: 24px;}
	.section-01-grid-text {font-size: 16px; line-height: 20px;}
	.section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-news h2 {font-size: 20px; line-height: 24px; font-weight: 400;}
	.section-about-wrapper-container h2, .section-formular-wrapper-container h2 {font-size: 30px; line-height: 35px; }
	.section-news-container-noborder h2 {font-size: 30px; line-height: 35px; }
	.section-about h1 {font-size: 20px; line-height: 24px;}
	.section-speaking h1 {font-size: 20px; line-height: 24px;}
	.container {padding: 0px 20px;}
	.container-header {padding: 0px 80px;}

}
@media (max-width: 950px) {
	b, strong {font-weight: 400;}
	
	.section-speaking {margin-top: 170px;}
	.section-speaking h1 {font-size: 24px; line-height: 24px; }
	.section-about h1 {font-size: 24px; line-height: 24px;}
	.section-speaking-container h2 {font-size: 22px; line-height: 28px;}
	.section-about-wrapper-container h2, .section-formular-wrapper-container h2 {font-size: 22px; line-height: 28px; }
	.section-news-container-noborder h2 {font-size: 22px; line-height: 28px; }
	.section-speaking-inside {padding-bottom: 50%;}
	
	.table-speaking-datum {font-size: 16px; line-height: 20px;}
	.table-speaking-title {font-size: 16px; line-height: 20px;}
	.table-speaking-text {font-size: 14px; line-height: 18px;}

	.section-speaking-text td:first-child {width: 150px; vertical-align: top;}
	.section-speaking-text td:nth-child(2) {width: calc(100% - 150px); vertical-align: top;}
	
	
	
	.logo {width: 100px; height: auto; float: left; margin: 26px 0px 26px 20px; z-index: 1002; position: absolute;}
	#header {visibility: hidden; display: none; }
	.custom-logo {width: auto; height: 45px; float: left;}
	.custom-logo-link {width: 100%; height: 100%; object-fit: contain; object-position: 0 0; float: left; text-align: left; z-index: 1002;}
	#navigation {width: 0px; height: 0px; visibility: hidden; display: none;}
	#navigation-contact {width: 0px; height: 0px; visibility: hidden; display: none;}
	
	#header-mobile {position: fixed; z-index: 1001!important; height: 100px; visibility: visible; display: block; width: 100%; float: left; background-color: var(--white); border-bottom: solid 4px var(--lightgrey); }
	#navigation-mobile {display: inline-block; width: 100%; float: right; text-align: right; margin-top: -8px; margin-left: -10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 1001; padding: 30px 20px 10px 0px; position: absolute;}
	.hamburger {width: 50px; height: 50px; float: right; border: solid 0px var(--white); background: none; padding-right: 7px; padding-top: 2px; line-height: 50px; color: var(--pink); font-size:1.4em; font-weight:bold; cursor:pointer; outline:none; z-index: 1003; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	.cross {width: 50px; height: 50px; float: right; border: solid 0px var(--lightgrey); background: none; padding-right: 7px; padding-top: 48px; color: var(--pink); font-size:3.3em; font-weight:bold; cursor:pointer; outline:none; z-index: 1003; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	.nav-wrapper {background: var(--grey); opacity: 0.98; overflow-y: auto; z-index:999; width: calc(100% + 20px); bottom: 0px; top: 100px;  position: fixed; padding-left: 0px; padding-right: 0px; text-align: left;}
	.menu-mobile {margin-top: 100px;  float: left; margin-left: 0px; }
	.menu-mobile ul {width: 100%; margin: 0; padding: 0; list-style-type: none; list-style-image: none; z-index:999; float: left;}
	.menu-mobile li {width: calc(100% - 60px); display: block; padding:15px 0px 15px 0px; margin: 0px 30px 0px 30px; border-bottom: #FFF 1px solid; z-index:999; float: left;}
	.menu-mobile li:before {content: '\203A'; color: var(--white); font-size: 16px; font-weight:500; line-height: 40px; padding-right: 10px;}
	.menu-mobile li:nth-last-child(2) {margin-top: 0px; }
	.menu-mobile li:last-child {border-bottom: none;}
	.menu-mobile a {text-transform: uppercase; color: var(--white); text-decoration:none; font-size: 16px; font-weight: 400; line-height: 40px; z-index: 999; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	.menu-mobile a:hover{ color: var(--orange); z-index: 999;}
	
	
	.show {margin-top: 100px;}
	.show-title {font-size: 40px; line-height: 48px; }
	
	.wrapper-main {padding: 0px 20px 50px 20px; border-radius: 0px 0px 0px 0px; box-shadow: none; margin-bottom: 0px;}
	.container {padding: 0px 0px;}
	.container-header {padding: 0px 20px;}
	
	.section-about {margin-top: 170px; }
	.section-about-wrapper-container-text {font-size: 16px; line-height: 24px; }
	.section-about-download-text a {font-size: 16px; }
	.section-formular-text, .section-formular-mail {font-size: 16px; line-height: 24px;}
	
	.section-publications {margin-top: 170px;}
	.section-publications h1 {font-size: 24px; line-height: 24px; }
	.section-publications-container h2 {font-size: 22px; line-height: 28px; font-weight: 400;}
	.section-publications-text {font-size: 16px; line-height: 20px; }
	.section-publications-text li {line-height: 22px; }
	
	.section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-news h1 {font-size: 24px; line-height: 24px; letter-spacing: 3px;}

	.section-news-grid-inside-left {grid-column: 1 / 4; grid-row: 1; padding-bottom: 100%;}
	.container-news-margin {margin-top: -150px;}
	
	.section-01-grid {grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px; }
	.section-01-grid-inside {padding-bottom: 60%;}
	.section-02-grid {grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px; }
	.section-02-grid-inside {padding-bottom: 60%;}
	.section-03-grid-inside {padding-bottom: 60%;}
	.section-04-grid {grid-row-gap: 20px; }
	.section-04-grid-inside-left {grid-column: 1 / 4; grid-row: 1; padding-bottom: 70%;}
	.section-04-grid-inside-right {grid-column: 1 / 4; grid-row: 2; height: 400px;}
	
	.footer-top {padding: 70px 20px;}
	.footer-top-box1 {width: 100%; }
	.footer-top-box2 {width: 100%; float: left; text-align: left; margin-top: 40px;}
	.footer-top-box2 a {float: left; margin-left: 0px; margin-right: 8px;}
	.footer-bottom {padding: 0px 20px;}
	.footer-bottom-box1 {width: 100%; font-size: 14px; padding: 20px 0px 20px 0px; text-align: center; border-bottom: 1px solid var(--grey); margin-bottom: 0px;}
	.footer-bottom-box2 {width: 100%; float: left; font-size: 14px; padding: 20px 0px 20px 0px; text-align: center;}
	.footer-top-title {font-size: 24px; }
}