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

/*body { background-image: url("backgrounds/bg-alpha-grey.png"); font-family:Dosis !important;}
h1,h2,h3,h4,h5,h6 {font-family:Covered By Your Grace !important;}*/

/* Style Breadcrumb */
.breadcrumb {border:0px; padding:30px 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; }
}	

.nav-icon div, .nav-icon::after, .nav-icon::before {
  background-color: #000 !important;
}

.border {
  border: 1px var(--bs-border-style) var(--bs-border-color-translucent) !important;
}

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

/* Navbar */
/*.navbar-nav {font-size: 22px; font-weight:500;}*/
#navbar {font-weight:500; color:#f3f3f3;}
#navbar:hover {color:#FFF;}

.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: -0.1vw;
right: -0.1vw;
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(49, 49, 49);}

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

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

/* 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;
}

/* 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: 0px; border-color:#26B4D7;} */

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