/* Individuelle (Kunden-)Anpassungen hier rein! */
.inputs label {font-size: 1em;}

@media screen and (min-width: 1280px){
    body.startseite .titelbild .elem{

/*	height: 750px; - Anpassung 08.02.2024 auf Wunsch von M. Weber - krz - MB */
	height: 550px;

	
}
 .site-header .titelbild-slider{
	display: inline-block;
	width: 100%;
/*	height: 750px; - Anpassung 08.02.2024 auf Wunsch von M. Weber - krz - MB */
	height: 550px;
	overflow: hidden;
	z-index: 0;
} 
.titelbild .slogan {
	display: table-cell;
	vertical-align: middle;
	font-size: 2em;
	padding: 30px;
	line-height: 1;
	text-shadow: none;
	width: 100%;
}
   
.titelbild .heading {
	margin: 0;
	color: #fff;
	width: 12em;
	background-color: #2565A4;
	padding: 15px;
	text-align:center;
}

.titelbild .sub-line {
	margin: 0.5em;
	background-color: #fff;
	color: #2565A4;
	font-size: 0.8em;
	font-weight:bold;
	padding: 10px;
	position: absolute;
	margin-left: 2.5em;
}

body.jumbotronwidth-full .slogan {
	text-align: left;
}
body.jumbotronwidth-full.startseite .slogan {
	font-size: 1.5em;
}

.main-content-area a.csslink_PDF:before, #popup-data a.csslink_PDF:before {content:'\f1c1';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}
.main-content-area a.csslink_intern:before, #popup-data a.csslink_intern:before {content:'\f0c1';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}
.main-content-area a.csslink_extern:before, #popup-data a.csslink_extern:before {content:'\f08e';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}
.btn a.csslink_intern:before, .btn a.csslink_extern:before { content: none; }

.site-footer{border-top:0.5em solid #2565A4}
.site-content{
    background-image:url("/layout/_default/assets/img/Silhouette_Nieheim_600_neu.png");
    background-repeat:no-repeat;
    background-position:left bottom;
    line-height: 1.444;
}
.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 { line-height: initial; }
/*.startseite  .site-content { margin-top: -160px; }*/
.bottom-controls{
/*	border-top: 1px solid #eee;*/
	padding-top: 80px;
/*	margin-top: 30px;
	width: 100%;
	display: inline-block;*/
	padding-bottom:30px;
}
.volltextsuche > form {
    margin: 0 0 1.5em;
}
.vorschaltseite { padding-top: 30px; padding-bottom: 30px; }
.vsnieheim { font-weight: bold; font-size: 1.2em; }
p.vsnieheim { text-align: center; }
hr.vsnieheim { margin: 10px 0; }
.vslogo { width: 185px; float: right; }


/* Video-Einbindung */
.inline-video { display: inline-block; }
@media screen and (max-width: 640px) {
     .inline-video { width: auto !important; }
}
}

/* Sliderbox Texte */
.slider-wrapper {
    position: relative;
    width: 100%;
    margin: calc(-10% - 30px) auto 30px;
    border: 15px solid #f0f0f0;
    background-color: #fff;
}
@media screen and (max-width: 640px) {
    .slider-wrapper { margin: -100px auto 30px; }
}
.slideimg {
    padding: 0;
    margin-bottom: -4px;
}
.slider-wrapper .date { display: block; margin: 15px 0 0; font-size: 0.9em; }
.slider-wrapper .slider-title { margin-top: 15px; font-size: 1.1em; }
.slider-wrapper .slider-content { font-size: 0.9em; }
.slider-wrapper .flex-nav-prev, .slider-wrapper .flex-nav-next { position: absolute; top: calc(50% - 25px); }
.slider-wrapper .flex-nav-prev { left: -23px; }
.slider-wrapper .flex-nav-next { right: -26px; }
.slider-wrapper .flex-nav-prev .flex-prev, .slider-wrapper .flex-nav-next .flex-next { font-size: 32px; color: #2565A4; display: block; }
.slider-wrapper .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -25px;
    text-align: center;
}
.slider-wrapper .slides, .slider-wrapper .flex-control-nav, .slider-wrapper .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider-wrapper .flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
}
.slider-wrapper .flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.slider-wrapper .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
} 

/* Vertikaler Toggler - z. Bsp. für "Nachrichten aus der Region" auf Startseite (siehe www.paderborn.de) */
.toggler-vertikal {
    display: flex;
    font-size: 0.8em;
   min-height: 200px;
 margin-bottom:1em;
}
.toggler-vertikal-titlecontainer {
    display: flex;
    padding: 30px 0;
    position: relative;
    width: 50%;
/*    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0px, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25) 100%);*/
}
.toggler-vertikal-maintitle {
    hyphens: none;
    margin: auto 0;
    padding: 0 2%;
    text-align: center;
    width: 50%;
    font-size: 2em;
/*}
.toggler-vertikal.blaugruen .toggler-vertikal-maintitle {
*/    color: #fff;
}
.toggler-vertikal-titlelist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 50%;
}
.toggler-vertikal-titlelist > li {
    list-style-type: none;
    cursor: pointer;
    padding: 5px 10px 0 0;
}
.toggler-vertikal-title {
    margin: 0;
    border-bottom: 1px solid #fff;
	padding: 5px 35px 5px 10px;
	font-size: 1.3em;
	position: relative;
}
.toggler-vertikal-title:after {
	content: '\f054';
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	font-size: 1em;
	color: #fff;
	vertical-align: middle;
	line-height: 1.5;
	transition: all 0.2s ease-in;
}
.toggler-vertikal-contentlist {
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 50%;
}
.toggler-vertikal-contentlist .toggler-vertikal-title {
    display: none;
}
.toggler-vertikal-contentlist .toggler-vertikal-container {
    position: relative;
    display: none;
}
.toggler-vertikal-contentlist .toggler-vertikal-container.aktiv {
    display: block;
}
.toggler-vertikal-contentlist .toggler-vertikal-container p {
    font-size: 1.1em;
}
.toggler-vertikal-contentlist .toggler-vertikal-container span.file {
    font-size: 0.9em;
}
.toggler-vertikal.blaugruen .toggler-vertikal-titlecontainer,
.toggler-vertikal.blaugruen .toggler-vertikal-contentlist .toggler-vertikal-title,
.toggler-vertikal.blaugrau .toggler-vertikal-titlecontainer,
.toggler-vertikal.blaugrau .toggler-vertikal-contentlist .toggler-vertikal-title {
    background-color: #2565a4;
}
.toggler-vertikal.blaugruen .toggler-vertikal-title,
.toggler-vertikal.blaugrau .toggler-vertikal-title {
    color: #fff;
}
.toggler-vertikal.blaugruen .aktiv .toggler-vertikal-title,
.toggler-vertikal.blaugrau .aktiv .toggler-vertikal-title,
.toggler-vertikal.blaugruen li:hover .toggler-vertikal-title,
.toggler-vertikal.blaugrau li:hover .toggler-vertikal-title {
    color: #202020;
}
.toggler-vertikal.gruenblau .toggler-vertikal-titlecontainer,
.toggler-vertikal.gruenblau .toggler-vertikal-contentlist .toggler-vertikal-title,
.toggler-vertikal.gruengrau .toggler-vertikal-titlecontainer,
.toggler-vertikal.gruengrau .toggler-vertikal-contentlist .toggler-vertikal-title {
/*	background-color: #e5e89e;
*/	background-color: #c6d608;
}
.toggler-vertikal.graublau .toggler-vertikal-titlecontainer,
.toggler-vertikal.graublau .toggler-vertikal-contentlist .toggler-vertikal-title,
.toggler-vertikal.graugruen .toggler-vertikal-titlecontainer,
.toggler-vertikal.graugruen .toggler-vertikal-contentlist .toggler-vertikal-title {
    background-color: #f0f0f0;
}
.toggler-vertikal.blaugruen .toggler-vertikal-contentlist,
.toggler-vertikal.blaugruen .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.blaugruen .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover,
.toggler-vertikal.graugruen .toggler-vertikal-contentlist,
.toggler-vertikal.graugruen .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.graugruen .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover {
	background-color: #c6d608;
/*	background-color: #e5e89e;*/
}
.toggler-vertikal.gruenblau .toggler-vertikal-contentlist,
.toggler-vertikal.gruenblau .toggler-vertikal-contentlist a,
.toggler-vertikal.gruenblau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.gruenblau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover,
.toggler-vertikal.graublau .toggler-vertikal-contentlist,
.toggler-vertikal.graublau .toggler-vertikal-contentlist a,
.toggler-vertikal.graublau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.graublau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover {
    background-color: #2565a4;
    color: #fff;
}
.toggler-vertikal.blaugrau .toggler-vertikal-contentlist,
.toggler-vertikal.blaugrau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.blaugrau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover,
.toggler-vertikal.gruengrau .toggler-vertikal-contentlist,
.toggler-vertikal.gruengrau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li.aktiv,
.toggler-vertikal.gruengrau .toggler-vertikal-titlecontainer .toggler-vertikal-titlelist > li:hover {
    background-color: #f0f0f0;
}
.toggler-vertikal.blaugruen .toggler-vertikal-contentlist a,
.toggler-vertikal.graugruen .toggler-vertikal-contentlist a,
.toggler-vertikal.blaugrau .toggler-vertikal-contentlist a,
.toggler-vertikal.gruengrau .toggler-vertikal-contentlist a {
    color: inherit;
}
.toggler-vertikal.blaugruen .toggler-vertikal-contentlist a.btn,
.toggler-vertikal.graugruen .toggler-vertikal-contentlist a.btn,
.toggler-vertikal.blaugrau .toggler-vertikal-contentlist a.btn,
.toggler-vertikal.gruengrau .toggler-vertikal-contentlist a.btn {
    color: #fff;
}

/* Hintergrundfarben für Themenboxen - hellgrau ist Standard */
.themebox-blau, .cards.themebox-blau > a:hover { background-color: #2565a4; color: #fff; }
.themebox-blau h2, .themebox-blau h3, .themebox-blau h4, .themebox-blau h5, .themebox-blau h6, .cards.themebox-blau > a { color: #fff; }
.themebox-gruen, .cards.themebox-gruen > a:hover { background-color: #c6d608;/*#e5e89e;*/ }
.themebox-grau {  }

/* Themenboxen in der Randspalte ohne Hintergrund und Abstand oben */
.randspalte .themenboxen .elem .content { background: none; }
.randspalte .themenboxen .elem { margin-top: 0; }

/* Themenboxen Veranstaltungen */
.themenboxen-veranstaltungen .caption { position: relative; }
.themenboxen-veranstaltungen .caption small.date {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translate(-50%);
    color: #fff;
	font-size: 1em;
	font-weight: bold;
    padding: 10px;
	border-radius: 10px;
	background-image: linear-gradient(295deg, #1f568b, #92b2d2, #1f568b);
}
.themenboxen-veranstaltungen .caption .title { margin-top: 10px; }

/* Trennlinie für Medienliste Listentemplate 2767.45 */
.unstyled-list.medlist45 li { border-bottom: 1px solid #2565a4; padding-bottom: 10px; }

@media screen and (max-width: 800px){
	.site-content{
    background-image:url("/layout/_default/assets/img/Silhouette_Nieheim_transparent.png");
    background-repeat:no-repeat;
    background-position:left bottom;}
    
} 

@media screen and (max-width: 680px){
	.bottom-controls{padding-bottom:100px;}
	.site-content{
    background-image:url("/layout/_default/assets/img/Silhouette_Nieheim_320.png");
    background-repeat:no-repeat;
    background-position:left bottom;}

    .toggler-vertikal {
        display: block;
        min-height: auto;
    }
    .toggler-vertikal-titlecontainer {
        display: block;
        width: auto;
        background-image: none;
    }
    .toggler-vertikal-maintitle {
        text-align: inherit;
        padding-left: 10px;
        width: auto;
    }
    .toggler-vertikal-titlelist {
        display: none;
    }
    .toggler-vertikal-contentlist .toggler-vertikal-title {
        display: block;
    }
    .toggler-vertikal-contentlist {
        width: auto;
    }
    .toggler-vertikal-container {
        padding: 10px;
    }

}    
	    
form#SFm + div.widget.kontakte { margin: 1.5em 0 0; }

/* MODUL FORMULARE */

fieldset.ikiss-form-fieldset,
legend.ikiss-form-legend,
.ikiss-form-element label,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: left;
    vertical-align: baseline;
    width: auto;
    float: none;
}

.ikiss-mailform-infolabel{
    font-size: 0.8em;
}

fieldset.ikiss-form-fieldset p:after,
fieldset.ikiss-form-fieldset div:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

span.ikiss-form-element {
    display: inline-table;
    width: 60%;
    float: none;
}

span.ikiss-form-element input,
span.ikiss-form-element select,
span.ikiss-form-element textarea,
span.ikiss-form-element label {
    display: inline-block;
}

span.ikiss-field-radio label {
    display: inline;
}

span.ikiss-field-checkbox label {
    display: inline;
}

fieldset.ikiss-form-fieldset {
    border: 1px solid #ccc;
    padding: 3% 1%;
    margin: 1em 0;
}

legend.ikiss-form-legend {
    font-weight: bold;
    padding: 0 1%;
}

span.ikiss-field-label {
    width: 30%;
    float: left;
    margin-right: 6%;
}

span.ikiss-field-label label {}

span.ikiss-field-textfield input {
    width: 100%;
    padding: 1%;
}

span.ikiss-field-textarea textarea {
    width: 100%;
    padding: 1%;
}

span.ikiss-field-select select {
    width: 100%;
}

span.ikiss-field-checkbox input {
    margin-right: 2%;
}

span.ikiss-field-checkbox label {
    padding-right: 3%;
}

span.ikiss-field-radio input {
    margin-right: 2%;
}

span.ikiss-field-radio label {
    padding-right: 3%;
}

span.ikiss-field-file input {
    width: 100%;
}

span.ikiss-field-button input, span.ikiss-field-button {
    float: left;
    width: auto;
}


.ikiss-mailform-infolabel {}

.ikiss-form-fieldset input,
.ikiss-form-fieldset select,
.ikiss-form-fieldset textarea,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element textarea {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #ddd;
    margin-bottom: 8px;
}

.ikiss-form-fieldset input,
.ikiss-form-fieldset select,
.ikiss-form-fieldset .btn>a,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element .btn>a{
    height: 42px;
    display: inline-block;
}

.ikiss-form-fieldset select[multiple="multiple"],
.ikiss-form-fieldset input[type="file"],
.ikiss-form-element select[multiple="multiple"],
.ikiss-form-element input[type="file"]{
    height: auto;
}

.ikiss-form-fieldset input[type="checkbox"],
.ikiss-form-element input[type="checkbox"] {
    width: auto;
    height: auto;
    margin: 5px 5px 5px 0;
}

.ikiss-form-fieldset input[type="radio"],
.ikiss-form-element input[type="radio"]
{
    width: auto;
    height: auto;
    margin: 5px 5px 5px 0;    
}

.ikiss-form-fieldset select[multiple],
.ikiss-form-element select[multiple]{
    height: auto;
}

.ikiss-form-fieldset label,
.ikiss-form-element label{
    font-size: 0.95em;
    margin-bottom: 3px;
}

/* Zusatzfunktion: Textabschnitt mit speziellem Hintergrund */
.colored-container {
	position: relative;
	width: 100%;
	margin: 30px 0;
	padding: 30px;
}
.colored-container.full-width {
	width: calc(100vw - var(--scrollbar-width));
	margin: 30px 0 30px calc(50% - 50vw + calc(var(--scrollbar-width) / 2));
	padding: 30px 0;
}
.colored-container.full-width + .colored-container.full-width,
.colored-container:not(.full-width) + .colored-container:not(.full-width) { /* zwei aufeinanderfolgende Einbindungen sollen keinen Abstand halten */
	margin-top: -30px;
}
[class*="column-"]:not(.column-1) .colored-container.full-width, /* Fallbacks fuer unzulaessige Einbindungen mit voller Breite innerhalb beliebiger Spalten */
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width,
.colored-container .colored-container.full-width, /* oder mehrfach ineinander */
.modal-window .colored-container.full-width, /* oder im modalen Fenster */
.mceContentBody .colored-container.full-width { /* auch fuer den Texteditor im Backend noetig */
	width: 100%;
	margin: 30px 0;
	padding: 30px;
}
[class*="column-"]:not(.column-1) .colored-container.full-width .wrapper, /* Fallbacks fuer den Wrapper innerhalb unzulaessiger Einbindungen mit voller Breite */
[class*="flex-col-"]:not(.flex-col-1) .colored-container.full-width .wrapper,
.colored-container .colored-container.full-width .wrapper, /* oder mehrfach ineinander */
.modal-window .colored-container.full-width .wrapper, /* oder im modalen Fenster */
.mceContentBody .colored-container.full-width .wrapper { /* auch fuer den Texteditor im Backend noetig */
	max-width: unset;
	width: unset;
	margin: unset;
	padding: unset;
	-moz-transition: unset;
	-webkit-transition: unset;
	transition: unset;
}
.colored-container_image-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.colored-container_image-wrapper.ikiss_norel {
	background-color: #c20000;
}
.colored-container_image-wrapper.ikiss_norel > img {
	opacity: 0.666;
}
.colored-container_image-copyright {
	background-color: #eee;
	background-color: rgba(255,255,255,0.75);
	color: #444;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.25em 0.375em;
	font-size: 0.75rem;
	line-height: normal;
	max-width: calc(100% - 30px);
	max-height: 100%;
}
@media screen and (max-width: 680px) {
	.colored-container_image-copyright {
		font-size: 0.5rem;
	}
}
.colored-container_image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.colored-container_image.fixed {
	background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) { /* fixed wird auf iOS-Geraeten nicht unterstuetzt */
	.colored-container_image.fixed {
		background-attachment: scroll;
	}
}
.colored-container_image.bottom {
	background-position: bottom;
}
.colored-container_image.top {
	background-position: top;
}
.colored-container_text-wrapper {
	position: relative;
	z-index: 2;
}
.colored-container_text-container {
	position: relative;
}
@media screen and (min-width: 961px){
	.colored-container_text-container.width-33 {
		max-width: 33.333%;
	}
	.colored-container_text-container.width-50 {
		max-width: 50%;
	}
	.colored-container_text-container.width-66 {
		max-width: 66.666%;
	}
	.colored-container_text-container.left {
		margin: 0 auto 0 0 ;
	}
	.colored-container_text-container.right {
		margin: 0 0 0 auto;
	}
	.colored-container_text-container.center {
		margin: 0 auto;
	}
}
.colored-container_text-background {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.colored-container_text-background + .colored-container_text {
	padding: 15px; /* zusaetzlicher Abstand nur, wenn Text mit zusaetzlichem Hintergrund erscheint */
}
.colored-container_text.text-color :not(.img-copyright):not(.mc2_ac):not(p.btn > a):not(.accordion-title):not(.cards):not(.big-date *) { /* weitere Ausnahmen, die die Schriftfarbe nicht uebernehmen sollen, muessen hier ebenfalls mit :not ergaenzt werden */
	color: inherit;
	border-color: inherit; /* erstmal ganz allgemein, siehe unten */
}
.colored-container_text.text-color * { /* die Vererbung der border-color ermoeglicht, dass Trennlinien in Suchergebnis-Listen passend gefaerbt werden. Die Farbe wird im Template auf die Textfarbe gesetzt, jedoch zu 75% durchsichtig. Wenn noetig koennen noch Ausnahmen wie oben definiert werden. Da aber nur die Farbe gesetzt wird und nicht das border-Attribut, war das bisher nicht noetig */
	border-color: inherit;
}
.colored-container_text :first-child:not(.flex-row):not([class*="flex-col-"]) {
	margin-top: 0;
}
.colored-container_text :last-child:not(.cards):not(.text-columns):not(.flex-row):not([class*="flex-col-"]) {
	margin-bottom: 0;
}
.opacity-100 {
	opacity: 1;
}
.opacity-75 {
	opacity: 0.75;
}
.opacity-50 {
	opacity: 0.5;
}
.opacity-25 {
	opacity: 0.25;
}
[style*="display:inline"]:first-child .colored-container:first-child { /* nur wenn kein Titel und keine Einleitung vorangestellt ist */
	margin-top: 0;
}
.colored-container:last-child {
	margin-bottom: 0;
}



/* RDFa-Tags bei den Dienstleistungen verstecken */
div[typeof="Zustaendigkeit"] { display: none; }