/* Zusatz-CSS-Definitionen vobs.at
* 2022 Kuno Sandholzer, sandholzer@vobs.at
*/

body { background-image: url("backgrounds/bg-alpha-color.png");}


/* Style Breadcrumb */
.breadcrumb {border:0px; padding:10px 0px 10px 0px;}
.breadcrumb {display: none;}

/* Menü Eltern-Verhalten --> Desktop: Dropdown Hover, Mobile: Onclick
@media all and (min-width: 991px) {
	.navbar .nav-item .dropdown-menu{ display: none !important; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block !important; }
	.navbar .nav-item .dropdown-menu{ margin-top:0 !important; }
}	*/

.dropdown-item:first-child {
  border-radius: 30px 30px 0px 0px;
}

.dropdown-item:last-child {
  border-radius: 0px 0px 30px 30px;
}

.dropdown-menu {
  --bs-dropdown-padding-y: 0;
}

.border {
  border: 6px var(--bs-border-style) var(--bs-primary) !important;
}

/* Scrollleiste und Breadcrumb bei Ansicht "mobile" verstecken*/ 
@media (max-width: 991px) {
  .navbar-expand-lg {overflow-y: hidden!important;}
  .breadcrumb {display: none;}
}

/* Navbar Fontsize */
.navbar-nav {font-size: 28px;}

/* Ergänzung bei Update auf Typo3 v12 bzw. T3SBootstrap 5.3.22 */
.submenu .nav-link:hover, .nav-link:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}


.fake-container {
  --bs-gutter-x: 40%;
  --bs-gutter-y: 0;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  max-width:1000px;
}

/* Backgrounds */
.bg-dots {
background: url("backgrounds/dots-bg.png");
}

.jumbotron{
  position: relative;
 }

.jumbotron::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: 0vw;
right: 0vw;
top: -0.1vw; 
background-size: 100% 100px;
background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.67c-3.07-.55-9.27.41-16.15 0-6.87-.4-13.74-.58-19.13.1v.4h35.28z" fill="%23ffffff"/><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" opacity=".5" fill="%23ffffff"/><path d="M35.28.31c-2.57.84-7.68.3-11.8.43-4.1.12-6.85.61-9.57.28C11.18.69 8.3-.16 5.3.02 2.3.22.57.85 0 .87v1.2h35.28z" opacity=".5" fill="%23ffffff"/></svg>'); 
}

.zickzack{
  position: relative;
  background-image: url("backgrounds/dots-bg.png");
 }
  .zickzack::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: linear-gradient(135deg,#fff 6px,
      transparent 0%), linear-gradient(-135deg,#fff 6px,
      transparent 0%);
    background-size: 12px;
  }
    .zickzack::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: linear-gradient(45deg,#0D3F4B 6px,
      transparent 0%), linear-gradient(-45deg,#0D3F4B 6px,
      transparent 0%);
    background-size: 12px;
  }


p {color: rgb(159, 158, 158);}

/* Style Links*/
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/* Style Untermenü Unterseiten*/
.submenu li > a {padding: 8px 0; border-bottom: 1px solid #e3e3e3;}

/* Style News */
/* Änderungen für Typo3 ab Version 12 */
/* .card {padding-top:1.5rem; margin-bottom:0px !important;} */
.card {padding:1rem; margin-bottom:0px !important;}
.pagination {justify-content: center;}
/* .card-body {text-align: center; color:#000 !important;} */
.card-body {text-align: left; color:#000 !important;}
/* .card-body p {text-align: center !important;} */
.card-body p {text-align: left !important;}
.card-body a {color:#000 !important;}
.card-group {border: solid 6px; border-radius: 40px; border-color:#26B4D7;}

/* Style Footer*/
.footer a {color: #FFF; opacity:.7;}
.footer a:hover {color: #FFF; opacity:1;}

/* Scrollbar unten ausblenden 
.bg-light {
    border: 2px solid rgba(0, 0, 0, 0.0);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}*/