/*erstellt 2021-09-30*/

:root {
	--red-dark:#6a0000;
}

body {
    background-color:transparent;
    /*  background-color:#e6e6e6;
    background-color:black;
    background-color: #fff;
    background-color:#969696;
    background: url("../_images/img08.jpg");opacity:.6;
    background-repeat: no-repeat;
    background-size: cover;  position: relative;
    background-attachment: fixed;
    background-position: center;  */   
}
/*
 .bg-image-blur {
      /* The image used 
       background-image: url('../_images/abbaye_600.jpg');
      /* Add the blur effect 
      filter: blur(8px);
      -webkit-filter: blur(8px);
      /* Full height 
      height: 100%; 
      /* Center and scale the image nicely 
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
}
*/
/*		
 div.background {
     background:  url('../_images/img08.jpg');opacity: 0.4;
}  	  	  	  	
*/		
.bg-img-1,.bg-img-2,.bg-img-3,.bg-img-4,.bg-img-5 {
      position: relative;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height:100%;
}
.bg-img-1 {background-image: url('../_images/abbaye_600.jpg');
}
.bg-img-2 {background-image: url('../_images/_prieure_480.jpg');
}
.bg-img-3 {background-image: url('../_images/prieure_600.jpg');
}
.bg-img-4 {background-image: url('../_images/mairie_de_tarbes.jpg');
}
.bg-img-5 {background-image: url('../_images/prefecture_de_tarbes.jpg');
}

/*.masterpage{margin-left:auto;margin-right:auto;max-width:1240px;background-color:transparent!important;}*/

.masterpage{
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width:1400px;
  background-color:transparent!important;
}

 /*section{margin-left:auto;margin-right:auto;max-width:1240px;background-color: transparent!important;}
   padding:2rem; background-color:transparent;#c7c7c7!important; #E6E6E6;  
#accordion{background-color: transparent!important;}  #E6E6E6;
*/
.container,
.masterpage .container{background-color:#E6E6E6;/*border-radius: 0.5rem;*/}

.container-fluid,
.masterpage .container-fluid{background-color: transparent;}

.jumbotron {padding: 2rem 4rem;margin-bottom: 2em;}
/*  border-radius: 0.5rem;
  background-color:#E6E6E6; #e9ecef;*/

header,
footer{background-color:#d7d7d7!important;padding:2rem 4rem;}
header{border-bottom:6px solid #BAB6B6!important;border-top:6px solid #000!important;
		border-bottom-right-radius: 0.5rem !important;
		border-bottom-left-radius: 0.5rem !important;}
footer{text-align:center;border-top:6px solid #BAB6B6!important;border-bottom:6px solid #000!important;
		border-top-left-radius: 0.5rem !important;
		border-top-right-radius: 0.5rem !important;}

.space_20{height:20px;background-color:transparent;}
.space_40{height:40px;background-color:transparent;}
.space_60{height:60px;background-color:transparent;}
.space_80{height:80px;background-color:transparent;}
.space_120{height:120px;background-color:transparent;}
.space_160{height:160px;background-color:transparent;}

.rounded-8 {border-radius: 0.5rem !important;}
.rounded-12 {border-radius: 0.75rem !important;}
.rounded-bottom-12 {border-bottom-right-radius: 0.75rem!important;border-bottom-left-radius: 0.75rem!important;}
.rounded-16 {border-radius: 1rem !important;}
.rounded-top-lg {border-top-left-radius: 0.4rem!important;border-top-right-radius: 0.4rem!important;}
.rounded-bottom-lg {border-bottom-right-radius: 0.4rem!important;border-bottom-left-radius: 0.4rem!important;}
.rounded-xl {border-radius: 0.8rem !important;}
.rounded-bottom-xl {border-bottom-right-radius: 0.8rem !important;border-bottom-left-radius: 0.8rem !important;}

.fade-05{animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.fade-1{animation:opac 1.0s}@keyframes opac{from{opacity:0} to{opacity:1}}
.fade-2{animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}}
.fade-3{animation:opac 3.0s}@keyframes opac{from{opacity:0} to{opacity:1}}

.ratio-3x2 {
  --bs-aspect-ratio: calc(2 / 3 * 100%);
}
.ratio-11x9 {
  --bs-aspect-ratio: calc(9 / 11 * 100%);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.card-rustan {
 /* position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0; padding:0.5rem;
  word-wrap: normal;
  background-clip: border-box;*/
  text-align:center;
  background-color: #E6E6E6;
  border: 2px solid rgba(255, 255, 255, 1.0);
  border-radius: 0.5rem;
}

.text-start-3{text-align:left!important;margin-left:3%;}
.text-start-8{text-align:left!important;margin-left:8%;}
.start-3{margin-left:3%;}
.start-8{margin-left:8%;}

.card-rustan h6,
.card-rustan a{text-align:center;}

.carousel-item {
  /*position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;*/
  transition: transform 0.8s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  /*z-index: 0;
  opacity: 0;*/
  transition: opacity 0.2s 0.8s;
}
.carousel-caption {
  padding-top: 0.75rem;
  padding-bottom: 0.025rem;
  left:0;right:0;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity 
    width: 100%;
  color: #f1f1f1;*/
}
.carousel-caption h5,
.carousel-caption p{color:#fff;margin-bottom:0.125em;}
.carousel-caption p{display:none;}
@media (min-width: 768px) {.carousel-caption p{display: block;}}

.header-item {
  position: relative;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

.header-caption { position: absolute;
  padding-top: 0.25rem;
  padding-bottom: 0.025rem;
  left:0;right:0;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity 
    width: 100%;
  color: #f1f1f1;*/
}
.header-caption h5,
.header-caption p{color:#fff;margin-bottom:0.125em;}
.header-caption p{display:none;}
@media (min-width: 768px) {.header-caption p{display: block;}}

p {margin-top: 0;margin-bottom:1em;font-family: Calibri,sans-serif;font-size: 1.125em;font-weight:500;color: #320101;}

a {font-family:Calibri,sans-serif;color:#490202;text-decoration: underline;background-color: transparent;}
     /* color: #007bff;*/
a:hover {color: #800000;text-decoration: underline;}
  /*color:#0056b3;*/

/* Number text (1/3 etc) */
.numbertext {
  position: absolute;  bottom:0.5em;  right:0.75em;
 /* top: 0;font-size:0.75em;  color: #fff;font-family: Calibri,sans-serif;font-size: 1.0em; color: #fff;padding: 6px 8px;font-weight: bold;
 */
}

.nav-link {
	padding: 0.25rem 0.5rem;
	color: #590202;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5em;font-weight:bold;line-height:1.2;font-family:Calibri,Tahoma,Arial,sans-serif;}
.h1,h1{font-size:2.5em;font-style:italic;color:#6A0000;text-shadow:4px 4px 4px #b9b9b9;}
.h2,h2{font-size:2.25em;font-style:italic;color:#6a0000;text-shadow:3px 3px 3px #808080;}
.h3,h3{font-size:2.0em;font-style:italic;color:#490202;text-shadow:3px 3px 2px #808080;}
.h4,h4{font-size:1.75em;font-style:italic;color:#490202;text-shadow:3px 2px 2px #808080;}
.h5,h5{font-size:1.5em;font-style:italic;color:#490202;text-shadow:2px 2px 2px #808080;}
.h6,h6{font-size:1.25em;font-style:italic;color:#590202;text-shadow:1px 1px 1px #BAB6B6;}

#prieure:hover,#helfer-landscape:hover,#helfer-portrait:hover,#rachel-portrait:hover,#impressum-foto:hover,#welcome-foto:hover,#welcome-photo:hover,
#sideflag-link:hover,#impressum-foto:hover,#admin-landscape:hover,#wir_zwei:hover{
opacity: 0.7; 
cursor:pointer;
transition:0.3s;
}

#prieure{max-width:180px;border: 1px solid #fff!important;border-radius: 0.5rem!important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2)!important;}
#prieure-admin{max-width:180px;border: 1px solid #fff!important;border-radius: 0.5rem!important;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2)!important;}
.border-prieure {border: 2px solid #fff!important;}

.modal{background-color:rgba(0, 0, 0, 0.8);}
.modal-dialog{max-width:1024px; }
.modal-dialog-prieure{max-width:1024px;margin-top:0.5rem;}
.modal-dialog-impressum{max-width:500px;}
.modal-content-prieure {text-align:center!important;padding:2px 12px; background-color:transparent; border:none; animation:opac 2s;}
@keyframes opac{from{opacity:0} to{opacity:1}}

    /*
    background-clip: padding-box;
    2px solid #fff!important; rgba(0, 0, 0, 0.6);
    border-radius:1.0rem !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5) !important;
    */

.close-prieure {margin-left:1rem!important;margin-right:auto!important;max-width:240px;font-size:1.5em;font-style:italic;font-weight:normal;line-height:normal;
	 color:#fff;opacity: 0.8;}	 
	 /*text-shadow: 0 1px 0 #fff;*/
	
.close-prieure:hover {color:#007bff;text-decoration: none;}

.close-prieure:not(:disabled):not(.disabled):hover, 
.close-prieure:not(:disabled):not(.disabled):focus{opacity: .75;}

button.close-prieure {padding: 0;background-color: transparent;border: 0;}

.border-prieure {border: 2px solid #fff!important;}
.border-darkred{border:2px solid #6a0000!important}

.btn-rustan {
    font-weight:bold;
    color:#e8e8e6;
    background-color:#ababac;
    border: 1px #000 solid;
    padding:0.25rem 0.55rem;
    line-height:1;
   /* transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out */
}
.btn-slides {
    font-weight:bold;
    color:#fff;
    border:none /*1px #000 solid*/;
    padding:0.25rem 0.55rem;
    line-height:1;
}

@media screen and (prefers-reduced-motion:reduce)
    {.btn-rustan{transition:none}
}

.btn-rustan :hover {
  color: #800000;
  text-decoration: none;
  background-color:#d7d7d7;
}

.btn-rustan:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-sm-rustan, .btn-group-sm-rustan{
    padding: 0.25rem 0.5rem;
    font-size: 0.875em;
    line-height: 1.5;
    border-radius: 0.5rem;
}

.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.8;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:1}
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.mw-480 {max-width:480px!important;}
.mw-600 {max-width:600px!important;}
.mw-800 {max-width:800px!important;}
.mw-1024 {max-width:1024px!important;}
.mw-1240 {max-width:1240px!important;}
.mw-1400 {max-width:1400px!important;}

hr{color:#000;opacity: 0.5;}
/*
hr:not([size]) {
  height:2px;
}*/

.bg-silber {background-color: #C0C0C0;}
.bg-E6E6E6{background-color:#E6E6E6!important;}
.bg-jumbotron{background-color:#e9ecef;}
.bg-header{background-color:#c7c7c7!important;}
.bg-5C5C5C{background-color:#5C5C5C;}
	

@media (max-width:768px){
header,footer{padding:0.5rem 1rem;}
.h1,h1{font-size:2.0em; font-style:italic; color:#6A0000;}
.h2,h2{font-size:1.75em; font-style:italic; color:#6a0000;}
.h3,h3{font-size:1.5em; font-style:italic; color:#490202;}
.h4,h4{font-size:1.25em;font-style:italic;color:#490202;}
.h5,h5{font-size:1.125em;font-style:italic;color:#490202;}
.h6,h6{font-size:1.0em; font-style:italic; color:#590202;}
p {margin-bottom: 0.8em;font-size: 0.8em;}
.modal-dialog {max-width:100%; margin: 0.15rem auto;}
.jumbotron, .container {padding: 0.5rem 1rem;}
#helfer-landscape{max-width:60%;}
#helfer-foto{max-width:40%;}
.space_20{height:2px;}
.space_40{height:4px;}
.space_60{height:6px;}
.space_80{height:8px;}
.space_120{height:12px;}
.space_160{height:16px;}
/*.card-img, .card-img-top, .card-img-bottom {width: 100%;}*/
.card-body-prieure {padding:0.5rem;margin-left:0.25rem!important;margin-right:0.25rem!important;}
}