@charset "UTF-8";
/* CSS Document */


/*FONTS*/

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), 
       url('../fonts/lato-v17-latin-regular.woff') format('woff'); 
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), 
       url('../fonts/lato-v17-latin-700.woff') format('woff'); 
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato-v17-latin-700italic.woff2') format('woff2'),
       url('../fonts/lato-v17-latin-700italic.woff') format('woff'); 
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v17-latin-italic.woff2') format('woff2'), 
       url('../fonts/lato-v17-latin-italic.woff') format('woff'); 
}


body {font-family: 'Lato',Arial,sans-serif;font-weight: 400;background-color:#C1D0DF;color:#333333;}

img { height:auto; }

header.container-fluid {padding-right: 0;padding-left: 0;background-image: url("../Images/hobelbank-head.png");background-repeat:no-repeat;background-position:center bottom;min-height:300px;}
header .navcontainer {background-color:transparent;height:auto;min-height:250px;}
header .navcontainer .navbar {padding-bottom:0;position:relative!important;}
header .navcontainer .navbar .co2button {position:absolute;width:84px;height:84px;left:140px;top:38px;}
header .navcontainer .navbar .co2button img {width:inherit!important;}
header .bgcontainer {background-image: url("../Images/header_bg.png");background-position: center bottom;background-repeat: no-repeat;height:75px;}
header .navbar-brand {padding-bottom: 0rem;}
header .navbar li.nav-item {position:relative;}
header .navbar li.nav-item a.nav-link {font-family:'Lato',sans-serif;font-size:1.563rem;font-weight:700;color:#C1D0DF; text-transform: uppercase;padding: 0.25rem 0.55rem;}
header .navbar li.nav-item a.nav-link::before {
	content: "";
	position:absolute;
	width:100%;height:2px;
	background-color:#eaf5ff;
	left:0;
	bottom:0;
	visibility:hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


header li.nav-item a.nav-link:hover::before { 
	visibility:visible;
   -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

header .navbar-light li.nav-item a.nav-link:hover {color:#eaf5ff;}

@media (min-width: 992px) {
	
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-end;
  }
}

header .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0em;
    vertical-align: 0.255em;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: none;
}
header .navbar-light .navbar-nav .nav-link:focus {color:#eaf5ff;}
header .navbar-light li.nav-item.active a.nav-link {color:#eaf5ff;}

header li.nav-item.active a.nav-link::before {
	content: "";
	position:absolute;
	width:100%;height:2px;
	background-color:#eaf5ff;
	left:0;
	bottom:0;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
	
}

.navbar-light .navbar-toggler {
    /*
    color: #50c6ec;
    border-color: #50c6ec;
    */
    color: #C1D0DF;
    border-color: #C1D0DF;
	border-radius: 0rem
}

.navbar-light .navbar-toggler-icon {
    /*
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(60, 198, 236, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(193, 208, 223, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dropdown-menu {background-color: rgba(255,255,255,0.80);color:#333;}
.dropdown-item {color:#333;}
.dropdown-item:hover, .dropdown-item:focus {
    color: #eaf5ff;
    text-decoration: none;
    background-color: #334e6c;
}
@media (min-width: 992px) {
    ul.navbar-nav {
        margin-left: 25px;
    }
    ul.navbar-nav > li.nav-item {
        margin: 0 2px;
    }
header .navbar li.nav-item a.nav-link {font-size:1.5rem;}

}
@media (max-width: 991px) {
    header .navcontainer .navbar {
        position: initial;
    }
	.navbar-collapse {
        position: absolute;
        /*
        top: 100%;
        */
        top: 250px;
        left: 0;
        margin: 10px 0 0 0;
        width: 100%;
        background: #334D6C;
	    z-index: 999;
	}	
}

/*MENUE ENDE*/

/*CAROUSEL HEADER*/
.carousel {position: relative;margin-top: -45px;}
.carouseltrenner{position:absolute; background-image: url("../Images/trenner.png");width:100%;height:95px;left:0;bottom:-40px;background-position:bottom center;}
.carousel-indicators li {width:10px;}


/*CONTENT*/
h1,.h1 {font-family:'Lato',sans-serif;font-size:2.5rem;color:#334e6c; text-transform: uppercase;margin-bottom:60px;font-weight:700}
h2,.h2 {font-family:'Lato',sans-serif;font-size:2.0rem;color:#334e6c;font-weight:700}
h3,.h3 {font-family:'Lato',sans-serif;font-size:1.75rem;color:#334e6c;font-weight:700}
h4,.h4 {font-family:'Lato',sans-serif;font-size:1.375rem;color:#334e6c;font-weight:700}
b,strong {font-weight:700;}
section a { color: inherit;text-decoration: underline; }
section a:hover { color: inherit;opacity: 0.8; }

section.bg_blau hr {    
	margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid #FFF;
}

section.hellblau hr {
	margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 0;
    border-top-color: currentcolor;
   	border-top-width: 0px;
	border-top:1px solid #003356;
}

.weiss {color:#FFF;}
.blau {color:#334e6c;}
.bg_blau {background-color:#003356;color:#FFF;}
.bg_hellblau {background-color:#C1D0DF;}

.bg_blau h1,.bg_blau .h1,
.bg_blau h2,.bg_blau .h2,
.bg_blau h3,.bg_blau .h3,
.bg_blau h4,.bg_blau .h4,
.bg_blau a { color:#FFF; }

.btn-info { background-color: #C1D0DF;border-color:#C1D0DF;color:#003356; }
.btn-info:hover {
    color: #fff;
    background-color: #003356;
    border-color: #003356;
  }
  
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #003356;
    border-color: #003356;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
  }
  
  .btn-info:not(:disabled):not(.disabled):active, 
  .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #003356;
    border-color: #003356;
  }
  
  .btn-info:not(:disabled):not(.disabled):active:focus, 
  .btn-info:not(:disabled):not(.disabled).active:focus,
  .show > .btn-info.dropdown-toggle:focus {
    box-shadow: none;
  }

section {padding-top:80px;padding-bottom:80px;position:relative;}
.trenner { position: absolute; width: 100%; left: 0; top: -45px; overflow: hidden; }

.iconteaser {text-align: center;height: auto;min-height: 350px;}
.iconteaser .icon {
    border-radius: 50%;
	border: 4px solid #334e6c;
    width: 145px;
    height: 145px;
    background-color: #FFF;
    margin: 0 auto;
    margin-bottom: 20px;
	margin-top:20px;
}

.ce-border img { 
    border-radius: 50%;
	border: 4px solid #334e6c;
    width: 145px;
    height: 145px;
    background-color: #FFF;
    margin: 0 auto;
    margin-bottom: 20px;
	margin-top:20px;
}

.btn-primary,
a.btn-primary {
    color: #fff;
    background-color: #336496;
    border-color: #336496;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	text-decoration:none;
}
.btn-primary:hover,
a.btn-primary:hover {
    color: #fff;
    background-color: #334e6c;
    border-color: #334e6c;
}

table.contenttable td {text-align:left;vertical-align:top;padding-right:4px;}
/* Gallery */
/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .frame-layout-gallery .ce-gallery {
        width: 100%;
    }
}
 
/* Anpassungen von kleinen bis groeßeren Geraeten */
@media (min-width: 640px) {
    .frame-layout-gallery .ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding: 0 5px;
        box-sizing: border-box;
    }
    /* Kein Abstand beim ersten und letzten Bild */
    .frame-layout-gallery .ce-gallery .ce-column:first-child {
        padding-left: 0;
    }
    .frame-layout-gallery .ce-gallery .ce-column:last-child {
        margin-right: 0;
    }
    /* Fluid Image Tags */
    .frame-layout-gallery .ce-gallery img,
    .frame-layout-gallery .ce-gallery picture {
        width: 100%;
        height: auto;
    }
    /* Spaltenbreiten je nach eingestellten Columns */
    .frame-layout-gallery .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }
    .frame-layout-gallery .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }
    .frame-layout-gallery .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }
    .frame-layout-gallery .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}
 
/* Anpassungen fuer kleine Geraete */
@media (max-width:992px) {
header .navcontainer {background-color: transparent;height: auto;min-height: 220px;}
.fixed-top.navigation {position:initial;}
.fixed-top.navigation .navbar img {width:120px;}
.container-fluid.sticky-top {position:initial;height:auto;min-height:100%;}
header .navbar li.nav-item a.nav-link {
    font-size: 1.25rem;
    font-weight: 700;
    color: #C1D0DF;
    text-transform: uppercase;
    padding: 0.25rem 0.55rem;
    text-align: center;}
.navbar-collapse {top:160px;}
h1,.h1 {font-size:2.25rem;font-weight:700;margin-bottom:44px}
h2,.h2 {font-size:1.8rem;font-weight:700}
h3,.h3 {font-size:1.5rem;font-weight:700}
h4,.h4 {font-size:1.25rem;font-weight:700}
section {padding-top: 40px;padding-bottom: 40px; position: relative;}

}

@media (max-width: 640px) {
    /* Ein Bild pro Zeile */
    .frame-layout-gallery .ce-gallery .ce-column {
        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }
 
    /* Fluid Image Tags */
    .frame-layout-gallery .ce-gallery img,
    .frame-layout-gallery .ce-gallery picture {
        width: 100%;
        height: auto;
    }
}

/* Embed Video (youtube) */
.frame-layout-embed-video .ce-outer,
.frame-layout-embed-video .ce-inner,
.frame-layout-embed-video .ce-column { 
    float:none;
}
.frame-layout-embed-video .video {
    display: block;
}
.frame-layout-embed-video .video-embed { 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.frame-layout-embed-video .video-embed iframe,
.frame-layout-embed-video .video-embed object,
.frame-layout-embed-video .video-embed embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*PROGRAMM-CAROUSEL*/
.programm {margin-top:40px}
.programm h3,.programm h4,.programm p {color:#FFF;}

.carousel .rahmen{position:relative;margin:0 10%;color:#FFF;} 
.carousel .oben {position:absolute;top:0;left:0;height:18px;width:100%;background-image:url("../Images/slider_rahmen_oben.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.carousel .unten {position:absolute;bottom:0;left:0;height:19px;width:100%;background-image:url("../Images/slider_rahmen_unten.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.carousel .links {position:absolute;left:0;top:0;width:17px;height:100%;background-image:url("../Images/slider_rahmen_links.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.carousel .rechts {position:absolute;right:0;top:0;width:19px;height:100%;background-image:url("../Images/slider_rahmen_rechts.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.carousel .inner {padding:30px;height:auto;min-height:395px;}

/*ACCORDION*/
.termine {margin-top:20px;}
.termine .card {background-color:#003356;}
.termine .card-header {border-bottom: 2px solid rgba(255, 255, 255, 0.8);}
.termine .card-body {background-color:#FFF;}
.termine .btn-link {color:#C1D0DF;}
.termine .btn-link:hover {color: #eaf5ff;text-decoration: none;}

/* Category-List */
.category-list .rahmen{position:relative;margin:0;color:#FFF;} 
.category-list .oben {position:absolute;top:0;left:0;height:18px;width:100%;background-image:url("../Images/box_rahmen_oben.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.category-list .unten {position:absolute;bottom:0;left:0;height:19px;width:100%;background-image:url("../Images/box_rahmen_unten.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.category-list .links {position:absolute;left:0;top:0;width:17px;height:100%;background-image:url("../Images/box_rahmen_links.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.category-list .rechts {position:absolute;right:0;top:0;width:19px;height:100%;background-image:url("../Images/box_rahmen_rechts.png");background-position: center top;background-repeat:no-repeat;background-size: cover;}
.category-list .inner {padding:30px;height:auto;min-height:395px;}

.tx-at-events .list-item .rahmen .text h3,.tx-at-events .list-item .rahmen .text h4 {color:#FFF;}

/* Event-List */
.event-list { margin: 25px 0 100px 0; }
.event-list .event-item {     border-bottom: 1px solid #C1D0DF;margin: 0;padding: 0.75rem;background: #003356;color: #C1D0DF;align-items: center; }
.event-list .event-item > div {}

/* Order-form */
.order-form { margin: 50px 0 0 0; }
.tx-at-events ul.typo3-messages {list-style:none;padding-left:0;}
.tx-at-events ul.typo3-messages .alert-warning {color: #334e6c;background-color: transparent;border-color: transparent;}
.tx-at-events ul.typo3-messages .alert {padding-left:0;border:none;border-radius: 0;}
.tx-at-events ul.typo3-messages p.alert-message {font-weight:700;}

/*FOOTER*/
footer {}
footer .footerinner {background-color:#334e6c;position:relative;padding:30px 0 30px 0}
footer .footertrenner {position:absolute;background-image: url("../Images/trennerfooter.png");background-position: center top;background-repeat:no-repeat;background-size: cover;left: 0;top: -50px;height:60px;width:100%;}
footer .footercontent p, footer .footercontent a {color:#FFF;}
footer .footerfigur {position:absolute;bottom:0;right: 5%;width:250px;height:auto;}
footer .footerfigur img { width:100%;height:auto;}

@media (max-width:992px) {
footer .footerfigur {width:180px;height:auto;}
}

/* CAPTCHA */
img.tx-srfreecap-pi1-image {
    margin-left: 0;
    margin-right: 1em;
    margin-top: 1em;
    vertical-align: bottom;
  }