/*erstellt 2021-10-21*/

: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, .bg-img-6, .bg-img-7, .bg-img-8, .bg-img-9 {
      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');
}

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

.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:1420px;
  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;
*/

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

.masterpage .container, 
.masterpage .jumbotron /* header .media*/{background-color:#E6E6E6;border-radius: 0.5rem;}

.masterpage .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{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-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%);
}

#iframe-google-maps{max-width:80%;}
@media only screen and (max-width:596px) {
#iframe-google-maps{max-width:100%;}
}
/*
@media only screen and (min-width:596px) {
#iframe-google-maps{height:480px;}
}
@media only screen and (min-width:768px) {
#iframe-google-maps{height:520px;}
}
@media only screen and (min-width:992px) {
#iframe-google-maps{height:600px;}
}
@media only screen and (min-width:1200px) {
#iframe-google-maps{height:720px;}
}*/
#iframe-slides{max-width:80%;}
@media only screen and (max-width:596px) {
#iframe-slides{max-width:100%;}
}

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

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

.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 !important;
  background-color: #E6E6E6;
  border: 2px solid rgba(255, 255, 255, 1.0);
  border-radius: 0.5rem;
}
.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;
  max-height:80%;*/
  transition: transform 0.8s ease-in-out;
}
/*
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
*/

.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 
  color: #f1f1f1;
  width: 100%;*/
}
.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;}}*/

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

#sideflag{
    max-width:72px;
    margin-right:0.5em!important;
    border:0;
    border-radius: 0.3rem !important;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.175) !important;
}
#sideflag-link{
    max-width:48px;
    border:0;
    border-radius: 0.2rem !important;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.175) !important;
}
#sideflag-link-admin{
    max-width:48px;
    border:0;
    border-radius: 0.2rem !important;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.175) !important;
}

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

.text-link_target{
	text-decoration:underline;
	cursor:pointer;transition:0.3s;
}
.text-link_target:hover {color: #800000;}
.text-link_target:active{ color:deepskyblue;}

#welcome-photo{
	/*margin-left:20px;*/
	max-width:90%; 
	border:1px #fff solid; 
	border-radius:0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;
}
#welcome-foto{
	margin-bottom:1em;
	max-width:240px; 
	border:1px #fff solid; 
	border-radius:8px;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25) !important;
}
#welcome-foto-admin{
	margin-bottom:1em;
	max-width:240px; 
	border:1px #fff solid; 
	border-radius:8px;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25) !important;
}
#rachel-portrait{
	max-width:240px; 
	border:1px #fff solid; 
	border-radius: 0.5rem!important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25) !important;
}
#rachel-portrait-admin{
	max-width:240px; 
	border:1px #fff solid; 
	border-radius: 0.5rem!important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25) !important;
}

#helfer-landscape{
	max-width:80%;
	border-radius: 0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
} 
#helfer-landscape-admin{
	max-width:80%;
	border-radius: 0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
}
#helfer-foto{
	max-width:80%;
	border-radius: 0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;
} 

#wir_zwei{
	/*margin-left:20px;*/
	max-width:90%; 
	border:1px #fff solid; 
	border-radius:0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;
}
#wir_zwei-admin{
	margin-bottom:1em;
	max-width:90%; 
	border:1px #fff solid; 
	border-radius:0.5rem!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;
}
#text-link_modal{text-decoration:underline}

.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,#text-link_modal:hover{
opacity: 0.7; 
cursor:pointer;
transition:0.3s;
}

#prieure{max-width:80%;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:1280px; }
.modal-dialog-prieure{max-width:1024px;margin-top:0.5rem;}
.modal-dialog-impressum{max-width:500px;}
.modal-content-prieure {text-align:center!important;padding:0.5em; 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-right:1em!important;margin-left: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-slides:hover,
.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;
}

#btn-go-to-top
 {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 3%;
  z-index: 99;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em; font-weight:bold;
  border: none;
  outline: none;
  background-color:transparent;
  color: white;
  cursor: pointer;
  padding:0.5rem;
  border-radius:0.5rem;
}

#btn-go-to-top:hover {
	background-color: #008080;
}

.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;}

@media (max-width:768px){
.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;}
header, footer,
.masterpage .jumbotron{padding: 0.5rem 1rem;}
#helfer-landscape-admin{max-width:40%;}
#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;}
}