/**************************************************************************************/
/*
/*		Richi ... 12/2018
/*
/**************************************************************************************/

/* ... Beitragsbild oben crop und plaziert ... weiter unten für kleine Bildschirme angepasst ... */
.item-image img {
	object-fit: cover;
	width: 100%;
	height: 450px;
}

/* ... Weblinks Anpassungen Richi am 06.11.2019 anpassen ... */
div.weblink-category .item-image img {
	width: 225px;
	height: auto;
}
div.weblink-category .pull-none.item-image {
    margin: 0 0 10px 0px;
}
div.weblink-category div.list-title a.category {
	font-size:18px;
	font-weight: bold;
	letter-spacing: 2px;
}
div.weblink-category ul.category.list-striped.list-condensed li {
	margin-bottom: 30px;
}
/* ... ENDE Weblinks Anpassungen ... */

 /* ... Bildunterschrift beim Beitragsbild über das Bild einblenden ... */
.item-image figure {
	margin: -50px 0px 0px 0px;
	padding-left: 50px;
	line-height: 50px;
	position: absolute;
	font-family: 'Caveat', cursive;
    font-size: 22px;
	color: #004689;
	background: rgba(204, 204, 204, 0.6); 
	width: 100%;
	max-width: 1120px;
}


/* ... wenn ein Beitragsbild vorhanden ist ... über den Titel schieben ... nur die Bildunterschrift im Bild sichtbar ... */
article.page-item.page-item__ figure.item_img.img-full.img-full__left.item-image img {
	margin-top: -62px;
}

@media only screen and (max-width: 1140px) {
.item-image img {
	height: 350px;
}
}

@media only screen and (max-width: 767px) {
.item-image img {
	height: 250px;
}
.item-image figure {
	line-height: 50px;
    font-size: 16px;	
}

ul.sf-menu li{
   background-color: #62767D; 
}
/* ... hintergrund farbe durchsichtig bei kleinen Bildschirmen ... */
#menu-row.fixed {
    background: rgba(52, 63, 67, .6) none repeat scroll 0 0;
}
/* ... Texte in den Bildern Startseite ... weiter unten bei kleinen Bildschirmen, damit man die Buttons auch anklicken kann ... */
div#wrapper div#header-wrapper div#slider-row div.row-wrapper.visible div.moduletable div ul.sequence-canvas li div.info {
	top: 60%; 
}
}

@media only screen and (max-width: 440px) {
}


/* ... STARTSEITE SLIDER ... grossen Bilder unten bündig ... bei Text Schatten leuchten damits lesbar bleibt ... */
.sequence-slider > .sequence-canvas li > * {
    bottom: 0px;
}
ul.sequence-canvas li div.info,
div.info div.camera_caption h2 {
	text-shadow: 0 0 5px black;
}

/* ... Anfrage Formular ... bei select Hintergrund dasselbe ... */
select,
.visform input:not(.btn), .visform select, .visform textarea {
	background-color: #f6f6f6;
}
input[type="submit"].btn,
input[type="reset"].btn {
    min-width: 20%;
}
/*... Button Anfrage formatieren ... */ 
div#content-row-9 a.btn.btn-info {
	width:60%;
	text-transform: none;
	text-shadow: 0 0 5px black;
}

/* ... Linkfarben bei Kategorien auswahl nicht blau ...*/
h3.page-header.item-title {
	width:100%;
	margin-bottom:10px;
	background-color:#0076BC;
	text-align:center;
}

h3.page-header.item-title a {
	display:block;
	color: #ffffff;
	text-shadow: 0 0 5px black;	
}
h3.page-header.item-title a:hover {
	background-color: #333333;	
}

h5 a {
	color: #004689;	
}
h5 a:hover {
	color: #f9b200;	
}

/* ... Links auf der Startseite im Zentools ... farbig ... */
html body.com_content.view-article.task-.itemid-171.body__.scrolled div#wrapper div#header-wrapper div#bottom-header-row.shift-top div.row-wrapper.visible div.row-container div.container-fluid div.row-fluid div.moduletable div.moduletable-wrapper div#zentools-101.zentools.zt-grid.zt-responsive-grid.zt-boxed.zt-columns-1 ul li div.zt-col.zt-col-12 div.zt-item-container.clearfix div.zt-text-intro.zt-element.zt-block.zt-element-3.zt-left.zt-hidden-content a {
color:#004689;
}
html body.com_content.view-article.task-.itemid-171.body__.scrolled div#wrapper div#header-wrapper div#bottom-header-row.shift-top div.row-wrapper.visible div.row-container div.container-fluid div.row-fluid div.moduletable div.moduletable-wrapper div#zentools-101.zentools.zt-grid.zt-responsive-grid.zt-boxed.zt-columns-1 ul li div.zt-col.zt-col-12 div.zt-item-container.clearfix div.zt-text-intro.zt-element.zt-block.zt-element-3.zt-left.zt-hidden-content a:hover {
color:#f9b200;
}

/* ... News Modul auf der Startseite ... AS Slider ... kleinere Abstände ...*/
#bottom-header-row .mod-newsflash-adv .item_container {
    padding: 20px;
}

/* ... Hintergrundbild (Verlauf von oben bis unten schmales Bild) bei Main Content fixiert und nicht scrollend... */
#main-content-row {
	background-position: top;
	background-repeat: repeat-x;	
	background-attachment: fixed;
}


h1, h3 {
    margin-bottom: 0px;
    text-transform: none;
}

/* **** Anpassungen LINKS Modul ... Hintergrund pro Link ... Titel normal not uppercase */
h5 {
	color: #999999;
	text-transform:none;
}

html body.com_content.view-category.task-.itemid-172.body__ div#wrapper div#main-content-row div.row-wrapper.visible div.row-container div.container-fluid div.row-fluid div#component.span12 main div#main-content-top-row.row-fluid div#content-top div.moduletable div.moduletable-wrapper header h1.moduleTitle {
	color: #333333;
	font-size: 28px;
	text-align: left;
	padding-left: 15px;
}

#logo {
    margin: 10px 0px 0px;
}

#breadcrumbs-row .breadcrumb {
    text-transform: none;
}

/* ... dringend damit bei kleinen Bildschirmen das Menü nix zerschiesst ... logo usw. verschiebt´s sonst ... */
#menu-row {
    background-position: right top;
}

ul.sf-menu {
    float: none;
}

ul.sf-menu ul li a, ul.sf-menu ul li span {
    text-transform: none;
}

p {
    padding-bottom: 0px;
}

.img-full__left, .pull-left.item-image {
    float: none;
    margin: 0px 0px 20px 0px;
    max-width: 100%;
}

/* ... Hintergrundbild beim Spruch auf Startseit positionieren ... */
#content-row-8 {
	background-position: center;
	height: 500px; 
	position: relative;
	padding:0px; 
}

/* ... Lageplan Titel auf Startseite / Kontakt ... linksabstand ... */
div#footer-wrapper div#footer-row-1 div.row-wrapper.visible div.moduletable header h3.moduleTitle {
	padding-left: 50px;
}

	
/* ... Abstände der verschiedenen Bereichen ... */
#main-content-row {
    padding: 0px 0px 70px;
}
#main-content-bottom-row {
    padding: 30px 0px 30px;
}
#footer-row-2 {
    padding: 30px 0px 30px;
}

/* ... Adresse unten Abstand zu gross ... */
#footer-row-2 .mod-custom__address {
    padding-bottom: 0px;
}

/* ... Suchen Feld unten linksbündig mit Adresse drüber ...*/
div.mod-custom.mod-custom__.suchenrich div.moduletable.span6 {
	padding-left: 0px;
}

/* ... Punkte auf Startseite News farblich angepasst ... */
.owl-pagination div.owl-page span,
.owl-controls .owl-page span {
    background: #004689;
}	

/* ... Bilder Slider Startseite unterer Rand sequence.css ... Quatsch ... musste es direkt in der sequence.css auf 0 stellen ...*/

/* ... Startseite News Tool ... Linkfarben auffällig ... unterer Abstand geringer ... Hintergrundfarbe neutral ... */
.zt-hidden-content a {
	color:#004689;
}
.zt-hidden-content a:hover {
	color:#f9b200;
}
#main-content-top-row {
    padding-bottom: 20px;
}	
div.zt-item-container {
	background-color: #E0EDFF;
}
/* ... Titel Startseite Newstool blau ... */
h3.zt-block {
	color:#004689;
}

/* ... Suchergebnisse highlighten ... */
.highlight {
    background-color: #FFC;
    font-weight: bold;
    padding: 1px 4px;
}

/* ... Gallery SIGE Bilder leuchten Schatten ... */
div.pswp__zoom-wrap img.pswp__img {
  box-shadow: 0px 0px 35px 26px rgba(255,255,255,0.28);
}

/* Eigene CSS Styles*/
/* ****************************************************************************************************/   
.bildlinks {
  margin-right: 10px;
  padding-right: 10px;
  float: left;	
}
.bildrechts {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 10px;
  padding-left: 10px;
  float: right;	
}
.subgrau {
	line-height: 30px;
	font-family: 'Caveat', cursive;
    font-size: 22px;
	color: #797979;	
    display:block;
    border-bottom: 1px solid #cdcdcd;	
	margin: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.subgelb {
	line-height: 30px;
	font-family: 'Caveat', cursive;
    font-size: 22px;	
	color: #f9b200;
}
.subblau {
	line-height: 30px;
	font-family: 'Caveat', cursive;
    font-size: 22px;
	color: #004689;	
}
.subblau_unter {
	line-height: 30px;
	font-family: 'Caveat', cursive;
    font-size: 22px;
	color: #004689;	
    display:block;
    border-bottom: 1px solid #004689;	
	margin: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.klein {
	font-size: 12px;
}
.gesperrt {
	letter-spacing: 2px;
}
/* ************************************************************* */