/* 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;


    Industrial Business: #006ab2 rgba(0,106,178,1.0)
    Classic Startup HAK: #84744e rgba(132,116,78,1.0)
    Classic Smart HAK: #d1ba8c rgba(209,186,140,1.0)
    Praxis HAS: #fcebc1 rgba(252,235,193,1.0)
    ERASMUSPLUS hellblau: #009de2 rgba(0,157,226,1.0)
    ERASMUSPLUS dunkelblau original: #0e4194 rgba(208,189,140,1.0)

	HAKGOLD: #d0bd8c rgba(208,189,140,1.0)
    HELLGRAU: #E0E0E0 rgba(224,224,244,1.0)
    GRAU: #A6A6A6 rgba(166,166,166,1.0)
    
    font-family: 'Courgette', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Satisfy', cursive;

	.durchzaehler:nth-child(5),
	.durchzaehler:nth-child(9),
	.durchzaehler:nth-child(13),
	.durchzaehler:nth-child(17),
	.durchzaehler:nth-child(21),
	.durchzaehler:nth-child(25),
	.durchzaehler:nth-child(29) {
		clear: both;
	}
 
*/
/*.frame-type-menu_sitemap ul li ul li li,
.frame-type-menu_sitemap ul {
    position: relative;
    float: left;
    width:100%;
}
.frame-type-menu_sitemap ul li ul li {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
*/

.hidden,
.hiddenslide {
  display: none !important;
  visibility: hidden !important;
}




@media (max-width: 767px) {
  
    #slickid-232.slickdefault .textpic-item.textpic-gallery img,
    #slickid-749.slickdefault .textpic-item.textpic-gallery img {
    transform:inherit;
    transform-origin: center center;
    margin:inherit;
  }
    
    #slickid-749.slickdefault .textpic-item.textpic-text {
        background:inherit;
    }
    
    .lehrerlayout {
      flex: 0 0 100% !important;
      box-sizing: border-box;
      padding: 10px;
    }
}

#slickid-749.slickdefault .textpic-item.textpic-text h2, 
#slickid-749.slickdefault .textpic-item.textpic-text h3, 
#slickid-749.slickdefault .textpic-item.textpic-text p {
    width:inherit;
}

#slickid-749.slickdefault .textpic-item.textpic-text,
#c231 .slickdefault .textpic-item.textpic-text {
  position: relative;
  z-index: 10;
  text-align: left;
  padding: 15px;
    top:inherit;
    left:inherit;
}
/*TV Anpassung*/

#pageid98 .frame-container {
    max-width:100% !important;
}
#pageid98 .slickdefault .textpic-item.textpic-text h2, 
#pageid98 .slickdefault .textpic-item.textpic-text h3 {
    font-size:70px;
}
#pageid98 .slick-arrow {
    display: none !important;
}
#pageid98 .textpic-text p {
    font-size:50px;
    line-height: 70px;
    padding-top:10px;
}

/*Barrierefreihacks*/
.cc-color-override-951127299 .cc-link, .cc-color-override-951127299 .cc-link:active, .cc-color-override-951127299 .cc-link:visited,
.cc-color-override-951127299 .cc-btn {
    color:#000000 !important;
    
}
.cc-color-override-951127299 .cc-btn {
    background-color:#d0bd8c !important;
}

/*lazyloading*/
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 1.6s ease-in-out;
}

img[loading="lazy"].loaded {
  opacity: 1;
}


/*lazyloading*/


.mobilesmenu {
        display: block;
    position: relative;
    float: left;
    width:100%;
    }
/*Überschrift Effekt Animation*/

.slick-slider h2,
.slick-slider h3{
  font-size: 2rem;
  color: #ffffff;
  position: relative;
  display: inline-block;
}

.slick-slider h2::after,
.slick-slider h2::before,
.slick-slider h3::after,
.slick-slider h3::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #d0bd8c, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.slick-slider h2::before,
.slick-slider h3::before{
  top: -5px;
  transform-origin: left;
}

.slick-slider h2:hover::after,
.slick-slider h2:hover::before,
.slick-slider h3:hover::after,
.slick-slider h3:hover::before {
  transform: scaleX(1);
}








#chatPopup {
  position: absolute !important;
  top: -76px !important;
  right: 20px;
  width: 350px;
  height: 562px;
  z-index: 9999;
  box-shadow: none !important;
  border-radius: 3px 3px 0px 0px !important;
  border: none !important;
  background: #d0bd8c !important;
}
#bp-embedded-webchat {
    position: relative;
    float: left;
    width:100%;
    height:500px
}

#chatPopup.collapsed {
  height: 60px !important; /* nur der Balken bleibt sichtbar */
  overflow: hidden;
}

#bp-embedded-webchat.collapsed {
  height: 0 !important;
  visibility: hidden;
}


/*Animation Startseite Slickslider*/
.slickdefault .textpic {
  position: relative;
}
.slickdefault h2 a,
.slickdefault h3 a,
.slickdefault p a,
.slickdefault p {
    color: #373737 !important;
}

.slickdefault .textpic-item.textpic-text {
  position: absolute;
  top: 15%;
  left: 32%;
  z-index: 10;
  color: #373737;
  text-align: left;
}
.slickdefault picture {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto -10px;
}
.slick-dotted.slick-slider {
    margin-bottom:0;
}
.slickdefault .textpic-item.textpic-text h2 a,
.slickdefault .textpic-item.textpic-text h3 a {
  color: white;
  text-decoration: none;
}

.slickdefault .textpic-item.textpic-text h2, 
.slickdefault .textpic-item.textpic-text h3 {
  margin: 0;
  padding: 10px 8px 10px 0;
  font-weight: bold;
  font-size: 38px;
  display: block;
    color: #373737;
}
.slickdefault .textpic-item.textpic-text h3 {
    font-size:20px;
    font-weight: normal;
}

.slickdefault .textpic-item.textpic-text h2, 
.slickdefault .textpic-item.textpic-text h3,
.slickdefault .textpic-item.textpic-text p {
    width:60%;
}
#slickid-696 ul.slick-dots, #slicksync-696 ul.slick-dots {
    bottom:15px !important;
}

/*Chat*/



/**/
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

#c52 h3 {
  display: inline-block; /* wichtig für transform */
  animation: shake 0.5s ease-in-out 3; /* 3 Wiederholungen */
}




.gallery-item figure {
    position: relative;
}

/*Startseite*/

#c49 .row > * {
    padding:0 !important;
}

#c631 .textpic-gallery {
    position: relative;
    z-index: 0;
}
#c631 .textpic-text {
    position: absolute;
    z-index: 1;
    top:20px;
    left:30px;
    color:#FFFFFF;
    
}
#c631 h3 {
    font-size:41px;
}
#c631 p {
    font-size:25px;
    line-height:39px;
}
@media (min-width: 990px) and (max-width: 1199px) {
    #c631 .textpic-text {
        width:50% !important;
    }   
    
}
@media (min-width: 200px) and (max-width: 989px) {
    #c631 .textpic-text {
        width:100% !important;
        position: relative;
        color:#000000;
        top:inherit;
        left:inherit;
        
    }   
    #c631 h3 {
        font-size:29px;
        padding:0 0 10px 10px;
    }
    #c631 p {
        font-size:20px;    
        padding:0 0 10px 10px;
        line-height:36px;
    }
    
}
/*Startseite*/


/*Computer und Creative Camp*/

#c545 {
    background:#2D2D2D !important; 
    color:#FFFFFF !important;
}

#c547,
#c546 {
    background:#2B579A !important; 
    color:#FFFFFF !important;
}

#c549,
#c550 {
    background:#00A862  !important; 
    color:#FFFFFF !important;
}

#c551,
#c553 {
    background:#D24726   !important; 
    color:#FFFFFF !important;
}

#c554,
#c555 {
    background:#d0bd8c   !important; 
    color:#FFFFFF !important;
}

#c572 {
    padding-top:40px;
}
#c572 p strong {
    font-size:60px;
}
#c572 p i {
    font-size:20px;
    font-weight: normal;
}
#c572 p sub {
    font-size:10px;
}

/*Computer und Creative Camp*/

/*Klassenlayout*/


.frame {
    transition: all ease 1s;
}
.activeclass {
    transition: all ease 1s;
    display:none;
    height:0px;
}

.klassenfilter li a {
    border:1px solid rgba(208,189,140,1.0);
    border-radius: 5px;
    padding:5px 10px;
    margin:0 10px;
    text-decoration: none;
    transition: all ease 1s;
}

.klassenfilter li a:hover {
    border:1px solid rgba(0,0,0,1.0);
    background:rgba(208,189,140,1.0);
    transition: all ease 1s;
}
.klassenfilter li {
    list-style: none;
    padding:0;
    margin:0;
    float: left;
}
.klassenfilter {
  padding: 0;
  margin: 0 0px 10px 0 !important;
  display: block;
  position: relative;
  float: left;
}

.klassenhover {
    position: relative;
    float: left;
    width:25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;    
}
.klassenhover .frame {
    min-height: 540px;
}

.klassenhover p {
    text-align: center;
    font-size: 15px;
}
/*Klassenlayout*/


.no-link {
    font-weight: bold;
    text-decoration: underline;
}
input.disabled {
    background: #5B5B5B !important;
}
input.disabled.highlight {
    background:#29b6f6 !important;
}
#c48 {
    padding:0;
}
.highlights .textpic-text {
    display: none;
}
.highlights .highlight {
        width:8%;
    }
.navbar-toggler:focus {
    box-shadow: none !important;
}

.instalayout figure a::after {
  content: '>> weiterlesen';
  position: absolute;
  bottom: 20px;
  right: 0;
  padding: 3px 9px;
  color: #FFFFFF;
  background: rgba(208,189,140,1.0);
    border-radius:10px 0px 0px 10px;
    line-height: 27px;
}

canvas {
  width: 100%;
  height: 100%;
    position: relative;
    float: left;
}
.canvatext {
  z-index: 10;
  position: absolute;
  top: 40px;
  text-align: center;
  font-size: 30px;
  color: #000000;
  width: 100%;
}
.canvatext ul {
    list-style: none;
    padding: 0;
    text-align: center;
  }
  
  .canvatext ul li {
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
    line-height: 1.5;
    display: inline-block;
      clear:both;
  }
.canvatext ul li::before {
    content: "\f135";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
    font-size: 14px;
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: -7px;
    top: 9px;
    color:#84744e;
}

/*Bootstrap Fixes*/
.frame {
  --frame-spacing: 0px;
}
.frame-container {
    --bs-gutter-x:0px;
}
p {
    margin-bottom:10px !important;
}
header .gallery-item {
    width:inherit;
}


#c284 ul li span {
    font-weight: bold;
    color:rgba(208,189,140,1.0);
}

/*Bootstrap Fixes*/



.white {
    color:#FFFFFF;
}
.nav-link span {
    color:#000000;
}
main a,
.nav-link.active span {
    color:#d0bd8c;
}
.tab-content {
  border: 1px solid #dee2e6;
  display: block;
  position: relative;
  float: left;
  padding: 20px;
    border-top:0px;
}
#pageid1 .highlights {
    
}
@keyframes fadein{
    0% { opacity:0; }
    50% { opacity: 1; }
    100% { opacity:0; }
}

.navbar-toggler::after {
  content: "";
  background: url("../../user_upload/menu.png");
  position: absolute;
  left: 35px;
  top: 7px;
  height: 20px;
  width: 90px;
  animation: 5s ease 0s normal forwards 1 fadein;
  animation-iteration-count: 3;
}

.collapsed .navbar-toggler-icon::before {
    top:-6px;
}
.collapsed .navbar-toggler-icon::after {
    top:0px;
}
.navbar-toggler-icon::before {
    top:13px;
}
.navbar-toggler-icon::after {
    top:13px;
}

.footercontainer {
  background: #4a4a49;
  color: #FFFFFF;
  position: relative;
  float: left;
  padding: 50px 20px;
  width: 100%;
  display: block;
}
main .container-fluid {
    --bs-gutter-x: 0rem;
}



.container.row {
    margin:0 auto !important;
    float:none !important;
}
.bildimhintergrund {
    overflow: hidden;
}

.bildimhintergrund .gallery-item {
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
.bildimhintergrund .textpic-text {
    z-index: 2;
    position: relative;
    float: left;
    width: 100%
}
.bildimhintergrund .ce-column {
    padding:0 !important;
}

.bildimhintergrund picture {
    max-width: 1000px;
    margin-top: -59px;
}

/*Startseitenlayouts und Schriften*/
.seolayout i {
    font-style: normal;
}
.seolayout i strong,
main h1,
#c54 h2,
#c53 h2 {
    font-size: 40px;
    font-family: "Satisfy";
    font-weight:normal;
    line-height: 61px;
}
.seolayout h1 {
    font-family: "Nunito";
    font-size:12px;
    color: #808080;
}
#c54 {
    padding-top:70px;
}
#c53 {
    padding:120px 0;
}

#c63 {
    padding-bottom:70px;
}

#c49 {
    background:#d0bd8c;
    padding:0;
}
#c49 .gallery-item .ce-column {
    padding:0 !important;
}
#c49 .row {
    --bs-gutter-x: 0rem;
    padding:0;
}

#c575 .textpic-text p,
#c574 .textpic-text p,
#c50 .textpic-text p {
  font-family: "Satisfy";
  font-size: 41px;
  padding: 30px 0 0 30px;
  line-height: 50px;
}
#c575 .textpic-text p {
    padding:30px 30px 0 30px;
}
#c49 .frame-container-default {
    max-width:100%;
}



#c52,
#c51 {
    background: #3E5185;
    color:#FFFFFF;
    padding:59px 30px 38px 0;
    position: relative;
    float: left;
    width:100%;
}
#c52 {
    padding:59px 0 60px 30px;
    background:#f1d54d;
    color:#4a4a49;
}

#c52 h3,
#c51 h3 {
  padding: 0px;
  font-family: "Satisfy";
  font-size: 34px;
}




#c50 figure {
    padding-top:0px;
}

#c59 {
    padding:70px 0;
}

/*Erasmus Startseite - weitere Form. weiter unten*/
#c574 h3 {
    font-size:29px;
    padding:0 0 0 30px;
}
#c574 .textpic-text p {
  font-size: 20px;
  line-height: 31px;
}
#c574 .textpic-gallery {
    width:40%;
    padding:0 20px 0 20px;
}
#c574 .textpic-text {
    width:60%
}
#c574 {
    background: #009de2;
    padding:50px 0 20px;
    color:#FFFFFF;
}


.slick-slide p a,
#c575 a,
#c574 a,
#c50 a,
#c64 a, 
#c66 a,
#c67 a,
#c63 a,
#c62 a,
#c59 a,
#c53 a,
#c50 .textpic-text p a,
#c52 a,
#c51 a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: bold;
  color: #000000 !important;
  background-color: #d0bd8c; /* Gold HAK Voitsberg */
  border: none;
  border-radius: 5px;
    margin-bottom:4px;
  text-decoration: none;
  transition: background-color 0.4s ease, color 0.4s ease, transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

}



.slick-slide p a:hover,
#c575 a:hover,
#c574 a:hover,
#c50 a:hover,
#c64 a:hover, 
#c66 a:hover,
#c67 a:hover,
#c63 a:hover,
#c62 a:hover,
#c59 a:hover,
#c53 a:hover,
#c50 .textpic-text p a:hover,
#c52 a:hover,
#c51 a:hover, 
#c64 a:hover, 
#c66 a:hover,
#c67 a:hover,
#c63 a:hover,
#c62 a:hover,
#c59 a:hover,
#c53 a:hover,
#c50 .textpic-text p a:hover,
#c52 a:hover,
#c51 a:hover {
  background-color:rgba(30,30,30,1.00); /* Schwarz beim Hover */
  color: #FFFFFF !important; /* Weiße Schrift */
  transition: color 0.4s ease, color 0.4s ease, transform 0.3s ease;
  transform: scale(1.05); /* Leichtes Vergrößern */

}
.textpic-item p a:hover {
    transition: color 0.4s ease, color 0.4s ease, transform 0.3s ease;
    
}

/*Startseitenlayouts und Schriften*/

.carousel-inner,
.carousel .carousel-backgroundimage-container, .carousel .carousel-backgroundimage {
    height:800px;
}
  .carousel-item-type-header .carousel-text-inner {
    width: 65%;
    top: 15%;
    position: absolute;
    left: 38%;
  }
.frame-type-carousel_fullscreen .frame,
.frame-type-carousel_fullscreen .frame-container-default,
.frame-type-carousel_fullscreen .carousel-content-inner{
    width:100% !important;
    max-width:inherit !important;
}


#c50 i {
    font-style: normal;
}
.highlightleft {
    padding-right:0px !important;
}
.highlightright {
    padding-left:0px !important;
}


.highlights {
  padding: 3px 0;
  background: url("../../user_upload/logo/Highlights.png") no-repeat 1% 100%;
  background-size: 8%;
  position: relative;
  width: 1315px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0px 5px;
  box-sizing: border-box;
  
}

.highlights .standardlayout {
  width: 14%; /* 8 Elemente pro Reihe bei großen Bildschirmen */
  min-width: 80px;
  box-sizing: border-box;
  padding: 0 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.highlights .standardlayout .frame {
    padding:0 10%;
}
.highlights a {
    display: block;
}

.highlights .textpic,
.highlights {
    transition: all ease 0.5s;
}
.highlights:hover .textpic {
    opacity: 0.3;
    transition: all ease 0.5s;
}
.highlights .textpic:hover {
    opacity: 1;
    transition: all ease 0.5s;
}

.highlights .textpic:hover {
    opacity: 1;
    transition: all ease 0.5s;
}
.highlights .textpic-text a {
  text-decoration: none;
  color: #737373;
  line-height: 14px;
  display: block;
  padding-top: 4px;
  font-size: 11px;
}
.highlights .textpic-gallery {
    overflow: hidden;
    padding:0 !important;
}
.highlights figure a {
    overflow: hidden;
}

/*Animierter Text*/

.text-animation {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid orange; /* The typewriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: .15em; /* Adjust as needed */
    animation: 
    typing 3.5s steps(40, end) infinite, /* Added 'infinite' to loop the typing animation */
    blink-caret .75s step-end infinite;
    animation-delay: 2s; /* Delay before starting the animation */
    text-align: left;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

/*Animierter Text*/


.schnitt, .best {
    border-radius: 100%;
    padding: 23px 11px;
    width: 86px;
    display: inline-block;
    text-align: center;
    margin-right:10px;
    font-size:35px;
}
.best {
    background:#d0bd8c;
}
.schnitt {
    background: #009de2;
}
.best::after {
    content:"Bestleistung";
    display: block;
    font-size: 15px;
}
.schnitt::after {
    content:"Schülerschnitt";
    display: block;
    font-size: 15px;
}
.flexslider .digi .flex-caption {
    top:42% !important;
}
.lehrerinfo {
    position: absolute;
    top: -256px;
    left: 0px;
    z-index: 100;
    background:rgba(255,255,255,1);
    padding:10px;
    width:100%;
}

/*Linkfarbe Homepage*/
main .frame a[class=""], .frame a:not([class]) {
    color:rgba(208,189,140,1.0);
}
main .frame a[class=""]:hover, .frame a:not([class]):hover {
    color:rgba(132,116,78,1.0);
}

::-moz-selection { background: rgba(208,189,140,1.0); color: #fff; }
::selection { background: rgba(208,189,140,1.0); color: #fff; }

/* lustige Fotos Version
.klassenhover .gallery-item {
    max-height: 431px;
    overflow: hidden;
    max-width:630px;
    display: block;
}
.klassenhover .gallery-item:hover .image {
    position:relative;
    top:-446px
    
}*/

.klassenhover .gallery-item {
    display: block;
    margin:20px 20px 0 20px;
}
.klassenhover p {
  text-align: center;
  font-size: 15px;
  background: rgb(208, 189, 140);
  color: black;
    margin:0 20px;
}
.klassenhover > *:nth-child(3n) {
    clear: both;
}



.tab-navigation {
    margin:0;
}
.slick-prev, .slick-next {
    z-index: 10;
    top:40%;
}
.slick-next {
    right:30px !important;
}
.slick-prev {
    left:10px !important;
}
.slick-prev::before, .slick-next::before {
    font-size:40px;
}
.slick-prev::before, .slick-next::before {
    color:#d0bd8c;
}


/*popup und satisfy schrift*/
.saveyourdate:hover {
    background:#d0bd8c;
    color:#FFFFFF;
    transition: all ease 1s;
}
.saveyourdate:hover .satisfy {
    color:#9A0002;
    text-shadow: 2px 2px 10px #757575;
    
    transition: all ease 1s;
}
.saveyourdate:hover a {
    color: #FFFFFF;
    transition: all ease 1s;
}

.saveyourdate.findeSanta,
.saveyourdate.findeleni {
    background:#d0bd8c !important;
    color:#FFFFFF;
    
}
.saveyourdate.findeSanta:hover,
.saveyourdate.findeleni:hover {
    background:#9A0002 !important;
    color:#FFFFFF;
    
}
.findeSanta::before,
.findeleni::before {
    content: '';
    background: url("https://www.bhv.at/fileadmin/user_upload/startseite/2022_23/Finde-Yoda.png");
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 23px;
    width: 150px;
    height: 160px;
}
.findeSanta:hover .satisfy,
.findeleni:hover .satisfy {
    color:#FFFFFF !important;
}
.findeSanta a,
.findeleni a  {
    color:#9A0002 !important;
}
.findeSanta:hover a,
.findeleni:hover a  {
    color:#FFFFFF !important;
}
.saveyourdate {
    background:#298681;
    color:#FFFFFF;
    padding: 5px 0 0 5px;
    font-size:15px;
    letter-spacing: 2px;
}
.findeSanta {
	background: #900002;
}
.satisfy {
    font-size: 40px;
    font-family: "Satisfy";
    text-transform: none;
    line-height: 48px;
    text-shadow: 2px 2px 10px #000;
}
.saveyourdate a {
    display: block;
    text-align: center;
    text-decoration: none;
}
.saveyourdate .satisfy {
    color:#FFFFFF;
}
/*XMAS Code START*/
/*This is the animation used to change colors; In this instance, I made sure to have the same color at 0% as I did at 100% */

@-webkit-keyframes color-transition {
	0% {
		background-color: #A80002;
		border-color: #4C6085;
	}
	33% {
		background-color: #80D39B;
		border-color: #80D39B;
	}
	66% {
		background-color: #BE3E82;
		border-color: #BE3E82;
	}
	100% {
		background-color: #4C6085;
		border-color: #4C6085;
	}
}

@keyframes color-transition {
	0% {
		background-color: #A80002;
		border-color: #4C6085;
	}
	33% {
		background-color: #80D39B;
		border-color: #80D39B;
	}
	66% {
		background-color: #BE3E82;
		border-color: #BE3E82;
	}
	100% {
		background-color: #4C6085;
		border-color: #4C6085;
	}
}
#c956 {
    color: #FFFFFF;
    padding: 20px 20px 0px 20px;
    margin-bottom: 20px;
    	/*NOTE: You can include all these using the shorthand 'animation' property, but some older  browsers require that all the values be in their own property. Additionally, I feel its easier to learn/demonstrate this way*/
	-webkit-animation-name: color-transition;
	animation-name: color-transition;
	-webkit-animation-duration: 25s;
	animation-duration: 25s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	/*default value for timing-function is ease, we'll specify linear to keep the same timing through out*/
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
#c956 .gallery-item .ce-column {
    padding:0;
}
#c956 .textpic-text p {
    line-height: 48px;
    font-size: 36px;
}

.xmasbackground {
  background: url(/fileadmin/adventcalendar/images/xmasbackground.svg) no-repeat top center #e4decf;
  background-size: cover;
    width:100%;
}
.door.current-date { border-color: yellow; }
.door.future-date { opacity: 0.3; }


/* title graphic */
.title {  
  display: flex;
  align-items: center;
  justify-content: center; 
}

.title img {
  width: 90%;
  height: auto;
}

/* mobile first grid layout */
.grid-1 {
  display: grid;
  width: 96%;
  max-width: 2900px;
  margin: 2% auto;
  
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 25px;
  
  grid-template-areas:    "t        t       t"
                          "d23      d20     d12"
                          "d2       d14     d4"
                          "d5       d22     d16"
                          "d1       d7      d9"
                          "d10      d11     d18"
                          "d13      d3      d15"
                          "d6       d17     d8"
                          "d19      d24     d21";
}

/* media query */
@media only screen and (min-width: 1000px) {
  
  .grid-1 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "t     t     t     d2      d7      d8"
                         "t     t     t     d4      d11     d12"
                         "t     t     t     d19     d9      d13"
                         "d6    d1    d24   d24     d21     d20"
                         "d17   d18   d24   d24     d5      d22"
                         "d3    d23   d16   d14     d10     d15";
  }
    
    
    .back a {
        font-size:22px !important;
    }
  
}


/* individual items */
.back a {
    bottom: 8px;
    position: absolute;
    font-size: 11px;
    text-decoration: none;
    transition: all ease 1s;
    background: #d0bd8c;
    color: #FFFFFF;
    padding: 0px 6px;
    border-radius: 11px;
    left: 16%;
}
.back a:hover {
    background:#FFFFFF;
    color:#d0bd8c;
    transition: all ease 1s;
}
.title {
    grid-area: t;
  }
  .day-1 {
  grid-area: d1;
  }
  .day-1 .back {
    background: url(/fileadmin/advent22/1.png);
  }
  .day-2 {
    grid-area: d2;
  }
  .day-2 .back {
    background: url(/fileadmin/advent22/02.jpg);
  }
  .day-3 {
    grid-area: d3;
  }
  .day-3 .back {
    background: url(/fileadmin/advent22/03.jpg);
  }
  .day-4 {
    grid-area: d4;
  }
  .day-4 .back {
    background: url(/fileadmin/advent22/04.jpg);
  }
  .day-5 {
    grid-area: d5;
  }
  .day-5 .back {
    background: url(/fileadmin/advent22/05.jpg);
  }
  .day-6 {
    grid-area: d6;
  }
  .day-6 .back {
    background: url(/fileadmin/advent22/06.jpg);
  }
  .day-7 {
    grid-area: d7;
  }
  .day-7 .back {
    background: url(/fileadmin/advent22/07.jpg);
  }
  .day-8 {
    grid-area: d8;
  }
  .day-8 .back {
    background: url(/fileadmin/advent22/08.jpg);
  }
  .day-9 {
    grid-area: d9;
  }
  .day-9 .back {
    background: url(/fileadmin/advent22/09.jpg);
  }
  .day-10 {
    grid-area: d10;
  }
  .day-10 .back {
    background: url(/fileadmin/advent22/10.jpg);
  }
  .day-11 {
    grid-area: d11;
  }
  .day-11 .back {
    background: url(/fileadmin/advent22/11.jpg);
  }
  .day-12 {
    grid-area: d12;
  }
  .day-12 .back {
    background: url(/fileadmin/advent22/12.jpg);
  }
  .day-13 {
    grid-area: d13;
  }
  .day-13 .back {
    background: url(/fileadmin/advent22/13.jpg);
  }
  .day-14 {
    grid-area: d14;
  }
  .day-14 .back {
    background: url(/fileadmin/advent22/14.jpg);
  }
  .day-15 {
    grid-area: d15;
  }
  .day-15 .back {
    background: url(/fileadmin/advent22/15.jpg);
  }
  .day-16 {
    grid-area: d16;
  }
  .day-16 .back {
    background: url(/fileadmin/advent22/16.jpg);
  }
  .day-17 {
    grid-area: d17;
  }
  .day-17 .back {
    background: url(/fileadmin/advent22/17.jpg);
  }
  .day-18 {
    grid-area: d18;
  }
  .day-18 .back {
    background: url(/fileadmin/advent22/18.jpg);
  }
  .day-19 {
    grid-area: d19;
  }
  .day-19 .back {
    background: url(/fileadmin/advent22/19.jpg);
  }
  .day-20 {
    grid-area: d20;
  }
  .day-20 .back {
    background: url(/fileadmin/advent22/20.jpg);
  }
  .day-21 {
    grid-area: d21;
  }
  .day-21 .back {
    background: url(/fileadmin/advent22/21.jpg);
  }
  .day-22 {
    grid-area: d22;
  }
  .day-22 .back {
    background: url(/fileadmin/advent22/22.jpg);
  }
  .day-23 {
    grid-area: d23;
  }
  .day-23 .back {
    background: url(/fileadmin/advent22/23.jpg);
  }
  .day-24 {
    grid-area: d24;
  }
  .day-24 .back {
    background: url(/fileadmin/advent22/24.jpg);
  }


/* door styles */

.grid-1 input {
  display: none;
}

#weihnachtskalender label { /*QUICKFIX*/
  perspective: 1000px;
    -webkit-perspective: 1000px;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  cursor: pointer;

  display: flex;
  min-height: 100%;
  width: 100%;
  height: 180px;
}

.door {
  width: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: all 300ms;
  border: 2px dashed transparent;
  border-radius: 10px;
	min-height:200px;
	min-width:200px;
}

  .door div {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: center;
    min-height:200px;
	min-width:200px;
    /* typography */
    font-family: 'Kalam', cursive;
    color: #385052;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
  }

  .door .back {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: #2e313d;
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      
  }

  label:hover .door {
    border-color: #385052;
  }

  :checked + .door {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }


/* footer styles */
.xmasfooter {
  text-align: center;
  padding: 2em 0;
}  
  .xmasfooter a {
      color: #2e313d;
      font-size:12px;
      
  } 
    .xmasfooter a:hover {
          text-decoration: none;
    }









/*XMAS Code ENDE*/






/*Lehrer 2021-22 START*/

.imagemapstyle {
    position: relative;
    float: left;
    width:100%;
    height: auto;
}
.super {
    background:url("/fileadmin/user_upload/die-schule/lehrer/pfeil.svg");
    height:200px;
    width:200px;
    position: absolute;
    bottom:0;
    left:0;
    z-index: 10;    
}

.lehrergroupitem {
    z-index: 29;
}




/*Lehrer 2021-22 ENDE*/



/*
#c961:hover::after {
    content: '';
    background: url("/fileadmin/user_upload/startseite/2021_22/facemask.png");
        background-size: auto;
    width: 373px;
    height: 200px;
    position: absolute;
    z-index: 10;
    top: 44%;
    right: 31.8%;
    background-size: cover;
}
*/


/*Aufzählungszeichen SPEZIAL*/
#c366 .textpic-text ul {
	margin-bottom:24px;
}
#c366 .textpic-text ul li {
    margin: 40px 0 40px 6%;
    list-style: none;
    width: 24%;
    float: left;
}

#c366 .textpic-text ul li::before {
    font-family: 'FontAwesome';
    content: '\f2a7';
    margin: 18px 10px 0 -55px;
    color: #d0bd8c;
    font-size: 47px;
    position: absolute;
}

#c366 .textpic-text ul li:nth-child(1)::before {
    font-family: 'FontAwesome';
    content: '\f275';
}
#c366 .textpic-text ul li:nth-child(2)::before {
    font-family: 'FontAwesome';
    content: '\f0c2';
}
#c366 .textpic-text ul li:nth-child(3)::before {
    font-family: 'FontAwesome';
    content: '\f0a1';
}
#c366 .textpic-text ul li:nth-child(4)::before {
    font-family: 'FontAwesome';
    content: '\f03d';
}
#c366 .textpic-text ul li:nth-child(5)::before {
    font-family: 'FontAwesome';
    content: '\f16d';
}
#c366 .textpic-text ul li:nth-child(6)::before {
    font-family: 'FontAwesome';
    content: '\f07a';
}

/*Aufzählungszeichen SPEZIAL*/

.hakfeatures {
    position: relative;
    float: left;
    width:100%;
    padding:60px 0;
}

.downloads .icon_desc {
    font-size:8px !important;
}

.popup {
    background:rgba(0,0,0,0.80) !important;
}
.popup.specialpopup {
    
}
/*Easteregg*/

.easterteach {
    position: fixed;
    top: 160px;
    right: 10px;
    z-index: 100;
    background: #FFF;
    border-radius: 100%;
    box-shadow: 2px 2px 10px #000;
    display: none;
}
.teachpic {
    background: url("../images/Lehrer-Comic-2021_2.svg");
    background-size:1800px;
    background-position:10px 10px;
    height:200px;
    width:200px;
    background-size:1300px;
}
.frodo {
    z-index: 0;
}

#pageid172 .teachpic {
    background:none;
}

/*Bergmair*/
#pageid1 .teachpic {
    background-position:550px 11px;
}
/*Böhmer*/
#pageid141 .teachpic {
    background-position:-200px 10px;
}
/*Colantonio*/
#pageid19 .teachpic {
    background-position:-380px 10px;
}
/*Dreisiebner*/
#pageid156 .teachpic {
    background-position:-580px 10px;
}
/*Faleschini*/
#pageid13 .teachpic {
    background-position:-950px 10px;
}
/*Gepp*/
#pageid108 .teachpic {
    background-position: 10px -190px;
}
/*Gapp*/
#pageid20 .teachpic {
    background-position:-1120px 10px;
}
/*Gerstenbrand*/
#pageid22 .teachpic {
    background-position: -200px -180px;
}
/*Gruber*/
#pageid11 .teachpic {
    background-position:-390px -180px;
}
/*Hardt-Stremayr*/
#pageid24 .teachpic {
    background-position:-560px -180px;
}
/*Hiebler*/
#pageid23 .teachpic {
    background-position:-760px -180px;
}
/*Hirner-Reininghaus*/
#pageid137 .teachpic {
    background-position:-930px -180px;
}
/*Steinhauser*/
#pageid152 .teachpic {
    background-position:-580px -550px;
}
/*Jauk*/
#pageid152 .teachpic {
    background-position:190px -180px;
}
/*Koch*/
#pageid68 .teachpic {
    background-position:10px -360px;
}
/*Lang*/
#pageid101 .teachpic {
    background-position:-190px -370px;
}
/*Leitner*/
#pageid101 .teachpic {
    background-position:-370px -370px;
}
/*Mader*/
#pageid153 .teachpic {
    background-position:-560px -370px;
}
/*Magele*/
#pageid154 .teachpic {
    background-position:-740px -370px;
}
/*Monsberger*/
#pageid150 .teachpic {
    background-position:390px -370px;
}
/*Petz*/
#pageid47 .teachpic {
    background-position:190px -370px;
}
/*Roschitz*/
#pageid18 .teachpic {
    background-position:10px -550px;
}
/*Schmid*/
#pageid92 .teachpic {
    background-position:-210px -560px;
}
/*Schwarz*/
#pageid21 .teachpic {
    background-position:-360px -560px;
}
/*Wanzenried*/
#pageid8 .teachpic {
    background-position:550px -550px;
}
/*Zeiringer*/
#pageid161 .teachpic {
    background-position:380px -550px;
}
/*Zirkl*/
#pageid158 .teachpic {
    background-position:190px -560px;
}
/*Zotter*/
#pageid157 .teachpic {
    background-position:-210px -770px;
}
/*Tappeiner*/
#pageid7 .teachpic {
    background-position:10px 370px;
}

.socialwrapper {
    text-align: center;
    display: block;
}
.socialwrapper {
    font-size: 34px;
    color:#5B5B5B;
}
.socialwrapper a {
    
    padding: 11px 9px;
    display: inline-block;
}
.socialmedia .leftlogo {
    width:120px;
    left:0px;
}
.socialmedia .rightlogo {
    width: 120px;
    right: 0px;
    left: inherit;
    position: fixed;
    top:10px;
}
.socialmedia .frame ul li a {
    padding: 17px 8px;
    display: block;
    background: #d0bd8c;
    color: #FFFFFF ;
    text-decoration: none;
    line-height: 18px;
    font-size: 20px;
}
.socialmedia ul li a em {
    font-size:14px;
    font-weight: normal;
}
.socialmedia ul li {
    list-style-type: none;
    margin:0 !important;
    padding:0 !important;
}
 .socialmedia ul {
    margin:0 !important;
    text-align:center;
     padding-top:50px;
}
.socialmedia ul li:nth-child(2) a {
    background: #0e4194;
}

.socialmedia ul li:nth-child(3) a {
    background: #0e4194;
}
.socialmedia ul li:nth-child(3) a {
    color:#FFFFFF;
}

.socialmedia ul li:nth-child(2) a,
.toolbar{
    -webkit-animation-name: animation;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;    
    -webkit-animation-play-state: running;
    
    animation-name: animation;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
    background-color: #f00;
}
.fixercontent {
    position: fixed;
    bottom:0;
    width:100%;
    z-index: 2;
}

#c819 {
    padding: 4px 0;
    background:#E5E5E5;
}
@-webkit-keyframes animation {
    0%     {background-color:red;}
    50.0%  {background-color:#ff6666;}
    100.0%  {background-color:red;}
}

@keyframes animation {
    0%     {background-color:red;}
    50.0%  {background-color:#ff6666;}
    100.0%  {background-color:red;}
}


.socialmedia main {
    padding-top:20px !important;
}

#pageid161 .jumpericons {
    display: none !important;
}





@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
      -webkit-transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
      -webkit-transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
      -webkit-transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
      -webkit-transform: translate3d(4px, 0, 0);
  }
}
.wiggle {
  animation: shake 10s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
    -webkit-perspective: 1000px;
}

.bildhundert .ce-outer,
.bildhundert figure,
.bildhundert .ce-row,
.bildhundert .gallery-item,
.bildhundert .ce-column img,
.bildhundert .ce-column {
    padding: 0 !important;
    width: 100%;
}
#c816 .ce-column {
    padding:0;
}
.row,
.frame {
    position: relative;
    float: left;
    width:100%;
    /*margin-left:0 !important;
    margin-right:0 !important;*/
}
footer p {
    font-size: 15px;
    line-height: 22px;
}

.seotextlayout .frame {
    padding:0 0 60px 0;
}

.seotextlayout ul li,
.seotextlayout p {
    font-size: 12px;
    line-height: 14px !important;
}
.virtuelle_tour {
    background: url("https://www.bhv.at/fileadmin/user_upload/startseite/202021/virtuellerbackground.png");
    background-size: cover;
    min-height: 120px;
    width:100%;
    margin-bottom:20px;
    position: relative;
}
.virtuelle_tour h2 {
    font-size: 40px;
    color: #FFF;
    padding: 50px 0 0 50px;
    font-family: "Satisfy";
    text-transform: none;
    line-height: 48px;
    text-shadow: 2px 2px 10px #000;
}
.virtuelle_tour .hakvirtuell {
    font-size: 22px;
    background: #d0bd8c;
    color: #FFF;
    padding: 12px 12px 12px 50px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 40px;
    transition: all ease 1s;
}
.virtuelle_tour .hakvirtuell:hover {
    background:#84744e;
    transition: all ease 1s;
}
.virtuelle_tour .playlink {
    font-size: 82px;
    text-shadow: 2px 2px 10px #000;
    position: absolute;
    right: 8%;
    top: 44%;
    transition: all ease 1s;
}

.virtuelle_tour .playlink:hover {
    color:#84744e;
    transition: all ease 1s;
}

.tabpanel {
    position: relative;
    float: left;
    margin:0 0 20px 0;
}


/*
#pageid161 .navilo > li:nth-child(2) a {
    color: #b1a47d;
}
#pageid161 .navilo > li:nth-child(3) a {
    color: #000000 !important;
}
#pageid161 .navilo > li:nth-child(3) a:hover {
    color: #b1a47d;
}
*/


.youtubewrapper,
.hakyoutube,
.hakyoutube:hover youtubewrapper {
    transition:all ease 1s;
}
.hakyoutube {
    margin-bottom:20px;
}
.youtubewrapper:hover {
    margin-top:-10px;
}

.youtubewrapper h3 {
    padding-top:15px;
}

/*Clearer für 3-Spalter*/
/*.hakyoutube:nth-child(4),
.hakyoutube:nth-child(7),
.hakyoutube:nth-child(10),
.hakyoutube:nth-child(13),
.hakyoutube:nth-child(16),
.hakyoutube:nth-child(19),
.hakyoutube:nth-child(22),
.hakyoutube:nth-child(25),
.hakyoutube:nth-child(28),
.hakyoutube:nth-child(31){
    clear: both;
}*/
/*Clearer für 3-Spalter*/
   
.hakyoutube:nth-child(3),
.hakyoutube:nth-child(5),
.hakyoutube:nth-child(7),
.hakyoutube:nth-child(9),
.hakyoutube:nth-child(11),
.hakyoutube:nth-child(13),
.hakyoutube:nth-child(15),
.hakyoutube:nth-child(17),
.hakyoutube:nth-child(19),
.hakyoutube:nth-child(21){
    clear: both;
}
.linkspaddingweg {
    padding-left:0px !important;
}
.rechtspaddingweg {
    padidng-right:0px !important;
}



.hakyoutube:hover h3 {
    background: #655530 !important;
    color:#FFFFFF !important;
}
.youtubewrapper {
    margin-top:0px;
    padding:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.hakyoutube h3 {
    font-size: 1.4rem !important ;
    line-height: 25px;
    text-transform: none;
    font-weight: normal !important;
    margin: 0;
    padding: 10px;
    padding-top:15px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.hakyoutube h3 {
    font-size: 15px;
    line-height: 25px;
    text-transform: none;
    font-weight: bold;
    margin:0;
    background: #EBEBEB;
}


.hakyoutube:nth-child(1) h3 {
    
}
.hakyoutube:nth-child(2) h3 {
    background:#006ab2;
    color: #FFFFFF;
}
.hakyoutube:nth-child(3) h3 {
    
}
.hakyoutube:nth-child(4) h3 {
    background:#84744e;
    color: #FFFFFF;
}
.hakyoutube:nth-child(5) h3 {
    background:#d1ba8c;
    color: #FFFFFF;
}
.hakyoutube:nth-child(6) h3 {
    background:#fcebc1;
}
.hakyoutube:nth-child(7) h3 {
    
}
.hakyoutube:nth-child(8) h3 {
    
}
.hakyoutube:nth-child(9) h3 {
    
}
.hakyoutube:nth-child(10) h3 {
    
}


.hakyoutube h3,
.hakyoutube iframe {
    display: block;
    width:100%;
}
.hakyoutube iframe {
    padding-top:0px;
}


.standardlayout {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;    
}

.kopfbereich {
    position: fixed;
    top:0;
    width: 100%;
    z-index: 100;
}
.kopfbereich .menuheader {
    background: none;
}
.kopfbereich .bg-dark.open {
    background-image:url("../../user_upload/logo/young-business-von-unten-weiss.png");
    background-position: 99% 100%;
    background-repeat: no-repeat;
    transition: all ease 1s;
}
.kopfbereich .bg-dark .close {
    background-image:none;
}


/* ------------------------------------------------------------
	Sitemap Styles
------------------------------------------------------------ */

.frame-type-menu_sitemap {
	display: inline-block;
	min-width: 100%;
	width:100%;
}
main .frame-type-menu_sitemap ul,
main .frame-type-menu_sitemap li {
    list-style: none;
    margin:0;
    padding:0;
}
main .frame-type-menu_sitemap li li {
    margin:0 0 0 20px;
}
.frame-type-menu_sitemap li a,
.frame-type-menu_sitemap li a.multi:after {
    position: relative;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	white-space: normal;
	color: #333;
	background-color: white;
	border: 1px solid #f5f5f5;
	border-top: 4px solid #d0bd8c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    z-index: 1;
}
.frame-type-menu_sitemap li a:hover {
    border-top: 4px solid #95a5a6;
    background:#d0bd8c;
    color: #FFFFFF;
}

.frame-type-menu_sitemap li a {
	-webkit-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(106,113,127,0.2);
    box-shadow: 1px 1px 2px rgba(106,113,127,0.2); 
}

.frame-type-menu_sitemap li a.multi:after {
	content: " ";
	position: absolute;
	left: 6px;
	top: 6px;
	width: 100%;
	height: 100%;
	border-width: 2px;
	border-color: #eee;
	border-top-width: 0 !important;
	border-left-width: 0 !important;
	background-color: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	z-index: -1;
}

.frame-type-menu_sitemap li a:before {
	content: " "attr(href)" ";
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	word-wrap: break-word;
	color: #95a5a6;
}

.frame-type-menu_sitemap li a small {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-top: 10px;
}

.frame-type-menu_sitemap .fa {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 16px;
	vertical-align: middle;
}

/* ------------------------------------------------------------
	Sitemap Styles
------------------------------------------------------------ */





/*Imagefade JOBS*/

@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#c739 .ce-row img {
    animation-name: cf3FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-direction: alternate;
}

#c739 .ce-row:nth-of-type(1) img {
    animation-delay: 6s;
}
#c739 .ce-row:nth-of-type(2) img {
    animation-delay: 4s;
}
#c739 .ce-row:nth-of-type(3) img {
    animation-delay: 2s;
}
#c739 .ce-row:nth-of-type(4) img {
    animation-delay: 0;
}

/*Imagesfade JOBS*/

/*Accordion 2021*/

.card {
 position:relative;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 min-width:0;
 word-wrap:break-word;
 background-color:#fff;
 background-clip:border-box;
 border:1px solid rgba(0,0,0,.125);
 border-radius:.25rem
}
.card>hr {
 margin-right:0;
 margin-left:0
}
.card>.list-group {
 border-top:inherit;
 border-bottom:inherit
}
.card>.list-group:first-child {
 border-top-width:0;
 border-top-left-radius:calc(.25rem - 1px);
 border-top-right-radius:calc(.25rem - 1px)
}
.card>.list-group:last-child {
 border-bottom-width:0;
 border-bottom-right-radius:calc(.25rem - 1px);
 border-bottom-left-radius:calc(.25rem - 1px)
}
.card-body {
 -webkit-box-flex:1;
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 min-height:1px;
 padding:1.25rem
}
.card-title {
 margin-bottom:.75rem
}
.card-subtitle {
 margin-top:-.375rem
}
.card-subtitle,
.card-text:last-child {
 margin-bottom:0
}
.card-link:hover {
 text-decoration:none
}
.card-link+.card-link {
 margin-left:1.25rem
}
.card-header {
 padding:0;
 margin-bottom:0;
 background-color:rgba(0,0,0,.03);
 border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
 border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
 border-top:0
}
.card-footer {
 padding:.75rem 1.25rem;
 background-color:rgba(0,0,0,.03);
 border-top:1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
 border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
 margin-bottom:-.75rem;
 border-bottom:0
}
.card-header-pills,
.card-header-tabs {
 margin-right:-.625rem;
 margin-left:-.625rem
}
.card-img-overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 padding:1.25rem
}
.card-img,
.card-img-bottom,
.card-img-top {
 -webkit-flex-shrink:0;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:100%
}
.card-img,
.card-img-top {
 border-top-left-radius:calc(.25rem - 1px);
 border-top-right-radius:calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
 border-bottom-right-radius:calc(.25rem - 1px);
 border-bottom-left-radius:calc(.25rem - 1px)
}
.card-deck .card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-deck {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin-right:-15px;
  margin-left:-15px
 }
 .card-deck .card {
  -webkit-box-flex:1;
  -webkit-flex:1 0 0%;
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  margin-right:15px;
  margin-bottom:0;
  margin-left:15px
 }
}
.card-group>.card {
 margin-bottom:15px
}
@media (min-width:576px) {
 .card-group {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap
 }
 .card-group>.card {
  -webkit-box-flex:1;
  -webkit-flex:1 0 0%;
  -ms-flex:1 0 0%;
  flex:1 0 0%;
  margin-bottom:0
 }
 .card-group>.card+.card {
  margin-left:0;
  border-left:0
 }
 .card-group>.card:not(:last-child) {
  border-top-right-radius:0;
  border-bottom-right-radius:0
 }
 .card-group>.card:not(:last-child) .card-header,
 .card-group>.card:not(:last-child) .card-img-top {
  border-top-right-radius:0
 }
 .card-group>.card:not(:last-child) .card-footer,
 .card-group>.card:not(:last-child) .card-img-bottom {
  border-bottom-right-radius:0
 }
 .card-group>.card:not(:first-child) {
  border-top-left-radius:0;
  border-bottom-left-radius:0
 }
 .card-group>.card:not(:first-child) .card-header,
 .card-group>.card:not(:first-child) .card-img-top {
  border-top-left-radius:0
 }
 .card-group>.card:not(:first-child) .card-footer,
 .card-group>.card:not(:first-child) .card-img-bottom {
  border-bottom-left-radius:0
 }
}
.card-columns .card {
 margin-bottom:.75rem
}
@media (min-width:576px) {
 .card-columns {
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  -webkit-column-gap:1.25rem;
  -moz-column-gap:1.25rem;
  column-gap:1.25rem;
  orphans:1;
  widows:1
 }
 .card-columns .card {
  display:inline-block;
  width:100%
 }
}
.accordion>.card {
 overflow:hidden
}
.accordion>.card:not(:last-of-type) {
 border-bottom:0;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.accordion>.card:not(:first-of-type) {
 border-top-left-radius:0;
 border-top-right-radius:0
}
.accordion>.card>.card-header {
 border-radius:0;
 margin-bottom:-1px
}



.card button {
    line-height: inherit;
    width: 100%;
    text-align: left;
    padding: .75rem 1.25rem;
    background: none;
    border:none;
}




.card button::after {
    font-family:"Font Awesome 5 Free";
    content: "\f078";
    position: absolute;
    right: 17px;
    transition: .3s transform ease-in-out;
    -webkit-transition: .3s transform ease-in-out;
}
.show,
.collapsing,
.collapse {
    transform: all ease 1s;
    -webkit-transform: all ease 1s;
    display: inherit;
}

.collapse,
.collapsing {
 position:relative;
 height:0;
 overflow:hidden;
 -webkit-transition:height .35s ease;
 transition:height .35s ease
}
.show {
    height: auto;
}

.card-body header {
    display: none;
}
.card h5 {
    margin:0;
}
.card button.collapsed::after {
    transform: rotate(90deg);
}
.card button,
.card button:hover {
    cursor: pointer;
    background: #d0bd8c;
    color: #FFFFFF;
}
.card button.collapsed {
    background: #EBEBEB;
    color: rgba(78,78,78,1.00);
}
.card button.collapsed:hover {
     background: #d0bd8c;
    color: #FFFFFF;   
}
/*Accordion 2021*/

input, select, textarea {
    line-height: inherit;
    width: 100%;
    text-align: left;
    padding: 1px 7px;
    background: rgba(0,0,0,0.15);
}

.seolayout p i strong {
    font-family: "Satisfy";
    font-weight: normal;
    line-height: 61px;
    padding: 30px 0 0px 0;
    font-weight: 100;
    font-style: normal;
    font-size: 2rem;
    display: block;
}
.seolayout h1 {
    font-size:11px;
    text-transform: normal;
    padding:0 0 5px 0;
    line-height: 14px;
}

nav.container.menubg.fixed {
    pointer-events: none;
}

nav.container.menubg.fixed * {
    pointer-events: all;
}


/*Anmeldung HAK Voitsberg*/
.formularstyle .powermail_fieldwrap {
    width:50%;    
}
.formularstyle .powermail_fieldwrap_anschrift_01,
.powermail_fieldwrap_name {
    display: none;
}
.formularstyle .powermail_fieldwrap_anrede select {
    width:25%;
}

.formularstyle .powermail_fieldwrap_schultyp,
.formularstyle .powermail_fieldwrap_nutzungsbedingungen,
.formularstyle .powermail_fieldwrap_anschrift,
.formularstyle .powermail_fieldwrap_anrede {
    width:100%;
}
.formularstyle .powermail_field {
    width:100%;
}
.formularstyle .powermail_fieldwrap_jetztvoranmelden  {
    clear: both;
}
.handelsakademiewrapperaussen {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:0 15px 0 0;
}
.handelsschulewrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:0 15px 0 15px;
}
.schulformhas {
    padding:0px !important;
}
.handelsakademiewrapperaussen:after {
    content: 'Handelsakademie';
    position: relative;
    float: left;
    width:100%;
    background: #dadada;
    text-align: center;
}
.handelsschulewrapper .standardlayout {
    padding-left:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;    
}
.handelsschulewrapper .standardlayout .standardlayout {
    padding:0;
}
.handelsschulewrapper:after {
    content: 'Handelsschule';
    position: relative;
    float: left;
    width:100%;
    background: #dadada;
    text-align: center;
}
.fixed .navigation {
    padding:70px 0 0 0 ;
    
}
.gandalf .navigation {
    padding:0px 0 0 0 ;
    
}
.gandalf .leftlogo,
.gandalf .rightlogo {
    width:10% !important;
}
.gandalf .middlenavo {
    width:80% !important;
}


.startkategorien a {
    color:#FFFFFF;
    display: block;
}


#c14 {
    padding:0;
}

.schulformen21 {
    margin:0 0 40px 0;
}
.schulformen21 .industrial-business21 .frame, .schulformen21 .creative-business21 .frame, .schulformen21 .praxis-has21 .frame {
    padding:0px;
}
.schulformen21 .industrial-business21, .schulformen21 .creative-business21, .schulformen21 .praxis-has21 {
    background: #006ab2;
    padding:0px;
    overflow: hidden;
    transition:all ease 1s;
    color:#FFFFFF;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    border:15px solid #FFFFFF;
    transition: all ease 1s;
}
.schulformen21 .industrial-business21:hover, .schulformen21 .creative-business21:hover, .schulformen21 .praxis-has21:hover {
    transition: all ease 1s;
    margin-top:-10px;
}
.schulformen21 .industrial-business21 a:hover, .schulformen21 .creative-business21 a:hover, .schulformen21 .praxis-has21 a:hover {
    color:inherit !important;
}
.schulformen21 .textpic-text p {
    line-height: 46px;
    font-size: 40px;
    margin:10px 0 30px 0;
}
.schulformen21 .creative-business21 {
  background: #84744e;
}
.schulformen21 .praxis-has21 {
  background: #e8e8e8;
}

.schulformen21 .praxis-has21 .textpic-text p:nth-child(1) a {
  color: #3d3d3c;
}

.schulformen21 .industrial-business21 .textpic-text p:nth-child(2) {
  background: #ffed00;
  line-height: 36px !important;
}
.schulformen21 .creative-business21 .textpic-text p:nth-child(2), .schulformen21 .praxis-has21 .textpic-text p:nth-child(2) {
  background: #3d3d3c;
  line-height: 36px !important;
}
.schulformen21 .textpic-text p i {
  font-size: 23px;
  font-style: normal;
}





.schulformen21 sub {
    bottom:0;
}
.schulformen21 .textpic-text a {
    color:#FFFFFF;
    text-decoration: none;
}
.schulformen21 #s16-3 .textpic-text p:nth-child(1) a {
    color:#3d3d3c;
}
.schulformen21 .textpic-text p em {
    font-size: 23px;
    font-style: normal;
}

.schulformen21 sup {
    color:#d0bd8c;
    top:0;
    font-size:100%;
}
.industrial-business21 .textpic-text a i {
  color:#3c3c3b;
}
.schulformen21 #s16-1 .textpic-text p:nth-child(2) {
    background: #cd1719;
    line-height: 36px !important;
}
.schulformen21 #s16-2 .textpic-text p:nth-child(2),
.schulformen21 #s16-3 .textpic-text p:nth-child(2) {
    background: #3d3d3c;
    line-height: 36px !important;
}
.schulformen21 .gallery-item figure {
    
}
.schulformen21 .gallery-item a {
    padding:20px;
    display: block;
}
.schulformen21 .gallery-item picture {
    background:#FFFFFF;
}

.schulformen21 .gallery .ce-column {
    padding:0;
}


.schulformen21 #s16-2 {
    background:#d0bd8c;
}
.schulformen21 #s16-3 {
    background:#e8e8e8;
}



.schulformen .industrial, .schulformen .classicstartup, .schulformen .classicsmart, .schulformen .praxishas {
    background: #006ab2;
    border-right: 10px solid #fff;
    overflow: hidden;
    transition:all ease 1s;
}
.schulformen .praxishas {
    border-right: 0px;
}
.schulformen .classicstartup {
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}
.schulformen .classicsmart {
    border-left: 10px solid #fff;
    border-right:none;
}

.schulformen .industrial:hover, 
.schulformen .classicstartup:hover, 
.schulformen .classicsmart:hover, 
.schulformen .praxishas:hover {
    top:5px;
    transition:all ease 1s;
}

#c527 .container {
    --bs-gutter-x: 0px;
}

.startkategorien {
    padding:0px !important;
}
.schulformen p.text-center {
    font-weight: normal;
    line-height: 12px;
}
.schulformen p.text-center a {
    padding: 0 0 80px 0;
    font-weight: normal;
    line-height: 18px;
    font-size: 15px;
    text-decoration: none;
}
.schulformen h3 a {
    text-decoration: none;
}

.schulformen .classicstartup {
    background:#84744e;
}
.schulformen .classicsmart {
    background:#d1ba8c;
}
.schulformen .praxishas {
    background:#fcebc1;
}

.industrial::after {
    content: 'EINZIGARTIG in der STEIERMARK!';
    background:#cc1c1c;
    color: #FFFFFF;
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    position: absolute;
    bottom: 34px;
    left: 0px;
    width: 102%;
    text-align: center;
}
.schulformen .praxishas a {
     color:rgba(41,41,41,1.00);   
}

.schulformen h3 a {
    padding-top: 40px;
    display: block;
    text-transform: none;
    font-size: 24px;
    line-height: 28px;
    padding: 45px 0 20px 0;
}
.appswrapper {
    position: fixed;
    right: 0px;
    top: 140px;
    z-index: 22;
    width: auto;
}
.fixed {
    z-index: 100 !important;
    top: 0;
    padding: 0 0 0 0;
    position: absolute;
}
.icon_desc {
    font-size: 9px;
    display: block;
    padding: 4px 0 5px 0;
    line-height: 10px;
    text-align: center;
}
.orangefixed {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
}
.onlineshop:hover, 
.virtuell:hover,
.apps:hover,
.office:hover,
.stupla:hover {
   right:5px;
    background:rgba(232,232,232,1.00);
    transition: all ease 1s;
}
.icons a {
    padding: 9px 27px 0px 7px;
    margin: 0 0 10px 0;
    border: 1px solid rgba(197,197,197,1.00);
        border-right-color: rgb(197, 197, 197);
        border-right-style: solid;
        border-right-width: 1px;
    display: block;
    border-right: none;
    line-height: 15px;
    width:40px;
    text-align: right;
    margin-right: -20px;

    transition: all ease 1s;
    background: rgba(255,255,255,1.00);
}
.navigation {
    background:rgba(255,255,255,0.90);   
}
aside,
main {
    position: relative;
    float: left;
    z-index: 20;
    width:100%;
}
aside {
    padding-top:56px;
}
.onlineshop,
.virtuell,
.apps,
.office,
.stupla {
    position: absolute;
    top:0;
    right:0px;
    text-decoration: none;
}
@keyframes shake {
     10%, 90% {
       transform: translate3d(-1px, 0, 0);
     }

     20%, 80% {
       transform: translate3d(2px, 0, 0);
     }

     30%, 50%, 70% {
       transform: translate3d(-4px, 0, 0);
     }

     40%, 60% {
       transform: translate3d(4px, 0, 0);
     }
}

.virtuell {
    top: 0;
    background: #d0bd8c !important;
    color: #FFF !important;
         animation: shake  0.82s cubic-bezier(.36,.07,.19,.97) both;
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
    -webkit-perspective: 1000px;
}

.onlineshop {
    top:75px;
}
.apps {
    top:160px;
}
.office {
    top:160px;
}
.stupla {
    top:242px;
}

.noborder .gallery-item .ce-column {
    padding:0px;
}

.text-right {
    text-align: right;
}

.tab-content .frame-header,
.tab-content h2 {
    display: none;
}

.tab-content h3 {
    padding-top:0px;
    margin-top:0px;
}

/*Distancelearning*/
#c670 .ce-column,
#c662 .ce-column {
    padding:0 !important;
}
#c670 .image,
#c662 .image {
    opacity: 0.8;
}
#c670 .image:hover,
#c662 .image:hover {
    cursor:crosshair;
    opacity: 1.0;
}
/*Distancelearning*/
.thNail {
    height: auto !important;
    width:100% !important;
    padding:10px;
    box-sizing: border-box;
}
#c649 p strong {
    text-align: center;
    color: #FFFFFF;
    background: #A50002;
    padding: 27px 0;
    width: 100%;
    position: relative;
    float: left;
    font-size: 35px;
    line-height: 43px;
}

.barriere {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 100;
    background: #FFF;
    padding: 0px 5px 0px 5px;
}
.colorwrap,
.schriftwrap {
    width:auto;
    position: relative;
    float: left;
    padding:0 4px;
}
.fontclicker {
 color:#414141;
 text-decoration:none;
}
.fontclicker:hover,
.activefont {
 color:#d0bd8c;
}
.fontnormal {
 font-size:13px;
}
.fontmittel {
 font-size:16px;
}
.fontgross {
 font-size:19px;
}


/*Klassenwechsler*/

.hovereffekt .ce-column {
    transition: all ease 1s;
    
}


.hovereffekt .ce-column.activeclass,
.hovereffekt .ce-column.alleklassen {
    opacity: 1;
    transition: all ease 1s;
    display: block;
}
.hovereffekt .einsa ,
.hovereffekt .einsb  ,
.hovereffekt .einsib  ,
.hovereffekt .einss  ,
.hovereffekt .zweia  ,
.hovereffekt .zweiit  ,
.hovereffekt .zweis  ,
.hovereffekt .dreia  ,
.hovereffekt .dreiit  ,
.hovereffekt .dreias  ,
.hovereffekt .dreibs  ,
.hovereffekt .viera  ,
.hovereffekt .vierit  ,
.hovereffekt .fuenfa  ,
.hovereffekt .fuenfit {
    
}

.einsa .image img,
.einsb .image img,
.einsib .image img,
.einss .image img,
.zweia .image img,
.zweiit .image img,
.zweis .image img,
.dreia .image img,
.dreiit .image img,
.dreias .image img,
.dreibs .image img,
.viera .image img,
.vierit .image img,
.fuenfa .image img,
.fuenfit .image img {
    position: relative;
}

.activeclass {
    
}
.einsb .image img {
    
}
.einsib .image img {
    
}
.einss .image img {
    
}




#c633 .ce-row:nth-child(2) .ce-column:nth-child(1),
#c633 .ce-row:nth-child(2) .ce-column:nth-child(2) {
    display: none;
}

#c633 .easteregg {
    display: block !important;
}

.classchanger {
    
}
.classchanger li {
    float: left;
    list-style: none;
    margin:5px 10px 5px 0;
}
.classchanger li a {
    border: 1px solid #d0af50;
    background: none;
    padding: 14px 45px;
    color: #d0af50;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 9px;
    display: inline-block;
    margin-top: 22px;
    transition:all ease 1s;
}
.classchanger li a:hover {
    background: #d0af50;
    color:#FFFFFF;
    text-decoration: none;
    transition:all ease 1s;
}

/*Klassenwechsler*/

#c626 p,
#c625 p {
    font-size: 30px;
    font-family: 'Satisfy', cursive;
    color: #d0bd8c;
    line-height: 72px;
}

.flexslider .weiterlink, .flexslider .flexinfoeins, .flexslider .flex-caption, .flexslider h3 {
    position: absolute;
    top: 16%;
    left: 36%;
    font-family: 'Satisfy', cursive;
    text-transform: none;
    font-style: normal;
    font-size: 31px;
}

.flexslider .red .weiterlink, .flexslider .red .flexinfoeins, .flexslider .red .flex-caption, .flexslider .red h3 {
    left:40%;
}


.flexslider .red .weiterlink {
    left:inherit;
}
.flexslider .flexinfoeins {
    top: 30%;
    text-align: left;
    font-size: 21px;
}
.flexslider .flex-caption {
    top:55%;
    font-size: 21px;
    text-align: left;
}
.flexslider h3 {
    color:#d2bc8d;
	
}
.flexslider .red h3 {
	color:#373737;
}
.flexslider .weiterlink {
    left: inherit;
    right: 0;
    background:#15365a;
    color: #FFFFFF;
    padding: 6px 32px 5px 14px;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    top: inherit;
    bottom: 10%;
}
.turk {
    background: #00a594;
}
.turk .weiterlink:hover {
    background: #d2bc8d;
    color: #000000;
}
.turk.red {
    background: rgba(124,0,0,1.00);
	background: rgba(209,139,0,1.00);
	
}
.hakvo {
  background: #d0bd8c;
  height: auto;
  position: relative;
  float: left;
  width: 100%;
}
.hakvo .hereyouare,
.hakvo a {
    color:#000000;
    
}
.hakvo a:hover {
    color: #FFFFFF;
}

.infoblock .flexslider strong {
    text-transform: none !important;
    color: inherit !important;
    padding:0;
}
.infoblock .flexslider strong::after {
    width:0px !important;
}

main .slides li {
    padding:0 !important;
}
.rueckrechts .flexinfoeins, .rueckrechts .flex-caption, .rueckrechts h3 {
    left: 40%;
}

 .animation .ce-row, .animation figure, .animation img, .animation .ce-column, .animation .gallery-item {
     width: 100% !important;
}
 .flexslider .slides {
    z-index: 600;
}
 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: -12px !important;
     text-align: center;
     z-index: 1000;
}

.galleryContainer .media img {
    margin:0;
}

main .galleryContainer ul {
    margin:0;
}



#pageid1 .flexslider {
    margin-top:0px;
}
.flexslidermobil {
    position: relative;
    float: left;
    width:100%;
}

.weiterevideoswrapper,
.news_rundgang {
    margin-bottom:20px;
}

.flexslider .spruch p {
    position: absolute;
    top: 14%;
    text-align: right;
    padding: 0 70px 0 0;
    max-width: 50%;
    right: 0;
    color: #FFF;
    font-size: 19px;
    line-height: 42px;
}

.flexslider .spruch p span {
    font-size:14px;
}
.flexslider .spruch p span.headlinerino {
    font-size: 20px;
    font-weight: bold;
}








.ce-uploads {
    position: relative;
    float: left;
    width:100%;
}

.ce-uploads li {
    width:50%;
 	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    padding:15px;
    position: relative;
    float:left;
    margin:0;
}


#c620 .ce-uploads li:nth-child(even) {
    background:rgba(118,118,118,1.00);
}

#c620 .ce-uploads li:nth-child(even) a {
    color:#FFFFFF;
}



#c615 a {
	background:#AC1215;
	color:#FFFFFF;
	padding:10px 20px;
	display: inline-block;
}

#pageid17 .bildergalerie .ce-column {
	max-height: inherit;
}
#c1 {
	padding:0 0 20px 0;
}
#c695 p em,
#c1 p em {
    font-family: 'Satisfy', cursive;
    font-size: 31px;
    line-height: 52px;
    padding: 0 0 0 5px;
    font-style: normal;
    color:#d0bd8c;
}
#c695 p em {
    font-size:30px;
    color: #7F7F7F;
}
.startseite h1 {
	padding:0px 0 0 0px !important;
	margin-bottom:0px !important;
}

.flexslider img {
	padding:0 !important;
}
/*GalleryCSS*/

#app .col-2 {
	margin-bottom:20px;
}
#app .col-2:hover {
	cursor: pointer;
}


	.galleryContainer .media:nth-child(5),
	.galleryContainer .media:nth-child(9),
	.galleryContainer .media:nth-child(13),
	.galleryContainer .media:nth-child(17),
	.galleryContainer .media:nth-child(21),
	.galleryContainer .media:nth-child(25),
	.galleryContainer .media:nth-child(29) {
		clear: both;
	}

.galleryContainer {
	
}
.galleryContainer .media:hover {
	cursor: pointer;
}
.galleryContainer .media img {
	opacity:0.9;
	transition: all ease 1s;
}
.galleryContainer .media:hover img {
	opacity: 1.0;
	transition: all ease 1s;
}
.galleryContainer .media {
	width:25%;
	position: relative;
	float: left;
	overflow: hidden;
	display: block;
}
.galleryContainer .media {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 2% 0 0;
}
.galleryContainer .media .media-body {
	position:relative;
	float: left;
	width:100%;
	bottom:0;
	font-size:13px;
}
.galleryContainer .media .media-body h5 {
	font-size:17px;
}
.galleryContainer img {
	margin:0;
	position:relative;
	float: left;
	width:100%;
	flex: none;
}

/*GalleryCSS*/


.toplogo #c11,
.toplogo #c433 {display: none;}
.topmenu ul,
.topmenu a {list-style: none !important;}



.mm-panels .subitem a::after {padding: 0 !important;}
.mm-panels input {font-size: 13px !important;}
.mm-panels a {font-size: 13px !important;}

footer .paddinger {padding: 0 !important;}
.hakgaleriewrapper .ce-left .gallery-item {width: 100%;}


/*BREITENFIX indiv Anpasungen*/

#pageid1 .topinfo {
	display: none;
}

 .News_Bildergalerie .bildergalerie #c470 .ce-column {
	max-width: inherit;
}
.bildergalerie #c470 .ce-column {
	max-height: inherit;
}

/*MATURABALL HAK Voitsberg*/

.popup {
	position: fixed;
    position: absolute; /*XMASFIX*/
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	overflow: hidden;
	z-index: 4000;
  
}
.popup.specialpopup {
    background: none !important;
    width: auto;
    height: auto;
    z-index: 5000;
    left: -20px;
    top: 9%;
    transition: all 1s ease ;
}
.specialpopupcontent span {
    font-size:80px;
}
.eros.popup.specialpopup {
    top:13%;
    transition: all 1s ease ;
}
.unterseite .specialpopupcontent .closepopup {
    color:#000000;
}
.popupcontent {
    position: relative;
    margin: 1% auto 0;
    width: auto;
    max-width: 800px;
}

.popupcontent.specialpopupcontent {
    
}
.wegmitdir {
	display:none;
}

.closepopup {

    position: relative;
    float: right;
    color: #FFFFFF;
    font-size: 40px;
    margin: 0 0 13px 0;
    display: block;

}
/*MATURABALL HAK Voitsberg*/


#safethedate {
    margin:0 0 20px 0;
    position: relative;
    float:left;
    width:100%;
    text-align: right;
    z-index: 2;
}
.countitem {
    background: #d0bd8c;
    padding: 35px 10px 25px 10px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    margin: 10px 10px 0 0;
    min-width: 150px;
    line-height: 37px;
    font-size: 60px;
    font-weight: bold;
    border:2px solid #FFFFFF;
}
#c381 .countitem {
    background: #d0bd8c !important;
}
@media (max-width: 1270px) {
    #safethedate {
        text-align: left;
    }
    #safethedate::before {
        position: relative;
        float: left;
        padding:15px 0px;
        text-align: center;
    }
}
.countitem::after {
    content: 'Tage';
    position: relative;
    float: left;
    width: 100%;
    font-size: 11px;
    color: #000000;
    text-align: center;
}
.counthours::after {
	content: 'Stunden';
}
.countminutes::after {
	content: 'Minuten';
}
.countseconds::after {
	content: 'Sekunden';
}
@media (max-width: 1700px) {
	main {
		
	}	
}
@media (max-width: 1190px) {
	.fixed {
		
	}
}
@media (max-width: 767px) {
	.hakgaleriewrapper .gallery-item .ce-column {
         margin: 0 0 10px;
         width: 100% !important;
         box-sizing: border-box;
    }
	
}
/*BREITENFIX indiv Anpasungen*/


.powerslides .gallery-item .ce-column {
	padding:0;
}
.termineaktuell ,
.powerslides {
	margin-bottom:20px;
}
.termineaktuell a {
	color: rgba(0,0,0,1.00);
}
/***************************/
/*BACKGROUNDCOLOR ANIMATION*/
/***************************/



.bganimate
{
  animation: colorchange 50s; /* animation-name followed by duration in seconds*/
	 /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 50s; /* Chrome and Safari */
}

    @keyframes colorchange
    {
      0%   {background: #d0bd8c;}
      25%  {background: red;}
      50%  {background: #d0bd8c;}
      75%  {background: red;}
      100% {background: #d0bd8c;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: red;}
      25%  {background: #d0bd8c;}
      50%  {background: red;}
      75%  {background: #d0bd8c;}
      100% {background: red;}
    }
.bganimate {
	background: #d0bd8c;
}

/***************************/
/*BACKGROUNDCOLOR ANIMATION*/
/***************************/




* {
	padding:0;
	margin:0;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 32px;
}
h2 {
	margin-top:40px;
}
.menubg .navigation {
	
}

.imagegallery {

    width: 12.5%;
    position: relative;
    float: left;
    padding: 0 5px 10px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 136px;
    overflow: hidden;
    margin: 0 0 10px 0;

}

.goldenhak {
	background:#d0bd8c;
	color:#FFFFFF;
	padding:40px 30px 20px 30px;
	width:100%;
	/*min-height: 450px;*/
	min-height:444px;
	/*max-height:444px;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	height: auto;
	
}

.startinhalte .ce-outer {
    display: block;
    position: relative;
    float: left;
}
.goldenhak {
	background: none;
}
.goldenhak p {
	font-size:27px;
	font-weight: bold;
	color: #000000;
}
.goldenhak p strong {
	font-size:18px;
	line-height: 19px;
	color: #FFFFFF;
}
.goldenhak p em {
    font-size: 18px;
    font-weight: normal;
    margin: -7px 0 0 0;
    display: block;
	color: #FFFFFF;
}
.goldenhak .ce-intext.ce-left .gallery-item {
	margin-right:20px;
}
.open {
	margin-top:0 !important;
	transition: all ease 1s;
}
.mobilecloser {
    z-index: 200;
    position: fixed;
    top: 0px;
    left: 0px;
}
.mobilecloser a {
	padding:10px;
	background: rgba(255,255,255,1.00);
}
.textpic-text p {
    line-height: 28px;
}
.absolvent .ce-textpic {
	overflow: hidden !important;
	margin:0 0 40px 0;
}
.absolvent .gallery-item figure {
	width:100%;
}
.absolvent .textpic-text {
	width:60%;
	position: relative;
	float: left;
	background:#d0bd8c;
	text-align: center;
	color:#FFFFFF;
	height: 100%;
	max-height: 100%;
	display: block;
	padding:60px 40px;
	
}
.absolvent h3 {
	font-weight: bold;
	text-transform: uppercase;
}
.absolvent h2 {
	
}

.absolvent .gallery-item {
	width:40%;
}
.absolvent .gallery-item,
.absolvent .gallery-item .ce-column,
.absolvent .ce-center {

	position: relative;
	float: left;
	margin:0 !important;
	padding: 0;
	height: 100%;
	max-height: 100%;
	display: block;
	overflow: hidden !important;
}

#c284 strong {

    font-weight: normal;
    font-size: 12px;

}
#c284 .frame-container{
	margin-top:40px;
}
#c284 ul {
	margin:0;
}
#c284 ul li {

    width: 50%;
    float: left;
    position: relative;
	line-height: 17px;
    padding-bottom: 23px;
	padding-left:0px;
	list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
}
#c284 ul li:nth-child(odd) {
    clear:both;
}

.text-center {
	text-align: center;
	line-height: 32.75px;
}

/*individuelle Anpassung Lehrer*/



/*individuelle Anpassungen Lehrer*/


.textmedia, .textpic {
    gap:0px !important;
}



.bildergalerie {
	position: relative;
	float: left;
	width:100%;
}
.bildergalerie .gallery-item {
    max-height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
    box-sizing: border-box;
    margin: 0 0 10px 0 !important;
}
.bildergalerie .gallery-item {
	margin:0;
}
.bildergalerie .free_zero .gallery-item {
	max-height: inherit;
}




.subseitencontent {
	margin:0 0 40px 0;
}
.gandalfino {
	position: fixed !important;
	top:0;
	background: #FFFFFF;
	-webkit-box-shadow: -1px 15px 26px -14px rgba(0,0,0,0.61);
	-moz-box-shadow: -1px 15px 26px -14px rgba(0,0,0,0.61);
	box-shadow: -1px 15px 26px -14px rgba(0,0,0,0.61);
}

.infoblock {
	text-align: center;
	color: rgba(255,255,255,1.00);
}
.infoblock p {
	font-size:24px;
	text-transform: uppercase;
}
.infoblock ul li {
    list-style: none;
    font-size: 16px;
    font-style: italic;
    padding: 6px 0;
}
.infoblock strong {
	font-size:19px;
	padding:5px 0 10px 0;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	color: rgba(0,0,0,1.00);
}
.infoblock strong::after {
    content: "";
    width: 50%;
    left: 25%;
    height: 1px;
    background: rgba(0,0,0,1.00);
    position: relative;
    float: left;
    top: 3px;
}
.infoblock em {
    font-family: 'Satisfy', cursive;
    text-transform: none;
    font-size: 50px;
    padding: 19px 0;
    display: inline-block;
	font-style: normal;
}
.infoblock a {
	color:#FFFFFF;
}

/*HAK INFO BLOCK mit linierten Backgrounds*/

.findyourselfstart, .findyourselfstart .frame, .findyourselfstart .ce-image, .findyourselfstart .gallery-item, .findyourselfstart .ce-row, .findyourselfstart .ce-column, .findyourselfstart .image, .findyourselfstart a, .findyourselfstart figure, .findyourselfstart img {
	position: relative;
	float:left;
	width:100%;
	overflow: hidden !important;
	display: block;
}

.mobilelogo {
    width: 190px !important;
    left: 0px;
    float: none !important;
    z-index: 50;
    top: -5px;
    position: absolute !important;
}

.mobilelogo,
.mobilelogo .frame,
.mobilelogo .ce-image,
.mobilelogo .gallery-item,
.mobilelogo .ce-row, 
.mobilelogo .ce-column,
.mobilelogo .image,
.mobilelogo a,
.mobilelogo figure,
.mobilelogo img,

.toplogo,
.toplogo .frame,
.toplogo .ce-image,
.toplogo .gallery-item,
.toplogo .ce-row, 
.toplogo .ce-column,
.toplogo .image,
.toplogo a,
.toplogo figure,
.toplogo img {
	position: relative;
	float:left;
	width:100%;
	overflow: hidden !important;
	display: block;
}
.open .menumobile,
.closememobile {
	display:none !important;
}
.open .closememobile,
.menumobile {
	display: block !important;
}
.mobilemenu {
	margin-top:-20000px;
	z-index: 300;
	position: fixed;
	width: 100% !important;
	height: 100% !important;
	overflow: scroll !important;
	padding-bottom: 45px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#mobilemenu {
	margin-top:25px !important;
}
h1, h2, h3, h4, h5 {
	font-weight: 400;
    font-family:"Satisfy";
}
h1 {
	padding:30px 0 15px 0;
}

.instalayout h3 {
    padding-top:0;
}

.toplogo .ce-column {
	padding:0 !important;
}

/*Landingpages*/
.fuenfspalten {
	position: relative;
	float: left;
	width:33.333333%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.landingpagewrapper {
	position: relative;
	float: left;
	padding:15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.landingpagewrapper p a {
	color: rgba(29,29,29,1.00);
}

/*Landingpages*/

.powermail_form_2 .powermail_fieldwrap label,
.powermail_form_2 .powermail_fieldwrap {
	
	display: none;
}
.powermail_form_2 .powermail_fieldwrap_type_reset,
.powermail_form_2 .powermail_fieldwrap_socialmedia label,
.powermail_form_2 .powermail_fieldwrap_socialmedia,
.powermail_form_2 .zeigmich label,
.powermail_form_2 .zeigmich {
	display: block;
}
/*PowerMail*/
.powermail_label {
	width:100% !important;
	position: relative;
	float: left;
}
.powermail_field input {
	border: 1px solid #9B9B9B;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*PowerMail*/
#accordion-25 {
    background: url("../images/liniert.svg");
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 23px 0;
}

.checkbox label {
	font-size:10px !important;
	line-height: 13px !important;
}



.startseite	 li .ce-textpic {
	padding:10px 15%;
	width:70%;
	position: relative;
	float: left;
}
.startseite .flex-direction-nav a::before {
	font: normal normal normal 75px/1 FontAwesome;
	content: "\f104";
}

.startseite .flex-direction-nav .flex-prev::before {
	padding:0 9px 0 0 !important;
}
.startseite .flex-direction-nav .flex-next::before {
	padding:0 3px 0 0 !important;
}

.startseite .flex-direction-nav a::before {
	
}
.startseite .flex-direction-nav a.flex-next::before {
	content: "\f105";
}
.startseite .flex-direction-nav a {

}

.startseite .flex-direction-nav li {
	height:65px !important;
	top:35%;	
	position: absolute;
	right: 40px ;
    list-style: none;
}
.startseite .flex-direction-nav a {

    height: 79px !important;
    top: 15%;
    left: 0 !important;
    opacity: 1;


}
.startseite .flex-direction-nav .flex-nav-prev {
    left:0px !important;
    text-align: right;
	right: inherit !important;
}

.startseite #c624 .flex-direction-nav li {
    right:45px !important;
}
#c624 .flex-control-nav {
    margin-bottom:-28px;
}




main .textpic-text ol,
main .textpic-text ul,
main ol,
main ul {
	margin:0 0 0 0px;
    padding-left: 13px;
}

main ol li,
main ul li {
	
    padding-left: 1px;
}

main ul li {
	list-style: circle;
	padding:0 0 0 10px;
}
.allteacherup,
.allteacher {
	position: fixed;
	right: 10px;
	bottom:12%;
	font-size:14px;
}
.allteacherup i,
.allteacher i {
	font-size:19px;
}
.allteacherup {
	bottom:18%;
}
.jumpericons:hover {
	cursor: pointer;
}



/*Lehrerlayout Anordnung für Suche + Responsive Breaks*/



#lehrerSuche {
  width: 100%;
  max-width: 800px;
  padding: 12px 16px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  font-family: 'Segoe UI', sans-serif;
}
.suchfeld-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; /* zentriert horizontal */
  width: 100%;
}

#lehrerSuche {
  width: 60%;
  max-width: 500px;
  padding: 8px 12px;
  font-size: 18px;
}

.suchhinweis {
  margin-top: 8px;
  font-size: 24px;
  color: #620F11;
  font-style: italic;
  width: 100%;
  max-width: 500px;
  text-align: center;
  display: none;
}

.suchhinweis.anzeigen {
  display: flex;
  justify-content: center;
}

.sprechstunde {
  margin-top: 6px;
  font-style: italic;
  color: #444;
}


#lehrerSuche:focus {
  border-color: #0078d4;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.2);
}
.suchfeld-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

/* Container für alle Lehrer-Elemente */
#slickid-749 {
  display: flex;
  flex-wrap: wrap;
}

/* Einzelnes Lehrer-Element */
.lehrerlayout {
  flex: 0 0 25%;
  box-sizing: border-box;
    padding:25px;
}




.lehrerlayout .frame {
  opacity: 1;
  padding: 16px !important;
  margin: 0 0 15px 0 !important;
}
.lehrerlayout .frame,
.opacityman {
	transition:all ease 1s;
    background: rgba(224,224,244,1.0);
}
.lehrerlayout .opacityman {
	opacity:0.4;
}
.lehrerlayout.kv .frame {
    
}
.lehrerlayout.kv .frame {
    position: relative;
}
.lehrerlayout.kv .frame::after {
    content: "\f19d";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    bottom:0;
    right:0;
    padding:7px 3px 6px 5px;
    background:rgba(132,116,78,1.0);
    color:#FFFFFF;
    font-size:42px;
}

.lehrerlayout.kv .frame h3 i {
    color:rgba(208,189,140,1.0);
    font-style: normal;
}
main .lehrerlayout h3 {
    font-size:1.1em;
    padding:10px 0 4px 0;
}
main .lehrerlayout p {
  line-height: 22px;
  font-size: 16px;
}

.lehrerlayout.direktor .frame {
    background: rgba(208,189,140,1.0);
}

.applesucks {
    text-decoration: line-through;
    color:rgba(205,15,18,1.00);
}

/*Accordions*/
.panel-body h3,
.panel-body h2 {
	display: none;
}
.panel-body p {
	padding:10px 0 5px 0;
}
.panel-body {
	padding:5px 0 20px 0;
}
.accordion-toggle {
    display: block;
    font-size: 27px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 32px;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid rgba(98,98,98,1.00);
}
.accordion-toggle[aria-expanded="true"]::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f106";
    position: relative;
    float: right;
    padding: 0 4px 0 0;
    text-align: center;
    transition: all ease 1s;
    width: auto;
	font-size:22px;	
}
.accordion-toggle[aria-expanded="false"]::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f107";
    position: relative;
    float: right;
    padding: 0 4px 0 0;
    text-align: center;
    transition: all ease 1s;
    width: auto;
	font-size:22px;	
}

.accordion-toggle::after {
	
}

.accordionicon::after {
	content: "\f106";
}
/*Accordions*/

.collapse {
	display: none;
}
.collapsing,
.show {
	display: block;
}





.starttextinhalt a:hover {opacity: 0.5;}
.starttextinhalt figcaption {
    bottom: 20px;
    color: #000;
    font-size: 22px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    padding: 2% 4%;
    position: absolute;
    text-align: center;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}


.bredcrumbs a {
	color: #d0bd8c;
	font-weight: normal;
}

.bredcrumbs ul {
     position: relative;
     float: left;
     left: 50%;
     margin: 0 auto;
     padding: 0;
}
 
.bredcrumbs li {
     position: relative;
     float: left;
     right: 50%;
     margin-right: 10px;
     padding: 0 10px;
     list-style: none;
}
 .flexslider .slides img {
    padding:10px;
}
 .startspruch {
	position: relative;
	 float: left;
     padding:10px 0;
}

 .startspruch #c1 h1,
 .startspruch #c1 p {
	font-size: 40px;
	color:#000;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	 padding-bottom:0px;
}
 .startspruch #c1 p {
	 font-size:20px;
	 line-height:20px;
}
.startspruch .ce-column {
	padding:0 0 30px 0;
}

.startseite,
.unterseite {
	position: relative;
	float: left;
	width:100%;
	height:auto;
	background:url("../images/linie-background.svg") fixed;
	background-position: top;
	background-size: cover;
	
}

.unterseiteninhalt h1 {margin-bottom:20px; color:#d0bd8c; }
.unterseiteninhalt h2 {margin-top:30px;}
.stoerer {margin:120px 0;}
.stoerer h2 {position: absolute; top:30px;}
.unterseiteninhalt {margin:80px 0;}


.hakinfo p a {
    font-size: 26px;
    line-height: 48px;
    font-weight: 100;
}
.hakinfo p strong {
    font-size: 33px;
    font-weight: 400;
}

.hakinfoleft {
    border-right: 1px solid #A20002;
    padding-right: 40px !important;
    width: 60%;
}

.hakinfowrapper {
	background:url("../images/liniert.svg");
	
}
.hakinforight {
	padding:0 0 0 10px;
	text-align: center;
	width:40%;
}
.hakinforight a {
	text-decoration: none;
}
.hakinforight strong {
    color: rgba(188,0,3,1.00);
    font-size: 21px !important;
    line-height: 26px;
    display: block;
}
.hakinfo {
	position: relative;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:70px 0;
	display: block;
}
.hakgaleriewrapper .image {
    max-height: 220px;
    overflow: hidden;
    position: relative;
    float: left;
    display: block;
	width:100%;
}
.footer .ce-intext.ce-left .gallery-item {
     margin-right: 10px;
}
 .kontakthead p {
     position: relative;
     float: right;
}
 .kontakthead p a {
     color: #d0bd8c;
     font-weight: normal;
     padding-top: 10px;
     display: inline-block;
}
 .animation .textpic-text {
     position: absolute;
     top:15%;
     z-index: 200;
     text-align:left !important;
     padding:0 0 0 20%;
}
 .animation h3 {
     font-family: 'Nunito', cursive;
     font-size:60px;
	 color: rgba(94,94,94,1.00);
}
 .animation {
    z-index: 5;
}
 .animation .flexslider {
     overflow: hidden;
}
.subanimation .flexslider, .subanimation .gallery-item, .subanimation .ce-row, .subanimation .ce-column, .subanimation .image, .animation img,
.animation .flexslider, .animation .gallery-item, .animation .ce-row, .animation .ce-column, .animation .image, .animation img {
     position: relative;
     float: left;
     width:100%;
     clear: both;
     padding:0 !important;
     margin:0 !important;
     border-radius: 0;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}
 .animation img {
     padding:15px !important;
	 padding-left:24% !important;
}

/*Design Animation*/





 .gelbbg {
    background-color: #d0bd8c;
}
 .gruenbg {
    background-color: #d0bd8c;
}
 .logo {
    position: fixed;
    top:10px;
    right:10px;
    
}
 .starttextinhalt {
    margin:50px 0;
}

 .pagetitel {
    padding:0 0 10px;
     border-bottom: 1px solid rgba(219,219,219,1.00);
     margin-bottom: 20px;
}
 .kontakthead .textpic-text {
    text-align: right;
    margin-top:8px;
}
 a {
     color:#d0bd8c;
     text-decoration: underline;
     font-weight: bold;
}
 .animation .gallery-item {
    width: 100% !important;
}
 .animation .gallery-item figcaption {
    display: none;
}
 .animation .gallery-item img {
    min-width: 100% !important;
     float: left;
     position: relative;
     display: table-cell;
     padding:0 0 0 20%;
     
}
 .footer {
    
}
 .footerinnner {
    padding:1% 0;
}
 .level1 {
    border:none !important;
}

.bhvstartnews .standardlayout,
.bhvbg {
	background:#d0bd8c;
	padding:30px 0;
}


/**/
 .header_sub .csc-textpic-image, .header_sub img {
    margin-bottom:0px !important;
}
 .header_sub {
    margin-bottom:30px;
}
 .multicolumnContainer h3 {
     font-size:24px;
}

 .innerer {
     position:relative;
     float:left;
     width:100%;
}
 .list .img img {
    border-radius: 0px;
}
 .list .img {
     max-height: 175px;
     overflow:hidden;
     border-radius:3px;
}
 .header_sub .csc-textpic-image, .header_sub img {
    width:100%;
}
 .white {
    background: #fff;
}
 




.gamschi {
	opacity: 1 !important;
	transition:all ease 1s;
}
.haktripplewrapper {
	padding:60px 0;
}
.haktripplewrapper .standardlayout {
    max-height: 540px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 0 10px 0;
}
.haktripplewrapper h3 a {
	display:block;
	text-align: center;
	font-size:16px;
	text-transform: uppercase;
}
.totop {
    background: #d0bd8c;
    color: #FFFFFF;
    padding: 10px 20px;
    display: block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 100%;
	opacity: 0;
	transition:all ease 1s;
	z-index: 2000;
	border:1px solid #FFFFFF;
}
#pageid12 .totop {
	bottom:120px;
}
.copyright {
	padding:30px 0;
	text-align: center;
}








/*FORMATIERUNG NEWSBEREICH START */


.newscontainer {
    min-height: 350px;
}
 .startnewscontainer {
    margin:50px 0 0;
}
.newszeil {
	width:90% !important;
	max-width:90% !important
}
.haknewsdetailwrapper {
	max-width:980px;
	position: relative;
	margin:0 auto;
}

.newsseite .standardlayout h3 {
	text-align: center;
}
.newsseite .standardlayout h1 {
	text-align: center;
}
.news .article h3 {

    margin-bottom: 0;
    min-height: 70px;

}
.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 210px;
	overflow: hidden;
}
.startseite .news .article .news-img-wrap a {
	max-height: 450px;
}

.bhvlistitem .newsitem {

    margin: 0 0 110px 0;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
	padding:20px;
	transition:all ease 1s;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	

}
.bhvlistitem .newsitem:hover {
	transition: all ease 1s;
	background: rgba(150,150,150,0.40);
}
.bhvlistitem.left {
	clear: both;
}
/*Newsformatierung ANIMATION*/

.startseite .news .article .news-img-wrap {
	max-height: 450px;
	overflow: hidden;
}
.startseite .news .article .news-img-wrap img,
.starseite .flexslider .slides img,
.startseite .news .article .news-img-wrap a,
.startseite .news .article .news-img-wrap,
.startseite .flexslider {
	border: none;
	margin:0px;
	padding:0px;
	width:100%;
}
.news .article .news-img-wrap img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.startseite .article {
	width:100%;
}

.article {
	position: relative;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}
.news .news-list-view .news-list-category {
	display: none;
}
.news .header h3 a {
	font-size:16px !important;
}

.news-single .article {
	width:100%;
}
.news.news-single .news-img-wrap {
	width:100%;
	float: left;
	position: relative;
	margin:20px 0 20px 0;
}
.news.news-text-wrap {
    margin-bottom: 10px;
    position: relative;
    float: left;
    width: 100%;
}
.news-list-category {
	display: none !important;
}
.News_Bildergalerie .bhvnewsimages {
	display: none;
}
.News_Bildergalerie .bildergalerie .ce-column {
	max-width: 450px;
	margin:0 0 10px 0;
}
/* FORMATIERUNG NEWSBEREICH ENDE */




/* Erasmus PLUS Styles */

#c93 {
    color:#FFFFFF;
}
#c93 h2 {
    font-size:70px;
}
#c93 p {
  font-size: 39px;
  line-height: 49px;
  font-weight: bold;
}

.gm-style-iw h4 {

    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 0 0 0;

}
.projectpartner {
	font-size:12px;
	font-weight: bold;
	color:rgba(66,66,66,1.00); 
}
.projectcoordinator {
	color: rgba(132,123,59,1.00);
}

.tab-content header {
    display: none;
}


/*NAV und TAB*/
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}



.frame-layout-11 .image {
    padding:20px;
}
.frame-layout-11 .image a {
    -webkit-box-shadow: 3px 6px 21px -7px rgba(0,0,0,0.63);
    -moz-box-shadow: 3px 6px 21px -7px rgba(0,0,0,0.63);
    box-shadow: 3px 6px 21px -7px rgba(0,0,0,0.63);
    display: block;
}
.frame-layout-11 .image {
    opacity: 0.8;
    transition: all ease 1s;
}
.frame-layout-11 .image:hover {
    opacity: 1.0;
    transition: all ease 1s;
}



footer a {
    color:rgba(236,236,236,1.00);
    text-decoration: none;
}


#c22 {
    padding-left:0px;
    padding-right:0px;
}
.standardlayout .frame {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.standardlayout .standardlayout .frame {
    padding:0px;!
}

.instalayout.standardlayout .frame{
    text-align: justify;
    background: rgba(203,203,203,0.20);
    box-shadow: 2px 2px 8px #B8B8B8;
    margin-bottom:40px;
    padding:20px;
    hyphens: auto;
    
}
.instalayout.standardlayout.instaimage .frame,  
.instalayout.standardlayout.instaimage {
    padding:0px !important;
}

.instaimage .gallery-item .ce-column {
    padding:0px;
}
.instalayout .frame {
    padding:0px;
}


/* #313131*/
 html body {
     color: #353535;
     font-family: Open Sans,Helvetica,Verdana,sans-serif;
     font-weight: 400;
}
 #pageid3 .rootline {
    display: none;
}
 main .blau h3, main .blau h2, main .blau a, main .blau p {
    color:#fff;
}
 .headerimage h2 {
    display: none;
}


 .btn:hover, .cc-btn:hover {
     color: #fff;
     text-decoration: none;
}
 input.powermail_submit {
    background: #106fb7;
}
 .filelink-fileicon::before {
     font-family: 'Font Awesome\ 5 Free';
     content: '\f1c1';
     margin: 0 5px 0 0px;
     color: #2a9d8f;
     font-size: 30px;
     font-weight: 900;
}
 .timeline-item-date {
    display: none;
}
 .frame-custom-30 .table {
    max-width: 50%;
     margin:0 auto;
     border:1px solid #ffddc4;
}
 .rootline a {
    text-decoration: underline;
}
 .rootline p {
    margin:0 !important;
     padding: 9px 0;
     font-size: 0.9rem
}
 
main h1,
main h2,
main h3, 
main h4, 
main h5 {
    font-size: 2rem;
    text-align: left;
    padding:15px 0 10px 0;
    margin:0;
}
main h1 {
    padding:20px 0 10px 0;
}
main h2 {
    font-size:1.5rem;
}
main h3 {
    font-size:1.4rem;
}
main h4 {
    font-size:1.3rem;
}
main h5 {
    font-size:1.2rem;
}

 .footerlogo .gallery-item picture {
    max-width: 15vw;
}
 footer .section-bubble2::after {
    background: none;
     margin-bottom: 0;
     height: 0;
}
 footer .section-bubble2 {
    margin-bottom: 0;
}
 #pageid3 main .rootline {
    display: none;
}
 .frame-custom-18 .gallery-item img{
     border-radius: 225px 45px 325px 75px/15px 125px 35px 155px;
     box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
     margin-bottom: 5%;
}
 .frame-custom-30 tr {
     background-color:#ffddc4 ;
     text-align: center;
}
 .frame-custom-30 tr:nth-child(2n) {
     background-color: white;
}
 #btn-back-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     display: none;
     z-index: 100000;
     background:rgba(208,189,140,1.0);
     border-radius: 2rem;
     border: none;
     font-size:28px;
}
 .mobilehead {
    display: none;
}
 .kopfbereich .row {
    --bs-gutter-x: 0px;
}

 .blau rootline {
    color: #daf0ed;
}
 .topheader {
    background: #d8e8bb;
}
 .menuheader {
    background: #fff;
     padding: 0.4vh 0;
}
 .line {
     display: block;
     height: 2px;
     border: 0;
     border-top-color: currentcolor;
     border-top-style: none;
     border-top-width: 0px;
     border-top: 2px solid #ccc;
     margin: 5em 0;
     padding: 0;
}
 .copyright p {
    font-size: 0.8rem;
}
/*main .textmedia, main .textpic {
     gap: 0px;
}
*/
 .text-primary {
     color: #8fae8b !important;
}
 .btn-primary {
     background-color: #0073b6 !important;
     border-color: #0073b6 !important;
     border-radius: 1.25rem !important;
}
 main .grafikelement .textmedia-gallery {
    margin-bottom: 4%;
}
 main a, .copyright a,.headerright a, footer a {
    color: #000000;
}
 footer .textmedia, footer .textpic {
    gap:0;
}
 .headerright a {
    font-size: 1.2rem;
}
 .linemargin {
    margin:0;
}
 .kopfbereich .frame {
    padding: 0;
     margin:0;
}
 .logo .grafikelement .image {
}
 .logo .grafikelement .image img {
}
 .kopfbereich .textmedia, .footertext .textmedia {
    gap:0;
}
 .paralax .frame {
    min-height: 500px;
}
 .hunderter .megazeil, .hunderter .ce-outer, .hunderter .ce-row, .hunderter .gallery-item, .hunderter .ce-textpic, .hunderter .image {
     width: 100% !important;
}
 .hunderter .container {
    padding: 0 !important;
}
 .hunderter .frame {
    width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
}
 .hunderter .gallery-item[data-ce-columns="3"] .ce-column {
     width: 33.33333% !important;
}
 .hunderter {
    max-width: 100% !important;
     padding: 0 !important;
     z-index: 0;
}
 .hunderter .gallery-item img {
    padding: 0;
    width: 100%;
}
 .hunderter .ce-column {
    padding: 0 !important ;
}
 .hunderter .frame-container-default {
     max-width: 100%;
     padding: 0;
     margin:0;
}
 .paralax {
    margin-top: 5%;
}
 .headerimage {
    position: relative;
     width: 100%;
     overflow: hidden;
}
 .headerimage .carousel-image picture {
    width: 100%;
}
 .headerimage .carousel .carousel-content-inner, .headerimage .frame-container {
    min-width: 100% !important;
     max-width: inherit !important;
     padding: 0;
     margin:0;
}
 .headerimage .carousel .carousel-content {
     height: auto;
}
 .headerimage .carousel-item-type-image .carousel-image img {
     width: 100%;
}
 .headerimage .frame {
    padding: 0;
}
 .headerimage .carousel .item {
    height: auto;
}
 .textmedia-gallery .gallery-row {
     justify-content: center;
}
 .bubblecolor {
     background-color: #0082A2 !important;
}
 .row .col .kreis {
     background-color: aliceblue;
     border-radius: 53%;
}
 .frame-background-primary {
     --frame-background: #0082A2 !important;
}
/*=========================== Miscellaneous ============================ */
/* Parallax objects */
 .parallax-object1{
     position:absolute;
     top:auto;
     margin-top:100px;
     right:0;
     z-index:99;
}
 .parallax-object2{
     position:absolute;
     top:auto;
     left:0;
     z-index:99;
}
 .parallax-object3{
     position:absolute;
     top:auto;
     left:0%;
     z-index:99;
}
 .parallax-object3 {
}

 .btn:link, .btn:visited {
     text-transform: uppercase;
     text-decoration: none;
     padding: 15px 40px;
     display: inline-block;
     border-radius: 100px;
     transition: all .2s;
}
 .btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .btn:active {
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 .btn-white {
     background-color: #fff;
     color: #000000;
}
 .btn-blue {
    background: #0074b7;
     color:#fff;
}
 .btn::after {
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     border-radius: 100px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all .4s;
}
 .btn-white::after {
     background-color: #fff;
}
 .btn-blue::after {
     background-color: #0074b7;
}
 .btn:hover::after {
     transform: scaleX(1.4) scaleY(1.6);
     opacity: 0;
}
 .btn-animated {
     animation: moveInBottom 5s ease-out;
     animation-fill-mode: backwards;
}
 @keyframes moveInBottom {
     0% {
         opacity: 0;
         transform: translateY(30px);
    }
     100% {
         opacity: 1;
         transform: translateY(0px);
    }
}


/*Startseite*/
.logo figure {
    margin:0px !important;
    --frame-spacing:0px !important;
    line-height: 0px;
}
/*Startseite*/



@media (max-width: 767px) {
.hidden-xs {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
    display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
    display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
    display: none !important;
}
}



/*404 Fehlerseite*/

#pageid49 {
    background:rgba(0,0,0,1.00);
}

/*404 Fehlerseite*/


/*Download*/

#pageid22 main .image > a {
    display: block;
    padding:50px;
}

/*Download*/



/*Designfix*/
.row {
    --bs-gutter-x:0px;
}
.row > * {
    padding:0 15px;
}