@font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-regular.woff2) format('woff2'), url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-italic.woff2) format('woff2'), url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-700.woff2) format('woff2'), url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-700.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-700italic.woff2) format('woff2'), url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/roboto-v30-latin_latin-ext-700italic.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Sedgwick Ave';
font-style: normal;
font-weight: 400;
src: url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/sedgwick-ave-v12-latin_latin-ext-regular.woff2) format('woff2'), url(https://huberslehre.at/wp-content/themes/huberslehre/fonts/sedgwick-ave-v12-latin_latin-ext-regular.ttf) format('truetype'); }
body{margin:0; padding: 0;font-family: 'Roboto', sans-serif;font-size: 18px; }
body p{line-height: 24px;font-size: 16px;}
*{box-sizing:border-box;}
img{max-width: 100%; height: auto;}
.rowflex{display:flex; flex-wrap: wrap; width: 100%; max-width:1400px; padding: 0 15px;margin: 0 auto;}
.mm{margin:5% auto;}
.topnavi{background:#000;height: 50px;}
#menu-topnavigation{width:100%;}
.menu-topnavigation-container{width:70%;}
#menu-topnavigation li{display: inline-block;margin: 0 1%;position: relative;padding:13px 10px 13px 0;} 
#menu-topnavigation li a{color:#fff;text-decoration: none;text-transform: uppercase;font-size: 20px; width: 100%; z-index: 1;position: relative;}
#menu-topnavigation .sub-menu{position:absolute;background: #fff;visibility: hidden; opacity: 0; transition: all 0.5s;z-index: 1;padding: 15px;}
#menu-topnavigation li:hover .sub-menu{visibility: visible; opacity: 1;}
#menu-topnavigation .sub-menu li{width:100%;padding: 10px 0;}
#menu-topnavigation .sub-menu li:after{display:none;}
#menu-topnavigation .sub-menu li a{color:#000;}
header ul{padding:0;margin: 0;}
#menu-topnavigation li:after{position: absolute; content: ""; right: 0;width: 50px; height: 100%;top: 0;
transform: matrix(0, -1, 1, 0, 0, 0);
background: transparent linear-gradient(180deg, #E6B62E00 0%, #E6B62E 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;
}
#menu-topnavigation li:nth-child(3):after{
transform: matrix(0, -1, 1, 0, 0, 0);
background: transparent linear-gradient(180deg, #D95E2B00 0%, #D95E2B 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;
}
#menu-topnavigation li:nth-child(4):after{
transform: matrix(0, -1, 1, 0, 0, 0);
background: transparent linear-gradient(180deg, #B3265100 0%, #B32651 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;
}
#menu-topnavigation li:nth-child(5):after{
transform: matrix(0, -1, 1, 0, 0, 0);
background: transparent linear-gradient(180deg, #795D8A00 0%, #795D8A 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;
}
.anmeldentbtns{margin:0; padding: 0;width: 30%;}
.anmeldentbtns ul{display:flex;}
.anmeldentbtns ul li{display:inline-block;}
.logobereich{display:flex;align-items: center; flex-wrap: wrap;
z-index: 1;
position: relative;
}
.col-3{width:33.33%;}
.lml{margin-left: -50px; }
.jusrig{display:flex; justify-content: flex-end;}
.slogan{color:#890029;}
.videoloop{margin-top: -100px;position: relative;}
.home .videoloop{margin-top: -100px;position: relative; }
.home .videoloop video{width:100%; ;object-fit: cover;aspect-ratio: 16/9;}
.lehritemscover{position: absolute; left: 0; bottom: -2px;width:100%; padding: 0 15px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.lehritems{width:23%;background: #fff;margin: 0 1%;padding: 10px;transition:all 0.5s;display: inline-block;overflow: hidden;}
.itemstitle{font-size:22px;}
.lehritems:hover .itemcontent{visibility: visible; opacity: 1; height: 260px;}
.itemcontent{height: 0px;transition: all 0.5s;
visibility: hidden;
opacity: 0;}
.lehritems:first-child .itemstitle{color: #D95E2B;}
.lehritems:nth-child(2) .itemstitle{color: #E6B62E;}
.lehritems:nth-child(3) .itemstitle{color: #B32651;}
.lehritems:nth-child(4) .itemstitle{color: #795D8A;}
.lehritems a{color:#000; text-decoration: none;position: relative;padding: 0 0 0 30px;}
.lehritems a:before{width:25px; height: 25px; background: #000;position: absolute; left: 0; top: -2px; content: "";}
.lehritems:first-child a:before{background: #D95E2B;}
.lehritems:nth-child(2) a:before{background: #E6B62E;}
.lehritems:nth-child(3) a:before{background: #B32651;}
.lehritems:nth-child(4) a:before{background: #795D8A;}
.fixctas{position:fixed; right: 0; top: 45%; margin: auto;z-index: 11;}
.fixctas ul{margin:0; padding: 0;width: 200px;}
.fixctas ul li{list-style-type: none;margin: 5px 0;padding: 10px;transition: all 0.5s;display: inline-block;width: 100%;margin-left: 160px;}
.fixctas ul li a{visibility:hidden; opacity: 0;transition: all 0.5s;width: 0px;text-decoration:none;color:#fff;font-size:18px;}
.fixctas ul li:hover a{visibility: visible; opacity: 1; width: auto;}
.fixctas ul li:hover{margin-left:0;}
.fixctas ul li:first-child{background:#D95E2B;}
.fixctas ul li:nth-child(2){background:#E6B62E;}
.fixctas ul li:nth-child(3){background:#B32651;}
.fixctas ul li:nth-child(4){background:#795D8A;}
.handwr{font-family: 'Sedgwick Ave', cursive;color:#890029;}
.mehrbtn .wp-block-button__link{color:#000; text-decoration: none;background-color: transparent;position: relative;}
.mehrbtn .wp-block-button__link:hover{color: #890029;}
.mehrbtn .wp-block-button__link:before{content: ""; position: absolute; left: 0; width: 20px; height: 20px;background: #890029;}
.flexmiddle{max-width:1200px; margin: 0 auto;}
.rowus{max-width:1000px;margin: 0 auto;}
.wp-block-spacer{width:100%;}
.rotbg{position:relative;color:#fff;padding:3% 5%;}
.rotbg:before{width:100%; height: 100%; position: absolute; left: 0; top:0; content: ""; background: #890029;z-index: -1; transform: rotate(-7deg);}
.rotbg .handwr{color:#fff;}
.rotbg .mehrbtn .wp-block-button__link{color:#fff;}
.rotbg .mehrbtn .wp-block-button__link:hover{color:#000;}
.rotbg .mehrbtn .wp-block-button__link:before{background: #fff;}
.rotbg h3.handwr{margin:1em 0 0 0;}
.rotbg .mt0{margin:0 0 0.5em 0;}
.flexstart{align-items: flex-start;}
.addpad{padding:0 5% 0 0;}
.withborder{border: 3px solid #890029;padding:2% 3% 1% 3%;}
.withborder h3{margin: 0;}
.withborder h4{margin:0 0 0.5em 0;}
.btnwithbg a{background-color:#890029; color:#fff!important;padding: 5px 10px;border-radius: 0;}
.btnwithbg{margin: 0 auto!important;display: block!important;}
.childpageitem{background: #f2f2f2;margin: 2em 0;}
.childcontent{width:30%;background: #fff;padding: 3%;position: relative;}
.childimagecontent{width:70%;}
.childimagecontent img{float:left;}
.aicent{align-items: center;}
.childcontent:after{width:50px; height: 100%; background: #fff; transform: skewX(-3deg); position: absolute; right: -25px; top: 0;content: "";}
.childcontent a.wp-block-button__link{color:#000;}
.childpageitem:nth-child(even) .aicent{flex-direction: row-reverse;}
.childpageitem:nth-child(even) .aicent .childcontent:after{display:none;}
.childpageitem:nth-child(even) .aicent .childcontent:before{width:50px; height: 100%; background: #fff; transform: skewX(-3deg); position: absolute; left: -25px; top: 0;content: "";}
.childpagetitel{font-size: 28px;font-weight: normal;}
.loopchildpagescover .childpageitem:first-child .aicent .childcontent{color:#D95E2B;}
.loopchildpagescover .childpageitem:first-child .aicent .childcontent a.wp-block-button__link{color:#D95E2B;}
.loopchildpagescover .childpageitem:first-child .wp-block-button__link:before{background: #D95E2B;}
.loopchildpagescover .childpageitem:first-child .childcontent{border-left:10px solid #D95E2B; }
.loopchildpagescover .childpageitem:nth-child(2) .aicent .childcontent{color:#E6B62E;}
.loopchildpagescover .childpageitem:nth-child(2) .aicent .childcontent a.wp-block-button__link{color:#E6B62E;}
.loopchildpagescover .childpageitem:nth-child(2) .wp-block-button__link:before{background: #E6B62E;}
.loopchildpagescover .childpageitem:nth-child(2) .childcontent{border-right:10px solid #E6B62E; }
.loopchildpagescover .childpageitem:nth-child(3) .aicent .childcontent{color:#B32651;}
.loopchildpagescover .childpageitem:nth-child(3) .aicent .childcontent a.wp-block-button__link{color:#B32651;}
.loopchildpagescover .childpageitem:nth-child(3) .wp-block-button__link:before{background: #B32651;}
.loopchildpagescover .childpageitem:nth-child(3) .childcontent{border-left:10px solid #B32651; }
.loopchildpagescover .childpageitem:nth-child(4) .aicent .childcontent{color:#795D8A;}
.loopchildpagescover .childpageitem:nth-child(4) .aicent .childcontent a.wp-block-button__link{color:#795D8A;}
.loopchildpagescover .childpageitem:nth-child(4) .wp-block-button__link:before{background: #795D8A;}
.loopchildpagescover .childpageitem:nth-child(4) .childcontent{border-left:10px solid #795D8A; }
.col-f3{width:30%;padding: 3%;}
.col-f4{width:40%;padding: 3%}
.bgwhite{background: #fff;}
footer{background: #E6E6E6 0% 0% no-repeat padding-box;}
.separator{height: 100px; width: 100%;background: transparent linear-gradient(180deg, #FFFFFF00 0%, #E6E6E6 100%) 0% 0% no-repeat padding-box;}
.col-f4 .anmeldentbtns{width:100%;}
.col-f4 .anmeldentbtns ul{padding:0;}
.allred{color:#890029;}
.sitemaps{padding: 0;}
.sitemaps li{list-style-type: none;margin: 7px 0;}
.sitemaps li a{color:#890029;text-transform: uppercase;text-decoration: none;font-weight: bold;}
.col-f3 a{color:#890029; text-decoration: none;}
.redlinks a{color:#890029;}
.logofooter{margin-top: -100px;}
.addpadd{padding:2%;}
.addpadd h2{margin:0;}
.addpadd ul li{margin:2% 0;}
.slogan{font-size:20px;}
.page-id-13 h1{color: #D95E2B;}
.page-id-13 ul li{color: #D95E2B;}
.page-id-15 h1{color: #E6B62E;}
.page-id-15 ul li{color: #E6B62E;}
.page-id-17 h1{color: #890029;}
.page-id-17 ul li{color: #890029;}
.page-id-19 h1{color: #795D8A;}
.page-id-19 ul li{color: #795D8A;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 select{width:100%; padding: 10px; border: 1px solid #000;margin: 10px 0;}
.wpcf7 input[type="submit"]{width:100%; padding: 10px;background:#890029;margin: 10px 0;color:#fff;border: none;text-transform: uppercase;cursor: pointer;}
.wpcf7 a{color:#890029;}
input[type=file]::file-selector-button {
color:#fff; border: none;
padding: 10px 20px;
border-radius: .2em;
background:#890029;
transition: 1s;
}
input[type=file]::file-selector-button:hover {
background-color: #000;
}
.mobilemenu{display: none; height: 70px; max-height: 70px;z-index: 11111;align-items: center;cursor: pointer;justify-content: flex-end;}
#hamburger {
width: 40px;
height: 28px;
display: block;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#hamburger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #890029;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0px;
}
#hamburger span:nth-child(2) {
top: 12px;
}
#hamburger span:nth-child(3) {
top: 24px;
}
div.mobilemenu.open #hamburger span:nth-child(1) {
top: 14px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
div.mobilemenu.open #hamburger span:nth-child(2) {
opacity: 0;
left: -60px;
}
div.mobilemenu.open #hamburger span:nth-child(3) {
top: 14px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.addzt{position:relative; z-index: 11;}
.naviflex{display:none;}
@media screen and (max-width:1300px){
.rotbg:before{transform: rotate(0);}
}
@media screen and (max-width:1200px){
.home .videoloop{margin-top:0;}
#menu-topnavigation li a{font-size:16px;}
#menu-topnavigation li{margin: 0 0.5%;}
.itemstitle {
font-size: 20px;
}
.childcontent:after, .childpageitem:nth-child(even) .aicent .childcontent:before{display:none;}
.videoloop{margin-top:0;}
}
.grecaptcha-badge { 
visibility: hidden;
}
@media screen and (max-width:1024px){
#menu-topnavigation li a{font-size:13px;}
.lehritemscover{position:relative;left: auto; bottom: auto;align-items: flex-start;flex-wrap: wrap;}
.itemcontent{height:auto;visibility: visible;
opacity: 1;}
.home .videoloop{height:auto;}
.lehritems:hover .itemcontent{ height: auto;}
.lehritems{width:calc(48% - 30px);margin: 15px;}
.childpagetitel{font-size:24px;}
.childcontent{width:40%;}
.childimagecontent{width:60%;}
}
@media screen and (max-width:1200px){
.news-content img {
max-width: 500px !important;
}
}
@media screen and (max-width:768px){
.mobilemenu{display:flex;order: 2;width:50%;}
.menu-topnavigation-container, .anmeldentbtns{width: 100%;}
#menu-topnavigation li{width:100%;border-bottom: 1px solid #fff;}
#menu-topnavigation li a{font-size:20px;}
.topnavi{height:auto;display: none;}
#menu-topnavigation li:after{display:none;}
.menu{margin:0 0 20px 0;}
.jusrig{order: 1;width:50%;justify-content: flex-start;}
.lml{order: 3;width:100%;}
.slogan{order: 4;width:100%;margin: 20px 0; font-size:36px;}
.fixctas{display:none;}
.col-f4, .col-f3{width:100%;}
.wp-block-columns	div.wp-block-column{flex-basis:100%!important;border: 0; margin: 1em 0;}
.hideonmobile{display:none;}
.btnwithbg{margin:0!important;}
.wp-block-columns .wp-block-columns{margin:0;}
.anmeldentbtns ul li{width:50%;}
.lehritems {
width: 100%;
margin: 20px 0;
}
.news-content{flex-wrap: wrap;}
.news-text:before{width: 0px !important;}
.childcontent{width:100%;}
.childimagecontent{width:100%;}
}
.news-section{
background: #f2f2f2;
margin: 2em 0;
}
.news-content{
max-width: 1400px;
width: 100% !important;
display: flex !important;
flex-direction: row;
align-items: center;
margin: 1em 0;
}
.news-content .news-date{
background: #890029;
width: 100%;
color: #FFF;
padding: 5px;
font-size: 15px;
}
.news-content h2{
color: #890029;
text-transform: uppercase;
}
.news-content img{
max-width: 900px;
}
.news-text{
position: relative;
background: #fff;
padding: 3%;
position: relative;
border-right: 10px solid #890029;
}
.news-text:before {
width: 50px;
height: 100%;
background: #fff;
transform: skewX(3deg);
position: absolute;
left: -25px;
top: 0;
content: "";
}
.page-id-363 .handwr{
max-width: 1000px;
width: 100%;
margin: auto;
padding-top: 75px;
}
.section-news {
width: 100% !important;
max-width:1400px;
display:table;
padding:0;
margin: 0 auto;
}
.slick-slide {
width: 100%;
}
.slick-dots{
margin: auto;
text-align: center;
padding: 20px;
}
.slick-dots li{
display: inline;
padding: 10px;
}
.slick-dots li button{
width:20px;
height:20px;
background-color:#989898;
border-radius:100%;
font-size:0px;
border:0;
}
.slick-dots .slick-active button
{
background-color:#890029;
}
.button_top {
z-index: 1;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}
html {
scroll-behavior: smooth;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}