﻿/*erstellt 2023-10-10*/

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

body{background-color:#E6E6E6;}
		
.bg-img-1,.bg-img-2,.bg-img-3,.bg-img-4,.bg-img-5,.bg-img-6 {
      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/kleinerspaziergang2023-IMG_0423.jpg');}
.bg-img-5{background-image: url('../_images/prefecture_de_tarbes.jpg');}
.bg-img-6{background-image: url('../_images/mairie_1280.jpg');}

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

header,
footer{background-color:#d7d7d7!important;padding:2rem 4rem;}
header{border-bottom:6px solid #BAB6B6!important;border-top:6px solid #000!important;}
footer{border-top:6px solid #BAB6B6!important;border-bottom:6px solid #000!important;}

.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 */}
.header-caption h5, .header-caption h4,
.header-caption p{color:#fff;margin-bottom:0.125em;}
.header-caption p{display:none;}
@media (min-width: 768px) {.header-caption p{display: block;}}

.space_12{height:12px;background-color:transparent;}		
.space_16{height:16px;background-color:transparent;}
.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;}

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

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

.w-90{width:90%!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}}

.carousel-item {transition: transform 0.8s ease-in-out;}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end{transition: opacity 0.2s 0.8s;}
.carousel-indicators{margin-bottom:1.5rem;/*position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-left:15%;*/}
.carousel-indicators [data-bs-target]{background-color: cyan;}
/*.carousel-caption{display:none;}*/
/*.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}*/
.carousel-caption {padding-top: 0.75rem;padding-bottom: 0.025rem;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.5);
border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}
/*.carousel-caption h5,.carousel-caption h6,.carousel-caption p{color:#fff;margin-bottom:0.125em;}
.carousel-caption p{display:none;}
*/
.nav-link {padding:0.25rem 0.5rem;color: #590202;}
#text-link_modal,#text-link_target{text-decoration:underline!important;cursor:pointer;transition:0.3s;}

.h1,h1{color:#6A0000;}
.h2,h2{color:#6a0000;}
.h3,h3{color:#490202;}
.h4,h4{color:#490202;}
.h5,h5{color:#490202;}
.h6,h6{color:#590202;}

p{font-family:Calibri,sans-serif;color:#320101;}

a{font-family:Calibri,sans-serif;color:#490202;text-decoration: underline;background-color:transparent;}
a:hover {color: #800000;text-decoration: underline;}

.text-bg_secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,0.5))!important}
.text-bg_dark{ padding-left:0.5em; padding-right:0.5em; color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,0.3))!important}


#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;}
.nav-link {padding:0.25rem 0.5rem;color: #590202;}
#text-link_modal,#text-link_target{text-decoration:underline;cursor:pointer;}
#text-link_nav{ font-size:large;}
#text-link_nav:hover{text-decoration:underline;cursor:pointer;}
.img-link_modal,.img-link_target{cursor:pointer;}

#prieure{max-width:144px;box-shadow:non!important;border:0;}
#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;}
.border-sideflag{border: 1px 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}}
.modal-content a {font-family:Calibri,sans-serif;color:#fff;text-decoration: underline;background-color:transparent;}
.modal-content a:hover {color: aqua;text-decoration: underline;}
.modal-close{color:#fff;max-width:4em;opacity:0.8;}	 
.modal-close:hover {color:#007bff;cursor:pointer;opacity:1.0;}
.border-modal{border: 2px solid #fff!important;}
.border-darkred{border:2px solid #6a0000!important}

.accordion-close{color:#490202;max-width:3em;opacity:0.8;}	 
.accordion-close:hover {color:#007bff;cursor:pointer;opacity:1.0;}

#sideflag{max-width:72px;}
#sideflag-link-admin,#sideflag-link{max-width:64px;}
#sideflag-link{cursor: pointer;}
    
#oscar-foto{max-height:120px;}

#wirzwei-foto{max-height:96px;}

#btn-go-to-top{
  display: none;
  position: fixed;
  bottom:20px;
  right:2%;
  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.25rem;
  border-radius:0.25rem;}

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

#imagestopred{width:27px;height:26px;}
#imagestopgreen{width:27px;height:26px;}

/*
#beitraege_de_smith51net-1{
}
*/

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

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

/* -----------------------------------------------------------------------------------------------------------*/

@media (max-width:576px){
#sideflag{max-width:36px;}
#sideflag-link,#sideflag-link-admin{max-width:32px;}
.h5,h5{font-size:1.0em;}
.h6,h6{font-size:0.75em;}
p {font-size: small;}
#wirzwei-foto{max-height:48px;}
#imagestopred{height:12px;width:11px;}
#btn-go-to-top{right:0;}

}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
header,footer{padding:0.5rem 1rem;}
.modal-dialog {max-width:100%; margin: 0.15rem auto;}
.space_12{height:6px;background-color:transparent;}		
.space_16{height:8px;background-color:transparent;}
.space_20{height:12px;}
.space_40{height:24px;}
.space_60{height:36px;}
.space_80{height:48px;}
.space_120{height:72px;}
.space_160{height:96px;}
.card-body-prieure {padding:0.5rem;margin-left:0.25rem!important;margin-right:0.25rem!important;}
#sideflag{max-width:48px;}
#sideflag-link,#sideflag-link-admin{max-width:36px;}
#oscar-foto{max-height:72px;box-shadow:non!important;border:0;}
#wirzwei-foto{max-height:60px;}
#imagestopred{height:16px;width:17px;}
/*#btn-go-to-top{right:2%;}*/

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
header,footer{padding:0.75rem 1.25rem;}
.modal-dialog {max-width:100%; margin: 0.15rem auto;}
.space_12{height:8px;background-color:transparent;}		
.space_16{height:12px;background-color:transparent;}
.space_20{height:16px;}
.space_40{height:32px;}
.space_60{height:48px;}
.space_80{height:64px;}
.space_120{height:96px;}
.space_160{height:124px;}
.card-body-prieure {padding:0.5rem;margin-left:0.25rem;margin-right:0.25rem;}
#sideflag{max-width:64px;border-radius: 0.2rem;}
#sideflag-link,#sideflag-link-admin{max-width:48px;}
#oscar-foto{max-height:96px;box-shadow:non!important;border:0;}
#wirzwei-foto{max-height:72px;}
#imagestopred{height:18px;width:19px;}


}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
#wirzwei-foto{max-height:84px;}
#imagestopred{height:20px;width:21px;}


}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
#imagestopred{height:24px;width:23px;}


}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}


/*
@media (max-width:1400px){
#imagestopred{height:24px;width:23px;}
#imagestopgreen{height:24px;width:23px;}
#btn-go-to-top{right:6%;}
}

@media (max-width:1200px){
#imagestopred{height:20px;width:21px;}
#imagestopgreen{height:20px;width:21px;}
#btn-go-to-top{right:4%;}
}

@media (max-width:992px){
header,footer{padding:0.75rem 1.25rem;}
.modal-dialog {max-width:100%; margin: 0.15rem auto;}
.space_12{height:8px;background-color:transparent;}		
.space_16{height:12px;background-color:transparent;}
.space_20{height:16px;}
.space_40{height:32px;}
.space_60{height:48px;}
.space_80{height:64px;}
.space_120{height:96px;}
.space_160{height:124px;}
.card-body-prieure{padding:0.5rem;margin-left:0.25rem!important;margin-right:0.25rem!important;}
#prieure{max-width:108px;box-shadow:non!important;border:0;}
#sideflag{max-width:56px;margin-bottom:0.25em!important;border-radius: 0.2rem!important;}
#sideflag-link{max-width:40px;border-radius: 0.1rem!important;}
#sideflag-link-admin{max-width:40px;border-radius: 0.15rem!important;}
#oscar-foto{max-height:96px;box-shadow:non!important;border:0;}
#wirzwei-foto{max-height:96px;box-shadow:non!important;border:0;}
#imagestopred{height:18px;width:19px;}
#imagestopgreen{height:18px;width:19px;}
#btn-go-to-top{right:3%;}
}

@media (max-width:768px){
header,footer{padding:0.5rem 1rem;}
.modal-dialog{max-width:100%; margin: 0.15rem auto;}
.h4,h4{font-size:1.125em;}
.space_12{height:6px;background-color:transparent;}		
.space_16{height:8px;background-color:transparent;}
.space_20{height:12px;}
.space_40{height:24px;}
.space_60{height:36px;}
.space_80{height:48px;}
.space_120{height:72px;}
.space_160{height:96px;}
.card-body-prieure {padding:0.5rem;margin-left:0.25rem!important;margin-right:0.25rem!important;}
#prieure{max-width:96px;box-shadow:non!important;border:0;}
#sideflag{max-width:40px;margin-bottom:0.15em!important;border-radius: 0.2rem!important;}
#sideflag-link{max-width:32px;border-radius: 0.1rem!important;}
#sideflag-link-admin{max-width:32px;border-radius: 0.15rem!important;}
#oscar-foto{max-height:72px;box-shadow:non!important;border:0;}
#wirzwei-foto{max-height:84px;box-shadow:non!important;border:0;}
#imagestopred{height:16px;width:17px;}
#imagestopgreen{height:16px;width:17px;}
#btn-go-to-top{right:2%;}
}

@media (max-width:576px){
p {font-size: small;}
header,footer{padding:0.25rem 0.5rem;}
.modal-dialog {max-width:100%; margin: 0.15rem auto;}
.h4,h4{font-size:1.0em;}
.space_12{height:4px;background-color:transparent;}		
.space_16{height:6px;background-color:transparent;}
.space_20{height:8px;}
.space_40{height:16px;}
.space_60{height:24px;}
.space_80{height:36px;}
.space_120{height:56px;}
.space_160{height:80px;}
.card-body-prieure {padding:0.5rem;margin-left:0.25rem!important;margin-right:0.25rem!important;}
#prieure{max-width:84px;box-shadow:non!important;border:0;}
#sideflag{max-width:32px;margin-bottom:0.1em!important;border-radius: 0.2rem!important;}
#sideflag-link{max-width:24px;border-radius: 0.1rem!important;}
#sideflag-link-admin{max-width:24px;border-radius: 0.15rem!important;}
#oscar-foto{max-height:56px;box-shadow: non!important;border:0;}
#wirzwei-foto{max-height:72px;box-shadow:non!important;border:0;}
#imagestopred{height:16px;width:17px;}
#imagestopgreen{height:16px;width:17px;}
#btn-go-to-top{right:0%;}

}
*/

*/

/*
@media (max-width:992px){
.card-img, .card-img-top, .card-img-bottom {width: 100%;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.25em;font-weight:bold;line-height:1.1; text-shadow:non; font-family:Calibri,Tahoma,Arial,sans-serif;}
.h1,h1{font-size:2.125em; 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.125em;font-style:italic;color:#490202;}
.h5,h5{font-size:1.0em;font-style:italic;color:#490202;}
.h6,h6{font-size:0.75em; font-style:italic; color:#590202;}
p {margin-bottom: 0.8em;font-size: 0.8em;}
.jumbotron, .container {padding: 0.5rem 1rem;}
#helfer-landscape{max-width:60%;}
#helfer-foto{max-width:40%;}
.h1,h1{font-size:2.125em; 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.125em;font-style:italic;color:#490202;}
.h5,h5{font-size:1.0em;font-style:italic;color:#490202;}
.h6,h6{font-size:0.75em; font-style:italic; color:#590202;}
p {margin-bottom: 0.8em;font-size: 0.8em;}
p {font-size:1em;}

@media (max-width:768px){
.card-img, .card-img-top, .card-img-bottom {width: 100%;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.25em;font-weight:bold;line-height:1.1; text-shadow:non; font-family:Calibri,Tahoma,Arial,sans-serif;}
.h1,h1{font-size:2.125em; 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.125em;font-style:italic;color:#490202;}
.h5,h5{font-size:1.0em;font-style:italic;color:#490202;}
.h6,h6{font-size:0.75em; font-style:italic; color:#590202;}
p {margin-bottom: 0.8em;font-size: 0.8em;}
.jumbotron, .container {padding: 0.5rem 1rem;}
#helfer-landscape{max-width:60%;}
#helfer-foto{max-width:40%;}
p {font-size:0.5em;}

@media (max-width:576px){
.card-img, .card-img-top, .card-img-bottom {width: 100%;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.25em;font-weight:bold;line-height:1.0; text-shadow:non; font-family:Calibri,Tahoma,Arial,sans-serif;}
.h1,h1{font-size:1.5em; font-style:italic; color:#6A0000;}
.h2,h2{font-size:1.25em; font-style:italic; color:#6a0000;}
.h3,h3{font-size:1.125em; font-style:italic; color:#490202;}
.h4,h4{font-size:1.0em;font-style:italic;color:#490202;}
.h5,h5{font-size:0.75em;font-style:italic;color:#490202;}
.h6,h6{font-size:0.5em; font-style:italic; color:#590202;}
p {margin-bottom: 0.8em;font-size: 0.8em;}
.jumbotron, .container {padding: 0.25rem 0.5rem;}
#helfer-landscape{max-width:60%;}
#helfer-foto{max-width:40%;}font-size:0.25em;
.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:0.5rem;height:0.5rem;}
*/

