/* MZ Styles */
html, body {
	font-size: 18px;
    height: 100%;
    font-family: "Calibri", Geneva, sans-serif;
    line-height: 1.4;
    color: #2C2731; 

}

/* FARBRAUM GRÖße ROOT */
:root {	--dbrown: #39322C; --mrot: #BF172B; --deep-grey: #4E4945; --light-grey: #908983; --mblau: #195B94; --mgruen:#70A82E; } /* Add base colors to root*/

/* RSNEW JS LINK */
.goInVisible { visibility: hidden; }

h1 {
	font-size: 2rem; 
	font-weight: bold;
}

h1.rot { color: var(--mrot); font-size: 2rem; font-weight: bold; }

h2 {
	font-size: 1.7rem;
	font-weight: bold;

}
h2.big {
	font-size: 2rem;
	font-weight: bold;
		
}
h3 {
	font-size: 1.5rem;
	font-weight: bold;
}
h4 {
	font-size: 1.3rem;
	font-weight: bold;
}
.fs-20 { font-size: 21px; }
.fw-light-bold { font-weight: 600; }
.fs-11 { font-size: 1.1em; }
.fs-12 { font-size: 1.2em; }
.fs-13 { font-size: 1.3em; }
.fs-14 { font-size: 1.4em; }
.fs-15 { font-size: 1.5em; }
.fs-16 { font-size: 1.6em; }
.fc-red { color: --mrot; }
.fs-small { font-size: 13px; }

/* boxen */
.alert-box { background-color: var(--mrot); color: white; border: 2px solid black; padding: 0.5em;}
.box-text-grey { background-color: #BEBEBE; }
.box-text-grey h5 { font-size: 1.2em; font-weight: bold; }
.mapquelle { font-size: 11px; background-color: #6c757d; color: white; padding: 3px}

 
/* swiper */
.argumente .swiper-slide { width: auto!important }
.argumente .swiper-slide div { max-width: 600px; }
.fragen .swiper-slide { max-width: 400px; border-left: 8px solid rgba(255,255,255,0.5); padding: 10px; }
.fragen .swiper-slide::before { }
/* LINK PREC */

a:link, a:visited, a:hover { color: #212529; text-decoration: none; }
a.wh:link { color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.wh:hover { color: #cccccc; font-size: 1.2em; font-weight: bold; }
a.wh:visited { color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.bl:link { color: #212529; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.bl:hover { color: #cccccc; font-size: 1.2em; font-weight: bold; }
a.bl:visited { color: #212529; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.box:link { color: #212529; text-decoration: none; }
a.box:hover { color: #cccccc;  animation: bgs 1s linear; animation-fill-mode: forwards; }
a.box:visited { color: #212529; text-decoration: none; }
a.blank:link { color: inherit; text-decoration: none; }
a.blank:hover { color: inherit; }
a.blank:visited { color: inherit; text-decoration: none; }
a.quelle:link,a.quelle:hover,a.quelle:visited, .quelle { color: #262626; text-decoration: none; padding: 3px; background-color: #d1d1d1; margin: 1em 0px 5px 0px; border-left: 4px solid #F28F70; font-size: 13px; 
display: inline-block; padding-left: 4px;
}

a.dropdown-item:hover { background-color: inherit; color; inherit; }

/* bg */
.bg-dark { background-color: #292929; }
.bg-red { color: white; background-color: #4F1308; padding: 3px; font-weight: 600; }

/* KEYFRAMES */

@keyframes anim_gs {

  0% { -webkit-filter: grayscale(0%); filter: grayscale(0%);  }
  80% { -webkit-filter: grayscale(50%); filter: grayscale(50%);  }
  100% { -webkit-filter: grayscale(100%); filter: grayscale(100%); transform: scale(1.1, 1.1); }
}
@keyframes view-top {
 0% { opacity: 0; } 100% { opacity: 1; }
}
.view-top-in { opacity: 0; animation-name: fade-in; animation-duration: 1s; }



.img-grey {animation: anim_gs 3s normal; animation-delay: 2s;  animation-fill-mode: forwards; }

/* BOX DESIGN */
.infobox-grey { background-color: #262626; color: white; }

.card-img-box img { 	-webkit-filter: grayscale(100%); 	filter: grayscale(100%); 	-webkit-transition: .3s ease-in-out; 	transition: .3s ease-in-out; }
.card-img-box { min-height: 600px; position: relative; -webkit-box-shadow: 7px 7px 13px -5px rgba(176,176,176,1); -moz-box-shadow: 7px 7px 13px -5px rgba(176,176,176,1); box-shadow: 7px 7px 13px -5px rgba(176,176,176,1); border: 1px solid #ccc; }
.card-img-box:hover img { 	-webkit-filter: grayscale(0); 	filter: grayscale(0); 		-webkit-transform: scale(1.01); 	transform: scale(1.01); 		-webkit-transition: .3s ease-in-out; 	transition: .3s ease-in-out; }


.card-img-box-button {   -webkit-border-radius: 0;   -moz-border-radius: 0;   border-radius: 0px;   font-family: Arial;   color: #ffffff;   font-size: 20px;   background: #3F3F3F;   padding: 10px 20px 10px 20px;   text-decoration: none; }

.card-img-box-button:hover {   background: #000000;   text-decoration: none; }
.short-box {background-color: #595958; border: 1px solid #262626; box-shadow: 3px 3px 3px #ccc; }


/* IMAGE */
.img-grey-tl {border: 2px solid white; -webkit-box-shadow: -9px -10px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: -9px -10px 0px 0px rgba(0,0,0,0.3); box-shadow: -9px -10px 0px 0px rgba(0,0,0,0.3);}


/* news Box */
.news-head { font-size: 22px; font-weight: bold; background-color: #701F0F; color: white; padding: 10px; border-bottom: 2px dotted #fff; }
.news-date {font-size: 14px; font-weight: normal;  padding: 10px; }
.news-body { font-size: 20px;  padding: 10px; }
.news-button {  padding: 10px; }
.news-wrapper > div { background-color: white; }

.box-red {color: white; background-color: #4F1308 }

/* WDS Buttons */
.btni {     --bs-btn-padding-x: 0.75rem;     --bs-btn-padding-y: 0.375rem;     --bs-btn-font-family: ;     --bs-btn-font-size: 1rem;     --bs-btn-font-weight: 400;     --bs-btn-line-height: 1.5;     --bs-btn-color: var(--bs-body-color);     --bs-btn-bg: transparent;     --bs-btn-border-width: var(--bs-border-width);     --bs-btn-border-color: transparent;     --bs-btn-border-radius: var(--bs-border-radius);     --bs-btn-hover-border-color: transparent;     --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);     --bs-btn-disabled-opacity: 0.65;     --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);     display: inline-block;     padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);     text-align: center;     text-decoration: none;     vertical-align: middle;     cursor: pointer;     -webkit-user-select: none;     -moz-user-select: none;     user-select: none;     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.wds-button-c { border: 0px; display: inline-block;  vertical-align: middle;   -webkit-transform: perspective(1px) translateZ(0);   transform: perspective(1px) translateZ(0); position: relative;   background: #ffffff; color: white; font-weight: bold;  -webkit-transition-property: color;   transition-property: color;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s; }
.wds-button-c:before {   content: "";   position: absolute;   z-index: -1;   top: 0;   bottom: 0;   left: 0;   right: 0;   background: #701F0F;   -webkit-transform: scaleY(1);   transform: scaleY(1);   -webkit-transform-origin: 50%;   transform-origin: 50%;   -webkit-transition-property: transform;   transition-property: transform;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;   transition-timing-function: ease-out; padding-left: 2%; }
.wds-button-c:hover, .wds-button-c:focus, .wds-button-c:active {   color: black; }
.wds-button-c:hover:before, .wds-button-c:focus:before, .wds-button-c:active:before {   -webkit-transform: scaleY(0);   transform: scaleY(0); }
.wds-button-w { border: 0px; display: inline-block;  vertical-align: middle;   -webkit-transform: perspective(1px) translateZ(0);   transform: perspective(1px) translateZ(0); position: relative;   background: #ffffff; color: black; font-weight: bold;  -webkit-transition-property: color;   transition-property: color;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s; }
.wds-button-w:before {   content: "";   position: absolute;   z-index: -1;   top: 0;   bottom: 0;   left: 0;   right: 0;   background: #ffffff;   -webkit-transform: scaleY(1);   transform: scaleY(1);   -webkit-transform-origin: 50%;   transform-origin: 50%;   -webkit-transition-property: transform;   transition-property: transform;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;   transition-timing-function: ease-out; padding-left: 2%; }
.wds-button-w:hover, .wds-button-c:focus, .wds-button-c:active {   color: black; }
.wds-button-w:hover:before, .wds-button-c:focus:before, .wds-button-c:active:before {   -webkit-transform: scaleY(0);   transform: scaleY(0); }



.change-view { border: 0px; font-weight: bold; background-color: white; color: black; margin: 10px; font-size: 20px; }

/* PZ */
.panzoom{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.panzoom__viewport{position:relative;width:100%;height:100%;min-height:1px;margin:auto}.panzoom__content{max-width:100%;max-height:100%;object-fit:contain;transform:translate3d(0, 0, 0) scale(1);transform-origin:0 0;transition:none;touch-action:none;user-select:none}.is-draggable{cursor:move;cursor:grab}.is-dragging{cursor:grabbing}

/* modals */
.wds-modal1 { border: 0px; border-radius: 0px; border-top: 3px solid #A3382A; } 

/* LISTEN */
.themen { font-size: 20px; font-weight: bold; margin-top: 1em; }
.themen img { margin-right: 5px; }

/* WRAPPER */
.wrapper-theme {margin: 10px;  border: 2px solid #404040; background-color: white; }

/* ELEMENTS */
.mw-800 { max-width: 800px; } .mw-600 { max-width: 600px } .mw-400 { max-width: 400px }.mw-3 { max-width: 300px }
.hx-500 { min-height: 150px; max-width: 500px; background-color: white; padding: 5px;  }




/* border */
.border-a1 {border-width: 3px; border-style: solid; border-image-source: linear-gradient(to left, #262626, #BFBFBF); border-image-slice: 1; }

.verkehr .swiper-slide {  min-height: 250px; border: 1px solid black; padding: 10px; }


/** Modals Faktencheck **/
.modal-body .zitat { background-color: #cccccc; margin: 5px;  }
.modal-body .fakt { background-color: #4F1308; color: white; margin: 5px; }
img.divider { margin: 1em 0 1em 0; }


/** **/
.swiperMark::before {
	content:url('../../icons/swipe.png');
	
	
}

.stellungnahme { background-color: #cccccc; padding: 15px;  }
.behauptung { border: 4px solid #cccccc; padding: 15px; margin-top: 2rem; }

.verkehr > div { background-color: rgba(255,255,255,1); border: 1px solid #cccccc;padding: 10px;  margin: 10px; width: 300px; }
.galerie-baugebiet img { height: 100px; margin: 5px; border: 1px solid black; }

/* INTERESSANTES */
.bericht .wrapper { max-width: 95%; border: 2px solid #4F1308; padding: 20px; box-shadow: 3px 3px 3px #cccccc; }
#bericht-wrapper .container-fluid { margin-top: 3rem; }
.bericht .topic { font-size: 24px; font-weight: bold; border-bottom: 3px solid #4F1308; }
.bericht .content { font-size: 20px; padding: 2rem 0 2rem 0 }
.bericht .link {padding: 1rem 0 1rem 0; }

/* BOX Border */
.box-border-red { border: 1px solid #4F1308; }
.noradius { border-radius: 0px; }